body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0;
    color: #717171;
    font-weight: 400;
}

body, body *, textarea, input, select, form {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    letter-spacing: 0;
}

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: 0 0 0 0;
    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: 0 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: 0;
    width: 0;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    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;
    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: 86vh;
    overflow: auto;
}

.full-media img {
    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: 0;
}

a img {
    border: 0;
}

a, a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #5d5d5d;
    font-size: 16px;
    margin: 14px 0 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: 0 10%;
    margin: 0;
    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 0;
    position: fixed;
    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: 0 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 #747685;
}

.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 0 0 18px;
    margin: 0 0 0 0;
    position: relative;
    overflow: hidden;
    transition: all 200ms linear;
}

.ssel > a {
    padding: 0 8px;
    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: 0 0 1px;
    font-weight: bold;
}

.submit, button {
    box-sizing: border-box;
    cursor: pointer;
    color: white;
    font-size: 10px;
    border: 0;
    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: #0e9060;
}

.submit.red, button.red {
    background: 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: 0;
    background: #002e5e;
    float: left;
}

.submit.reset-filtr {
    margin-top: 0;
    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: 0;
    margin-bottom: 0;
    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 0;
}

.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: 0 0 2px;
    margin: 23px 12px 1px;
    width: calc(100% - 24px);
}

.p20cw {
    color: #ffffff;
    padding: 0 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: 0;
    top: 0;
    width: 14px;
    height: 14px;
    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: 0 0 3px 0;
}

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

.sit-filtr-wrap .label span {
    padding: 2px 4px 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: 50%;
    border: 0;
    min-height: 41px;
}

.head .head-silver {
    padding: 4px 19px;
    background: #f3f6f9;
    box-shadow: inset 0 -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: 0 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: 0;
    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: 0;
    top: auto;
    left: auto;
    right: 18px;
}

.mainmenu {
}


.mainmenu-client {
    background: #002e5e;
    border-top: 1px solid #FFFFFF;
}

.mainmenu-partner {
    background: #4ec3e1;
    border-top: 1px solid #FFFFFF;
}

.mainmenu-admin {
    background: #747685;
}

.mainmenu-admin-ml180 {
    margin-left: 180px;
}

.mainmenu-worker {
    background: #717171;
}

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

.mainmenu a {
    float: left;
    padding: 0 0 0;
    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 0;
}

.mainmenu a.logout-but {
    padding: 6px;
    height: auto;
    border: 1px solid #ffffff55;
    margin-top: 2px;
    float: left;
}

.head {
    margin: 0;
    padding: 0;
    position: relative;
}

.body.fondy .head {
    margin: 0;
    padding: 0 20px 10px;
    position: relative;
    background: #f2f6f9;
}

.head h1 {
    text-transform: uppercase;
    width: 100%;
    float: left;
    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 0;
    padding: 0 13px;
    height: 19px;
}

.mainmenu.mainmenu-small a.active span {
    margin: 0 24px 0;
}

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

.partner_m > .c5 {
    padding: 0;
}

.ui-widget-header {
    border: 0 solid #ffffff;
    background: #133553
}


body > .body .top > .logo {
    margin-left: 20px;
}

body > .body .top > .side-logo > .mainmenu {
    position: relative;
    width: 100%;
    padding: 0 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 0;
}

body > .body .top > .side-logo > .mainmenu.mainmenu-small a {
    padding: 0 0 0;
    font-size: 11px;
    margin-top: 9px;
    position: relative;
    top: 6px;
}

body > .body .top > .side-logo > .mainmenu.mainmenu-small a.active {
    padding: 0 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: 0;
}

body > .body.options .middle {
    padding: 0;
    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: 0 0 0 14px;
    background: #ffffff;
}

.ico-klient {
    position: relative;
    padding: 0 0 0 14px;
    background: #ffffff;
}

.ico-admin {
    position: relative;
    padding: 0 0 0 14px;
    background: #ffffff;
}

.ico-fond-user {
    position: relative;
    padding: 0 0 0 14px;
    background: #ffffff;
}

.ico-worker, .ico-pracovnik {
    position: relative;
    padding: 0 0 0 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: #4ec3e1;
    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: #4ec3e1;
    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 #4ec3e1;
}

.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: #4ec3e1;
    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: 0;
    height: 81px;
    top: 0;
    right: 0;
    background-color: #4ec3e1;
    opacity: 0.2;
    z-index: 100;
    pointer-events: none;
}

