@import url("https://use.typekit.net/vlb4fdj.css");


/*
Muli Regular
font-family: "muli", sans-serif;
font-weight: 400;
font-style: normal;
Muli Italic
font-family: "muli", sans-serif;
font-weight: 400;
font-style: italic;
Muli Bold
font-family: "muli", sans-serif;
font-weight: 700;
font-style: normal;
Muli Bold Italic
font-family: "muli", sans-serif;
font-weight: 700;
font-style: italic;
Muli ExtraBold
font-family: "muli", sans-serif;
font-weight: 800;
font-style: normal;
*/


body, body * {font-family:'Muli',sans-serif;}

/* menu */

.f-menu-bottom {position:fixed;bottom:0px;left:0px;width:100%;background:#050510;border-top: 1px solid #343466;}
.f-menu-bottom ul {margin:0px;padding:0;list-style: none;}
.f-menu-bottom a {text-decoration:none;}
.f-menu-bottom a, .f-menu-bottom a * {transition:all 100ms linear;}
.f-menu-bottom a > svg {width:21px;height:21px;display:flex;}
.f-menu-bottom a > span {color:#dedede;}
.f-menu-bottom a > svg .fil1 {fill:#dedede;}
.f-menu-bottom a:hover > span {color:#fefefe;}
.f-menu-bottom a:hover > svg .fil1 {fill:#fefefe;}
.f-menu-bottom a.active {}
.f-menu-bottom a.active > span {color:#22cce9;}
.f-menu-bottom a.active > svg .fil1 {fill:#22cce9;}


.main {width:100%;padding-top:78px;padding-bottom:78px;color:#607290;min-height:111vh;background: radial-gradient(#323232, #050510);background:#050510;color:#768bae;}

/* .main > * {min-height: 48px;margin-bottom:12px;} */

.user-li svg * {fill:#ffffff;}
.user-li svg {height: 33px;width: 33px;margin-bottom: -1px;}

.topmenu {margin:0px;padding:0;list-style: none;z-index:1000;transition: all 200ms ease-in;position:fixed;top:-100%;height:calc(100% - 130px);left:0px;width:100%;background:#050510;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.topmenu .cw {color:#ffffff;}
.topmenu.active {top:52px;background-color:#050510;}
.topmenu ul {margin:0px;padding:0;list-style: none;}
.topmenu a {text-decoration:none;}
.topmenu a, .topmenu a * {transition:all 100ms linear;}
.topmenu a > svg {width:32px;height:32px;display:flex;}
.topmenu a > span {color:#dedede;}
.topmenu a > svg .fil1 {fill:#dedede;}
.topmenu a:hover > span {color:#fefefe;}
.topmenu a:hover > svg .fil1 {fill:#fefefe;}
.topmenu a.active {}
.topmenu a.active > span {color:#22cce9;}
.topmenu a.active > svg .fil1 {fill:#22cce9;}

.f-menu-top {background:#050510;}
.top-panel {background:#050510;min-height:54px;border-bottom: 1px solid #212140;position:fixed;top:0px;left:0px;z-index:2000;}
.top-panel svg {width:24px;height:24px;}
.top-panel svg * {fill:#ffffff;}

.top-panel svg.circle-load * {fill:none;}

.top-panel a.active svg * {fill:#22cce9;}

.top-panel .word-field {color:#ffffff;background:transparent url(../im/menu/search.svg) no-repeat 4px center / 21px;padding:12px 12px 12px 32px;border:0px;border-radius:3px;transition: all 350ms linear;margin:0px;}
.top-panel .word-field:focus {border-color:#515151;background:#050510;padding:12px;}

.top-panel .activate.active {background:transparent url(../im/menu/closeb.svg) no-repeat left center / 20px;}
.top-panel .activate.active * {opacity:0;}

.blue {color:#22cce9;}

.h1-ico {gap:0px;line-height: 1.3em;color: #ffffff;font-size: 29px;font-weight:700;justify-content: start;align-items: center;display:flex;padding-left:38px;position:relative;}
.h1-ico:before {content: '';display: flex;background: transparent url(../im/icons/h1.svg) no-repeat left center / 15px;width: 26px;height: 46px;position:absolute;left:0;bottom:0;top:0;margin:auto 0px auto;}

.h2-ico {gap:0px;line-height: 1.1em;color: #ffffff;font-size: 17.5px;font-weight:600;justify-content: start;align-items: center;display:flex;padding-left:28px;position:relative;}
.h2-ico:before {content: '';display: flex;background: transparent url(../im/icons/h1.svg) no-repeat left 4px / 11px;width: 19.5px;height: 34.5px;position:absolute;left:0;bottom:0;top:-1px;margin:0px;}

.respo-sc {overflow-x:auto;position:relative;}
.respo-sc-shadow {position:relative;}
.respo-sc-shadow:after {z-index:1002;right:-1px;top:0px;bottom:0px;width:32px;position:absolute;background:linear-gradient(-90deg, #0c0c0c -87%, transparent);content:'';display:flex;}
.respo-sc-shadow:before {z-index:1003;left:-1px;top:0px;bottom:0px;width:32px;position:absolute;background:linear-gradient(90deg, #0c0c0c -87%, transparent);content:'';display:flex;}
.respo-sc-shadow > div {overflow-x:auto;}

.bar {background:green;border-radius:5px;}

.cg {color:#69d96d;}
.cblue {color:#22cce9;}
.cred {color:#ff5722;}
.bgg {background-color:#41a145;background: linear-gradient(0deg, #4CAF50, #69d96d);}

.chart-line {}
.chart-line .line-wrap {height:50vh;max-height:480px;max-width: 20%;background: #22cce914;border-radius: 8px;}
.chart-line .line {position:absolute;border-radius:3px;background:#ffffff;}
.chart-line .rotated {z-index: 1002;transform: rotate(90deg);position: relative;transform-origin: 0px 0px;left: 51px;letter-spacing: 0.06em;}
.chart-line .desc {position:absolute;top:100%;margin-top:12px;}

.bsi1 {box-shadow:inset 0px 0px 32px 0px #050510;}

.trader-box {border: 1px solid #343466;border-radius: 5px;}

.color-plus {color:#55db04;}
.color-minus {color:orange;}
.color-zero {color:silver;}

.color-plus.arr, .color-minus.arr {position:relative;padding-right:16px;}
.color-plus.arr:before, .color-minus.arr:before {content:'';display:block;position:absolute;top:-3px;right:0px;bottom:0px;margin: auto 0px;width:0;height:0;}
.color-plus.arr:before {border-bottom:6px solid #55db04; border-left:6px solid transparent;border-right: 6px solid transparent;}
.color-minus.arr:before {border-top:6px solid orange; border-left:6px solid transparent;border-right: 6px solid transparent;}

.color-plus.arl, .color-minus.arl {position:relative;padding-left:16px;}
.color-plus.arl:before, .color-minus.arl:before {content:'';display:block;position:absolute;top:0px;left:0px;bottom:0px;margin: auto 0px;width:0;height:0;}
.color-plus.arl:before {border-bottom:6px solid #55db04; border-left:6px solid transparent;border-right: 6px solid transparent;}
.color-minus.arl:before {border-top:6px solid orange; border-left:6px solid transparent;border-right: 6px solid transparent;}

.trader-box .color-plus.arr:before, .trader-box .color-plus.arl:before {bottom:auto;top:7px;}
.trader-box .color-minus.arl:before, .trader-box .color-minus.arr:before {bottom:auto;top:9px;}

.traders-list .color-plus.arr:before, .traders-list .color-minus.arr:before,
.traders-list .color-plus.arl:before, .traders-list .color-minus.arl:before {bottom:auto;top:6px;}


.gui-row-1 {gap:2px;border:1px solid #cccccc;border-top:0px;background-color:#ffffff;}
.gui-row-1.is-head {background-color: #e4ebf1; border: 0;font-size: 10px;padding: 5px;border: 1px solid #cccccc;}

.gui-row-1, .gui-row-1.is-head {box-shadow: 0px 5px 13px -12px #050510;background: linear-gradient(45deg, #1b282a 50%, #343466);border-radius: 5px;border: 1px solid #2c3a3c;margin-top: 9px;}

.gui-row-1 > * {}
.gui-row-1 > *:nth-last-child(1) {border:0px;}
.gui-row-1 * {color:#cccccc;}
.gui-row-1 .color-plus {color:#55db04;}
.gui-row-1 .color-minus {color:orange;}
.gui-row-1 .color-zero {color:silver;}
.gui-row-1.is-head > * {padding:0px;}
.gui-row-1 > .b0 {border:0px;}

.gui-row-1.is-slave {position:relative;}
.gui-row-1.is-slave > *:nth-child(1):before {content: '';position: absolute;display: flex;width: 25px;left: -1px;top: 0px;bottom: -1px;border-right: 1px solid #cccccc;background: #f5f7f9;z-index:99;} 
.gui-row-1.is-slave:before{content: '';position: absolute;display: flex;width: 12px;left: 12px;top: 0px;bottom:0px;border-left: 1px dashed #2d2d45;z-index:100;} 
.gui-row-1.is-slave:after {content: '';position: absolute;display: flex;width: 12px;left: 12px;top: 0px;bottom:50%;border-bottom: 1px dashed #2d2d45;z-index:101;} 
.gui-row-1.is-slave:nth-last-child(1):before {bottom:50%;}

.gui-row-1.is-trader {}

.settings-panel a {text-decoration:none; }

.trade-state-1 {color:#1ccce9;}
.trade-state-2 {color:#55db04;}
.trade-state-3 {color:red;}
.trade-typ-0 {color:green;}
.trade-typ-1 {color:orange;}

.drag-src-here {min-width:128px;}

.trader-box,.blue-box {background: linear-gradient(-33deg, #050510, #5d7090);border: 1px solid #607290;}

input.blue-box {color:#ffffff;background: linear-gradient(-33deg, #5d7090, #050510);border: 1px solid #607290;}

.trader-box {border: 1px solid #4c597b; background: #343466;}

.watchlist .trader-box {padding:0px;}

.blue-box .blue-box {background: transparent;border:1px solid #607290;}
.trader-box > strong, .trader-box > span > strong, .blue-box > strong, .blue-box > span > strong {color:#ffffff;}
.trader-box, .trader-box * , .blue-box, .blue-box * {text-decoration: none;}

.black-box {background-color:#ffffff30;}

.layerfixed.full {z-index: 1800;position: fixed;width:100%;background:#202020;background:linear-gradient(179deg, black, #050510f5);border:0px;top: 53px;bottom: 78px;height: 100vh;height: calc(100% - 131px);}
.layerfixed.full .content {height: calc(100vh - 183px);max-height: calc(100vh - 183px);border-bottom: 1px solid #343466;}
.layerfixed.full .content {color:#ffffff;}
.layerfixed.full .head {border-top: 1px solid #343466;padding-bottom: 16px;padding-top: 16px;background:#050510;position:relative;}
.layerfixed.full .head, .layerfixed.full .head * {color:#ffffff;font-size:14px;}
.layerfixed.full .head a.layerfixed-close {border-left: 0;background: transparent url(../im/menu/closeb.svg) no-repeat right center / 15px; left: 0px;top: 0px;width:100%;height:100%;}
.layerfixed.full .head a.layerfixed-close img {opacity: 0;}

.layerfixed .file-upload .drop {background:#050510;}
.layerfixed .file-upload {border: 3px dashed #3b3b3b;min-width: 100%;background-color: transparent;}

.cw {color:#ffffff;}
.cs {color:#cccccc;}

.is-footer {background: linear-gradient(45deg, #36555a 50%, #424242);border: 1px solid #54797e;}

.is-footer {background:transparent;border:0px;}

.notify-row {padding: 8px 8px 8px 48px;position:relative;}
.notify-row:before {content:'';display:block;position:absolute;bottom:0px;left:0px;top:0px;height:28px;width:28px;margin:4px 0px 0px 8px;background:transparent url('../im/icons/notify.svg') no-repeat center center / 28px;opacity:0.4;}
.notify-trans:before {background-image:url('../im/icons/notify-trans.svg');}
.notify-row .mes {display:none;}
.notify-row.active .mes {display:block;}
.notify-row a {text-decoration: none;}
.notify-row.read-0 { background: linear-gradient(45deg, #390036 50%, #6a217c);}


.paging-wrap {padding: 12px 0px;margin:0px;}
.paging-wrap a {color:#ffffff;padding:5px;border-radius:5px;line-height:1;text-decoration: none;}
.paging-wrap a:hover {background-color:#ffffff1a;}
.paging-wrap a.active {color:#050510;background-color:#ffffff;}
.paging-wrap a img {width:16px;height:16px;}

.full-main {background:#313131;display:flex;flex-direction: column;align-items: center;justify-content: center;min-height:100vh;}
/*form.login-form {padding-top:64px;background:transparent url(../im/corp/logo.png) no-repeat center 0px / 238px; }*/
.gui-login-form {padding-top:64px;background:transparent url(../im/corp/logo.png) no-repeat center 0px / 238px; }
.full-main .uspech, .full-main .chyba, .full-main .info {background-color:transparent;border:0px;color:#ffffff;}
.full-main .uspech *, .full-main .chyba *, .full-main .info * {color:#ffffff;}
.full-main .auth-box, .full-main .auth-box * {color:#ffffff;}
.full-main .auth-box .js-time-counter,  .full-main .auth-box input {color:gray;}
.login-form-wrap input, .login-form-wrap select, .login-form-wrap textarea {background: transparent;border: 1px solid #607290;border-radius:6px;color:#ffffff;} 
.login-form-wrap input:focus, .login-form-wrap select:focus, .login-form-wrap textarea:focus {background-color: #515151;background-color:#ffffff1f;}

.ghost-wrap input, .ghost-wrap select, .ghost-wrap textarea {border-radius: 6px;text-decoration: none;background: transparent;border: 1px solid #607290;color:#ffffff;} 
.ghost-wrap input:focus, .ghost-wrap select:focus, .ghost-wrap textarea:focus {background-color: #515151;background-color:#ffffff1f;}


.bgbl, .button-blue {background-color: #22cce9;color: #ffffff;padding: 16px 23px 14px;}
.trader-box .b1b, .blue-box .b1b  {border-bottom:1px solid #607290;} 
/* .trader-box .b1b:nth-last-child(1), .blue-box .b1b:nth-last-child(1) {border-bottom:0px;} */

.button-blue.p1 {padding:8px 16px;}

.bgbl, .button-blue {background:linear-gradient(160deg, #017bfd 0%, #20bfe1 100%);transition:all 150ms linear;}
.bgbl:hover, .button-blue:hover {background: linear-gradient(160deg, #a11f85 0%, #d2538a 100%);}

.bg-blue {background:linear-gradient(160deg, #017bfd 0%, #20bfe1 100%);}
.button-blue-p {background:linear-gradient(160deg, #017bfd 0%, #20bfe1 100%);line-height:1;transition:all 150ms linear;}
.button-blue-p:hover {background: linear-gradient(160deg, #a11f85 0%, #d2538a 100%);}

.blue-box input[type='text'] {padding:16px 0px;border:0;background-color:transparent;color:#ffffff;}
.blue-box input[type='text'].b1b {border-bottom: 1px solid #ffffff5a;}
.blue-box button {}

main .chyba {background-color:#FF9800;}
main .uspech {background-color:#4caf50;}
main .info {background-color:#343466;}
main .info a {color:#e23a73;}
main .chyba.left {background-color:#FF9800;}
main .uspech.left {background-color:#4caf50;}
main .info.left {background-color:#343466;}

.layerfixed .chyba {background-color:#FF9800;}
.layerfixed .uspech {background-color:#4caf50;}
.layerfixed .info {background-color:#343466;}

.client-update-auth .auth-box {padding-left:0px;padding-right:0px;}

.info, .chyba, .uspech {color:#ffffff;}

.info a, .chyba a, .uspech a {color:#ffffff;font-weight:bold;}

.info-left .chyba, .info-left .uspech, .info-left .info,
.plocha-wrap .chyba, .plocha-wrap .uspech, .plocha-wrap .info{text-align: left;background: #ffffff url(../im/icons/chyba.svg) no-repeat 4px center / 26px;padding-left: 42px;padding-top: 13px;padding-bottom: 14px;}

.info-left .chyba, .plocha-wrap .chyba {text-align:left;background:#FF9800 url('../im/icons/chyba.svg') no-repeat 7px center / 23px;padding-left: 42px;padding-top: 13px;padding-bottom: 14px;}
.info-left .uspech, .plocha-wrap .uspech  {text-align:left;background:#4caf50 url('../im/icons/uspech.svg') no-repeat 7px center / 23px;padding-left: 42px;padding-top: 13px; padding-bottom: 14px;}
.info-left .info, .plocha-wrap .info  {text-align:left;background:#343466 url('../im/icons/info.svg') no-repeat 7px center / 23px;padding-left: 42px;padding-top: 13px; padding-bottom: 14px;}

.submenu {position:relative;}

.sub-menu .sub {display:none;}
.sub-menu.active .sub {display:flex;}

.sub-menu a {text-decoration:none;}
.sub-menu a.cw, .sub-menu a .cw {color:#ffffff;transition:all 250ms linear;}
.sub-menu a.cw:hover, .sub-menu a:hover .cw {color:#ffffff;}

.ico-menu {padding-left:42px;background:transparent url(../im/corp/menuw.svg) no-repeat 19px 18px / 16px;}
.ico-menu.active {background-image:url(../im/menu/closeb.svg); background-size: 14px;background-position: 22px 15px;}

.trader-box,.blue-box,.button-blue, button, .button, input[type='text'], .chyba, .info, .uspech, .ghost-button {border-radius:6px;text-decoration:none;}

.ghost-button {box-sizing: border-box; border: 1px solid #343466;color: #2196F3;}

.login-menu > a {justify-content: center;}
.login-menu > a:nth-child(1) {justify-content: start;}
.login-menu > a:nth-last-child(1) {justify-content: end;}

.passwordStrength {position:relative;margin-top:6px;margin-bottom:6px;padding-top:6px;}
.passwordStrength.weak {color:red;}
.passwordStrength.medium {color:yellow;}
.passwordStrength.strong {color:green;}
.passwordStrength.very-strong {color:yellowgreen;}
.passwordStrength:before {content:'';display:block;position:absolute;top:0px;left:0px;width:100%;border-radius:2px;height:0px;}
.passwordStrength.weak:before {background-color:red;height:3px;width:33%;}
.passwordStrength.medium:before {background-color:yellow;height:3px;width:66%;}
.passwordStrength.strong:before {background-color:green;height:3px;width:75%;}
.passwordStrength.very-strong:before {background-color:yellowgreen;height:3px;}

.cww {color:#e5e5e5;}
.cww:hover {color:#ffffff;}

.agree-link {color:white;position:relative;top:-2px;}


.input-trans {border:1px solid #343466;color:#ffffff;background-color:transparent;}
.input-trans option {color:#ffffff;background-color:#050510;}

.gradient-buttons > * {background: linear-gradient(0deg, #0505104a, #34346600);border: 1px solid #343466;border-bottom:0px;transition: all 200ms linear;}
.gradient-buttons > *:nth-child(1) {border-radius: 5px 5px 0px 0px;}
.gradient-buttons > *:nth-last-child(1) {border-radius: 0px 0px 5px 5px;border-bottom: 1px solid #343466;}
.gradient-buttons > *:hover {background: linear-gradient(0deg, #2020204a, #3434664a);}

.gradient-buttons > .chyba, .gradient-buttons > .uspech, .gradient-buttons > .info {padding: 16px;}

.tag-button {border: 1px solid #607290;color: #607290;border-radius:2px;transition:all 200ms linear;text-decoration: none;line-height:1;}
.tag-button.active {color: #0fbce9;border-color: #607290;background:#293445;}
.tag-button:hover {color:#ffffff;border-color:#ffffff;}

.tag-button.full {background-color:#22cce9;color:#202020;}
.tag-button.full:hover {background-color:#ffffff;color:#202020;}

.ghost-input {border: 1px solid #343466;border-radius:3px;box-shadow:inset 0px 1px 3px 5px #05051075;color: #cccccc;border-radius:2px;transition:all 200ms linear;line-height:1;background-color:transparent;}
.ghost-input option {background:#050510;color:#ffffff;}

.ico-email {background-image: url(../im/icons/ico-email.svg);background-position: 16px center; background-repeat:no-repeat;background-size:21px; padding-left:50px;}
.ico-client {background-image: url(../im/icons/client.svg);background-position: 16px center; background-repeat:no-repeat;background-size:21px; padding-left:50px;}

.cb {color:#202020;}

.fullabs {position:absolute;top:0;left:0px;right:0px;bottom:0px;width:100%;height:100%;}

.cal{width:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.cal-caption{font-weight:700;font-size:1.1rem;margin-bottom:.3rem}
.cal-row{display:flex;gap:2px;margin-bottom:2px;}
.cal-head .cal-cell{background:#343466;font-weight:600;text-align:center}
.cal-cell{flex:1 0 calc((100%/7) - 4px);min-height:29px;padding:.5rem;text-align:right;box-sizing:border-box;background-color:#202020;text-decoration:none;}
.cal-cell .day{font-weight:600;color:#cccccc;}
.cal-cell.empty{background: transparent;}
.cal-cell.weekend:not(.empty){background:#050510}
.cal-cell.today{outline:2px solid #1976d2;outline-offset:-2px;background:#e8f1fd}
.cal-cell.active{outline: 2px solid #22cce9; outline-offset: -2px; background: #05051000; color: #22cce9;}

.cal-button {padding-left: 51px;background: transparent url(../im/icons/cal.svg) no-repeat 4px 0px / 32px;}
.cal-button .from, .cal-button .to { padding: 7px;line-height: 1;border-radius: 7px;border: 2px solid #343466;color: #cccccc;text-decoration:none;}

.trans-input {background-color:transparent;border:0px;}

.uspech .link {display:block;margin-top: 16px;width:100%;background:#050510;color:#cccccc;padding:16px;text-decoration: none;border-radius:3px;}

.gr1 {background:linear-gradient(-33deg, #050510, #5d7090);}

.is-head {background:#050510;border:1px solid #343466;margin-bottom:8px;border-radius:5px;}

.after-fixed-menu {position:fixed;top:54px;left:0px;width:100%;background-color:#151526;z-index:1500;border-bottom: 1px solid #343466;box-shadow:0px 10px 49px 0px #000000;}
.after-fixed-menu a {color:#848484;text-decoration: none;}
.after-fixed-menu a:hover {color:#ffffff;}
.after-fixed-menu a.active {color:#22cce9;}

.login-menu > a, .line-menu a {color:#848484;text-decoration: none;border-bottom:3px solid #202020;}
.login-menu > a:hover, .line-menu a:hover {color:#ffffff;}
.login-menu > a.active, .line-menu a.active {color:#22cce9;border-color:#22cce9;}

.main {padding-bottom:105px;}

.graf circle {fill:#bb3a88;stroke: #bb3a8800;stroke-width: 3;transition: all 150ms linear;box-shadow: 0px 0px 10px 1px #ffffff;}
.graf circle:hover {fill:#bb3a88;stroke: #bb3a88ff;stroke-width: 3;}
.chart-line {stroke: rgb(187, 58, 136);stroke-width: 1;}
.chart-axis text {font-size: 11px;font-weight:600;fill:#607290;}
.chart-axis line, .chart-axis rect {stroke: #23293b;stroke-width: 1;}
.chart-tooltip {border-radius: 4px;box-shadow: 0 2px 5px rgba(0,0,0,0.2);z-index:1500;padding:12px;}

.a-pas {position: absolute;right: 6px;top: 13px;bottom:0px;margin:0px;width: 32px;height: 21px;background: transparent url(../im/icons/showpass_not.svg) no-repeat center center / 18px;}
.active > .a-pas {background-image: url(../im/icons/showpass.svg);}

.bc3 {border-color:#343466;}

.br1 {border-radius:2px;}
.br2 {border-radius:4px;}
.br3 {border-radius:6px;}
.br4 {border-radius:8px;}
.br5 {border-radius:10px;}
.br6 {border-radius:12px;}
.br7 {border-radius:14px;}
.br8 {border-radius:16px;}
.br9 {border-radius:18px;}
.br10 {border-radius:20px;}

.mini.add-to-watchlist {border-radius: 28px;border: 1px solid #ffffff;align-items: center;justify-content: center;display: flex;}
.mini.add-to-watchlist img {width: 21px; height: 21px;margin: 8px;}

.imfr1 {border: 4px solid #0889f8;box-sizing: border-box;}

.red-circle {line-height:1;display:flex;justify-content: center;align-items:center;text-align:center;position:absolute;top:-10px;right:-10px;height:20px;min-width:20px;border-radius:10px;background:linear-gradient(160deg, #a11f85 0%, #d2538a 100%);color:#ffffff;font-size:9.5px;}

.castka {font-weight:bold;font-size:18px;line-height:1.5;letter-spacing: -0.03em;}

body:before {display:none;} 
.is-loading:before {width: 100%;height: 100%;content: "";position: fixed;background: #050510 url(../im/icons/loading.svg) no-repeat center center / 48px; z-index: 9999;}
body.is-loading:before {width:100%;height:auto;bottom:78px;top:54px;}


.loading-redirect {position:fixed;top:0px;bottom:0px;left:0px;right:0px;background-color:#050510;z-index:55555;}
.loading-redirect .txt {color:#ffffff;font-size:10px;}
.loading-redirect .progress {height:4px;border-radius:5px;overflow:hidden;background:#ffffff1a;}
.loading-redirect .progress .line {position:absolute;top:0px;height:100%;left:0px;width:0px;background:linear-gradient(160deg, #017bfd 0%, #20bfe1 100%);}
.loading-redirect .percentage {font-size: 18px; margin-bottom: 6px;color:#ffffff;}
.loading-redirect > * {max-width:300px;}


.top-panel svg.circle-load {width: 36px;height: 36px;position: absolute;top: -7px;left: -8px;}

.process-bar {box-shadow:0px 0px 82px -11px #ffffff;z-index:21111;position: fixed; top: auto; bottom: -100vh; left: 0px; right: 0px;margin: 0px auto; width: 100%;height:48px;line-height:16px;width: calc(100% - 32px);max-width:288px;padding:16px 16px 16px 44px;color:#ffffff;background: #017bfd url('../im/icons/process-load.svg') no-repeat 16px center / 20px; border: 1px solid #343466;border-radius:6px;opacity:0;transition:all 100ms linear;}
.process-bar.active {top:0px;bottom:120px;opacity:1;margin: auto;}
/* body.is-loading:before {display:none !important;} */

#loader-overlay { position: fixed; inset: 0;background: #050510;display: flex;align-items: center; justify-content: center; z-index: 99999999;top:54px;bottom:79px;height:calc(100% - 133px);}
#loader-box { width: 300px; text-align: center;font-family: sans-serif;}
#loader-bar { width: 100%; height:4px; border-radius: 6px; overflow: hidden; margin-bottom: 10px;background:#ffffff1a;}
#loader-progress { width: 0%; height: 100%;  background: linear-gradient(160deg, #017bfd 0%, #20bfe1 100%);transition: width 0.25s linear;}
#loader-percent { font-size: 18px; margin-bottom: 6px;color:#ffffff}
#loader-text { font-size: 10px; color: #ffffff;}

#install-result {padding-left: 47px;padding-top: 20px;color: #22cce9;}

.lib-menu {border:0;border-right:1px solid #ccc;}
.k-menu {border:0;border-right:1px solid #ccc;}
.i-table .row {border:0;border-bottom:1px solid #ccc;}
.main.p0 {padding:0px;}

.k-menu a, .lib-menu a {text-decoration:none;}
.k-menu a.active, .lib-menu a.active {color:#017bfd;font-weight:700;background:#f1f1f1;}


.lang-wrap > a {width:32px;height:32px;border-radius:17px;overflow:hidden;position:relative;}
.lang-wrap > a img {position:absolute;height:32px;transform:translateX(-6px);}
.lang-menu {width:300px;margin:10px 0px 0px;position:absolute;right:0px;top:100%;background-color:#000000;}
.lang-wrap {position:relative;}
.lang-wrap .lang-menu {display:none;border: 1px solid #343466;background: #050510; box-shadow: 0px 15px 45px 15px #000000;}
.lang-wrap.active .lang-menu {display:flex;}
.lang-button img {border-radius:5px;}
.lang-menu a {padding: 9px;border-bottom: 1px solid #212140;}
.lang-menu a span {color:#ffffff;}
.lang-menu a:hover {background-color:#ffffff11;}
.lang-menu a, .lang-menu a:hover {text-decoration:none;}








input::placeholder,
textarea::placeholder {
  color: #ffffff;
  opacity: 0.5;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ffffff;
  opacity: 0.5;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ffffff;
  color: #ffffff5a; 
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #ffffff;
  color: #ffffff5a; 
}