/* change font */ 
::-webkit-scrollbar {width: 11px;background-color:#002e5e;z-index:999999;}
::-webkit-scrollbar-thumb {background:#bbc6cc;z-index:999999;border-left:1px solid #e7ecef;border-right:1px solid #e7ecef;width:9px;border-radius:24px;}
::-webkit-scrollbar-track {background-color:#e7ecef;z-index:999999;}    

.svg-in::-webkit-scrollbar {width:8px;height:8px;background-color:#002e5e;z-index:99999;}
.svg-in::-webkit-scrollbar-thumb {background:#ffffff;z-index:9999999;border:1px solid #002e5e;width:6px;}
.svg-in::-webkit-scrollbar-track {background-color:#002e5e;z-index:999999;} 

.mainmenu-client {background: #3f51b5;background: linear-gradient(-45deg,#000000,#3f51b5);}
    
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%; padding: 20px;background: linear-gradient(125deg,#edeff1,#e5ebef);}  
.u3doc .obsah {padding: 20px;width: 100%;}
.body-2 .obsah { background: #e9f0f5; min-height: 110vh; width: 100%; padding: 20px; background: linear-gradient(125deg,#edeff1,#e5ebef);}
 
.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: #002e5e; 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:#2196f3;}
.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: #3f51b5;background: linear-gradient(-45deg,#000000,#3f51b5,#4ec3e1);}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 240px; 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: #3f51b5;background: linear-gradient(45deg,#000000,#3f51b5,#4ec3e1);}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .user-box { padding: 0; margin: 0; }
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 #ffffff2b; padding: 5px 0px 5px 0px; }

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.c-unconnect img {float:none;display:inline-block;}
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;background-color: #4ec3e145; }
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a:hover { background-color:#00000078; }
.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;}
.body-2 .mainmenu.mainmenu-partner a img { width: 26px; height: 26px; margin: 0px 14px 0px 0px; float: right; }
.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% - 240px);margin-left:240px;}
.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:#25262c;}
.body-2 .row-t > div > * { font-size: 12px;}




.body-2 .cr, .body-3 .cr {color:red;}
.body-2 .green, .body-3 .green {color:#009688;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: #002e5e; 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:#002e5e;}
.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:#002e5e;}
.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: #002e5e; 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 26px; margin: 0; width: 100%; }
.u2trans .row {padding: 11px 0px 11px 26px;}
.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: 8px; left: 248px; 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 #dee9f1; 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: #034a30; bottom: 0; height: 100%; }
.u2sit .ico-klient:hover:after {background:#002e5e;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: #002e5e; border-radius: 24px; border: 0; color: #ffffff;font-size:10px;margin:0;display:block; }
 .u2sit .greenbox { padding: 3px 6px; background: #4caf50; 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 #002e5e; 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; position:static;}
.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;box-shadow: 0px 2px 18px -8px #000000;}
.active .hidder-activator {display:block;min-width:280px;position: absolute; top: 32px;box-shadow: 0px 2px 18px -8px #000000; z-index: 999;}

.mainmenu .respo-button {margin-top:12px;}


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

/* U2 END */

/* U3 */
.u3preview .w-menu {background:transparent;}

body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client { background: #3f51b5;background: linear-gradient(45deg,#000000,#3f51b5);position: fixed; left: 0; top: 0; bottom: 0; right: 0; border:0;width: 240px; 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 .user-box { padding: 0; margin: 0; background: transparent;float:right;width:100%; }

@media (max-width: 1080px) {
    body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .user-box {width:auto;}
}


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 #ffffff2b;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.logout-but,
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.logout-but {margin:4px 0px;border:0;background:transparent;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.logout-but:hover,
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.logout-but:hover {background:transparent;}

.c-unconnect {}

body > .body .top > .side-logo > .mainmenu a img {width:22px;height:22px;}
body > .body .top > .side-logo > .menu-2 a img {width:26px;height:26px;}
body > .body .top > .side-logo > .menu-2 a.logout-but {text-align:center;}
body > .body .top > .side-logo > .menu-2 a.logout-but img {float:none;display:inline-block;}

body > .body .top > .side-logo > .mainmenu .mainmenu-items a:nth-last-child(1) img {display:none;}
body > .body .top > .side-logo > .mainmenu .mainmenu-items a:nth-last-child(1) img {display:none;}

body > .body .top > .side-logo > .mainmenu .transaction-add-buttons a img {width: 14px;height: 14px;}

body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a {padding: 0px;border-radius: 8px;margin-bottom: 4px;}
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.c-unconnect img {margin:0px;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.logout-but img {margin:0px;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.active { background: #40424e url('../im/icons/menu-active.svg') no-repeat right center / 10px 33px; padding: 0;background-color: #163c38;background-color: #ffffff1c; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a:hover { background-color: #163c38;background-color: #ffffff30;}
.body-3 .mainmenu.mainmenu-client a.active span, .mainmenu.mainmenu-client a span {background: transparent;color: #ffffff;padding: 0px 5px 9px 5px;float: left; display: block;position: static;width: 100%;text-align: center;margin: 0;height: auto;}
.body-3 .mainmenu.mainmenu-client a.active:nth-last-child(1) span, .mainmenu.mainmenu-client a:nth-last-child(1) span {padding:0px 0px 6px;} 
.body-3 .mainmenu.mainmenu-client a.active span {font-weight:bold;}
.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: 15px; margin: 0;position:static; }

.body-3 .middle { width: calc(100% - 240px);margin-left: 240px;}
.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: #002e5e; 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:#002e5e;}
.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:#002e5e;}
.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: #002e5e; height: 4px; }


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



body > .body-3 .top > .side-logo > .menu-1,
body > .body-3 .top > .side-logo > .menu-5,
body > .body-2 .top > .side-logo > .menu-1,
body > .body-2 .top > .side-logo > .menu-5 {left:240px;width: calc(100% - 240px);}

.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:0px 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: #2196f3;margin-top:5px; }

.green {color:#0eb376;}
.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: 11px;top: 7px;background: #ffffff;bottom: auto;padding: 2px;border-radius: 32px; }
.user-box {position:relative;min-height:42px;margin:0px;}

.user-box .ico-user-w {padding: 11px 9px;background: transparent;}

.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: 7px; padding-top: 9px; }
  
.body-1 .menu-3 .user-box .ico-user-w, .body-5 .menu-3 .user-box .ico-user-w, .body-1 .menu-2 .user-box .ico-user-w, .body-5 .menu-2 .user-box .ico-user-w {padding: 7px 12px;}


.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: #40424e; 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:#3f51b5;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: #009688; 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: #133553; }
.ico-plus.submit:hover {background-color: #133553;}

.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:auto;margin:0;text-align:left;}
.partner_m .row-t > strong:nth-child(1) {width:64px;}
.partner_m .row-t > div:nth-last-child(1) {width:auto;text-align:right;padding-right:13px;}
.partner_m .row-t > div:nth-last-child(2) {}
.partner_m .row-t > div:nth-last-child(3) {}

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

.head_m {position:relative;padding: 0px 20px 13px 12px;}
.head_m > div:nth-child(1) { padding: 0px; }
.head_m > div:nth-last-child(1) { position: static; padding: 0px;font-size:20px;line-height: 1; }
.vyplatene { padding: 6px 24px; margin-bottom: 14px; }

.vyplaceno .green, .vyplaceno .orange, .vyplaceno * { font-size: 18px;font-weight:bold; padding-right:0px;}


.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 .line2 { max-width: 100%; }
.fbig, .fbig *, .light-box .fbig strong, .light-box .fbig strong * {font-size:16px;}
.fbigger, .fbigger *, .light-box .fbigger strong, .light-box .fbigger strong * {font-size:20px;}

.mainmenu a.logout-but {background-color:transparent;}

.menu-2 .respo-button .line1 {top:16px;}

.ico-partner:before {color:#4ec3e1;}
.ico-klient:before {color:#002e5e;}

.ico-partner:hover:after {background-color:#4ec3e1;}
.ico-klient:hover:after {background-color:#002e5e;}

.create-pozvanka-form > .c12 {width:100%;}

.wrap-login form.obsah {display:flex;flex-wrap:wrap;}
.wrap-login form.obsah .input-outer {display:flex;flex: 1 1 auto;flex-direction:column;}
.wrap-login form.obsah .input-outer:nth-child(2) {background:transparent;border:0;padding-left:0px;align-items:center;justify-content: center;}
.wrap-login form.obsah .input-outer:nth-child(2) > * {justify-content:center;}
.wrap-login form.obsah .input-outer > * {display:flex;}
.wrap-login .chyba * {margin-left:4px;}
.wrap-login form.obsah .input-outer label.c5 {width: 50%;margin-right: 0;margin-top: 6px;padding:0px;}
.wrap-login form.obsah .checkmark {background-color: transparent;border: 1px solid #000000;}

@media (max-width: 1080px) {
    .wrap-login form.obsah .input-outer label.c5 {width: 100%;}
}

@media (max-width: 680px) {
    .partner_m > .c6 {width:100%;}
    .partner_m > .c6 > .fbig {padding: 9px 0px 10px 8px; border-top: 1px solid gray; border-bottom: 1px solid silver;}
    .vyplatene { padding: 12px 20px;margin-bottom: 0;}
    .partner_m .h1box:before {display:none;}
    .partner_m {padding-bottom:0px;}
    .body-2 .light-box.c12.m6b {padding-bottom:0px;}
    
}

@media (max-width: 800px) {  
    .vyplaceno * { font-size: 14px;display:flex;} 
    .vyplaceno {display:flex;flex-direction:row;align-items:start;justify-content:center;gap:20px;}
    .vyplaceno > div {display:flex;flex-direction:column;align-items:start;justify-content:center;flex: 1 1 45%;}
    .vyplaceno > div:nth-child(2) {text-align:right;align-items:end;}
    .vyplaceno .green, .vyplaceno .orange, .vyplaceno .silver { font-size: 18px;padding: 8px 0px 0px; display:flex;align-self:start;}
    .vyplaceno > div > strong {display:flex;}
    .vyplaceno > div:nth-child(2) > strong {align-self:end;}
}

/* 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,
  .menu-5 .mainmenu-items a.active span, .menu-5 .mainmenu-items a span{ margin: 0; padding: 6px 5px; height: auto; }
  .u3platebni .light-box, .u3kontakt .light-box,
  .u3platebni .light-box, .u3kontakt .light-box, .u3nplus .light-box, .u3reality .light-box { width: 100%; max-width: 1080px; 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; }
}
.body-2 .dwn-but {padding-left:38px;}
.body-2 .dwn-but a {float: right;margin: 0;padding-right: 0;}

@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; }
.nice-row .ico-vklad {margin:0;float:right;}
.menu-2 .mainmenu-items { background: #3f51b5;background: linear-gradient(45deg,#000000,#3f51b5,#4ec3e1);}
.u2sit .mainmenu-right.static {left:24px;margin:0;}

}

@media (max-width: 1080px) {  
/* respo main menu */
/* U3 START */

body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner { background: #3f51b5; background: linear-gradient(-45deg,#000000,#3f51b5,#4ec3e1);}

body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client {position: relative; width: 100%;background: linear-gradient(-45deg,#000000,#3f51b5);}
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 {border-color:transparent; 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:4px; }
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .user-box .ico-user-w {  width: 240px; padding: 8px 48px 8px 8px; margin: 0; text-align:right; position:relative;}
.mainmenu .mainmenu-items a span { min-height: 31px;}
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.logout-but,
body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client a.c-unconnect,
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.logout-but,
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.c-unconnect {margin-top: 0;position: absolute;right: 0;right: 6px;top: 5px;width: 32px;height: 32px;padding: 4px;background: #ffffff;border-radius: 32px;}
body > .body .top > .side-logo > .menu-2 a img {width: 23px;height: 23px;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .user-box {float:right;}
.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;background: #252824;color: #ffffff;font-weight: bold;padding: 9px;}
 .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;  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:6px; }
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .user-box .ico-user-w {width: 240px; padding: 8px 47px 8px 8px;margin: 0;text-align: right;position: relative;}
body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.c-unconnect {    margin-top: 0;position: absolute;left: auto;right: 6px;top: 5px;width: 32px;height: 32px;padding: 4px;border-radius: 32px;}
.body-2 .obsah, .body-3 .obsah { width: 100%; padding: 20px; }
.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-2 .obsah, .body-3 .obsah { width: 100%; padding: 12px; }
}

/*

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

*/

.user-box {background-color:transparent;}

.menu-1, .menu-5 {box-shadow: inset 0px -15px 15px -15px #000000;background: #000000;background: linear-gradient(45deg,#000000,#3f51b5);}





.mainmenu a.show-no-sign, .body-1 a.show-csv, .body-5 a.show-csv  {border-radius:5px;}

.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: #002e5e; 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 .menu-1 a.show-csv {background: #cddc39;color: #000000;left: 415px;}
.body-1 .br-button {border-radius:32px;}
body > .body.body-1 .top > .side-logo > .mainmenu.mainmenu-small a { margin:0px; }
.body-1 .user-box , .body-5 .user-box { position: relative;min-height: 70px; padding: 11px 0px 0px; }
.body-1 .menu-1 .user-box , .body-5 .menu-5 .user-box {background:transparent;}
.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: 6px 12px; float: left; display: block; position: static; width: auto; text-align: left; margin: 0; height: auto; max-width: max-content; }

@media (max-width: 1480px) {
    .menu-1 .mainmenu-items, .menu-5 .mainmenu-items  {width:100%;padding-left:0px;padding-right:0px;}
    .mainmenu a span, .mainmenu a.active span {margin-top:4px;}
    .mainmenu a.active:before {left: 3px;top: 11px;}
    .mainmenu a.active:after {right: 3px;top: 11px;}
    .mainmenu a.show-no-sign, .body-1 .menu-1 a.show-csv, .body-5 .menu-5 a.show-csv {top:23px;}
    body > .body .top > .side-logo > .mainmenu {border:0;}
   .body-1 .mainmenu.mainmenu-client a.active span,
   .body-5 .mainmenu.mainmenu-partner a.active span {padding:2px 5px;}
    .user-box {float: left; border-radius: 0px 0px 16px 16px;background:transparent;}
}



@media (max-width: 1290px) {

}



.user-box .ico-user-w {min-width:1px;}

/* 1702
*/


.mainmenu a.show-no-sign {left:333px;}


.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%}
    .scroll-x-respo .row-t > div {width:75%;padding:0;border:0;}
    .scroll-x-respo .row-t > div.line {width:100%;padding:0;border:0;}
    /* .row-t > div:nth-child(2), .row-t small, .row-t .kam {display:none;} */
    
    .body-2 .row-t > div.line {min-height:3px;}
    
    
    .partner_m .row-t > div:nth-child(2) {display:block;}
    .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 {} 
    .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 .ico-user-w,
  body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .user-box .ico-user-w {width:100%;background: #ffffff0f;}
  body > .body.body-3 .top > .side-logo > .mainmenu.mainmenu-client .user-box,
  body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner .user-box {width:100%;}
  
  
  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; }
    .partner_m .row-t > div {margin: 0;padding: 2px 0px 1px;float: left;min-height: 24px;border-bottom: 0;min-height: 1px;}
    .partner_m .row-t > div:nth-last-child(1) {padding-right:13px;float:right;text-align:right;}
    .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) {   
    body > .body.body-2 h1 {font-size:20px;padding-bottom:12px;}
    .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.w100 {max-width:100%;padding:24px;}
.fo-submit.w100 button {position:static;}

.body-3 .fo-submit.w100 .submit-side {margin-top:19px;}


.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;}


.month-list-item .fo-submit {display:inline-block;max-width:auto;padding:0;}
.month-list-item .fo-submit button {position:static;margin:0;}

.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 #2196f3;} 
.drop-here.is-dragover * {color:#2196f3;}
.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:#034a30;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 #2196f3;}
.drop-id-here.dropping, .drop-id-here.dropping *,
.drop-id-here:hover, .drop-id-here:hover * {color:#2196f3;}

.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;}

.menu-1 .user-box, .menu-5 .user-box {padding: 10px 0px;background-color: transparent;max-width: 185px;}

@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:18px;}
.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;}  


@media (max-width: 1280px) {
 .white-big-box {padding:12px;}
 .white-big-box *, white-big-box {font-size:12px;}     
}
@media (max-width: 1080px) {
 .white-big-box > * {width:100%;}     
 .white-big-box > * > b {overflow-wrap: break-word;}
}
@media (max-width: 480px) {   
 .white-big-box > * > .copy-click {width:100%;}
}


.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:absolute;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 0px 11px 26px;}
.crypto-head, .crypto-head * {font-size:21px;}

.coin_admin {background:#f3f6f9;}
.coin_admin .obsah.c10 {width:100%;max-width:1460px;background:#f3f6f9;padding: 32px 64px;}
.coin_admin .bg-hover {transition: all 250ms linear;background:#ffffff;margin-top: 1px;padding: 0px 2px;border-radius:3px;}
.coin_admin .bg-hover:hover {background:#d5dee6;border-bottom:1px solid #666666;}
.coin_admin .bg-hover .submit, 
.coin_admin .bg-hover button {padding:3.5px 9px;font-weight:bold;}
.submit-side {margin-top:19px;}
.coin_admin form {background:#ffffff;}

.month-list-item form {background:transparent;border:0;}

.coin_admin form.b1 {margin: 12px 0px; border:1px solid #cccccc;border-radius:4px;padding:9px; }
.coin_admin form.b1.fo-submit {width: 100%; max-width: 100%; margin: 0px 0 3px;}
.coin_admin form.b1.fo-submit button {position:static;float:right;}


.chyba.inline {background: #ffe3da url(../im/chyba.svg) no-repeat 5px 6px / 17px; text-align: left;padding: 7px 7px 7px 26px;}
.uspech.inline {background: #ffbc00 url(../im/uspech.svg) no-repeat 5px 6px / 17px;text-align: left; padding: 7px 7px 7px 26px;}

.button-active {margin-right:2px;background:#000000;}
.button-active.active {    background: #000000 url(../im/closew.svg) no-repeat 6px 6px / 14px;padding: 7px 12px 7px 24px;}
.hide-by-active {display:none;}
.hide-by-active.active {display:block;}

.coin_admin form.crypto-image-form {max-width:28px;padding:0;float:left;position:relative;margin-right: 4px;cursor:pointer;}
.crypto-image-form img {width:28px;height:28px;float:left;cursor:pointer;}
.crypto-image-form input[type='file'] { opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;width:28px;height:28px;cursor:pointer; }

.crypto-client {padding:0px 24px;border-bottom:1px solid #cccccc;}

.wrap-opener {cursor:pointer;}
.wrap-open {display:none;}
.wrap-open.active {display:block;}
.ico-im {width:28px;height:28px;border:0;float:left;}

.wrap-open .green, .wrap-open .silver, .wrap-open .orange {padding:0;}

.crypto-client-table-row {padding:8px;border:0;border-top:1px solid #cccccc;}



.foa-mtop {width:auto;display:block;float:left;padding:12px 0px;max-width:50%;max-width:calc(50% - 24px)}
.foa-mtop button {margin-top: 14px;padding: 6px 15px;margin-left: 5px;}
.foa-mtop label.label {margin-top:15px;}
.foa-mtop:nth-child(2) {margin-left:24px;float:right;}

.faktury .left {display:none;}
.faktury .obsah {padding:32px;width:100%;}

.fak-table {margin:12px 0px;}

.shadow-table {border:1px solid #eeeeee;display:table;}
.shadow-table .table-row {display:table-row;}
.shadow-table .table-row:hover .table-cell {background:#f1f1f1;}
.shadow-table .table-row:nth-last-child(1) {border-bottom:0}
.shadow-table .table-cell {border-bottom:1px solid #cccccc;border-right:1px solid #eeeeee;display:table-cell;padding:9px 4px;}
.shadow-table .table-cell:nth-last-child(1) {border-right:0px;font-weight:600;}
.shadow-table .black-button, .shadow-table .red-button {padding:6px 13px;display:inline-block;margin:1px 0px 1px 3px;color:#ffffff;background-color:#000000;border-radius:3px;}
 .shadow-table .red-button {background-color:#de0e0e;}
.shadow-table .buttons {padding:0px;}

.u3fak .shadow-table {background:#ffffff;max-width:990px;margin-top:20px;}



.mainmenu-right .ico-search {background: #212a5e url(../im/ico-search-w.svg) no-repeat 8px center / 19px;border: 0;margin: 0; padding: 0px 0px 0px 32px;}
.mainmenu-right .ico-search label {display:none;}
.mainmenu-right .ico-search input {color:#ffffff;}
.mainmenu-right {top: 1px;right: 24px;max-width: 240px;}

@media (max-width: 1480px) {
    .mainmenu-right {top: 13px;}
}

.open-form-wrap { padding: 0;max-height: 80vh;overflow: auto;min-height: 38px;margin-top: 4px;position: fixed;bottom: 0;right: 11px;left: auto; width: 240px;}

.mainmenu-items-opened .respo-button .line1 {left: 0;transform: rotate(45deg);top: 21px;width: 100%;}

.menu-2.mainmenu-items-opened .respo-button .line1 {top:22px;}
.menu-2.mainmenu-items-opened .respo-button .line2 {bottom:11px;}


.mainmenu-items-opened .respo-button .line2 {left: 0;transform: rotate(-45deg);bottom: 11px;width: 100%;}
.mainmenu-items-opened .respo-button strong {display:none;}

.mainmenu .respo-button { margin-top: 12px;}
.mainmenu-items-opened .respo-button {margin-top: 18px;margin-left: 17px;}

body > .body.body-2 .top > .side-logo > .mainmenu.mainmenu-partner a.respo-button {margin-top:2px;border:0;}




@media (max-width: 1080px) {
    .respo-c12 {width:100%;}
    .scroll-x-respo {overflow-x:auto;}
    .scroll-x-respo > div {min-width:680px;}
    body > .body-3 .top > .side-logo > .menu-1, body > .body-3 .top > .side-logo > .menu-5, body > .body-2 .top > .side-logo > .menu-1, body > .body-2 .top > .side-logo > .menu-5 {left: 0px;width: 100%;}
    
    
      .menu-1 .mainmenu-items, .menu-5 .mainmenu-items {box-shadow: inset 0px -15px 15px -15px #000000;background: #12190d;}
      .menu-2 .mainmenu-items {background: transparent;}
      .menu-3 .mainmenu-items {background: transparent;}
    .menu-1 .mainmenu-items a, .menu-1 .mainmenu-items a.active, .menu-5 .mainmenu-items a, .menu-5 .mainmenu-items a.active {width: 100%;margin: 0px;padding: 0;}
    .mainmenu-items, .menu-1 .mainmenu-items, .menu-5 .mainmenu-items {display:none;max-height:68vh;width:100%;overflow:auto;overflow-x:hidden;position:static;}
    .mainmenu-items-opened .mainmenu-items {display:block;}
    body > .body .top > .side-logo > .mainmenu {padding:0px;}
    .logo {margin-left:4px;}
    
}

@media (max-width: 400px) {.body-2 .obsah, .body-3 .obsah {padding: 14px;}
                           .body-2 ,.body-3 {zoom: 0.85;} 
}

::placeholder {color:silver;}


.blog .obsah {padding:0px;width:100%;border:0px;}
.blog-menu {float:left;width:100%;padding:0px 24px;background:#111111;background:linear-gradient(134deg, #000000, #3f51b5);}
.blog-menu * {color:#ffffff;}
.blog-menu option {color:#000000;}
.blog-menu input, .blog-menu select {color:#111111;}
.blog-menu label {padding-top:6px;}
.blog-contain {float: left; width: 100%; min-height: 100vh; background: #0a0c1b; max-width: 100%; padding: 64px 20%; margin: 0 auto;}

.blog-seznam {float:left;width:100%;display:flex;flex-direction:column;}
.blog-seznam-item {display:flex;flex-wrap:wrap;background:#ffffff;box-shadow: 0px 2px 9px -8px #000000;margin:2px 0px;}
.blog-seznam-item:nth-child(1) {border-radius: 5px 5px 0px 0px;}
.blog-seznam-item:nth-last-child(1) {border-bottom:1px solid #f0f0f0;border-radius: 0px 0px 5px 5px;}
.blog-seznam-item > div {justify-content: end;}
.blog-seznam-item > div.strong {justify-content: start;}
.blog-seznam-item > div > a {display:flex;align-self:end;margin: 0px 0px 0px 4px;border-radius:4px;background:#000000;color:#ffffff;font-weight:bold;padding: 4px 8px;}

.blog-seznam-item > div > a.direct-button-empty {background-color:#002e5e;}

.blog-seznam-item > .strong, .blog-seznam-item > div {display:flex;flex: 1 1 21%;padding:12px;font-size:14px;align-items:center;}
.blog-seznam-item > div.c12 {flex:1 1 100%;padding:0px;flex-direction:column;}


.blog-seznam-item > div.c12 {flex:1 1 100%;padding:0px 0px;flex-direction:column;}
.blog-seznam-item .mediaUploadForm {flex-direction:column;display:flex;padding:0px 12px;}
.blog-seznam-item .mediaUploadForm .upload-area {margin:0px;border-radius:0px;}




.blog-seznam .fo-submit {flex: 1 1 100%;align-self:stretch;display:flex;max-width:100%;flex-direction:column;padding:12px 12px 51px;}
.blog-seznam .fo-submit button {background-color:#2196f3;font-size:14px;padding:12px 18px;font-weight:800;}
.blog-seznam .fo-submit .editable-panel button {background-color:#ffffff;}
.blog-seznam .fo-submit.file {min-width:100%;}
.editable-contain {display: block;min-height:1vh;max-height:54vh;overflow:auto; float: left; box-sizing: border-box;border:1px solid #000000;box-shadow: inset 0px 4px 11px -9px #000000;background: #ffffff;padding: 0px;margin: 0px;border-radius: 0px; width: 100%;padding:12px;}

.blog-menu .fo-submit {max-width:100%;display: flex;flex-direction: row;padding:7px 0px;justify-content:center;}
.blog-menu .fo-submit > * {width:auto;max-width:200px;flex:1;position:static;min-height:32px;display:flex;}
.blog-menu .fo-submit > label {min-width:75px;padding-top: 8px;text-align: right; align-self: end; justify-content: end; padding-right: 8px;}
.blog-menu .fo-submit > button {background:#ffffff;color:#000000;font-weight:800;width:auto;justify-content: center;min-height:36px;margin:0px 0px 0px 4px;padding-top: 10px;}
.blog-menu .fo-submit > button:hover {background:#000000;color:#ffffff;}


.flex {display:flex;}
.flex-ch > * {display:flex;}
.flexrow {display:flex;flex-direction:row;}
.flexcolumn {display:flex;flex-direction:column;}

.blog-seznam-item textarea, .blog-seznam-item input[type='text'], .blog-seznam-item input[type='password'], .blog-seznam-item select {border:0;border-bottom:1px solid #dddddd;border-radius: 0px;}

.blog-seznam-item input[type='text'].input-link {max-width:226px;font-size:12px;}

/* temps */
.editable-panel {display:flex;width:100%;flex-direction:row;justify-content: center;}
.editable-panel > span {display:flex;font-size:14px;padding:8px;border:1px solid #f1f1f1;background:#ffffff;color:#aaaaaa;}

.editable-contain {display:flex;flex-wrap:wrap;gap:12px;}
.editable-contain > * {display:flex;}
.editable:hover .editable-part {border:1px dashed orange;}
.editable-contain > * {border:1px dashed #ffffff00;}
.editable-contain > *:focus, .editable-contain .editable-part:focus {border:1px dashed orange;}

.editable-contain .editable-part.ui-sortable-handle {border:1px dotted #aaaaaa;}
.editable-contain .editable-part.ui-sortable-handle:hover {border:1px solid orange;}
.editable-part {position:relative;display:inline-block;}
.editable-part .editable-part-info {font-size:11px;font-weight:bold;padding:3px 6px;background:#999999;color:#ffffff;position:absolute;top:0px;left:0px;width:auto;z-index:200;}

.editable-contain .editable-part.is-edited,
.editable-contain .editable-part.is-edited:hover,
.editable-contain .editable-part.is-edited:focus {border:5px dashed orange;}


.direct-button-empty {margin-right:0px;}
.direct-button-empty img {height: 15px;}

.c-10 {flex: 1 1 100%;}
.c-5 {flex: 1 1 45%;}
.c-3 {flex: 1 1 30%;}
.c-2 {flex: 1 1 20%;}

.editor-button, .editor-button-link {color:#ffffff00;background:#f1f1f1;display:flex;width:32px;height:37px;padding:0px;margin:0px;border:1px solid #f1f1f1;border-right:0px;background:transparent url(../im/buttons/b.svg) no-repeat center center / 32px;}
.fo-submit .editor-button-link {width: auto; background: #002e5e; position: static; color: #ffffff; padding: 10px;}
.blog-seznam .fo-submit .editable-panel button.editor-button-link {background: #002e5e;}

.editor-button:nth-last-child(1) {border-right:1px solid #f1f1f1;}
.editor-button.a {background-image: url(../im/buttons/a.svg);}
.editor-button.b {background-image: url(../im/buttons/b.svg);}
.editor-button.i {background-image: url(../im/buttons/i.svg);}
.editor-button.u {background-image: url(../im/buttons/u.svg);}
.editor-button.h2 {background-image: url(../im/buttons/h2.svg);}
.editor-button.h3 {background-image: url(../im/buttons/h3.svg);}
.editor-button.h4 {background-image: url(../im/buttons/h4.svg);}
.editor-button.h5 {background-image: url(../im/buttons/h5.svg);}
.editor-button.h6 {background-image: url(../im/buttons/h6.svg);}
.editor-button.ul {background-image: url(../im/buttons/ul.svg);}
.editor-button.ol {background-image: url(../im/buttons/ol.svg);}
.editor-button.img {background-image: url(../im/buttons/img.svg);}
.editor-button.undo {background-image: url(../im/buttons/prev.svg);}
.editor-button.redo {background-image: url(../im/buttons/next.svg);}

.editor-button,.editor-button:hover {color:#ffffff00;}
.editor-button:hover {background-color:gray;}
.fo-submit button.editor-button {position:static;}



.editable-contain h2, .editable-contain h3, .editable-contain h4, .editable-contain h5, .editable-contain h6 { flex: 1 1 100%;min-width:100%; }

.editable-gallery {display:flex;}
.editable-img-form {display:flex;width:100px;}
.editable-img-form > div {width:100%;} 
.editable-img-form > div > label {width:100%;position:relative;overflow:hidden;} 
.editable-img-form > div > label > span {pointer-events: none;font-size:16px;font-weight:800;border:1px solid #aaaaaa;border-radius:6px;padding:12px;float:left;}
.editable-img-form > div > label > input[type='file'] {opacity:0;position:absolute;width:100%;height:100%;margin:0;left:0;top:0px;}

.editable-gallery .upload-area {margin:0;padding:32px;}

.editable-img-wrap {display: flex; flex-wrap: wrap; background: white; overflow: hidden; border: 3px solid #1c8ec8;border-top: 0;margin-top: -4px;position: relative;padding: 8px;}
.editable-img {display:flex;position:relative;overflow:hidden;}
.editable-img img {max-width:120px;margin:auto;}

/*templates */

.c_10 {flex: 1 1 100%;}
.c_5 {flex: 1 1 45%;}
.c_3 {flex: 1 1 30%;}
.c_2 {flex: 1 1 20%;}

.bgc_bw {background-color:#ffffff;}
.bgc_bw, .bgc_bw * {color:#000000;}
.bgc_bw a {color:#2196f3;text-decoration:underline;}

.bgc_bs {background-color:#eeeeee;}
.bgc_bs, .bgc_bs * {color:#000000;}
.bgc_bs a {color:#2196f3;text-decoration:underline;}

.bgc_wb {background-color:#000000;}
.bgc_wb, .bgc_wb * {color:#ffffff;}
.bgc_wb a {color:#2196f3;text-decoration:underline;}

.bgc_ws {background-color:#000000;background: linear-gradient(134deg, #000000, #3f51b5);}
.bgc_ws, .bgc_ws * {color:#ffffff;}
.bgc_ws a {color:#2196f3;text-decoration:underline;}

.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.tj {text-align:justify;}
.fs12, .fs12 * {font-size:12px;}
.fs14, .fs14 * {font-size:14px;}
.fs16, .fs16 * {font-size:16px;}
.fs18, .fs18 * {font-size:18px;}
.fs20, .fs20 * {font-size:20px;}
.fs24, .fs24 * {font-size:24px;}
.fs30, .fs30 * {font-size:30px;}  


.sel-box {max-width:128px;background:#ffffff;border:1px solid orange;}
.editable-settings {display:flex;flex-wrap:wrap;justify-content: center;}
.editable-img {cursor:pointer;}
.img-item img {float:left;width:100%;}

.editable-panel {padding:8px;background-color:#f4f4f4;}
.editable-settings {background-color:#f4f4f4;padding:0px 8px;}

.editable-form label {padding-top: 6px;font-weight: bold; border-bottom: 1px solid #000000;}

.blog-contain .uspech, .blog-contain .chyba, .blog-contain .uspech *, .blog-contain .chyba *  {color:#ffffff;}


.blog-client {display:flex;flex-direction:column;max-width:1280px;}
.bgw {background-color:white;}
.gap1 {gap:12px;}
.blog-client-item {display:flex;flex-wrap:wrap;}