.ico-klient:hover:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 81px;
    top: 0;
    right: 0;
    background-color: #002e5e;
    opacity: 0.2;
    pointer-events: none;
}

.ico-admin:hover:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 81px;
    top: 0;
    right: 0;
    background-color: #133553;
    opacity: 0.2;
    pointer-events: none;
}

.ico-fond-user:hover:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 81px;
    top: 0;
    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 {
    transition: all 300ms ease-in;
    transform: scale(0.5);
    box-shadow: -299px -10px 199px -180px #000000;
    position: fixed;
    top: 0;
    right: -110%;
    height: 100%;
    opacity: 0.8;
    width: 66.66%;
    background: #ffffff;
    z-index: 999;
    overflow: auto;
    padding: 0;
    border-left: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.layer-head {
    background: transparent;
    color: #717171;
    width: 100%;
    float: left;
    padding: 0 0;
    min-height: 40px;
}

.layer-obsah {
    background: #ffffff;
    color: #717171;
    width: 100%;
    float: left;
    padding: 0 0;
}

body.layer-opened .layer {
    right: 0;
    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: #ffffffc4;
    transition: all 300ms ease-out;
    z-index: 99999;
    cursor: pointer;
}

body.layer-opened-modular .underlayer {
    left: 0;
}

.menu {
    text-align: right;
}

.menu a {
    color: #717171;
    padding: 20px 1px;
    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: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: #000000;
    opacity: 0.1;
    pointer-events: none;
}

.ico-klient > .menu a {
    color: #002e5e;
}

.ico-partner > .menu a {
    color: #4ec3e1;
}

.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: 0 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: 0 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;
    pointer-events: none;
    left: 150%;
    overflow: hidden;
    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: 1px solid #133553;
    background: transparent;
}

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


body.transaction-form-wrap-opened .transaction-form-wrap.specials .transaction-form {
    width: 30%;
    max-width: fit-content;
    margin: 0;
    padding: 0;
    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: #133553;
    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 0;
    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 0 22px -15px #8a8a8a;
    margin: 0;
}


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

.transaction-add-buttons a:hover {
    box-shadow: 0 0 0 0 #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: 0 0 0 0 #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: left;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #aaaaaa;
    padding: 3px 4px;
    margin-bottom: 0;
    background: #ffffff;
}

.input-outer label {
    float: left;
    width: 100%;
    font-weight: bold;
    color: #59595b;
    padding: 0 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: 0 0 0 0;
    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: 0 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: 0;
    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%;
    margin: 0;
    border: 0;
    outline: 0;
    color: #59595b;
    font-size: 10px;
    background: #ffffff url(../im/ico_search.svg) no-repeat 3px 1px / 17px;
    padding: 3px 3px 3px 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 0 0 5px;
    padding: 6px;
    text-align: center;
}

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


.input-outer.select-mini select option {
    padding: 0;
    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: calc(100% - 14px);
    box-shadow: 2px 1px 4px -4px #000000;
    background: #ffffff;
    border-radius: 4px;
}

.row-fond.b0 {
    border: 0;
}

.select-ttype-wrap {
    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: 0 0;
    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: 0;
}

.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 0 5px 0;
    border-right: 4px solid transparent;
}

.bb1h {
    background: #ffffff;
    padding: 6px 0 6px 22px;
    margin: 0;
}

.bb1h * {
    font-weight: 700;
}


.transaction-show-form {
    padding: 3.5px 10px 4px 32px;
    float: left;
    color: #4ec3e1;
    border: 1px solid #4ec3e1;
    margin: 6px 6px 6px 0;
    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: 0;
    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 0 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 0;
    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 #4ec3e1;
    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: 0;
}

.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: 0 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: #4ec3e1 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: 15px 5px 5px 5px;
    background: #00000045;
}

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

.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: 0;
    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;
    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;
    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: #4ec3e1;
}

.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: 0;
    border-top: 0;
}

.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: #4ec3e1;
    color: #4ec3e1;
    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: #4ec3e1;
    color: #4ec3e1;
    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 0 0;
}

.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: 0 1px 0 0;
    background-size: 26px;
}

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


.pending-box {
    border: 1px solid #eeeeee;
    border-radius: 5px;
}

.pending-box > div {
    margin: 20px 0;
    width: 100%;
    padding: 0;
}

.boxes {
    padding: 24px 0;
}

