@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; src: url(font/Montserrat/Montserrat-Thin.ttf); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url(font/Montserrat/Montserrat-Light.ttf); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url(font/Montserrat/Montserrat-Regular.ttf); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url(font/Montserrat/Montserrat-Medium.ttf); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url(font/Montserrat/Montserrat-SemiBold.ttf); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url(font/Montserrat/Montserrat-Bold.ttf); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url(font/Montserrat/Montserrat-ExtraBold.ttf); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url(font/Montserrat/Montserrat-Black.ttf); }

@font-face { font-family: 'Bebas'; font-style: normal; font-weight: 900; src: url(font/Bebas/bebasneuecyrillic.ttf); }

@font-face { font-family: 'UbuntuSans_Condensed'; font-style: normal; font-weight: 700; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-Bold.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: italic; font-weight: 700; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-BoldItalic.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: normal; font-weight: 800; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-ExtraBold.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: italic; font-weight: 800; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-ExtraBoldItalic.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: normal; font-weight: 200; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-ExtraLight.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: italic; font-weight: 200; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-ExtraLightItalic.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: italic; font-weight: normal; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-Italic.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: normal; font-weight: 300; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-Light.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: italic; font-weight: 300; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-LightItalic.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: normal; font-weight: 500; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-Medium.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: italic; font-weight: 500; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-MediumItalic.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: normal; font-weight: 400; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-Regular.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: normal; font-weight: 600; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-SemiBold.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: italic; font-weight: 600; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-SemiBoldItalic.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: normal; font-weight: 100; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-Thin.ttf); }
@font-face { font-family: 'UbuntuSans_Condensed'; font-style: italic; font-weight: 100; src: url(font/Ubuntu_Sans/static/UbuntuSans_Condensed-ThinItalic.ttf); }

@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: normal; font-weight: 700; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-Bold.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: italic; font-weight: 700; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-BoldItalic.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: normal; font-weight: 800; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-ExtraBold.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: italic; font-weight: 800; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-ExtraBoldItalic.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: normal; font-weight: 200; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-ExtraLight.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: italic; font-weight: 200; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-ExtraLightItalic.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: italic; font-weight: 400; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-Italic.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: normal; font-weight: 300; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-Light.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: italic; font-weight: 300; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-LightItalic.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: normal; font-weight: 400; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-Medium.ttf);}
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: italic; font-weight: 400; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-MediumItalic.ttf);}
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: normal; font-weight: 400; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-Regular.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: normal; font-weight: 700; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-SemiBold.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: italic; font-weight: 700; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-SemiBoldItalic.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: normal; font-weight: 100; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-Thin.ttf); }
@font-face { font-family: 'UbuntuSans_SemiCondensed'; font-style: italic; font-weight: 100; src: url(font/Ubuntu_Sans/static/UbuntuSans_SemiCondensed-ThinItalic.ttf); }


