#cssload-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;z-index:15;overflow:hidden}.cssload-loader{width:105px;height:105px;border:1px #000 solid;position:absolute;left:50%;top:50%;margin:-52px 0 0 -52px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.cssload-loader .cssload-loading{font-size:7px;position:absolute;width:100%;text-align:center;line-height:10px;font-family:'Century Gothic',sans-serif;font-style:italic;left:0;top:50%;margin-top:14px;color:#000;font-weight:700;text-transform:uppercase;-o-text-transform:uppercase;-ms-text-transform:uppercase;-webkit-text-transform:uppercase;-moz-text-transform:uppercase}.cssload-loader-circle-1{width:97px;height:97px;left:3px;top:3px;border:1px #000 solid;position:absolute;border-right-color:transparent;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;animation:spin 2.55s linear infinite;-o-animation:spin 2.55s linear infinite;-ms-animation:spin 2.55s linear infinite;-webkit-animation:spin 2.55s linear infinite;-moz-animation:spin 2.55s linear infinite}.cssload-loader-circle-2{width:88px;height:88px;left:3px;top:3px;border:1px transparent solid;position:absolute;border-right-color:#e81512;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;animation:spin 4.25s linear infinite;-o-animation:spin 4.25s linear infinite;-ms-animation:spin 4.25s linear infinite;-webkit-animation:spin 4.25s linear infinite;-moz-animation:spin 4.25s linear infinite}.cssload-loader .cssload-line{width:7px;height:1px;background:#000;position:absolute}.cssload-loader .cssload-line:nth-child(1){left:11px;top:50%;margin-top:-1px}.cssload-loader .cssload-line:nth-child(2){transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);left:23px;top:23px}.cssload-loader .cssload-line:nth-child(3){top:11px;left:50%;width:1px;height:7px}.cssload-loader .cssload-line:nth-child(4){transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);right:23px;top:23px}.cssload-loader .cssload-line:nth-child(5){right:11px;top:50%;margin-top:-1px}.cssload-loader .cssload-line:nth-child(6){transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);right:23px;bottom:23px;background:#e81512}.cssload-loader .cssload-subline{position:absolute;width:2px;height:1px;background:#000}.cssload-loader .cssload-subline:nth-child(7){transform:rotate(22.5deg);-o-transform:rotate(22.5deg);-ms-transform:rotate(22.5deg);-webkit-transform:rotate(22.5deg);-moz-transform:rotate(22.5deg);left:15px;top:35px}.cssload-loader .cssload-subline:nth-child(8){transform:rotate(67.5deg);-o-transform:rotate(67.5deg);-ms-transform:rotate(67.5deg);-webkit-transform:rotate(67.5deg);-moz-transform:rotate(67.5deg);left:35px;top:15px}.cssload-loader .cssload-subline:nth-child(9){transform:rotate(112.5deg);-o-transform:rotate(112.5deg);-ms-transform:rotate(112.5deg);-webkit-transform:rotate(112.5deg);-moz-transform:rotate(112.5deg);right:35px;top:15px}.cssload-loader .cssload-subline:nth-child(10){transform:rotate(157.5deg);-o-transform:rotate(157.5deg);-ms-transform:rotate(157.5deg);-webkit-transform:rotate(157.5deg);-moz-transform:rotate(157.5deg);right:15px;top:35px}.cssload-loader .cssload-subline:nth-child(11){transform:rotate(22.5deg);-o-transform:rotate(22.5deg);-ms-transform:rotate(22.5deg);-webkit-transform:rotate(22.5deg);-moz-transform:rotate(22.5deg);right:14px;bottom:34px;background:#e81512}.cssload-loader .cssload-needle{width:10px;height:10px;border:1px #000 solid;position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;z-index:1;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;animation:pegIt 2.55s infinite ease-in-out;-o-animation:pegIt 2.55s infinite ease-in-out;-ms-animation:pegIt 2.55s infinite ease-in-out;-webkit-animation:pegIt 2.55s infinite ease-in-out;-moz-animation:pegIt 2.55s infinite ease-in-out}.cssload-loader .cssload-needle:before{content:"";width:0;height:0;border-style:solid;border-width:2.5px 35px 2.5px 0;border-color:transparent #e81512 transparent transparent;position:absolute;right:50%;top:50%;margin:-2.5px 0 0 0;border-radius:0 50% 50% 0;-o-border-radius:0 50% 50% 0;-ms-border-radius:0 50% 50% 0;-webkit-border-radius:0 50% 50% 0;-moz-border-radius:0 50% 50% 0}@keyframes pegIt{0%{transform:rotate(0)}16%{transform:rotate(75deg)}25%{transform:rotate(55deg)}30%{transform:rotate(90deg)}36%{transform:rotate(170deg)}42%{transform:rotate(150deg)}50%{transform:rotate(227deg)}100%{transform:rotate(0)}}@-o-keyframes pegIt{0%{-o-transform:rotate(0)}16%{-o-transform:rotate(75deg)}25%{-o-transform:rotate(55deg)}30%{-o-transform:rotate(90deg)}36%{-o-transform:rotate(170deg)}42%{transform:rotate(150deg)}50%{-o-transform:rotate(227deg)}100%{-o-transform:rotate(0)}}@-ms-keyframes pegIt{0%{-ms-transform:rotate(0)}16%{-ms-transform:rotate(75deg)}25%{-ms-transform:rotate(55deg)}30%{-ms-transform:rotate(90deg)}36%{-ms-transform:rotate(170deg)}42%{transform:rotate(150deg)}50%{-ms-transform:rotate(227deg)}100%{-ms-transform:rotate(0)}}@-webkit-keyframes pegIt{0%{-webkit-transform:rotate(0)}16%{-webkit-transform:rotate(75deg)}25%{-webkit-transform:rotate(55deg)}30%{-webkit-transform:rotate(90deg)}36%{-webkit-transform:rotate(170deg)}42%{transform:rotate(150deg)}50%{-webkit-transform:rotate(227deg)}100%{-webkit-transform:rotate(0)}}@-moz-keyframes pegIt{0%{-moz-transform:rotate(0)}16%{-moz-transform:rotate(75deg)}25%{-moz-transform:rotate(55deg)}30%{-moz-transform:rotate(90deg)}36%{-moz-transform:rotate(170deg)}42%{transform:rotate(150deg)}50%{-moz-transform:rotate(227deg)}100%{-moz-transform:rotate(0)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}

