@import url('./snow.css');
*{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
:root{
    --box-shadow:0 0 8px 0 #223c5033;
    --svg-color:#aeaeae;
    --color-1:black;
    --background:#eef1f1;
    --option-background-color:#eef1f1;
    --after-content:"🌙 Dark";
    --input-color:#777777;
    --table-tbodytrhover:#00000044;
    --topy:#88e7c191;
    --balansy:#2a33b3;
    --footer-a:orange;
    --summary-hover:red;
    --border-table-3:1px solid #e1e1e1;
    --snow:white;
    --nav-background:#777777;
}

:root[theme="dark"] a{color:#00bfff;}
:root[theme="dark"] .aBlack{color:white;}
:root[theme="dark"] table.table-3 tr{background-color:#f8f8f800;}
:root[theme="dark"] .table-3 tbody tr{color:#b5b5b5}
:root[theme="dark"] #line_block{background-color:#f8f8f800}
:root[theme="dark"] nav{border:1px solid #292929;box-shadow:0px 0px 5px 0px gray; background-color: #1a1919;}
:root[theme="dark"] .pblack,.pblack2{background:linear-gradient(to right,#1f1f1f 20%,#1a1919,#1f1f1f);}
:root[theme="dark"] .line{background:linear-gradient(to right,#262626 ,#000000dc,#262626);font-family: 'Xirod'}

:root[theme="dark"] {
    --color-1:white;
    --background:#262626;
    --option-background-color: #1a1919;
    --after-content:"🌞 Light";
    --input-color:white;
    --table-tbodytrhover:#ffffff4f;
    --topy:#88e7c13f;
    --balansy:orange;
    --footer-a:#00bfff;
    --box-shadow:0 0 5px 0 #464646;
    --summary-hover:#00bfff;
    --border-table-3:1px solid #313131;
    --snow:white;
    --nav-background:#1a1919;
}

.chat_history_container{
  background: var(--background);
}
html body{margin:0;padding:0;background:var(--background);font-family:"Century Gothic";font-size:80%;color:var(--color-1)}

body::-webkit-scrollbar {
    width: 12px;               /* ширина scrollbar */
  }
  body::-webkit-scrollbar-track {
    background: var(--background);        /* цвет дорожки */
  }
  body::-webkit-scrollbar-thumb {
    background-color: var(--nav-background);    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
    border: 3px solid var(--nav-background);  /* padding вокруг плашки */
  }


header{width:100%;height:1vh;padding:1em;position:sticky;top:0;z-index:3;}
nav{width:21%;min-height:30vh;float:right;margin-top:1%;padding:2%;border:1px solid #d8d8d8;box-shadow:var(--box-shadow);border-radius:5px;position:sticky;top:0;text-transform: uppercase;}
nav ul{list-style-type:none;margin-left:0;padding-left:0}
nav ul li{margin-bottom: 5px;}
nav ul li:hover{text-shadow: 1px 1px 10px var(--color-1);}
#themes:after {content:var(--after-content);cursor: pointer;transition: 0.5s;}
section{width:78%;min-height:70vh;padding:1%;}
fieldset{border-radius:5px;width:90%}
#help{position:fixed;z-index:3000;bottom:0;right:0}
#gamburger{display:none;text-decoration:none;padding:10px 10px 10px 10px}
#b80{width:80%;min-height:40vh;margin:auto}
#b81{width:80%;min-height:40vh;margin:auto}
#DB, #vp{width: 100% !important;}
.top-up{color:red;}
.payment{color:#008800}
.top-up,.payment{font-weight: 700;font-stretch: ultra-expanded}
#osn{background-color: var(--option-background-color)!important;}
label.required:after{color: red;content: " *";}
.clearL{clear:left}
.clearR{clear:Right}
.pblack,.pblack2{font-size:90%;text-transform: uppercase;padding:4px;border-radius:5px;background:linear-gradient(to right,#000 20%,#1a1919,#eef1f1);color:#fff;margin:0;margin-bottom:5px}
.pblack li{list-style-type:none}
.awhite,.awhiteCenter{color:#fff;text-decoration:none;line-height:.9em; font-family: 'Xirod';}
.awhiteCenter{text-align:center}
.ih1{font-family:Xirod}
.line{font-family:Xirod;font-size:80%;background:linear-gradient(to right,#eef1f1 ,#000000dc,#eef1f1);color:#fff;padding:5px;text-align:center}
.line a{color:#fff;text-decoration:none}
a.botton{width:100%;padding:10px 5px 10px 5px;margin-bottom:5px;line-height:2.5em;vertical-align:middle;text-align:center;text-decoration:none;text-shadow:0 -1px 1px #585353;font-size:110%;font-weight:600;color:#fff;outline:0;border-radius:5px;box-shadow:0 0 0 60px rgba(0,0,0,0) inset,.1em .1em .2em #3a3838;background:linear-gradient(#3b3b3b,#aaa 48%,silver 52%,#eee)}
.aBlack{color:#000;text-decoration:none}
.aBlack:active{color:#ff4500}
#us,#stat,#kurs,#nb,#hh,#i1,#i2,#i3,#jobstat,#stat1,#job{color:var(--balansy)}
#hash,#hashDolya,#hashBal,#hashPoll,#PollAllBal,#ojbalance,#dolyasom{color:var(--balansy)}
#rbr,#rbb,#ibb,#react{color:#008800;}
#ibl{float: left;margin-right:10px;}
summary{cursor: pointer; font-weight: 500;}
summary:hover{color:var(--summary-hover)}
details{margin-bottom: 10px; }
footer{width:100%;padding:1%}
footer .line{font-family:"-apple-system",BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;width:100%;font-size:80%;}
footer .line a{color:var(--footer-a)}
.btn{display:inline-block;text-align:center;text-decoration:none;margin:2px 0;border:solid 1px transparent;border-radius:4px;padding:.5em 1em;color:#fff;background-color:#5f6261;max-height: 40px;}
.btn:active{transform:translateY(1px);filter:saturate(150%)}
.btn:hover{color:#5f6261;border-color:currentColor;background-color:#fff}
.btn_war{display:inline-block;text-align:center;text-decoration:none;margin:2px 0;border:solid 1px transparent;border-radius:4px;padding:.5em 1em;color:#fff;background-color:#e42f2f}
.btn_war:active{transform:translateY(1px);filter:saturate(150%)}
.btn_acses{display:inline-block;text-align:center;text-decoration:none;margin:2px 0;border:solid 1px transparent;border-radius:4px;padding:.5em 1em;color:#fff;background-color:#2f7de4}
.btn_acses:active{transform:translateY(1px);filter:saturate(150%)}
.wall,.wall1{position:relative;width:100%;box-shadow:var(--box-shadow);border-radius:5px;padding:10px;margin-right:10px;margin-bottom:10px;left:0;top:0}
.miner{position:relative;width:360px;border:2px solid #000;border-radius:10px;padding:0;background-color:#fff;margin-right:0;margin-bottom:0;left:0;top:0}
button{padding:0;border:none;font:inherit;color:inherit;background-color:transparent;cursor:pointer}
textarea{resize:none;padding:10px 5px 10px 5px}
.social_widget{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.social_widget a img { margin: 5px; }
.table-3{border-collapse:collapse;border-spacing:0;width:100%;box-shadow:var(--box-shadow)}
.table-3 tr{background-color:#f8f8f8}
.table-3 tbody tr:hover{background-color:var(--table-tbodytrhover) !important;cursor: pointer;}
.table-3 td,table.table-3 th{text-align:left;padding:8px;border:var(--border-table-3)}
.table-3 thead tr{border:var(--border-table-3)}
.topy{background-color:var(--topy)}
.a_no_decoration a{text-decoration: none;}
.center{text-align: center;}
.flex_miner_container{display: flex; flex-direction: row; justify-content: space-between;align-items:stretch;width: 100%;}
.flex_miner_container div{min-width: 33%;}
.MKMPvB{text-align: center;margin-top:10px;padding:0;}
.flex_index_container{display: flex; flex-direction: row; justify-content: space-between;align-items:stretch;width: 100%;}
.flex_index_container #user,#status,#rb,#kr,#oh,#ttop{min-width: 48%;}
.flex_index_container .center_index{text-align: center;}
.flex_conteiner_gen_conf{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.flex_wallets_finanse{display: flex; flex-direction: row; justify-content: space-between;align-items:stretch;width: 100%;margin-bottom: 10px;}
.flex_wallets_finanse #wallets, #ub, #pay{min-width: 33%;border-radius: 4px;padding:5px;box-shadow:var(--box-shadow);}
#line_block{background:#ffffff00;margin:0 5px 5px 0;text-align:center;padding:5px;}
#line_bl{float:left;margin:0 5px 5px 0;text-align:center;padding:8px}
.flex_invests_container{display: flex; flex-direction: row; justify-content: space-between;align-items:stretch;width: 100%;margin-bottom: 10px;}
.flex_invests_container #ub{max-width: 33%;min-width:32%;border-radius: 4px;padding:5px;box-shadow:var(--box-shadow);;}
.flex_ref_container{display: flex; flex-direction: row; justify-content: space-between;align-items:stretch;width: 100%;margin-bottom: 10px;}
.flex_ref_container  #ub{max-width: 33%;min-width:32%;border-radius: 4px;padding:5px;box-shadow:var(--box-shadow);margin-top: 10px;}
.flex_ref_container  #ub50{max-width: 49%;min-width:49%;border-radius: 4px;padding:5px;box-shadow:var(--box-shadow);margin-top: 10px;}
.flex_bounty_container {display: flex; flex-direction: row; justify-content: space-between;align-items:stretch;width: 100%;margin-bottom: 5px;}
.flex_bounty_container #ub{max-width: 50%;min-width:49.5%;border-radius: 4px;padding:5px;box-shadow:var(--box-shadow);margin-top: 5px;}
.form_auth{width: 50%;margin: auto;padding:10px;}
.form_auth h3{text-align: center;}
.form_auth input[type=text], input[type=password], input[type="email"]{width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;}
.form_auth button {background-color: #4CAF50;color: white;padding: 14px 20px;margin: 8px 0;border: none;cursor: pointer;width: 100%;}
select{ appearance:black ;cursor:pointer;width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;border-radius:4px;background:none;color: #777777;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); 
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%; 
}
option{background-color: var(--option-background-color);}
.button_management input[type=text], input[type=password], input[type="email"], input[type="number"] {width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;border-radius:4px;background: none;color:var(--input-color);}
@media screen and (max-width:850px){
html body{font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
table.table-3{border:0;font-size:75%;}
table.table-3 thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
table.table-3 tr{border-bottom:1px solid #ddd;display:block;margin-bottom:3px}
table.table-3 td{display:block;text-align:right; min-height: 34px;}
table.table-3 td::before{content:attr(data-label);float:left;font-weight:500;text-transform:uppercase}
table.table-3 td:last-child{border-bottom:0}
table.table-3 {box-sizing: border-box;}
.form_auth{width: 100%;}
.MKMPvB{font-size: 60%;}
.flex_index_container{flex-direction: column;} 
.flex_index_container #user, #status, #rb, #kr, #oh ,#ttop{min-width: 100%;}
.flex_index_container .SomBalance {font-size: 75%;}
.flex_index_container .center{text-align: left;}
.flex_index_container .center_index{margin:10px;}
.flex_miner_container {flex-direction: column;}
.flex_miner_container div{width:100%}
.flex_conteiner_gen_conf{flex-direction: column; align-items: center;}
.flex_wallets_finanse{flex-direction: column;}
.flex_wallets_finanse #wallets, #ub, #pay{max-width: 100%; margin-bottom: 10px;}
.grid_finanse{display: grid;grid-gap: 10px;grid-template-columns: 1fr 1fr;}
.flex_invests_container{flex-direction: column;}
.flex_invests_container #ub{width: 100%;max-width: 100%}
.flex_ref_container {flex-direction: column;}
.flex_ref_container #ub{width: 100%;max-width: 100%}
.flex_ref_container #ub50{width: 100%;max-width: 100%}
#ibl{font-size: 90%;}
.flex_bounty_container {flex-direction: column;}
.flex_bounty_container #ub{width: 100%;max-width: 100%}
footer .line{font-size:100%}
.wall{width:100%}
#kr, #rb, #status, #user, #ibl, #oh, #ttop{font-size:80%}
.miner{width:100%}
#help{position:fixed!important;z-index:3000;bottom:0;right:0}
nav{padding:1.5em;display:none;position:fixed;z-index:2000;width:100%;height:100vh;top:0;bottom:0;left:0;right:0;overflow:auto;background:#e2e2e2;animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;}
nav ul{list-style-type:none;margin-left:0;padding-left:0}
nav ul li{width:100%;height:1.9em;margin-bottom:5px;line-height:1.9em;vertical-align:middle;text-align:left;text-decoration:none;text-shadow:0 -1px 1px #585353;font-size:90%;font-weight:600;color:#fff;outline:0}
nav ul li:active{box-shadow:0 0 0 60px rgba(0,0,0,0) inset,0 0 0 #3a3838;width:99%;height:2em}
nav li>a{display:block;cursor:pointer;text-decoration:none;color:#fff}
.pblack{background:linear-gradient(to right,#000 20%,#1a1919,#868585)}
section{width:100%;margin:auto;font-size:100%}
#gamburger{display:block;text-decoration:none;padding:5px 5px 5px 10px;background:#a9a9a9;color:#fff;width:34px;height:34px;border-radius:50%}
#b80{width:100%;min-height:50vh;margin:auto;float:left}
footer{font-size:60%}
.d{box-shadow:0 14px 28px rgba(255,0,0,.25),0 10px 10px rgba(253,3,3,.22)}
a[href="#section_1"]{display:none}
.aBlack{font-size:120%}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.preloader {display: block;position: relative;width: 150px;height: 150px;margin: 15px auto;border-radius: 50%;border: 6px solid transparent;border-top-color: #337AB7;animation: preloader-spin 2s linear infinite;}
.preloader:before {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #BFE2FF;animation: preloader-spin 3s linear infinite;}
.preloader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #337AB7;animation: preloader-spin 1.5s linear infinite;}
@keyframes preloader-spin {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.preloader_balanse{animation: preloader-spin 1.5s linear infinite;}