html {
    scroll-behavior: smooth;
    font-family: 'Nunito Sans', sans-serif;
}
.setprice {
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
#opform {
    position: relative;
}
.pay-footer {
    margin-top: 30px;
    font-size: 12px;
    color: gray;
    line-height: 20px;
}
.newprice {
    position: absolute;
    top: 0;
    right: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: white;
    border: 1px solid green;
    padding: 5px;
    color: black;
    z-index: 9999999999;
}
.np-btn {
    margin-top: 10px;
    cursor: pointer;
    background-color: green;
    color: white;
    padding: 5px 0;
    margin-bottom: 5px;
}
.np-btn-lec {
    margin-top: 10px;
    cursor: pointer;
    background-color: green;
    color: white;
    padding: 5px 0;
    margin-bottom: 5px;
}
.payment-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 50px;
}
.pbo-title {
    margin-bottom: 15px;
    font-size: 19px;
}
.pb-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 10px;
}
.pb-nav div {
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #0d72d8;
    padding: 5px 10px;
    border-radius: 500000000px;
    cursor: pointer;
}
#nav2 {
    border: 1px solid #d8a40d;
}
.pb-nav-sel {
    background-color: #0d72d8;
    color: white;
}
#pborder, #pborder2, #email1, #email2, #freesum, #email3 {
    margin-bottom: 30px;
    background-color: transparent;
    border: none;
    outline: none;
    padding-bottom: 5px;
    border-bottom: 1px solid gray;
    text-align: center;
    font-size: 21px;
    transition: all .3s ease;
}
#pborder:focus, #pborder2:focus, #email1:focus, #email2:focus, #freesum:focus, #email3:focus {
    transform: scale(1.1);
    border-bottom: 1px solid black;
}
#pay-comment {
    resize: none;
    background-color: white;
    outline: none;
    border: 1px solid green;
    padding: 5px;
    height: 50px;
    border-radius: 5px;
}
.backpay {
    width: 0%;
    height: 100vh;
    position: fixed;
    z-index: -99999999;
    background-color: #faf49ea1;
    top: 0;
    transition: all .3s ease;
}
.decor-line {
    height: 10px;
    border-bottom: 1px solid #0d72d8;
    margin-bottom: 50px;
    transition: all .3s ease;
    width: 1px;
    margin-inline: auto;
}
.pbo-btn, .pbo-pay {
    background-color: #0d72d8;
    padding: 15px 60px;
    color: white;
    font-size: 16px;
    display: inline-flex;
    border-radius: 50000000px;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none;
}
.pbo-btn:hover, .pbo-pay:hover {
    background-color: #1b87f3;
}
.pbo-btn2, .pbo-pay2 {
    background-color: #d8d50d;
    padding: 15px 60px;
    color: black;
    font-size: 16px;
    display: inline-flex;
    border-radius: 50000000px;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none;
}
.pbo-btn2:hover, .pbo-pay2:hover {
    background-color: #f6f213;
}
.pbo-btn3, .pbo-pay3 {
    background-color: green;
    padding: 15px 60px;
    color: white;
    font-size: 16px;
    display: inline-flex;
    border-radius: 50000000px;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none;
}
.pbo-btn3:hover, .pbo-pay3:hover {
    background-color: rgb(2, 175, 2);
}
#warning, #warning2, #warning3 {
    margin-bottom: 15px;
}
.error {
    color: red;
}
.error2 {
    color: rgb(255, 115, 0);
}
.error3 {
    color: #6fc411;
}
.pay-answ {
    line-height: 30px;
    text-align: center;
    border: 1px solid #0d72d8;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 10px;
}
.tpay {
    border: 1px solid #0d72d8;
    margin-top: 15px;
    margin-bottom: 25px;
    border-radius: 5px;
}
.caredit {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 85%;
    height: 80vh;
    background-color: #ECF0F5;
    align-content: center;
    display: grid;
    gap: 10px;
    z-index: -9999999999;
    opacity: 0;

}
body {
    background-color: #ECF0F5;
    margin: 0;
    padding: 0;
}
body::-webkit-scrollbar {
    display: none;
  }
.chdate {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
}
.chdate span {
    width: 95%;
    display: flex;
    margin-inline: auto;
    justify-content: center;
    text-align: center;
}
.daysfloor {
    display: flex;
    flex-direction: row;
    width: 95%;
    margin-inline: auto;
    justify-content: space-around;
    margin-top: 5px;
}
.daysfloor button {
    cursor: pointer;
    background-color: #3179AD;
    border: none;
    color: white;
    padding: 3px;
    border-radius: 500000px;
    height: 30px;
    width: 30px;
    transition: all .3s ease;
}
.daysfloor button:hover {
    background-color: #419bdc;
}
#notdate {
    width: 95%;
    display: flex;
    text-align: center;
}


.showfiles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
    border: 1px solid rgb(200, 200, 200);
    padding-top: 20px;
}
.licsub {
    background-color: rgb(159, 159, 159);
    border-radius: 500px;
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: white;
    display: flex;
    flex-direction: row;
    width: fit-content;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}