@font-face { font-family: 'Ubuntu_Sans'; font-style: normal; font-weight: 700; src: url(font/Ubuntu_Sans/static/UbuntuSans-Bold.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: italic; font-weight: 700; src: url(font/Ubuntu_Sans/static/UbuntuSans-BoldItalic.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: normal; font-weight: 800; src: url(font/Ubuntu_Sans/static/UbuntuSans-ExtraBold.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: italic; font-weight: 800; src: url(font/Ubuntu_Sans/static/UbuntuSans-ExtraBoldItalic.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: normal; font-weight: 200; src: url(font/Ubuntu_Sans/static/UbuntuSans-ExtraLight.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: italic; font-weight: 200; src: url(font/Ubuntu_Sans/static/UbuntuSans-ExtraLightItalic.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: italic; font-weight: 400; src: url(font/Ubuntu_Sans/static/UbuntuSans-Italic.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: normal; font-weight: 300; src: url(font/Ubuntu_Sans/static/UbuntuSans-Light.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: italic; font-weight: 400; src: url(font/Ubuntu_Sans/static/UbuntuSans-LightItalic.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: normal; font-weight: 500; src: url(font/Ubuntu_Sans/static/UbuntuSans-Medium.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: italic; font-weight: 500; src: url(font/Ubuntu_Sans/static/UbuntuSans-MediumItalic.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: normal; font-weight: 400; src: url(font/Ubuntu_Sans/static/UbuntuSans-Regular.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: normal; font-weight: 600; src: url(font/Ubuntu_Sans/static/UbuntuSans-SemiBold.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: italic; font-weight: 600; src: url(font/Ubuntu_Sans/static/UbuntuSans-SemiBoldItalic.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: normal; font-weight: 100; src: url(font/Ubuntu_Sans/static/UbuntuSans-Thin.ttf); }
@font-face { font-family: 'Ubuntu_Sans'; font-style: italic; font-weight: 100; src: url(font/Ubuntu_Sans/static/UbuntuSans-ThinItalic.ttf); }





*{
    margin: 0px;
	padding: 0px;
	font-family: "Montserrat", sans-serif;
	font-size:16px;
}

.body{
    background: #f7f7f7;
}

.footer{
    min-height: 80vh;
}

.cursor{
    cursor: pointer;
}

.input{
    border: 1px solid #000;
    border-radius: 0.5em;
    padding: .5em;
    height: 2.4em;
    width: 100%;
    font-size: 1em;
    font-weight: 700;
    box-sizing: border-box;
}

.input::placeholder{
    font-weight: 300;
}

.textarea::placeholder{
    font-weight: 300;
}

.input:read-only{
    background: #ccc;
}

.input:focus-visible{
    outline: none;
}

.no-scrollbar{

    /* Для WebKit‑браузеров (Chrome, Safari, Opera) */
    &::-webkit-scrollbar {
        display: none;
    }
  
    /* Для Firefox */
    scrollbar-width: none;
  
    /* Для IE и Edge */
    -ms-overflow-style: none;
}

.checkbox{
    width: 1.3em;
    height: 1.3em;
    min-width: 1.3em;
}

.radio{
    width: 1.3em;
    height: 1.3em;
}

.input-file{
    font-size: 1em;
}

.select{
    border: 1px solid #000;
    border-radius: 0.5em;
    padding: .5em;
    height: 2.4em;
    width: 100%;
    font-size: 1em;
    font-weight: 600;
}
.select .option{
    font-size: 1em; 
}

.textarea{
    width: 100%;
    font-size: 1em;
    font-weight: 600;
    border: 1px solid #000;
    border-radius: 0.5em;
    padding: .5em;
    resize: vertical;
    height: 4.8em
}

.textarea-next{
    width: 100%;
    font-size: 1em;
    font-weight: 600;
    border: 1px solid #000;
    border-radius: 0.5em;
    padding: .5em;
    resize: vertical;
    height: 4.8em
}

.submit{
    padding: .7em;
    border: 1px solid #000;
    background: #eee;
    cursor: pointer;
    width: fit-content;
}

.link{
    font-size: 1em;
}
.link:hover{
    cursor: pointer;
    text-decoration: underline;
}



.pg-line{
    margin-top: 1em;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    align-items: center;
        margin-bottom: .5em;
}
.pg-line .pg{
    margin-right: .2em;
    margin-bottom: .2em;
    font-size: .8em;
    height: 1.5em;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .2em;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: .3em;
    cursor: pointer;
    min-width: 1.5em;
    color: #000;
}
.pg-line .action{
    background: #b7d6ff;
}
.pg-line .select{
       width: 5em;
    height: auto;
    margin: auto;
    margin-left: 0;
    font-size: .8em;
    padding: .3em;
    border: 1px solid #999;
    font-weight: 400;
}
.pg-line .span{
    font-size: .8em;
    margin-right: .5em;
}

.col-2{
    min-width: 2em;
    max-width: 2em;
    box-sizing: border-box;
}
.col-5{
    min-width: 5em;
    max-width: 5em;
    box-sizing: border-box;
}
.col-10{
    min-width: 10em;
    max-width: 10em;
    box-sizing: border-box;
}
.col-15{
    min-width: 15em;
    max-width: 15em;
    box-sizing: border-box;
}
.col-20{
    min-width: 20em;
    max-width: 20em;
    box-sizing: border-box;
}
.col-25{
    min-width: 25em;
    max-width: 25em;
    box-sizing: border-box;
}
.col-30{
    min-width: 30em;
    max-width: 30em;
    box-sizing: border-box;
}
.col-8{
    min-width: 7em;
    max-width: 7em;
    box-sizing: border-box;
}




.fw{
    font-weight: 600;
}



.title{
    font-size: 1.2em;
    font-weight: 500;
}
.logo{
    display: flex;
    align-items: center;
    width: 16em;
}
.logo .name{
    font-weight: 500;
    font-size: 1.3em;
    margin: auto;
}
.logo .img{
    width: 4em;
}


.index{
    display: flex;
    flex-direction: column;
    height: calc(100vh - 4em);
    align-items: center;
}
.index .logo{
    margin-top: 4em;
}
.index .form{
    width: 22em;
    margin: auto;
    margin-top: 2em;
    border: 1px solid #000;
    background: #fff;
    padding: 2em;
    box-sizing: border-box;
    margin-bottom: 0;
}
.index .form .label{
    margin-top: 1em;
    margin-bottom: 2em;
    display: block;
}
.index .info{
    width: 22em;
    margin: auto;
    margin-top: 1em;
    text-align: center;
}

.index .link{
    margin-left: 2em;
    font-size: 0.8em;
}

.footer{
    text-align: center;
}



/* .lk */

.lk{
    padding: 1em;
}
.lk .top{
    display: flex;
    border-bottom: 1px solid #000;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1em;
}
.lk .top .menu{
    display: flex;
    list-style-type: none;
    width: calc(100% - 30em);
    justify-content: end;
}
.lk .top .menu .li{
    display: flex;
    align-items: center;
    color: #000;
    font-size: 1em;
    font-weight: 500;
    margin-left: 1.5em;
}
.lk .top .menu .li .bi{
    margin-right: .3em;
    width: 1.2em;
    height: 1.2em;
}

.lk .top .span{
    margin: auto;
    margin-left: .5em;
    font-size: .8em;
}

.lk .main{

}

.lk .table{
    width: 100%;
    margin-top: 1em;
}

.lk .table .td, .lk .table .th{
    padding: .3em;
    text-align: left;
    vertical-align: top;
    font-size: .8em;
}

.lk .table .textarea{
    height: 2.4em;
}

.lk .add{
    padding: .8em;
    margin-top: 1em;
    border: 1px solid #000;
    width: fit-content;
    display: flex;
    align-items: center;
    border-radius: .5em;
    cursor: pointer;
}
.lk .add:hover{
    background: #fff;
}
.lk .add .bi{
    margin-right: .5em;
    width: 1.2em;
    height: 1.2em;
}


.lk .calendar-top{
    display: flex;
    align-items: center;
    padding: 1em;
    background: #f7f7f7;
    border-bottom: 1px solid #000;
    margin-bottom: .5em;
    z-index: 3;
}
.lk .calendar-top .filter-name{
    display: flex;
    align-items: center;
    height: 2em;
    padding: .2em;
    padding-left: .3em;
    padding-right: .3em;
}
.lk .calendar-top .filter-name .span{
    margin-left: .5em;
    margin-right: .5em;
}
.lk .calendar-top .filter-name .steps{
    margin-left: .5em;
    display: flex;
    align-items: center;
}
.lk .calendar-top .filter-name .steps .step{
    width: 3em;
    display: flex;
    margin-left: .2em;
    margin-right: .2em;
    align-items: center;
    justify-content: center;
    padding: .5em;
    border: 1px solid #000;
    border-radius: .5em;
    cursor: pointer;
    font-size: .8em;
}
.lk .calendar-top .filter-name .steps .action{
    background: #fff;
    font-weight: 600;
}

.lk .calendar-top .filter-name .steps .select{
    width: 6em;
}

.lk .calendar-top .filter-name .input{
   
}
.lk .calendar-top .filter-name .label{
    font-size: .8em;
    display: flex;
    align-items: center;
}


.lk .calendar-top .filter-name .input-date{
    font-size: .8em;
    width: 8em;
}
.lk .calendar-top .filter-name .input-kolvo{
    width: 4em;
    margin-left: .5em;
    margin-right: .5em;
}
.lk .calendar-top .filter-name .checkbox{
    margin-right: .5em;
}

.lk .calendar-top .filter-name .filter-udobstva{
    border: 1px solid #000;
    padding: .5em;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
}

.lk .calendar-top .filter-name .select{
    font-size: .8em;
}

.lk .calendar-top .filter-name .select .option{
    
}

.lk .calendar-top .filter-object-type{
    display: flex;
    flex-direction: column;
}
.lk .calendar-top .filter-object-type .filter-object-type-result{
    padding: 1em;
    background: #fff;
    position: absolute;
    margin-top: 2.3em;
    border: 1px solid #000;
    flex-direction: column;
        z-index: 1;
}
.lk .calendar-top .filter-object-type .filter-object-type-result .close{
    text-align: right;
    margin-bottom: .5em;
    cursor: pointer;
}
.lk .calendar-top .filter-object-type .filter-object-type-result .label{
    margin-bottom: .2em;
    cursor: pointer;
}


/* .calendar */

.lk .calendar{
    width: 100%;
}

.lk .calendar .line-top{
    font-weight: 700;
    background: #e9e9e9;
    margin-bottom: 1em;
    z-index: 1;
}
.lk .calendar .line-top .day{
    padding: 0.4em;
    font-size: 0.8em;
    overflow: hidden;
}

.lk .calendar .line{
    display: flex;
    border-bottom: 1px solid #ddd;
    align-items: center;
    align-items: normal;
}

.lk .calendar .line:hover{
    background: #f1f1f1;
}

.lk .calendar .hover-style{
    background: #f1f1f1;
}

.lk .calendar .line .day{
    height: 2em;
    text-align: center;
    box-sizing: border-box;
    font-size: 0.8em;
    border-right: 1px solid #ddd;
    font-weight: 500;
    cursor: auto;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: .3em;
    padding-right: .3em;
    white-space: nowrap;
}

.lk .calendar .line .day .user-in-order{
    position: absolute;
    pointer-events: none; 
    font-size: 1em;
    text-align: left;
    overflow: hidden;
    margin-left: 5em;
}


.lk .calendar .line .day .no-price{
  position: absolute;
    width: .5em;
    height: .5em;
    background: #f00;
    border-radius: 50%;
    margin-top: -1.5em;
    border: 1px solid #000;
}

.lk .calendar .line .day .no-user{
    position: absolute;
    width: .5em;
    height: .5em;
    background: rgb(57, 218, 8);
    border-radius: 50%;
    margin-top: -1.5em;
    margin-left: .5em;
    border: 1px solid #000;
}

.lk .calendar .line .day .osrt{
    position: absolute;
    width: .5em;
    height: .5em;
    background: rgb(255, 242, 0);
    border-radius: 50%;
    margin-top: -1.5em;
    margin-left: .25em;
    border: 1px solid #000;
}

.lk .calendar .line .day .user-in-order .pay{
    font-size: 1em;
}

.lk .calendar .line .day .user-in-order .pay-y{
    font-size: 1em;
}

.lk .calendar .line .day .user-in-order .dep{
    font-size: 1em;
}

.lk .calendar .line .day .user-in-order .dep-y{
    font-size: 1em;
}

.lk .calendar .line .w-7, .lk .calendar .line .w-6{
    background: #e8f2ff;
}

.lk .calendar .line-top .w-7, .lk .calendar .line-top .w-6{
    background: #b7d6ff;
}

.lk .calendar .line-top .day{
    white-space: normal;
}

.lk .calendar .line .day .edit-gorn{
   display: flex;
    margin: auto;
    margin-left: 0.3em;
    width: calc(100% - .6em);
        white-space: normal;
}
.lk .calendar .line .day .edit-gorn .link{
    font-size: .8em;
    margin-right: .3em;
    max-width: 80%;
        text-align: left;
}
.lk .calendar .line .day .edit-gorn .bi{
    margin: auto;
    margin-right: 0;
}

.lk .calendar .line .day-gorn{
    align-items: baseline;
}

.lk .calendar .line .day .gorn-list{
    position: absolute;
    background: #fff;
    padding: .5em;
    border: 1px solid #000;
    font-size: 1em;
    text-align: left;
    margin-top: 2.1em;
    flex-direction: column;
        z-index: 1;
}
.lk .calendar .line .day .gorn-list .close{
    text-align: right;
    cursor: pointer;
    margin-bottom: .5em;
}
.lk .calendar .line .day .gorn-list .label{
    margin-top: .2em;
    margin-bottom: .2em;
    align-items: center;
    display: flex;
        font-size: 1em;
}
.lk .calendar .line .day .gorn-list .label .checkbox{
    margin-right: .3em;
}
.lk .calendar .line .day .gorn-list .submit{
    margin-top: .5em;
    padding: .5em;
        font-size: 1em;
        text-align: center;
}

.lk .calendar .line .day .b{
    font-size: 1em;
    color: #f00;
}
.lk .calendar .line .day-r:hover{
    /* background: #ccc; */
}

.lk .calendar .cleaning-action{
   font-size: 1em;
    width: 25em;
    height: 9.5em;
    overflow: auto;
}
.lk .calendar .cleaning-action .input{
    margin-left: .5em;
    width: 6em;
    font-size: 1em;
    height: auto;
    padding: 0.1em;
    padding-left: .5em;
}
.lk .calendar .cleaning-action .textarea{
    margin-top: .5em;
    font-weight: normal;
    width: 25em;
        height: 4.5em;
}
.lk .calendar .cleaning-action .submit{
   font-size: 1em;
    padding: 0;
    padding: .2em;
    border-radius: .3em;
    margin: auto;
    margin-top: .5em;
    text-align: center;
    width: 25em;
    box-sizing: border-box;
}

.lk .calendar .cleaning-action .clear-rez{
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
        margin-top: .5em;
}
.lk .calendar .cleaning-action .clear-com{
    font-size: 1em;
    margin-bottom: .5em;
    font-style: italic;
    font-weight: 600;
}

.lk .calendar .clean-footer{
    position: absolute;
        margin-top: .2em;
}

/*
.lk .calendar .cleaning-action::after{
    content: "↓";
    position: absolute;
    font-size: 2em;
    font-weight: 500;
}*/

.lk .calendar .day-order{
    position: absolute;
    border: 2px solid #ccc;
    box-sizing: border-box;
    font-size: .8em;
    height: 2.5em;
    display: none;
    align-items: center;
    padding-left: .5em;
    padding-right: .5em;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #eee;
    border-radius: 5px;
    z-index: 2;
}

.lk .calendar .day-order .span{
    font-size: 1em;
    margin-left: .5em;
    margin-right: .5em;
    cursor: pointer;
    font-weight: 600;
}

.lk .calendar .day-order .span:hover{
    text-decoration: underline;
}

.lk .calendar .day-order .close{
    margin-left: .5em;
    cursor: pointer;
    margin-right: .5em;
}

.lk .calendar .day-order .close-clean{
    margin: auto;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: .5em;
}
.lk .calendar .day-order .close-clean .span{
    font-size: .8em;
    margin: auto;
    margin-right: 0;
}
.lk .calendar .day-order .close-clean .span-vkl{
    border: 1px solid #000;
    border-radius: 5px;
    padding: .3em;
    margin: auto;
    margin-left: 0;
}

.lk .calendar .line .object{
   -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.lk .calendar .line .day-j{
    border-right: 0;
}


.lk .calendar .line .object{
    width: 10em;
    padding: 0.4em;
    font-size: 0.8em;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
    height: 2em;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.lk .calendar .line .object .span{
    margin-right: .3em;
}
.lk .calendar .line .object-p{
    border: 0;
    font-weight: 600;
    font-size: .9em;
}
.lk .calendar .line .day .order{
    background: #fff;
    width: 1.5em;
    margin: auto;
    border-radius: 50%;
    height: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    font-size: 1em;
}


.lk .calendar .line .day .act-date{
    position:absolute; 
    cursor:pointer;
}
.lk .calendar .line .day .act-date:hover{
    text-decoration: underline;
}


/* .link-obj */

.link-obj{
    margin-top: 1em;
    display: block;
    font-size: .8em;
    text-align: right;
}


/* .calendar-kpi */

.calendar-kpi{
    margin-top: 1em;
}

.lk .calendar-kpi .line-top{
    margin-bottom: 0;
}

.lk .calendar-kpi .line{
    justify-content: space-between;
}

.lk .calendar-kpi .line .day{
    width: 3%;
    white-space:normal;
    height: auto;
    min-height: 2em;
    word-break: break-word;
    padding: .2em;
    box-sizing: border-box;
}

.lk .calendar-kpi .line .day-name{
    width: 8.5%;
    text-align: left;
    font-weight: 700;
}
.lk .calendar-kpi .line .day-role{
    width: 6.5%;
    text-align: left;
}
.lk .calendar-kpi .line .day-week{
    width: 3%;
    align-items: center;
    justify-content: center;
}
.lk .calendar-kpi .line-top .day-week{
    display: block;
}
.lk .calendar-kpi .line-top .day-week .span{
    font-size: .8em;
}
.lk .calendar-kpi .line .day-param{
    width: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.lk .calendar-kpi .line .day-obj{
    justify-content: center;
}



.lk .name-db{
    display: flex;
    font-size: 1em;
}
.lk .name-db .span{
    margin: auto;
    margin-right: 0;
    color: #ccc;
    cursor: pointer;
}
.lk .name-db .span:hover{
    color: #000;
}




/* .deposit-list */

.deposit-list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}
.deposit-list .deposit-object{
       font-size: .8em;
    margin: .1em;
    border: 1px solid #000;
    padding: .5em;
    background: #eee;
    font-weight: 600;
}

/* .deposit-list */



/* .table-pay-regular */

.table-pay-regular .link-up{
    background: #eee;
    padding: .1em;
    border-radius: 0;
    border: 1px solid #999;
    display: inline-block;
    font-size: 1em;
    cursor: pointer;
    float: right;
    margin-right: 1em;
}

/* .table-stat */

.block-pay-object .table-stat{
    width: auto;
}

.table-stat .bg{
    background: #ccc;
}
.table-stat .fs-8{
    font-size: .7em;
}
.lk .table-stat .ml-1{
    padding-left: 1em;
}
.lk .table-stat .ml-2{
    padding-left: 2em;
}
.lk .table-stat .link{
    font-size: 1em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
}
.lk .table-stat .d-none{
    display: none;
}


.order-object-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-object-title .label{
    margin: auto;
    margin-left: 2em;
}
.order-object-title .label .select{
    height: auto;
    font-size: .8em;
}


/* .table-contractor */

.table-contractor .bg{
    background: #ccc;
}

.table-contractor .show-objects{
    cursor: pointer;
    font-size: 1em;
}
.table-contractor .form-contractor-to-object{
    display: none;
    flex-direction: column;
    position: absolute;
    background: #fff;
    padding: 1em;
    border: 1px solid #000;
}
.table-contractor .form-contractor-to-object .close{
    text-align: right;
    cursor: pointer;
}
.table-contractor .form-contractor-to-object .label{
    font-size: .8em;
    display: flex;
    align-items: center;
    margin-bottom: .1em;
    cursor: pointer;
}
.table-contractor .form-contractor-to-object .label .checkbox{
    margin-right: .5em;
}
.table-contractor .form-contractor-to-object .submit{
    margin-top: .5em;
    font-size: .8em;
    cursor: pointer;
}
.table-contractor .pin{
    display: flex;
    flex-direction: column;
    font-size: 1em;
    text-align: center;
        width: fit-content;
}
.table-contractor .pin .bi{
    margin-bottom: .5em;
    cursor: pointer;
    margin-top: .2em;
}
.table-contractor .type-line{
    display: flex;
    align-items: center;
    font-size: 1em;
}
.table-contractor .type-line .plus{
    margin-left: .5em;
    border: 1px solid #000;
    border-radius: 50%;
    min-width: 1.2em;
    height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .3em;
    cursor: pointer;
    background: #fff;
}
.table-contractor .type{
    position: absolute;
    flex-direction: column;
    background: #fff;
    border: 1px solid #000;
    padding: 1em;
    box-sizing: border-box;
    margin-top: .1em;
    display: none;
    width: 15em;
}
.table-contractor .type .close{
    text-align: right;
    cursor: pointer;
}
.table-contractor .type .label{
   font-size: .8em;
    margin-bottom: .3em;
    cursor: pointer;
}
.table-contractor .type .label:hover{
    text-decoration: underline;
}

/* END .table-stat */

.order .data-order-first{
    display: flex;
}
.order .data-order{
    width: 70%;
    box-sizing: border-box;
}
.order .data-order .order-top{
    margin-top: .5em;
    display: flex;
    justify-content: space-between;
}
.order .data-order .order-top-2{
    margin-top: .5em;
    overflow: auto;
}
.order .data-order .order-top-3{
    overflow: auto;
    max-height: 10em;
    margin-bottom: 1em;
}

.order .data-order .data-center-line{
    display: flex;
    align-items: end;
    margin-top: .5em;
    justify-content: space-between;
}

.order .data-order .data-center-line .link-to-order{
    font-size: .8em;
}

.order .data-order .data-center-line .label{
    font-size: .8em;
    margin-right: 1em;
    width: calc(33.3% - 1em);
}
.order .data-order .data-center-line .label .span-code{
   font-size: 1em;
    margin-left: .5em;
    margin-right: .2em;
    background: #eee;
    padding-left: .4em;
    padding-right: .4em;
    border-radius: .3em;
}
.order .data-order .data-center-line .label .date-time{
    display: flex;
    font-size: 1em;
    padding: .5em;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: .5em;
}
.order .data-order .data-center-line .label .date-time .input-time{
    margin-left: .5em;
}

/* .contact-rez */
.contact-rez{
    position: absolute;
    padding: 1em;
    min-width: 15em;
    box-sizing: border-box;
    border: 1px solid #000;
    font-size: .8em;
    max-height: 25em;
    overflow: auto;
    margin-top: 1px;
    background: #f1f1f1;
}
.contact-rez .close{
    margin-bottom: .5em;
}
.contact-rez .fio{
    font-size: 1em;
    margin-bottom: .2em;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
}
.contact-rez .fio:hover{
    text-decoration: underline;
}
.contact-rez .fio .res{
    font-size: 1em;
    margin-right: .5em;
    font-weight: 500;
}
.contact-rez .fio .fio-chet{
    margin: auto;
    margin-right: 0;
}
.contact-rez .fio .fio-id{
    width: 4.5em;
}

/* .contact-rez */


.order .data-order .data-center-line .order-file{
    display: flex;
    flex-wrap: wrap;
}
.order .data-order .data-center-line .order-file .link{
    font-size: .8em;
    padding: .4em;
    border: 1px solid #000;
    margin-right: .4em;
    background: #eee;
}

.order .data-order .data-center-line .order-day{
    font-size: 1em;
}
.order .data-order .data-center-line .order-show{
    font-size: 1em;
    background: #fff;
    position: absolute;
    padding: 1em;
    display: none;
    flex-direction: column;
    margin-top: 2.4em;
    border: 1px solid #000;
}
.order .data-order .data-center-line .order-show .close{
    text-align: right;
    margin-bottom: .5em;
}
.order .data-order .data-center-line .order-show .order-show-res{
    font-size: 1em;
    max-height: 15em;
    overflow: auto;
}

.order .data-order .data-center-line .order-price{
    font-size: 1em;
    display: flex;
    align-items: center;
    margin-top: .5em;
}
.order .data-order .data-center-line .order-price .span{
    margin-left: .5em;
    cursor: pointer;
}

.order .data-order .data-center-price, .order .data-order .data-center-date{
   align-items: center;
}


.order .data-order .order-vkladki{
    display: flex;
    overflow: auto;
}

.order .data-order .order-vkladki .order-vkladki-id{
    margin-right: .5em;
    padding: .5em;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: .8em;
    border-radius: .3em .3em 0 0;
    display: flex;
    align-items: center;
    cursor: pointer;
        white-space: nowrap;
}

.order .data-order .order-vkladki .dop-contact{
    margin: auto;
    margin-right: 0;
}

.order .data-order .order-vkladki .action{
    background: #eee;
}

.order .data-order .order-user{
    background: #eee;
    padding: .5em;
}

.order .data-order .order-user .data-center-line{
    margin-top: 0;
}

.order .data-order .order-user .data-center-line .label{
    width: calc(33.3% - 1em);
}

.order .data-order .order-user .data-center-line .select{
    font-size: 1em;
}

.order .data-order .data-center-line-bot{
    align-items: baseline;
}

.order .data-order .data-center-line-bot .label-desc{
    min-width: calc(33.3% - 1em);
}

.order .data-order .data-center-line-bot .label-desc .textarea{
    height: 6.1em;
}

.order .data-order .data-center-line-bot .data-center-line-bot-right{
    display: flex;
    flex-wrap: wrap;
        justify-content: space-between;
}

.order .data-order .data-center-line-bot .data-center-line-bot-right .label{
    width: calc(50% - 1em);
    margin: 0;
}


/* .data-center-price */

.order .data-order .data-center-price {
    justify-content: space-between;
}

.order .data-order .data-center-price .label{
    margin: 0;
    padding: .5em;
    box-sizing: border-box;
    margin: 1px;
}

.order .data-order .data-center-price .label .span{
    font-size: 1em;
}

.order .data-order .data-center-price .label .span:hover{
    text-decoration: underline;
}

.order .data-order .data-center-price .label-br-right{
    border: 1px solid #000;
    border-left: 0;
    margin-left: 0;
    border-radius: 0 5px 5px 0px;
    cursor: pointer;
    width: auto;
    background: #eee;
}

.order .data-order .data-center-price .label-br-left{
    border-right: 0;
    margin-right: 0;
    border-radius: 5px 0 0 5px;
}

.order .data-order .data-center-price .label .input{
    margin: 0;
}

.order .data-order .data-center-price .label-br-right .input{
    width: 6.5em;
}



/* .data-center-price */


.order .data-order .table{
    width: 100%;
    border: none;
    background: #eee;
}
.order .data-order .table .tr{

}
.order .data-order .table .tr .td{
    padding: 0.2em;
    font-size: .8em;
    border: 1px solid #ccc;
}
.order .data-order .table-people{
    margin-top: 1em;
    margin-bottom: 1em;
}
.order .data-order .table-people .tr .th{
    font-size: .8em;
    padding: .2em;
    text-align: start;
}


.order .data-order-right{
   width: calc(30% - 1em);
    box-sizing: border-box;
    padding: 1em;
    background: #ffffff;
    overflow: auto;
    margin: auto;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 1em;
    border: 1px solid #000;
}
.order .data-order-right .guide{
    font-size: .8em;
    padding: .1em;
    margin-left: .3em;
} 
.order .data-order-right .title{
    font-weight: 500;
    margin-top: .5em;
    font-size: 1em;
}

.order .data-order-right .data-center-line .label{
    font-size: .8em;
    margin-bottom: 1em;
}

.order .data-order-right .guide-ct{
    font-weight: 500;
    margin-top: .1em;
    margin-bottom: .1em;
    font-size: .8em;
}

.order .data-order-right .order-vkladki{
    display: flex;
    overflow: auto;
}

.order .data-order-right .order-vkladki .order-vkladki-id{
    margin-right: .5em;
    padding: .5em;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: .8em;
    border-radius: .3em .3em 0 0;
    display: flex;
    align-items: center;
    cursor: pointer;
        white-space: nowrap;
}

.order .data-order-right .action{
    background: #eee;
}

.order .data-order-right .order-vkladki-lot{
    padding: 0.7em;
    box-sizing: border-box;
    max-height: 63vh;
    overflow: auto;
}

.order .data-order-right .order-vkladki-lot .seach-order{
    display: flex;
    align-items: center;
}
.order .data-order-right .order-vkladki-lot .seach-order .input{
    font-size: .8em;
}
.order .data-order-right .order-vkladki-lot .seach-order .sub-mit{
        margin-left: 1em;
    background: #ccc;
    font-size: .8em;
    padding: .4em;
    border-radius: .2em;
    border: 1px solid #000;
    box-sizing: border-box;
    cursor: pointer;
}

.order .data-order-right .order-vkladki-lot .change-order-result .res-list{
    font-size: .8em;
}

.order .data-order-right .order-vkladki-lot .change-order-result .res-list .label{
    font-size: 1em;
    display: flex;
    cursor: pointer;
}

.order .data-order-right .order-vkladki-lot .change-order-result .res-list .label .checkbox{
    margin-right: .5em;
}

.order .data-order-right .order-vkladki-lot .change-order-result .res-list .submit{
    margin: auto;
    margin-right: 0;
    margin-top: 2em;
    font-size: 1em;
}

.order .data-order-right .order-vkladki-lot .order-history-line{
    border-bottom: 1px solid #999;
    margin-top: .2em;
    padding-bottom: .2em;
}
.order .data-order-right .order-vkladki-lot .order-history-line .history-line-user{
    font-size: .8em;
    font-weight: 500;
}
.order .data-order-right .order-vkladki-lot .order-history-line .history-line-res{
    font-size: .8em;
    word-break: break-all;
}

.order .data-order-submit{
    text-align: right;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: end;
}
.order .data-order-submit .del-order{
    margin: auto;
    margin-left: 0;
    text-align: left;
    font-size: .8em;
}
.order .data-order-submit .submit{
    margin-left: .5em;
    margin-right: 1em;
}




/* .extranet */
.extranet{
    padding: 1em;
}

.extranet .p{
    margin-bottom: .5em;
}

.extranet .line-object{
    display: flex;
    align-items: center;
        font-weight: 700;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    padding-bottom: .2em;
    padding-top: .2em;
}

.extranet .line-object .col{
    font-size: .8em;
    padding: .2em;
    margin-right: 1em;
    margin: 0;
        width: fit-content;
}

.extranet .line-object .col-input{
    margin-left: -1em;
}

.extranet .line-object .col-input-2 .input{
    margin-left: .2em;
}

.extranet .line-object .col-name{
       width: 26em;
}

.extranet .line-object .col .input{
    width: 10em;
}

.extranet .line-object-parent{
       font-weight: 400;
}

.extranet .line-object-parent .col-name{
    margin-left: 3em;
}



.popap{
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #000000d4;
    z-index: 4;
}
.popap .popap-rez{
    width: calc(100% - 1em);
    height: calc(100vh - 1em);
    margin: auto;
    background: #fff;
    padding: 1.5em;
    box-sizing: border-box;
    overflow: auto;
    border-radius: .5em;
}
.popap .popap-rez .close{
    text-align: right;
    cursor: pointer;
    width: 100%;
}

/* .sett */
.popap .sett{
    width: 35em;
    height: auto;
}

.popap .sett .data{
    width: 100%;
    padding: 1em;
    background: #eee;
    margin-bottom: 1em;
    margin-top: 1em;
}

.popap .sett .data .label{
    display: flex;
    align-items: center;
    margin-bottom: .3em;
    font-size: .8em;
}

.popap .sett .data .label .checkbox{
    margin-right: .5em;
}

.popap .sett .data .label-select{
    margin-top: 1em;
    display: block;
    font-size: .8em;
}

.popap .sett .data .label-select .select{
    font-size: 1em;
}


/* .bank */

.popap .sett .data .data-bank{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.popap .sett .data .data-bank .label-input{
    display: block;
    font-size: .8em;
    width: 48%;
    margin: 0;
}

.popap .sett .data .data-bank .label-card{
    display: block;
    font-size: .8em;
    width: 100%;
    margin: 0;
}

.popap .sett .data .textarea{
    font-size: .8em;
}

.popap .sett .data .data-bank-object{
    margin-top: .5em;
    margin-bottom: .5em;
    max-height: 20vh;
    overflow: auto;
    padding: 1em;
    border: 1px solid #000;
    background: #fff;
}

.popap .sett .data .data-bank-object .label{
    font-size: .8em;
}

.popap .sett .data .bank-card-sett{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.popap .sett .data .bank-card-sett .label{  
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    margin-top: .5em;
    justify-content: flex-start;
    margin-bottom: 0;
}

/* .del-object */

.popap .del-object{
    width: 25em;
    height: auto;
}

.popap .del-object .data{
    margin-top: 1em;
}

.popap .del-object .del-object-line{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
}
.popap .del-object .del-object-line .link{
       padding: .5em;
    background: #eee;
    border: 1px solid #000;
    width: 5em;
    box-sizing: border-box;
    text-align: center;
    margin-left: .5em;
    margin-right: .5em;
}




.popap-2 .popap-rez{
    width: 60%;
    height: 80vh;
}

.popap-2 .udobs{
    width: 90%;
    height: 90vh;
}

.popap .order{
    width: 80%;
    height: auto;
}


/* .pay */

.popap .pay{
    width: 50em;
    height: auto;
    max-height: 75vh;
}
.popap .pay .data-pay{
    display: flex;
    flex-wrap: wrap;
    padding-top: 1em;
    padding-bottom: 1em;
}
.popap .pay .data-pay .label{
    font-size: .8em;
    margin-right: 1%;
    margin-bottom: 1em;
    box-sizing: border-box;
}

.popap .pay .data-pay .label-check{
    display: flex;
    align-items: center;
    margin-top: .5em;
}

.popap .pay .data-pay .label-check .checkbox{
    margin-right: .5em;
}

.popap .pay .data-pay-link{
    margin-top: 1em;
    display: flex;
    align-items: center;
        height: 2.7em;
}
.popap .pay .data-pay-link .checkbox{
    margin-right: .5em;
}
.popap .pay .no-bank-card{
    font-size: 1em;
    padding-top: 1.7em;
    text-align: center;
}


.popap .pay .data-pay .w-15{
    width: 14%;
}

.popap .pay .data-pay .w-20{
    width: 19%;
}
.popap .pay .data-pay .w-25{
    width: 24%;
}
.popap .pay .data-pay .w-33{
    width: 32.3%;
}
.popap .pay .data-pay .w-50{
    width: 49%;
}
.popap .pay .data-pay .w-75{
    width: 74%;
}
.popap .pay .data-pay .w-100{
    width: 99%;
}

.popap .pay .data-pay .span{
    font-size: 1em;
}

.popap .pay .data-pay .uderganye{
    margin: auto;
    margin-right: 1%;
    margin-bottom: 1em;
}


.popap .pay .data-pay .label .label-znak{
    display: inline-flex;
    align-items: center;
    margin-right: 1em;
    font-weight: 500;
    cursor: pointer;
}

.popap .pay .data-pay .label .label-znak .radio{
    margin-right: .5em;
}
.popap .pay .data-pay .line-type-pay{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5em;
}
.popap .pay .data-pay .line-type-pay .label-check{
    margin: 0;
    margin-right: .5em;
}

/* .popap-link  */

.popap .popap-link{
    height: auto;
    width: auto;
}
.popap .popap-link .link{
    padding: 1em;
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
    cursor: auto;
    display: flex;
    padding-top: 2em;
    align-items: center;
}
.popap .popap-link .link .copy{
       margin-left: 2em;
    background: #eee;
    padding: .5em;
    border-radius: .5em;
    cursor: pointer;
}

/* .guide-filter  */

.popap .guide-filter{
    width: calc(100% - 40em);
    height: auto;
    height: calc(100vh - 10em);
}

.popap .guide-filter .data .filter-name{
    margin-top: .5em;
    margin-bottom: .1em;
}

.popap .guide-filter .data .show-filter-param{
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
    padding-bottom: .5em;
    border: 1px solid #000;
    margin-bottom: .5em;
}

.popap .guide-filter .data .show-filter-param .label{
    display: flex;
    align-items: center;
    font-size: .8em;
    margin-bottom: .5em;
}

.popap .guide-filter .data .udobs-all .label, .popap .guide-filter .data .udobs-one .label{
    width: 25%;
    align-items: anchor-center;
}
.popap .guide-filter .data .show-filter-param .filter-svost{
        width: 25%;
    box-sizing: border-box;
        margin-bottom: 1em;
}
.popap .guide-filter .data .show-filter-param .label .checkbox{
    margin-right: .2em;
}
.popap .guide-filter .data .show-filter-param .filter-svost .label-svost{
    font-size: .8em;
    display: flex;
    align-items: center;
}
.popap .guide-filter .data .show-filter-param .filter-svost .label-svost .checkbox{
    margin-right: .3em;
}
.popap .guide-filter .data .vkladki{
    display: flex;
    overflow: auto;
    margin-top: 1em;
        flex-wrap: wrap;
}
.popap .guide-filter .data .vkladki .vkladki-name{
    margin-right: .5em;
    padding: .5em;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: .8em;
    border-radius: .3em .3em 0 0;
    display: flex;
    align-items: center;
    cursor: pointer;
        font-weight: 500;
}
.popap .guide-filter .data .vkladki .action {
    background: #eee;
}


/* .object */

.object .data-object{
    display: flex;
    font-size: 0.8em;
    width: 100%;
}

.object .data-object .data-left{
    width: calc(33% - 2em);
    margin-right: 2em;
    padding-top: 2em;
}
.object .data-object .data-center{
    width: 67%;
    padding-right: 2em;
    padding-left: 2em;
    background: #eee;
    box-sizing: border-box;
    padding-top: 2em;
    padding-bottom: 2em;
}

/* .object .data-object .data-right{
    width: calc(20% - 2em);
    margin-left: 2em;
    padding-top: 2em;
} */

.object .data-object .label{
    margin-bottom: .5em;
    display: block;
    font-size: 0.8em;
}
.object .data-object .label .textarea{
    height: 14em;
    box-sizing: border-box;
}

.object .data-object .label .new-textarea{
    font-weight: normal;
    box-sizing: border-box;
}

.object .data-object .label .new-textarea .file-rules{
    font-size: .8em;
}

.object .data-object .label .new-textarea .input{
    width: 50%;
    display: block;
}

.object .data-object .label-checkboxs{
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.object .data-object .label-checkboxs .label-checkbox{
    display: flex;
    align-items: center;
    padding-left: 1em;
    font-size: 1em;
}
.object .data-object .label-checkboxs .label-checkbox .checkbox{
    margin-right: .3em;
}

.object .data-object .data-center-line{
    display: flex;
    justify-content: space-between;
}
.object .data-object .data-center-line .label{
    width: calc(50% - .2em);
}
.object .data-object .data-center-line-3{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.object .data-object .data-center-line-3 .label{
    width: calc(33% - .2em);
}
.object .data-object .data-center-line-4{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.object .data-object .data-center-line-4 .label{
    width: calc(25% - .2em);
}
.object .data-object .data-center-line-4-top{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.object .data-object .data-center-line-4-top .label{
    width: calc(18% - .2em);
}
.object .data-object .data-center-line-4-top .label-checkboxs{
    width: calc(41% - .2em);
}

.object .data-object .data-center-line-6{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.object .data-object .data-center-line-6 .label{
    width: calc(7% - .2em);
    overflow: hidden;
}
.object .data-object .data-center-line-6 .name-lot{
    width: calc(17% - .2em);
}
.object .data-object .data-center-line-6 .udobs-lot{
    width: calc(11% - .2em)
}
.object .data-object .data-center-line-6 .cvost-lot{
    width: calc(11% - .2em);
}
.object .data-object .data-center-line-6 .price-lot{
    width: calc(39% - .2em);
    display: flex;
    align-items: end;
    justify-content: space-between;
    border: 1px solid #999;
    padding: .3em;
    padding-bottom: 0;
}
.object .data-object .data-center-line-6 .price-lot .label{
    width: 33%;
}

.object .data-object .data-center-line-6 .sort-name{
    width: 2.5em;
}
.object .data-object .data-center-line-6 .sort-name .input{
    
}

.object .data-object .data-center-line .label .span{
    font-size: 1em;
}


.object .data-object .object_desc{
    display: flex;
    justify-content: flex-start;
    margin-bottom: .2em;
    flex-wrap: wrap;
    border-bottom: 1px solid #000;
    padding-bottom: .5em;
}
.object .data-object .object_desc .span{
    font-size: .8em;
    margin-right: .5em;
    padding: .3em;
}
.object .data-object .object_desc .action{
    background: #ccc;
    border-radius: 0.5em;
}


.object .data-object .object-type{
    border: 1px solid #000;
    margin-bottom: 1em;
    background: #fff;
    box-sizing: border-box;
    padding: .5em;
}

.object .data-object .title-object{
    font-weight: 500;
    margin-top: .5em;
    margin-bottom: .5em;
}

.object .data-object .object-bank{
    display: flex;
    flex-wrap: wrap;
    margin-top: .1em;
    border: 1px solid #000;
    padding: .3em;
}

.object .data-object .object-bank .info{
    width: 100%;
    font-size: .8em;
        font-style: italic;
}

.object .data-object .object-bank .name{
    width: 25%;
    font-size: .8em;
}

.object .data-object .object-bank .card{
    width: 100%;
    font-size: .8em;
    margin-top: .5em;
    margin-bottom: .5em;
}

.object .data-object .object-bank .name-title{
    width: 50%;
    font-size: .8em;
    font-weight: 500;
}

/* .show-object */
.popap .show-object{
    width: auto;
    max-width: calc(100% - 40em);
    height: auto;
    max-height: calc(100vh - 10em);
}

.popap .show-object .show-object-data{
    display: flex;
}

.popap .show-object .show-object-data .show-object-left{
    width: 50%;
}

.popap .show-object .show-object-data .show-object-right{
    margin-left: 1em;
}

.popap .show-object .show-object-data .show-object-right .guide-ct{
    font-weight: 500;
}

.popap .show-object .show-object-data .show-object-right .list-guide{
    margin-bottom: .3em;
}

.popap .show-object .show-object-data .show-object-right .guide{
    margin-left: .3em;
}

.popap .show-object .title-name{
    margin-top: .5em;
    font-weight: 500;
    margin-bottom: .2em;
}

.popap .show-object .list-photo{
    display: flex;
    width: 100%;
    overflow: auto;
    display: -webkit-box;
}
.popap .show-object .list-photo .img-id{
    width: 10em;
    height: 10em;
    border: 1px solid #000;
    margin-right: .3em;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
}
.popap .show-object .list-photo .img-id .img{
    max-width: 100%;
    max-height: 100%;
}


/* .nal-sotrudnick-itg */

.nal-sotrudnick-itg{
    font-size: 1em;
    display: flex;
}

.nal-sotrudnick-itg .span-nal{
    width: 6em;
}

.nal-sotrudnick-itg .span{
    margin-right: .5em;
}


/* .add-event */
.popap .add-event{
    width: 45em;
    height: auto;
    max-height: 80vh;
}
.popap .add-event .data-event{
    margin-top: 1em;
}
.popap .add-event .data-event .title{
    margin-top: .5em;
}
.popap .add-event .data-event .title-next{
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: .5em;
}
.popap .add-event .data-event .title-next .span{
    font-size: .7em;
    background: #ccc;
    padding: .5em;
    border-radius: .3em;
}
.popap .add-event .data-event .title-next .span:hover{
    text-decoration: underline;
}
.popap .add-event .data-event .label{
    font-size: .8em;
    display: block;
}
.popap .add-event .data-event .submit{
    margin-top: 2em;
}
.popap .add-event .date-time{
    display: flex;
}
.popap .add-event .date-time .label{
    margin-right: 1em;
}

/* .event-all */

.event-all .td{
    word-break: break-word;
}


/* .data-price */
.data-price{
    margin-top: 1em;
}
.data-price .data-center-line{
    display: flex;
}
.data-price .label{
    font-size: .8em;
}
.data-price .label .skidka{
    font-size: 1em;
    padding: 0.5em;
    border: 1px solid #000;
    background: #eee;
    display: flex;
    align-items: center;
}
.data-price .label .skidka .input{
    width: 4em;
    margin-left: .5em;
    margin-right: .5em;
}
.data-price .label .skidka .select{
    width: 4em;
    margin-left: .5em;
    margin-right: .5em;
}
.data-price .label .skidka .select-int{
    width: 14em;
}
.data-price .vihi{
    display: flex;
    font-size: .8em;
    align-items: center;
    padding: 0.5em;
    border: 1px solid #000;
    justify-content: flex-start;
    background: #eee;
}
.data-price .vihi .input{
    width: 5em;
    margin-left: 0;
    margin-right: 0;
}
.data-price .vihi .label{
    display: flex;
    align-items: center;
    margin: 0;
}
.data-price .vihi .label .checkbox{
    margin-left: .5em;
    margin-right: .5em;
}
.data-price .vihi .select{
    width: 4em;
    margin-right: .5em;
    margin-left: .5em;
}
.data-price .vihi .vihi-bot{
    display: flex;
    align-items: center;
    margin-left: 1em;
    justify-content: center;
}
.data-price .title-object{
    margin-bottom: .5em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1em;
}
.data-price .data-price-start .label{
    margin-right: .5em;
    width: calc(39% - 1em);
}
.data-price .data-price-start .label-edinica{
    width: 15em;
}
.data-price .del{
    margin: 0;
}
.data-price .on-off, .data-price .vihi .on-off{
   margin-left: auto;
    margin-right: .5em;
    display: flex;
    align-items: center;
    font-size: 11px;
}
.data-price .on-off .checkbox, .data-price .vihi .on-off .checkbox{
    margin-left: .5em;
}
.data-price .day-week .checkbox{
    margin-left: .3em;
}
.data-price .add{
    padding: .5em;
    font-size: .8em;
    border: 1px solid #000;
    width: fit-content;
    border-radius: .5em;
    cursor: pointer;

}
.data-price .add:hover{
    background: #eee;
}
.data-price .data-price-guest{
    display: flex;
    margin-top: .5em;
    flex-wrap: wrap;
}
.data-price .data-price-guest .label{
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    padding: .5em;
    width: calc(50% - 1em - 2px);
    justify-content: center;
    min-width: 320px;
}
.data-price .data-price-guest .label .input{
    width: 4em;
    margin-left: .5em;
    margin-right: .5em;
}
.data-price .data-price-guest .label .select{
    width: 4em;
}
.data-price .data-price-guest .label .select-type{
    width: 6em;
    margin-left: .5em;
}

.data-price .price-3{
   display: flex;
    align-items: center;
    padding: 0.5em;
    border: 1px solid #000;
    justify-content: flex-start;
    background: #eee;
}
.data-price .price-3 .label{
    display: flex;
    align-items: center;
    margin-right: .5em;
    white-space: nowrap;
}
.data-price .price-3 .input{
    margin-left: .3em;
}
.data-price .no-check{
    background: #f1c1c1;
}





/* .data-foto */
.data-foto{
    margin-top: 1em;
}
.data-foto .add-file{
    margin-bottom: .5em;
    margin-top: .5em;
    border: 1px solid #000;
    padding: .5em;
    background: #eee;
}
.data-foto .add-file .add-file-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .8em;
}
.data-foto .add-file .add-file-top .input{
    max-width: 55%;
}
.data-foto .add-file .add-file-top .input-file{
    width: 40%;
}

.data-foto .add-file .add-file-bot{
    display: flex;
    align-items: center;
    overflow: auto;
    max-width: 100%;
}
.data-foto .add-file .add-file-bot .img-id{
    margin: .5em;
    display: flex;
    flex-direction: column;
}
.data-foto .add-file .add-file-bot .img-id .span{
    border-radius: 50%;
    margin: auto;
    margin-right: 0;
    margin-bottom: -.5em;
    position: relative;
    background: #eee;
    padding: .1em;
    box-sizing: border-box;
    cursor: pointer;
}
.data-foto .add-file .add-file-bot .img-id .img{
    max-width: 10em;
    max-height: 5em;
}

.data-foto .add-file .del{
    text-align: right;
    cursor: pointer;
    margin-bottom: .2em;
}
.data-foto .add-push{
    padding: .5em;
    border: 1px solid #000;
    font-size: .8em;
    width: fit-content;
}

.data-object .add-push{
    font-size: .8em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.data-object .add-push .link{
    padding: .2em;
    border: 1px solid #000;
    width: 44%;
    background: #ccc;
}


.object .data-object .lot-line{
    border: 1px solid #000;
    padding: .5em;
    margin-bottom: .5em;
    box-sizing: border-box;
    padding-bottom: .2em;
}
.object .data-object .lot-line .lot-line-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.object .data-object .foto{
    font-size: .8em;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    padding-bottom: .3em;
    width: fit-content;
    margin-bottom: .2em;
}
.object .data-object .foto .bi{
    margin-right: .5em;
}
.object .data-object .lot-line .lot-line-top .del{
    cursor: pointer;
}




/* .select-pc */

.select-pc{
    border: 2px solid #000;
    height: 1.9em;
    box-sizing: border-box;
    border-radius: .5em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background: #fff;
}

.select-pc:hover{
    background: #eee;
}

.select-pc .span{
    padding-left: .5em;
    font-size: .8em;
    font-weight: 600;
}
.select-pc .bi{
    padding-right: .2em;
}

.select-pc-2{
    border: 0;
    background: none;
}


/* .table-user */

.table-user .input, .table-event .input, .table-pay .input {
    height: auto;
    font-size: 1em;
    width: 9.1em;
    box-sizing: border-box;
}

.table-user .label, .table-event .label{
    font-size: 1em;
    display: block;
}

.table-user .select, .table-event .select{
    font-size: 1em;
    width: 10em;
    box-sizing: border-box;
    height: 2.4em;
}


.table-pay .pay-file{
    display: flex;
    flex-wrap: wrap;
}
.table-pay .pay-file .link{
    font-size: .8em;
    margin-right: .5em;
}






/* .table-pay-object */

.lk .table-pay-object{
    width: auto;
}

.lk .table-pay-object .tr:hover, .lk .table-pay .tr:hover{
    background: #eee;
}

.block-pay-object{
    max-width: 100%;
    overflow: auto;
}

.td-flex{
    display: flex;
    align-items: center;
    font-size: 1em;
    justify-content: space-between;
        min-width: 4em;
}

.td-flex .bi{
    margin-left: .5em;
}

.order-link{
    display: none;
    position: absolute;
    background: #fff;
    padding: .5em;
    border: 1px solid #000;
    flex-direction: column;
    min-width: 10em;

}

.order-link .link{
    display: block;
    margin-bottom: .2em;
    margin-top: .2em;
    font-size: .9em;
    display: flex;
    align-items: center;
}

.order-link .link .span{
    display: block;
    font-size: 1em;
    margin-right: .5em;
}

.order-link .close{
    text-align: right;
    cursor: pointer;
    margin-bottom: .5em;
}



.show-filter{
    font-size: 1em;
    cursor: pointer;
    border-radius: 0.5em;
    padding: .7em;
    background: #eee;
    width: fit-content;
}

.filter-form-selects{
    display: flex;
    flex-direction: column;
    position: absolute;
    background: #fff;
    padding: 1em;
    border: 1px solid #000;
    display: none;
    max-height: 20em;
    overflow: auto;
    min-width: 10em;
}
.filter-form-selects .close{
    text-align: right;
    cursor: pointer;
}
.filter-form-selects .label{
    font-size: .8em;
    margin-bottom: .3em;
    margin-top: .3em;
    display: flex;
    align-items: center;
    font-weight: normal;
}
.filter-form-selects .label .checkbox{
    margin-right: .3em;
}

.table-event .file-str{
    display: flex;
    flex-wrap: wrap;
}
.table-event .file-str .link{
    font-size: .8em;
    margin-right: .5em;
}
.table-event .file-str .span{
    font-size: .8em;
    margin-right: .5em;
    font-weight: 500;
}

.table-event .bg {
    background: #ddd;
}

.table-event .link-pay-status{
    display: flex;
    align-items: center;
    margin-top: .3em;
    flex-wrap: wrap;
}

.table-event .link-pay-status .link{
   font-size: .8em;
    padding: .1em;
    padding-left: .3em;
    padding-right: .3em;
    border: 1px solid #000;
    background: #fff;
    text-align: center;
    border-radius: .5em;
    margin-right: .5em;
}
.table-event .link-pay-status .link:hover{
    background: #ddd;
}

/* .udobs */ 


.udobs .data-udobs-vkladki{
    display: flex;
    margin-top: .5em;
    margin-bottom: 1em;
    border-bottom: 1px solid #000;
    flex-wrap: wrap;
}
.udobs .data-udobs-vkladki .vkladki-link{
    margin-right: .5em;
    padding: .5em;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: .8em;
    border-radius: .3em .3em 0 0;
    display: flex;
    align-items: center;
}
.udobs .data-udobs-vkladki .action{
    background: #eee;
}
.udobs .data-udobs-vkladki .vkladki-link .span{
    font-size: 1em;
    margin-right: 1em;
}
.udobs .data-udobs-vkladki .vkladki-link .bi{

}
.udobs .data-udobs-vkladki .vkladki-link-add{
    margin: auto;
    margin-right: 0;
}
.udobs .data-udobs-vkladki .vkladki-link-add .add-vkladki{
    position: absolute;
    margin-left: -6em;
    margin-top: 11em;
    padding: 1em;
    background: #fff;
    border: 1px solid #000;
    flex-direction: column;
}
.udobs .data-udobs-vkladki .vkladki-link-add .add-vkladki .input{
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: .8em
}
.udobs .data-udobs-vkladki .vkladki-link-add .add-vkladki .submit{
    width: fit-content;
    font-size: .8em
}

.udobs .data-udobs .add{
    display: flex;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 1em;
}
.udobs .data-udobs .add .input{
    width: 50%;
    font-size: .8em;
}
.udobs .data-udobs .udobs-add .add{
    font-size: .8em;
    padding: .8em;
    border: 1px solid #000;
    width: fit-content;
    display: flex;
    align-items: center;
    border-radius: .5em;
    cursor: pointer;

}
.udobs .data-udobs .udobs-add .add .bi{
    margin-right: .5em;
}
.udobs .data-udobs .list{
    border: 1px solid #000;
    padding: 1em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #eee;
    max-height: 53vh;
    overflow: auto;
}

/*
.udobs .data-udobs .list .sv-base{
    display: flex;
    flex-wrap: wrap;
}
.udobs .data-udobs .list .sv-base .sv-line{
    border: 1px solid #000;
    font-size: .8em;
    padding: .3em;
    margin: .5em;
}
.udobs .data-udobs .list .sv-base .sv-line .span{
    font-size: 1em;
}
.udobs .data-udobs .list .sv-base .sv-line .checkbox-line{
    font-size: 1em;
    display: flex;
    align-items: center;
}
.udobs .data-udobs .list .sv-base .sv-line .checkbox-line .input, .udobs .data-udobs .list .sv-base .sv-line .checkbox-line .checkbox, .udobs .data-udobs .list .sv-base .sv-line .checkbox-line .radio{
    margin-right: .5em;
    margin-left: .3em;
}

*/

.udobs .data-udobs .list .label{
    width: calc(20% - 1em);
    display: flex;
    margin: .5em;
    margin-bottom: .2em;
    margin-top: .2em;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ccc;
    padding: .2em;
    padding-left: .4em;
    padding-right: .4em;
    box-sizing: border-box;
}
.udobs .data-udobs .list .label .input{
    font-size: .8em;
    width: 70%;
}
.udobs .data-udobs .list .label .checkbox{
   
}
.udobs .data-udobs .list .label .bi{
   
}

.udobs .data-udobs .list .label .select-cvost{
    font-size: .8em;
    width: 6em;
    margin-left: .5em;
    margin-right: .5em;
}

.udobs .data-udobs .list .label .select-pc {
    white-space: nowrap;
    width: calc(100% - 30px);
    overflow: hidden;
}

.udobs .data-udobs .list .label .select-pc .span{
    white-space: nowrap;
    max-width: 75%;
    overflow: hidden;
    margin-right: 5%;
}  



/* .menu-rasdel-api */
.menu-rasdel-api{
    padding: 1em;
    border-bottom: 1px solid #000;
}

.menu-rasdel-api .link{
    padding: 0.25em .5em;
    color: #000;
    text-decoration: none;
    margin-right: 1em;
        font-size: .9em;
}

.menu-rasdel-api .action{
    border-radius: .3em;
    border: 1px solid #000;
    background: #ccc;
}


/* .filter-api */

.filter-api{
    padding: 1em;
    margin-bottom: 1em;
    display: flex;
    align-items: end;
}
.filter-api .label{
    margin-right: 1em;
    font-size: .8em;
}
.filter-api .label .submit{
    font-size: 1em;
}


/* .sett */

.sett{
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}
.sett .sett-col{
    display: block;
    width: 25%;
    margin-top: .5em;
    padding: 1em;
    box-sizing: border-box;
    min-width: 10em;
}
.sett .sett-col .label{
        font-size: .8em;
    display: block;
    margin-block: .5em;
}

.sett .sett-col .label .input-sort{
    width: 3em;
    margin-right: .5em;
}

.sett .sett-col .label-trash{
    display: flex;
    align-items: center;
}

.sett .sett-col .label-trash .bi{
    margin-left: .5em;
    cursor: pointer;
}

.sett .sett-col .add{
    font-size: .8em;
    padding: .5em;
}

.sett-price .title{
    margin-bottom: .5em;
}
.sett-price .line-procent{
    display: flex;
    align-items: center;
}
.sett-price .procent-din{
    margin-bottom: .2em;
}
.sett-price .hr-line{
    margin-bottom: .5em;
    margin-top: .5em;
    display: block;
    height: 1px;
    background: #ccc;
}
.sett-price .line-procent .label{
    margin: 0;
    margin-right: .5em;
}
.sett-price .line-procent .span{
    margin-right: 1em;
    font-size: .8em;
    white-space: nowrap;
        min-width: 4em;
}
.sett-price .line-procent .plus{
   min-width: 1.5em;
    height: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: .5em;
    cursor: pointer;
}
.sett-price .line-procent .plus-icon{
    border: none;
}
.sett-price .sett-price-object{
    height: 20em;
    overflow: auto;
    border: 1px solid #000;
    padding: .5em;
    box-sizing: border-box;
    background: #fff;
    margin-top: .5em;
}
.sett-price .sett-price-object .label{
    display: flex;
}
.sett-price .sett-price-object .label .checkbox{
    margin-right: .5em;
}

/* END .sett */

.show-select{
    position: absolute;
    margin-top: 19em;
    background: #fff;
    box-sizing: border-box;
}
.show-select .show-select-option{
    border: 1px solid #000;
    overflow: auto;
    width: 19em;
    padding-bottom: 0;
}
.show-select .show-select-option .close{
    padding: .5em;
    width: fit-content;
    margin: auto;
    margin-right: 0;
}
.show-select .show-select-option .options{
    height: 11.5em;
    overflow: auto;
    padding: 1em;
    background: #eee;
    box-sizing: border-box;
}
.show-select .show-select-option .option{
    margin-bottom: .5em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.show-select .show-select-option .option .span-name{
    font-size: .8em;
}
.show-select .show-select-option .option .span-up{
    margin: auto;
    margin-right: 3px;
}
.show-select .show-select-option .add-select-option{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eee;
    padding: .5em;
    border-top: 1px solid #000;
}
.show-select .show-select-option .add-select-option .span-add{
    font-size: .8em;
}



.dadata-res{
    position: absolute;
    background: #fff;
    margin-top: .2em;
    border: 1px solid #000;
    padding: 1em;
}
.dadata-res .dadata-value{
    font-size: .8em;
    margin-bottom: .2em;
}



















.index-page *{
    font-family: "Ubuntu_Sans";
    font-size: 16px;
}


.index-page{
    background: #000;
    display: block;
    background-image: url(img/fon_1.png);
    background-size: 100%;
    background-repeat: repeat;
        overflow: hidden;
    position: relative;
    z-index: 1;
}


.line-go{

}
    

.line-1{
    position: absolute;
    width: 118em;
}
.line-2{
    position: absolute;
    margin-top: -6.6em;
    width: 118em;
}
.line-3{
    position: absolute;
    margin-top: -13.2em;
    width: 118em;
}
.line-4{
    position: absolute;
    margin-top: -19.8em;
    width: 118em;
}


.col{
    width: 77em;
    margin: auto;
}

.index-page .top{
    padding-top: 2em;
    display: flex;
    padding-bottom: 11.8em;
    align-items: center;
    justify-content: space-between;
    color: #fff;
            position: relative;
        z-index: 2;
}

.index-page .top .top-menu{
    border: 2px solid #FFFFFF80;
    border-radius: 7em;
    width: 10.81em;
    height: 3.37em;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1em;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
}

.index-page .top .top-menu-action{
    background: #FFFFFF80;
    box-sizing: border-box;
    border: none;
}

.index-page .top .menu-show{
  position: absolute;
    margin-top: 14em;
    margin-left: 1em;
    padding: 1.2em;
    background: #FFFFFF26;
    border-radius: 1.5em;
    padding-bottom: 1em;
    box-sizing: border-box;
    display: none;
}

.index-page .top .menu-show div{
    cursor: pointer;
    margin-bottom: 1.25em;
}

.index-page .top .menu-show div:hover{
    text-decoration: underline;
}

.top-logo{
       width: 10em;
    height: 3.37em;
    background: #FFFFFF4D;
    border-radius: 7em;
    display: flex;
    align-items: center;
    justify-content: center;
        box-sizing: border-box;
}

.top-logo .img-logo{
    width: 2.3em;
}

.top-logo .img-text{
    width: 4.5em;
}

.top-logo .bord{
    background: #F6F6F673;
    width: 2px;
    height: 2em;
    margin-left: .5em;
    margin-right: .7em;
}

.top-logo .span{
   text-transform: uppercase;
   color: #F6F6F6;
   font-weight: 600;
}




.push{
    position: fixed;
    right: 1em;
    bottom: 1em;
    width: 12em;
    height: 10vh;
    overflow: auto;
    display: flex;
    flex-direction: column-reverse;
    display: none;
}

.push .push-id{
    background: #fff;
    border: 1px solid #999;
    margin-bottom: .3em;
    padding: .5em;
    box-sizing: border-box;
    font-size: .8em;
}





.index-page .top .top-enter{
    width: 9em;
    height: 3.37em;
    border: 2px solid #ff7e22;
    border-radius: 7em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #ff7e22;
    margin-right: 1.45em;
    margin-left: 2em;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
}

.index-page .top .top-enter:hover{
    background-image: linear-gradient(to top, #FF4F00, #FFDB66);
    color: #fff;
    border: none;
}

.index-page .center{ 
    color: #fff;
    padding-bottom: 25.7em;
}

.index-page .center .center-h{
    font-size: 4.7em;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Bebas";
    padding-left: .25em;
    line-height: 1em;
    letter-spacing: -.005em;
}

.index-page .center .center-h .span{
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right, #FF4F00, #FFDB66);
    font-size: 1em;
     font-weight: 600;
    font-family: "Bebas";
}


.index-page .center .center-p{
   margin-top: 1.2em;
    font-size: 1.6em;
    padding-left: .7em;
    letter-spacing: -.033em;
    font-weight: 300;
    color: #FFFFFFB2;
}

.index-page .block-1{
    width: 77em;
    color: #fff;
    padding-bottom: 12.3em;
    background: linear-gradient(to top, #99999900, #ffffff26);
        border-radius: 3em 3em 0 0;
    box-sizing: border-box;
    margin: auto;
    backdrop-filter: blur(5px);
}

.index-page .block-1::before{
    content: "";
}

.index-page .block-1 .block-title{
    font-size: 2.5em;
    padding-top: 1.2em;
    padding-left: 1.4em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -.045em;
}

.index-page .block-1 .block-title .span{
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right, #FF4F00, #FFDB66);
    font-size: 1em;
    font-weight: 600;
}

.index-page .block-1 .img-1{
       position: absolute;
    margin-left: 38.5em;
    margin-top: -11em;
    width: 30em;
}

.index-page .block-1 .block{
    width: 74.5em;
    background: linear-gradient(to top, #99999900, #ffffff26);
    border-radius: 3em 3em 0 0;
    box-sizing: border-box;
    margin: auto;
    margin-top: 2.5em;
    padding-top: 3em;
    box-sizing: border-box;
    padding-left: 3em;
    padding-right: 3em;
}    

.index-page .block-1 .block .block-name{
    font-size: 2.4em;
    letter-spacing: -.027em;
    font-weight: 500;
}

.index-page .block-1 .block .block-text{
    margin-top: 2.4em;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.3em;
}

.index-page .block-1 .block .block-button{
    margin-top: 3.4em;
    border: 2px solid #ff7e22;
    border-radius: 5em;
    width: 12.1em;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.2em;
    color: #ff7e22;
    box-sizing: border-box;
    cursor: pointer;
}

.index-page .block-1 .block .block-button:hover{
    background-image: linear-gradient(to top, #FF4F00, #FFDB66);
    color: #fff;
    border: none;
}


.index-page .block-1 .scroll{
   margin-top: 3.5em;
    margin-left: 4.3em;
    display: flex;
}

.index-page .block-1 .scroll .scroll-1{
    width: .5em;
    height: .5em;
    background: #ff7e22;
    border-radius: 50%;
    margin-right: .3em;
    cursor: pointer;
}

.index-page .block-1 .scroll .scroll-2{
    background: #FFFFFF26;
}



.index-page .sputnick{
    color: #fff;
    background: #FFFFFF1A;
    margin-bottom: 1.2em;
    width: 17.2em;
    height: 2.18em;
    border-radius: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.7em;
    letter-spacing: -.01em;
    font-weight: 700;
}

.index-page .sputnick .span{

    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right, #FF4F00, #FFDB66);
    font-size: 1em;
    font-weight: 700;
    margin-right: .25em;
}


.index-page .block-2{
    color: #fff;
    background: linear-gradient(to top, #99999900, #ffffff26);
    padding: 1.5em;
    padding-left: 4em;
    align-items: center;
    display: -webkit-box;
    margin-bottom: 6.6em;
    box-sizing: border-box;
    overflow-x: auto !important;
    /* scroll-snap-type: y mandatory; /* Привязка по горизонтали */
        position: relative;
    z-index: 2;
}

.index-page .block-2 .block-2-res{
    background: linear-gradient(to top, #99999900, #ffffff26);
    border-radius: 3em;
    width: 56.25em;
    height: 41.5em;
    box-sizing: border-box;
    margin-right: 1.5em;
    padding: 3.1em;
    padding-left: 3.5em;
    /* scroll-snap-align: center; /* Точка привязки — центр элемента */
}

.index-page .block-2 .block-2-res .block-title{
    font-size: 2em;
    font-weight: 600;
}

.index-page .block-2 .block-2-res .block-bord{
    background: #FF4F00;
    height: .3em;
    width: 10em;
    margin-top: 3em;
    margin-bottom: 3em;
    border-radius: 1em;
}

.index-page .block-2 .block-2-res .block-text{
    font-size: 1.25em;
    line-height: 1.2em;
    color: #D9D9D9;
}

.index-page .block-2 .block-2-res-3{
    width: 28.125em;
}
.index-page .block-2 .block-2-res-3 .block-title{
    font-size:1.75em;
}

.index-page .block-2 .block-2-res-4{
    width: 88.62em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
        height: auto;
    background: #FFFFFF26;
}

.index-page .block-2 .big-ban{
    width: calc(100% - 1.5em);
    background: linear-gradient(to right, #6B5DB8, #4A69CF);
    height: 5em;
    border-radius: 5em;
    display: flex;
    align-items: center;
    padding-left: 3em;
    box-sizing: border-box;
    margin-top: 1.5em;
}

.index-page .block-2 .block-2-res-4 .block-title{
    width: 9.5em;
    font-size: 1.5em;
}
.index-page .block-2 .block-2-res-4 .block-bord{
    height: 10em;
    width: .4em;
    margin: 0;
}
.index-page .block-2 .block-2-res-4 .block-text{
    width: 20em;
    font-size: 1em;
}
.index-page .block-2 .block-2-res-4 .block-ul{
       width: 21em;
    font-size: 1em;
}
.index-page .block-2 .block-2-res-4 .block-ul .li{
    display: flex;
    align-items: baseline;
    margin-bottom: 1em;
}
.index-page .block-2 .block-2-res-4 .block-ul .li .curcl{
    background: #FF7E22;
    min-width: .5em;
    min-height: .5em;
    border-radius: 50%;
    display: flex;
    margin-right: 0.7em;
}

.index-page .block-2 .block-2-res-44{

}

.index-page .block-2 .block-2-res-5{
        display: flex;
    flex-direction: column;
    padding: 0;
    background: none;
    height: auto;
}

.index-page .block-2 .block-2-res-5 .block-2-res{
   height: auto;
    background: #FFFFFF26;
    width: 100%;
    margin-bottom: 1.5em;
}

.index-page .block-go{
   height: 4em;
    width: 14em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    border: 4px solid #ff7e22;
    border-radius: 5em;
    font-weight: 600;
    color: #ff7e22;
    letter-spacing: .08em;
    box-sizing: border-box;
        margin-bottom: 6.3em;
        cursor: pointer;
}

.index-page .block-go:hover{
     background-image: linear-gradient(to top, #FF4F00, #FFDB66);
    color: #fff;
    border: none;
}

.index-page .block-3{
    background: linear-gradient(to top, #99999900, #ffffff26);
        border-radius: 3em 3em 0 0;
    color: #fff;
    padding-top: 2.4em;
}

.index-page .block-3 .block-title{
    font-size: 2em;
    font-weight: 600;
        margin-left: 1.5em;
}

.index-page .block-3 .block-repiat{
    background: #fff;
    width: 74.5em;
    margin: auto;
    margin-top: 2.3em;
    height: 7.62em;
    border-radius: 1.3em;
    padding-left: 2em;
    box-sizing: border-box;
    overflow: hidden;
     display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-page .block-3 .block-repiat .block-repiat-res {
 display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.index-page .block-3 .block-repiat .block-repiat-res .img{
    margin-right: 3em;
}

.index-page .block-star{
    margin-top: 13.4em;
    color: #fff;
}

.index-page .block-star .block-title{
        font-size: 2.5em;
    width: 14.9em;
    margin: auto;
    background: #FFFFFF26;
    border-radius: 5em;
    height: 2.2em;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.index-page .block-star .block-title .span{
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right, #FF4F00, #FFDB66);
    font-size: 1em;
    font-weight: 600;
    margin-left: .3em;
}

.index-page .block-star .block-text{
    text-align: center;
    margin-top: .6em;
    font-size: 2.3em;
}


.index-page .block-4{
    background: linear-gradient(to top, #99999900, #ffffff26);
    border-radius: 3em 3em 0 0;
    color: #fff;
    margin-top: 5.5em;
    display: flex;
    flex-wrap: wrap;
    padding: 1.2em;
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 10.7em;
}

.index-page .block-4 .block-4-1{
    height: 6em;
    background: #FFFFFF26;
    border-radius: 1em;
    font-size: 1.5em;
    display: flex;
    align-items: end;
    padding: 1.1em;
    box-sizing: border-box;
    width: 16em;
}

.index-page .block-4 .block-4-1 .img{
    margin: auto;
    margin-right: -1.4em;
    margin-top: -1.4em;
}

.index-page .block-4 .block-4-4{
    background: #FFFFFF26;
    border-radius: 1em;
    font-size: 1.5em;
    margin-top: .9em;
    width: 33em;
    height: 9.3em;
    display: flex;
    align-items: end;
    padding: 1.1em;
    box-sizing: border-box;
}

.index-page .block-4 .block-4-4 .img{   
   margin: auto;
    margin-right: -1.6em;
    margin-bottom: -1.6em;
}

.index-page .block-4 .block-4-5{
    font-size: 1.5em;
    border: 3px solid #ff7e22;
    color: #ff7e22;
    margin-top: .9em;
    box-sizing: border-box;
    width: 16em;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.index-page .block-4 .block-4-5:hover{
     background-image: linear-gradient(to top, #FF4F00, #FFDB66);
    color: #fff;
    border: none;
}



.index-page .block-footer{
    background: #222230CC;
    box-sizing: border-box;
    color: #fff;
    padding-top: 3em;
    box-sizing: border-box;
    padding-bottom: 4em;
}

.index-page .block-footer .col{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-page .block-footer .col .block-footer-left{
    line-height: 1.7em;
        margin-left: 1.2em;
}

.index-page .block-footer .col .block-footer-left .top-logo{
        margin-bottom: 3.4em;
}

.index-page .block-footer .col .block-footer-right{
      margin: auto;
    margin-bottom: 0.3em;
    margin-right: -.3em;
    color: #fff;
    text-decoration: none;
}

.index-page .block-footer .col .block-footer-right:hover{
    text-decoration: underline;
}

.index-page .block-footer .col .bord-right{
    height: 7em;
    width: .3em;
    background: #ff7e22;
    margin-top: 0;
    margin: auto;
    margin-top: 0;
    margin-right: 1.3em;
    margin-left: 0;
    border-radius: 1em;
}


.dashbord-list{
    display: flex;
    flex-wrap: wrap;
}

.dashbord-list .dashbord-id{
    margin: 1em;
    margin-bottom: 0;
    width: calc(25% - 2em);
    box-sizing: border-box;
    padding: .5em;
    border: 1px solid #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dashbord-list .dashbord-id .dashbord-sum{
    font-weight: 600;
    margin-top: .5em;
}


@media (max-width: 1600px) {
    *{
        font-size: 14px;
    }

    .lk .calendar-top{
        flex-wrap: wrap;
    }

    .popap .show-object{
        max-width: calc(100% - 20em);
    }

}



@media (max-width: 1400px) {
   .index-page *{
        font-family: "Ubuntu_Sans";
        font-size: 14px;
    }

    .popap-2 .popap-rez{
        width: 70%;
    }
}

@media (max-width: 1100px) {
   .index-page *{
        font-family: "Ubuntu_Sans";
        font-size: 12px;
    }
}

@media (max-width: 940px) {
   .index-page *{
        font-family: "Ubuntu_Sans";
        font-size: 10px;
    }
}


@media (max-width: 800px) {

    .index-page *{
        font-family: "Ubuntu_Sans";
        font-size: 14px;
    }

    .line-go{
        top: -30em;
        position: relative;
    }

    .col{
        width: 92%;
    }

    .index-page .top{
        margin-top: 2.5em;
        flex-wrap: wrap;
        padding-bottom: 11.3em;
    }

    .index-page .top .menu-show{
        margin-top: 21em;
        z-index: 4;
        backdrop-filter: blur(10px);
    }

    .index-page .top .top-enter{
       width: 8.9em;
        height: 3.3em;
    }

    .index-page .top .top-menu{
        position: absolute;
        margin-top: 7.5em;
        margin-left: 1.2em;
        width: 9em;
        height: 3em;
    }

    .top-logo{
        margin: 0;
        margin-left: 1.2em;
        width: 9em;
    }

    .top-logo .img-logo{
        width: 2em;
    }

    .top-logo .img-text{
        width: 4em;
    }

    .index-page .center{
        padding-bottom: 15.7em;
    }

    .index-page .center .center-h{
        font-size: 2.3em;
        padding-left: .6em;
    }

    .index-page .center .center-p{
            margin: 0;
    font-size: 1em;
    margin-top: 1.7em;
    margin-left: .6em;
    }


    


    .index-page .block-1{
        width: 94%;
        border-radius: 1em;
        padding-bottom: 4.7em;
    }


    .index-page .block-1 .block-title{
                font-size: 1.1em;
        letter-spacing: .02em;
        font-weight: 700;
        padding-top: 1em;
    }

    .index-page .block-1 .block-title .span{
        font-weight: 700;
    }

    .index-page .block-1 .block{
        width: 94%;
        margin-top: 1em;
        border-radius: 1em;
        padding: .9em;
        padding-top: 1.2em;
    }

    .index-page .block-1 .block .block-name{
        letter-spacing: .08em;
        font-weight: 500;
        font-size: 1em;
    }

    .index-page .block-1 .block .block-text{
        margin-top: 2em;
        font-size: 1em;
        color: #fff;
        width: 12em;
        line-height: 1.25em;
        height: 6em;
    }

    .index-page .block-1 .block .block-button{
        margin-top: 2em;
        width: 11.9em;
        height: 2.7em;
    }

    .index-page .block-1 .img-1{
       margin-left: 12em;
        width: 11em;
        margin-top: -1em;
    }

    .index-page .block-1 .scroll{
        margin-top: 1.2em;
        margin-left: 1.6em;
    }

    .index-page .block-1 .scroll .scroll-1{
        width: .3em;
        height: .3em;
        margin-right: .2em;
    }


    .index-page .sputnick{
        width: 88%;
        font-size: 1.3em;
        margin-bottom: 1.1em;
        margin-top: 1em;
        border-radius: .5em;
    }

    .index-page .block-2{
        padding-left: 1em;
        padding-top: 1em;
        margin-bottom: 0em;
        position: relative;
        z-index: 3;
                height: fit-content;
    }

    .index-page .block-2 .block-2-res{
        width: 24.3em;
        border-radius: 1em;
        margin-right: .7em;
        padding: 1.5em;
        padding-left: 1.7em;
                height: auto;
    }

    .index-page .block-2 .block-2-res-44{
        width: 325%;
    }
    .index-page .block-2 .block-2-res-4{
        width: 99%;
        align-items: flex-start;
    }

    .index-page .block-2 .block-2-res-5{
        width: 100%;
        padding: 0;
    }

    .index-page .block-2 .big-ban{
        height: 3.7em;
        margin-top: .5em;
        border-radius: 1em;
        padding-left: 2em;
        font-size: .8em;
        width: calc(100% - 1em);
    }

    .index-page .block-2 .block-2-res .block-title{
        font-size: 1em;
        line-height: 1.3em;
        letter-spacing: .08em;
    }

    .index-page .block-2 .block-2-res .block-bord{
        margin-top: 1.7em;
        height: .25em;
        width: 5.8em;
        margin-bottom: 1.5em;
    }

    .index-page .block-2 .block-2-res-4 .block-bord{
        height: 5.8em;
        width: .25em;
        margin: 0;
    }

    .index-page .block-2 .block-2-res .block-text{
        font-size: 1em;
        line-height: 1.13em;
    }

    .index-page .block-2 .block-2-res-5 .block-2-res{
        margin-bottom: .5em;
    }

    .index-page .block-2 .block-2-res-4 .block-ul .li{
        font-size: .8em;
    }

    .index-page .block-go{
        font-size: 1.1em;
        margin-bottom: 3.5em;
        border: 3px solid #ff7e22;
    }

    .index-page .block-3{
        border-radius: 1em;
        width: 94%;
        padding-top: 1.3em;
        padding-bottom: 3em;
    }

    .index-page .block-3 .block-title{
        font-size: 1em;
        letter-spacing: .09em;
    }

    .index-page .block-3 .block-repiat{
        width: 94%;
        margin-top: 1em;
        height: 4.5em;
        padding-left: 1em;
    }
        
    .index-page .block-3 .block-repiat .block-repiat-res .img{
        width: 5em;
        margin-right: 1.5em;
    }

    .index-page .block-star .block-title{
        font-size: 1.5em;
        letter-spacing: -.03em;
        width: 14em;
    }

    .index-page .block-star .block-text{
        font-size: 1em;
        letter-spacing: .08em;
    }

    .index-page .block-4{
        margin-top: 1.7em;
        width: 100%;
        border-radius: 2em;
        padding: 1em;
                margin-bottom: 2.7em;
    }

    .index-page .block-4 .block-4-1{
        width: 100%;
        height: 5em;
        font-size: 1em;
        background: linear-gradient(to top, #99999900, #ffffff26);
        margin-bottom: 3.55em;
    }

    .index-page .block-4 .block-4-1 .img{
        width: 3.5em;
        margin-top: -.3em;
        margin-right: -.4em;
    }

    .index-page .block-4 .block-4-4{
        margin: 0;
        font-size: 1em;
        height: auto;
    }

    .index-page .block-4 .block-4-4 .img{
               width: 4em;
        margin: auto;
        margin-right: -.5em;
        margin-top: -.5em;
    }

    .index-page .block-4 .block-4-5{
        width: 100%;
        margin-top: 4em;
        height: 3.5em;
        font-size: 1.2em;
    }

    .index-page .block-footer{
        padding-top: 2.5em;
    }


    .index-page .block-footer .col .block-footer-left .top-logo{
        width: 4.4em;
        height: 1.5em;
        margin: 0;
                margin-bottom: 1.9em;
    }

    .index-page .block-footer .col .block-footer-left .top-logo .img-logo{
        width: 1em;
    }
   
    .index-page .block-footer .col .block-footer-left .top-logo .bord{
               height: 1em;
        margin-left: .2em;
        margin-right: .2em;
    }
        
    
    .index-page .block-footer .col .block-footer-left .top-logo .img-text{
        width: 2em;
    }   


    .index-page .block-footer .col .block-footer-left{
        font-size: .7em;
    }

    .index-page .block-footer .col .block-footer-right{
        font-size: .7em;
    }
    
    
    .index-page .block-footer .col .bord-right{
        margin: 0;
    }


}