body::-webkit-scrollbar,
.wrapper::-webkit-scrollbar{
    display: none !important;
}
.sticky-sidebar--right{
    overflow: auto;
    height: 100%;
}
:root{
    --header-controllers-min: 60px;
}
.sticky-sidebar--right .header-controls{
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 6;
}
.flex-item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.content-side:not(.header-controls):has(~ .sidebar-helper.open) {
    margin-right: 452px;
}
.header-controls ~ .sidebar-helper{
    margin-top: 60px;
    height: calc(100% - var(--header-controllers-min) - var(--header-fixed-padding));
}
.header-controls > *:not(:last-child){
    margin-right: 10px;
}
.header-controls{
    padding: 8px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    min-height: var(--header-controllers-min);
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
}


.header-controllers{
    display: flex;
    flex-direction: column;

}
.sticky-sidebar--right .header-controllers{
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 6;
    overflow: hidden;
}
.header-controllers.two-controllers ~ .sidebar-helper{
    margin-top: calc(var(--header-controllers-min) * 2);
    height: calc(100% - (var(--header-controllers-min) * 2) - var(--header-fixed-padding));
}
.header-controllers ~ .sidebar-helper {
    margin-top: var(--header-controllers-min);
    height: calc(100% - var(--header-controllers-min) - var(--header-fixed-padding));
}
.content-side:not(.header-controllers):has(~ .sidebar-helper.open) {
    margin-right: 452px;
}