.licsub:hover {
    background-color: rgb(174, 174, 174);
}
.subfalse {
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 500px;
    margin-left: 10px;
    border: 3px solid gray;
}
.gosubform {
    position: absolute;
    background-color: white;
    border: 2px solid #3179AD;
    padding: 10px;
    border-radius: 5px;
    z-index: 999999;
    display: none;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.sblock {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.sdate {
    margin-left: 15px;
}
.today {
    margin-top: 10px;
    margin-bottom: 15px;
}
.formbtn {
    background-color: #357CA5;
    padding: 3px 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 3px;
    margin-bottom: 3px;
    color: white;
    transition: all .3s ease;
    position: relative;
}
.formbtn:hover {
    background-color: #43a0d6;
}
.stopsubform {
    position: absolute;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    display: none;
    flex-direction: column;
    color: black;
    right: 0;
    top: 0;
    text-align: center;
    border: 1px solid #3179AD;
    z-index: 99999;
}
.stopsubform input {
    margin-bottom: 5px;
}
.stopsubform label {
    margin-bottom: 5px;
}
.stopsubform select {
    margin-bottom: 5px;
}
.stopsubform textarea {
    margin-bottom: 5px;
    resize: none;
    height: 100px;
}
.com2 {
    position: absolute;
    resize: none;
    height: 100px;
    z-index: 999999;
    left: -150%;
    display: none;
}
.stopsubform button {
    background-color: #38b536;
    border: none;
    padding: 3px;
    color: white;
    cursor: pointer;
    margin-bottom: 10px;
    transition: all .3s ease;
}
.stopsubform button:hover {
    background-color: #2bff28;
}
.no {
    background-color: rgb(255, 99, 99);
    border: none;
    padding: 3px;
    color: white;
    cursor: pointer;
    margin-bottom: 10px;
    transition: all .3s ease;
}
.no:hover {
    background-color: rgb(222, 33, 33);
}
.subcanc {
    height: 30px;
    border-radius: 20px;
    background-color: rgb(235, 75, 75);
    color: white;
    margin-top: 5px;
    width: 50%;
    margin-inline: auto;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    text-decoration: none;
}
.subcanc:hover {
    background-color: rgb(244, 20, 20);
}
.subtrue {
    width: 20px;
    height: 20px;
    background-color: rgb(41, 255, 41);
    border-radius: 500px;
    margin-left: 10px;
    border: 3px solid white;
}
.yellow {
    background:yellow; 
    padding:5px 10px; 
    border-radius: 5px;
}
.bgs {
    background: linear-gradient(to right, white, yellow, gray); 
    padding:5px 10px; 
    border-radius: 5px;
}
.jsoninnfirst {
    padding: 0 3px;
    background: #f8cd22;
    margin-left: 10px;
    border-radius: 3px;
    transition: all .3s ease;
    cursor: pointer;
    border: 1px solid white;
    color: #694400;
    margin-bottom: 5px;
}
.jsoninnfirst:hover {
    background-color: #ffe371;
}
.jsoninnfirst::after {
    content: 'Автозаполнить';
}


.jsoninnfirst5 {
    padding: 0 3px;
    background: #f8cd22;
    margin-left: 10px;
    border-radius: 3px;
    transition: all .3s ease;
    cursor: pointer;
    border: 1px solid white;
    color: #694400;
    margin-bottom: 5px;
}
.jsoninnfirst5:hover {
    background-color: #ffe371;
}
.jsoninnfirst5::after {
    content: 'Автозаполнить';
}
#hideOne {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
#hideTwo {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
#hideThree {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
#hideFour {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
#hideFive {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
#hideSix {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
#hideSeven {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
#hideEight {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
#hideNine {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
#hideTen {
    display: none;
    flex-direction: column;
    padding-bottom: 20px;
}
.nextinfo {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfo2 {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfowygour {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfo3 {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfo4 {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfo5 {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfo3WYG {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.wygnextinfo {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.wygooonextinfo {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfo5FFF {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfoppp {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.mosreg {
    margin-left: 3px;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border: 1px solid #ECF0F5;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s ease;
    background-image: url(img/mosreg.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
}
.mosreg:hover {
    border: 1px solid rgb(179, 179, 179);
}
.mosreg2 {
    margin-left: 3px;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border: 1px solid #ECF0F5;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s ease;
    background-image: url(img/mos.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
}
.mosreg2:hover {
    border: 1px solid rgb(179, 179, 179);
}
.nextinfoOne {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
} 
.condblock {
    background-color: gray;
    padding: 5px;
    border-radius: 5px;
    color: white;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
}
.perstab {
    display: flex;
    flex-direction: column;
}
.tabbar {
    display: flex;
    width: 100%;
    flex-direction: row;
}
.tab1 {
    height: 40px;
    width: 100px;
    background-color: #3179AD;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    background-image: url("img/person.svg");
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
}
.tab2 {
    height: 40px;
    width: 100px;
    background-color: #9dd6ff;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    background-image: url("img/car.svg");
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center;
}
.tab3 {
    height: 40px;
    width: 100px;
    background-color: #9dd6ff;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    background-image: url("img/portfel.svg");
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 3px;
}
.tabedit {
    height: 40px;
    width: 100px;
    background-color: #dfdfdf;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    background-image: url("/img/edit.svg");
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
}
.perstabstyle{
    border: 2px solid #3179AD;
}
.perstabstyleTwo{
    border: 2px solid #3179AD;
    display: none;
}
.perstabstyleThree{
    border: 2px solid #3179AD;
    display: none;
}
.perstabstyle td{
    padding: 10px;
}
.oooblock {
    display: inline-flex;
    font-size: 19px;
    align-items: center;
}
.nextinfoTwo {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfowygour2 {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfoWYGF {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
.nextinfo4WYG2 {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(255, 70, 70);
    margin-top: 20px;
    margin-bottom: 20px;
}
#ywnext {
    display: none;
}
#yfriendnext {
    display: none;
}
#yfriendnext2 {
    display: none;
}
#yfriendnext3 {
    display: none;
}
#yfriendnext3FFF {
    display: none;
}
#nextppp {
    display: none;
}
#yfriendonext {
    display: none;
}
#wygnext {
    display: none;
}
#wygooonext {
    display: none;
}
#yfriendonextWYG {
    display: none;
}
#nextOneZ {
    display: none;
}
#nextTwoZ {
    display: none;
}
#wygournext {
    display: none;
}
#wygournext2 {
    display: none;
}
#WYGfriendnext {
    display: none;
}
#yfriendnext2WYG2 {
    display: none;
}
.vinspan {
    white-space: nowrap;
}
.vvs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    margin-left: 10px;
    color: gray;
}
#vins {
    width: 15px;
    height: 15px;
    margin-left: 10px;
}
.checksblock {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.checksblock label{
    cursor: pointer;
}
.checksblock div {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #357CA5;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .3s ease;
}
.checksblock div:hover {
    color: white;
    background-color: #357CA5;
}
.checksblock div input{
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.filedelite {
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    height: 0%;
}
.pcor {
    cursor: pointer;
}
.tcor {
    cursor: pointer;
}
.todayshow {
    position: relative;
}
.changeprice {
    background-color: white;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.changeprice input {
    text-align: center;
    height: 30px;
}
.changetype {
    background-color: white;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.changetype select {
    text-align: center;
    height: 30px;
}
.chsubmit {
    background-color: rgb(0, 223, 0);
    cursor: pointer;
    height: 30px;
    width: 100%;
    margin-top: 10px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    border: none;
}
.chsubmit:hover {
    background-color: rgb(61, 255, 61);
}
.pcorclose {
    background-color: rgb(255, 106, 106);
    cursor: pointer;
    height: 30px;
    margin-top: 10px;
    width: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}
.pcorclose:hover {
    background-color: rgb(254, 39, 39);
}
.tcorclose {
    background-color: rgb(255, 106, 106);
    cursor: pointer;
    height: 30px;
    margin-top: 10px;
    width: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}
.tcorclose:hover {
    background-color: rgb(254, 39, 39);
}

.correctmenu {
    background-color: transparent;
    backdrop-filter: blur(10px);
    position: absolute;
    z-index: 999999;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.correctmenu2 {
    background-color: transparent;
    backdrop-filter: blur(10px);
    position: absolute;
    z-index: 999999;
    width: 85%;
    height: 100vh;
    top: 0;
    left: 15%;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.statbtns {
    display: flex;
    flex-direction: row;
}
.correctmenubtn {
    background-image: url(img/correct.png);
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    transition: all .3s ease;
    margin-left: 15px;
}
.correctmenubtn:hover, .bankbtn:hover {
    background-color: #bde4ff;
}
.correctmenubtn2 {
    background-image: url(img/correct.png);
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translate(0, -280%);
    right: 20%;
    cursor: pointer;
    border: 1px solid #3179AD;
    padding: 5px;
    border-radius: 5px;
    transition: all .3s ease;
    z-index: 9;
}
.correctmenubtn2:hover {
    background-color: #bde4ff;
    border: 1px solid #ECF0F5;
}
.correctfloor {
    width: 40%;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    position: relative;
    justify-content: space-evenly;
    text-align: center;
}
.correctfloor input, .correctfloor select {
    width: 90%;
    padding: 5px 10px;
    border: 2px solid #3C8DBC;
    border-radius: 500px;
    outline: none;
    margin-inline: auto;
    text-align: center;
}
.closecorrect {
    position: absolute;
    top: 30%;
    right: 20%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: red;
    color: white;
    border-radius: 5000px;
}
.closecorrect2 {
    position: absolute;
    top: 30%;
    right: 20%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: red;
    color: white;
    border-radius: 5000px;
}
.hidden {
    z-index: -9999999;
    position: absolute;
    top: -1000000px;
    opacity: 0;
}
.radb {
    background-color: white;
    padding: 10px;
    border: 2px solid #3179AD;
    cursor: pointer;
    min-width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.deldialog {
    flex-direction: column;
    background-color: rgba(128, 128, 128, 0.838);
    position: absolute;
    text-align: center;
    height: 100%;
    border-radius: 5px;
    color: white;
    width: 120%;
    left: -30%;
    padding: 20px 0 0 0;
    display: none;
}
.delbtn {
    background-color: transparent;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 5px;
    color: white;
    border: none;
    padding: 5px 0;
}
.delbtn:hover {
    background-color: rgb(165, 165, 165);
}
.delcross {
    padding: 5px;
    width: 20px;
    height: 20px;
    border-radius: 5000px;
    background-color: gray;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    position: absolute;
    right: -10px;
    cursor: pointer;
}

.fileiconblock {
    width: 15%;
    margin-left: 20px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    border: 2px solid #ECF0F5;
    border-radius: 10px;
    transition: all .3s ease;
    padding: 10px 0;
    position: relative;
}
.fileiconblock:hover {
    border: 2px solid #3C8DBC;
}
.fileiconblock img {
    width: 80%;
    display: flex;
    margin-inline: auto;
    margin-bottom: 10px;
}
.filetitle {
    text-decoration: none;
    font-size: 12px;
    color: gray;
    text-align: center;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.filename {
    text-align: center;
    margin-bottom: 10px;
    color: rgb(126, 126, 255);
}
.closefile {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #3C8DBC;
    padding: 3px 10px;
    border-radius: 500px;
    cursor: pointer;
    transition: all .3s ease;
}
.closefile:hover {
    background-color: #3C8DBC;
    color: white;
}
.emptyfile {
    border: 2px solid rgb(195, 195, 195);
    border-radius: 10px;
    height: 60px;
    text-align: center;
    width: 30%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(195, 195, 195);
    margin-inline: auto;
    transition: all .3s ease;
}
.emptyfile::after {
    content: 'Файл не выбран';
}
.emptyfile:hover {
    color: rgb(161, 161, 161);
    border: 2px solid rgb(161, 161, 161);
}
.addedfile {
    border: 2px solid rgb(104, 223, 0);
    background-color: rgb(104, 223, 0);
    border-radius: 10px;
    height: 60px;
    text-align: center;
    width: 30%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-inline: auto;
    transition: all .3s ease;
}
.addedfile::after {
    content: '√ Файл выбран';
}



.licblock {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}
.licwrap {
    width: 40%;
}
.fileswrap {
    width: 58%;
}
.title {
    text-align: center;
    margin-bottom: 30px;
}
.uploadblock {
    position: fixed;
    left: 15vw;
    top: 0;
    z-index: 99999;
    width: 85vw;
    height: 100vh;
    backdrop-filter: blur(5px);
    display: none;
}
.uploadblock form {
    position: absolute;
    background-color: white;
    width: 50%;
    border: 2px solid #3C8DBC;
    border-radius: 20px;
    padding: 20px 15px;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
}

.closeorderprint {
    display: flex;
    width: 30px;
    height: 30px;
    margin-left: auto;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.printorder {
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    position: absolute;
    backdrop-filter: blur(5px);
    height: 100%;
    width: 85vw;
    display: none;
}
.printorderblock {
    width: 60%;
    left: 50%;
    top: 50px;
    position: absolute;
    transform: translate(-50%, 0);
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 10px;
    background: white;
    border: 2px solid #3C8DBC;
}
.printorderblock input {
    margin-bottom: 10px;
}


.newlicblock {
    z-index: 999999;
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000vh;
    display: none;
}
.newlic {
    width: 100%;
    height: 100%;
    position: relative;
}
.newlic1 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 190px;
    transform: translate(-50%, -50%);
}
.newlic2 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, -50%);
}
.newlic3 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, -50%);
}
.newlic4 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, -50%);
}
.newlic5 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic6 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic7 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic8 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic9 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic10 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic11 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic12 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic13 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic14 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic15 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic16 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic17 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic18 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic19 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic20 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -125%;
    transform: translate(-50%, 0);
}
.newlic21 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -10025%;
    transform: translate(-50%, 0);
}
.newlic22 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -10025%;
    transform: translate(-50%, 0);
}
.newlic23 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -10025%;
    transform: translate(-50%, 0);
}
.newlic24 {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -10025%;
    transform: translate(-50%, 0);
}
.licform {
    background-color: #ECF0F5;
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 15px;
    border-radius: 20px;
    border: 2px solid #3C8DBC;
    margin-bottom: 200px;
}
.licformlabel {
    margin-top: 10px;
    width: 90%;
    margin-left: 5px;
    margin-inline: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.licform input, .licform select {
    width: 90%;
    padding: 5px 10px;
    border: 2px solid #3C8DBC;
    border-radius: 500px;
    outline: none;
    margin-inline: auto;
}
.freelicwrap {
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    z-index: 9999999;
    display: none;
}
.freelic {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80%;
    background-color: white;
    padding: 10px;
    border-radius: 20px;
    border: 2px solid #3179AD;
}
.freelic label {
    margin-bottom: 5px;
    margin-left: 5%;
    margin-top: 15px;
}

.plussubcanc {
    height: 30px;
    border-radius: 20px;
    background-color: rgb(241, 96, 96);
    color: white;
    margin-top: 5px;
    margin-inline: auto;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    text-decoration: none;
    padding: 3px 15px;
    position: absolute;
    right: 15px;
    top: -20px;
}
.plussubcanc:hover {
    background-color: rgb(245, 15, 15);
}
.tipicalinput {
    width: 90%;
    padding: 5px 10px;
    border: 2px solid #3C8DBC;
    border-radius: 500px;
    outline: none;
    margin-inline: auto;
}
.ecpcheck {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 10px;
    height: 30px;
    margin-left: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}
.ecpcheck input {
    left: 0;
    width: 10%;
    cursor: pointer;
}
.ecpcheck label {
    left: 0;
    width: 90%;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
}
.licclose {
    position: absolute;
    top: 80px;
    right: 20%;
    color: white;
    font-size: 16px;
    background: #3C8DBC;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 500px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    transition: all .3s ease;
    overflow: hidden;
}
.licclose:hover {
    background: rgb(255, 103, 103);
}
.xtext {
    position: absolute;
    display: flex;
    width: 100%;
    opacity: 0;
    transition: all .3s ease;
    white-space: nowrap;
    text-align: center;
    justify-content: center;
    margin-inline: auto;
}
.bankbtn {
    width: 40px;
    height: 40px;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    transition: all .3s ease;
}
.bankbtn img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.activemenu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}
.lictable {
    width: 100%;
    border-collapse: collapse;
}
.lictabletr {
    border-bottom: 1px solid black;
    min-height: 50px;
    display: flex;
    flex-direction: row;
    padding: 0 10px;
}
.lictabletd {
    display: flex;
    flex-direction: row;
    width: 50%;
    align-items: center;
}
.editarea {
    resize: none;
    width: 80%;
    margin-inline: auto;
}
.editblock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    backdrop-filter: blur(10px);
    z-index: 99999;
    padding-bottom: 50px;
    display: none;
}
.editform {
    width: 60%;
    margin-inline: auto;
    margin-top: 50px;
}
.editform textarea {
    min-height: 20px;
    margin-bottom: 20px;
}
.editform select, .editform input {
    min-height: 20px;
    margin-bottom: 20px;
}
.editform label {
    width: 80%;
    margin-inline: auto;
}
.copyBtn {
    display: block;
    border: none;
    background-color: transparent;
    outline: none;
    resize: none;
    min-width: 150px;
    max-width: 150px;
    min-height: 20px;
}
.copyAlert {
    position: fixed;
    top: 30vh;
    left: 50vw;
    background-color: rgb(255, 199, 58);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    transition: all .3s ease;
    display: none;
    z-index: 999999;
} 
.inright {
    justify-content: right;
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.liccomment {
    resize: none;
    width: 95%;
    display: flex;
    margin-inline: auto;
    min-height: 50px;
    box-sizing: border-box;
}
.copyInput button {
    background-color: transparent;
    width: 40px;
    height: 40px;
    border: 1px solid rgb(179, 179, 179);
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s ease;
}
.copyInput button:hover {
    background-color: white;
}
.copyInput img {
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
}
.bankblock {
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}
.activebtn {
    height: 30px;
    border-radius: 20px;
    background-color: #3C8DBC;
    color: white;
    margin-top: 5px;
    width: 15%;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
}
.freeoperation {
    position: fixed;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    display: none;
}
.freebtn, .freebtn2 {
    background-color: transparent;
    padding: 5px 10px;
    color: black;
    border-radius: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none;
    width: 15%;
    margin-left: 30px;
    border: 2px solid #4bafe9;
}
.freebtn:hover, .freebn2:hover {
    background-color: #4bafe9;
    color: white;
}
.freeform {
    position: absolute;
    background: white;
    width: 40%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #3D8EBC;
    top: 20%;
    left: 17%;
}
.freeform select, .freeform input {
    margin-bottom: 15px;
    padding: 5px 10px;
    border-radius: 500px;
    border: 1px solid black;
}
.closefree {
    height: 25px;
    width: 25px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}
.actnum {
    width: 5%;
    text-align: center;
}
.actname {
    width: 10%;
    text-align: center;
}
.actact {
    width: 30%;
    text-align: center;
}
.acttime {
    width: 10%;
    text-align: center;
}
.actclname {
    text-align: center;
    width: 10%;
}
.activedate {
    margin-left: 20px;
    padding: 5px 10px;
    border: 1px solid black;
    border-radius: 500px;
}
.activebtn:hover {
    background-color: #5ab2e5;
}
.activeselect {
    margin-left: 30px;
    padding: 3px 5px;
    border-radius: 500px;
    border: 1px solid black;
}
.editicon {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}
.rangeinput {
    position: relative;
    margin-left: 20px;
}
.rangeinputlic {
    position: relative;
    margin-left: 20px;
}

.stattable{
    border-collapse: collapse;
    font-size: 19px;
    text-align: center;
    width: 70%;
    margin-inline: auto;
}
.stattable tr{
    text-align: center;
    display: flex;
    justify-content: center;
    height: 80px;
}
.stattable td{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.operlisttable {
    display: flex;
    border-collapse: collapse;
    width: 100%;
}
.operlisttable tr {
    background: red;
    width: 100%;
}
.opersinput {
    margin: auto;
}

.eqshow {
    display: none;
}
.casheshow {
    display: none;
}
.cashmshow {
    display: none;
}
.onlineshow {
    display: none;
}
.debtshow {
    display: none;
}
.spendshow {
    display: none;
}

.statnav {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-right: auto;
    margin-bottom: 10px;
}

.rangeinput::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
    cursor: pointer;
}
.rangeinputlic::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
    cursor: pointer;
}

