@font-face {
    font-family: 'Cuprum';
    src: local('Cuprum'), local('Cuprum-Regular'), url('/fonts/cuprum/cuprum.woff2') format('woff2'), url('/fonts/cuprum/cuprum.woff') format('woff'), url('/fonts/cuprum/cuprum.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: local('Cuprum Italic'), local('Cuprum-Italic'), url('/fonts/cuprum/cuprumitalic.woff2') format('woff2'), url('/fonts/cuprum/cuprumitalic.woff') format('woff'), url('/fonts/cuprum/cuprumitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Cuprum';
    src: local('Cuprum Bold'), local('Cuprum-Bold'), url('/fonts/cuprum/cuprumbold.woff2') format('woff2'), url('/fonts/cuprum/cuprumbold.woff') format('woff'), url('/fonts/cuprum/cuprumbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: local('Cuprum Bold Italic'), local('Cuprum-BoldItalic'), url('/fonts/cuprum/cuprumbolditalic.woff2') format('woff2'), url('/fonts/cuprum/cuprumbolditalic.woff') format('woff'), url('/fonts/cuprum/cuprumbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


/*-------NORMALIZE-------*/
.phpdebugbar{margin: 0 !important;}
[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}
/*audio::-webkit-media-controls-seek-back-button{}
audio::-webkit-media-controls-seek-forward-button{}*/
*:not(font), :after, :before {
    font-family: 'Cuprum';
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
small{font-size: small;}
h1, h2, h3, h4, h5, h6 {/*margin:0;*/}
h1{font-size: 30px;}
h2{font-size: 24px;}
h3{font-size: 20px;margin-bottom: 0;}
a{color:#3099b3;text-decoration: none;}
img{max-width: 100%;height: auto;}
button,input, textarea,select {-webkit-appearance: none;-moz-appearance: none;appearance: none;outline:none;border: 1px solid #58df8b;padding: 5px 10px;border-radius: 3px;}
input:disabled, textarea:disabled, select:disabled {background-color: #fff;border-color:#e0e0e0;color:#212121;-webkit-text-fill-color: #212121;opacity: 1;}
input:not(:disabled), textarea:not(disabled), select:not(:disabled) {color:navy;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:navy !important;}
form small, .newform small {display: block;width: 360px;color:#ff5722;margin-bottom: 3px;}
.newform small {width: 300px;}
input:focus, textarea:focus,select:focus {border: 1px solid limegreen;}
/*input::placeholder {color: lightseagreen;}*/
button{border: none;}
.error {background-color: #fce4e4 !important;border: 1px solid #cc0033;outline: none;}
.preview{background-color: #50b0c8;}
ul>li,ol>li{margin: 5px 0;}
button{background-color: #57d289;cursor: pointer;
    color: #fff;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 1px rgba(0,0,0,.15);
}
button:disabled{background-color: rgb(150, 150, 150) !important;
    border: 1px solid rgba(150, 150, 150,.5) !important;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1) !important;
}
td button{margin-bottom: 3px;}
/*button.all{background-color: #0abb87;}*/
button.cancelModal{background-color: #e00850;}
.btnred{background-color: #e00850;}
hr{margin: 0;border: none;border-bottom: 1px solid #50b0c8;height: 0;}
table {width: 100%;margin-bottom: 1rem;color: #212529;/*border-collapse: collapse;*/border-spacing: 1px;border-color: transparent;outline: none;}
table.wa {width: auto;}
table thead{color: #000;font-weight: bold;}
table tfoot{color: #000;font-weight: bold;border-top: 1px solid rgb(205, 210, 235);}
table td, table th {text-align: left;padding: 5px 8px;cursor:default;}
table td[contenteditable]{cursor: text;background-color: #d4fbd4;}
table td.holiday{background-color: peachpuff;}
table td[data-q],table th[data-q]{position: relative;text-align: right;min-width: 70px;padding-left: 20px;}
table td[data-q]::before,table th[data-q]::before{content: attr(data-q);position: absolute;top:0px;left: 4px;color:#1976d2;font-size: .8em;}
table .category>td[data-q]::before{font-size: .5em;}
table td.deficit::before{color:orangered !important;}
table.tar tbody tr td:not(:first-child){text-align: right;}
table.tar thead tr th:not(:first-child){text-align: right;}
/*table td{border-top: 1px solid ghostwhite;}*/
table tbody tr:not(.dop-info):not(.done):nth-child(odd){background-color: rgb(240, 250, 255);}
table tbody tr:hover,tr.hover{background-color: rgba(88, 223, 139, .3) !important;}
table tbody tr:hover td[contenteditable]{background-color: rgba(88, 223, 139, .3);}
/*table tbody tr td.process{background-color: rgba(253,57,122,.15);color: #e00850;cursor: pointer;}*/
table tbody tr.done,table tbody td.done{background-color: rgba(10,187,135,.15);color: #06966c;}

tr>td:last-child>button[data-type=drop]{padding:0;}
table.brr td,table.brr th{border-right: 1px solid rgb(205, 210, 235);}
th>button,th>input,th>select{padding: 2px 5px;width: auto;min-width: 100%;}
th>input::placeholder {color: lightseagreen;font-size: .8em;}
th>select[name="courier"]{max-width: 120px;}
td.white{background-color: white !important;}
.b{font-weight: bold;}
.donetr,.banks .auto{background-color: rgba(10,187,135,.15) !important;color: #06966c;}
[data-back="no"],.errortr{background-color: #fce4e4 !important;color: #cc0033;}
.closed{color: #cc0033;text-decoration: line-through;}
.label{display: inline-block;min-width: 120px;}
.btn,.ebtn,.dbtn{cursor: pointer;vertical-align: bottom;}
textarea {resize: vertical;vertical-align: middle;}
.process{color: green;}
.done{color: blue;}
small.description{color: #949fab;display:block;}
.transfer *{font-size: 4rem !important;}
.transfer>p{margin: .5em;}
.big-number{
    font-size: 1.4em;
    font-weight: bold;
white-space: nowrap;}
.badge-green{padding: 0 .5em;border-radius: 10rem;display: inline-block;margin-left: 10px;color: #34c38f;background-color: rgba(52,195,143,.18);}
.badge-red{padding: 0 .5em;border-radius: 10rem;display: inline-block;margin-left: 10px;color: #f46a6a;background-color: rgba(244,106,106,.18);}
.process>li,.done>li{margin: 3px 0;}
input[type=radio],input[type=checkbox]{position: sticky;top: 0;margin: 0 !important;width: 0 !important;height: 0 !important;padding: 0 !important;opacity: 0;}
input[type=radio]+label{
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
}
.radio+input+.radio{margin-left: 1em;}
input[type="radio"] + label:before, input[type="radio"] + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    transition: .28s ease;
    border: 2px solid #5a5a5a;
    border-radius: 50%;
}
input[type="radio"]:checked + label:before {border: 2px solid #50b0c8;}
input[type="radio"]:checked + label:after {
    background-color: #50b0c8;
    border: 2px solid #50b0c8;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
input[type=checkbox]+label{
    position: relative;
    padding-left: 30px;
    margin-right: 40px;
    margin-bottom: 20px;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
input[type="checkbox"] + label:before, input[type="checkbox"] + label:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 4px;
    margin-left: 1px;
    transition: .2s;
}
input[type="checkbox"] + label:after{
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
input[type="checkbox"]:checked + label:before {
    bottom: 2px;
    left: -5px;
    width: 12px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #50b0c8;
    border-bottom: 2px solid #50b0c8;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

/*for input date format dd.mm.yyyy*/
input[type="date"]::-webkit-datetime-edit, input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button {
    color: #fff;
    position: relative;
}
input[type="date"]::-webkit-datetime-edit-year-field{
    position: absolute !important;
    /*border-left:1px solid #8c8c8c;*/
    color:navy;
    left: 52px;
}
input[type="date"]::-webkit-datetime-edit-month-field{
    position: absolute !important;
    color:navy;
    left: 24px;

}
input[type="date"]::-webkit-datetime-edit-day-field{
    position: absolute !important;
    color:navy;
    left: 0;
}
/*input[type="date"]::-webkit-datetime-edit-day-field:after{*/
/*    content: '.';*/
/*    display: block;*/
/*    position: absolute !important;*/
/*    left: 26px;*/
/*    color:#333;*/
/*}*/
/*::-webkit-datetime-edit { padding: .5em;}*/
/*::-webkit-datetime-edit-fields-wrapper { background: silver; }*/
/*::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }*/
/*::-webkit-datetime-edit-month-field { color: blue; }*/
/*::-webkit-datetime-edit-day-field { color: green; position: absolute !important; left: 4px;}*/
/*::-webkit-datetime-edit-year-field { color: purple; }*/
/*::-webkit-inner-spin-button { display: none; }*/
/*::-webkit-calendar-picker-indicator { background: orange; }*/

.department-photo{position: relative;width: 360px !important;}
.department-photo>div:last-child{
    width: 360px;
    height: 360px;
    border-radius: 0.42rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border: 3px solid #ffffff;
    -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%);
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%);
}

.profile-photo{position: relative;width: 360px !important;cursor: pointer;}
.profile-photo>div:last-child{
    width: 360px;
    height: 360px;
    border-radius: 0.42rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border: 3px solid #ffffff;
    -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%);
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%);
}
.profile-photo.max{width: 100% !important;}
.profile-photo.max>div:last-child{
    width: 100% !important;
    height: 52vh;}
.profile-photo label{
    position: absolute;
    left: 330px;
    top: -10px;
    display: flex !important;
    justify-content: center;
    height: 40px !important;
    width: 40px !important;
    cursor: pointer;
    margin: 0 !important;
    text-align: center !important;
    border-radius: 50%;
    background-color: #ffffff;
    border-color: #ffffff;
    -webkit-box-shadow: 0px 9px 16px 0px rgb(24 28 50 / 25%) !important;
    box-shadow: 0px 9px 16px 0px rgb(24 28 50 / 25%) !important;
}
.profile-photo label>svg{
    margin: 0 !important;
}
.profile-photo .change-photo{
    color: #57d289 !important;
}
.profile-photo input[name="photo"]{
    display: none !important;
}
.profile-photo.full{
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw !important;
    height: 100vh;
    background: white;
    z-index: 999;
}
.profile-photo.full>div:last-child{

    width: 100% !important;
    height: 100% !important;
}
.profile-photo.full>label{top:-100%;}
.profile-photo.full>small{display: none;}
.hide-file input[type=file]{display: none;}
.autoUpload{display: inline-block;margin-right: 5px;}
.toggleNext{cursor: pointer;}
.tooltip{
    position: fixed;
    padding: 7px 15px;
    border: 1px solid rgba(60, 80, 180, .5);;
    border-radius: 3px;
    color: #222;
    background: #fff;
    box-shadow: 0 3px 7px rgba(199, 161, 63, .15);
    white-space: nowrap;
    z-index: 33;
}
/*.limit{color:silver;}*/
.dn{display: none;}
.di{display: inline;}
/* Track */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
/* Handle */
::-webkit-scrollbar-thumb {background: #5ea1cc; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb {background: #5ea1cc; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive {background: #5ea1cc; }
.df, section
,.clients>div
{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-ms-align-items: stretch;align-items: stretch;}
.fdc{-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.jcfs{justify-content: flex-start;}
.jcsb{justify-content: space-between;}
.jcc{justify-content: center;}
.fxg1{flex-grow: 1;}
.fxwn{-webkit-flex-wrap: nowrap;-moz-flex-wrap: nowrap;-ms-flex-wrap: nowrap;-o-flex-wrap: nowrap;flex-wrap: nowrap;}
.fdrev{-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;flex-direction: row-reverse;}
.ais{-ms-align-items: stretch;align-items: stretch;}
.aic{-ms-align-items: center;align-items: center;}
.ta7{-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;}
.ta3{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.br3{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tac{text-align: center;}
.tar{text-align: right;}
.rel{position: relative;}
.vat{vertical-align: top;}
.menu-tumbler{display: none;}
.text-2x{font-size: 2em;}
svg#uah,svg#usd,svg#eur{width: 50px; height: 50px;padding-top: 10px;}
.info{color: #283593;background-color: #FFF59D;font-size: 15px;padding: 15px;margin: 0;}
.bgSumm{background-color: lightgreen;}
.invisible{opacity: 0;}
.fr{float: right;}
.delete,.easybtn{color: red;cursor: pointer;background-color: transparent;-webkit-box-shadow: none;box-shadow: none;border:none;padding: 0;}
.ch>.controls{position: absolute;right: 0;top: 0;}
.ch>.controls>svg{cursor: pointer;}
.ch,/*cardHeader*/
.posrel{position: relative;}
.sticky{max-height: 70vh;overflow: auto;}
.sticky-scroll{overflow: scroll;}
.sticky>table thead th{position: sticky;top: 0;padding: 3px 8px;white-space: nowrap;z-index: 10;padding-bottom: 20px;text-transform: uppercase;font-size: 14px;
    background: -moz-linear-gradient(top, #fafafa 60%, transparent);
    background: -webkit-linear-gradient(top, #fafafa 60%, rgba(255,255,255,0.001));
    background: -o-linear-gradient(top, #fafafa 60%, transparent);
    background: -ms-linear-gradient(to top, #fafafa 60%, transparent);
    background: linear-gradient(top, #fafafa 60%, transparent);
}
.lesion{background-color: rgba(253,57,122,.15) !important;color: #e00850 !important;}
.partner{display: inline-block;padding: 2px 7px 0 7px;background-color: yellowgreen;border-radius: 3px;color:#fff;font-size: 0.8em;}
/*label[clone]{position: relative;}*/
/*label[clone]:after{content:'+';display: block;position: absolute;left: 75%;cursor: pointer;}*/
/*-------LifeLoad-------*/
.llList{display: none;position: absolute;top: 100%;left: 0;z-index: 500;max-height: 250px;width: 100%;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);border-radius: 2px;overflow-y: auto;padding: 0;margin: 0;background-color: #fff;}
.llList li{padding: 5px 8px;background-color: #fbfbfb;color:#74788d;border-bottom: 1px solid rgba(60, 80, 180,.15);margin: 0;}
.llList li.hover{color: #50b0c8;background-color: rgba(199, 161, 63, .15);}
/*.llList li.hover a {color: #FFFFFF;}*/
.llList li:last-child {border-bottom: none;}

.variableList{padding: 0;cursor: pointer;background-color: #fff;margin: 0 !important;}
.posrel .variableList{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    max-height: 55vh;
    box-shadow: 0 10px 15px rgba(82, 63, 105, 0.5);
    overflow-y: auto;
}

/*-------SVG-------*/
.isvg {width: 24px;height: 24px;
    stroke: currentColor;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;fill: none;
    color:#3099b3;
    vertical-align: bottom;cursor: pointer;margin-left: 10px;}
.isvg.right{color:lightsteelblue !important;margin: 0;cursor: default;}
.isvg.add>*,.isvg.add{stroke:none;fill: #0abb87;}
.isvg.edit>*,.isvg.edit, .ebtn{color:darkorange !important;}
.isvg.delete>*,.isvg.delete, .dbtn,
.isvg.deactivate>*,.isvg.deactivate, .dbtn, .cancel-pay{color:red !important;}
.isvg.restore>*,.isvg.restore{color:forestgreen !important;}
.isvg.delete{z-index: 20;}
.isvg.idone>*,.isvg.idone{color:#0abb87 !important;}
.isvg.profile>*,.isvg.profile{color:deepskyblue !important;}
.isvg.drop-down{color:dimgray !important; width: 18px; height: 18px;}
/*span.drop-down + ul{display: none;position: absolute;*/
/*    will-change: transform;*/
/*    top: 0px;*/
/*    left: 0px;*/
/*    padding: 0.5rem 0;*/
/*    margin: 0;*/
/*    background-color: #fff;*/
/*    background-clip: padding-box;*/
/*    border: 1px solid rgba(34,41,47,.05);*/
/*    transform: translate3d(0px, 40px, 0px);*/
/*    border-radius: 0.358rem;*/
/*    opacity: 1;*/
/*    box-shadow: 0 5px 25px rgb(34 41 47 / 10%);}*/
/*span.drop-down + ul>li{list-style: none;}*/
/*span.drop-down:focus + ul{display: block;*/
/*    z-index: 20;transform: translate3d(0px, 20px, 0px);}*/
.deactivated .isvg.add>*,.deactivated .isvg.add,
.deactivated .isvg.edit>*,.deactivated .isvg.edit,
.deactivated .isvg.delete>*,.deactivated .isvg.delete,
.deactivated .isvg.idone>*,.deactivated .isvg.idone,
.deactivated .isvg.profile>*,.deactivated .isvg.profile
{color: #9e9ea9 !important;}

.isvg.user-isset{cursor:default;}
.isvg.user-empty{cursor:default;}
.isvg.user-blocked{cursor:default;}
.isvg.user-add{color:#06966c !important;}
.isvg.user-isset{color:#0abb87 !important;}
.isvg.user-empty{color:red !important;}
.isvg.user-blocked{color:#9e9e9e !important;}

.isvg.reject{color:red !important;}
.isvg.approve{color:forestgreen !important;}

.isvg.attach{color:deepskyblue !important;}
.isvg.start{color:#0abb87 !important;}
/*.isvg.stop{color:darkslategray !important;}*/
.tabs a>svg{margin: 0;}
.wsnw{white-space: nowrap;}
.red{color:#ef3f3f;}
/*.isvg+.isvg{}*/
h4 .isvg {-webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);}

/*-------PROGRESS-------*/
.progress{
    overflow: hidden;
    line-height: 0;
    padding: 0 !important;
    /*background: #e9e5e2;*/
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#e1ddd9), to(#e9e5e2));*/
    /*background-image: -webkit-linear-gradient(top, #e1ddd9, #e9e5e2);*/
    /*background-image: -moz-linear-gradient(top, #e1ddd9, #e9e5e2);*/
    /*background-image: -ms-linear-gradient(top, #e1ddd9, #e9e5e2);*/
    /*background-image: -o-linear-gradient(top, #e1ddd9, #e9e5e2);*/
    /*background-image: linear-gradient(top, #e1ddd9, #e9e5e2);*/
    /*border-radius: 10px;*/
    /*-moz-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;*/
    /*-webkit-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;*/
    /*box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;*/
}
.progress-bar {
    height: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}
/*-------ALERTS-------*/
.messages{
    position: fixed;
    top: 55px;
    left: calc(50% + 85px);
    transform: translateX(-50%);
    z-index: 15;
    margin: 0 15px !important;
}
.alert{
    border-color: transparent;
    border-radius: 0.42rem;
    padding: 10px 40px 10px 15px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}
.alert-danger{
    background-color: #ffe3eb;
    color: #e00850;
}
.alert-success{
    background-color: #e2f4ed;
    color: #06966c;
}
.alert-warning{
    background-color: #FFF4DE;
    color: #FFA800;
}
.alert-info{
    background-color: #E1F0FF;
    color: #3699FF;
}
.alert span.close{
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
    color: #ad1457 !important;
    stroke-width: 2;
}
.alert span.close>*{color: #ad1457 !important;}
.mark{padding: 2px 7px;
    font-size: 0.9em;
    border-radius: 10px;
}
.errors-code{min-height:80vh;justify-content: center;align-items: center;}
.errors-code>h1{font-size: 3rem;}
.deactivated, .deactivated *{
    color: #9e9ea9 !important;
}
.trashed *{
    color: red !important;
    text-decoration: line-through;
}

.pagination{}
.pagination>div{
    line-height: 28px;
    margin: 7px 20px 7px 0;}
.pagination>div:nth-child(1) svg {margin: 0;
    width: 20px;
    height: 18px;
    vertical-align: unset;}
.pagination-links>*:not(div){
    display: inline-block;
    height: 28px;
    width: 32px;
    text-align: center;
    outline: none;
    /*line-height: 28px;*/
    margin: 0 5px;
    color: #3099b3;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 7%);
    border-radius: 3px;}
.pagination-links>span{background-color: #f0fafe;width: 40px;}
.pagination-links>a{width: 26px;}


.sortingBox [data-sort]{cursor: pointer;color: #3099b3;}
[data-copy-to]{cursor: pointer;color: #3099b3;}
.inline-form, .inline-form>*{display: inline-block;width: unset;}

/*-------AUTH-------*/
.auth{position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100vh;}
.login{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;height: 100vh;-ms-align-items: center;align-items: center;margin: 0 !important;}
.login>div{padding: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.login>div:first-child{-webkit-flex: 0 0 33%;-moz-flex: 0 0 33%;-ms-flex: 0 0 33%;-o-flex: 0 0 33%;flex: 0 0 33%;width: 33%;background: no-repeat center url('/images/login.jpg');-webkit-background-size: cover;background-size: cover;min-height: 100vh;}
.login>div:last-child{-webkit-flex: 0 0 67%;-moz-flex: 0 0 67%;-ms-flex: 0 0 67%;-o-flex: 0 0 67%;flex: 0 0 67%;width: 67%;text-align: center;}
.login>div:last-child>div{max-width: 300px;margin: 0 auto;}
.login form input{width: 100% !important;}
/*-------BODY-------*/
body{font-size: 16px;margin: 0;padding: 60px 10px 10px 10px;height: 100%;background-color: rgba(60, 80, 180, 0.015);background-color: rgb(242, 243, 248);position: relative;}
.mp0{margin: 0;padding: 0;background-color: #fff;}
h4{margin: 5px 0;}
h2{margin: 5px 0;}
.clear>h4,.clear>h2{margin-left:10px;}
.clear{margin: 0 -10px;}
.mp0 h1{font-size: 50px;margin-top: 0;color:#fff;letter-spacing: 2px;}
.mp0 h2{font-size: 30px;margin-top: 0;margin-bottom: 30px;}
.mp0 input{border: none;text-align: center;margin: 0;margin-top: 1.25rem;background-color: rgba(247, 247, 249, 0.7);padding: 15px 20px;-webkit-transition: background-color 0.3s ease;transition: background-color 0.3s ease;border-radius: 4px;}
.mp0 button{padding: 10px 20px;border-radius: 0.25rem;}
.tab-nav{list-style-type: none;padding-left: 0;margin: 0;padding: 0 20px;border-bottom: 1px solid rgb(205, 210, 235);}
.tab-nav>li{margin-right: 20px;margin-bottom: 0;color: rgba(115,115,115,.9);padding: 10px;cursor: pointer;border-bottom: 1px solid transparent;}
.tab-nav>li.active{border-bottom: 1px solid #50b0c8;color: #50b0c8;}
.tab-nav>li>a{color: rgba(115,115,115,.9);}
.tab-nav>li.active>a{color: #50b0c8;}
.tab-body>div{display: none;overflow: auto;}
.tab-body .active{display: block;}
.form>div{overflow-x: auto;}
/*kill*/
.form label:not(.checkbox):not(.radio),form label:not(.checkbox):not(.radio){display: block;width: 100%;text-align: right;margin: 20px 0;}
.form label.checkbox,form:not(.checkbox-old) label.checkbox{margin: 0 15px 0 0;}
.form label:not(.checkbox):not(.radio)>*,form label:not(.checkbox):not(.radio)>*{min-width: 40%;margin-right: 30%;margin-left: 20px;}

/*kill*/
/*.form p:not(.checkbox){display: block;width: 100%;text-align: right;margin: 20px 0;}
.form p.checkbox{margin: 0; margin-right: 15px;}
.form p:not(.checkbox)>*{min-width: 40%;margin-right: 30%;margin-left: 20px;}*/
.form.checkbox{margin: 20px 0;}
.form.checkbox>*{}
.form button:not(.without-margin):first-child{margin-left: 30%;}
.form .btnLine{text-align: left;}
.form .btnLine button{margin-left: 0;margin-right: 20px;}
.modal .form button{margin-left: 20px;}
.modal .form p>input[type="checkbox"]{display: inline-block;}
.pnf h1{font-size: 404px;margin: 0;text-align: center;}

.newform>div,
form>div
{margin: 20px 0;}
.newform>div>div,
form>div>div
{display: inline-block;}
.newform>div>div:first-child,
form>div>div:first-child
{width: 30%;text-align: right;padding-right: 20px;color: #616161;}
.newform>div>div:last-child,
form>div>div:last-child
{width: calc(70% - 20px);}
.newform>div>div:last-child>button:not(:last-child),
form>div>div:last-child>button:not(:last-child)
{margin: 10px 10px 10px 0;}

.newform input[type=checkbox]+label.prev-input-update,
form input[type=checkbox]+label.prev-input-update
{margin: 0 0 -4px 4px;}

.add-input-button, .remove-input-button{position:relative;}
.add-input-button>button{position:absolute;right: 0;top: -1px;padding: 0;width: 18px;height: 18px;}
.remove-input-button>button{position:absolute;right: 0;top: -1px;padding: 0;width: 18px;height: 18px;background-color: #e00850;}
/*-------HEADER-------*/
header{position: fixed;top: 0;left: 0;right: 0;height: 50px;color:white;background: linear-gradient(to right,
#50b0c8, #58df8b);/*background-color: #f5f5f5;*/z-index: 15;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 5px 0px rgba(199, 161, 63, .15);}
header>*{margin: 0 1em;}
header>a{display: block;font-size: 1.2em;margin-left: 1em;text-decoration: none;letter-spacing: 2px;color: white}
header>a:first-child{width: 170px;letter-spacing: 2px;text-align: center;margin: 0;}
.hseparator{margin-left: auto;}
.separator{margin: 0 20px;}
.account,.period{margin-right: 2em;cursor: pointer;/*margin-left: auto !important;*/}
.account>*{display: inline-block;}
.account>div:first-child{width: 50px;height: 50px;float: left;overflow: hidden;}
.account>p{font-size: 1em;margin: .5em 0 .5em 1em;}
.account>svg{vertical-align: middle;}
.account>svg>*{color:fff;}
.account.show .isvg,nav>a.showSubMenu>.subMenu{-webkit-transform: rotateX(180deg);-ms-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);}
.account-drop{padding: 10px 0;}
.account-drop form{margin-bottom: 0;}
.account-drop,.period-drop{position: fixed;right: 1em;top:50px;min-width: 200px;transform-origin: right top;background-color: white;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);color: #333;-webkit-box-shadow: 0px 2px 7px silver;box-shadow: 0px 2px 7px silver;}
.period{position: relative;}
.period span{display:block;}
.period-drop{padding: 1.5em;right: 120px;}
.period-drop label{display: block !important;text-align: left !important;margin: .2em 0 !important;}
.period-drop>div{margin: 10px 0;}
.period-drop>button{margin-top: 10px;}
.period-drop input{display: block !important;}
.period-drop input[type="radio"]{display: none;}
.period-drop input[type="date"]{display: block;width: 150px;margin-bottom: .5em;}
.account-drop.show,.period-drop.show{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);z-index: 10;}
/*.account-drop>div:not(:first-child){color:rgba(115,115,115,.9);}*/
/*.account-drop>div:first-child{padding: 10px;border-bottom: 1px solid rgba(199, 161, 63, .15);}*/
/*.account-drop>div:first-child>div:first-child{width: 65px;height: 65px;float: left;overflow: hidden;}*/
/*.account-drop>div:first-child>div:last-child{margin-left: 65px;padding: .7em 0 .7em 1em;}*/
/*.account-drop>div:first-child>div:last-child b{color:#333;letter-spacing: 1px;font-size: 1.3em;}*/
/*.account-drop>div:first-child>div:last-child a{color:rgba(115,115,115,.9);}*/
.account-drop>div a{padding: 10px 10px 10px 44px;display: block;vertical-align: super;color:rgba(115,115,115,.9);position: relative;}
.account-drop>div a>svg{position: absolute;left: 0;top:7px;}
/*-------NAV-------*/
/*nav{position: fixed;top: 50px;height:calc(100vh - 50px); left: 0px;width: 170px;overflow-y: auto;overflow-x: hidden;z-index: 14;text-align: center;background: white;box-shadow: 0 3px 10px rgba(199, 161, 63, .15);}*/
nav{width: 100%;overflow-x: auto;background: white;box-shadow: 0 3px 10px rgba(199, 161, 63, .15);}
/*nav>a,nav>div a{display: block;position: relative;padding: 10px 0 10px 20px;margin: 0;text-align: left;white-space: nowrap;text-decoration: none;color:rgba(115,115,115,.9);transition: color .3s;}*/
nav>a,nav>div a{display: block;position: relative;padding: 10px 15px;margin: 0;text-align: left;white-space: nowrap;text-decoration: none;color:rgba(115,115,115,.9);transition: color .3s;}
nav>a:hover,nav>a.active,.account-drop>div:hover,.account-drop>div a:hover, nav>div a.active{color: #00b484;background-color: rgb(236, 245, 250);}
nav>a>svg.isvg{display: inline;
    vertical-align: -6px;
    margin-right: 10px;
    z-index: 21;}
nav>a>.subMenu{position: absolute;right: 0;top: 0;padding: 7px;height: 38px;width: 38px;margin: 0 !important;}
nav>div{display: none;margin: 0;text-align: left;list-style-type: none;}
nav>div a{padding: 4px 0 6px 30px;}
/*{display: inline-block;padding: 4px 0;}*/
/*nav>a+ul{display: none;overflow: hidden;margin: 0;}*/
.develop{margin-top: auto;}
/*-------CONTENT-------*/
section:not(.clear)>div{padding: 10px 15px;background-color: #fff;box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);border-radius: 4px;overflow-x: auto;}
section>div{margin: 10px;}
/*section>div>section>div{margin: 0;}*/
.w100{flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
.w70{flex: 0 0 calc(70% - 20px);max-width: calc(70% - 20px);}
.w60{flex: 0 0 calc(60% - 20px);max-width: calc(60% - 20px);}
.w50{flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);}
.w40{flex: 0 0 calc(40% - 20px);max-width: calc(40% - 20px);}
.w33{flex: 0 0 calc(33% - 20px);max-width: calc(33% - 20px);}
.w30{flex: 0 0 calc(30% - 20px);max-width: calc(30% - 20px);}
.w20{flex: 0 0 calc(20% - 20px);max-width: calc(20% - 20px);}
.w25{flex: 0 0 25%;max-width: 25%;}
.w75{flex: 0 0 75%;max-width: 75%;}
.pad>.w25{padding: 10px;}
.content{width: 100%;height: auto;padding-left: 0;margin-left: 0;}

body>div:not(.tw100):not(.card),.tw100>h4,.tw100>h3{margin-left: 15px;}
.tw100>table,body>table{width: 100%;}
.card {
    position: relative;
    word-wrap: break-word;
    background-color: #f6f7fb;
    background-clip: border-box;
    border-bottom: 1px solid #50b0c8;
    padding: 7px 15px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    overflow: auto;
}
input,textarea,select{width: 360px;}
.ibase{color:#8492a6;margin-bottom: -1em !important;}
.ibase>span{width: 360px;display: inline-block;text-align: left;}
.newform input:not([type="checkbox"]),.newform textarea,.newform select,
form input:not([type="checkbox"]),form textarea,form select,{min-width: 57%;}
/*input.canUpdate {width: 230px;}*/

.period input,.period textarea,.period select{width: 140px;}
.modal input:not([type="radio"]),.modal textarea,.modal select{width: 300px;display: block;}
.modal label.checkbox {vertical-align: bottom;}
.card>button{margin-bottom: 0;margin-left: auto;}
.card.tac>button {margin-right: auto;}
.cardTitle{margin-bottom: 1em;-ms-align-items: center;align-items: center;border-bottom: 1px solid #ebedf2;padding-bottom: 2px;}
.cardTitle>*:first-child{margin-right: auto;}
.tab-body .cardTitle{border-bottom: none;margin-bottom: 0;}
body>h4,body>h3{padding-left: 15px;}

.tabs{margin: 0;-ms-align-items: center;align-items: center;padding-left: 10px;list-style-type: none;-webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);}
.tabs>li{margin-right: 15px;position: relative;cursor: pointer;}
.tabs>li::before{
    top: 15%;
    z-index: 4;
    box-shadow: 0 16px 26px -10px rgba(63,106,216,0.56), 0 4px 25px 0px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(63,106,216,0.2);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    width: 100%;
    left: 0;
    bottom: -2px;
    content: "";
    position: absolute;
    display: block;
    border-radius: .25rem;
    /*background: #3f6ad8;*/
    background: linear-gradient(30deg, #50b0c8, #55cea3);
    transition: all .2s;
    height: 4px;
}
.tabs>li.active::before,.tabs>li:hover::before{border-radius: .25rem;opacity: 1;
    transform: scale(1);
    height: 70%;
    opacity: 1;
}
.tabs>li>*{position: relative;z-index: 5;padding: 10px;display: inline-block;}
.tabs>li.active>*,.tabs>li:hover>*{color:#fff;}

/*-------ALL-------*/
.dev ul p{margin: 1.5em 0.1em 0;}
.cashier-department button{
    margin-left: 30px;}
/*.person-start{*/
/*    cursor: pointer;color:#3099b3}*/
.steps>div>span {
    line-height: 2.8rem;
    color: #b8c2cc;
    font-weight: bold;
    cursor: default;
}
.steps>div>span:first-child{
    display: inline-block;
    text-align: center;
    width: 2.71rem;
    height: 2.71rem;
    border-radius: 6px;
    margin-right: 1rem;
    margin-bottom: 1rem;
    color: #b8c2cc;
    background-color: #ededed;
}
.steps>div.active>span:first-child {
    color: #00b484;
    background-color: rgb(225, 240, 250);
}
.steps>div.active>span:last-child{
    color: #00b484;
}
span.interrupt{
    margin-right: auto;;
    appearance: none;
    outline: none;
    border: 1px solid #58df8b;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    border: 0;
    color: #fff;
    -webkit-box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
    text-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    background-color: #e00850;
}
.go-away{
    background-color: #FFA800; color:#fff;}
.total-balance>div{font-size: 1.4rem;padding: 20px !important;text-align: center;font-weight: bold;min-width: 160px;}
.total-balance>div>span{display: block;font-size: 1.2rem;color: #9e9ea9;}
/*-------MODAL-------*/
.modal{display: none;}
.modal>div{position: fixed;left: 0;width: 100vw;top: 0;height: 100vh;justify-content: center;-ms-align-items: center;
    align-items: center;margin-right: 15px;background-color: rgba(0, 0, 0, .7);z-index: 10;}
.modal>div>div{background-color: #fff;padding: 1rem;overflow-y: auto;}
/*[show-modal]{color:#50b0c8;cursor: pointer;}*/



/*-------CHARTS-------*/
.highcharts-figure, .highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}
#container {
    height: 400px;
}
.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
.highcharts-credits{display: none !important;}


.big-number>div{flex: 1 0;padding:5px;}
.big-number>div>p{font-size: 3em;font-weight: bold;margin: 0;}
.big-number>div>h4{opacity: .6;}


tbody .category, tr.total{background-color: rgba(80, 176, 200, .35) !important;}
tbody .category>td{padding-top: 10px;font-weight: bold;font-size: 1.5em;}
tr.total>td{height: 60px;vertical-align: 60px;font-weight: bold;font-size: 24px;}
tbody .modified>td.changed{color: blue;}
.total{font-size: 2em;}
.total>b{font-size: 1.4em;padding-left: 20px;}
.currentImage>img{max-width: 320px;}
.toggle-log table img{max-width: 300px; max-height: 220px;}

.department-schedule-form>input[type="time"]{
    width: 90px;
    min-width: unset;
}

/*-------CHRONOLOGY-------*/

/*-------TEMP-------*/
input[name="qf"]{max-width: 100px;}
.qf-done{background-color: green !important;}
.qf-diff{background-color: red !important;}


/*-------FOOTER-------*/


@media (max-width: 1600px){

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

}
@media (max-width: 1280px){
    .w70,.w60,.w50,.w40{flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
    .w33, .w30, .w25, .w20{flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);}
    .fdrev{-webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;-ms-flex-direction: column-reverse;-o-flex-direction: column-reverse;flex-direction: column-reverse;}
}
@media (max-width: 1024px){
}

@media (max-width: 1023px){

}

@media (max-width: 892px){
    .inquirers .item{width: 50%;}
    .newform>div>div:first-child,
    form>div>div:first-child
    {width: 100%;text-align: left;padding-right: 0px;padding-left: 3px;}
    .newform>div>div:last-child,
    form>div>div:last-child
    {width: 100%;}

}

@media (max-width: 820px){

}

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

@media (min-width: 581px){
    .om{display: none;}
}

@media (max-width: 580px){
    .mdn{display: none !important;}
    body {padding: 50px 0 0;}
    section {margin: 0;}
    section>div {margin: 7px;padding: 0;}
    h3{margin-left: 20px;margin-right: 20px;}
    header>button{display: none;}
    header>a:first-child{width: 70px;}
    .account,.period{margin-right: .5em;}
    /*.account-drop{top: 50px;}*/
    header {width: 100vw;}
    header>*{margin: 0;}
    .menu-tumbler{display: block;margin-right: 10px;}
    nav {position: fixed;height:calc(100vh - 50px); left: 0;width: 100vw;top:-250vh;overflow-y: auto;overflow-x: hidden;
        text-align: center;
        z-index: 33;
        background: url(/images/mob-menu-bg.jpg) bottom left/cover no-repeat;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;}

    nav.show {left:0;top: 50px;background-color: white;
        padding-top: 20px;}
    nav>a{padding: 7px 0 7px 40vw;}
    nav>div a{padding: 7px 0 7px 45vw;}
    nav>a,nav>div a{display: block;position: relative;margin: 0;text-align: left;
        white-space: nowrap;text-decoration: none;color:rgba(115,115,115,.9);transition: color .3s;
    }
    /*nav>a,nav>div a{display: block;position: relative;padding: 10px 0 10px 20px;margin: 0;text-align: left;white-space: nowrap;text-decoration: none;color:rgba(115,115,115,.9);transition: color .3s;}*/

    nav>a>.subMenu {right: 10vw;}
    nav>a>svg.isvg {display: inline; margin: 0;vertical-align: -6px;margin-right: 15px;}
    .period>p {margin: 0;}
    .period span {display: block;}
    .period-drop {right: 0;margin: 0;top: 50px;left: 0;bottom: 0;}
    .sticky{max-height: 55vh;overflow: auto;}
    .sticky>table thead th{position: sticky;top: 0;padding: 3px 8px;white-space: nowrap;background: #fff;z-index: 10;}
    .sticky2{max-height: 55vh;max-width: 100%;overflow: auto;}
    .sticky2>table thead th{position: sticky;top: 0;padding: 3px 8px;white-space: nowrap;background: #fff;z-index: 10;}
    .sticky2>table tbody tr>td:first-child{position: sticky;left: 0;padding: 3px 8px;white-space: nowrap;background: #fff;z-index: 10;}
    .profile-photo>div:last-child{width: 100%;height: 300px;margin: 0 auto;}
    .profile-photo label{left:290px;}
    .tab-nav {padding: 0;}
    .tab-nav>li {margin-right: 10px;font-size: 13px;padding: 8px;}
    .modal>div{margin-right: 0;top:50px;}
    .modal>div>div {padding: 7px;width: 100%;height: 100%;padding-bottom: 30vh;}
    .card>input,.card>select{width: 100%;}
    .card>input.p70{width: calc(70% - 15px);margin-right: 10px;}
    .card>select.p30{width: 30%;}
    .form:not(.checkbox) p:not(.tar),form:not(.checkbox) p:not(.tar) {text-align: left;}
    .form:not(.checkbox) p>*:not(label):not(ul):not(button),form:not(.checkbox) p>*:not(label):not(ul):not(button) {min-width: 100%; margin: 5px 0 0;}
    .form button,form button {margin-left: auto;display:block;}
    .form label:not(.checkbox):not(.radio)>*,form label:not(.checkbox):not(.radio)>*{margin: 0;}
    .form .btnLine,form .btnLine{text-align: right;}
    .form .btnLine button,form .btnLine button{margin-left: 20px;margin-right: 0;margin-bottom: 20px;}
    select,input, textarea,.modal input, .modal textarea, .modal select {width: 100%;margin-bottom: 4px;}
    input.canUpdate, textarea.canUpdate {width: calc(100% - 70px);}

    .messages{
        bottom: 20px;
        top: unset;
        left: unset;
        transform: unset;
    }
    .clear{margin: 0;}
    .clear>div{margin: 7px 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .w100, .w70, .w60, .w50, .w40, .w33, .w30, .w20, .w25, .wa, .modal>div>.form {flex: 0 0 calc(100% - 14px);max-width: calc(100% - 14px);}
    .permissions>h4{margin-top: 40px;}

    ul.llList{margin-top: 0;}
    .inquirers .item{width: 100%;}
    .big-number>div{min-width: 45%;margin-bottom: 10px;}
    .currentImage>img{max-width: 100%;}
    /*.paginator{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;padding-bottom: 10px;box-shadow: 0 -4px 4px 0 rgba(136,152,170,.15);}*/
    .mw75{width: 75%;}
    .cashier-department label{display: block !important;margin-left: 20 !important;}
    .cashier-department button{margin-top: 10px;margin-left: auto;}
    .total-balance>div{flex-grow: 1;min-width: unset;}
    .profile-photo{width: 100% !important;}
}
@media (max-width: 420px){
    .account>p{display: none;}
}
@media (max-width: 320px){
    .profile-photo>div:last-child{
        width: 280px;
        height: 280px;}
    .profile-photo label{left:240px;}
    .account,.period, header>*{margin-left: 0;}
}