[data-tab-show]:not(.--show){
    display: none;
}
.text-link{color:#1A659E;}
.select-disabled{pointer-events: none;}
.select-disabled .select2-container--default .select2-selection--single{
    background-color: var(--secondary) !important;
}
.bg--secondary{background-color:var(--secondary-2);}
.progress-text{
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    color: var(--secondary-2);
}
.--unfocus{
    position: relative;
    pointer-events: none;
}
.--unfocus::after{
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    backdrop-filter: blur(3px);
    background-color: rgba(255, 255, 255, 0.15);
    position: absolute;
}
.text-link-2{color:var(--primary);}

.sidebar-2__link.active .sidebar-2__link-text{
    font-weight: 500;
}
.sidebar-2__link.active .sidebar-2__pill{
    background-color: #1B5CAF;
    color: #fff;
}
.sidebar-2__item:last-child{
    margin-bottom: 0;
}
.label-secondary{
    text-transform: uppercase;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: var(--secondary-2);
}
.text-nowrap, .text-nowrap p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.shadow-input{
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid #DDD !important;
    color: var(--defaultTextColor);
    font-family: var(--roboto);
}
.shadow-input::placeholder{
    color: #5D677E;
}
.card-white-shadow-3{
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.label-4{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    margin-bottom: 10px;
    font-family: var(--roboto);
}
.custom-checkbox__input-fake-2.custom-checkbox__input-fake-2--20{
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: 10px;
}
.custom-checkbox__input-fake-2.custom-checkbox__input-fake-2--16{
    min-width: 16px;
    width: 16px;
    height: 16px;
    background-size: 13px;
}
.custom-checkbox__input-fake-2.custom-checkbox__input-fake-2-darkborder{
    border-color: var(--secondary-2);
}
.custom-checkbox__input-fake-2{
    min-width: 26px;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.custom-checkbox__input:checked ~ .custom-checkbox__input-fake-2 {
    background-image: url(/img/dealer/check-icon-white.svg);
    border-color: var(--primary) !important;
    background-color: var(--primary);
}
.choose-the-plan__img.choose-the-plan__img-60-2 {
    width: 60px;
    height: 60px;
    min-width: 60px;
}
.card-white.card-border-white{
    border: 1px solid #A9AEBB;
}
.card-hover{
    position: relative;
}
.onboard-sidebar__img{
    padding: 10px;
}
.onboard-sidebar .sidebar-subtitle{
    color: #5D677E;
}
.card-hover .card-hover-ico{

}
.onboard-sidebar{
    border-right: 1px solid #ddd;
}
.onboard-sidebar__img img{
    width: 100%;
    height: 100%;
}
.input-date.input-shadow{
    background-image: url(../../img/dealer/date-icon-2.svg);
}
.custom-cols{
    display: flex;
    flex-wrap: wrap;
}
.custom-cols--item{
    display: flex;
    flex-direction: column;
}
.custom-cols--30{
    margin-left: -15px;
    margin-right: -15px;
}
.custom-cols--30 > .custom-cols--item{
    padding-left: 15px;
    padding-right: 15px;
}
.controls-popup{
    background: #F0F5F9;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
    align-items: center;
}
.controls-popup > .control-popup:not(:last-child){
    margin-right: 10px;
}
.controls-popup .control-popup{
    padding-top: 15px;
    padding-bottom: 15px;
}
.widget-img{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #EDEDED;
}
.dashboard-header--shadow-drop.dashboard-header .header__body{
    padding-top: 8px;
    padding-bottom: 8px;
}
.dashboard-header--shadow-drop .header-drop .header-drop-btn{
    display: flex;
    align-items: center;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32), 0px 0px 1px 0px rgba(26, 32, 36, 0.32);
    padding: 5px;
}
.sidebar-2{z-index:100;}
.widget-img--40{
    min-width: 40px;
    max-width: 40px;
    height: 40px;
}
.widget-img--70{
    min-width: 70px;
    max-width: 70px;
    height: 70px;
}
.scroll_to_top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    background: #F8F8F8 url(/img/dealer/to_top.svg) no-repeat center;
    background-size: 70%;
    transition: all 0.15s ease-in-out;
    z-index: 10;
}
.scroll-block.col-40{
    padding-left: 10px;
    padding-right: 10px;
}
.scroll-block.col-16{
    padding-left: 10px;
    padding-right: 10px;
}
.scroll_to_top.active {
    opacity: 0.6;
    visibility: visible;
}

.scroll_to_top.active:hover {
    opacity: 1;
}



.card-body{
    display: flex;
    align-items: center;
}
.options{
    display: flex;
    flex-wrap: wrap;
}
.options > .option:not(:last-child){
    margin-right: 15px;
}
.option{
    display: flex;
}

.card-white-shadow-2{
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32), 0px 0px 1px 0px rgba(26, 32, 36, 0.32);
}
.card-shadow_head{
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
}
.card-shadow_head + .card-shadow_body{
    border-top: 1px solid #DDD;
}
.card-shadow_body{
    padding: 20px 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    background: #F0F5F9;
}
.group.group--20 {
    --gap: 20px;
}
.group.group--40 {
    --gap: 40px;
}
.btn--y-40{
    padding: 5px 16px;
    min-height: 40px;
}
.card-30{
    padding: 22px;
}
.wrapper-img{
    overflow: hidden;
}
.wrapper-img img{
    width: 100%;
    height: 100%;
}
.img-60{
    width: 60px;
    min-width: 60px;
    height: 60px;
}
.img-50{
    width: 50px;
    min-width: 50px;
    height: 50px;
}
.img-40{
    width: 40px;
    min-width: 40px;
    height: 40px;
}
.img-45{
    width: 45px;
    min-width: 45px;
    height: 45px;
}
.img-border{
    border: 1px solid var(--secondary);
}
.img-32{
    width: 32px;
    min-width: 32px;
    height: 32px;
}
.ico{
    display: flex;
    align-items: center;
}
.ico-15{
    width: 15px;
    min-width: 15px;
    height: 15px;
}
.ico-12{
    width: 12px;
    min-width: 12px;
    height: 12px;
}
.ico-16{
    width: 16px;
    min-width: 16px;
    height: 16px;
}
.ico-18{
    width: 18px;
    min-width: 18px;
    height: 18px;
}
.ico-20{
    width: 20px;
    min-width: 20px;
    height: 20px;
}
.ico-24{
    width: 24px;
    min-width: 24px;
    height: 24px;
}
.ico-28{
    width: 28px;
    min-width: 28px;
    height: 28px;
}
.ico-35{
    width: 35px;
    min-width: 35px;
    height: 35px;
}
.ico-30{
    width: 30px;
    min-width: 30px;
    height: 30px;
}
.ico-40{
    width: 40px;
    min-width: 40px;
    height: 40px;
}
.ico-54{
    width: 54px;
    min-width: 54px;
    height: 54px;
}
.ico-70{
    width: 70px;
    min-width: 70px;
    height: 70px;
}
.col-40{
    display: flex;
    flex-direction: column;
}
.col-40 > *:not(:last-child){
    margin-bottom: 40px;
}
.col-16{
    display: flex;
    flex-direction: column;
}
.col-16 > *:not(:last-child){
    margin-bottom: 30px;
}
.heading-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -12px;
}
.heading-block > *:not(:last-child){
    margin-right: 12px;
}
.heading-block.heading-block--border{
    padding-bottom: 12px;
    border-bottom: 1px solid #DDD;
}
.heading-block > *:not(:first-child){
    margin-top: 20px;
}
.heading-4{
    font-size: 24px;
}
.text-color{color:rgba(93, 103, 126, 0.69);}
.text-default--04{color:rgba(19, 21, 21, 0.4) !important;}
.text-default--05{color:rgba(19, 21, 21, 0.5) !important;}
.text-danger{color:#F85757;}
.btn-grey{
    background: rgba(81, 106, 120, 0.13);
    color: #666;
}
.--text-success{
    color: #10c01c;
}
.--text-success-2{
    color: #4BAE4F;
}
.--text-primary{
    color: #5d677e;
}
.pill-danger{
    background-color: rgba(245, 78, 78, 0.08);
    color: #f54e4e;
}


.contact-block, .contact-item{
    display: flex;
    flex-direction: column;
}
.contact-block .contact-item:not(:last-child){
    margin-bottom: 40px;
}
.contact-item--header{
    display: flex;
    align-items: center;
}
.contact-item--header > *:not(:last-child){
    margin-right: 10px;
}
.contact-item--body{
    display: flex;
    flex-direction: column;
}
.point-list li{
    display: flex;
    align-items: center;
}
.--before-point-list li::before{
    content: "\2022";
    margin-right: 10px;
}
.list-def{
    display: flex;
    flex-direction: column;
}
.list-def--15 > .list-def--item:not(:last-child){
    margin-bottom: 15px;
}
.list-def--12 > .list-def--item:not(:last-child){
    margin-bottom: 12px;
}
.list-def--8 > .list-def--item:not(:last-child){
    margin-bottom: 8px;
}
.list-def--4 > .list-def--item:not(:last-child){
    margin-bottom: 4px;
}
.contact-text{
    font-size: 18px;
    line-height: 24px;
}

.contact-block{
    padding: 40px;
    border-left: 1px solid rgba(93, 103, 126, 0.17);
    padding-right: 0;
    height: 100%;
}
.contact-item .contact-item--header + .contact-item--body{
    margin-top: 32px;
}


.message-dropdown{
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32), 0px 0px 1px 0px rgba(26, 32, 36, 0.32);
    border-radius: 12px;
}
.message-dropdown > *{
    padding-left: 16px;
    padding-right: 16px;
}
.message-dropdown .message-header{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.message-header{
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
    cursor: pointer;
    flex-wrap: wrap;
}
.message-header > *{
    padding-bottom: 12px;
}
.message-header > *:not(:last-child){
    margin-right: 15px;
}
.user-img{
    overflow: hidden;
    border-radius: 300px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.03em;
    line-height: 0;
    position: relative;
}
.user-img img{
    position: absolute;
    width: 100%;
    height: 100%;
}
.user-img-40x40{
    min-width: 40px;
    width: 40px;
    height: 40px;
}
.user-img-44x44{
    min-width: 44px;
    width: 44px;
    height: 44px;
}
.user-info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.user-info .user-img{
    margin-right: 14px;
}
.user-mail{
    font-weight: normal;
    font-size: 13px;
    color: rgba(19, 21, 21, 0.5);
    position: relative;
    display: flex;
    align-items: center;
}
.user-mail.--els::after{content:">"}
.user-mail.--els::before{content:"<"}
.user-mail.--els::after,
.user-mail.--els::before{
    color: rgba(19, 21, 21, 0.5);
    font-weight: normal;
    font-size: 12px;
}
.user-name{
    font-weight: 400;
    font-size: 14px;
}
.dbl-btns{
    display: flex;
    flex-wrap: wrap;
}
.dbl-btns--8 > *:not(:last-child){
    margin-right: 8px !important;
}
.dbl-btns--20 > *:not(:last-child){
    margin-right: 20px;
}
.dbl-btns--16 > *:not(:last-child){
    margin-right: 16px;
}
.dbl-btns--5 > *:not(:last-child){
    margin-right: 5px;
}
.dbl-btns--10 > *:not(:last-child){
    margin-right: 10px;
}
.pill2{
    overflow: hidden;
    min-height: 24px;
    padding: 2px 10px;

    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    background: #F7F7F7;
    color: rgba(19, 21, 21, 0.5);
    display: flex;
    align-items: center;
}
.pill2.bg-blueish{
    color:var(--defaultTextColor);
}
.pill2.color-secondary-2{
    color: var(--secondary-2);
}
.pill2.bg-black-05{
    background: rgba(0, 0, 0, 0.05);
}
.pill3{
    overflow: hidden;
    min-height: 18px;
    padding: 2px 10px;

    border-radius: 300px;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    background: #F0F5F9;
    color: var(--primary);
}
.text-date{
    font-size: 13px;
    color: rgba(19, 21, 21, 0.5);

}
.end-sticky-table{
    position: sticky;
    right: 0;
    background-color: var(--white);
}
.end-sticky-table .dropdown{
    display: flex;
    justify-content: flex-end;
}
.btn-drp{
    border-radius: 8px;
    border: 1px solid transparent;
    background-color: var(--white);
}
.btn-drp:hover{
    border-color: #ddd;
}
.dropdown-open .btn-drp{
    background-color: #f7faf8;
    border-color: #ddd;
}
.drp-menu{
    display: flex;
    flex-direction: column;
}
.split-menu{
    border-top: 1px solid #DDD;
    margin-top: 6px;
    margin-bottom: 6px;
}
.drp-link-menu:hover{
    background-color: #F0F5F9;
}
.drp-link-menu{
    padding: 10px;
    width: 100%;
    text-align: left;
    justify-content: flex-start;
    border-radius: 8px;
}
.btn-y--36{
    min-height: 36px;
    padding: 5px;
}
.btn--36{
    min-width: 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-photo-remove{
    min-width: 15px;
    width: max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-photo-remove:hover{
    opacity: 1;
}
.btn--32{
    min-width: 32px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn--96{
    min-width: 96px;
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-wrapper{
    background-color: var(--secondary-2);
    position: relative;
}
.video-wrapper .video-controls{
    position: absolute;
    bottom: 0;
    left: 0;
}
.video-controls{
    padding: 16px;
    width: 100%;
    display: flex;
    align-items: center;
}
.video-bar{
    height: 10px;
    overflow: hidden;
    flex: auto;
    background-color: rgba(256,256,256,0.5);
    border-radius: 300px;
    position: relative;
}
.video-controls > *:not(:last-child){
    margin-right: 8px;
}
.video-wrapper video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video{
    position:relative;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.video-bar .video-progress{
    background-color: var(--white);
    border-radius: 300px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: e-resize;
}
.btn--40{
    min-width: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-sec-transp{
    color: #898A8A;
}
.btn-sec-transp:hover{
    background-color: #f1f2f3;
}

.message-box{
    font-size: 14px;
    line-height: 24px;
    font-family: var(--fotnFamily);

}
.message-body{
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: column;
}
.message-body .message-box{
    padding-top: 30px;
    padding-bottom: 30px;
}

.dropdown-left{
    position: relative;
}
.dropdown-left .btn--36 + .dropdown__body{
    transform: translateX(calc(-100% + 36px)) !important;
    left: auto !important;
}
.dropdown-left .dropdown__body{
    top: 100% !important;
    position: absolute;
    left: -100% !important;
    transform: none !important;
}
.text-12{
    font-size: 12px;
    color: #2a2e34;
}
.text-13{
    line-height: 24px;
    font-size: 13px;
}
.text-14{
    line-height: 20px;
    font-size: 14px;
}
.text-16{
    line-height: 24px;
    font-size: 16px;
}

.dropdown-styler{
    background: #fff;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    border-radius: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: none !important;
}
.dropdown-open .btn-sec-transp{
    background: #f0f0f0 !important;
}
.drp-list{
    display: flex;
    flex-direction: column;
}
.drp-list--item{
    display: flex;
    width: 100%;
}
.message-actions{
    margin-bottom: 20px;
}
.index{z-index:1;}
.show-message .message-header{
    background-color: #F0F5F9;
}
.show-message .message-header .btn-sec-transp{
    background-color: var(--white);
}

.message-editor{
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}
.message-editor--header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;

}

.editor-widget{
    display: flex;
    flex-direction: column;
}

.editor-controls .break-editor{
    height: 18px;
    display: block;
    width: 1px;
    background-color: #ECECEC;
    margin-right: 5px;
    margin-left: 5px;
}
.editor-controls .btn--36{
    min-width: 30px;
    width: 30px;
    height: 30px;
}
.editor-controls{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5px;
    align-items: center;
}
.editor-controls .editor-control:not(:last-child){
    margin-right: 5px;
}
.editor-widget--head{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.select--130{
    min-width: 130px;
    max-width: 130px;
}
.select--130 .select2-container{
    width: 100% !important;
}
.select--76{
    min-width: 76px;
}

.select--76 .select2-container{
    width: 100% !important;
}
.select--50{
    min-width: 50px;
}

.select--50 .select2-container{
    width: 100% !important;
}
.select-h-36{
    height: 36px;
}
.select-h-36 .select2-container,
.select-h-36 .select2-selection--single{
    height: 100% !important;
}

.select-h-36 .select2-selection__rendered{
    line-height: 34px !important;
}

.select-h-32{
    height: 32px;
}
.select-h-32 .select2-container,
.select-h-32 .select2-selection--single{
    height: 100% !important;
}
.select-h-32 .select2-selection__rendered{
    line-height: 30px !important;
}
.btn--shadow {
    border: 1px solid #DDD;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    color: var(--secondary-2);
}
.hr-vertical {
    border: 0;
    height: 100%;
    min-height: 32px;
    border-left: 1px solid rgba(190, 191, 193, 0.50);
}
.select-h-40{
    height: 40px;
}
.select-h-40 .select2-container,
.select-h-40 .select2-selection--single{
    height: 100% !important;
}

.select-w-100{
    width: 100%;
}
.select-w-100 .select2-container,
.select-w-100 .select2-selection{
    width: 100% !important;
}
.shadow-select{
    overflow: hidden;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    background-color: var(--white);
}

.select-editor .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #49454F transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    width: 0;
}

.select-editor .select2-container--default .select2-selection__rendered{
    font-size: 14px !important;
    font-weight: 500;
    color: #49454f !important;
    height: 100%;
    padding-right: 5px !important;
}
.select-editor .select2-container--default .select2-selection--single{
    border: none;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    background-color: #fff;
}
.editor-widget--body{
    margin-top: -10px;
    overflow: hidden;
    display: flex;
    border-radius: 10px;
}

.editor-widget--footer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.editor-widget--footer > *:not(:last-child){
    margin-right: 10px;
}
.upload-btn{cursor:pointer;}
.upload-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.upload-list .upload-list--item:not(:last-child){
    margin-right: 10px;
}
.upload-list .upload-list--item{
    display: flex;
}
.row-upload{
    display: flex;
    align-items: center;
}
.file-loader--text{
    padding-left: 9px;
    padding-right: 10px;
    font-size: 13px;
}
.file-loader{
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 24px;
    border-radius: 300px;
    border-radius: 16px;
    background-color: rgba(93, 103, 126, 0.17);
    min-height: 32px;
    padding: 3px 12px;
}

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

.company-info{
    display: flex;
    align-items: center;
}

.bottom-controls{
    padding: 10px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    overflow-x: auto;
}
.header-section + .bottom-controls{
    border-top: none;
}
.header--2{
    box-shadow: none;
    min-height: var(--header-fixed-padding2);
}
.header-fixed-2{
    padding-top: var(--header-fixed-padding2);
}
.header--shadow{
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}


.breadcrumbs-list{
    display: flex;
    align-items: center;
    margin-left: -8px;
    margin-right: -8px;
}
.breadcrumb-item{
    padding-left: 8px;
    padding-right: 8px;
}
.breadcrumb-item{
    display: flex;
    align-items: center;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 24px;
    position: relative;
}
.breadcrumb-item::before{
    content: "";
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    display: block;
    position: relative;
    background: url("../img/dealer/breadcrumb--right.svg") no-repeat center center;
    margin-right: 10px;
    margin-left: 10px;
}
.w-sidebar{
    flex: 0 0 var(--w-sidebar);
    max-width: var(--w-sidebar);
}

.header-fixed-2 .workspace{
    height: 100%;
}
.workspace,
.workspace *{user-select:none;}
.workspace{
    display: flex;
    height: 100%;
    background-color: var(--white);
}
.workspace-sidebar{
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}
.sidebar-pages{
    flex: 0 0 270px;
    min-width: 270px;
    background-color: var(--white);
    border-right: 1px solid #ddd;
    left: 0;
    transition: left 0.5s;
}
.workspace-content{
    flex: auto;
    display: flex;
    flex-direction: column;
    background-color: #F0F5F9;
    height: 100%;
    overflow: auto;
    position: relative;
}
.workspace-content::-webkit-scrollbar{
    display: none;
}
.workspace-sidebar--body{
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}
.wsb-heading{
    display: flex;
    align-items: center;
    min-height: 64px;
    border-bottom: 1px solid #ddd;
    justify-content: space-between;
    position: sticky;
    top: 0;
    background-color: var(--white);
    z-index: 2;
}
.wsb-content{
    display: flex;
    flex-direction: column;
    flex: auto;
}
.page-template{
    padding: 15px;
    background-color: var(--white);
    border-radius: 8px;
    border: 2px solid #ddd;
    width: 100%;
    min-height: 176px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 24px;
    color: #49454f;


    cursor: pointer;
}

.list-pages{
    display: flex;
    flex-direction: column;
    counter-reset: section;
}
.list-pages .item-page::before{
    counter-increment: section;
    content: counter(section);
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 300px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: #F0F5F9;
    color: #49454F;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 24px;
    font-weight: 500;
    margin-right: 8px;
}
.list-pages .item-page:last-child::before{
    opacity: 0;
}
.list-pages > .item-page:not(:last-child){
    margin-bottom: 20px;
}
.item-page{
    display: flex;
    justify-content: center;
}
.page-template.--create{
    background: #f4f5f7;
    border: 1.5px dashed #5D677E;
    font-size: 24px;
    letter-spacing: 0em;
    line-height: 32px;
    color: #49454f;
}

.page-radio{
    width:100%;
    max-width: 128px;
}
.page-radio input:checked ~ .page-template{
    border-color: var(--primary);
}


.sidebar-works{
    border-left: 1px solid #ddd;
    background-color: var(--white);
    right: 0;
    transition: right 0.5s;
}
.workspace-sidebar.w-sidebar{
    flex: 0 0 calc(var(--w-sidebar) + 10px);
    min-width: calc(var(--w-sidebar) + 10px);
}


.form{
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.form-body{
    display: flex;
    flex-direction: column;
}
.form-shadow{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background-color: var(--white);
}
.textarea-25{
    padding: 25px;
}

.textarea{resize:none;}
.form-footer--border{
    border-top: 1px solid rgba(93, 103, 126, 0.17);
}
.form--25{padding:25px;}
.comment-ico{
    background: #e3b00a;
    color: var(--white);
    font-weight: 500;
    font-size: 16px;
}
.card-header{
    display: flex;
    align-items: center;
}

.render-comments{
    display: flex;
    flex-direction: column;
}
.render-comments > .card:not(:last-child){
    margin-bottom: 20px;
}
.scroll-hidden::-webkit-scrollbar{
    display: none;
}


.header-logo img{
    max-width: none;
}
.sidebar-pages .btn-workspace--sidebar{
    left: calc(100% + 1px);
    border-left: none;
}
.sidebar-works .btn-workspace--sidebar{
    right: calc(100% + 1px);
    border-right: none;
}
.sidebar-works .btn-workspace--sidebar .ico{
    transform: rotate(-180deg);
}
.btn-workspace--sidebar{
    width: 52px;
    height: 64px;
    background-color: var(--white);
    top: 0;
    position: absolute;
    border: 1px solid #ddd;
    border-top: none;
    display: none;
}
.btn-workspace--sidebar:hover{
    opacity: 1;
}


.pages-workspace{
    display: flex;
    flex-direction: column;
    max-width: 970px;
    width: 100%;
    margin: auto;
    padding: 20px;
    /* min-width: 970px; */
    cursor: move;
}

.page-workspace--body{
    padding: 35px;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-workspace{
    display: flex;
    flex-direction: column;
    min-height: 1050px;
}
.page-workspace--header{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.doc{position: relative;}

.comment-doc{
    position: absolute;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    user-select:none;
}
.comment-doc:hover{
    cursor: grab;
}
.comment-doc:active{
    cursor: grabbing;
}
.pages-workspace .page-workspace:not(:last-child){
    margin-bottom: 16px;
}

.select-parent{position:relative;}
.select-parent .select2-container:not([dir]){
    position: absolute;
    top: 100% !important;
    left: 0 !important;
}

.select-editor .select2-dropdown{
    border: 1px solid #aaa !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}
.select-editor .select2-dropdown .select2-results__option{
    font-size: 14px !important;
    font-weight: 500;
    color: #49454f !important;
}
.select-editor .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

.custom-select-drp{
    border: 1px solid #aaa !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}
.custom-select-drp .select2-results__option--highlighted.select2-results__option--selectable img{
    filter: brightness(0) invert(1);
}
.custom-select-drp .select2-results__options::-webkit-scrollbar{
    display: none;
}
.custom-select-drp.select2-dropdown--below{
    transform: translateY(5px);
}
.custom-select-drp.select2-dropdown--above{
    transform: translateY(-5px);
}
.custom-select-drp .select2-results__option{
    font-size: 14px !important;
    font-weight: 500;
    color: #49454f !important;
}

.custom-select-drp .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #4087e3 !important;
    color: var(--white) !important;
}


.tabs-custom .tabs-header{
    margin-bottom: 0;
    filter: none;
}
.tabs-custom .tab-item{
    display: flex;
    flex: 1;
    margin: 0 !important;
}
.tabs-custom .tab-item .btn{
    color: rgba(73, 69, 79, 0.6);
}
.tabs-custom .tab-item.active-tab .btn{
    color: var(--primary);
    border-color: var(--primary);
}
.tabs-custom .tab-item:not(:last-child){
    border-right: 1px solid #ddd;
}
.tabs-custom .tab-item .btn{
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 20px;
    font-family:var(--poppins);
    border: none;
    border-bottom: 2px solid transparent;
}


.form-group{
    display: flex;
    flex-direction: column;
}

.select-wrapp{
    display: flex;
    position: relative;
}
.select-wrapp.ico-select--left .select2-container--default .select2-selection__rendered{
    padding-left: 45px !important;
}
.shadow-select .select2-selection--single{
    background-color: transparent;
}
.ico-select{
    display: flex;
    height: 100%;
    width: 40px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
}


.widget-ico{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 300px;
}
.widget-ico-36x36{
    min-width: 36px;
    max-width: 36px;
    height: 36px;
}
.widget-ico-st1{
    background: #F0F5F9;
    color: var(--primary);
}

.btn-widget{
    background-color: var(--white);
    color: #49454f;
    padding: 12px 16px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
}
.btn-widget:hover{
    opacity: 1;
}

.editor-wrapper,
.editor-wrapper .content{
    height: 100%;
}

.workspace--controls{
    padding-left: 10px;
    padding-right: 10px;
    position: sticky;
    left: 0;
    top: 0;
    border-bottom: 1px solid #ddd;
    background-color: var(--white);
    z-index: 1;
    min-height: 64px;
    overflow-x: auto;
    display: flex;
    user-select: none;
}
.header-list{text-transform:uppercase;}
.workspace--controls--container{
    display: flex;
    margin: 0 auto;
}
.wc-item{
    display: flex;
}
.flex-select .select2-selection__rendered{
    display: flex !important;
    align-items: center !important;
}
.space-5-wk-item > *:not(:last-child){
    margin-right: 7px;
}
.border--right-control{
    position: relative;
    padding-right: 10px;
}
.border--right-control:not(:last-child){
    margin-right: 10px;
}
.border--right-control::after{
    content: "";
    position: relative;
    width: 0.5px;
    height: 20px;
    display: block;
    background-color: #ddd;
    right: -10px;
}

.custom-number-input2{
    display: flex;
}
.custom-number-input2 .number-input{
    min-width: 50px;
    max-width: 50px;
    padding: 5px;
    text-align: center;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.05);

    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 20px;
    color: #49454f;
    font-family: var(--poppins);
}
.custom-number-input2 .number-input::-webkit-outer-spin-button,
.custom-number-input2 .number-input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}


.text-default-05{
    color: rgba(19, 21, 21, 0.5);
}
.text-c-1{
    color: #626262;
}
.border-top{
    border-top: 1px solid rgba(93,103,126,0.17 );
}
/*
.steps__list--center .step__icon-wrapper{
    display: flex;
    justify-content: center;
}
.steps__list--center .step__item,
.steps__list--center .step__item .info {
    text-align: center;
}
.steps__list--center .absolute{
    left: 50%;
    transform: translateX(-50%);
}
.steps__list--center .step__item .info{
    padding-left: 10px;
    padding-right: 10px;
}
.steps__list--center .message-cloud{
    margin-left: auto;
    margin-right: auto;
}
.steps__list--center .step__item + .step__item .step__icon::before{
    right: calc(50% + (var(--step-icon-size) / 2));
}
.steps__list--center .step-data > *{
    text-align: center;
}*/
/*
.message-cloud{
    filter: drop-shadow(0px 0px 2px rgba(26, 32, 36, 0.32));
}*/



.steps {
    background-color: #f0f5f9;
}

.steps__container {
    padding-top: 30px;
    padding-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
    overflow: auto;
}


.steps__container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.steps__container::-webkit-scrollbar-track {
    background-color: transparent;
}
.steps__container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(26, 101, 158, 0.5);
}
.steps__container::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary);
}

.steps__list {
    display: flex;
    align-items: end;
    width: 100%;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.step__item {
    position: relative;
    --step-icon-size: 24px;
    flex: 1;
    min-width: 240px;
}

.step__icon-wrapper {
    position: relative;
    width: 100%;
}


.step__item+.step__item .step__icon::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    width: calc(100% - var(--step-icon-size));
    height: 1px;
    background-color: #ddd;
}
.step__icon{
    width: var(--step-icon-size);
    height: var(--step-icon-size);
    min-width: var(--step-icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    background: #D9DDE0;
    border-radius: 300px;
}
.step__icon img,
.step__icon svg{
    color: var(--white);
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step__item.active + .step__item .step__icon-wrapper .step__icon::before{
    background-color: #4BAE4F;
}
.step__item.active .step__icon img,
.step__item.active .step__icon svg{
    color: var(--white) !important;
    opacity: 1 !important;
}
.step__item.active .step__icon{
    background-color: #4BAE4F !important;
    border-color: #4BAE4F !important;
}
.step__item.active .info{
    font-weight: 400 !important;
}
.step__item.active.active-skip .rating{
    display: flex !important;
}
.step__item.active.active-skip .content-step-view{
    display: none;
}
.message-cloud{opacity:0;visibility:hidden;height:0;}
.step__item:first-child .message-cloud{
    opacity:1;visibility:visible;
    height: max-content;
}
.step__item.active-skip .message-cloud{
    display: none;
}
.step__item.active-skip .rating{
    display: none;
}

.step__item:not(.active, .step__item.active + .active-skip) .step-data{
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
}
.step__item.active .message-cloud{
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
}
.content-step-view{
    display: flex;
    flex-direction: column;
}
.step__item:not(.step__item.active, .step__item.active + .step__item) .content-step-view{
    display: none;
}
.step__item:first-child .step__icon,
.step__item.active + .step__item:not(.active) .step__icon{
    background-color: #828B9D;
    border-color: #828B9D;
}
/*
.step__item:first-child .info,
.step__item.active + .step__item:not(.active) .info{
    font-weight: 500;
}*/
.step__item.active + .step__item:not(.active) .message-cloud{
    opacity:1;visibility:visible;
    height: max-content;
}

.step__item .info {
    font-family: var(--roboto);
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #5D677E;
    margin-top: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 10px;
}
.steps__list{
    min-height: 150px;
    max-height: 150px;
}
.text-20 {
    font-size: 20px;
    line-height: 28px;
}

.search-form-2{
    border-radius: 8px;
    background: #F7F7F7;
    overflow: hidden;
}
.search-form-2 .input{
    background-color: transparent;
}

.search-form-2 input{
    font-size: 14px;
}


.search-form-3{
    background: transparent;
    overflow: hidden;
}
.search-form-3 .input{
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.search-form-3 input{
    font-size: 14px;
}
body::-webkit-scrollbar{
    display: none;
}



/* import ttn */
/*
.screen-height-section {
    height: calc(100vh - 150px);
    display: flex;
    flex-direction: column;
    flex: auto;
}
.slide-section-fixed-bottom {
    padding-bottom: 150px;
}
.group {
    display: flex;
    align-items: center;
    --margin: 20px;
    flex-wrap: wrap;
}
.group > *:not(:last-child) {
    margin-right: var(--margin);
}
.pagination-head {
    display: flex;
    justify-content: end;
    align-items: center;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.16 ));
    background-color: #fff;
    padding: 12px 20px;
}
.btn--secondary-2 {
    background-color: #f0f5f9;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}
.text-1 {
    font-size: 14px;
    font-weight: normal;
}
.dropdown-select-btn:hover {
    border-color: var(--primary);
    background-color: var(--white);
    opacity: 1;
}
.dropdown-select:not(.check-true) .dropdown-select-btn .ico-counter {
    display: none;
}
.ico-counter {
    border-radius: 300px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.02));
    background: rgba(0,0,0,0.18);
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    font-size: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown__body.dropdown__body_st2 {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding-left: 0;
    padding-right: 0;
}
.dropdown__body.dropdown__body_st2::-webkit-scrollbar{
    display: none;
}
.search-box {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.search-box .search-box--header, .search-box .search-box--body {
    padding-left: 15px;
    padding-right: 15px;
}
.sidebar-right-search.search-st2 {
    border-radius: 5px;
    padding: 0 12px;
    overflow: hidden;
}
.sidebar-right-search {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 41px;
    border: 1px solid #ddd;
    padding: 0 16px;
}
.sidebar-right-search > *:not(input) {
    position: relative;
    z-index: 3;
}
.sidebar-right-search.search-st2 input {
    font-weight: normal;
    font-size: 15px;
    padding-left: 40px;
    padding-right: 20px;
}
.sidebar-right-search input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    font-weight: 500;
    font-size: 12px;
    padding: 0 46px;
}
.search-box .search-box--header + * {
    padding-top: 15px;
}
.search-box .search-box--body {
    max-height: 184px;
    overflow: auto;
    margin-bottom: -15px;
    padding-bottom: 15px;
}
.search-box .search-box--body::-webkit-scrollbar{
    display: none;
}
.def-list {
    display: flex;
    flex-direction: column;
}
.items-10 > *:not(:last-child) {
    margin-bottom: 10px;
}
.check-text {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
}
.check {
    overflow: hidden;
    max-width: 24px;
    min-width: 24px;
    height: 24px;
    background: #ececec;
    border: 1px solid #ececec;
    cursor: pointer;
    position: relative;
}
.progress-value--box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 16px;
    border-radius: 3px;
    background: rgba(var(--color), 0.15);
    border: 1px solid rgba(var(--color), 1);
    font-weight: normal;
    font-size: 10px;
    text-align: left;
    color: rgba(var(--color), 1);
    margin-right: 5px;
    text-transform: uppercase;
}*/
/* import ttn */












.items-15 > *:not(:last-child) {
    margin-bottom: 15px;
}

.items-10 > *:not(:last-child) {
    margin-bottom: 10px;
}
.items-20 > *:not(:last-child) {
    margin-bottom: 20px;
}
.custom-checkbox__input-fake.--style-2{
    min-width: 20px;
    width: 20px;
    height: 20px;
}
table .custom-checkbox{
    vertical-align: middle;
}
.input-custom__input::placeholder,
.input::placeholder{
    color: #131515;
    opacity: 0.5;
}
.choose-the-plan__img.choose-the-plan__img-60{
    width: 84px;
    height: 84px;
    min-width: 84px;
}
.service-content-block{
    display: flex;
    flex-direction: column;
}
.service-content-head{
    display: flex;
    align-items: center;

    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    color: #72BF40;
}

.service-content-head + .service-content-body{
    margin-top: 10px;
}
.service-content-body{
    display: flex;
    flex-direction: column;
}
.service-list{
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.service-list li{
    display: flex;
}
.service-list li::before{
    content: "\2022";
    margin-right: 5px;
}


.swicth-container{
    overflow: hidden;
    padding: 3px 2px;
    border-radius: 8px;
    background: #F0F5F9;
    display: flex;
}
.switch-view{
    display: flex;
    flex-direction: column;
    padding-left: 1px;
    padding-right: 1px;
}
.switch-view input:checked ~ .swicth-btn{
    background-color: #fff;
    opacity: 1;
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32), 0px 0px 1px 0px rgba(26, 32, 36, 0.32);
    pointer-events: none;
}
.swicth-btn{
    cursor: pointer;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #131515;
    opacity: 0.5;
    border-radius: 6px;
}


.check-text {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
}
.check {
    overflow: hidden;
    max-width: 24px;
    min-width: 24px;
    height: 24px;
    background: #ececec;
    border: 1px solid #ececec;
    cursor: pointer;
    position: relative;
}
.check.check-sm::after {
    background: url(../img/dealer/ico-check.svg) no-repeat center center / 10px;
}
.check-input:checked ~ .check.check-sm {
    border-color: #0068b6;
    background-color: #0068b6;
}
.check-input:checked ~ .check::after {
    opacity: 1;
}
.check::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: url(../img/dealer/ico-check.svg) no-repeat center center / 15px;
}
.check.check-sm {
    max-width: 16px;
    min-width: 16px;
    height: 16px;
    background-color: var(--white);
    border-color: #707070;
    border-radius: 3px;
}

.dropdown-custom .ico-arrow{
    justify-content: flex-end;
}
.dropdown-custom.dropdown-open .ico-arrow{
    transform: rotate(180deg);
    justify-content: flex-start;
}
.dropdown-custom-body{
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32) !important;
    padding: 2px 8px;
    font-family: var(--roboto);
    border-radius: 8px;

}
.dropdown.dropdown-custom{
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
}
.dropdown-custom .dropdown-btn {
    font-family: var(--roboto);
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32);
    padding: 2px 8px;
    min-height: 32px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #516A78;
}

[data-toggle]:not(.active){display:none;}
.widget-table{
    display: flex;
    flex-direction: column;
}
.wt-header > .wt-header--item:not(:last-child){
    margin-right: 10px;
}
.wt-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    flex-wrap: wrap;
}
.wt-header .wt-header--item > .wt-header--option:not(:last-child){
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ECECEC;
}
.wt-header--item{
    display: flex;
    align-items: center;
    flex: auto;
}

.wt-body{
    display: flex;
    flex-direction: column;
}
.wt-body .data-table-wrapper{
    flex: auto;
    display: flex;
    flex-direction: column;
}
.wt-body .data-table-wrapper .data-table__footer{
    margin-top: auto;
}

.pill-source.--manual{
    border-color: #3FA5FF;
    color: #3FA5FF;
    background-color: #ECF6FF;
}
.pill-source.--dms{
    border-color:  #FF4A1C;
    background-color: #FFF0ED;
    color: #FF4A1C;
}
.pill-source{
    min-height: 20px;
    line-height: 12px;
    border-radius: 300px;
    max-width: max-content;
    border: 1px solid transparent;
    background-color: transparent;

    font-family: var(--roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding: 0 7px;
    display: flex;
    align-items: center;
}


.btn-transparent:hover{
    background-color: #F0F5F9;
    opacity: 1;
}
.sticky--right{
    position: sticky;
    right: 0;
    background-color: var(--white);
}
.modal-ntt{
    background-color: rgba(0, 0, 0, 0.80) !important;
    backdrop-filter: blur(4px) !important;
}
.modal-ntt .modal__header{
    padding: 20px 30px;
    border-bottom: 1px solid #ddd;
}
.modal-ntt .btn-close{
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    border-radius: 0;

    width: 30px;
    height: 30px;
    justify-content: flex-end !important;
    cursor: pointer;
}
.modal-ntt .btn-close svg,
.modal-ntt .btn-close img{
    width: auto;
    height: auto;
}
.modal__header-title{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    margin-right: 25px;
}

.modal__header-title--container{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: 25px;
}


.card-product{
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32), 0px 0px 1px 0px rgba(26, 32, 36, 0.32);
    border-radius: 8px;
    font-family: var(--roboto);
}
.card-product .card-footer{
    border-top: 1px solid #ECECEC;
}
.card-product > *:first-child .wrapper-img{
    border-radius: 8px 8px 0px 0px;
}
.card-product > *:first-child{
    border-radius: 8px 8px 0px 0px;
}
.card-product > *:last-child{
    border-radius: 0px 0px 8px 8px;
}
.year-pill{
    min-height: 18px;
    max-width: max-content;
    padding: 0px 5px;
    border-radius: 5px;
    background: #F0F0F0;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #516A78;
}
.--roboto{
    font-family: var(--roboto);
}

.price-procentages{
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    justify-content: space-between;
    margin-bottom: -8px;
}
.price-procentages > .price-procentage{
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 auto;
    padding-bottom: 8px;
    width: 50%;
}
.price-procentage{
    display: flex;
    flex-direction: column;
    text-align: center;
}
.price-procentage .price-procentage--head{
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;
}
.card-product .card-header {position:relative;}
.card-product .card-header .wrapper-img{
    height: 180px;
    width: 100%;
}
.modal__dialog--1200{
    max-width: 1234px;
}
.modal__dialog--370{
    max-width: 404px;
}
.card-marks{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.card-marks > .card-mark:not(:last-child){
    margin-right: 8px;
}
.--mark-success{
    background-color: #339454;
    color: #fff;
}
.card-product .card-header .card-marks{
    position: absolute;
    left: 0;
    top: 0;
    padding: 12px;
}
.mark{
    min-height: 28px;
    border-radius: 360px;
    max-width: max-content;
    padding: 2px 12px;
    border: 1px solid transparent;

    display: flex;
    align-items: center;

    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    font-family: var(--roboto);
}

.gutters-20{
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}
.service-products-wrap{
    max-height: calc(100vh - 150px);
    min-height: 300px;
}

.wrapp-scale img{
    transform:scale(1);
    transition: all 0.2s;
}
a.card-product:hover{
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.50), 0px 0px 1px 0px rgba(26, 32, 36, 0.50);
}
a.card-product:hover .wrapp-scale img{
    transform: scale(1.2);
}

.section-subtitle--color{
    color: rgba(93, 103, 126, 0.75);
}

.message-section{
    display: flex;
    justify-content: space-between;
}
.messsage-section--item{
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.messsage-section--item > *:not(:last-child){
    margin-bottom: 16px;
}
.bg-warn{
    background-color: #FFF5E3;
}
.bg-success{
    background-color: rgba(75, 174, 79, 0.05);
}
.message-section-actions{
    display: flex;
    align-items: center;
    margin-bottom: -10px;
    flex-wrap: wrap;
    white-space: nowrap;
}

.message-section-actions > .btn{
    margin-left: 20px;
}
.message-section-actions > .btn{
    margin-bottom: 10px;
}
.check-parent .check-element{
    display: none !important;
}
.check-parent.show-check .check-element{
    display: flex !important;
}
.container-20{
    padding-left: 20px;
    padding-right: 20px;
}
.data-table--ovy-hidden .data-table-wrapper{
    overflow-y: hidden;
    height: max-content;
}
.select2-results__option{
    display: flex !important;
    font-size: 14px !important;
    font-weight: 400;
}
.select2-dropdown{
    overflow: hidden;
    border: 1px solid #DDD !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
    border-radius: 8px !important;
}
.select2-dropdown.select2-dropdown--above{
    transform: translateY(-5px);
}
.select2-dropdown.select2-dropdown--below{
    transform: translateY(5px);
}

.video .btn-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.active-accordion .ico-arrow{
    transform: rotate(180deg);
}
.sidebar-footer{
    flex-wrap: wrap;
}


.searchbar, .searchbar-form{
    display: flex;
    align-items: center;
}
.searchbar-hotkey{
    min-width: 53px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: var(--roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;

    border-radius: 4px;
    background-color: #E7EBEE;
    color: var(--secondary-2);
}
.searchbar-input{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    font-family: var(--roboto);
    width: 100%;
    text-overflow: ellipsis;
}
.searchbar-input::placeholder{
    color: var(--secondary-2);
    opacity: 1;
}

.back-btn{
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 4px;
    background-color: rgba(30, 117, 230, 0.10);
    color: #1E75E6;
    text-align: left;
    justify-content: flex-start;
}
.back-btn:hover{
    border-color: #1E75E6;
    opacity: 1;
}
.btn--primary-2 {
    background-color: #1E75E6;
    border-color: #1E75E6;
    color: var(--white);
}

.custom-cols-content > div{
    padding: 20px;
}
.custom-cols-content{
    display: flex;
}


.border-list{
    display: flex;
    flex-direction: column;
}
.border-list > .border-list--item:not(:first-child){
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #DDD;
}
.border-list > .border-list--item.border-none{
    border-top: none !important;
}

.single-item{
    display: flex;
    flex-direction: column;
}
.single-item + .single-item{
    margin-top: 10px;
}
.single-item--header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    padding-left: 0;
    padding-right: 0;
}
.single-item--header + .single-item--body{
    padding-top: 12px;
}
.single-item--bg .single-item--header + .single-item--body{
    border-top: 1px solid #DDD;
}
.single-item--header > *:not(:last-child){
    margin-right: 10px;
}
.single-item--bg{
    background-color: #F0F5F9;
}
.rating{
    display: flex;
    align-items: center;
}
.rating-star{
    display: flex;
    flex-direction: column;
    color: #E7EBEE;
}
.rating-star.--active{
    color: #336BB3;
}
.rating-star.rating-star--gold.--active{
    color: #FF9900;
}
.candle{
    display: flex;
    align-items: center;
    height: 20px;
    width: max-content;
    overflow: hidden;
    border-radius: 4px;

    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding-left: 4px;
    padding-right: 4px;
}
.candle.--up{
    color: #4BAE4F;
    background-color: rgba(75, 174, 79, 0.20);
}
.candle.--down{
    color: #F85757;
    background-color: rgba(255, 87, 87, 0.06);
}

.key-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: -8px;
}
.key-list > .key-item:not(:last-child){
    margin-right: 8px;
}
.key-item{
    display: flex;
    margin-bottom: 8px;
}
.keyword-block{
    padding-left: 8px;
    padding-right: 8px;
    width: max-content;
    min-height: 24px;
    display: flex;
    align-items: center;

    overflow: hidden;
    border-radius: 300px;
    background-color: #F0F5F9;

    font-size: 13px;
}
.bg-accent-yellow--25{
    background-color: rgba(249, 200, 14, 0.25) !important;
}
input.input-dis{
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.product-access{
    display: flex;
    flex-direction: column;
}
.product-access > .pa-item:not(:last-child){
    margin-bottom: 12px;
}
.product-card__actions{
    flex-wrap: wrap;
    margin-bottom: -10px;
}
.product-card__actions > *{margin-bottom:10px;}
.product-card__actions > *:not(:last-child){
    margin-right: 10px;
}

.btn-accent-warn{
    background-color: #FFEFD6;
    color: #F86624;
}

.product-card-image{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}
.product-card-image img{
    width: 100%;
    height: 100%;
}
.product-image--btns{
    position: absolute;
    max-width: max-content;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    bottom: 0;
    left: 0;
    padding: 12px;
}
.btn--images{
    min-height: 24px;
    background-color: rgba(0, 0, 0, 0.80);
    color: var(--white);

    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
}

.btn-primary-light{
    background-color: #F0F5F9;
    color: var(--primary);
}

.upload-photo--list{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.upload-photo--list .upload-photo--item{
    min-width: 33.3%;
}
.upload-photo--item{
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 10px;
}
.photo-load-element{
    display: flex;
    flex-direction: column;
    position: relative;
}
.photo-load-element .btn-photo-remove{
    position: absolute;
    top: -7px;
    right: -7px;
}
.photo-load-element,
.photo-load-element .wrapper-img{
    width: 100%;
    height: 100%;
}
.custom-checkbox__input[type="radio"]:checked ~ .custom-checkbox__input-fake-3{

    background-image: none;
}
.custom-checkbox__input[type="radio"]:checked ~ .custom-checkbox__input-fake-3::after{
    opacity: 1;
    border: 5px solid #F0F5F9;
}
.custom-checkbox__input[type="radio"] ~ .custom-checkbox__input-fake-3{
    min-width: 20px;
    width: 20px;
    height: 20px;
    border-radius: 300px;
    position: relative;
    overflow: hidden;
    transition: border 0.3s;
}
.custom-checkbox__input[type="radio"] ~ .custom-checkbox__input-fake-3::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 10px solid #F0F5F9;
    opacity: 0;
    background-color: var(--primary);
    border-radius: 300px;
}



.custom-checkbox__input[type="radio"]:checked ~ .custom-checkbox__input-fake-4{

    background-image: none;
    border-color: var(--primary);
}
.custom-checkbox__input[type="radio"]:checked ~ .custom-checkbox__input-fake-4::after{
    opacity: 1;
    border: 6px solid var(--primary)
}
.custom-checkbox__input[type="radio"] ~ .custom-checkbox__input-fake-4{
    min-width: 20px;
    width: 20px;
    height: 20px;
    border-radius: 300px;
    position: relative;
    overflow: hidden;
    transition: border 0.3s;
    background-color: var(--white);
    border: 1px solid rgba(93, 103, 126, 0.75);
}
.custom-checkbox__input[type="radio"] ~ .custom-checkbox__input-fake-4::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 10px solid var(--primary);
    opacity: 0;
    background-color: var(--white);
    border-radius: 300px;
}

.list-page-content--tabs{
    display: flex;
    align-items: center;
}
.list-page-tab{
    display: flex;
}
.list-page-content--tabs > .list-page-tab:not(:last-child){
    margin-right: 10px;
}
.btn-tab-page.page-tab--active{
    background-color: #EAEDF0;
    color: var(--defaultTextColor);
    text-shadow: 0 0 0.15px var(--defaultTextColor);
    pointer-events: none;
}
.btn-tab-page:hover{
    opacity: 1;
    border-color: var(--secondary-2);
}
.status-item{
    display: flex;
    align-items: center;
    gap: 8px;
}
.status-text{
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}
.btn-tab-page{
    border-radius: 300px;
    background-color: transparent;
    color: var(--secondary-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
}
.pill-circle{
    display: inline-block;
    min-width: 8px;
    width: 8px;
    height: 8px;
    background-color: var(--white);
    border-radius: 300px;
}
.pill-circle.pill-circle-2{
    display: inline-block;
    min-width: 12px;
    width: 12px;
    height: 12px;
    background-color: var(--white);
    border-radius: 300px;
}
.pill-circle.--danger{
    background-color: #F85757;
}
.pill-circle.--success{
    background-color: #4BAE4F;
}
.pill-circle.--inactive{
    background-color: var(--secondary-2);
}
.cards-group-grid.card-group-grid--single-stick.scroll-block{
    padding-bottom: 15px;
}
.cards-group-grid.card-group-grid--single-stick{
    flex-wrap: nowrap;
    padding-top: 5px;
    margin-top: -5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -5px;
    margin-right: -5px;
}
.cards-group-grid.card-group-grid--single-stick .cards-group-grid__item,
.cards-group-grid.card-group-grid--single-stick .product-card{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.card-group-grid--single-stick .stick-grid{
    position: sticky;
    left: 0;
    margin-right: auto;
    max-width: max-content;
    min-height: 588px;
}
.btn--remove{
    background-color: var(--white);
    color: var(--secondary-2);
}
.btn--remove:hover{
    opacity: 1;
}
.gallery-remove{
    position: absolute;
    top: 12px;
    right: 12px;
}
.card-accent-bg{
    background-color: #FFF9EF !important;
}

.accordeon{
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;

    border: 1px solid #DDD;
    background-color: var(--white);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}
.accordeon .ico--arrow{
    transform: rotate(180deg);
}
.accordeon-header--bg{
    background-color: #F0F5F9;
}
.accordeon-header--accentbg{
    background-color: #FFF9EF;
}
.accordeon-header--accentbg .accordeon-title{
    color: #F86624;
}
.accordeon-title{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}
.accordeon-desk{
    color: var(--secondary-2);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.accordeon-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    cursor: pointer;
}
.accordeon-body{
    padding: 20px;
    display: flex;
}
.accordeon-header + .accordeon-body{
    border-top: 1px solid #DDD;
}
.accordeon-header > *:not(:last-child){
    margin-right: 20px;
}
.accordeon--list--lg > *:not(:last-child){
    margin-bottom: 30px;
}
.accordeon--show .ico--arrow{
    transform: rotate(0deg);
}
.accordeon-body .wrapp-table{
    margin: -20px;
}

.wrapp-table{
    display: flex;
    flex-direction: column;
    width: 100%;
    white-space: nowrap;
    flex: auto;
}
.table-simple{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: var(--defaultTextColor);
}
.table-simple .simple-th{
    font-style: normal;
    font-weight: 500;
    position: sticky;
    left: 0;
    top: 0;
    min-width: 200px;
}
.table-simple td,
.table-simple th{
    background-color:var(--white);
    padding: 21px 20px;
    vertical-align: top;
}
.table-simple-even-bg tbody tr:nth-child(even) td{
    background-color: #F8F8F9;
}
.table-simple tbody tr:not(:last-child) td{
    border-bottom: 1px solid #DDD;
}

.switch{
    border-radius: 300px;
    min-width: 36px;
    width: 36px;
    height: 20px;
    display: flex;
    position: relative;
    cursor: pointer;
}
.switch input:checked ~ .switch-point{
    background-color: var(--primary);
}
.switch input:checked ~ .switch-point::after{
    left: calc(36px - 20px);
    border-color: var(--primary);

}
.switch .switch-point{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: #F0F0F0;
    transition: all .2s ease;
}
.switch .switch-point::after{
    content: "";
    min-width: 20px;
    height: 100%;
    position: absolute;
    width: 20px;
    border-radius: 300px;
    background-color: var(--white);
    border: 3px solid #F0F0F0;
    top: 0;
    display: flex;
    left: 0;
    transition: all .2s ease;
}

.disabled-2 {
    background-color: #F0F0F0 !important;
    color: rgba(93, 103, 126, 0.50) !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
    border-color: transparent !important;
    pointer-events: none;
    opacity: 1 !important;
}
.product-card__header{
    font-size: 12px;
    text-align: center;
    justify-content: center;
}
.product-card__item.product-card__header + .product-card__item{
    border-top: 1px dashed #DDD;
}
.product-card{
    border: 1px solid #e8e8e8;
}
.switch-text{
    font-size: 14px;
}
.switch-element{
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.more-product-block{
    display: flex;
    flex-direction: column;
    align-items: center;
}




.select-wrapp--primary-trsp .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0 !important;
    background: #FFF;
    box-shadow: none;
    height: 36px;
}
.select-wrapp--primary-trsp .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    color: var(--primary);
    padding-right: 25px;
    font-size: 24px;
    font-weight: 500;
    border-bottom: 1px dashed var(--primary);
    padding-left: 0;
}
.select-wrapp--primary-trsp .select2-container--default .select2-selection--single .select2-selection__arrow{
    width: 15px;
}
.select-wrapp--primary-trsp .select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-size: auto;
    background-image: url(../img/dealer/ico-select-bottom.svg);
}
.select-max-max .select2-container{
    width: max-content !important;
}

.data-table-container table.dataTable{
    border-spacing: 0px 5px;
}

.container > .message-section{
    margin-left: -30px;
    margin-right: -30px;
}
.header-controls .input-custom__wrap-input,
.header-controls form{
    min-width: 112px;
}
.nospace-col{
    width: 0 !important;
}
.nospace-col.nospace-col-pr-0{
    padding-right: 0 !important;
}
.custom-checkbox__input:checked ~ .custom-checkbox__input-fake-3.--minus-ico{
    background-image: url(/img/dealer/ico-minus-2.svg);
}

.data-table-active-statused tr:not(.disabled-tr) td:first-child{
    border-left: 3px solid #4BAE4F !important;
}
.data-table-active-statused tr.disabled-tr td:first-child{
    border-left: 3px solid #5D677E !important;
}
.data-table-active-statused tr.disabled-tr{
    pointer-events: none;
    user-select: none;
}
.data-table-active-statused tr.disabled-tr td {
    color: rgba(93, 103, 126, 0.75) !important;
}
.select-tr td{
    background-color: #F0F5F9 !important;
}

.status-rounded{
    min-width: 12px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 3px;
}
.--status-active{
    background-color:#4BAE4F;
}
.--status-disa{
    background-color:#5D677E;
}


.header-controls::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.header-controls::-webkit-scrollbar-track {
    background-color: transparent;
}

.header-controls::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(26, 101, 158, 0.5);
}

.drop-area{overflow:hidden;}
.border-secondary--dash{
    border-bottom: 1px dashed var(--secondary-2);
    padding-bottom: 3px;
}
.upload-cancel-hidden{
    display: none !important;
}

.empty-title{
    font-size: 20px;
    font-weight: 600;
    color: var(--defaultTextColor);
}
.empty-page-section.empty-page-section-2{
    padding-top: 60px;
    padding-bottom: 60px;
}
.empty-page-section.empty-page-section-2 .empty-page-block{
    max-width: max-content;
}
.bg-blueish{
    background-color: #F0F5F9;
}
.categories-list, .categories-list--item{
    display: flex;
}
.categories-btn{
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
    background-color: var(--white);
    white-space: nowrap;
}
.categories-list > .categories-list--item:not(:last-child)::after{
    content: "";
    display: block;
    min-width: 40px;
    height: 100%;
    position: relative;
    background: url("../img/dealer/ico-next--dashed.svg") no-repeat center center / contain;
    margin-right: 5px;
    margin-left: 5px;

}
.categories-btn--text{
    color: var(--defaultTextColor);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.list-features{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.feature-text{
    font-size: 14px;
    color: var(--defaultTextColor);
    text-align: left;
}
.list-features > .list-features--item:before{
    content: "";
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    background: url("../img/dealer/ico-success-3.svg") no-repeat center center / 14px;
    margin-right: 8px;
}
.list-features--item{
    display: flex;
    align-items: center;
}

.select-view-btns{
    display: flex;
    gap: 5px;
}
.btn-select-view{
    cursor: pointer;
    border-radius: 4px;
    color: var(--secondary-2);
}
.btn-select-view:hover{
    border-color: var(--secondary-2);
    opacity: 1;
}

.select-wiew input:checked ~ .btn-select-view{
    color: var(--primary);
    pointer-events: none;
}
[data-select-view]:not(.--select-active-view){
    display: none !important;
}

.product-card__user-info{
    display: flex;
    align-items: center;
    gap: 5px;
}
.product-card__user-text{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.user-info--title{
    color: var(--defaultTextColor);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.user-info--desk{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: var(--secondary-2);
}

.line-status-card{
    position: relative;
    z-index: 2;
}
.product-card__item{
    position: relative;
}
.--disactive-status-card .line-status-card{
    background-color: var(--secondary-2);
}
.line-status-card{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    border-radius: 0px 2px 2px 0px;
    background-color: #4BAE4F;
    pointer-events: none;
    height: calc(100% - 40%);
    width: 3px;
}
.--disactive-status-card::after{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    background-color: var(--white);
    opacity: 0.5;
    top: 0;
    left: 0;
    pointer-events: none;
    user-select: none;
    z-index: 1;
}
.--disactive-status-card{
    pointer-events: none;
    user-select: none;
    overflow: hidden;
}
.user-avatar--text{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.step-hotel-list .step-hotel-item{
    border-bottom: 0.5px solid  #DDD;
}

.grid-select--actions{
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: max-content;
    position: relative;
    justify-content: flex-end;
}

.grid-item-group.grid-item-group-col{
    align-items: normal;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #DDD;
}
.grid-item-group > .grid-item-label{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grid-item-group > *{
    flex: 1 !important;
}
.grid-item-group > *:not(:last-child){
    margin-right: 12px;
}
.success-text{color:#10C01C;}
.list-statuses .step-hotel-item{
    cursor: pointer;
}
.list-statuses .step-hotel-item:not(.step--active):hover{
    opacity: 0.8;
}

.header-checks{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    background-color: #D6E8F6;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
}
.header-checks--item{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.header-checks--title{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.user-breadcrumbs{
    display: flex;
    flex-wrap: wrap;
}
.user-breadcrumbs-item{
    position: relative;
}
.user-breadcrumbs > .user-breadcrumbs-item:not(:last-child){
    margin-right: 12px;
    padding-right: 12px;
}
.user-breadcrumbs > .user-breadcrumbs-item:not(:last-child)::after{
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-color: #DDD;
}
.breadcrumb-user-link{
    gap: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.bread-user-link--text{
    border-bottom: 1px dashed var(--secondary-2);
    padding-bottom: 2px;
}
.stticky-full-apge .content,
.stticky-full-apge .content-side,
.stticky-full-apge .hotel-list-group{
    overflow: auto;
}

.card-task--content{
    display: flex;
    gap: 16px;
    align-items: center;
    flex: auto;
    overflow: hidden;
}
.task-pill-code{
    min-width: 40px;
    min-height: 24px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: #F0F5F9;
    border: 1px solid #F0F0F0;
    color: var(--secondary-2);
    padding: 2px 5px;

    font-size: 14px;
    text-align: center;
    justify-content: center;
}
.task-desk{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.task-status-circle{
    min-width: 24px;
    height: 24px;
    max-height: 24px;
    overflow: hidden;
    border-radius: 300px;
    background: #D9DDE0;
    position: relative;
}
.task-status-circle::after{
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../../img/dealer/check-icon-white.svg") no-repeat center center / 16px;
}
.--active-task .task-status-circle{
    background-color: #4BAE4F;
}
.card-task .card-body{
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.list-tasks{
    display: flex;
    flex-direction: column;
}
.list-tasks > .list-task--item:not(:last-child){
    margin-bottom: 10px;
}






.doc-page{
    display: flex;
    flex-direction: column;
    padding: 30px;
    background-color: var(--white);
    box-shadow: 0px 1.778px 10.667px 0px rgba(0, 0, 0, 0.15);
    margin: auto;
    user-select: none;
}

.doc-pages{
    display: flex;
    flex-direction: column;
    padding: 40px;
    gap: 40px;
    min-height: 100%;
    overflow: auto;
}
.doc-page .doc-page--header{
    margin: -30px;
    padding: 30px;
}
.doc-page .doc-page--header + .doc-page--body{
    padding-top: 30px;
}
.doc-page--header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.doc-page--title{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #131515;
}
.doc-page--body{
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: auto;
}
.table-wrapp{
    overflow: hidden;
    border-radius: 4px;
    display: flex;
}
.table-wrapp > table{
    margin: -2px;
}
.table-wrapp table{
    flex: auto;
    width: 100%;

}
.table-wrapp table th, .table-wrapp table td{
    padding: 0px 8px;
}
.doc-page--body table tr{
    vertical-align: top;
}
.table-wrapp table td table td,
.table-wrapp table th table th{
    padding: 0;
}
.table-wrapp table th{
    vertical-align: middle;
}
.table-wrapp table tbody td{
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: top;
}





/*27.02.2024*/
:root{
    --ck-ui-component-min-height: 2em !important;
}
/* multiple select */
.select-outline-style .select2-container .select2-selection--multiple{
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.05);
    min-height: 40px;
    background-color: var(--white);

    padding: 0;
    display: flex;

    position: relative;
    padding-right: 30px;
    padding-left: 4px;

    padding-top: 8px;
    padding-bottom: 8px;
    overflow: hidden;
}
.select-outline-style .select2-selection__rendered li:not([title]){
    display: none !important;
}
.select-outline-style .select2-container .select2-selection--multiple .select2-selection__rendered{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 0;
}
.select-outline-style .select2-container .select2-selection--multiple .select2-selection__choice{
    margin: 0 4px !important;
}

.select-outline-style .select2-container .select2-selection--multiple::after{
    content: "";
    display: block;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
    position: absolute;
    background: var(--white) url(/img/dealer/select-arrow-3.svg) no-repeat center center / 10px;
}
.select-outline-style .select2-container .select2-selection--multiple .select2-search{
    display: flex !important;
    flex: auto;
    align-items: center;
}
.select-outline-style .select2-container .select2-selection--multiple .select2-search__field{
    margin: 0 !important;
    padding: 8px 4px !important;
    line-height: 1px !important;
    height: fit-content;
}
.select-outline-style .select2-search__field::placeholder{
    color: var(--secondary-2) !important;
    font-family: var(--roboto) !important;
    font-size: 14px !important;
    opacity: 0.75 !important;
}
.select-outline-style .select2-container--default .select2-selection--multiple .select2-selection__choice{
    display: flex;
    align-items: center;
    height: 22px;
    border-radius: 4px;

    background-color: #F0F5F9;
    padding: 0 26px 0 8px !important;

}
.select-outline-style .select2-container--default .select2-selection--multiple .select2-selection__choice[title="more"]{
    padding: 4px 8px !important;
}
.select-outline-style .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display{
    font-size: 12px;
    line-height: 24px;
    font-family: var(--roboto);
    color: var(--defaultTextColor);
}

.select-outline-style .select2-container--open .select2-selection--multiple::after{
    transform: rotate(180deg);
}

.select-outline-style .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    background-image: url(/img/dealer/select-remove-3.svg);
    padding: 0 13px;
}
.hide{display:none !important;}

.dropdown-multiple .select2-search,
.dropdown-multiple .select2-search textarea{
    width: 100% !important;
    display: flex !important;
    margin: 0 !important;
    font-size: 12px !important;
}

.dropdown-multiple .drp-head .select2-results__option{
    padding: 12px 12px !important;
    cursor: pointer;
}
.select2-results__message::before{
    display: none !important;
}
.dropdown-multiple .drp-head > *{
    border-bottom: 1px solid #ddd;
}

.dropdown-multiple .select2-search textarea{
    height: 40px !important;
    flex: auto !important;
    padding: 10px 12px 10px 34px !important;
    resize: none !important;
    white-space: nowrap !important;
    background: url("/img/dealer/ico-loupe-select.svg") no-repeat left 12px center / 12px !important;
    line-height: 23px !important;
    overflow: hidden !important;
}
.dropdown-multiple .select2-search textarea::placeholder{
    font-size: 12px !important;
    font-family: var(--fotnFamily);
    color: var(--secondary-2);
    opacity: 0.75;
}
.dropdown-multiple .select2-results__option{
    font-size: 12px !important;
    font-family: var(--fotnFamily);
}
.select2-container--default .dropdown-multiple .select2-results__option--highlighted.select2-results__option--selectable{
    color: #000;
    background-color: #fff;
}
.select2-container--default .dropdown-multiple .select2-results__options .select2-results__option:not(.select2-results__option--group):first-child{
    padding-top: 12px !important;
}
.select2-container--default .dropdown-multiple .select2-results__options .select2-results__option:not(.select2-results__option--group):last-child{
    padding-bottom: 12px !important;
}
.select2-container--default .dropdown-multiple .select2-results__option{
    gap: 8px;
    padding: 6px 12px;
}
.select2-container--default .dropdown-multiple .select2-results__option::before{
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
    border-radius: 2px;
    background: var(--white);
    border: 1px solid rgba(93, 103, 126, 0.75);
    overflow: hidden;
}
.select2-container--default .dropdown-multiple .select2-results__option.select2-results__option--selected::before,
.select2-container--default .dropdown-multiple .select2-results__option.--all-actives::before{
    background: url("/img/dealer/check-select.svg") no-repeat center center / 16px !important;
    border-color: transparent !important;
}
.select2-container--default .dropdown-multiple .select2-results__option.--all-actives::before{
    display: none;
}
.select2-container--default .dropdown-multiple .select2-results__option.--all-actives .text1,
.select2-container--default .dropdown-multiple .select2-results__option .text2{
    display: none;
}
.select2-container--default .dropdown-multiple .select2-results__option.--all-actives .text2{
    display: inline-block;
}
.select2-container--default .dropdown-multiple .select2-results__option .text2{
    color: var(--primary);
    text-decoration: underline;
}
.select2-container--default .dropdown-multiple .select2-results__option.select2-results__option--group{
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 !important;
}
.select2-container--default .dropdown-multiple .select2-results__option.select2-results__option--group::before{
    display: none;
}
.select2-container--default .dropdown-multiple .select2-results__option.select2-results__option--group:first-child .select2-results__group{
    border-top: none;
}
.select2-container--default .dropdown-multiple .select2-results__option.select2-results__option--group .select2-results__group{
    border-top: 1px solid #ddd;
    padding: 0 !important;
}
body:not(.lock) > .select2-container .dropdown-multiple{z-index:10 !important;}
.select2-container--default .dropdown-multiple .select2-results__option--selected{
    background-image: none;
}
.drp-head{
    display: flex;
    flex-direction: column;
}





.select-outline-style-2 .select2-container .select2-selection__placeholder{
    color: var(--defaultTextColor) !important;
}
.dropdown-custom-2 .select2-results__options .select2-results__option:not(:last-child){
    border-bottom: 1px solid #ddd;
}

/* multiple select */



.step-list-2{
    max-width: 330px;
    min-width: 330px;
}
.step-list-2 .step-hotel-item:not(.step--success){
    pointer-events: none;
}
.step-list-2 .step-hotel-item{
    position: relative;
    cursor: pointer;
}
.step-list-2 .step-hotel-item .info + .step-soon{
    padding-left: 10px;
}
.step-list-2 .step-soon{
    margin-left:auto;
    white-space: nowrap;
}
.step-soon{
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(93, 103, 126, 0.75);
}
.step-list-2 .step-hotel-item.step--active::after{
    display: block;
}
.step-list-2 .step-hotel-item::after{
    content: "";
    width: 3px;
    height: 60%;
    border-radius: 4px 0 0 4px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--primary);
    display: none;
}
.step-list-2 .step-hotel-item .step-hotel-item__step{
    width: 8px;
    height: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DDDDDD;
    overflow: visible;

}
@keyframes active_point{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(2);
    }
    100%{
        transform: scale(1);
    }
}
.step-list-2 .step-hotel-item.step--active .step-hotel-item__step{
    border: none;
    background-color: #F86624;
    padding: 4px;
    position: relative;
}
.step-list-2 .step-hotel-item.step--active .step-hotel-item__step::after,
.step-list-2 .step-hotel-item.step--active .step-hotel-item__step::before{
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    background: radial-gradient(50.00% 50.00% at 50% 50%,rgba(248, 102, 36, 0),rgba(248, 102, 36, 0.24) 100%);
    border-radius: 360px;
}

.step-list-2 .step-hotel-item.step--active .step-hotel-item__step::after{
    animation: active_point 2s ease infinite;
}
.step-list-2 .step-hotel-item.step--active .step-hotel-item__step::before{
    animation: active_point 4s ease infinite;
}
.step-list-2 .step-hotel-item .step-hotel-item__step::after{
    display: none;
}
.step-list-2 .step-hotel-item.step--success .step-hotel-item__step{
    background-color: #4bae4f;
}
.step-list-2 .step-hotel-item .info{
    font-size: 12px;
    font-family: var(--roboto);
    font-weight: 400;
    text-transform: uppercase;
    color: var(--defaultTextColor);
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn--lightprimary{
    background-color: #f0f5f9;
    color: var(--secondary-2);
}
.btn--lightprimary:hover{
    border-color: var(--primary);
    color: var(--primary);
}


.step-hotel-list.step-list-2+.step-hotel-content {
    min-width: calc(100% - 330px);
}
.sidebar-help-title{
    font-weight: 500;
    font-size: 16px;
    font-family: var(--fotnFamily);
    color: var(--secondary-2);
}
.title-card{
    font-weight: 500;
    font-family: var(--fotnFamily);
    color: var(--defaultTextColor);
    font-size: 16px;
}
.title-option{
    font-family: var(--fotnFamily);
    color: var(--defaultTextColor);
    font-size: 14px;

    display: flex;
    align-items: center;
    gap: 6px;
}

.items-40 > *:not(:last-child) {
    margin-bottom: 40px;
}
.input-custom__input{
    font-size: 14px !important;
}
.input-custom__input.--shadow-input::placeholder,
.input-custom__input.--shadow-input > *::placeholder{
    color: var(--secondary-2) !important;
    font-family: var(--roboto) !important;
    font-size: 14px !important;
    opacity: 0.75 !important;
}
.input-csutom-helper.input-custom__input{
    align-items: initial;
    padding: 0;
    overflow: hidden;
}
.input-csutom-helper-text{
    display: flex;
    align-items: center;
    background-color: #f0f5f9;
    padding-left: 15px !important;
    padding-right: 15px !important;

}
.input-csutom-helper > input + .input-csutom-helper-text{
    border-left: 1px solid #ddd;
}
.input-csutom-helper > .input-csutom-helper-text + input{
    border-left: 1px solid #ddd;
}
.input-csutom-helper.input-custom__input input{
    overflow: hidden;
    width: 0;
}
.input-csutom-helper.input-custom__input > *{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.input-custom__input.--shadow-input{
    box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.05);
    border-color: #D0D5DD;
}

.row-options{
    display: flex;
    gap: 12px;
    align-items: center;
    /*flex-wrap: wrap;*/
}

.row-options > .row-option:not(.row--w-none){
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    flex: auto;
    padding: 2px;
}

.picker-btn{
    cursor: pointer;
    display: flex;
}
.custom-picker{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 40px;
    height: 45px;
    cursor: pointer;
    border: none;
    background-color: transparent;
}
.custom-picker::-webkit-color-swatch{
    border: none;
}
.custom-picker::-moz-color-swatch{
    border: none;
}

.widget-add-options{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.widget-add--header{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid #ddd;
}
.widget-add--body{
    max-height: 180px;
    overflow: auto;
}
.widget-add--body::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: transparent;
}

.widget-add--body::-webkit-scrollbar
{
    width: 12px;
    height: 12px;
    background-color: transparent;
}

.widget-add--body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #DDDDDD;
    border: 4px solid var(--white);
}
.input-custom__input.input-custom__input--2{
    border-color: #ddd;
    font-size: 12px !important;

}
.input-custom__input.input-custom__input--2::placeholder{
    color: rgba(93, 103, 126, 0.75);
}
.widget-list-render{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.render-option-btn{
    display: flex;
    align-items: center;
    height: 22px;
    border-radius: 4px;
    background-color: #F0F5F9;
    padding: 4px 8px;

    font-size: 12px;
    line-height: 24px;
    font-family: var(--roboto);
    color: var(--defaultTextColor);
    gap: 6px;
    max-width: max-content;
}

.custom-checkbox__input:checked ~ .custom-checkbox__input-fake-4 {
    background-image: url(/img/dealer/check-icon-white.svg);
    border-color: var(--primary) !important;
    background-color: var(--primary);
}
.custom-checkbox__input:checked ~.fake-space-ico{
    background-image: url(/img/dealer/ico-minus-2.svg) !important;
}
.custom-checkbox__input-fake-4{
    min-width: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(93, 103, 126, 0.75);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.card-shadow_body .widget-add-options > .widget-add--header,
.card-shadow_body .widget-add-options > .widget-add--body{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.card-shadow_body .widget-add-options > .widget-add--header{
    padding-bottom: 12px;
}
.widget-add-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.items{
    display: flex;
    flex-direction: column;
}
[data-theme="custom-tippy"].tippy-box{
    background-color: transparent;
    color: var(--defaultTextColor);
    border-radius: 0;
}
[data-theme="custom-tippy"].tippy-box .tippy-content{
    padding: 0;
}
[data-theme="custom-tippy"].tippy-box .tippy-arrow{
    display: none;
}
.card-poppover-shadow-card{
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.card-poppover-shadow-card .card-header,
.card-poppover-shadow-card .card-body{
    padding: 20px;
}
.card-poppover-shadow-card .card-header + .card-body{
    border-top: 1px solid #ddd;
}
.popover-list{
    display: flex;
    flex-direction: column;
}
.popover-list li::before{
    content: "\2022";
}
.popover-list li{
    display: flex;
    gap: 5px;
}
.select-disa{
    pointer-events: none;
}
.select-disa .select2-container--default .select2-selection--single{
    background-color: #f0f5f9;
}

.card-shadow_footer{
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ddd;
}
.list-generate{
    display: flex;
    flex-direction: column;
}
.generate-option{
    display: flex;
    align-items: center;
    padding: 15px;
    gap: 12px;
}
.generate-option-text{
    font-size: 14px;
}

.table-option{gap:10px;}
.table-option, .table-option--head{
    display: flex;
    flex-direction: column;
}
.table-option--head{
    font-size: 12px;
    color: var(--secondary-2);
    min-height: 40px;
}
.list-generate li:not(:last-child){
    border-bottom: 1px solid #ddd;
}
.table-options-list > .table-option{
    flex: 1;
}
.table-options-list > .table-option:not(:last-child){
    border-right: 1px solid #ddd;
}
.table-options-list{
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.table-options-list > *{
    padding-left: 15px;
    padding-right: 15px;
}
.custom-gradding .modal__header,
.custom-gradding .modal__body,
.custom-gradding .modal__footer{
    padding: 20px 40px;
}
.custom-gradding .modal__body{
    padding-top: 30px;
    padding-bottom: 30px;
}
.or-line{
    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--secondary-2);
    font-size: 14px;
    text-align: center;

    position: relative;
}
.or-line .or-line--text{
    position: relative;
    z-index: 1;
    background-color: var(--white);
    padding-left: 10px;
    padding-right: 10px;
}
.or-line::after{
    content: "";
    display: block;
    border-top: 1px dashed var(--secondary-2);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

.color-group{
    display: flex;
    gap: 12px;
}
.btn-color{
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    cursor: pointer;

    overflow: hidden;
    border-radius: 360px;

    background-color: var(--white);
    box-shadow: 0 1px 4px 0 rgba(16, 24, 40, 0.05), 0 1px 4px 0 rgba(16, 24, 40, 0.05);
    border: 1px solid #ddd;

    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-color.pick-color{
    /*background: var(--white) url("/img/dealer/ico-addcolor.svg") no-repeat center center / 20px !important;*/
    background: var(--white) url("/img/dealer/ico-addcolor.svg") no-repeat center center / 20px;
}
[data-color-pick]{cursor:pointer;}
.btn-color .color-switch{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    background-color: transparent;
    border: 6px solid var(--white);
}
.lock customhexcp-view{
    z-index: 300;
}
customhexcp-view{
    background: var(--white) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16) !important;
    border-color: #ddd !important;
    border-radius: 6px;
}
customhexcp-view .chosenColor{
    display: none !important;
}
customhexcp-view hexcp-main .hexInputRow{
    justify-content: space-between;
    align-items: center;
    height: 32px;
}
customhexcp-view hexcp-main .hexInputRow > *{
    height: inherit;
}
customhexcp-view hexcp-main .hexInputRow .hexCodePrefix{
    background-color: transparent !important;
    color: var(--defaultTextColor) !important;
    font-family: var(--fotnFamily);
    padding: 0 !important;
    font-size: 12px !important;
    font-family: var(--fotnFamily);
    line-height: 0 !important;
}
customhexcp-view hexcp-main .hexInputRow .hexCode{
    background-color: transparent !important;
    color: var(--defaultTextColor) !important;
    border: none !important;
    font-size: 12px !important;
    font-family: var(--fotnFamily);
    text-indent: 0 !important;
}
customhexcp-view hexcp-main{
    margin: 16px !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
}
customhexcp-view hexcp-main .colorStrip{
    margin-top: 12px !important;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
customhexcp-view hexcp-main .hexInputRow{
    margin-top: 16px !important;
}
customhexcp-view hexcp-main .hexInputRow::before{
    content: "Enter Hex Code";
    font-weight: 400;
    font-size: 12px;
    color: var(--secondary-2);
}
customhexcp-view hexcp-main .spectrum{
    height: 180px !important;
    border-radius: 6px;
}

customhexcp-view hexcp-main .spectrum .brightSpectrum .darkSpectrum .spectrumDragger,
customhexcp-view hexcp-main .colorStrip .colorStripDragger{
    width: 12px !important;
    height: 12px !important;

    border: 2px solid var(--white);
    outline: 2px solid var(--defaultTextColor);
    border-radius: 360px;
    box-shadow: none !important;
    background-color: transparent;
    padding: 0;
}
customhexcp-view hexcp-main .colorStrip .colorStripDragger{
    top: 50%;
    transform: translateY(-50%);
}
customhexcp-view hexcp-main .selectColorRow{
    margin-top: 24px !important;
    height: 30px !important;
}
customhexcp-view hexcp-main .hexInputRow .hexInput{
    margin-left: 0 !important;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    box-shadow: 0 2px 4px 0 rgba(16, 24, 40, 0.04);
    background-color: var(--white);
    border: 1px solid #ddd;
    pointer-events: none;
    border-radius: 6px;
}
customhexcp-view hexcp-main .selectColorRow button{
    padding: 0 13px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-family: var(--fotnFamily);
}
customhexcp-view hexcp-main .selectColorRow .cancelSelect{
    border: none !important;
    color: var(--primary) !important;
}
customhexcp-view hexcp-main .selectColorRow .selectColor{
    color: var(--white) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.editor-wrapper{
    display: flex;
    flex-direction: column;

    border-radius: 8px;
    border: 1px solid #ddd;
}
.editor-wrapper .ck.ck-toolbar{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}
.ck.ck-editor__editable_inline{
    border: none !important;
}
.ck-body-wrapper{display:none !important;}
.editor-wrapper #editor{flex: auto;padding: 10px;}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
    border: none !important;
    box-shadow: none !important;
    border-radius: none !important;
}

[data-custom-class="undo"]{
    background: url("/img/dealer/editor-icos/ico-editor-undo.svg") no-repeat center center / 16px !important;
}
[data-custom-class="redo"]{
    background: url("/img/dealer/editor-icos/ico-editor-redo.svg") no-repeat center center / 16px !important;
}
[data-custom-class="bold"]{
    background: url("/img/dealer/editor-icos/ico-editor-bold.svg") no-repeat center center / 16px !important;
}
[data-custom-class="italic"]{
    background: url("/img/dealer/editor-icos/ico-editor-italic.svg") no-repeat center center / 16px !important;
}
[data-custom-class="italic"]{
    background: url("/img/dealer/editor-icos/ico-editor-italic.svg") no-repeat center center / 16px !important;
}
[data-custom-class="underline"]{
    background: url("/img/dealer/editor-icos/ico-editor-underline.svg") no-repeat center center / 16px !important;
}
[data-custom-class="Strikethrough"]{
    background: url("/img/dealer/editor-icos/ico-editor-strike.svg") no-repeat center center / 16px !important;
}

.ck-dropdown[data-custom-class="FontColor"]{
    background: url("/img/dealer/editor-icos/ico-editor-fontcolor.svg") no-repeat center center / 16px !important;
}
.ck-dropdown[data-custom-class="alignment"]{
    background: url("/img/dealer/editor-icos/ico-editor-align.svg") no-repeat center center / 16px !important;
}
[data-custom-class="bulletedList"]{
    background: url("/img/dealer/editor-icos/ico-editor-bulletlist.svg") no-repeat center center / 16px !important;
}
[data-custom-class="link"]{
    background: url("/img/dealer/editor-icos/ico-editor-attach-link.svg") no-repeat center center / 16px !important;
}
[data-custom-class="fontSize"]{
    background: url("/img/dealer/editor-icos/ico-editor-fontsize.svg") no-repeat center center / 16px !important;
}

[data-cke-tooltip-text="Font Family"] .ck-button__label{
    display: block !important;
}

.ck-dropdown > .ck.ck-button:not(.ck-disabled):hover,
.ck-dropdown > a.ck.ck-button:not(.ck-disabled):hover,
.ck-dropdown > .ck.ck-button.ck-on, a.ck.ck-button.ck-on{
    background: transparent !important;
}

.ck-dropdown[data-custom-class] > .ck-button > *{
    display: none;
}
.ck-dropdown[data-custom-class] .ck-dropdown__arrow{
    display: none;
}
[data-custom-class]:not([data-custom-class="|"]) > *{
    display: none;
}
@media (max-width: 1700px) {
    .content-side:not(.header-controls):has(~ .sidebar-helper.open) {
        margin-right: 0px;
    }
}
@media (max-width: 991.98px) {
    .step-hotel-list{
        max-width: initial !important;
    }
    .items-40 > *:not(:last-child) {
        margin-bottom: 20px;
    }
}
@media (max-width: 767.98px) {
    .row-options .row-option:not(.row--w-none){
        width: 100%;
        max-width: 100%;
        min-width: auto;
    }
}
@media (max-width: 480px) {
    .row-options{
        flex-direction: column;
    }
}