.cashe, .cashm, .online, .eq, .spend, .debt {
    transition: all .3s ease;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid #ECF0F5;
    padding: 3px;
}
.cashe:hover,.cashm:hover,.online:hover,.debt:hover,.spend:hover,.eq:hover {
    border: 1px solid #43a0d6;
}

.rangeinput::-webkit-inner-spin-button,
.rangeinput::-webkit-clear-button {
  z-index: -10;
}
.rangeinputlic::-webkit-inner-spin-button,
.rangeinputlic::-webkit-clear-button {
  z-index: -10;
}

.rangeinput::-webkit-input-placeholder {
  z-index: 99;
}
.rangeinputlic::-webkit-input-placeholder {
  z-index: 99;
}

.rangeinput::placeholder {
  z-index: 99;
}
.rangeinput:not(.has-value):before {
  content: attr(placeholder);
  width: 100%;
}

.rangeinput {
    border: none;
    padding: 5px;
    width: auto;
    background: #ECF0F5;
    font-size: 26px;
    text-decoration: 2px underline #4AACE6;
    color: #4AACE6;
    font-family: 'Nunito Sans', sans-serif;
    outline: none;
    cursor: pointer;
}
.rangeinputlic:placeholder {
  z-index: 99;
}
.rangeinputlic:not(.has-value):before {
  content: attr(placeholder);
  width: 100%;
}

