body {width: 100%; height: 100%; margin: 0; padding: 0px 0px 0px;color:#717171;font-weight:400; }
body, body *, textarea, input, select, form {font-family: 'Open Sans',sans-serif; font-size: 12px; letter-spacing:0em;}
textarea, input[type='text'],  input[type='password'] , select { display: block; float: left; box-sizing: border-box; border: 1px solid #dddddd;color:#717171;background:#ffffff; padding: 5px 10px; margin:0px 0px 0px 0px;border-radius:5px;width:100%;}

.hover-silver:hover, .hover-silver:focus {background-color:#eeeeee;}
.partner_prehled button.submit.m0 {margin:0;}

textarea {min-height:200px;}

input:hover, input:focus,
a:hover, a:focus,
button:hover, button:focus {outline:0;}

.cb {color:black;}

.svg-in {width:100%;float:left;position:relative;min-height:50vh;overflow:auto;}
.svg-in svg {margin:0px 0 30px;}

.svg-in svg g line {fill:none; stroke:#eeeeee; stroke-width:2px; }
.svg-in svg g.silver line {fill:none; stroke:#717171; stroke-width:2px; }
.svg-in svg g.orange line {fill:none; stroke:orange; stroke-width:2px; }
.svg-in svg g.green line {fill:none; stroke:#8bc34a; stroke-width:2px; }

.svg-in svg g circle {fill:transparent; stroke:#eeeeee; stroke-width:0.5px; }
.svg-in svg g.silver circle {fill:transparent; stroke:#717171; stroke-width:0.5px; }
.svg-in svg g.green circle {fill:transparent; stroke:#8bc34a; stroke-width:0.5px; }
.svg-in svg g.orange circle {fill:transparent; stroke:orange; stroke-width:0.5px; }

.svg-in svg g text { fill: #717171; stroke: #ffffff; stroke-width: 0; font-size: 12px; }
.svg-in svg g.silver text {fill:#717171;  }
.svg-in svg g.green text { fill: #000000; }
.svg-in svg g.orange text {fill:orange;  }

.wrap-login form.obsah .input-outer { min-height: 48px; position: relative; float: none; display: inline-block; }

.wrap-login form.obsah .input-outer:before {content:'*';color:red;font-size:9px;position:absolute;top:5px;right:5px;z-index:99;}

.wrap-login button {margin-top:20px;}

.wrap-login .chyba {background:transparent;font-size:10px;padding:2px;margin:0;border-bottom:3px solid orange;color:orange;}

.wrap-login form.obsah .input-outer.c3 {width:25%;}
.wrap-login form.obsah .input-outer.c4 {width:33.33%;}            
.wrap-login form.obsah .input-outer.c6 {width:50%;}
.wrap-login form.obsah .input-outer.c2 {width:16.66%;}
.mtb20 {margin:20px 0;}
.wrap-login form.obsah .input-outer label.c5 { width: 49%; margin-right: 1%; }
.wrap-login form.obsah .checkmark { position: relative; height: 32px; float: right; font-size: 12px; padding-left: 34px; width: 100%; box-sizing: border-box; font-weight: 400; color: #444444; padding-top: 7px; padding-right: 2px; background-color: #f4f5f7; border-radius: 32px; }
.wrap-login .obsah {display:block;float:left;box-sizing:border-box;padding:100px 13%;width:96%;margin:2%;background: transparent url('../im/logo.svg') no-repeat center 20px / 80px;}
 

.wrap-login .label .checkmark:before { left: 14px; top: 5px; width: 8px; height: 15px; border: solid #b0b4b9; border-width: 0 1px 1px 0; -webkit-transform: rotate( 45deg ); -ms-transform: rotate(45deg); transform: rotate( 45deg ); }
 .wrap-login .label input:checked ~ .checkmark { background-color: #002e5e; color: #ffffff; font-weight: 700; border-radius: 12px;line-height:15px; }
 .wrap-login .label input:checked ~ .checkmark:before { left: 14px; top: 5px; width: 8px; height: 15px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate( 45deg ); -ms-transform: rotate(45deg); transform: rotate( 45deg ); }
 .wrap-login  .label input:checked ~ .checkmark:after {display:none;}
 
form .hide-field, .wrap-login form.obsah .input-outer.hide-field {display:none;}
.input-outer.tc label {text-align:center;padding-top:10px;}
.input-outer.tc label.label {text-align:left;}

 
form.mediaUpload { border: 1px solid #dddddd; background: white; width: 100%; float: left; }
.mt24 {margin-top:24px;}

.mediaUploadTrigger { color: #1c8ec8; font-weight:900; }
form.mediaUpload {}
form.mediaUpload .loading {text-align:left;overflow:hidden;padding:0px;width:0%;z-index:9999;position:absolute;top:0px;left:0px;height:16px;line-height:16px;font-size:15px;color:white;-webkit-transition: all 1000ms linear;-moz-transition: all 1000ms linear;-o-transition: all 1000ms linear;transition: all 1000ms linear;}

form.mediaUpload {padding:24px;}

.upload-area { height: auto; border: 3px solid #1c8ec8; border-radius: 6px; margin: 24px auto; margin-top: 24px; padding: 24px; text-align: center; overflow: auto; position: relative; display: table-row; }
.upload-area:hover{ cursor: pointer; border: 3px dashed #1c8ec8; border-radius: 6px; color:#1c8ec8;}
.upload-area h1{ text-align: center; font-weight: normal; font-family: sans-serif; line-height: 50px; color: darkslategray; }
 #file{ display:none; }
 .upload-area div.hide, .upload-area strong.hide, .upload-area b.hide {display:none;}
/* Thumbnail */
.thumbnail{ width: 80px; height: 80px; padding: 2px; border: 2px solid lightgray; border-radius: 3px; float: left; }

.media-area { min-height:0;height:0;transition: all 400ms ease-in;pointer-events:none;overflow:hidden;opacity:0;margin:0;padding:0;border:0;outline:0; }
.media-area.opened { min-height: 200px; height: auto; padding: 12px; border: 1px solid #f1f1f1; opacity: 1; pointer-events: all; }

.full-media { border: 0; position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; height: 86vh; overflow: auto; }
.full-media img { border: 0; float: none; max-width: 100%; margin: 20px auto; display: block; border: 1px solid #dddddd; box-shadow: 0 0 32px -32px #000000; }
.full-media object {border:0;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}


div,span,a,b,strong,h1,h2,h3,h4,h5,h6,ul,li {box-sizing:border-box;}
img {margin:0;padding:0;border:0px;} a img {border:0px;}
a, a:hover {text-decoration:none;}
h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #5d5d5d; font-size: 16px; margin: 14px 0px 6px; letter-spacing: 0.1em; font-weight: 900; }
p {line-height:1.25;color:#717171;text-align:justify;margin:0;}

::-webkit-scrollbar {width: 11px;background-color:#717171;z-index:9999999998;}
::-webkit-scrollbar-thumb {background:#ffffff;z-index:99999999999;border-left:1px solid #717171;border-right:1px solid #717171;width:9px;}
::-webkit-scrollbar-track {background-color:#717171;z-index:9999999999;} 

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


::-webkit-input-placeholder { color: #747474; font-size: 10px;font-weight:400;}
::-moz-placeholder { color: #747474; font-size: 10px;font-weight:400;}
:-ms-input-placeholder { color: #747474; font-size: 10px;font-weight:400;}
:-moz-placeholder { color: #747474; font-size: 10px; font-weight:400;} 
                                                                                               
.uspech, .chyba {display:block;float:left;box-sizing:border-box;width: 100%;font-size: 10px;padding: 6px 6px;border-bottom:1px solid #dddddd;}
.uspech { background: transparent url(../im/uspech.svg) no-repeat center 8px / 28px; color: #133553; text-align: center; padding-top: 36px; }
.chyba { background: transparent url(../im/chyba.svg) no-repeat center 8px / 28px; color: red; text-align: center; padding-top: 36px; }
.greenbox { border: 1px solid #133553; color: #133553; text-transform: uppercase; padding: 1px 4px; border-radius: 30px; margin: 4px; }
.redbox {border:1px solid red;color:red;text-transform: uppercase; padding: 1px 4px; border-radius: 30px; margin: 4px;}

/* url('../im/uspech.svg')   url('../im/chyba.svg') */
.relative {position:relative;}
.hide {display:none;}
.hide1 {display:block;width:0;height:0;padding:0;margin:0;border:0;overflow:hidden;float:left;box-sizing:border-box;}
.fill {clear:both;}

.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.x13,.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {display:block;float:left;box-sizing:border-box;}

.x13.green, .x13.orange, .x13.silver {padding-right:0;}

.user-box .ico span {font-size:9px;opacity:0.6;}

        
.p0 {padding:0;}

.c12 {width: 100%;}
.c11 {width: 91.66666666666666%;}
.c10 {width: 83.33333333333333%;}
.c9 {width: 75%;}
.c8 {width: 66.66666666666666%;}
.c7 {width: 58.33333333333334%;}
.c6 {width: 50%;}
.c5 {width: 41.66666666666667%;}
.c4 {width: 33.333333333333%;}
.c3 {width: 25%;}
.c2 {width: 16.6666666667%;}
.c1 {width: 8.3333333333%;}
                     
.x1  {width: 100%;}
.x2  {width: 50%;}
.x3  {width: 33.33%;}
.x4  {width: 25%;}
.x5  {width: 20%;}
.x6  {width: 16.66%;}
.x7  {width: 14.2857%;}
.x8  {width: 12.5%;}                                                        
.x9  {width: 11.11%;}
.x10 {width: 10%;}
.x11 {width: 9.0909%;}
.x12 {width: 8.33%;}
.x13 {width:7.6923%}

.mw {width:100%;padding:0px 10%;margin:0px;float:left;}

.fl {float:left;}
.fla {float:left;width:auto;}
.fr {float:right;}
.wa {width:auto;}  
.tr, .tr * {text-align:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.tj {text-align:justify;}
.rel {position:relative;}


.login-form { padding: 65px 20px 0px; position: fixed; top: 20vh; width: 280px; height: 247px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #ffffff url(../im/logo.svg) no-repeat center 20px / 118px; border-radius: 20px; border: 1px solid #f2f6f9; box-shadow: 0px 4px 10px -8px #000000; }
.login-form input {width:100%;margin-bottom:2px;}

.wrap-login {background:#f2f6f9;}

.pro-wrap {max-width:1000px;padding:6px;}
.row-pro { padding:6px;border-bottom:1px solid #ccc; }
.row-pro:hover {background:#f2f6f9;}
.row-pro .submit {padding:2px 6px;margin:2px;color:#ffffff;text-decoration:none;}

.row-pro div:nth-last-child(1) {padding-right:0;}

.pro-menu {}
.pro-menu-item {color:#717171;padding:10px;box-sizing:border-box;border-bottom:1px solid #ccc;background:#f5f8f9;}
.pro-menu-item:hover {background:#f2f6f9;}
.pro-menu-item.active, .pro-menu-item.active:hover { position: relative; left: 3px; font-weight: 600; background: #ffffff; }

.year-head { font-size: 13px; font-weight: bold; padding: 14px 10px; background: #f3f6f9; border-top: 10px solid #3f51b5; }
.pro-menu-item  .green, .pro-menu-item  .silver, .pro-menu-item  .orange,
.year-head  .green, .year-head .silver, .year-head  .orange,
.total-vyplatit  .green, .total-vyplatit .silver, .total-vyplatit  .orange {padding-right:0;font-size:12px;padding-left:10px;}
.total-vyplatit {padding:10px;}
.total-vyplatit * {font-size:14px;}

.year-head {font-size:13px;}

.ssel { display: block; float: left; box-sizing: border-box; border: 1px solid #dddddd; color: #717171; background: #ffffff; padding: 30px 0px 0px 18px; margin: 0px 0px 0px 0px; position: relative; overflow: hidden; transition: all 200ms linear; }
.ssel > a {padding:0px 8px;height:30px;width:100%;box-sizing:border-box;float:left;display:block;overflow:hidden;transition:all 200ms linear;height:0;pointer-events:none;color:#717171;border-radius:4px;}
.ssel > a.active {padding:7px 8px;height:30px;pointer-events:auto;position:absolute;top:0;left:0;font-weight:bold;background:transparent url('../im/down.svg') no-repeat 98% center / 12px;}
.ssel.opened > a {padding:7px 8px;height:30px;pointer-events:auto;border-bottom:1px solid #dddddd;} 
.ssel.opened > a.active {background:transparent url('../im/up.svg') no-repeat 98% center / 12px;}
.input-outer .ssel { border: 0; min-height: 36px; padding-top: 30px; }


.options input[type='text'], .options select {width:calc(100% - 6px);margin-right:6px;}
.options .obsah {padding:20px 10%;width:100%;}
.nl .obsah { padding: 20px 10%; width: 100%; }

.doc .obsah { padding: 20px 10%; width: 100%; }
.u3doc .obsah { padding: 20px 10%; width: 100%; }

.walletcheck .obsah { padding: 20px 10%; width: 100%;}

.vybery .obsah { padding: 20px 10%; width: 100%; }
.label {margin: 0px 0px 1px;font-weight:bold;}
.submit, button { box-sizing: border-box; cursor: pointer; color: white; font-size: 10px; border: 0px; padding: 6px 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; letter-spacing: 0.03em; margin-top:4px; background: #133553;transition:all 300ms linear;border-radius:4px;}
.submit:hover, button:hover {background-color:#002e5e;} 

.submit.red, button.red {background-color:red;}

.layer form.t_spravovat_update, .layer form.t_spravovat_delete  {padding:20px;width:49%;margin: 1% 1% 0 0;float:left;min-height:130px;position:relative;border:1px solid #eeeeee;}
.layer form.t_spravovat_delete {margin: 1% 0 0 1%;}
.layer form.t_spravovat_update button {position:absolute;bottom:6px;left:20px;}
.layer form.t_spravovat_delete button {position:absolute;bottom:6px;right:20px;}

.layer-obsah > form.t_spravovat_update .input-outer { width: 50%;border:1px solid #f1f1f1; }
.layer-obsah > form.t_spravovat_update .input-outer input {min-height:25px; }

.layer .t-spravovat-form,
.layer .transaction-user-settings {display:none;}

.uspech .submit {float:none;display:inline-block;}

.submit.export { margin-top: 0px; background: #002e5e; float: left; }
 .submit.reset-filtr { margin-top: 0px; background: red; float: left; }

.row a {color:#002e5e;text-decoration:underline;position:relative;z-index:999;}

.head .submit, .head button { padding: 11px 13px; margin-top: 0; font-size: 10px; line-height: 1.1; width: 100px; border-radius: 5px; border: 0; }
.label { float: left; display: block; position: relative; padding-left: 0px; margin-bottom: 0px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; width: 100%; }
.label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: relative; height: 16px; float: right; font-size: 11px; line-height:13px; padding-left: 18px; width: 100%; box-sizing: border-box; font-weight: 400; color: #888888; padding-top: 1px; padding-right: 2px; border-radius: 32px; }
.red-check  .checkmark {background-color:transparent;color:red;}

.red-check .label input:checked ~ .checkmark { background-color: red; color: #ffffff; font-weight: 700; border-radius: 12px; }

 .vsetko-check {margin: 10px 0px;}
 .vsetko-check * {color:#ffffff;}
 .vsetko-check small { font-size: 10px; font-weight: normal; display: block; margin-top: 4px; }
 .label.vsetko-check .checkmark:before {border:0;content:'?';-webkit-transform: rotate( 0deg ); -ms-transform: rotate(0deg); transform: rotate( 0deg );top:1px;}
 .label.vsetko-check input:checked ~ .checkmark:before {border:0 1px 1px 0;content:'';top:3px;}
 
 .label.vsetko-check input:checked ~ .checkmark {border: 1px solid #ffffff;}
.vsetko-check { padding: 0px 0px 2px; margin: 23px 12px 1px; width: calc(100% - 24px); }
.p20cw { color: #ffffff; padding: 0px 20px 20px; } 

.label:hover input ~ .checkmark {    }
.label input:checked ~ .checkmark { background-color: #133553; color: #ffffff; font-weight: 700; border-radius: 12px; line-height: 13px; }
.checkmark:before { content: ""; position: absolute; z-index:120}
.checkmark:after{ content: ""; position: absolute; z-index:99;}

.label .checkmark:before { left: 6px; top: 3px; width: 4px; height: 6px;border: solid #d4d7da; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.label input:checked ~ .checkmark:before { left: 6px; top: 3px; width: 4px; height: 6px;border: solid #ffffff; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.label input:checked ~ .checkmark:after { left: 0px; top: 0px; width: 14px; height: 14px; border: 0; border-radius: 32px; background: #ffffff; border: 1px solid #969fa7;display:none; }

.head-silver .input-outer label { float: left; width: 100%; font-weight: bold; color: #59595b; padding: 0px 0 3px 0; }

.sit-filtr-wrap .label {width:auto;min-width:100px;float:left;padding-right:4px;}
.sit-filtr-wrap .label span { padding-right: 4px; padding: 2px 20px; }

.row-t > div {font-size:10px;letter-spacing:-0.02em;line-height:1;}

.row-t > div > * {font-size:10px;letter-spacing:-0.02em;line-height:1;}

.row-t > div > b {font-size:9px;}

.filtr-checkbox { width: auto; float: left; margin: 0 2px 0 0; min-width: 187px; }
.filtr-checkbox.c12 {width:32.83%;}
.red-check {width:30%;margin-bottom:20px;}
.red-check .filtr-checkbox {min-width:20px;}

.select-ttype-wrap .filtr-checkbox { float: left; width: auto; padding-right: 2px; }

.left-row { padding: 0; margin: 0; }

.layer .filtr-checkbox { width: 24%; margin: 0 0 1px 0; }

.layer .search_t {display:none;}
.layer .submit.export {display:none;}

.left .filtr-checkbox label {padding-top:0;}

.head .input-outer,
.head .input-outer, .layer .input-outer { width: auto; width: 50%; border: 0;       min-height: 41px;}

 .head .head-silver { padding: 4px 19px; background: #f3f6f9; box-shadow: inset 0px -20px 107px -77px #acb4bb; }
.head .ch-sum-head {padding:9px 20px;}
.head .input-outer.x8 {width:25%;}

.head .input-outer.x8.suma {background:#f2f6f9;font-weight:600;}

.suma-box, .suma-box * {font-size:16px;}
.suma-box {cursor:pointer;text-align:center;}

.sum-box-border { padding: 5px 14px 5px 30px; border: 1px solid #eeeeee; float: none; display: inline-block; margin: 16px auto; width: auto; border-radius: 4px; box-shadow: 2px 1px 4px -4px #000000; }
.sum-box-border b, .sum-box-border strong {padding-right:0;}

.ch-sum-head.closed {pointer-events:none;height:0;overflow:hidden;padding:0;margin:0;outline:0;border:0}
.ch-sum-head.closed * {height:0;overflow:hidden;}
.ch-sum-head, .ch-sum-head * {transition: all 300ms linear;}

input.datepicker {font-size:14px;font-weight:600;}
                               
.left .p8 { padding: 19px 19px; }


.f-bigger { font-size:14px; }

.input-outer {background: #ffffff;border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; padding: 0px 6px;}
.layer .input-outer.select-mini { width: 19%; }
.layer .input-outer.select-mini label {font-size: 10px;}

.layer-obsah > form .input-outer { width: 19%; outline: 1px solid #dddddd; border-radius: 0; min-height: 45px; margin: 0.5%; }

.layer-obsah > form .select-time-wrap .input-outer  {width:50%;}

 .select-time-wrap { width: 30%; margin-bottom: 0; min-width: 246px; padding-left: 0; }

.ui-datepicker { width: 17em; padding: 0; display: none; border-radius: 0; margin: 0; }


/* //////////////////////////////////////// BASER END ////////////////////////////////////////////////////////////////////////// */
body {-webkit-transition: all 600ms linear;-moz-transition: all 600ms linear;-o-transition: all 600ms linear;transition: all 600ms linear;}
.loading-before {position:relative;-webkit-transition: all 600ms linear;-moz-transition: all 600ms linear;-o-transition: all 600ms linear;transition: all 600ms linear;}
.loading-before:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(245 247 249 / 51%) url(../im/load_gray.svg) no-repeat center 128px / 64px; z-index: 99999999; }

.loading-before.loading-center:before {background: rgb(245 247 249 / 51%) url(../im/load_gray.svg) no-repeat center center / 38px; }

body.loading-before {height:100vh;}
body.loading-before {-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}
body.loading-before:before {z-index:10000000000;}
body.loading-before > * {opacity:0.8;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}

body.loading-before-op1 {height:100vh;}
body.loading-before-op1 {-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}
body.loading-before-op1:before {z-index:10000000000;}
body.loading-before-op1 > * {opacity:0.8;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}

/* //////////////////////////////////////// GUI START ////////////////////////////////////////////////////////////////////////// */

.row            {float:left;width:100%;transition:all 500ms linear;position:relative;overflow:hidden;}
.row-t:hover, .row-t:nth-child(odd):hover { background: #f7f9fb; }
.b1 { border: 1px solid #dddddd; margin-top: 0px; border-bottom: 0; }
.b1b { border-bottom: 1px solid #dddddd; }
.b1gray {border: 3px solid #768c92;border-radius: 5px;}
.row-n          {float:left;}
.row.row-n {width:100%;}
.row-n b { float: left; width: 35px; margin-right: 5px; }
.row-n small    {float:left;width:auto;padding-right:5px;}
.row-m          {float:left;width:60%;}
.row-m a        {float:left;padding:5px;margin-left:1px;}
.row-w          {float:left;width:100%}

.row-n-400 small, .row-n-400 b {font-weight:400;font-size:10px;}

.xdebug-error {margin-top:100px;}

.row-nl { padding:6px; }
.row-nl a {text-decoration: none;color:#000000;margin-right:8px;}
.row-nl:nth-last-child(1) { border-bottom:1px solid #dddddd; }

input.file {opacity:0;overflow:hidden;height:1px;width:2px;padding:0;margin:0;border:0;outline:0;}

/* layout */



.logo { height: 70px; float: left; background: transparent url(../im/logo_w.svg) no-repeat left center / 118px; min-width: 118px; width: 132px; }
.logo img {height:80px;float:left;}
.side-logo { width:100%;}
.mainmenu-right { position: fixed; top: 7px; right: 24px; width: 18%; z-index: 9999999; max-width: 250px; }
.mainmenu-right.static { position: absolute; max-width: 180px; float: right; bottom: 0px; top: auto; left: auto; right: 18px; }
.mainmenu {}


.mainmenu-client {background:#002e5e;border-top: 1px solid #FFFFFF;}
.mainmenu-partner {background:#034a30;border-top: 1px solid #FFFFFF;}
.mainmenu-admin {background:#133553;background:#40424e;}
.mainmenu-worker {background:#717171;}

.mainmenu-items { float: left; padding: 0; }

.mainmenu a { float: left; padding: 0px 0 0px; color: #ffffff; font-size: 12px; border: 0; position: relative; bottom: -1px; overflow:hidden;}
.mainmenu a span { float: left; padding: 7px 7px; color: #ffffff; font-size: 12px; height: 32px; margin-top: 38px; margin-right: 1px;position:relative;z-index:100; }
.mainmenu a.active:before { z-index: 40; content: ''; display: block; position: absolute; left: 5px; top: 45px; background: #ffffff; transform: rotate( 30deg ); width: 57px; height: 57px; border-radius: 10px; }
.mainmenu a.active:after { z-index: 40; content: ''; display: block; position: absolute; right: 5px; top: 45px; background: #ffffff; transform: rotate( 60deg ); width: 57px; height: 57px; border-radius: 10px; }
.mainmenu a:hover {text-decoration:underline;}
.mainmenu a.active span {background:#ffffff;color:#000000;margin:38px 24px 0px;}
.mainmenu a.logout-but { padding: 6px; height: auto; border: 1px solid #ffffff; border: 1px solid #ffffff55; margin-top: 2px; float:left;}
.head { margin: 0; padding: 0; position: relative; }
.body.fondy .head { margin: 0; padding: 0px 20px 10px; position: relative; background: #f2f6f9; }
.head h1 { padding: 0; text-transform: uppercase; width: 100%; float: left; padding-right: 12px; font-weight: 300; font-size: 24px; color: #717171; line-height: 1; margin: 0; box-sizing: border-box; padding: 14px; text-align: center; }
.transaction-head-form { float: left;  }

.mainmenu.mainmenu-small a {bottom:0;}
.mainmenu.mainmenu-small a span { margin: 0 0px;padding: 0px 13px;height:19px; }
.mainmenu.mainmenu-small a.active span { margin: 0px 24px 0px; }
.mainmenu.mainmenu-small a.active:before { left: 11px; top: 9px; border-radius: 5px; }
.mainmenu.mainmenu-small a.active:after { right: 11px; top: 9px; border-radius: 5px; }


.fondy-head-form { width: 100%; padding-top: 10px; }
.radio-fondy-wrap { width: 80%; margin-top: 11px; }

.middle { }
.left { padding-right: 0px; width:20%;}
.left input {margin-bottom:1px;}
.left label {padding-top:5px;font-size: 10px;font-weight:bold;}
.left strong.ico-user-w {}

.obsah, .left {transition:all 300ms ease-out;}
.obsah { min-height: 100vh; min-height: calc(100vh - 70px);width:80%; border-left: 1px solid #eeeeee; padding-left: 13px; }

.u3report .obsah {width:100%;padding:32px 10%;}
.pdf-row {padding-left:32px;background: transparent url('../im/pdf.png') no-repeat 4px center / 28px; }
.submit.ico-dwn {padding-right:32px;background: #133553 url('../im/download_submit.svg') no-repeat 100% center / 20px;background-position: calc(100% - 4px) center; }
.odd-bgs:nth-child(2n) {background-color:#f5f3f1;}
.b1t { border-top: 1px solid #dddddd; }
.cg {color:green;}

.provize .left {width:40%;}
.provize .obsah {width:60%;}

.transactions .obsah { padding: 24px; width: 100%; }

.u3ziadosti .obsah, .pending .obsah { padding: 24px 12%; width: 100%; }
.vyber-prostriedkov-z-penazenky .input-outer.ico-clearinghouse {display:none;}

                                                                                                                                              
.u2provision .obsah, .u2trans .obsah, .u2account .obsah , .u2fondy .obsah, .u2sit .obsah { padding: 24px 12%; width: 100%;background: #f2f6f9; }
.u2trans .obsah {padding: 24px 12%;}
.u2sit .obsah {padding: 24px 3%;}
.u2provision  .row-t:hover, .u2provision  .row-t:nth-child(odd):hover { background: #f4f4f4; }

.row-month {background:#ffffff;margin-bottom:10px;border: 1px solid #dddddd;border-radius:5px;}


.u2fondy .bigstrong { font-size: 18px; font-weight: 600; padding: 0 0px 7px 3px; }

.h1box:before {content:'';width:100%;height:32px;float:left;display:block;margin:0;}


.tecka {opacity:0;}


.partner_m {padding-bottom:4px;}
.partner_m .row-t {padding: 4px 0px;}

.partner_m > .c5 { padding:0px; }
.ui-widget-header { border: 0px solid #ffffff; background: #133553 }


body > .body .top > .logo { margin-left: 20px; }
body > .body .top > .side-logo > .mainmenu { position: relative; width: 100%; padding: 0px 20px;float:left; }

body > .body .top > .side-logo > .mainmenu.mainmenu-small { border-bottom: 5px solid #ffffff; }
body > .body .top > .side-logo > .mainmenu.mainmenu-small .user-box {padding: 3px 0px;}
body > .body .top > .side-logo > .mainmenu.mainmenu-small a { padding: 0 0px 0; font-size: 11px; margin-top: 9px; position: relative; top: 6px; }
body > .body .top > .side-logo > .mainmenu.mainmenu-small a.active {padding: 0px 8px;}
body > .body .top > .side-logo > .mainmenu.mainmenu-small a.c-unconnect { margin-top: 3px; }
body > .body .top > .side-logo > .mainmenu.mainmenu-small .mainmenu-items { float: left; padding: 5px; }

body > .body .top > .side-logo > .mainmenu.mainmenu-small .logo { height: 45px; float: left; background: transparent url(../im/logo_w.svg) no-repeat left center / 100px; min-width: 118px; width: 132px; }

body > .body .middle {padding:0px;}
body > .body.options .middle { padding: 0px; background: #f1f3f6; }

body.layer-opened > .body .middle { padding: 0 20px 20px 0; }

.close-layer {width:20px;float:right;background:#ffffff;border-radius:43px;    margin: 9px;}
.close-layer img {width:100%;float:left;margin:0;}


/* icons */
.open-form-wrap form {transition: all 200ms linear;overflow:hidden;}
.open-form-wrap.open-form-closed form {height:0;opacity:0;pointer-events:none;}
.ico-add {margin-top:3px;} 


.ico-partner {position:relative;padding:0px 0px 0px 14px;background:#ffffff;}
.ico-klient {position:relative;padding:0px 0px 0px 14px;background:#ffffff;}
.ico-admin {position:relative;padding:0px 0px 0px 14px;background:#ffffff;}
.ico-fond-user {position:relative;padding:0px 0px 0px 14px;background:#ffffff;}
.ico-worker, .ico-pracovnik {position:relative;padding:0px 0px 0px 20px;background:#ffffff;}

.ico-left-20 { background-size: 20px; background-position: left center; padding-left: 25px; border: 0; position: absolute; bottom: 104%; }
.bg-partner {background:#034a30;color:#ffffff;}
.bg-klient {background:#002e5e;color:#ffffff;}
.bg-admin {background:#133553;color:#ffffff;}
.bg-fond-user {background:#ffbc00;color:#ffffff;}
.bg-pracovik {background:#717171;color:#ffffff;}

.bgw { background-color:#ffffff;}

.bgr {background-color:red;color:#ffffff;}
.bgg {background-color:#0eb376;color:#ffffff;}
.bgs {margin: 2px 0;background:#f1f1f1;padding: 1px 3px;min-width:105px;}
.bgo {background-color:orange;color:#ffffff;}

.row .bgr, .row .bgg, .row .bgo { padding: 1px 3px;min-width:105px;border-left:1px solid #ffffff;}

.reset-pas {position:relative;}
.reset-pas .kolik { position: absolute; top: 1px; right: 1px; z-index: 200; font-size: 11px; left: 1px; text-align: center; font-weight: bold; color:#0eb376; }
.reset-pas .kolik.cr {color:red;}

.create-pozvanka-form {margin-bottom:20px;}
.create-pozvanka-form .input-outer { width: 20%; float: left; border-radius: 0; margin-left: -1px; min-height: 60px; }
.create-pozvanka-form > .c12 {float:left;margin-left:0;width:20%;}
.create-pozvanka-form .submit { border-radius: 0; min-height: 60px; float: left; margin: 0; }

.ico-partner > .menu a.submit.bg-partner {background:#034a30;color:#ffffff;float:right;}
.ico-klient > .menu a.submit.bg-klient {background:#002e5e;color:#ffffff;float:right;}
.ico-admin > .menu a.submit.bg-admin {background:#133553;color:#ffffff;float:right;}
.ico-admin > .menu a.submit.bg-admin {background:#133553;color:#ffffff;float:right;}

.ico-partner.activated {border: 4px solid #034a30;}  .ico-partner.activated > .menu a, .ico-partner.activated > .n, .ico-partner.activated > .n * {}
.ico-klient.activated {border: 4px solid #002e5e;}  .ico-klient.activated > .menu a, .ico-klient.activated > .n, .ico-klient.activated > .n * {}
.ico-admin.activated {border: 4px solid #133553;}   .ico-admin.activated > .menu a,  .ico-admin.activated  > .n, .ico-admin.activated > .n * {}

.ico-partner:before {content:'P';    display: block; position: absolute; left: 2px;bottom:0; top: 5px; width: 14px;color:#034a30;font-size: 15px; font-weight: 700; text-align: center; border-radius: 0; padding: 0;}
.ico-klient:before { content: 'K'; display: block; position: absolute; left: 2px; bottom:0;top: 5px; width: 14px; color: #002e5e; font-size: 15px; font-weight: 700; text-align: center; border-radius: 0; padding: 0; }
.ico-admin:before { content: 'A';    display: block; position: absolute; left: 2px;bottom:0; top: 5px; width: 14px;color: #133553;  font-size: 15px; font-weight: 700; text-align: center; border-radius: 0; padding: 0;}
.ico-fond-user:before { content: 'F';    display: block; position: absolute; left: 2px;bottom:0; top: 5px; width: 14px;color: #ffbc00; font-size: 15px; font-weight: 700; text-align: center; border-radius: 0; padding: 0;}
.ico-worker:before, .ico-pracovnik:before  { content: 'W';    display: block; position: absolute; left: 2px;bottom:0; top: 5px; width: 14px;color: #717171; font-size: 13px; font-weight: 700; text-align: center; border-radius: 0; padding: 0;}


.ico-partner:hover:after {content:'';    display: block; position: absolute; left: 0px;height:81px; top: 0px;right:0;background-color:#034a30;opacity:0.2;z-index:100;pointer-events:none;}
.ico-klient:hover:after { content: ''; display: block; position: absolute; left: 0px; height:81px;top: 0px; right:0; background-color: #002e5e;opacity:0.2;pointer-events:none; }
.ico-admin:hover:after { content: '';    display: block; position: absolute; left: 0px;height:81px; top: 0px; right:0;background-color: #133553;opacity:0.2;pointer-events:none; }
.ico-fond-user:hover:after { content: '';    display: block; position: absolute; left: 0px;height:81px; top: 0px; right:0;background-color: #ffbc00;opacity:0.2; pointer-events:none;}


.pozval-right {color:silver;font-size:9px;text-transform:uppercase;float:left;}

.fak-profil-wrap {
    padding-top: 6px;
}

.layer {z-index: 999999;transition:all 300ms ease-in; transform: scale(0.5);box-shadow: -299px -10px 199px -180px #000000;position: fixed; top: 0px; right: -110%; height: 100%; opacity: 0.8; width: 66.66%; background: #ffffff; z-index: 999; overflow: auto; padding: 0px; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }
.layer-head { background: transparent; color: #717171; width: 100%; float: left; padding: 0px 0px; min-height: 40px; }
.layer-obsah {background:#ffffff;color:#717171;width:100%;float:left;padding:0px 0px;}
body.layer-opened .layer {right:0px;opacity:1;box-shadow:none;transform: scale(1);}
body .layer {transition:all 300ms ease-out;z-index: 999999;}
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: -20px 20px 72px -65px #000000; border-radius: 0; }
body.layer-opened .middle .obsah {width:33.33%;}
body.layer-opened .middle .left {width:0%;overflow:hidden;height:0;pointer-event:none;padding:0;}

body .underlayer { position: fixed; top: 0; left: -150%; bottom: 0; height: 100%; width: 100%; background: #ffffff; background: #ffffffc4; transition: all 300ms ease-out; z-index: 99999; cursor: pointer; }
body.layer-opened-modular .underlayer {left:0;}

.menu {text-align:right;}
.menu a { font-size: 10px; color: #717171; padding: 30px 6px; float: right; border-left: 1px solid #eeeeee; text-decoration: none; font-size: 9px; text-transform: uppercase; line-height: 20px;position:relative; }
.menu a img {width:20px;height:20px;float:left;margin:0;border:0;}
.menu a:hover:after { content: 'F';    display: block; position: absolute; left: 0px;bottom:0; top: 0px; right:0;background-color: #000000;opacity:0.1; pointer-events:none;}

.ico-klient > .menu a {color:#002e5e;}
.ico-partner > .menu a {color:#034a30;}
.ico-admin > .menu a {color:#133553;}
body.layer-opened .menu a {padding: 16px 2px;}

.n {padding: 4px 3px 4px;}

.a-form {border-left: 1px solid #eeeeee; border-top:1px solid #eeeeee;}

.u3account .a-form-stay {border:0;text-align:center;}
.u3account .a-form-stay .input-outer { float: left; display: inline-block; margin: 0; text-align: left; border:0;background:transparent;}

.u3account .a-form-stay .input-outer.c2 {width:16.66%;}
.u3account .a-form-stay .input-outer.c3 {width:25%;}
.u3account .a-form-stay .input-outer.c4 {width:33.33%;}
.u3account .a-form-stay .input-outer.c6 {width:50%;}
.u3account .a-form-stay .input-outer.c8 {width:66.66%;}

.u3account .a-form-stay .input-outer label, .u3account .a-form-stay .input-outer input[type='text'], .u3account .a-form-stay .input-outer select {margin:0;background:#ffffff;border:0;padding:2px;box-sizing:border-box;border-radius:0;min-height: 22px;}
.u3account .a-form-stay .big-submit { padding: 11.5px; width: 20%; float: none; display:inline-block;margin-bottom:24px; margin-top: 24px;}
.u3account .u-update > strong { font-size: 20px; letter-spacing: 0; font-weight: 400; padding: 0px 6px 21px; text-align: center; }

.u3account .obsah { padding: 24px 12%; width: 100%; background: #f2f6f9; }

.u2account .a-form-stay {border:0;text-align:center;}
.u2account .a-form-stay .input-outer { float: left; display: inline-block; margin: 0; text-align: left; border:0;background:transparent;}

.u2account .a-form-stay .input-outer.c2 {width:16.66%;}
.u2account .a-form-stay .input-outer.c3 {width:25%;}
.u2account .a-form-stay .input-outer.c4 {width:33.33%;}
.u2account .a-form-stay .input-outer.c6 {width:50%;}
.u2account .a-form-stay .input-outer.c8 {width:66.66%;}

.u2account .a-form-stay .input-outer label, .u2account .a-form-stay .input-outer input[type='text'], .u2account .a-form-stay .input-outer select {margin:0;background:#ffffff;border:0;padding:2px;box-sizing:border-box;border-radius:0;min-height: 22px;}
.u2account .a-form-stay .big-submit { padding: 11.5px; width: 20%; float: none; display:inline-block;margin-bottom:24px;margin-top: 24px; }
.u2account .u-update > strong { font-size: 20px; letter-spacing: 0; font-weight: 400; padding: 0px 6px 21px; text-align: center; }

.u2account .obsah { padding: 24px 12%; width: 100%; background: #f2f6f9; }

.row-fond .row-t {padding:4px;border-bottom:1px solid #f1f1f1;}
.row-fond .row-t:hover {background:#dddddd;}

.transaction-form-wrap { opacity:0.3; transition: all 200ms linear; position: fixed; top: 0; bottom: 0;  width: 100%; z-index: 999999; background: transparent; background: #03274cad;pointer-events:none;left:150%;overflow:hidden; background: #ffffff;
    background: #ffffffc4;}
body.transaction-form-wrap-opened {overflow:hidden;}
body.transaction-form-wrap-opened .transaction-form-wrap { left: 0; opacity: 1; overflow: auto; pointer-events: all; }
body.transaction-form-wrap-opened  .transaction-form-wrap.specials {width:100%;left:0;} 

.specials-wrap .row { outline: 0; background: transparent; border-bottom: 1px solid #0058a5; }

.transaction-form { width: 80%; max-width: 640px; margin: 100px auto;margin-top:20vh; background: #000000; border-radius: 8px; border: 0px solid #000000; padding: 0px;position:relative;border-radius:0px;margin-bottom: 36vh; }




body.transaction-form-wrap-opened  .transaction-form-wrap.specials .transaction-form { width: 30%; max-width: fit-content; margin: 0; padding: 0px; height: 100%; }

input.castka  { font-size: 18px;color:#333333;font-weight:600; }
.transaction-form form {width:100%;display:block;float:left;}


.transaction-form h3, .transaction-form strong, .transaction-form div {color:#ffffff;text-align: left;padding: 6px 12px;}
.transaction-form h3 { font-size: 16px; font-weight: 300; background-color: #000000; margin: 0; padding: 12px 12px 12px 46px; letter-spacing: 0.007em; background-position: 7px center; }

.specials-wrap { position: fixed; right: 0; top: 0; bottom: 0; left: 30%; width: 70%; background: #133553; padding: 24px; color: #ffffff; overflow:auto;}
.specials-wrap .checkmark { background-color: transparent; color: #ffffff; }
.specials-wrap .n { width: 24%;}
.specials-wrap label {padding:4px;}


.transaction-form .specials-wrap div,
.transaction-form .specials-wrap strong,
.transaction-form .specials-wrap h3 {padding:0;}
.transaction-form .specials-wrap div.n { padding-left:24px; float:left;}

 .specials-wrap .ico-partner:before {  left: 4px; top: 3px;  }
 .specials-wrap .ico-klient:before {  left: 4px; top: 3px;  }
 .specials-wrap .ico-admin:before {  left: 4px; top: 3px;  }
 .specials-wrap .label {width:100%;}

.transaction-form .specials-wrap div input[type='text'] { padding: 1px 4px; height: 20px; background: transparent; color: #ffffff; font-size: 10px; border: 0; border-left: 1px solid #133553; border-right: 1px solid #133553; }

.head label { margin: 0 0 3px 0px; float: left; font-weight: 600; font-size: 14px; color: black; }

.transaction-form div.chyba {background:#ff002f;color:#ffffff;border:0;} 
.transaction-form div.uspech {background:transparent;color:#ffffff;border:0;}

.transaction-close-form {position:absolute;right:8px;top:19px;}    
    
.transaction-add-buttons > strong {}
.transaction-add-buttons a { width: 100%; float: left; display: block; box-sizing: border-box; padding: 6px; color: #002e5e; box-shadow: 11px 0px 22px -15px #8a8a8a; margin: 0; }



.transaction-add-buttons a.wallet-button {padding-left:30px;}

.transaction-add-buttons a:hover { box-shadow: 0px 0px 0px 0px #000000;font-weight:600;letter-spacing:0.5px;}
.transaction-add-buttons a.transaction-user-settings { width: 15px; float: right; display: block; box-sizing: border-box; padding: 0; color: #ffffff; box-shadow: 0px 0px 0px 0px #000000; background: transparent; }
.transaction-add-buttons a.transaction-user-settings img {width:100%;margin:0;float:left;}

.transaction-add-buttons a:hover {background-color:#717171;}
.transaction-add-buttons a.transaction-user-settings:hover {background:transparent;}

.input-outer { float: none; width: 100%; border: 1px solid #dddddd; border-radius: 5px; color: #aaaaaa; padding: 3px 4px; margin-bottom: 0; background: #ffffff; display: inline-block; }
.input-outer label { float: left; width: 100%; font-weight: bold; color: #59595b; padding: 0px 0 3px 0; }

.head .input-outer.x8 label { width: auto; }   
.head .input-outer.x8 span {float:right;padding-right:0;}
.head .input-outer.x8 { width: 20%; min-height: 25px; padding: 8px; border: 0; border-radius: 0; outline: 1px solid #ccc; }



.input-outer input[type='text'] { float: left; width: 100%; border: 0; color:#59595b;padding: 0px 0 0px 0px; background: transparent; }
.left .input-outer:hover,.left .input-outer:focus, 
.transaction-form-wrap .input-outer:hover,.transaction-form-wrap .input-outer:focus {background-color:#f2f6f9;}

.transaction-form-wrap .input-outer { border: 0; background-color: #ffffff; margin: 0px 12px 1px; width: calc(100% - 24px); }

.input-outer .submit, .ico-partner > .menu a.submit, .ico-klient > .menu a.submit, .ico-admin > .menu a.submit { color: #ffffff; text-decoration: none; font-size: 9px; text-transform: uppercase; padding: 5px 8px; }
.input-outer .submit:hover,
.ico-partner > .menu a.submit:hover,
.ico-klient > .menu a.submit:hover,
.ico-admin > .menu a.submit:hover {color:#ffffff;background:#000000;}

.ico-procent,
input[type='text'].ico-procent { padding-right:24px;background:transparent url('../im/pro.svg') no-repeat 100% center / 20px;text-align:right;float:right;}

.input-outer .row { border: 1px solid #eeeeee; margin-top: 0px; margin-bottom: 1px; border-radius: 5px; overflow: hidden; }
.input-outer .menu, .input-outer .n {width:50%;float:left;}


.input-outer.select-mini label {width:100%;margin:0;padding:0;}
.input-outer.select-mini input {width:100%; padding: 3px; margin: 0; border: 0; outline: 0; color: #59595b; font-size: 10px; background: #f2f6f9; }

.input-outer.select-mini input.search_t { width: 100%; padding: 3px; margin: 0; border: 0; outline: 0; color: #59595b; font-size: 10px; background: #ffffff url(../im/ico_search.svg) no-repeat 3px 1px / 17px; padding-left: 21px; }

.input-outer.select-mini select { width: 100%; padding: 3px; margin: 0; border: 0; outline: 0; color: #59595b; font-size: 10px; background: #d5dee6; }

.input-outer.select-mini select.sel-red {background:#FF5722;color:#ffffff;}
.input-outer.select-mini select.sel-yel {background:#ffe400;color:#717171;}

.head-silver .submit { margin: 8px 0px 0px 5px; padding: 6px; text-align:center;}

.body.fondy .input-outer.select-mini select  {background: #e2e7ec; }


.input-outer.select-mini select option {padding: 0px; margin: 0;}
.head .input-outer.select-mini { border-bottom: 0; width: 14%; height: 41px; margin-bottom: 1px; background: transparent; }

.row-fond { padding: 8px; border: 1px solid #eeeeee; margin-bottom: 16px; box-sizing: border-box; width: 100%; width: calc(100% - 14px);box-shadow: 2px 1px 4px -4px #000000;background:#ffffff;border-radius:4px; }
.row-fond.b0 {border:0;}
.select-ttype-wrap { width: auto; padding: 24px 0 0;padding-left: 10px; width: 70%; }

.left .input-outer.ico-time { border-right: 0; border-left: 0; width: 50%; }
 .left .input-outer.select-mini { padding: 0; margin-bottom: 5px; width: 33.33%;text-align:center; }
.typ-transakce-trigger { margin: 0; width: 100%; padding: 0 15px 5px 0; }
.typ-transakce-trigger.c12main { width: 100%; }


.red-info { border-radius: 5px; padding: 10px; border: 3px solid red; color: #000000; background-color: #ffffff; }


.p8all {padding:8px}

pre {padding-top:60px;}
.big-submit { padding: 11.5px; width: 20%; float: right; }
.transaction-add-buttons { float: left; width: 100%; padding: 0px 0px; max-height:80vh;overflow:auto; }

.mainmenu-right .transaction-add-buttons > div { transition: all 600ms linear; overflow: hidden; pointer-events: none; height: 0; min-height: 0; opacity: 0; padding: 0; margin: 0; border: 0; }
.mainmenu-right .transaction-add-buttons > div * { height: 0; min-height: 0; overflow: hidden; margin: 0; padding: 0px; }
.mainmenu-right .transaction-add-buttons > div a {padding:4px;}
.mainmenu-right .transaction-add-buttons > div a.transaction-show-form {padding-left:20px;}
.mainmenu-right .transaction-add-buttons:hover > div {height:auto;min-height:100px;opacity:1;pointer-events:all;}
.mainmenu-right .transaction-add-buttons:hover > div * {height:auto;}

.pr20px {padding-right:20px;}
.orange {color:orange;padding-right: 20px; margin-top: -1px; }
.silver {color:silver;padding-right: 20px; margin-top: -1px; }
.green { color:#0eb376; padding-right: 20px; margin-top: -1px; }

.transaction-form .orange {font-size: 16px; letter-spacing: 0; line-height: 12px; padding-top: 2px;}
.transaction-form .silver {font-size: 16px; letter-spacing: 0; line-height: 12px; padding-top: 2px;}
.transaction-form .green  {font-size: 16px; letter-spacing: 0; line-height: 12px; padding-top: 2px;}

.bb1 { border-bottom: 1px solid #eeeeee; padding: 6px 0px 5px 0px;border-right: 4px solid transparent; }
.bb1h { background: #ffffff; padding: 6px 0px 6px 22px; margin:0px; }
.bb1h * {font-weight:700;}



.transaction-show-form { padding: 3.5px 10px 4px 32px; float: left; color: #034a30; border: 1px solid #034a30; margin: 6px 6px 6px 0px; border-radius: 4px; }

.transaction-show-form { float: none; display: inline-block; }



.plr20 {padding-left:20px;padding-right:20px;}

.ico-klient.bb1,
.ico-admin.bb1,
.ico-partner.bb1,
.ico-fond-user.bb1 {padding-left:28px;}

.row-t small { font-size: 8px; color: gray; margin-top: 2.5px; margin-left: 0px;float:left; }

body.layer-opened, body.layer-opened-modular {overflow:hidden;}

.body > .top { box-shadow: 2px 1px 4px -3px #000000; z-index: 999999; position: relative; background: #f3f6f9;}

.body > .top { box-shadow:inset 0px 20px 37px -36px #000000;}

.transaction_insert_prepare .submit { margin-left: 13px; margin-top: 12px; background: #2196f3; }

.paging-wrap {width:100%;float:left;border-bottom:1px solid #f2f6f9;padding: 6px 0px;text-align:center;}
.paging-wrap > a { font-size: 10px; font-weight: bold; color: #717171; text-align: center; width: 23px; height: 23px; line-height: 1; box-sizing: border-box; display: inline-block; padding-top: 6px; border-radius: 20px; border: 1px solid #f2f6f9; background: #ffffff; margin-right: 2px; }
.paging-wrap > a.active { background: #133553; color: #ffffff; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #1c94c4; background: #ffffff url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #002e5e; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #002e5e; background: #002e5e url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #034a30; background: #96def1 url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #002e5e; }

.ico {padding-left:38px;box-sizing:border-box;}
.ico-clearinghouse { background: #ffffff url(../im/ico_clearinghouse.svg) no-repeat left center / 25px; }
.sum-box-border.ico-clearinghouse { background-size: 20px; background-position: 5px center; }
.row.month a.media-delete.red {color:red;}

.ptb20 {padding-top:20px;padding-bottom:23px;}

.transaction-form div.ico-clearinghouse, .transaction-form div.ico-wallet { padding-left: 32px;}
.ico-fond {background: transparent url('../im/ico_fond.svg') no-repeat left top / 32px; }
.ico-mailing {background: transparent url('../im/ico_mailing.svg') no-repeat left top / 32px; }
.ico-menu {background: transparent url('../im/ico_menu.svg') no-repeat left top / 32px; }
.ico-options {background: transparent url('../im/ico_options.svg') no-repeat left top / 32px; }
.ico-plus {background: transparent url('../im/ico_plus.svg') no-repeat left top / 22px; }
.ico-right {background: transparent url('../im/ico_right.svg') no-repeat left top / 32px; }
.ico-sit {background: transparent url('../im/ico_sit.svg') no-repeat left top / 32px; }
.ico-time {background: transparent url('../im/ico_time.svg') no-repeat left center / 32px; }
.ico-transactions {background: transparent url('../im/ico_transactions.svg') no-repeat left top / 32px; }

.ico-search { background: white url(../im/ico_search.svg) no-repeat left top / 36px; padding-left: 42px; }

.menu-2 .ico-search {
    background: white url(../im/ico_search.svg) no-repeat left top / 24px;
    padding-left: 42px;
}

.mainmenu-right .ico-search { margin-top: 0px; }
.nadejplus-body .mainmenu-right .ico-search {
    margin-top: -17px;
}
.mainmenu-right.logged .ico-search {display:none;}

.row.month a.ico-transactions {background-size:16px;}
.row.month a { color: #2196f3; padding: 4px 11px 4px 17px; line-height: 12px; font-size: 10px; margin-top: 10px; background-position: 0px 4px; }

.row.month a.open-file-upload { padding: 7px 13px; display: block; width: auto; float: left; margin: 4px; background: #e2e7ec; border-radius: 32px; }

.ico-user {background: transparent url('../im/ico_user.svg') no-repeat left top / 32px; }
.ico-wallet {background: transparent url(../im/ico_wallet.svg) no-repeat left center / 25px; }

.ico-clearinghouse-w {background: transparent url('../im/ico_clearinghouse_w.svg') no-repeat left top / 32px; }
.ico-fond-w {background: transparent url('../im/ico_fond_w.svg') no-repeat left top / 32px; }
.ico-mailing-w {background: transparent url('../im/ico_mailing_w.svg') no-repeat left top / 32px; }
.ico-menu-w {background: transparent url('../im/ico_menu_w.svg') no-repeat left top / 32px; }
.ico-options-w {background: transparent url('../im/ico_options_w.svg') no-repeat left top / 32px; }
.ico-plus-w {background: transparent url('../im/ico_plus_w.svg') no-repeat left top / 32px; }
.ico-right-w {background: transparent url('../im/ico_right_w.svg') no-repeat left top / 32px; }
button.ico-right-w, .head button.ico-right-w { background: #133553 url(../im/ico_right_w.svg) no-repeat right center / 16px; padding-left: 12px; padding-right: 74px; }
.ico-sit-w {background: transparent url('../im/ico_sit_w.svg') no-repeat left top / 32px; }
.ico-time-w {background: #034a30 url('../im/ico_time_w.svg') no-repeat left center / 32px; }
.ico-transactions-w {background: transparent url('../im/ico_transactions_w.svg') no-repeat left top / 32px; }
.ico-user-w {background: transparent url('../im/ico_user_w.svg') no-repeat left top / 32px; }

.user-box { float: left; padding: 18px 0px; background:#69b42e; margin-left: 12px; }
.user-box .ico-user-w { float: left; min-width: 129px; min-height: 30px; background-position: 10px; padding-left: 49px; padding-top: 3px;}
.user-box .ico-user-w, .user-box .ico-user-w * {color:#ffffff;}
.user-box .ico-user-w > span, .user-box .ico-user-w > strong {width:100%;float:left;} 

.change-rentier { background: transparent url(../im/ico_uncheck.svg) no-repeat left center / 24px; padding-left: 27px; color: #717171; font-size: 14px; margin-left: 10px; margin-top: 6px; float: right; margin-right: 12px; line-height: 23px; }
.change-rentier.is-rentier {background: transparent url('../im/ico_check.svg') no-repeat left center / 24px;}

.logout-but, .c-unconnect { border: 1px solid #ffffff; border-radius: 11px; margin-left: 12px; }
.mainmenu .logout-but:hover {text-decoration:none;background:#00000011;}


.ico-wallet-w {background: transparent url('../im/ico_wallet_w.svg') no-repeat left top / 32px; }

.row-w .row:hover { background: #f2f6f9; }
.left .input-outer {border-radius:0;border-left:0;border-right:0;}
.fondy .row-n b { font-size: 18px; letter-spacing: -0.025em; line-height: 34px; padding-left: 0px; text-align: center; background: #f2f6f9; margin-right: 7px; border-radius: 32px; }
.fondy .row-n small {font-size:16px;letter-spacing:-0.025em;line-height:34px;}
.t-d-menu { width: 100%; float: left; border-bottom: 1px solid #768c92; padding-left: 38px; background: #768c92 url(../im/ico_time_w.svg) no-repeat 7px center / 30px; }
.t-d-menu a { float: left; font-size: 10px; padding: 2px 6px; float: left; width: 100%; background: #768c92; color: #ffffff; box-sizing: border-box; }
.t-d-menu a:hover,.t-d-menu a.active {color:#96def1;}
.t-d-menu a.active {font-weight:700;}

.row.month:nth-last-child(1) {border-bottom:1px solid #eeeeee;}

.transaction-add-buttons > strong { padding: 10px; color: #ffffff; margin-bottom: 0; box-sizing: border-box; padding-left: 42px; background: #002e5e url(../im/ico_user_w.svg) no-repeat 6px 1px / 32px; margin: 0;border-radius: 5px;max-height: 35px }
.transaction-add-buttons > strong.ico-user-1 {background-color:#133553;}                                                                                    
.transaction-add-buttons > strong.ico-user-2 {background-color:#034a30;}
.transaction-add-buttons > strong.ico-user-3 {background-color:#002e5e;}
.transaction-add-buttons > strong.ico-user-4 {background-color:#ffbc00;}

.transaction-add-buttons a.ico-plus { background: #ffffff url(../im/ico_plus.svg) no-repeat left center / 20px; padding: 3px 4px 3px 20px; color: #000000; margin-top: 0; border-radius: 0px; border-top: 0px; }
.transaction-add-buttons a.ico-plus.bg-klient {border-color:#002e5e;color:#002e5e;background-image:url('../im/ico_plus_klient.svg');}
.transaction-add-buttons a.ico-plus.bg-partner {border-color:#034a30;color:#034a30;background-image:url('../im/ico_plus_partner.svg');}
.transaction-add-buttons a.ico-plus.bg-admin {border-color:#133553;color:#133553;background-image:url('../im/ico_plus_admin.svg');}              
.transaction-add-buttons a.ico-plus.bg-admin {border-color:#133553;color:#133553;background-image:url('../im/ico_plus_admin.svg');}
.transaction-add-buttons a.ico-plus.bg-fond-user {border-color:#ffbc00;color:#ffffff;background-image:url('../im/ico_plus_fond_user.svg');background-color:#ffbc00;} 

a.ico-plus { background: transparent url(../im/ico_plus.svg) no-repeat left center / 20px; padding: 2px 4px 2px 20px; color: #000000; }
a.ico-plus.bg-klient {border-color:#002e5e;color:#002e5e;background-image:url('../im/ico_plus_klient.svg');}
a.ico-plus.bg-partner {border-color:#034a30;color:#034a30;background-image:url('../im/ico_plus_partner.svg');}
a.ico-plus.bg-admin {border-color:#133553;color:#133553;background-image:url('../im/ico_plus_admin.svg');}
a.ico-plus.bg-fond-user {border-color:#ffbc00;color:#ffffff;background-image:url('../im/ico_plus_fond_user.svg');background-color:#ffbc00;}


.wallets a.ico-plus { background: transparent url(../im/ico_plus.svg) no-repeat left center / 12px; color: #000000; box-sizing: border-box; height: 11px; width: 13px; padding: 0; margin: 0 5px 0px 0px; }

.wallet-box, .wallet-box *  {font-size:16px;line-height:1;}
.wallet-box { border-radius: 5px; padding: 10px; border: 3px solid #768c92; background-size: 38px; background-position: 4px center; padding-left: 45px; color: #768c92; background-color: #ffffff;min-width:100%; }
.wallet-box .sum {font-weight:900;letter-spacing:0.02em;}

.u3ziadosti a.ico-plus { padding: 4px 12px 4px 29px; background-color: #133553; background-position: 2px center; border: 4px solid #133553; background-image: url(../im/ico_plus_w.svg); color: white; font-weight: 900; font-size: 13px; margin: 0px 1px 0px 0px; background-size: 26px; }

.u3ziadosti .obsah, .pending .obsah {background:#f2f6f9;}
 

.pending-box { border: 1px solid #eeeeee; border-radius: 5px; }
.pending-box > div { margin: 20px 0px; width: 100%; padding: 0; }
.boxes {padding: 24px 0px;}

.head a.ico-plus.bg-admin { border-color: #000000; color: #ffffff; background-image: url(../im/ico_plus_admin.svg); background-color: #333333; }
.row-pending:after { content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 100%; z-index: 99; background-color: #ff00000d; background-image: url(../im/ico-pending.svg); background-repeat: no-repeat; background-position: 96% -12px; background-size: 108px; color: #aaaaaa; border: 1px dotted #ad5c5e; opacity: 0.35; }s
 .row-t .x12 { font-size: 13px; line-height: 16px; text-align: right; min-width: 39px; float: right; }
 .row-t .x12 * {padding-right:0;}
 .vyplaceno {font-size:16px;padding:12px;background:#ffffff;border:1px solid #eeeeee;}          
 .vyplaceno .green, .vyplaceno .orange {padding-right:0;font-weight:900;}
 .vyplaceno .green, .vyplaceno .orange, .vyplaceno * {font-size:16px;}
 .vyplaceno > div:nth-last-child(1) {text-align:right;}
 
.vyplatene { text-align: right; padding: 4px 12px; border-bottom: 1px solid #eeeeee; color: #313131; background: #e2f6ee; }
.vyplatene.not {background: #fff2d9;}
 .row-t > div.vyplatene,  .row-t > div.vyplatene b {font-size:10px;}
 
.reset { background: red; padding: 1px 8px; border-radius: 20px; color: #ffffff;text-decoration: none;text-align: center; line-height:13px;font-size:11px;height:16px;}
.sit-filtr-wrap select {width:100px;}
 
.head_y {  padding: 32px 12px 4px 10px; margin: 0; }
.head_y, .head_y * {    font-size: 26px;letter-spacing: 0;font-weight: 500;}
 
.head_m > div:nth-last-child(1) { position: relative; top: -2px; line-height: 10px; padding: 8px; font-size: 18px; font-weight: 900; text-align: right; right: -1px; }

.u2provision  .green, .u2provision  .sum, .u2provision  .orange {font-weight: 200;}
.u2provision .bigstrong { font-size: 26px; font-weight: 900; width: 200px; text-align: right; padding-right: 0; }


.row-t > div.head_m, .row-t > div.head_m * { font-size: 18px; }
.row-t > div.head_m { padding: 6px 6px 5px 8px; border-bottom: 1px solid #f1f1f1; background: #ffffff; }
 
.row-pending.ico-klient.bb1 *,
.row-pending.ico-partner.bb1 * {color:#aaaaaa;}

.row-pending.ico-klient.bb1 b,
.row-pending.ico-partner.bb1 b {color:#000000;}

.row-pending.bb1 .orange {color:orange;padding-right: 20px; margin-top: -1px; }
.row-pending.bb1 .silver {color:silver;padding-right: 20px; margin-top: -1px; }
.row-pending.bb1 .green { color:#0eb376; padding-right: 20px; margin-top: -1px; }
.row-pending.bb1 .t-storno { background: red; padding: 1px 8px; border-radius: 20px; color: #ffffff; margin: -1px 4px 0px 0px; text-decoration: none; float: right; text-align: center; }
.row-pending.bb1 .t-spravovat-form, .bb1 .t-spravovat-form {margin: 0px 4px 0px 0px;padding: 0px 8px; }

.row a.t-recount { background: #000000; color: #ffffff; text-decoration: none;background: #3f51b5; padding: 1px 8px; border-radius: 20px; color: #ffffff; margin: 0px 4px 0px 0px; text-decoration: none; float: right; text-align: center; }

.row.bb1 > .c2 > b:nth-child(1) {width:50%;float:left;}
.row.bb1 > .c2 > .tags { width: 50%; float: left; margin-top: -4px; }
.row.bb1 > .c2 > .tags > .tag {float:left;width:100%;box-sizing:border-box;padding:3px;font-size:11px;} 
.row.bb1 > .c2 > .tags > .original {color:#ffffff;background:gray;}
.row.bb1 > .c2 > .tags > .vsetko {color:#000000;background:yellow;}
.row.bb1 > .c2 > .tags > .presun {color:#ffffff;background:#8bc34a;}
.row.bb1 > .c2 > .tags > .oprava {color:#ffffff;background:red;}

.row-pending.ico-klient.bb1 .nemozno, .bb1 .nemozno {color:red;}

.row-pending.bb1 .tm1, .tm1  {margin-top:4px;}

.row.bb1.yellow-wrap {background:#ffffa7;}
.row.bb1.yellow-wrap:nth-child(odd) {background:#ffffd4;}

.row-pending.bb1 .fssuma { font-size: 13px; margin-top: 3px; }
.bb1 .fssuma { font-size: 13px; margin-top: 3px; }
.green, .sum, .orange {font-weight:900;}

.fssuma-nic {opacity:0;}


.nadejplus-body .mainmenu-client, .nadejplus-body .mainmenu-partner {
    background: #1396ce url(../im/menuy.jpg) repeat-x center top / 630px;
}

.nadejplus-body .mainmenu-admin { background: #1396ce url(../im/menu.jpg) repeat-x center top / 630px; }

.nadejplus-body .logo { background: transparent url(../im/logo_n.svg) no-repeat left center / 118px; }
.nadejplus-body .mainmenu a span { font-weight:600;}

body > .body.nadejplus-body .top > .side-logo > .mainmenu.mainmenu-small .logo  { background: transparent url(../im/logo_n.svg) no-repeat left center / 118px; }

.nadejplus-body .fssuma {min-width:150px;}
.nadejplus-body .fssuma-nic {width:0;}

.row-pending.ico-klient.bb1 .t_comment,
.row-pending.ico-partner.bb1 .t_comment {font-style:italic;color:#717171;}

.sit .row {border-right:0;}
.sit .row .n b {font-size:13px}
.user-conf {color:silver;}

.user-conf .red {color:red;}

.a-form-get-form-stay .input-outer {border-top:0;border-bottom:0;} 

.bt1b {border-top:1px solid #002e5e;border:0;}

.body.fondy .filtr-checkbox {min-width:100px;      }
.body.fondy .select-time-wrap { width: 50%; }


.row .chyba, .row .uspech { background: white; padding: 4px; font-size: 11px; line-height: 1.25; text-align: left; border: 0; }
button.big { height: 24px; background: #768c92; border-radius: 4px; margin-top: 6px; margin-left: 6px; }
.left form { padding: 20px 0px; float: left; box-sizing: border-box; width: 100%; }
.left form .input-outer { border-radius: 0; margin-top: -1px; border-left: 0; border-right: 0; }

.left form .submit, .left form button { margin-right:5px; }

form.fondy_update { border: 1px solid #dddddd; border-radius: 4px; margin-bottom: 7px; }
form.fondy_update input[type='text'] {border:0;color:#002e5e;}
form.fondy_update button.submit {background:transparent;border:0;color:#002e5e;font-weight:600;}

.open-form-wrap { padding: 0; max-height: 80vh; overflow: auto; min-height: 38px; margin-top: 4px; }
.open-form-wrap .submit, .open-form-wrap button { width: 100%; text-align: center; padding: 6px; margin: 2px 0 10px; height: auto; }
.sit .obsah { padding: 0px; border-right: 0; border-left: 0; width: 100%; padding: 4%; }
.sit .obsah > .ico-admin,.sit .obsah > .ico-fond-user {border-right:1px solid #eee;border-bottom:1px solid #eee;}
.sit .left {display:none;}

.mainmenu a.show-no-sign { position: absolute; left: 377px; top: 8px; background: #ffffff1a; height: auto; padding: 0; margin: 0; bottom: auto; padding: 2px 14px; }
.mainmenu a.show-csv { position: absolute; left: 450px; top: 8px; background: #cddc39; height: auto; padding: 0; margin: 0; bottom: auto; padding: 2px 14px; }

.c-insert .input-outer {margin: 10px 0px 0px;}
.c-insert input[type='text'] {margin: 10px 0px 0px;}
.c-insert .input-outer input[type='text'] {margin:0;}
.c-insert .input-outer select {width:100%;}


.body.fondy .obsah {background: #f2f6f9;}

.w-obsah {padding: 20px 0px; float: left; width: 80%;transition: all 300ms linear;}

.w-obsah .green, .w-obsah .orange {padding-right:0;}

.w-menu {padding: 1px;float: left; width: 20%;transition: all 300ms linear;}


.wallet-icon { width: 23%; float: left; position: relative; padding: 4%; margin: 1%; border-radius: 11px; }
.wallet-icon .wallet-button { position: relative; overflow: hidden; float: left; }



.wallet-icon .wallet-button:hover {}

.wallet-icon > a {transition: all 300ms linear; float:right; }
.wallet-icon > a > img { width: 32px; }
.wallet-icon > strong { color: #ffffff; padding: 2px 0px 0px 8px; background: transparent; float: left; box-sizing: border-box; width: 100%; font-weight: 400; letter-spacing: -0.035em; position: absolute; top: 10px; left: 0px; text-align: center; background: #000000; }
.wallet-icon > strong, .wallet-icon > strong b { font-size: 15px; line-height: 27px; }
.wallet-icon > b { position: absolute; right: 7px; bottom: 6px; background: #ffffff; padding: 13px 8px; box-sizing: border-box; font-size: 14px; text-align: center; min-width: 55%;border-radius: 4px; box-shadow: inset 0px 1px 6px -3px #000000; line-height: 1; }

.wallet-button > strong { color: #ffffff; padding: 1px 0px 0px; font-size: 11px; background: transparent; float: left; box-sizing: border-box; width: auto; min-width: 48%; font-weight: 400; }
.wallet-button > b { position: absolute; right: 5px; bottom: 7px; background: #ffffff; padding: 2px 4px 1px; box-sizing: border-box; font-size: 12px; text-align: center; border-radius: 4px; box-shadow: inset 0px 1px 3px -2px #000000; line-height: 1; }




.wallet-icon .wallet-button.active {}
.wallet-icon:before { outline: 1px solid #ffffff; bottom: 0; padding: 3px 0; font-size: 11px; }


.wallet-icon, .wallet-icon * {transition:all 300ms linear;}

    
/*  

 .wallet-fond:after, .wallet-fond.active:after, .wallet-fond-2:after, .wallet-fond-2.active:after {display:block;position:absolute;content:'F';    border-radius: 0; font-size: 8px; padding: 2px; height: 16px; width: 17px; top: 5px; left: 6px; box-sizing: border-box;z-index:9999;background-color:#058cc7;text-align:center;color:#ffffff;}
.wallet-sf:after, .wallet-sf.active:after {display:block;position:absolute;content:'S';    border-radius: 0; font-size: 8px; padding: 2px; height: 16px; width: 17px; top: 5px; left: 6px; box-sizing: border-box;z-index:9999;background-color:#ff7100;text-align:center;color:#ffffff;}
.wallet-ij:after, .wallet-ij.active:after {display:block;position:absolute;content:'I';    border-radius: 0; font-size: 8px; padding: 2px; height: 16px; width: 17px; top: 5px; left: 6px; box-sizing: border-box;z-index:9999;background-color:#005599;text-align:center;color:#ffffff;}
.wallet-def:after, .wallet-def.active:after { display: block; position: absolute; content: 'P'; border-radius: 0; font-size: 8px; padding: 2px; height: 16px; width: 17px; top: 5px; left: 6px; box-sizing: border-box; z-index: 9999; background-color: #FF5722; text-align: center; color: #ffffff;  }

.wallet-blue:after, .wallet-blue.active:after { display: block; position: absolute; content: 'P'; border-radius: 0; font-size: 8px; padding: 2px; height: 16px; width: 17px; top: 5px; left: 6px; box-sizing: border-box; z-index: 9999; background-color: #FF5722; text-align: center; color: #ffffff;  }

.wallet-w:after, .wallet-w.active:after { display: block; position: absolute; content: 'P'; border-radius: 0; font-size: 8px; padding: 2px; height: 16px; width: 17px; top: 5px; left: 6px; box-sizing: border-box; z-index: 9999; background-color: #FF5722; text-align: center; color: #ffffff;  }
*/



.wallets .wallet-icon:after, .wallets .wallet-icon:hover:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0px; top: auto; height: 30%; width: 30%; background-image: url(../im/logo_w.svg); background-repeat: no-repeat; background-size: 56%; background-position: center center; background-color: black; background-color: #00000015; opacity: 0.7; border-radius: 0 16px 0 12px; padding-right: 0; box-shadow: inset -3px 3px 13px -10px #000000; }
.wallet-fond, .wallet-fond.active {background-color:#058cc7;color:#ffffff;}
.wallet-fond-2, .wallet-fond-2.active {background-color:#058cc7;color:#ffffff;}
.wallet-sf, .wallet-sf.active {background-color:#ff7100;color:#ffffff;}
.wallet-ij, .wallet-ij.active{background-color:#9c27b0;color:#ffffff;}
.wallet-def, .wallet-def.active {background-color: #FF5722;color: #ffffff;  }
.wallet-blue, .wallet-blue.active{background-color:#005599;color:#ffffff;}
.wallet-w, .wallet-w.active{background-color:#133553;color:#ffffff;}
.wallet-green, .wallet-green.active{background-color:#90da00;color:#ffffff;}




.wallets .w-menu .wallet-icon.active { box-shadow: inset 0px 0px 17px -6px #000000; }

.w-menu-transactions { width: 100%; float: left; padding: 10px 0 0; }
.w-menu-transactions .wallet-icon { padding-right: 0; width: 100%; float: left;}
.w-menu-transactions .wallet-icon .wallet-button:before {padding-top:60px;background:transparent;}

.wallets .obsah, .ij .obsah {width:100%;padding:0} 


.wallets .w-menu { width: 100%; }
.wallets .w-menu .wallet-icon { width: 23%; float: left; position: relative; padding: 4.5% 6px; margin: 1%; border-radius: 11px; }
 .wallets .w-obsah { padding: 6px; float: left; width:100%;}

 .layer-opened .wallets .w-menu {width:100%;}
.layer-opened .wallets .w-obsah {width:0%;overflow:hidden;pointer-events:none;}
.layer-opened .wallets .w-obsah * {width:0%;overflow:hidden;pointer-events:none;}

 .layer-opened-modular .wallets .w-menu {width:100%;}
.layer-opened-modular .wallets .w-obsah {width:0%;overflow:hidden;pointer-events:none;}
.layer-opened-modular .wallets .w-obsah * {width:0%;overflow:hidden;pointer-events:none;}
                    
.w-user-box-wrap { width: 100%; float: left; background: #f2f6f9; padding: 0 20px; }
.w-user-box {width:100%;float:none;display:inline-block;border-left: 0; border-top: 0; }

.w-user-box h1 { font-size: 18px; background: transparent url(../im/ico_user.svg) no-repeat 0px -1px / 28px; padding-left: 29px; text-align: left; color: #717171; margin-top: 15px; margin-bottom: 11px; float: left; width: 50%; }
.w-user-box .input-outer { width: 50%; float: left; border-radius: 4px; margin-top: 8px; background-color: #ffffff; }
.w-user-box label {text-align:left;}

.layer .wallet-icon , .layer .w-user-box-wrap {width:50%}



.layer-opened .w-menu .wallet-icon > b { width: auto; left: 7px; }
.layer-opened .w-menu .wallet-icon:after, .layer-opened .w-menu .wallets .wallet-icon:hover:after {opacity:0;pointer-events:none;}
.layer-opened .w-menu .wallet-icon > strong, .layer-opened .w-menu .wallet-icon > strong b {font-size:10px;}
.layer-opened .w-menu .wallet-icon {min-height:160px;width:30.33%;}


.clpart-wrap { padding: 0; box-sizing: border-box; margin: 0 auto 40px;width: 100%; border-radius: 5px; box-shadow: 0px 0px 8px -3px #000000; max-width: 480px; float: none; display: block; }
.clpart-wrap:nth-child(2n) {}

.clpart-wrap .clpart {}
.clpart-wrap .cltim-wrap {}
.cltim {padding:4px;color:#515151;}

.clpart-wrap .sum { padding: 4px; border-bottom: 1px solid #eeeeee; }
.clpart-wrap .sum, .clpart-wrap .sum * {font-size:16px;font-weight:600;}
.clpart-wrap .sum-2 {padding:4px;}
.clpart-wrap .sum-2, .clpart-wrap .sum-2 * {font-size:13px;}


.cltim:nth-child(odd) {background:#f2f6f9;}


.bb1:nth-child(odd) {background-color:#f1f3f6;}
.bb1:nth-child(1) {background-color:#ffffff;border:0;}

.ij-box { padding:0; margin: 11px 2% 0; width: 96%; border: 1px solid #eeeeee; background:#ffffff;border-radius:4px;    box-shadow: 2px 1px 4px -4px #000000;}
.ij-box .ij-box-head { border-bottom: 2px solid #dddddd; }
.ij-box .ij-box-head > div { font-size: 15px; float: left; padding: 4px; font-weight: bold; }
.ij-box .ij-box-head > div small {font-weight:normal;font-size:11px;}
.ij-box .ij-box-head > div > div.ij-name { font-size: 18px; padding: 0; margin: 0; line-height: 1; }
.ij-box .ij-box-head > form.ij-box-row {}
.ij-box .ij-box-rows { padding: 0; }                 
.ij-box .ij-box-rows > div.row-ud { padding: 4px; border-top: 1px dotted #dddddd; font-size: 12px; }
.ij-box .ij-box-rows > div.row-ud > div {font-size:12px;}
.ij-box .ij-box-rows > div.row-ud > div.green, .ij-box .ij-box-rows > div.row-ud > div.orange, .ij-box .ij-box-rows > div.row-ud > div.silver {padding:0}
.ij-box .ij-box-rows > div.row-ud > div.ij-name {font-weight:bold;font-size:12px;}
.ij-box select { margin: 1px 0 0px; padding: 0px; font-size: 11px; line-height: 1; height: 16px; border: 0; }

.ij .obsah {background:#f2f6f9;}




.u3preview .obsah { padding: 24px 0; width: 100%; background: #f2f6f9;}
.w-menu.w-client-menu { padding: 0px; width: 100%; }
.w-menu.w-client-menu {}
.w-menu .wallet-icon {min-height:120px;}
.w-menu .wallet-icon:before { display:none; }
.u3preview .wallet-icon > strong { color: #717171;   }
.u3preview .wallet-icon.active:after, .u3preview .wallet-icon:after, .u3preview .wallet-icon:hover:after { display:none; }
.u3preview .wallet-icon > a { position: absolute; top: 12px; left: 0; width: 100%; box-sizing: border-box; text-align: center; background: #000000; text-decoration: none; color: #ffffff; padding: 6px; font-size: 12px; float: left; font-weight: 400; letter-spacing: -0.035em; }
.u3preview .wallet-icon { border-bottom: 0px solid #dddddd;padding: 12px; }
.u3preview .wallet-icon:nth-child(1) {border-radius: 5px 5px 0px 0px;}
.u3preview .wallet-icon:nth-last-child(1) {border-radius: 0px 0px 5px 5px;border-bottom: 0px solid #dddddd;}

.u3preview .boxes { margin:24px 0px;padding: 0px 12%; width: 100%;overflow:hidden;}
.u3preview .boxes, .u3preview .boxes * {font-size: 16px;}

.u3preview .boxes.fs-small, .u3preview .boxes.fs-small * {font-size: 12px;}

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


.u3preview h1 {padding-top:32px;}

.u3preview .boxes strong.x13 { padding-right: 0; font-weight: 600; border-left: 1px solid #dddddd; width: 164px; padding: 0px; }
.u3preview .boxes .row-t strong.x13 {width:58px} 
.u3preview .boxes .b0 strong {border:0;}

.u2fondy .green, .u2fondy .orange, .u2fondy .silver {padding-right:0}

.u3preview .box > strong:before { content: ''; display: none; }

.mw { width: 100%;padding:0px 12%;  }

.u3preview h1, .u3preview .mw {text-align:center;}
.u3preview h1.tl {text-align:left;}

.u3preview .w-menu { width: 100%; padding: 24px 12% 0; text-align: center; background: #ffffff; margin: 1% 0; }
.u3preview .w-menu .wallet-icon { width: 31.33%; float: none; position: relative; padding: 46px 6px 7.5%; margin: 0 2% 2% 0; border-radius: 11px; display: inline-block; }
 .u3preview .w-obsah { padding: 6px; float: left; width:100%;}

.u3preview .w-menu .minimenu {width:100%;}
.u3preview .w-menu .minimenu a { width: 100%; text-align: left; color: #ffffff; text-transform: uppercase; float: left; padding: 1px; max-width: 320px; padding: 7px 10px 8px 27px; border: 1px solid #ffffff; border-radius: 2px; margin-top: -1px; border: 1px solid #ffffff29; }
.u3preview .w-menu .minimenu a.ico-plus.bg-klient { width: 100%; padding: 7px 10px 8px 27px; background-color: #ffffff33; }

a.cr {background:red;color:#ffffff;display:inline-block;padding:2px 5px;float:left;margin:5px 0px;}

 .layer-opened .u3preview .w-menu {width:100%;}
.layer-opened .u3preview .w-obsah {width:0%;overflow:hidden;pointer-events:none;}
.layer-opened .u3preview .w-obsah * {width:0%;overflow:hidden;pointer-events:none;}

 .layer-opened-modular .u3preview .w-menu {width:100%;}
.layer-opened-modular .u3preview .w-obsah {width:0%;overflow:hidden;pointer-events:none;}
.layer-opened-modular .u3preview .w-obsah * {width:0%;overflow:hidden;pointer-events:none;}


.u3preview .w-menu .wallet-icon.active { box-shadow: inset 0px 0px 17px -6px #000000; }
.u3preview .wallet-icon:after, .u3preview .wallet-icon:hover:after { content: ''; display: block; position: absolute; bottom: 6px; left: 0px; top: auto; height: 40px; width: 30%; background-image: url(../im/logo_w.svg); background-repeat: no-repeat; background-size: 56%; background-position: center center; background-color: black; background-color: #00000015; opacity: 0.7; border-radius: 0 16px 16px 6px; padding-right: 0; box-shadow: inset -3px 3px 13px -10px #000000; }

.obsah > .transaction-buttons {width:100%;padding-bottom:24px;}

.obsah > form.a-form-get, .obsah > div.a-form-get { padding: 8px; margin-top: 12px; background: #ffffff; border: 1px solid #eeeeee; border-radius: 5px; }
.obsah > form.a-form-get strong.big {padding-bottom:4px;font-size:14px;}

.obsah > .a-form-get .submit, .obsah > .a-form-get button.submit {float:right;}
.obsah > .a-form-get .green, .obsah > .a-form-get .orange {padding:0;font-weight:400;}

.csv-buttons {padding: 0 0 24px;margin-bottom:24px;border-bottom:1px solid #eee;}

.mainmenu .respo-button { width: 32px; height: 32px; float: left; display: none; box-sizing: border-box; position: relative; margin-top: 15px; margin-right: 14px; margin-left: 14px; }
.mainmenu .respo-button .line1 {position:absolute;top:14px;left:0;height:1px;background:#ffffff;width:100%;transition:all 200ms linear;margin:0;padding:0;}
.mainmenu .respo-button .line2 {position:absolute;bottom:14px;left:0;height:1px;background:#ffffff;width:100%;transition:all 200ms linear;margin:0;padding:0;}           
.mainmenu .respo-button b {position:absolute;bottom:2px;left:0;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:0.3px;width:100%;transition:all 200ms linear;text-align:center;margin:0;padding:0;}
.mainmenu .respo-button strong {display:none;position:absolute;bottom:2px;left:0;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:0.3px;width:100%;transition:all 200ms linear;text-align:center;margin:0;padding:0;}

.mainmenu-items-opened .respo-button {}           
.mainmenu-items-opened .respo-button .line1 {left:30%;transform: rotate(45deg);top:15px;width:40%;}
.mainmenu-items-opened .respo-button .line2 {left:30%;transform: rotate(-45deg);bottom:16px;width:40%;}
.mainmenu-items-opened .respo-button b {display:none;font-weight:normal;}
.mainmenu-items-opened .respo-button strong {display:block;font-weight:normal;}

.ico-search .auto-w {max-height:70vh;overflow:auto;}






.p0 {padding:0}
.p1 {padding:4px;}
.p2 {padding:8px;}
.p3 {padding:12px;}
.p4 {padding:16px;}
.p5 {padding:20px;}
.p6 {padding:24px;}
.p7 {padding:28px;}
.p8 {padding:32px;}  
.p9 {padding:36px;} 
.p10 {padding:40px;} 
.p11 {padding:44px;} 
.p12 {padding:48px;} 

.p8 { padding: 6px 0px; float: left; }

.p0l {padding-left:0px;}
.p1l {padding-left:4px;}
.p2l {padding-left:8px;}
.p3l {padding-left:12px;}
.p4l {padding-left:16px;}
.p5l {padding-left:20px;}
.p6l {padding-left:24px;}
.p7l {padding-left:28px;}
.p8l {padding-left:32px;}  
.p9l {padding-left:36px;} 
.p10l {padding-left:40px;} 
.p11l {padding-left:44px;} 
.p12l {padding-left:48px;} 

.p0r {padding-right:0px;}
.p1r {padding-right:4px;}
.p2r {padding-right:8px;}
.p3r {padding-right:12px;}
.p4r {padding-right:16px;}
.p5r {padding-right:20px;}
.p6r {padding-right:24px;}
.p7r {padding-right:28px;}
.p8r {padding-right:32px;}  
.p9r {padding-right:36px;} 
.p10r {padding-right:40px;} 
.p11r {padding-right:44px;} 
.p12r {padding-right:48px;} 

.p0t {padding-top:0px;}
.p0-25t {padding-top:1px;}
.p0-50t {padding-top:2px;}
.p1t {padding-top:4px;}
.p2t {padding-top:8px;}
.p3t {padding-top:12px;}
.p4t {padding-top:16px;}
.p5t {padding-top:20px;}
.p6t {padding-top:24px;}
.p7t {padding-top:28px;}
.p8t {padding-top:32px;}  
.p9t {padding-top:36px;} 
.p10t {padding-top:40px;} 
.p11t {padding-top:44px;} 
.p12t {padding-top:48px;} 

.p0b {padding-bottom:0px;}
.p1b {padding-bottom:4px;}
.p2b {padding-bottom:8px;}
.p3b {padding-bottom:12px;}
.p4b {padding-bottom:16px;}
.p5b {padding-bottom:20px;}
.p6b {padding-bottom:24px;}
.p7b {padding-bottom:28px;}
.p8b {padding-bottom:32px;}  
.p9b {padding-bottom:36px;} 
.p10b {padding-bottom:40px;} 
.p11b {padding-bottom:44px;} 
.p12b {padding-bottom:48px;} 



/* margin */



.m0 {margin:0}
.m1 {margin:4px;}
.m2 {margin:8px;}
.m3 {margin:12px;}
.m4 {margin:16px;}
.m5 {margin:20px;}
.m6 {margin:24px;}
.m7 {margin:28px;}
.m8 {margin:32px;}  
.m9 {margin:36px;} 
.m10 {margin:40px;} 
.m11 {margin:44px;} 
.m12 {margin:48px;} 

.m0l {margin-left:0px;}
.m1l {margin-left:4px;}
.m2l {margin-left:8px;}
.m3l {margin-left:12px;}
.m4l {margin-left:16px;}
.m5l {margin-left:20px;}
.m6l {margin-left:24px;}
.m7l {margin-left:28px;}
.m8l {margin-left:32px;}  
.m9l {margin-left:36px;} 
.m10l {margin-left:40px;} 
.m11l {margin-left:44px;} 
.m12l {margin-left:48px;} 

.m0r {margin-right:0px;}
.m1r {margin-right:4px;}
.m2r {margin-right:8px;}
.m3r {margin-right:12px;}
.m4r {margin-right:16px;}
.m5r {margin-right:20px;}
.m6r {margin-right:24px;}
.m7r {margin-right:28px;}
.m8r {margin-right:32px;}  
.m9r {margin-right:36px;} 
.m10r {margin-right:40px;} 
.m11r {margin-right:44px;} 
.m12r {margin-right:48px;} 

.m0t {margin-top:0px;}
.m1t {margin-top:4px;}
.m2t {margin-top:8px;}
.m3t {margin-top:12px;}
.m4t {margin-top:16px;}
.m5t {margin-top:20px;}
.m6t {margin-top:24px;}
.m7t {margin-top:28px;}
.m8t {margin-top:32px;}  
.m9t {margin-top:36px;} 
.m10t {margin-top:40px;} 
.m11t {margin-top:44px;} 
.m12t {margin-top:48px;} 

.m0b {margin-bottom:0px;}
.m1b {margin-bottom:4px;}
.m2b {margin-bottom:8px;}
.m3b {margin-bottom:12px;}
.m4b {margin-bottom:16px;}
.m5b {margin-bottom:20px;}
.m6b {margin-bottom:24px;}
.m7b {margin-bottom:28px;}
.m8b {margin-bottom:32px;}  
.m9b {margin-bottom:36px;} 
.m10b {margin-bottom:40px;} 
.m11b {margin-bottom:44px;} 
.m12b {margin-bottom:48px;} 

.mauto {margin:auto}
.mlrauto {margin-left:auto;margin-right:auto;}
.mlauto {margin-left:auto;}
.mrauto {margin-right:auto;}
.mtbauto {margin-top:auto;margin-bottom:auto;}
.mtauto {margin-top:auto;}
.mbauto {margin-bottom:auto;}

.mtm1 {margin-top:-1px;}

/* height start */



.minh1 {min-height:4px;}
.minh2 {min-height:8px;}
.minh3 {min-height:12px;}
.minh4 {min-height:16px;}
.minh5 {min-height:20px;}
.minh6 {min-height:24px;}
.minh7 {min-height:28px;}
.minh8 {min-height:32px;}  
.minh9 {min-height:64px;}
.minh10 {min-height:128px;}

.minh10p {min-height:10%;}
.minh20p {min-height:20%;}
.minh30p {min-height:30%;}
.minh40p {min-height:40%;}
.minh50p {min-height:50%;}
.minh60p {min-height:60%;}
.minh70p {min-height:70%;}
.minh80p {min-height:80%;}
.minh90p {min-height:90%;}
.minh100p {min-height:100%;}

.minh10vh {min-height:10vh;}
.minh20vh {min-height:20vh;}
.minh30vh {min-height:30vh;}
.minh40vh {min-height:40vh;}
.minh50vh {min-height:50vh;}
.minh60vh {min-height:60vh;}
.minh70vh {min-height:70vh;}
.minh80vh {min-height:80vh;}
.minh90vh {min-height:90vh;}
.minh100vh {min-height:100vh;}

.maxh1 {max-height:4px;}
.maxh2 {max-height:8px;}
.maxh3 {max-height:12px;}
.maxh4 {max-height:16px;}
.maxh5 {max-height:20px;}
.maxh6 {max-height:24px;}
.maxh7 {max-height:28px;}
.maxh8 {max-height:32px;}
.maxh9 {max-height:64px;}
.maxh10 {max-height:128px;}

.maxh10p {max-height:10%;}
.maxh20p {max-height:20%;}
.maxh30p {max-height:30%;}
.maxh40p {max-height:40%;}
.maxh50p {max-height:50%;}
.maxh60p {max-height:60%;}
.maxh70p {max-height:70%;}
.maxh80p {max-height:80%;}
.maxh90p {max-height:90%;}
.maxh100p {max-height:100%;}

.maxh10vh {max-height:10vh;}
.maxh20vh {max-height:20vh;}
.maxh30vh {max-height:30vh;}
.maxh40vh {max-height:40vh;}
.maxh50vh {max-height:50vh;}
.maxh60vh {max-height:60vh;}
.maxh70vh {max-height:70vh;}
.maxh80vh {max-height:80vh;}
.maxh90vh {max-height:90vh;}
.maxh100vh {max-height:100vh;}

.he1 {height:4px;}
.he2 {height:8px;}
.he3 {height:12px;}
.he4 {height:16px;}
.he5 {height:20px;}
.he6 {height:24px;}
.he7 {height:28px;}
.he8 {height:32px;}  
.he9 {height:36px;}
.he10 {height:40px;}
.he11 {height:44px;}
.he12 {height:48px;}
.he13 {height:52px;}
.he14 {height:56px;}
.he15 {height:60px;}
.he16 {height:64px;} 

.he10p {height:10%;}
.he20p {height:20%;}
.he30p {height:30%;}
.he40p {height:40%;}
.he50p {height:50%;}
.he60p {height:60%;}
.he70p {height:70%;}
.he80p {height:80%;}
.he90p {height:90%;}
.he100p {height:100%;}

.he10vh {height:10vh;}
.he20vh {height:20vh;}
.he30vh {height:30vh;}
.he40vh {height:40vh;}
.he50vh {height:50vh;}
.he60vh {height:60vh;}
.he70vh {height:70vh;}
.he80vh {height:80vh;}
.he90vh {height:90vh;}
.he100vh {height:100vh;}

.before10:before {content:'';display:block;padding-top:10%;}
.before20:before {content:'';display:block;padding-top:20%;}
.before30:before {content:'';display:block;padding-top:30%;}
.before40:before {content:'';display:block;padding-top:40%;}
.before50:before {content:'';display:block;padding-top:50%;}
.before60:before {content:'';display:block;padding-top:60%;}
.before70:before {content:'';display:block;padding-top:70%;}
.before80:before {content:'';display:block;padding-top:80%;}
.before90:before {content:'';display:block;padding-top:90%;}
.before100:before {content:'';display:block;padding-top:100%;}

.after10:after {content:'';display:block;padding-top:10%;}
.after20:after {content:'';display:block;padding-top:20%;}
.after30:after {content:'';display:block;padding-top:30%;}
.after40:after {content:'';display:block;padding-top:40%;}
.after50:after {content:'';display:block;padding-top:50%;}
.after60:after {content:'';display:block;padding-top:60%;}
.after70:after {content:'';display:block;padding-top:70%;}
.after80:after {content:'';display:block;padding-top:80%;}
.after90:after {content:'';display:block;padding-top:90%;}
.after100:after {content:'';display:block;padding-top:100%;}


.he0 {height:0%;}
.minh0 {min-height:0%;}
.maxh0 {max-height:0%;}
.heauto {height:auto;}
.minhauto {height:auto;}


/* widths  start */

.minw10p {min-width:10%;}
.minw20p {min-width:20%;}
.minw30p {min-width:30%;}
.minw40p {min-width:40%;}
.minw50p {min-width:50%;}
.minw60p {min-width:60%;}
.minw70p {min-width:70%;}
.minw80p {min-width:80%;}
.minw90p {min-width:90%;}
.minw100p {min-width:100%;}

.maxw10p {max-width:10%;}
.maxw20p {max-width:20%;}
.maxw30p {max-width:30%;}
.maxw40p {max-width:40%;}
.maxw50p {max-width:50%;}
.maxw60p {max-width:60%;}
.maxw70p {max-width:70%;}
.maxw80p {max-width:80%;}
.maxw90p {max-width:90%;}
.maxw100p {max-width:100%;}

.w10p {width:10%;}
.w20p {width:20%;}
.w25p {width:25%;}
.w30p {width:30%;}
.w33p {width:33.33%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w90p {width:90%;}
.w100p {width:100%;}

.w1 {width:4px;}
.w2 {width:8px;}
.w3 {width:12px;}
.w4 {width:16px;}
.w5 {width:20px;}
.w6 {width:24px;}
.w7 {width:28px;}
.w8 {width:32px;} 
.w9 {width:36px;}
.w10 {width:40px;}
.w11 {width:44px;}
.w12 {width:48px;}
.w13 {width:52px;}
.w14 {width:56px;}
.w15 {width:60px;}
.w16 {width:64px;} 
.w17 {width:68px;}
.w18 {width:72px;}
.w19 {width:76px;}
.w20 {width:80px;}
.w21 {width:84px;}
.w22 {width:88px;}
.w23 {width:92px;} 
.w24 {width:96px;} 
.w25 {width:100px;}
.w26 {width:104px;}
.w27 {width:108px;}
.w28 {width:112px;}
.w29 {width:116px;}
.w30 {width:120px;}
.w31 {width:124px;} 
.w32 {width:128px;} 

.minw0 {min-width:0%;}
.maxw0 {max-width:0%;}
.wauto {width:auto;}



/* width end */

.fs1 {font-size:9px;}
.fs2 {font-size:11px;}
.fs3 {font-size:12px;}
.fs4 {font-size:16px;}
.fs5 {font-size:24px;}
.fs6 {font-size:32px;}
.fs7 {font-size:40px;}

.fw1, .fwtin {font-weight:100;}
.fw2, .fwextraligth {font-weight:200;}
.fw3, .fwlight {font-weight:300;}
.fw4, .fwnormal {font-weight:400;}
.fw5, .fwmedium {font-weight:500;}
.fw6, .fwsemibold {font-weight:600;}
.fw7, .fwbold {font-weight:700;}
.fw8, .fwextrabold {font-weight:800;}
.fw9, .fwblack {font-weight:900;}
.fw10, .fwextrablack {font-weight:950;}

.lh1 {line-height:1;}
.lh2 {line-height:1.25;}
.lh3 {line-height:1.33;}
.lh4 {line-height:1.5;}
.lh5 {line-height:1.66;}
.lh6 {line-height:2;}

.pos-r {position:relative;}
.pos-a {position:absolute;}
.pos-f {position:fixed;}
.pos-s {position:static;}

.zi100 {z-index:100;}
.zi200 {z-index:200;}
.zi300 {z-index:300;}
.zi400 {z-index:400;}
.zi500 {z-index:500;}
.zi600 {z-index:600;}
.zi700 {z-index:700;}
.zi800 {z-index:800;}
.zi900 {z-index:900;}
.zi1000 {z-index:1000;}

.d-b {display:block;}
.d-ib {display:inline-block;}
.d-i {display:inline;}
.d-t {display:table;}
.d-tc {display:table-cell;}
.d-n {display:none;}
.d-bh {display:block;overflow:hidden;border:0;padding:0;margin:0;outline:0;height:0;max-height:0;min-height:0;opacity:0;max-width:0;width:0;min-width:0;visibility:hidden;}

.pe-n {pointer-events:none;}
.pe-all {pointer-events:all;}

.pos-l0 {left:0px;}
.pos-l1 {left:4px;}
.pos-l2 {left:8px;}
.pos-l3 {left:12px;}
.pos-l4 {left:16px;}
.pos-l5 {left:20px;}
.pos-l6 {left:24px;}
.pos-l7 {left:28px;}
.pos-l8 {left:32px;} 
.pos-l9 {left:36px;}
.pos-l10 {left:40px;}
.pos-l11 {left:44px;}
.pos-l12 {left:48px;}
.pos-l13 {left:52px;}
.pos-l14 {left:56px;}
.pos-l15 {left:60px;}
.pos-l16 {left:64px;} 

.pos-r0 {right:0px;}
.pos-r1 {right:4px;}
.pos-r2 {right:8px;}
.pos-r3 {right:12px;}
.pos-r4 {right:16px;}
.pos-r5 {right:20px;}
.pos-r6 {right:24px;}
.pos-r7 {right:28px;}
.pos-r8 {right:32px;} 
.pos-r9 {right:36px;}
.pos-r10 {right:40px;}
.pos-r11 {right:44px;}
.pos-r12 {right:48px;}
.pos-r13 {right:52px;}
.pos-r14 {right:56px;}
.pos-r15 {right:60px;}
.pos-r16 {right:64px;} 

.pos-t0 {top:0px;}
.pos-t1 {top:4px;}
.pos-t2 {top:8px;}
.pos-t3 {top:12px;}
.pos-t4 {top:16px;}
.pos-t5 {top:20px;}
.pos-t6 {top:24px;}
.pos-t7 {top:28px;}
.pos-t8 {top:32px;} 
.pos-t9 {top:36px;}
.pos-t10 {top:40px;}
.pos-t11 {top:44px;}
.pos-t12 {top:48px;}
.pos-t13 {top:52px;}
.pos-t14 {top:56px;}
.pos-t15 {top:60px;}
.pos-t16 {top:64px;} 

.pos-b0 {bottom:0px;}
.pos-b1 {bottom:4px;}
.pos-b2 {bottom:8px;}
.pos-b3 {bottom:12px;}
.pos-b4 {bottom:16px;}
.pos-b5 {bottom:20px;}
.pos-b6 {bottom:24px;}
.pos-b7 {bottom:28px;}
.pos-b8 {bottom:32px;} 
.pos-b9 {bottom:36px;}
.pos-b10 {bottom:40px;}
.pos-b11 {bottom:44px;}
.pos-b12 {bottom:48px;}
.pos-b13 {bottom:52px;}
.pos-b14 {bottom:56px;}
.pos-b15 {bottom:60px;}
.pos-b16 {bottom:64px;}                                 





.co , .row a.co {color:orange;}
.cg {color:#0eb376;}

.x13-7p .x13 { width: 7%; overflow: hidden; width: calc(8.33% - (58px / 12)); overflow: hidden; }






@media (max-width: 1280px) {
      .head .input-outer.x8 { width: 33.33%;}
    .mainmenu-items { width:100%; }
            
}



                      /*1440 bylo */
@media (max-width: 1080px) {
        
      .mainmenu .respo-button { display:block;}  
      .mainmenu-small .respo-button {top:0;bottom:auto;}
      .mainmenu-items { position:fixed; bottom:-100%;top:100%; left:0; width:50%;background:#000000;z-index:99999;overflow:auto;transition:all 200ms linear;}
      .mainmenu-items-opened .mainmenu-items { top:71px;bottom:0;}     
      .mainmenu-small.mainmenu-items-opened .mainmenu-items { top:111px;bottom:0;z-index:99910;}  
      .mainmenu-small .respo-button { top:0px;bottom:0;} 

      body > .body .top > .side-logo > .mainmenu.mainmenu-small a.respo-button {margin-top:0;top:-2px;}
      body > .body .top > .side-logo > .mainmenu.mainmenu-items a {width:100%;padding:0;} 
   
        .user-box {background:transparent;}
   
     .mainmenu.mainmenu-small .mainmenu-items a.active:before, 
     .mainmenu .mainmenu-items a.active:before, 
     .mainmenu.mainmenu-small .mainmenu-items a.active:after, 
     .mainmenu .mainmenu-items a.active:after {display:none;}
     
    .mainmenu .mainmenu-items a span { margin: 0; padding: 27px; width: 100%; }
    .mainmenu .mainmenu-items a.active span { background: #ffffff; color: #000000;}
    .mainmenu.mainmenu-small a.active span { margin: 0px 0px 0px; }
     .mainmenu.mainmenu-small a.active {padding:0;} 
     body > .body .top > .side-logo > .mainmenu.mainmenu-small a.active { padding: 0; }
    body > .body .top > .side-logo > .mainmenu.mainmenu-small a { padding: 0 0px 0; font-size: 11px; margin-top: 0; position: relative; top: 0; }
    body > .body .top > .side-logo > .mainmenu.mainmenu-small .mainmenu-items { float: left; padding: 0; }
    
    body > .body .top > .side-logo > .mainmenu.mainmenu-small a.c-unconnect { margin-top: 8px; padding: 6px; height: auto; border: 1px solid #ffffff; border: 1px solid #ffffff55; margin-top: 2px; }

    .mainmenu a.show-no-sign {left: 423px; top: 24px;}
    .mainmenu a.show-csv { left: 497px; top: 24px; }
    
    .mainmenu .mainmenu-items a {width:25%;}
    .open-form-wrap { position: fixed; right: 23px; width: 170px; margin-top: 53px; }
    
.u3ziadosti a.ico-plus { margin: 0px 1px 4px 0px;}
    
    
}






                                              
@media (max-width: 1080px) { 
    .wrap-login form.obsah .input-outer.c3, .u2account .a-form-stay .input-outer.c3, .u3account .a-form-stay .input-outer.c3 {width:50%;}
    .wrap-login form.obsah .input-outer.c4, .u2account .a-form-stay .input-outer.c4, .u3account .a-form-stay .input-outer.c4 {width:50%;}            
    .wrap-login form.obsah .input-outer.c6, .u2account .a-form-stay .input-outer.c6, .u3account .a-form-stay .input-outer.c6 {width:100%;}
    .wrap-login form.obsah .input-outer.c2, .u2account .a-form-stay .input-outer.c2, .u3account .a-form-stay .input-outer.c2 {width:100%;}
    
    .wallets .w-menu .wallet-icon { width: 31.33%;}
    .w-menu .wallet-icon { min-height: 172px; }
    .wallets .w-menu .wallet-icon { width: 48%; padding-top: 80px; }
    
    .u3preview .w-menu .wallet-icon { width: 48%; float: none; position: relative; padding: 47px 6px 7.5%; margin: 0 2% 2% 0; border-radius: 11px; display: inline-block; min-height: 180px; }
    
}




@media (max-width: 800px) { 
    .wrap-login form.obsah .input-outer.c3, .u2account .a-form-stay .input-outer.c3, .u3account .a-form-stay .input-outer.c3 {width:100%;}           
    .wrap-login form.obsah .input-outer.c6, .u2account .a-form-stay .input-outer.c6, .u3account .a-form-stay .input-outer.c6 {width:100%;}
    .wallets .w-menu .wallet-icon { width: 31.33%;}
    .head .input-outer.select-mini { width: 50%;}
    .mainmenu-right { position: fixed; top: 6px; right: 17px; width: 30%; z-index: 9999999; max-width: auto; }
    .head .input-outer.x8 { width: 50%; }
    .select-time-wrap { width: 100%; }
    .filtr-checkbox.c12 { width: 100%; }
     .head label { margin: 3px 0 0px 0px; float: left; font-weight: 600; font-size: 14px; color: black; }
    .filtr-checkbox { width: auto; float: left; margin: 0 0.33% 0 0; min-width: 10px; width: 33%; }
    
        .mainmenu a.show-no-sign { top: 79px; left: 19px; background: #3f51b580; }
        .mainmenu a.show-csv { top: 79px; left: 96px; }
        
    .open-form-wrap { position: fixed; right: 16px; width: 170px; margin-top: 53px; }
    .wallets .w-menu .wallet-icon { width: 48%;}
    body.layer-opened-modular .layer { right: 0; left: 0; top: 0; width: 100%; height: auto; max-height: 100%;  }
    
    .u2provision .obsah, .u2trans .obsah, .u2account .obsah, .u2fondy .obsah, .u2sit .obsah,.u3preview .w-menu, .u3preview .boxes,.u3ziadosti .obsah, .pending .obsah,.u3account .obsah,.u3doc .obsah,
    .u2sit .obsah,
    .options .obsah,
    .vybery .obsah,
    .transactions .obsah,
    .sit .obsah,
    .nl .obsah,
    .doc .obsah 
    { padding: 4% 20px; }
    
    .sit .mainmenu-small .logo {opacity:0;pointer-events:none;z-index:1;}
    .create-pozvanka-form .input-outer { width: 50%;}
    .bb1 .fssuma { font-size: 11px; margin-top: 3px; padding: 0; }

}


@media (max-width: 580px) {   

/*body:before { position: fixed; z-index: 9999999; background: #1a26309c url(../im/turn-mobile.svg) no-repeat center center / 100px; left: 0; right: 0; bottom: 0; top: 0; content: ''; display: block; }

body.wrap-login:before {display:none;bottom:100%;left:100%;} */
 
    
}








.body-5 .transaction-show-form, 
.body-5 .transaction-form, 
.body-5 .t-spravovat-form, 
.body-5 .row-pending.bb1 .t-storno, .body-5 .b-5-none { display:none !important; }








/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 

}