/* change font */ 
::-webkit-scrollbar {width: 11px;background-color:#cddfe9;z-index:9999999998;}
::-webkit-scrollbar-thumb {background:#ffffff;z-index:99999999999;border-left:1px solid #cddfe9;border-right:1px solid #cddfe9;width:9px;border-radius:24px;}
::-webkit-scrollbar-track {background-color:#cddfe9;z-index:9999999999;}    

.svg-in::-webkit-scrollbar {width:8px;height:8px;background-color:#cddfe9;z-index:9999999998;}
.svg-in::-webkit-scrollbar-thumb {background:#ffffff;z-index:99999999999;border:1px solid #cddfe9;width:6px;}
.svg-in::-webkit-scrollbar-track {background-color:#cddfe9;z-index:9999999999;} 

    
body, body *, textarea, input, select, form { font-family: 'Montserrat',sans-serif; font-size: 12px; letter-spacing: 0.015em; }   
.body-3 .obsah {background: #e9f0f5;min-height:110vh;width:100%;}  
.body-2 .obsah { background: #e9f0f5; min-height: 110vh; width: 100%; padding: 24px; }
 
.submit, button { box-sizing: border-box; cursor: pointer; color: white; font-size: 10px; border: 0px; padding: 7px 12px 6px; font-weight: 400; line-height: 15px; text-transform: uppercase; letter-spacing: 0.03em; margin-top: 4px; background: #2c4065; transition: all 300ms linear; border-radius: 4px; }
           
pre {width:60%;right:0;margin-left:20%;background:#ffffff;}

/* NEW GUI */

.light-box {border:1px solid #f1f1f1;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;background:#ffffff;}

.light-box .open-layer-modular > a:nth-child(1) > b { display:none; }
.light-box.c3 { width: 30%; width: calc(33.33% - 24px); margin: 0 0px 36px 24px; min-height: 172px; position: relative; }
.light-box.c12 {width: 95%; width: calc(100% - 24px);margin: 0 0px 12px 24px;min-height:95px;position:relative;}
.light-box { position: relative; }
.shadow {box-shadow: 1px 1px 3px -2px #000000;transition:all 300ms ease-in;}
.shadow:hover { box-shadow: 1px 1px 33px -13px #000000; z-index: 200; }
.br3 {border-radius:5px;}



.popup-wrap {background:#000000;background:#00000099;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999100;overflow:auto;width:100%;height:100%;padding-bottom:90px;}
.popup { background: #ffffff; position: static; width: 40%; padding: 18px; border-radius: 7px; margin: 100px 30% 0px; box-shadow: 0px 0px 150px 20px #000000; display: block;float:left; }
.popup .blue {text-decoration:underline;font-size:16px;font-weight:bold;}
.popup .blue, .popup b {color:#858ba2;}
.fill {clear:both;}
.popup {width: 40%;margin: 100px 30% 0px;}
@media (min-width: 3000px) { .popup {width: 20%;margin: 100px 40% 0px;} }
@media (min-width: 2500px) { .popup {width: 24%;margin: 100px 38% 0px;} }
@media (min-width: 2000px) { .popup {width: 30%;margin: 100px 35% 0px;} }
@media (min-width: 1660px) { .popup {width: 40%;margin: 100px 30% 0px;} }
@media (max-width: 1659px) { .popup {width: 50%;margin: 100px 25% 0px;} }
@media (max-width: 1370px) { .popup {width: 66%;margin: 100px 17% 0px;} }
@media (max-width: 990px) { .popup {width: 80%;margin: 100px 10% 0px;} }
@media (max-width: 768px) { .popup {width: 90%;margin: 80px 5% 0px;} }
@media (max-width: 680px) { .popup {width: 95%;margin: 80px 2.5% 0px;} }


/* U2 */

.body-2 .login-form,.body-3 .login-form  { position: static; margin: 25px; border-radius: 5px; float: left; }
.body-2 .light-box.c12 { width: 95%; width: 100%; margin: 0 0 0px; min-height: 10px; position: relative; border: 0; padding: 12px 0px 13px; }
 .mainmenu-partner { background: #858ba1;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 165px; height: 100%; overflow: auto; overflow-x: hidden;padding:0;margin:0; }  
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .logo { height: 70px; float: left; background: transparent url(../im/logo_w.svg) no-repeat center center / 118px; min-width: 100%; width: 132px; }
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner {border:0;background:#263042;box-shadow: inset 0px 0px 20px -10px #000000;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .user-box { padding: 0; margin: 0; background: #858ba1; width:100%; }
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.c-unconnect { margin: 0; text-align: center; width: 100%; float: left; position: static; padding: 8px; }
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .user-box .ico-user-w { float: left; background-position: center 14px; width: 100%; padding: 45px 8px 8px; margin: 0; text-align: center; }
.body-2 .mainmenu.mainmenu-partner a.active, .body-2 .mainmenu.mainmenu-partner a {background:transparent;color:#ffffff;float:left;width:100%;text-align:center;position:static;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a { position: static; margin: 0; border-bottom: 1px solid #2c4065; padding: 5px 0px 5px 12px; }
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.logout-but {margin:4px 0px;border:0;background:#ffffff55;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.c-unconnect {border:0;margin-top:4px;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.active { background: #111111 url('../im/icons/menu-active.svg') no-repeat right center / 10px 33px; }
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a:hover { background-color: #33343c; }
.body-2 .mainmenu.mainmenu-partner a.active span, .mainmenu.mainmenu-partner a span { background: transparent; color: #ffffff; padding: 6px 12px; float: left; display: block; position: static; width: auto; text-align: left; margin: 0; height: auto; max-width: calc(100% - 30px); }
.body-2 .mainmenu.mainmenu-partner a.active span {font-weight:800;text-shadow: 1px 1px 1px #000000;}
.body-2 .mainmenu.mainmenu-partner a img { width: 24px; height: 24px; margin: 0; float: left; }
.body-2 .mainmenu.mainmenu-partner a.active:before {display:none;}
.body-2 .mainmenu.mainmenu-partner a.active:after {display:none;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .mainmenu-items { float: left; padding: 0; margin: 0; }
.body-2 .middle {width:calc(100% - 165px);margin-left:165px;}
.body-2 .user-box .ico span { font-size: 10px; opacity: 0.7; }
.body-2 .light-box > a:nth-child(1), .body-2 .light-box > div.anchor:nth-child(1) { color: #5d5d5d; font-size: 18px; width: 100%; font-weight: 600; }
.body-2 .light-box.box-wallet-w > a:nth-child(1), .body-2 .light-box.box-wallet-w-green > a:nth-child(1), .body-2 .light-box.box-wallet-w-red > a:nth-child(1) { text-decoration: underline;color: #898989; font-size: 13px; max-width: 80%; position: absolute; top: 15px; left: 13px; }
.body-2 .light-box.box-wallet-w > a:nth-child(1) { bottom: 14px; left: 12px; top: auto; margin: 0; background: #2e75b6; color: #ffffff; text-decoration: none; padding: 8px 12px; border-radius: 6px; width:230px;max-width: 65%; text-align: center; }
.body-2 .light-box > a:nth-child(1) > b {display:none;}
.body-2 .light-box .price { font-size: 18px; position: absolute; bottom: 15px; right: 0px; font-weight: 600; padding-right: 0px; }
.body-2 .bg-light .price { font-size: 18px; }
.body-2 .bg-light:hover {background:#2c4065;}
.body-2 .row-t > div > * { font-size: 12px;}




.body-2 .cr, .body-3 .cr {color:red;}
.body-2 .green, .body-3 .green {color:#858ba1;font-weight:800;}
.body-2 .orange, .body-3 .orange  {color:red;font-weight:800;}
.price.price-blue {color:#2e75b6;}

.body-2 .line {padding:0;margin:0;background:#eeeeee;border-radius:4px;overflow:hidden;position:absolute;bottom:6px;left:0px;right:0px;width:auto;}
.body-2 .line .line-fill { background: #2c4065; height: 4px; border-bottom: 1px solid #000000; border-bottom: 1px solid #00000040; }
.body-2 .light-box .line .line-fill.price-blue {background-color:#2e75b6;}
.body-2 .light-box .line .line-fill.price-green {background-color:#2c4065;}
.body-2 .light-box .line .line-fill.price-red {background-color:#f44336;}
.body-2 .light-box .price.price-blue {color:#2e75b6;}
.body-2 .light-box .price.price-green {color:#2c4065;}
.body-2 .light-box .price.price-red {color:#f44336;}                                                     
.body-2 .light-box .icon { position: absolute; right: 10px; top: 7px; width: 26px; height: 26px; }
.body-2 .line .line-fill { background: #2c4065; height: 4px; }
.body-2 .box-wallet-fond .minimenu { margin-top: 33px; width: 80%; }
.body-2 .minimenu { margin-top: 70px; }
body > .body.body-2 h1 {font-size:24px;margin:0;padding:24px 0 0 0px;text-align:left;}
body > .body.body-2 .kam h1 {font-size:18px;padding:8px 0px;}
body > .body.body-2 h1.p6l {padding-left:24px;}
body > .body.body-2 h2.p6l {padding-left:24px;font-size:18px;text-transform:uppercase;}
.body-2 .light-box .small { position: absolute; left: 13px; bottom: 17px; right: 124px; width: auto; font-size: 11.5px; color: #f44336; }
.body-2 .light-box .price.green { color: #2e75b6; }
.body-2 .light-box-2 .price { right:auto;left:12px; }
.body-2 .light-box-2.box-wallet-fond .minimenu { width: auto; float: left; margin: 0; min-width: 280px; }
.body-2 .light-box-2 > a:nth-child(1) { width: auto; float: left; min-width: 120px; }
.body-2 .light-box-2 .price { position: absolute; float: right; padding-right: 45px; right: 0; left: auto; top: auto; bottom: 25px; }
.body-2 .light-box-2.box-wallet-w-green .price  {padding-right:12px;}
.body-2 .bb1:nth-child(1) { background-color: #f2f6f9; border: 0; padding: 6px 26px 3px; border-radius: 8px 8px 0px 0px; }
.body-2 .row { padding: 11px 11px 11px 40px; margin: 0; width: 100%; }
.body-2 .row.ico-partner {padding: 0px 0px 0px 14px;}
.body-2 .ico-klient:before { top: 11px; }
body > .body.body-2.u3vyvoj h1 {padding-top:32px;padding-bottom:12px;}
.body-2 table {width:100%;max-width:2480px;font-size:13px;background:#ffffff;}  
.body-2 table tr {border-bottom:1px solid #eeeeee;background:transparent;font-size:13px;}
.body-2 table td {border:0;background:transparent;padding:6px;font-size:13px;}
.body-2 table tr {border:0;background:transparent;border-bottom:1px solid #eeeeee;}
.u2fondy .bigstrong { font-size: 20px; font-weight: 800; padding: 0;  }


.u2sit .mainmenu-right.static { position: fixed; float: right; bottom: 23px; left: 190px; right: auto; margin: 0 auto; padding: 0; width: 320px; }
.u2sit .mainmenu-right.static input[type="text"] {padding: 6px 12px;box-shadow: 0px 2px 20px -12px #000000;}
.u2sit .menu-2 .ico-search { background: white url(../im/ico_search.svg) no-repeat 2px center / 36px; padding-left: 42px; box-shadow: 0px 2px 34px -13px #000000; border:2px solid #000000;}

                                                                                                                                 
.u2sit .row, .u2sit .sit-filtr-wrap { border: 1px solid #cddfea; border-bottom: 1px solid #b4c4cf; border-right: 1px solid #b4c4cf; background: #ffffff; position: relative; border-radius: 5px; padding: 12px; }
.u2sit .row:hover { box-shadow: 1px 1px 33px -13px #000000; z-index: 200;     }   
.u2sit .row:hover .row {z-index:201;}                        
.u2sit .ico-partner:hover:before, .u2sit .ico-partner:before, .u2sit .ico-klient:hover:before, .u2sit .ico-klient:before {left:4px;}
.u2sit .row.ico-partner {background:#ffffff;padding-left:24px;padding-right:0;border-right:0;padding-top: 10px;}
.u2sit .row.ico-klient {background:#ffffff;padding-left:24px;padding-right:0;border-right:0;padding-top: 10px;}
.u2sit .ico-partner:hover:after { background: #858ba1; bottom: 0; height: 100%; }
.u2sit .ico-klient:hover:after {background:#cddfe9;bottom:0;height: 100%;}

.u2sit .row  > .c4.n {width:50%;}
.u2sit .row > .c3 { float: right; width: 300px; padding-left: 24px; padding-right: 8px; }
.u2sit .row  > .c3 strong {padding-top:0;}
.u2sit .row  > .menu {float:right;width:200px;}

.u2sit .row > .menu a { padding: 0px 6px; background: #2c4065; border-radius: 24px; border: 0; color: #ffffff;font-size:10px;margin:0;display:block; }
 .u2sit .greenbox { padding: 3px 6px; background: #2c4065; border-radius: 24px; border: 0; font-size: 10px; margin: 0; color: #ffffff; font-weight: 800; }

.u2sit .row  > .menu a:hover:after {display:none;}

.u2sit .ico-partner:nth-child(1) {border-radius: 5px 5px 0px 0px;}
.u2sit .ico-klient:nth-child(1) {border-radius: 5px 5px 0px 0px;}
.u2sit .ico-partner:nth-last-child(1) {border-radius: 0px 0px 5px 5px;}
.u2sit .ico-klient:nth-last-child(1) {border-radius: 0px 0px 5px 5px;}


.u2sit .sit-filtr-wrap .label { width: auto; min-width: 100px; float: left; padding-right: 4px; border: 1px solid #2c4065; border-radius: 32px; margin: 0px 14px 14px 0px; }
.u2sit .ico-partner:before { top: 11px;}

.parent-filtr { position: relative; right: 0; z-index: 1109; min-width: 280px; }
.parent-filtr .hidder-activator { box-shadow: 0 0 52px -32px #000000; background: #ffffff; padding: 2px 6px; border-radius: 5px; border: 4px solid #e9f0f5; }
.u2sit .sit-filtr-wrap {border:0;}
.u2sit .sit-filtr-wrap .label { min-width: 100px; float: left; border: 0; border-radius: 0; border-bottom: 1px solid #e9f0f5; width: 100%; box-sizing: border-box; background: white; padding: 5px; margin: 0px; max-width: 100%; }
.u2sit .sit-filtr-wrap .reset {border-radius:0;background:#ffffff;color:red;font-weight:900;text-transform:uppercase;padding: 5px;width: 100%; box-sizing: border-box; float: left; }
.u2sit .sit-filtr-wrap select {width:100%;}

.hidder-activator {display:none;background:#ffffff;border-radius:5px;padding:12px;}
.active .hidder-activator {display:block;min-width:280px;position:static;top:32px;}




textarea, input[type='text'], input[type='password'], select { border: 1px solid #9f9f9f;}

/* U2 END */

/* U3 */
.u3preview .w-menu {background:transparent;}
.u3preview .obsah, .u3ziadosti .obsah, .pending .obsah, .u3vyvoj .obsah { padding: 0; background: #e9f0f5; width: 100%; max-width: 1080px; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 165px; height: 100%; overflow: auto; overflow-x: hidden;padding:0;margin:0; }  
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .logo { height: 70px; float: left; background: transparent url(../im/logo_w.svg) no-repeat center center / 118px; min-width: 100%; width: 132px; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client {border:0;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .user-box { padding: 0; margin: 0; background: #858ba1;width:100%; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.c-unconnect { margin: 0; text-align: center; width: 100%; float: left; position: static; padding: 8px; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .user-box .ico-user-w { float: left; background-position: center 14px; width: 100%; padding: 45px 8px 8px; margin: 0; text-align: center; }
.body-3 .mainmenu.mainmenu-client a.active, .body-3 .mainmenu.mainmenu-client a {background:transparent;color:#ffffff;float:left;width:100%;text-align:center;position:static;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a { position: static; margin: 0; border-bottom: 1px solid #6b7189; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.logout-but {margin:4px 0px;border:0;background:#ffffff55;}

body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.c-unconnect {border:0;margin-top:4px;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.active { background: #858ba1 url('../im/icons/menu-active.svg') no-repeat right center / 10px 33px; padding: 0; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a:hover {background-color: #858ba1;}
.body-3 .mainmenu.mainmenu-client a.active span, .mainmenu.mainmenu-client a span { background: transparent; color: #ffffff; padding: 0 12px 9px; float: left; display: block; position: static; width: 100%; text-align: center; margin: 0; height: auto; }
.body-3 .mainmenu.mainmenu-client a.active span {font-weight:800;text-shadow: 1px 1px 1px #000000;}
.body-3 .mainmenu.mainmenu-client a img {width:24px;height:24px;margin:9px auto 0px;}
.body-3 .mainmenu.mainmenu-client a.active:before {display:none;}
.body-3 .mainmenu.mainmenu-client a.active:after {display:none;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .mainmenu-items { float: left; padding: 0; margin: 0; }

.body-3 .middle {width:calc(100% - 165px);margin-left:165px;}
.body-3 .user-box .ico span { font-size: 10px; opacity: 0.7; }

.body-3 .light-box > a:nth-child(1), .body-3 .light-box > div.anchor:nth-child(1) { color: #5d5d5d; font-size: 13px; width: 100%; font-weight: 600; }

.body-3 .light-box.box-wallet-w > a:nth-child(1), .body-3 .light-box.box-wallet-w-green > a:nth-child(1), .body-3 .light-box.box-wallet-w-red > a:nth-child(1) { text-decoration: underline;color: #898989; font-size: 13px; max-width: 80%; position: static; top: 15px; left: 13px; }
.body-3 .light-box.box-wallet-w > a:nth-child(1) { bottom: 14px; left: 12px; top: auto; margin: 0; background: #2e75b6; color: #ffffff; text-decoration: none; padding: 8px 12px; border-radius: 6px; width:230px;max-width: 65%; text-align: center; }

.body-3 .light-box > a:nth-child(1) > b {display:none;}
.body-3 .light-box .price { font-size: 25px; position: absolute; top: 9px; right: 0px; font-weight: 600; padding-right: 13px; }


.body-3 .line {padding:0;margin:0;background:#eeeeee;border-radius:4px;overflow:hidden;position:absolute;bottom:6px;left:8px;right:8px;width:auto;}
.body-3 .line .line-fill { background: #2c4065; height: 4px; border-bottom: 1px solid #000000; border-bottom: 1px solid #00000040; }

.body-3 .light-box .line .line-fill.price-blue {background-color:#2e75b6;}
.body-3 .light-box .line .line-fill.price-green {background-color:#2c4065;}
.body-3 .light-box .line .line-fill.price-red {background-color:#f44336;}

.body-3 .light-box .price.price-blue {color:#2e75b6;}
.body-3 .light-box .price.price-green {color:#2c4065;}
.body-3 .light-box .price.price-red {color:#f44336;}
                                                         
.body-3 .light-box .icon { position: absolute; right: 10px; top: 7px; width: 26px; height: 26px; }

.body-3 .line .line-fill { background: #2c4065; height: 4px; }


.body-3 .submit, .body-3 button {margin-top:0;}

.ico-presun,.ico-info,.ico-graf,.ico-vyber,.ico-vklad {margin:0 12px 0 0;border:0;font-size:12px;float:left;padding:4px 8px 4px 21px;color:#858585;transition:all 350ms ease-in;border-radius:24px;font-weight:800;} 
.ico-presun {background: transparent url('../im/icons/ico-presun.svg') no-repeat 0px center / 18px;  }
.ico-info {background: transparent url('../im/icons/ico-info.svg') no-repeat 0px center / 18px; }
.ico-graf {background: transparent url('../im/icons/ico-graf.svg') no-repeat 0px center / 18px; }
.ico-vyber {background: transparent url('../im/icons/ico-vyber.svg') no-repeat 0px center / 18px; }
.ico-vklad {background: transparent url('../im/icons/ico-vklad.svg') no-repeat 0px center / 18px; }
.ico-presun:hover,.ico-info:hover,.ico-graf:hover {color:#2e75b6;background-color:#f1f1f1;}
.direct-button-empty {background:red;padding:4px;margin:0 18px 0 -10px;border:0;font-size:12px;float:left;padding:4px;color:#858585;transition:all 350ms ease-in;border-radius:24px;}      
.direct-button-empty img {float:left;width:16px;height:16px;}


.row-fond { padding: 16px; width: 100%;}

.body-3 .box-wallet-fond .minimenu { margin-top: 33px; width: 80%; }
.body-3 .minimenu { margin-top: 70px; }

.u3box-wallet .minimenu a {bottom: 12px; left: 12px; top: auto; margin: 0; background: #2e75b6; color: #ffffff; text-decoration: none; padding: 8px 12px; border-radius: 6px; width:230px;max-width: 65%; text-align: center;}

body > .body.body-3 h1 {font-size:24px;margin:0;padding:24px 0 0 0px;text-align:left;}
body > .body.body-3 .kam h1 {font-size:18px;padding:8px 0px;}
body > .body.body-3 h1.p6l {padding-left:24px;}
body > .body.body-3 h2.p6l {padding-left:24px;font-size:18px;text-transform:uppercase;}
.small {font-size:12px;}
.body-3 .light-box .small { position: static; left: 13px; bottom: 17px; right: 124px; width: auto; font-size: 11.5px; color: #f44336;margin-top:5px; }
.body-3 .light-box .small-blue { width: 100%; font-size: 11.5px; color: #858ba2;margin-top:5px; }

.green {color:#2c4065;}
.body-3 .light-box .price.green { color: #2e75b6; }

.graf-wrap { padding: 24px 32px 48px; height: 33.33vh; min-height: 464px; }
.svg-in svg g.green text { fill: #858585; font-weight: normal; }

.u3ziadosti .obsah, .pending .obsah { padding: 24px; width: 100%; }

body.layer-opened-modular .layer { right: 0; left: 0; top: 2%; width: 90%; height: auto; max-height: 96%; overflow: auto; margin: 0 auto; transform: scale(1); opacity: 1; box-shadow: 0px 9px 50px -15px #000000; border-radius: 0; border: 9px solid #002246; }
    
.svg-in { min-height: 32vh; background: #f6f9ff; }

.body-1 .mainmenu-items a img, .body-5 .mainmenu-items a img {display:none;}
body > .body-1 .top > .side-logo > .mainmenu.mainmenu-small a.c-unconnect, body > .body-5 .top > .side-logo > .mainmenu.mainmenu-small a.c-unconnect { position: absolute; right: 7px; top: 12px; }
.user-box {position:relative;min-height:42px;}
  .body-1 .user-box .ico-user-w, .body-5 .user-box .ico-user-w  { float: left; min-width: 129px; min-height: 30px; background-position: 10px; padding-left: 49px; padding-top: 7px; }
  
.h1 {font-size:18px;font-weight:800;}  

.body-3 .light-box-2 .price { right:auto;left:12px; }
.body-3 .light-box-2.box-wallet-fond .minimenu { width: auto; float: left; margin: 0; min-width: 280px;position:relative;top:-3px; }
.body-3.u3vyvoj .light-box-2.box-wallet-fond .minimenu { width: 100%; float: left; margin: 12px 0 0px; min-width: 280px; position: relative; top: -3px; }
.body-3 .light-box-2 > a:nth-child(1) { width: auto; float: left; min-width: 120px; }
.light-box-2 .ico-vklad, .light-box-2 .ico-vyber {font-weight:800;}

.body-3 .light-box-2 .price { position: absolute; float: right; padding-right: 45px; right: 0; left: auto; top: auto; bottom: 25px; }
.u3vyvoj .light-box-2 .price {bottom:13px;}

.body-3 .light-box-2.box-wallet-w-green .price  {padding-right:12px;}   
.body-3 .light-box-2.box-wallet-w-green.c3 .price { padding-right: 12px; position: static; float: left;min-width:51%;  } 
@media (max-width: 400px) { .body-3 .light-box-2.box-wallet-w-green.c12 .price {position: static; float: left;} } 

body > .body.body-3.u3ziadosti h1 {padding-top:24px;padding-bottom:16px;text-transform:uppercase;}
body > .body.body-3.u3ziadosti h2 { font-size: 18px; padding-top: 32px; padding-bottom: 13px; text-transform: uppercase; margin: 0; } 
body > .body.body-3.u3ziadosti h2.c3 {width:25%;}

.body-3 .bb1:nth-child(1) { background-color: #f2f6f9; border: 0; padding: 6px 26px 3px; border-radius: 8px 8px 0px 0px; }

.body-3 .row { padding: 11px 26px; margin: 0; width: 100%; border: 0; }
.body-3 .ico-klient:before { top: 11px; }

.transaction-show-form.fr {float:right;}

.light-box-2.c12 {  margin: 0 0 7px; min-height: 59px; position: relative; width: 100%;}  
.light-box-2.c3 {margin-left:0;}
.light-box-2.c3 { width: calc(100% - 24px); margin: 0 24px 36px 0px; min-height: 142px; position: relative; }
    
.u3ziadosti .light-box-2.c3.box-wallet-w-green.up { min-height: 323px; }  



.first-wallet .ico-presun, .first-wallet .ico-info, .first-wallet .ico-graf, .first-wallet .ico-vyber, .first-wallet .ico-vklad { margin: 0 0 0 0; border: 0; border-top: 1px solid #eeeeee; font-size: 12px; float: left; padding: 8px 8px 8px 32px; color: #000000; transition: all 350ms ease-in; border-radius: 0; font-weight: 600; width:100%; box-sizing:border-box; }
.first-wallet .minimenu a:nth-last-child(1) {border-bottom:1px solid #eeeeee;}
.transaction-form div.chyba.fs5 { background: #ff002f; color: #ffffff; border: 0; float: left; display: block; padding: 35px 18px 32px; margin: 0; }

  
.u3vyvoj .boxes { margin:0px 0px 24px;padding: 0px 0; width: 100%;overflow:hidden;}
.u3vyvoj .boxes, .u3vyvoj .boxes * {font-size: 16px;}
.u3vyvoj .boxes.fs-small, .u3vyvoj .boxes.fs-small * {font-size: 12px;}
.u3vyvoj .box { border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; padding: 12px; position: relative; background: #ffffff; width: 100%; float: left; min-height: 48px; margin: 0px 0px 2px; }
body > .body.body-3.u3vyvoj h1 {padding-top:32px;padding-bottom:12px;}
.u3vyvoj .boxes strong.x13 { padding-right: 0; font-weight: 600; border-left: 1px solid #dddddd; width: 164px; padding: 0px; }
.u3vyvoj .boxes .row-t strong.x13 {width:58px} 
.u3vyvoj .boxes .b0 strong {border:0;}
.u3vyvoj .box > strong:before { content: ''; display: none; }  
  
tbody, table, tr {width:100%;padding:0;margin:0;vertical-align:top;}  
  
.body-3 table {width:100%;max-width:2480px;font-size:13px;background:#ffffff;}  
.body-3 table tr {border-bottom:1px solid #eeeeee;background:transparent;font-size:13px;}
.body-3 table td {border:0;background:transparent;padding:6px;font-size:13px;}
table * {font-size:13px;}

.body-3 table tr {border:0;background:transparent;border-bottom:1px solid #eeeeee;}

.bg-light { background: #2c4065; color: #ffffff; }
.bg-light * { color: #ffffff; text-shadow: 0px -2px 2px #000000, 0px 1px 2px #b7bcdf; }

.br3 {border-radius:3px 3px 3px 3px;}
.br3t {border-radius:3px 3px 0px 0px;}
.br3b {border-radius:0px 0px 3px 3px ;}

.strong {font-weight:800;}
a.strong {color:#263042;text-transform:unset;}

.fs-bigger {font-size:16px;}
.box-height-x-1 { min-height: 142px; }    
.u3ziadosti h1 > b { margin-bottom: 16px;font-size: 24px; float: left; margin-right: 14px; width: 28px; height: 28px; background: #858ba1; border-radius: 20px; color: #ffffff; text-align: center; }
 
.pdf-row { padding-left: 40px; background: transparent url(../im/pdf.png) no-repeat 4px center / 28px; }
.jpg-row, .jpeg-row {}
                      
.nice-row {border:1px solid #f1f1f1;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;background-color:#ffffff;position:relative;box-shadow: 1px 1px 3px -2px #000000;transition:all 300ms ease-in;border-radius:5px;overflow:hidden;}   
.nice-row:hover { box-shadow: 1px 1px 33px -13px #000000; z-index: 200; }

.nice-row .ico-sklad {color:#313131;}

p {text-align:left;}

.u3reality .light-box a, .u3nplus .light-box a {font-weight:800;font-size:13px;text-transform:uppercase;}

 .reset { padding: 3px 11px; line-height: 13px; font-size: 12px; margin: 0;height:auto; }

.create-pozvanka-form .submit { border-radius: 0; min-height: 0;  margin: 19px 5px 0; width: auto; float: right; border-radius: 5px; }
.ico-plus.submit { padding: 7px 6px 6px 22px; line-height: 15px; color: #ffffff; background-color: #2c4065; }
.ico-plus.submit:hover {background-color: #2c4065;}

.partner_m .row-t { padding: 6px 8px; border-radius:3px;}
.partner_m .row-t * {font-size:12px;line-height:11px;}
.partner_m .row-t > div, .partner_m .row-t > strong {width:30%;margin:0;text-align:left;}
.partner_m .row-t > strong:nth-child(1) {width:64px;}
.partner_m .row-t > div:nth-last-child(1) {text-align:right;float:right;width:72px;}
.partner_m .row-t > div:nth-last-child(2) {text-align:right;float:right;width:72px;}

.body-2 .light-box.c12.m6b {margin-bottom:24px;}


.head_m {position:relative;}
.head_m > div:nth-child(1) { padding: 0 8px 2px; }
.head_m > div:nth-last-child(1) { position: absolute; top: 0px; right: 0px; padding: 4px 23px; }
.vyplatene { padding: 6px 24px; margin-bottom: 14px; }

.vyplaceno .green, .vyplaceno .orange, .vyplaceno * { font-size: 22px;  }
.vyplaceno .green, .vyplaceno .orange {font-weight: 800;}
.u2provision .bigstrong {font-size: 22px;font-weight: 800;}
body > .body.body-2 h1.head_y { font-size: 17px; margin: 0; padding: 12px 25px 12px 10px; text-align: left; }
body > .body.body-2 h1.head_y, body > .body.body-2 h1.head_y * {font-weight:800;}
.vyplaceno { font-size: 16px; padding: 12px 23px 12px 8px; background: #ffffff; border: 1px solid #eeeeee; }
 .body-2 .wallet-box { border-radius: 5px; padding: 12px; border:1px solid #f1f1f1;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;background-color:#ffffff; background-size: 38px; background-position: 4px center; padding-left: 45px; color: #768c92; min-width: 100%; }

 .body-2 .vklad > h2 {font-size:18px;}
 .body-2 .vyber > h2 {font-size:18px}


.mainmenu .respo-button .line1, .mainmenu .respo-button .line { max-width: 100%; }




/* U3 END */


@media (max-width: 1400px) {

  .u3preview .light-box.c3 {width:50%;width:calc(50% - 24px);margin:0 0  24px;}
  .u3preview .light-box.c3:nth-child(1) {width:100%;width:calc(100% - 24px);margin-left:24px;}
  .u3preview .light-box.c3:nth-child(2) {margin-left:24px;}
  .u3preview .light-box.c3:nth-child(3) {margin-left:24px;}
  
  .u3ziadosti .light-box.c3:nth-child(1) {}
  
  .body-3 .light-box .price { font-size: 20px; }

  .menu-1 .mainmenu-items { width: 50%; padding: 8px 18px; }
  .menu-1 a.active:before, .menu-1 a.active:after {display:none;}
  .menu-1 a.active {border-radius:24px;}
  .menu-1 .mainmenu-items a, .menu-1 .mainmenu-items a.active {width:auto;margin:0;padding:0;}
  .menu-1 .mainmenu-items a.active span, .menu-1 .mainmenu-items a span { margin: 0; padding: 6px 9px; height: auto; }

  .u3platebni .light-box, .u3kontakt .light-box,
    .u3platebni .light-box, .u3kontakt .light-box, .u3nplus .light-box, .u3reality .light-box { width: 55%; max-width: 1000px; text-align: left; margin: 15px 0 0; }

  .body-2 .light-box .price { font-size: 17px; }

}


@media (max-width: 1220px) {  

.u3vyvoj .box-wallet-fond { width: 50%; margin-bottom: 6px; }
.u3vyvoj .report-form {width:50%;}
.u3vyvoj h1.respo-half {width:50%;}
.u3vyvoj .light-box-2 .price { bottom: 37px; }

}


@media (max-width: 1080px) {  

.ico-presun, .ico-info, .ico-graf, .ico-vyber, .ico-vklad { margin: 0 3px 8px 0; border: 0; font-size: 11.5px; float: left; padding: 4px 8px 4px 21px; color: #858585; transition: all 350ms ease-in; border-radius: 24px; font-weight: 800; }
 .menu-2 .mainmenu-items { background: #2c4065; }

 .u2sit .mainmenu-right.static {left:24px;margin:0;}

}



@media (max-width: 1080px) {  

/* respo main menu */
/* U3 START */
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client {position: relative; width: 100%;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a {position:relative;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.respo-button { width: 32px; height: 34px; float: left; display: block; box-sizing: border-box; position: relative; margin-top: 0px; margin-right: 14px; margin-left: 14px; position: relative; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.respo-button:hover {background-color:transparent;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .logo { height: 44px; float: left; background: transparent url(../im/logo_w.svg) no-repeat left center / 78px; min-width: 132px; width: 132px;margin-left:20px; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .user-box .ico-user-w { background-position: 10px center; width: 100%; padding: 8px 8px 8px 45px; margin: 0; text-align: left; position:relative;}
.mainmenu .mainmenu-items a span { min-height: 31px;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.c-unconnect { margin-top: 5px; position: absolute; left: auto; right: -72px; top: 0; }
.body-3 .obsah { width: 100%; }
.body-3 .middle { width: 100%; margin-left: 0; }
 .mainmenu .mainmenu-items a span {font-size: 13px; padding: 8px; }
 .mainmenu .mainmenu-items a.active span {border-radius:0;}
 .mainmenu .mainmenu-items a.active {border-radius:0;} 
.mainmenu .mainmenu-items a {width:100%;}
/* U2 START */
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner {position: relative; width: 100%;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a {position:relative;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.respo-button { width: 32px; height: 34px; float: left; display: block; box-sizing: border-box; position: relative; margin-top: 0px; margin-right: 14px; margin-left: 14px; position: relative; }
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.respo-button:hover {background-color:transparent;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .logo { height: 44px; float: left; background: transparent url(../im/logo_w.svg) no-repeat left center / 78px; min-width: 132px; width: 132px;margin-left:20px; }
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .user-box .ico-user-w { background-position: 10px center; width: 100%; padding: 8px 8px 8px 45px; margin: 0; text-align: left; position:relative;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.c-unconnect { margin-top: 5px; position: absolute; left: auto; right: -72px; top: 0; }
.body-2 .obsah { width: 100%; }
.body-2 .middle { width: 100%; margin-left: 0; }
/* respo main menu END */

                                    
}


@media (max-width: 800px) {
.u3vyvoj .boxes { padding:0; margin:0; zoom:0.8; } 
.u3vyvoj .box-wallet-fond { width: 100%; margin-bottom: 6px; }
.u3vyvoj .report-form {width:100%;}
.u3vyvoj .report-form > div { padding: 0 12px 12px; margin: 0 0 36px; position: relative; top: -10px; background: #ffffff; z-index: 100; border: 0; border: 1px solid #f1f1f1; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; background: #ffffff; box-shadow: 1px 1px 3px -2px #000000; }
.u3vyvoj .light-box-2 .price { bottom: 14px; }
 
}

@media (max-width: 720px) {
     .first-wallet, .respo-full {width:100%;}
     .u3ziadosti .light-box-2.c3.box-wallet-w-green, .u3ziadosti .light-box-2.c3.box-wallet-w-green.up { min-height: 111px; margin: 0 0 24px; width: 100%;padding-right: 0; }
}

@media (max-width: 660px) {
.ico-presun, .ico-info, .ico-graf, .ico-vyber, .ico-vklad { margin: 0 0px 0 0; border: 0; font-size: 11.5px; float: left; padding: 2px 10px 2px 20px;background-size: 16px;background-position:left center; color: #858585; transition: all 350ms ease-in; border-radius: 0px; font-weight: 400; letter-spacing: -0.03em; text-decoration: underline; }

}


@media (max-width:990px) { .u2sit .row > .c4.n { width: 100%; } }

@media (max-width: 580px) { }

/*

body:before {display:none;}body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .user-box {
    padding: 0;
    margin: 0;
    background: #2c4065;
    width: 100%;
}

*/


.body-1 .sit-filtr-wrap {}
.body-1 .sit-filtr-wrap > div {width:auto;margin-right:12px;}
.body-1 .label:hover input ~ .checkmark {    }
.body-1 .label input:checked ~ .checkmark { background-color: #2c4065; color: #ffffff; font-weight: 700; border-radius: 12px; line-height: 13px; }
.body-1 .checkmark:before { content: ""; position: absolute; z-index:120}
.body-1 .checkmark:after{ content: ""; position: absolute; z-index:99;}
.body-1 .label .checkmark:before { left: 6px; top: 7px; width: 4px; height: 6px;border: solid #d4d7da; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.body-1 .label input:checked ~ .checkmark:before { left: 6px; top: 7px; width: 4px; height: 6px; border: solid #ffffff; border-width: 0 1px 1px 0; -webkit-transform: rotate( 45deg); -ms-transform: rotate(45deg); transform: rotate( 45deg); }
.body-1 .label input:checked ~ .checkmark:after { left: 0px; top: 7px; width: 14px; height: 14px; border: 0; border-radius: 32px; background: #ffffff; border: 1px solid #969fa7;display:none; }
.body-1 .label .checkmark { position: relative; height: auto; float: right; font-size: 11px; width: 100%; box-sizing: border-box; padding: 6px 5px 6px 20px; }
.sit .reset { padding: 7px 11px; float:left;margin-top:4px;}
.body-1 a.show-csv {  background: #cddfea;color:#000000;  }
.body-1 .br-button {border-radius:32px;}
body > .body.body-1 .top > .side-logo > .mainmenu.mainmenu-small a { margin-top: 4px; }
.body-1 .user-box { position: relative; min-height: 71px; }
.body-1 .menu-2 .user-box, .body-1 .menu-3 .user-box { position: relative; min-height: 47px; }
.body-1 .mainmenu.mainmenu-partner a.active span, .mainmenu.mainmenu-partner a span { background: transparent; color: #ffffff; padding: 2px 12px; float: left; display: block; position: static; width: auto; text-align: left; margin: 0; height: auto; max-width: max-content; }
@media (max-width: 1400px) {
    .body-1 .mainmenu-items a img, .body-5 .mainmenu-items a img {}
    .body-1 .mainmenu-items a span, .body-5 .mainmenu-items a span {}
    .body-1 .mainmenu-items a span, .body-5 .mainmenu-items a { padding: 0 5px 0px 0px; min-width: max-content; margin-right: 5px; margin-top: 0; }
    .menu-1 .mainmenu-items a.active span, .menu-1 .mainmenu-items a span { margin: 0; padding: 0 4px 0; height: auto; margin-right: 12px; border-radius: 32px; }
    .menu-1 .mainmenu-items a, .menu-1 .mainmenu-items a.active { width: auto; margin: 0 0 8px; padding: 0; }
    .menu-1 .mainmenu-items { width: 50%; padding: 16px 18px 0px; }
    .body-1.sit .menu-1 .mainmenu-items { width: 50%; padding: 0px 18px; padding: 0 7px; margin-top: 31px; }
    .body-1.sit .menu-1 .mainmenu-items { width: max-content;} 
}

@media (max-width: 1290px) {
    body > .body .top > .side-logo > .mainmenu.mainmenu-small .mainmenu-items { float: left; padding: 5px 0px 20px; }
    body > .body-1 .top > .side-logo > .mainmenu.mainmenu-small a.c-unconnect {margin-top:-2px;bottom:10px;}
}








/* 1702
*/



.input-outer input[type='text'] { float: left; width: 100%; border: 0; color: #59595b; padding: 5px; background: transparent; font-size: 14px; }

.transaction_insert_prepare  .input-outer {padding:0;}
.transaction_insert_prepare  .input-outer input[type='text'], .transaction_insert_prepare  .input-outer label {margin:0;padding:5px;}

.u3ziadosti a.ico-plus.but-mar-minus {margin-left:12px;margin-top:-5px;}
.slick-dots {text-align:center;}
.slick-dots li button {padding:0;margin:0;}
.slick-dots li { background: transparent; width: 20px; height: 20px; margin: 0 0px; padding: 0; }
.slick-dots li.slick-active {background: transparent;}

.slick-dots li > button { background: #5d5d5d; width: 10px; height: 10px; margin: 5px 0px; padding: 0; cursor: pointer;border-radius:32px;overflow:hidden; color:#5d5d5d;}
.slick-dots li.slick-active > button {background: transparent;border:1px solid #5d5d5d; color:#ffffff;}


.u3vyvoj .boxes.fs-small .bunka { padding: 10px 12px 0px 0px;border:0; border-bottom:1px solid #eeeeee; margin:0;height:26px;}
.u3vyvoj .boxes.fs-small .bunka , .u3vyvoj .boxes.fs-small .bunka  * {line-height:1;font-size:12px;}

.u3vyvoj .boxes .slick-header .bunka { font-size: 11px; line-height: 11px; text-transform: uppercase; padding: 0px 1px 0px; height: 26px; letter-spacing: -0.02em; box-sizing: border-box;display: flex; justify-content: space-between; align-items: center; text-align: left;     }

.slick-header { width: 120px; float: left; box-shadow: 4px 0px 6px -6px #000000; position: relative; z-index: 99999; }
.slick-this {width:90%;width:calc(100% - 120px);float:left;}
.m-slide {}

.body-3 .light-box-2 .price { position: absolute; float: right; padding-right: 45px; right: 0; left: auto; top: 10px; bottom: auto; }
.body-3.u3ziadosti .light-box > a:nth-child(1), .body-3.u3ziadosti .light-box > div.anchor:nth-child(1) { font-size: 15px; padding-bottom: 10px; }


.row-t small {margin-top:1px;}

.body-3 .minimenu { margin-top: 21px; margin-bottom: 54px; position: static; float: left; }

.light-box.group-800 {margin:0 0 0 24px;border-radius:5px 5px 0px 0px;z-index:2;position:relative;border:0;min-height:41px;}
.light-box.group-799 {margin:0 0 0 24px;border-radius:0px 0px 0px 0px;z-index:3;position:relative;border:0;min-height:41px;}
.light-box.group-798 {border-radius:0px 0px 5px 5px;z-index:4;position:relative;border:0;min-height:63px;}

@media (max-width: 990px) { 
    .body-3.u3ziadosti .box-wallet-w-green.light-box > a:nth-child(1) { padding-right: 90px; float: left; width: 100%; box-sizing: border-box; display: block; position: static; max-width: 100%; }
    .body-3 .light-box-2 .price { padding-right: 10px; font-size: 16px; }
    .u3ziadosti a.ico-plus.but-mar-minus {margin-left:0px;margin-top:0px;}

    .graf-wrap {width:100%;}
    .graf-wrap {}
    .graf {height:500px;width:100%;}
    .graf-wrap.c4 {width:100%;max-width:440px;margin:0 auto;float:left;margin:0 calc(50% - 220px);}

}



@media (max-width: 800px) {  

    .light-box.group-798 { min-height:83px; }  
    .light-box-2 > span:nth-child(1) {width:100%;margin-bottom:12px;}
    .row-t > div {width:20%;margin:0;padding:0;float:left;min-height:24px;}
    .row-t > div:nth-child(1) {width:10%}
    .row-t > div:nth-child(2), .row-t small, .row-t .kam {display:none;}
    .row-t .suma-col.green, .row-t .suma-col.orange {max-width:90px;padding-right:0;}
    
    .row-t > div.fssuma-nic {display:none;}
    
    .row-pending.bb1 .green   {}
    
    .row-t > div.fr {float:right;}
    .row-pending.bb1 .t-storno {  padding: 1px 5px;  margin: 0 4px 0 0;  float: left;  }
    .row-pending.bb1 .tm1, .tm1 {margin:0;}
    .body-3 .ico-klient:before, .body-2 .ico-partner:before { top: 6px; }
    
    body > .body.body-3 h1, h1, h2, body > .body.body-3.u3ziadosti h2 { font-size: 19px; text-transform: unset; }
    
    .obsah {padding:12px;}
    .u3platebni .light-box, .u3kontakt .light-box, .u3platebni .light-box, .u3kontakt .light-box, .u3nplus .light-box, .u3reality .light-box { width: 100%;padding-right:14px;}    
    

            
}

@media (max-width: 600px) {  
    .light-box.group-798 { min-height:83px; }  
    .light-box-2 > span:nth-child(1) {width:100%;margin-bottom:12px;}
    .row-t > div {width:25%;margin:0;padding:0;float:left;min-height:24px;}
    .row-t > div:nth-child(1) { width: 50px; }
    .wrap-login form.obsah .input-outer.c4, .u2account .a-form-stay .input-outer.c4, .u3account .a-form-stay .input-outer.c4 { width: 100%; }
    .u3account .a-form-stay .big-submit {width:auto;}
    
    .graf-wrap.c8,.graf-wrap.c8 canvas {width:100% !important;height:500px !important;}
    
    
}
@media (max-width: 490px) { 
    .light-box {padding-right:100px;} 
    .light-box.light-box-2 {padding-right:12px;}
    .light-box.group-798 { min-height:93px; }  
    .body-3 .light-box-2 .price { padding-right: 38px; top: 10px; bottom: auto; font-size: 18px; }  
    
    .u3vyvoj h1.respo-half { width: 100%; } 
}

@media (max-width: 540px) {
  body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .user-box { width:100%; }
  body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.c-unconnect { margin-top: 0; position: absolute; left: auto; right: 12px; top: 5px;  width: 78px; }
  body > .body.body-3 h1, h1, h2, body > .body.body-3.u3ziadosti h2 { font-size: 16px; text-transform: unset; }
   
}

    .body-3 .light-box .icon { display: none; }
    .body-3 .light-box-2 .price { padding-right: 8px;} 

@media (max-width: 500px) {  
    .row-t > div { width: 100%; margin: 0; padding: 8px; float: left; min-height: 24px; border-bottom: 1px dotted #cfceba; min-height: 38px; }
    .body-3 .bb1:nth-child(1) > div {display:none;}
    .body-3 .bb1:nth-child(1) > div.orange, .body-3 .bb1:nth-child(1) > div.green { display: block; width: 50%; }

    .graf-wrap.c4 { width: 100%; max-width: 100%; margin: 0 0; height: auto; min-height: 269px; padding: 0; }
    .graf-wrap.c8 {margin-bottom:52px;}
    
}


.light-box span, .light-box a, .light-box strong {font-size:13px;font-weight: 600;}
.light-box.group-fond {min-height:32px;}


@media (max-width: 990px) {

    .light-box span, .light-box a, .light-box strong {font-size:12px;}
    input.datepicker { font-size: 12px; font-weight: 600; }
    
} 

@media (max-width: 390px) {   

    .light-box span, .light-box a, .light-box strong { font-size: 12px; font-weight: 600; }
    table, table *, table b {font-size:10px;font-weight:400;letter-spacing:-0.03em;} 
}

@media (max-width: 350px) { 
    .body-3 .submit, .body-3 button { margin-top: 0; padding: 5px 2px; font-size: 10px; }
    textarea, input[type='text'], input[type='password'], select {padding: 5px 3px;}
}



/* 29112022 aml */

.fo-item {border: 1px solid #eeeeee;background:#ffffff;box-shadow: 0px 1px 1px 0px #aaa;border-radius:3px;margin-top:8px;}
.fo-form-div {margin:0px 0px; border-top: 1px solid #eeeeee;background:#ffffff;border-radius:3px;}
.fo-form {margin:12px 0px; padding:12px;border: 1px solid #eeeeee;background:#ffffff;box-shadow: 0px 1px 1px 0px #aaa;border-radius:3px;}

.flex-auto {display: flex;flex-wrap: wrap;gap: 10px;padding:10px 10px 10px 0px;}

.flex-auto > .fo-txt {flex: 1 1 auto;cursor: pointer;position: relative;max-width: 650px;margin: 0;padding: 9px 9px 50px;margin:0px 0px; border-top: 1px solid #eeeeee;background:#ffffff;color:black;font-size:13px;line-height:1.3;border-radius:3px;}

.flex-auto:nth-child(2) > .fo-txt {padding-bottom:0;}

.fo-submit {flex: 1 1 auto;cursor: pointer;position: relative;max-width: 320px;margin: 0;padding: 9px 9px 50px;}
.fo-submit button {position:absolute;bottom:9px;left:9px;}
.fo-submit .fo-n {min-height:48px;}
.fo-file label {padding-bottom:9px;padding-top:9px;color: #59595b;font-weight: bold;}
.fo-file {padding:0px;}
.fo-txt {padding:0 0 12px;}

.fo-submit .uspech {background-color:#dafff1;}
.fo-submit .chyba {background-color:#ffdada;}

.w12-100 {width: calc(100% - 48px);padding-top: 3px;}


@media (max-width: 480px) { .flex-auto {padding:0;}
.fo-submit {
    flex: 1 1 auto;max-width:100%;}
}

.drop-here { cursor: pointer; float: left; width: 100%; min-height: 48px; border: 3px dotted #59af30; padding: 9px; background-color: #ffffff; text-align: center; border-radius: 7px; transition: all 150ms linear; float: right; }
.drop-here:hover, .drop-here.is-dragover {border:3px dashed #858ba2;} 
.drop-here.is-dragover * {color:#858ba2;}
.drop-here input[type='file'] { visibility: hidden; height: 0; box-sizing: border-box; overflow: hidden; float: left; display: block; }
.selected-files > *  {border-bottom:1px solid #eeeeee;}
.drop-here a, .drop-here form {box-sizing:border-box;}

.drop-here a, .drop-here a * {color:#858ba1;font-size:14px;letter-spacing:-0.025em;}

.drop-here-select {width:100%;float:left;}

.drop-id-here {cursor:pointer;float:left;width:100%;min-height:32px;border:3px dashed #ddd;padding:6px;background-color:#ffffff;text-align:center;border-radius:0px;transition: all 150ms linear;}
.drop-id-here.dropping, .drop-id-here:hover {border:3px dashed #858ba2;}
.drop-id-here.dropping, .drop-id-here.dropping *,
.drop-id-here:hover, .drop-id-here:hover * {color:#858ba2;}

.img-square {position:relative;overflow:hidden;}
.img-square:before {content:'';display:block;float:left;width:100%;padding-top:100%;}
.img-square > img, .img-square > a > img {position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;}

.img-square > a {position:absolute;z-index:11;top:0;bottom:0;left:0;right:0;margin:0;width:100%;height:100%;display:block;float:left;}

.twice-square {position:relative;overflow:hidden;}
.twice-square:before {content:'';display:block;float:left;width:100%;padding-top:50%;}
.twice-square  img {position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;}


.layer-obsah > h1 {background:#303030;color:#ffffff;margin:0;padding:9px;font-size:18px;}
.body.aml .obsah {width:100%;margin:0;padding:20px;}

.need-aml {background:red url(../im/icons/aml.svg) no-repeat 10px center / 48px ;padding:20px 20px 20px 90px;}
.need-aml, .need-aml * {color:#ffffff;}
.need-aml a {font-weight:bold;text-decoration:underline;}
.need-aml > h1, body > .body.body-3.u3ziadosti .need-aml > h1, body > .body.body-3 .need-aml > h1 {padding:0;margin:0px;}

@media (max-width:640px) { 
    .need-aml > h1, body > .body.body-3.u3ziadosti .need-aml > h1, body > .body.body-3 .need-aml > h1 {width:100%;}
    .body-3 .need-aml .submit, .body-3 .need-aml button {float:left;margin-top:9px;}
}

.body-3 .row {padding: 11px 11px 11px 38px;}

.take-photo, .body-3 .take-photo {background: #1c8ec8 url(../im/icons/camera.svg) no-repeat center 8px / 48px;text-align: center;margin: 12px 0;padding: 52px 9px 9px;float: left;width:100%;box-sizing: border-box;}
.loading-bar {background:#bce9ff;}



.need-aml .chyba, .need-aml .uspech {font-size:14px;padding:9px;margin-top:4px;border-radius:16px;}
.need-aml .chyba {background-color:#680909;border:0;color:white;background-position: 10px 5px;}
.need-aml .uspech {background-color:#066c47;border:0;color:white;background-position: 10px 5px;}

.fo-submit video {max-width:100%;background:#000000;color:#ffffff;}
.fo-submit .countdown {background:#000000;color:#ffffff;font-size:54px;}

.bor1 {border:1px solid red;}

div.fo-form {flex: 1 1 auto;cursor: pointer;position: relative;max-width: 320px;margin: 0;padding: 9px;min-height: 47px;}

.submit.big {font-size: 24px;text-transform: unset;font-weight: bold;padding: 22px 22px 22px 52px;margin: 12px 0px 0px;float: left;background-image: url(../im/icons/aml.svg);background-repeat: no-repeat;background-size: 32px;background-position: 10px center;}

.u3aml .bigger {font-size:20px;}
.u3aml .flex-auto > .fo-txt {padding:24px;box-shadow: 0px 3px 5px -4px #000000;}



.row-links a {color:#1c8ec8;border:1px solid #dddddd;border-radius:4px;margin-left:6px;float:right;font-weight:bold;cursor:pointer;overflow:hidden;}
.row-links a:hover {text-decoration:underline;}

.copy-click {position:relative;}

.copy-click .copied {position:absolute;z-index:99;left:0;right:0;bottom:0;top:0;background:#ffffff;color:gray;display:block;box-sizing:border-box;text-align:center;padding:12px;}

.cred {color:red;}

.rel {position:relative;}
.center-box {border:1px solid #eeeeee;padding:100px 24px 24px;margin:32px auto;width:100%;max-width:300px;border-radius:4px;box-shadow:0px 3px 3px -3px;background: #ffffff url(../im/logo.svg) no-repeat center 26px / 160px;}

.wrap-login .center-box .chyba {background: transparent;font-size: 13px;padding: 12px 5px;margin: 5px 0px;border: 3px solid #ff5722;color: #f44336;}

.center-box .chyba, .center-box .uspech {border:0;}
.center-box .chyba, .center-box .uspech, .center-box .chyba *, .center-box .uspech * {font-size:13px;}

.radio {display:none;}
.radio.active {display:block;}
.mid-form > * {margin-bottom:6px;}


.white-big-box {padding:24px;margin-bottom:12px;border:1px solid #eeeeee;background:#ffffff;}
.white-big-box *, white-big-box {font-size:16px;}

.reg-filtr {width:auto;max-width:120px;float:left;}

.sit-filtr-wrap {position:relative;}


.sit-filtr-wrap .reset {left:0;margin:0;}
.sit-filtr-wrap .show-csv {right:0;margin:0;}
.sit-filtr-wrap .reset, .sit-filtr-wrap .show-csv {position:static;bottom:100%;margin-bottom:4px;}
.sit-filtr-wrap select {width:auto;max-width:180px;}

.partner-filter {width:100%;}
.partner-filter > .sit-filtr-wrap {display:flex;flex-wrap:wrap;gap:2px;}
.partner-filter .sit-filtr-wrap > div {float:none;flex:1 1 128px;width:auto;}
.partner-filter .sit-filtr-wrap > div > .label {width:50%;margin:0;border:0;}
.partner-filter .sit-filtr-wrap > div.long {flex:1 1 240px;}
.partner-filter .sit-filtr-wrap > div > .label.long {width:240px;}

.filtr-vklad input[type='text'] {width:100px;margin-right:3px;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color:#000000;}

.body-2 .row.ico-partner {padding: 11px 26px;}