.rangeinputlic {
    border: none;
    padding: 5px;
    width: auto;
    background: #ECF0F5;
    font-size: 26px;
    text-decoration: 2px underline #4AACE6;
    color: #4AACE6;
    font-family: 'Nunito Sans', sans-serif;
    outline: none;
    cursor: pointer;
}


.tipicalbtn {
    height: 30px;
    border-radius: 20px;
    background-color: #3C8DBC;
    color: white;
    margin-top: 5px;
    width: 50%;
    margin-inline: auto;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    text-decoration: none;
}
.tipicalbtn:hover {
    background-color: #5ab2e5;
}
.tipicalbtn-select {
    height: 30px;
    border-radius: 20px;
    background-color: #7dc7f2;
    color: white;
    margin-top: 5px;
    width: 50%;
    margin-inline: auto;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    text-decoration: none;
}
.savefile {
    height: 30px;
    border-radius: 20px;
    background-color: #3C8DBC;
    color: white;
    margin-top: 5px;
    width: 50%;
    margin-inline: auto;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
}.savefile:hover {
    background-color: #5ab2e5;
}
.savefile::after {
    content: 'Сохранить файл';
}

.uploadbtn {
    height: 30px;
    border-radius: 20px;
    border:2px solid #3C8DBC;
    color: white;
    margin-top: 5px;
    width: 50%;
    margin-inline: auto;
    cursor: wait;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    background-color: #3C8DBC;
    animation-name: uploading;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    position: relative;
    background-image: url("img/loading.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
@keyframes uploading {
    from {
        border-radius: 500px;
        height: 50px;
        width: 50px;
        transform: rotate(0deg);
    }
    
    to {
        border-radius: 500px;
        height: 50px;
        width: 50px;
        transform: rotate(360deg);
    }
}

.editform {
    display: flex;
    flex-direction: column;
}

#pay {
    display: none;
}
#price {
    display: none;
}
#regnum1 {
    display: none;
}
#regnum2 {
    display: none;
}
#fin1num {
    display: none;
}
#delcause {
    display: none;
}