.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 0 0;
    text-decoration: none;
    float: right;
    text-align: center;
}

.row-pending.bb1 .t-spravovat-form, .bb1 .t-spravovat-form {
    margin: 0 4px 0 0;
    padding: 0 8px;
}

.row a.t-recount {
    color: #ffffff;
    text-decoration: none;
    background: #747685;
    padding: 1px 8px;
    border-radius: 20px;
    margin: 0 4px 0 0;
    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: 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 0;
    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 {
    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;
    margin: 0;
    bottom: auto;
    padding: 2px 14px;
}

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

.c-insert .input-outer {
    margin: 10px 0 0;
}

.c-insert input[type='text'] {
    margin: 10px 0 0;
}

.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 0;
    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 0 0 8px;
    float: left;
    box-sizing: border-box;
    width: 100%;
    font-weight: 400;
    letter-spacing: -0.035em;
    position: absolute;
    top: 10px;
    left: 0;
    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 0 1px 6px -3px #000000;
    line-height: 1;
}

.wallet-button > strong {
    color: #ffffff;
    padding: 1px 0 0;
    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 0 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: 0;
    left: 0;
    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: #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 0 0 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 0 -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: 0 0 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 0;
    padding: 0;
    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: 0;
    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: 0 solid #dddddd;
    padding: 12px;
}

.u3preview .wallet-icon:nth-child(1) {
    border-radius: 5px 5px 0 0;
}

.u3preview .wallet-icon:nth-last-child(1) {
    border-radius: 0 0 5px 5px;
    border-bottom: 0 solid #dddddd;
}

.u3preview .boxes {
    margin: 24px 0;
    padding: 0 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: 0 0 2px;
}


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

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

.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: 0 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;
    max-width: 320px;
    padding: 7px 10px 8px 27px;
    border: 1px solid #ffffff;
    border-radius: 2px;
    margin-top: -1px;
}

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

.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 0 0 17px -6px #000000;
}

.u3preview .wallet-icon:after, .u3preview .wallet-icon:hover:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 6px;
    left: 0;
    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: #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: 50px;
    height: 32px;
    float: right;
    display: none;
    box-sizing: border-box;
    position: relative;
    margin-top: 15px;
    margin-right: 20px;
    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 0;
    float: left;
}

.p0l {
    padding-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.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 {
    overflow: hidden;
    width: calc(8.33% - (58px / 12));
}


@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: 0;
        bottom: 0;
    }

    .mainmenu-small.mainmenu-items-opened .mainmenu-items {
        top: 0;
        bottom: 0;
        z-index: 99910;
    }

    .mainmenu-small .respo-button {
        top: 0;
        bottom: 0;
    }

    .menu-1 .mainmenu-items {
        background: #747685;
    }

    .menu-2 .mainmenu-items {
        background: #4ec3e1;
    }

    .menu-3 .mainmenu-items {
        background: #002e5e;
    }

    .menu-5 .mainmenu-items {
        background: #313131;
    }

    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;
        min-height: 80px;
        font-size: 19px;
        font-weight: 100;
        border-right: 1px dotted #ffffff;
        border-right: 1px dotted #ffffff45;
        border-bottom: 1px dotted #ffffff;
        border-bottom: 1px dotted #ffffff45;
        width: 100%;
    }

    .mainmenu .mainmenu-items a.active span {
        background: #ffffff;
        color: #000000;
    }

    .mainmenu.mainmenu-small a.active span {
        margin: 0 0 0;
    }

    .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 0 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 {
        padding: 6px;
        height: auto;
        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: 0 1px 4px 0;
    }


}


@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: absolute;
        top: 50px;
        right: 17px;
        width: 43%;
        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 0 0;
        float: left;
        font-weight: 600;
        font-size: 14px;
        color: black;
    }

    .filtr-checkbox {
        float: left;
        margin: 0 0.33% 0 0;
        min-width: 10px;
        width: 33%;
    }

    .mainmenu a.show-no-sign {
        top: 65px;
        left: 19px;
        background: #74768580;
    }

    .mainmenu a.show-csv {
        top: 65px;
        left: 96px;
    }

    .mainmenu-admin-ml180 {
        margin-left: 0
    }

    .open-form-wrap {
        position: absolute;
        right: 0;
        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;
        margin-top: 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;
    }

    .full-width-mobile {
        width: 100%;
        padding-right: 30px
    }

}


@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) {

}