header {margin-top: 20px}
*, a:focus {outline: none !important;}
img {display: block; font-size: 0.7rem; line-height: 0.8rem}
html, body{margin: 0; padding: 0; font-size: 18px}
ul {list-style-type: none;margin: 0;padding: 0;}
li {display: inline-block; min-width: max-content; width: 100%;}
a, a:hover {text-decoration: none;color: initial;}
input, textarea {border: 1px solid #000000;width: 220px;font-size: 0.9em;margin-bottom: 15px;}
input[type=checkbox] {width: unset;margin-right: 20px;}
input::placeholder, textarea::placeholder {color: #858585;}
input[type=text]:focus {box-shadow: 0 0 3px rgba(60, 60, 60, 0.8);}
button{cursor: pointer;}

table {
    border-collapse: collapse;
    margin: 0 30px;
}
td, th {
    border: 1px solid #bfbfbf;
    padding: 3px 7px 2px 7px;
    width: 28px;
    height: 15px;
}
th {
    text-align: center;
    background-color: #adadad;
    color: #fff;
    cursor: pointer;
}
th:hover {
    background-color: #818181;
}
tr:nth-child(odd) {
    background-color: #f4f4f4;
}
tbody tr:hover,  tbody tr:hover a {
    background: #f3f3f3;
    color: #a3a3a3;
}

th.day {
    border-bottom: unset;
}
th.weekday {
    border-top: unset;
}
th.cars-add {
    width: 350px;
}


[class*=overlay] {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    transition: all 300ms;
    z-index: -1;
}

[class*=popup] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    max-height: 90vh;
    max-width: 90vw;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    background: #fff;
    transition: width 200ms, height 200ms 200ms;
    overflow: hidden;
    overflow-y: auto;
    z-index: -1;
    text-align: center;
    color: #000;
}

[class*=popup] h2 {
    align-self: center;
}

[class*=listing] {
    width: 0;
    height: 0;
    z-index: -1;
    padding: 0;
    border: none;
    position: absolute;
    background: #fcf0cd;
    left: 45%;
    right: 45%;
    overflow: hidden;
    transition: height 200ms;
}

[class*=listing] a {
    white-space: nowrap;
}

[class*=listing] li:hover  {
    background: #cec3a9;
}

[data-popup], [data-listing], [data-confirm], [data-copy] {
    cursor: pointer;
} 

.show {
    display: none;
    cursor: pointer;
}

.flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.center {
    align-items: center;
}

.wait {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    font-size: 35px;
    font-weight: 700;
    animation: .6s cubic-bezier(0.02, 0.45, 1, 0.53) 0s normal none infinite running rotate-animation;
}

.close {
    top: 4px;
    right: 10px;
    cursor: pointer;
}

.container {max-width: 1280px;margin: 0 auto;min-height: calc(80vh)}

.container.no-height {
    min-height: unset;
}

.btn {
    text-decoration:none;
    text-align:center;
    border:solid 1px #e0e0e0;
    padding: 6px 20px;
    border-radius: 7px;
    font:18px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#ffffff;
    background-color:#adadad;
    box-shadow:1px 3px 4px #bababa, inset 0 0 1px #ffffff;
    margin: 0 15px 10px 0;
    transition: all 200ms;
}

.btn:hover {
    background-color: #727272;
    color: #ffffff;
}

table.drivers {
    margin: 50px 0 50px 30px;
}
.drivers td,
.drivers th,
.table.cars td,
.table.cars th {
    width: auto;
    white-space: nowrap;
}

.today {
    background: #000000;
}

.--hide {
    display: none;
}

.table.cars {
    margin: 0 0 50px 30px;
}

th.top {
    height: 50px;
    background: #ffffff;
    color: #000000;
    font-size: 1.3rem;
    border-top: none;
    border-left: none;
    border-right: none;
}
th.top:hover {
    background: #ffffff;
}

label {
    display: flex;
    justify-content: space-between;
}

select {
    margin: 0 0 30px;
    width: 250px;
    border: 1px solid #aaaaaa;
    font-size: 1.1rem;
}

.filters_report .input-as-select, .input-as-select {
    width: 67px;
    height: 24px;
    font-size: 1.1em;
    margin-bottom: 15px;
    padding: 0 0 0 8px;
    border: 1px solid #aaaaaa;
    margin-left: 16px;
}


.popup-add-money .inputs {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.popup-add-money textarea {
    align-self: center;
    border: 1px solid #aaaaaa;
    width: 350px;
    margin: 0 0 23px;
}

.tabs {
    margin: 0 30px;
}

.tabs ul {
    display: flex;
}

.tabs li {
    border: 1px solid #aaaaaa;
    padding: 3px  6px;
    background: #c3c3c3;
    display: inline-block;
    width: 100px;
    text-align: center;
    cursor: pointer;
}

.tabs li.current {
    background: #ffffff;
    position: relative;
    border-bottom: none;
    border-left: none;
    border-right: none;
    cursor: unset;
}

.tabs li.current:before {
    /*content: '';*/
    /*position: absolute;*/
    /*background: #ffffff;*/
    /*left: -15px;*/
    /*bottom: 0;*/
    /*height: 0;*/
    /*border: 1px solid #727272;*/
}
.tabs li.current div.bottom {
    content: '';
    position: absolute;
    background: #ffffff;
    width: 132px;
    bottom: -1px;
    left: -10px;
    height: 1px;
}

.tabs li.current div.left {
    content: '';
    position: absolute;
    background: #ffffff;
    width: 10px;
    height: 32.4px;
    bottom: -1px;
    left: -7px;
    border-bottom: none;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    transform: skewX(-16grad);
    z-index: 2;
}

.tabs li.current div.right {
    content: '';
    position: absolute;
    background: #ffffff;
    width: 10px;
    height: 32.4px;
    bottom: -1px;
    right: -7px;
    border-bottom: none;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    transform: skewX(16grad);
    z-index: 2;
}

.flex .close {
    align-self: center;
}

.btn.close, button[type=submit] {
    margin-top: 20px;
}

.popup-add-debet form,
.popup-car-repair-add-costs form{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.top-menu {
    display: flex;
    justify-content: space-between;
}

.tab {
}

.calendar {
    margin-top: 40px;
}

.filters {
    margin: 0 30px;
    display: flex;
    flex-direction: column;
}

.filters label {
    justify-content: flex-start;
    max-width: 260px;
}

.filters input {
    margin: 7px 20px 7px 0;
}

.popup-document-to-load ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popup-document-to-load li {
    padding: 5px 0;
    border-bottom: 1px solid #dddddd;
    width: 60%;
}

.popup-document-to-load li:last-child {
    border-bottom: none;
}

table.pay-history {
    margin: 30px;
}

.enter-win {
    width: 350px;
    height: 250px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #bababa;
    box-shadow: 1px 3px 4px #e2e2e2;
    background: #ffffff;
    z-index: 10;
}
.enter-win form {
    display: flex;
    align-items: center;
    flex-direction: column;;
}
.enter-win form div button:last-child{
    margin-right: 0;
}

.enter-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: #cacaca;
    opacity: 1;
}

.reports-list ul {
    display: flex;
    flex-direction: column;
}

.content-part {
    margin: 50px 0 50px 30px;
}

.content-part td, .content-part th {
    width: max-content;
    padding: 0 9px;
}

.contract-number {
    color: blue;
    font-weight: 700;
}

.logout {
    margin-right: calc(2vw + 10px);
}

.filters_report .input-as-select {
    width: 240px;
    margin: 0 0 15px;
}

.filters_report select, .filters_report input {
    margin-bottom: 15px;
}

.date-this-day {
    margin: 10px 0 10px 30px;
}

.filters_report, .pay-history, .sum, .date-this-day {
    margin: 10px 0 10px 30px;
}

.filters_report {
    display: flex;
    flex-wrap: wrap;
    max-width: 725px;
}

.filter-item {
    margin-right: 20px;
}

.sum {
    font-weight: 700;
    font-size: 1.1rem;
}

.pay-types-list label {
    padding: 0 15px;
}

.add-pay-type {
    font-size: 3rem;
    position: relative;
    display: block;
    width: 40px;
    margin: 0 auto;
    cursor: pointer;
    transition: all 250ms;
    transform-origin: 20px 39px;
}
.add-pay-type:after {
    content: "";
    position: absolute;
    border: #000 solid 2px;
    border-radius: 25px;
    display: block;
    width: 38px;
    height: 38px;
    left: -1px;
    top: 18px;
}

.add-pay-type:hover {
    transform: rotate(90deg);
}

.pay-types-list input {
    width: 130px;
    height: 22px;
    font-size: 1rem;
}