.operbtn {
    height: 30px;
    border-radius: 20px;
    background-color: #3C8DBC;
    color: white;
    margin-top: 5px;
    width: 10%;
    margin: auto;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
}
.operbtn:hover {
    background-color: #5ab2e5;
}
.opermenu {
    display: flex;
    flex-direction: row;
    height: 30px;
    justify-content: center;
}
.operselect {
    border-radius: 500px;
    padding: 5px;
    width: 10%;
    outline: none;
    border: 1px solid black;
}

.addoperatorblock {
    background: transparent;
    backdrop-filter: blur(10px);
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
}
.operin {
    padding: 5px 10px;
    border: 1px solid black;
    border-radius: 500px;
    margin-bottom: 20px;
}
.closeaddoper {
    margin-left: auto;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.addoperform {
    background: white;
    width: 60%;
    height: auto;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 15px;
    border-radius: 10px;
}
.comblock {
    width: 100%;
}
.comtr {
    min-height: 130px;
    display: flex;
    height: auto;
    border-bottom: 1px solid black;
}
.licact {
    background-color: #4bafe9;
    padding: 5px 10px;
    color: white;
    border-radius: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none;
    width: 15%;
}
.comtitle {
    margin-left: 10px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
}
.comtd {
    width: 100%;
}
.operstring {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2px 5px ;
    border-bottom: 1px solid #43a0d6;
    margin-bottom: 10px;
    transition: all .3s ease;
    align-items: center;
}
.operstring:hover {
    background-color: #7ecefc;
    color: white;
}
.operinfo {
    width: 12%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.autorization {
    background-color: #222D32;
    width: 30%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0 0 20px 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    border-radius: 20px;
}
.taxiblock {
    display: none;
    margin-top: 10px;
    flex-direction: column;
}
.taxifloor {
    display: flex;
    margin-top: 5px;
}
.nontaxi {
    padding: 5px 10px;
    border: 1px solid rgb(34, 45, 50);
    margin-right: 20px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 20px;
}
.taxi {
    padding: 5px 10px;
    border: 1px solid rgb(34, 45, 50);
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 20px;
}
.nontaxi:hover, .taxi:hover {
    color: white;
    background-color: rgb(89, 183, 238);
    border: 1px solid rgb(89, 183, 238);
}
.autotitle {
    background-color: #3C8DBC;
    color: #F9F1F1;
    height: 30px;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 20px 20px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
}

.autolabel {
    color: white;
    margin-bottom: 5px;
    text-align: center;
}
.autoinput {
    margin-bottom: 20px;
    height: 30px;
    border-radius: 15px;
    border: none;
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
    color: white;
    background-color: #3c484d;
    outline: none;
    width: 80%;
    margin-inline: auto;
}
.autoinput::placeholder {
    color: #8AA4AF;
}
.autobtn {
    width: 40%;
    height: 40px;
    display: block;
    margin-inline: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 500px;
    border: none;
    background-color: #357CA5;
    transition: all .3s ease;
    color: white;
    cursor: pointer;
}
.autobtn:hover {
background-color: #3C8DBC;
}
.messagealarm {
    position: fixed;
    top: 10vh;
    left: 50vw;
    background-color: red;
    color: white;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 10px;
}
.messageok {
    background-color: #38b536;
    text-align: center;
    position: fixed;
    top: 10vh;
    left: 50vw;
    color: white;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 10px;
}
.totalblock {
width: 100%;
height: 100vh;
display: flex;
flex-direction: row;
}
.sidemenu {
    background-color: #1A2226;
    height: 100vh;
    width: 15vw;
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    z-index: 99999;
}
.showinfoblock {
    width: 80%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 20px;
    margin-left: 16%;
    position: relative;
    z-index: 99999;
}
.userinfo {
    text-align: center;
    color: #B8C7CE;
    margin-top: 2px;
    margin-bottom: 30px;
}
.logout {
    color: white;
    text-decoration: none;
    transition: all .3s ease;
    border: 1px solid white;
    padding: 1px 5px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
    margin-inline: auto;

}

.logout:hover {
    color: rgb(255, 72, 72);
    border: 1px solid rgb(255, 72, 72);
    text-decoration: none;
}

.sidemenu-point {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #FFFFFF;
    transition: all .3s ease;
    cursor: pointer;
}
.sidemenu-point:hover {
    background-color: #222D32;
}
.sidemenu-point-select {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #FFFFFF;
    cursor: pointer;
    background-color: #3C8DBC;
}

.addnew {
    text-decoration: none;
    color: white;
    border: 1px solid white;
    width: 80%;
    margin-inline: auto;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    transition: all .3s ease;
}
.addnewtext {
    width: 60%;
}
.addnewpic {
    width: 18%;
}
.addnew:hover {
    background-color: #2C3B41;
}

.addnewselect {
    background-color: #3C8DBC;
    text-decoration: none;
    color: white;
    width: 80%;
    margin-inline: auto;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    transition: all .3s ease;
}

.infotitle {
    font-size: 25px;
    margin-bottom: 20px;
}
.newclform {
    display: flex;
    flex-direction: column;
    position: relative;
}
.hiddenradio {
    position: absolute;
    z-index: -99999;
    opacity: 0;
    width: 1px;
    height: 1px;
}
.clientformblock {
    margin-top: 10px;
    display: flex;
    justify-content: space-around;
}
.clientform {
    width: 20%;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 2px solid #222D32;
    border-radius: 10px;
    cursor: pointer;
    transition: all .3s ease;
}
.clientform:hover {
    background-color: #222D32;
    border: 2px solid #222D32;
    color: white;
}

.stepTwoBig {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    display: none;
}
.forminput {
    padding: 5px 10px;
    outline: none;
    border: 2px solid #222D32;
    border-radius: 10px;
    height: 20px;
}

.stepThreeBig {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    display: none;
}
.stepThreeBig div {
    width: 30%;
}
.forminputsmall {
    width: 90%;
    padding: 5px 10px;
    outline: none;
    border: 2px solid #222D32;
    border-radius: 10px;
    height: 20px;
}

.stepFive {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    display: none;
}
.dateblock {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.dateblock div {
    width: 40%;
}

.stepSix {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    display: none;
}

.newclientbtn {
    margin-top: 30px;
    width: 30%;
    background-color: #357CA5;
    border: none;
    margin-inline: auto;
    height: 50px;
    border-radius: 500px;
    color: white;
    font-size: 19px;
    padding: 10px 0;
    transition: all .3s ease;
    cursor: pointer;
    margin-inline: auto;
    display: none;
}
.newclientbtn:hover {
    background-color: #3C8DBC;
}
.contrinfoblock {
    width: 33%;
}
.contrinfo-title {
    font-weight: bold;
}
.contrtable {
    width: 100%;
    border-collapse: collapse;
}
.contrtable tr{
 border-bottom: 1px dotted black;
 display: flex;
 justify-content: space-between;
 margin-top: 15px;
}

.contr-point {
    font-size: 16px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #3C8DBC;
    transition: all .3s ease;
    color: black;
    cursor: pointer;
}
.contr-point:hover {
    background-color: #3C8DBC;
    color: white;
}
.contrwrap {
    display: flex;
    flex-direction: row;
}

.addcarblock, .adddriverblock {
    margin-left: 10px;
    width: 33%;
    display: none;
}
.nullcars {
    margin-top: 20px;
    width: 50%;
    display: flex;
    justify-content: center;
    margin-inline: auto;
    color: rgb(255, 72, 72);
    text-decoration: 1px underline;
}
.carlist {
    background-color: palegoldenrod;
}

.addcarbtn{
    display: flex;
    flex-direction: column;
    align-content: center;
}

.addcarb, .addcarsub{
    background-color: #3C8DBC;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
    color: white;
    transition: all .3s ease;
    cursor: pointer;
    margin-top: 10px;
    border: none;
}
.addcarb:hover, .addcarsub:hover {
    background-color: #51ace0;
}


.adddriversub, .adddriverb{
    background-color: #3C8DBC;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
    color: white;
    transition: all .3s ease;
    cursor: pointer;
    margin-top: 10px;
    border: none;
}
.adddriversub:hover, .adddriverb:hover {
    background-color: #51ace0;
}

.addcarform {
    display: flex;
    flex-direction: column;
    border: 2px solid #3C8DBC;
    padding: 10px;
    border-radius: 20px;
    margin-left: 10px;

}
.addcarform input, .addcarform select {
    margin-bottom: 10px;
    outline: none;
    border: 1px solid gray;
    height: 20px;
    padding: 0 20px;
    border-radius: 500px;
}

.adddriverform {
    display: flex;
    flex-direction: column;
    border: 2px solid #3C8DBC;
    padding: 10px;
    border-radius: 20px;
    margin-left: 10px;
    display: none;

}
.adddriverform input, .adddriverform select {
    margin-bottom: 10px;
    outline: none;
    border: 1px solid gray;
    height: 20px;
    padding: 0 20px;
    border-radius: 500px;
}

.adddriverform2 {
    display: grid;
    flex-direction: column;
    border: 2px solid #3C8DBC;
    padding: 10px;
    border-radius: 20px;
    margin-left: 10px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 85%;
    height: 80vh;
    background-color: #ECF0F5;
    z-index: -999999999;
    opacity: 0;

}
.adddriverform2 input, .adddriverform2 select {
    margin-bottom: 10px;
    outline: none;
    border: 1px solid gray;
    height: 20px;
    padding: 0 20px;
    border-radius: 500px;
}

.autonumber {
    background-color: white;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid black;
    border-radius: 4px;
    color: black;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 20px;
}
.numline {
    margin: 0;
    height: 100%;
    width: 3px;
    border-left: 1px solid black;
    margin-left: 5px;
}
.addcartotal {
    width: 33%;
    display: none;
}
.toclient {
    color: #3C8DBC;
}

.choosedriverblock {
    width: 33%;
    margin-left: 10px;
    display: none;
}

.drivetocarform {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.onedriver {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #51ACE0;
}

.drivetocarbtn{
    background-color: #3C8DBC;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
    color: white;
    transition: all .3s ease;
    cursor: pointer;
    margin-top: 10px;
    border: none;
    width: 80%;
    margin-inline: auto;
}
.drivetocarbtn:hover {
    background-color: #51ace0;
}
.removedriver button{
    background-color: palegoldenrod;
    display: flex;
    background-color: none;
    border: none;
}

.remdriverblock {
    width: 33%;
    margin-left: 10px;
    display: none;
}

.delitedriverblock {
    width: 33%;
    margin-left: 10px;
    display: none;
}

.delitecarblock {
    width: 33%;
    margin-left: 10px;
    /* display: none; */
}

.delitecarblock {
    width: 33%;
    margin-left: 10px;
    display: none;
}


.quickdriver {
    width: 33%;
    margin-left: 10px;
    display: none;
}


.quickdriverform {
    display: flex;
    flex-direction: column;
    border: 2px solid #3C8DBC;
    padding: 10px;
    border-radius: 20px;
    margin-left: 10px;

}
.quickdriverform input,.quickdriverform select {
    margin-bottom: 10px;
    outline: none;
    border: 1px solid gray;
    height: 20px;
    padding: 0 20px;
    border-radius: 500px;
}

.quickb, .addcarsub{
    background-color: #3C8DBC;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
    color: white;
    transition: all .3s ease;
    cursor: pointer;
    margin-top: 10px;
    border: none;
}
.quickb:hover, .addcarsub:hover {
    background-color: #51ace0;
}

.fillayer {
    background-color: #ecf0f594;
    backdrop-filter: blur(4px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    z-index: 9999;
}
.filblock {
    background-color: #ECF0F5;
    width: 50%;
    display: flex;
    flex-direction: column;
    height: 100px;
    position: relative;
    left: 50%;
    top: 10%;
    transform: translate(-50%,0);
    padding: 15px;
    border-radius: 20px;
    border: 2px solid #3C8DBC;
}
.radiofloor {
    display: flex;
    margin-top: 20px;
}
.radiofloor div{
    width: 50%;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}
.radiofloor div:hover{
    color: white;
    background-color: #3C8DBC;
}
.radiofloor label {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #3C8DBC;
}

.radiofloor input {
    position: absolute;
    z-index: -9999;
    opacity: 0;
}

.comment {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.comment textarea{
    height: 100px;
    resize: none;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #3C8DBC;
}
.comment button {
    height: 30px;
    border-radius: 20px;
    background-color: #3C8DBC;
    color: white;
    margin-top: 5px;
    width: 50%;
    margin-inline: auto;
    border: none;
    transition: all .3s ease;
    cursor: pointer;
}
.comment button:hover {
    background-color: #5bbaf1;
}


.docprintblock {
    width: 33%;
    margin-left: 10px;
    display: none;
}

.printform {
    width: 80%;
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.printhidden {
    position: absolute;
    z-index: -999999;
    opacity: 0;
}
.printform button {
    margin-top: 10px;
    height: 30px;
    border-radius: 20px;
    background-color: #3C8DBC;
    color: white;
    margin-top: 5px;
    width: 50%;
    margin-inline: auto;
    border: none;
    transition: all .3s ease;
    cursor: pointer;

}
.printform button:hover {
    background-color: #5BBAF1;

}
.printfloor {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 5px 0;
    transition: all .3s ease;
    margin-bottom: 10px;
}
.printfloor label, .docdata{
    cursor: pointer;
    border: 1px solid #3C8DBC;
    padding: 10px 15px;
    border-radius: 500px;
    width: 100%;
    margin-bottom: 5px;
    background-color: #ECF0F5;
}

.clientswrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.showclientsblock {
    display: flex;
    flex-direction: column;
}
.clientslegend {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    width: 100%;
    background-color: #49ABE4;
}
.leg1, .leg2, .leg3 {
    width: 33%;
    display: flex;
    justify-content: center;
    padding: 5px 0;
}
.leg1 {
    background-color: #3C8DBC;
    color: white;
}
.leg2 {
    background-color: #43a0d6;
    color: white;
}
.leg3 {
    background-color: rgb(73, 171, 228);
    color: white;
}
.showclientsblock li{
    padding: 5px 0;
}
.clientlink {
    display: flex;
    height: 100%;
    padding: 5px 0;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    color: black;
}
.clientlink:hover {
    background-color: #57b3e9;
    color: white;
}
.clientname {
    width: 33%;
    text-align: center;
}
.clientfil {
    width: 33%;
    text-align: center;
}
.clientdate {
    width: 33%;
    text-align: center;
}
.clientsreverse {
    display: flex;
    flex-direction: column-reverse;
}
.findmenubtn {
    margin-top: 5px;
    display: flex;
    justify-content: space-evenly;
}
.findbtn {
    background-color: #3C8DBC;
    padding: 5px 10px;
    color: white;
    border-radius: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    width: 15%;
}
.findbtn:hover {
    background-color: #4bafe9;
}
.findbtn img {
    width: 15px;
    height: 15px;
    padding: 5px 5px 5px 0;
}

.findall {
    background-color: #3C8DBC;
    padding: 5px 10px;
    color: white;
    border-radius: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none;
    width: 15%;
}
.findall:hover {
    background-color: #4bafe9;
}

.comcom {
    padding: 3px 5px;
    border: 1px solid #3179AD;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    border-radius: 5px;
}
.subbtn {
    background-color: #ffd652;
    padding: 5px 10px;
    color: gray;
    border-radius: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none;
    width: 15%;
}
.subbtn:hover {
    background-color: #ffae51;
}
.findoverblock {
    display: none;
    position: absolute;
    background-color: #ecf0f594;
    backdrop-filter: blur(4px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    z-index: 9999;
}
.findforms {
    background-color: #ECF0F5;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%, 0);
    padding: 30px;
    border-radius: 20px;
    border: 2px solid #3C8DBC;
    display: flex;
    flex-direction: column;
}
.findform {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.findsection {
    display: flex;
}
.findsection input {
    width: 90%;
    padding: 5px 10px;
    border: 2px solid #3C8DBC;
    border-radius: 500px 0 0 500px;
    border-right: none;
    outline: none;
}
.findsection button {
    width: 10%;
    border-radius: 0 500px 500px 0;
    border: 2px solid #3C8DBC;
    background-color: #3C8DBC;
    transition: all .3s ease;
    cursor: pointer;
}
.findsection button:hover {
    border: 2px solid #48a7dd;
    background-color: #48a7dd;
}
.findicon {
    width: 15px;
    height: 15px;
    padding: 5px 5px 5px 0;
}
.findclosebtn {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #3C8DBC;
    padding: 3px 10px;
    border-radius: 500px;
    cursor: pointer;
    transition: all .3s ease;
}
.findclosebtn:hover {
    background-color: #3C8DBC;
    color: white;
}
.calendartotal {
    display: flex;
    flex-direction: column;
}
.oneday {
    border: 2px solid #3C8DBC;
    width: 14%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}





.calendar-item {
	width: 90%;
	display: inline-block;
	vertical-align: top;
    margin-inline: auto;
}
.calendar-head {
	text-align: center;
	padding: 5px;
	font-weight: 700;
	font-size: 14px;
}
.calendar-item table {
	border-collapse: collapse;
	width: 100%;
}
.calendar-item th {
	font-size: 12px;
	padding: 6px 7px;
	text-align: center;
	color: #888;
	font-weight: normal;
}
.calendar-item td {
	font-size: 13px;
	padding: 6px 5px;
	text-align: center;
	border: 1px solid #ddd;
}
.calendar-item tr th:nth-child(6), .calendar-item tr th:nth-child(7),
.calendar-item tr td:nth-child(6), .calendar-item tr td:nth-child(7)  {
    cursor: initial;
}	
.calendar-day.last {
	color: #999 !important;
}	
.calendar-day.today {
	font-weight: bold;
    border: 2px solid rgb(255, 196, 0);
}
.calendar-day.event {
	background: #46a2d8;
	position: relative;
	cursor: pointer;
    color: white;
    height: 50px;
}
.calendar-day.event:hover .calendar-popup {
	display: block;
}
.calendar-popup {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	min-width: 230px;
	padding: 15px 0;
	background: #fff;
	text-align: left;
	font-size: 13px;
	z-index: 100;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	color: #000;
}
.calendar-popup:before {
	content: ""; 
	border: solid transparent;
	position: absolute;    
	left: 8px;    
	bottom: 100%;
	border-bottom-color: #fff;
	border-width: 9px;
	margin-left: 0;
}

.prevbtn {
    background-color: #46A2D8;
    text-decoration: none;
    color: white;
    margin-right: 10px;
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 5px;
    border-radius: 500px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}
.prevbtn:hover {
    background-color: #4eb3ee;
}
.lightcomment {
    background-color: #dbdbdb;
    overflow: hidden;
    margin-bottom: 5px;
    position: absolute;
    z-index: 9999999999;
    top: 0;
    left: -180px;
    width: 150px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #3179AD;
    display: none;
}
.lightcomment span {
    display: flex;
    padding: 5px;
}
.nextbtn {
    background-color: #46A2D8;
    text-decoration: none;
    color: white;
    margin-left: 10px;
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 5px;
    border-radius: 500px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}
.nextbtn:hover {
    background-color: #4eb3ee;
}

.stroke {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #ededed;
    justify-content: space-between;
    text-decoration: none;
    text-align: center;
    width: 100%;
}
.stroke2 {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}
.stroke:hover {
    background-color: #90cefb;
}

.calone {
    background-color: rgb(253, 233, 195);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    padding: 5px;
    color: black;
    transition: all .3s ease;
    margin-right: 2px; 
    width: 4%;
}
.calone::before {
    content: "М";
}
.calone:hover {
    background-color: rgb(252, 225, 176);
}
.caltwo {
    background-color: rgb(168, 247, 207);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    padding: 5px;
    color: black;
    transition: all .3s ease;
    margin-right: 2px; 
    width: 4%;
}
.caltwo::before {
    content: "К";
}
.caltwo:hover {
    background-color: rgb(154, 245, 199);
}
.calthree {
    background-color: rgb(253, 198, 255);
    flex-direction: column;
    text-decoration: none;
    padding: 5px;
    color: black;
    transition: all .3s ease;
    margin-right: 2px; 
    width: 4%;
}
.calthree::before {
    content: "Э";
}
.calthree:hover {
    background-color: rgb(248, 180, 250);
}
.calheader {
    text-decoration: none;
    font-weight: bold;
    color: black;
    display: flex;
    text-align: center;
    width: 48%;
}


.bankcontent {
    position: absolute;
    background: white;
    top: 50%;
    left: 110%;
    transform: translate(-125%, -50%);
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #4bafe9;
    
}
.closebank {
    position: absolute;
    top: 50%;
    transform: translate(0, -280%);
    right: 10%;
    cursor: pointer;
    background: #3C8DBC;
    color: white;
    border-radius: 5000px;
    width: 50px;
    height: 50px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.ready {
    background-color: #ffff0091;
}
.goinn {
    margin-left: 10px;
    font-size: 12px;
}
.goinn:visited {
    color: blue;
}

#contrdel {
    position: relative;
}
.contrdel-wrap {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
}
.contrdel-menu {
    background-color: #3179AD;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: white;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contrdel-menu button {
    height: 30px;
    cursor: pointer;
    background-color: #3683ba;
    color: white;
    border: none;
    transition: all .3s ease;
}
.contrdel-menu button:hover {
    background-color: #4da4e1;
}
.contrdel-close {
    height: 30px;
    cursor: pointer;
    background-color: rgb(214, 94, 94);
    color: white;
    border: none;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contrdel-close:hover {
    background-color: rgb(218, 60, 60);
}

.grouptitle {
    background-color: #94c8e6c3;
    font-size: 19px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 30px 0 15px;
    justify-content: space-between;
    transition: all .3s ease;
    border-radius: 5px;
}
.grouptitle:hover {
    background-color: #48a3d8;
}
.group-list {
    background-color: #82a2b040;
    width: 98%;
    margin-inline: auto;
    margin-bottom: 10px;
    overflow: hidden;
    height: 0;
    border-radius: 0 0 5px 5px;
    transition: all .3s ease;
}
.group-open {
    transform: rotate(90deg);
    color: white;
    font-size: 30px;
    transition: all .3s ease;
}
.opergroup {
    margin-bottom: 10px;
}

.pay-alert {
    position: absolute;
    background-color: rgba(0, 128, 0, 0.832);
    color: white;
    padding: 25px;
    transition: all .3s ease;
    border-radius: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    backdrop-filter: blur(5px);
    top: -100vh;
}

@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 425px) {

}

@media only screen and (max-width: 375px) {
 
}