.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/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_to_top.active {
    opacity: 0.6;
    visibility: visible;
}

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


.card-white-shadow-2{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.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 3px 6px rgba(0, 0, 0, 0.16);
}
.card-30{
    padding: 30px;
}
.wrapper-img{
    overflow: hidden;
}
.wrapper-img img{
    width: 100%;
    height: 100%;
}
.img-60{
    width: 60px;
    min-width: 60px;
    height: 60px;
}
.img-40{
    width: 40px;
    min-width: 40px;
    height: 40px;
}
.img-45{
    width: 45px;
    min-width: 45px;
    height: 45px;
}
.ico{
    display: flex;
    align-items: center;
}
.ico-15{
    width: 15px;
    min-width: 15px;
    height: 15px;
}
.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-35{
    width: 35px;
    min-width: 35px;
    height: 35px;
}
.ico-40{
    width: 40px;
    min-width: 40px;
    height: 40px;
}
.col-40{
    display: flex;
    flex-direction: column;
}
.col-40 > *:not(:last-child){
    margin-bottom: 40px;
}

.heading-4{
    font-size: 24px;
}
.text-color{color:rgba(93, 103, 126, 0.69);}
.btn-grey{
    background: rgba(81, 106, 120, 0.13);
    color: #666;
}
.--text-success{
    color: #10c01c;
}
.--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;
}
.list-def{
    display: flex;
    flex-direction: column;
}
.list-def--15 > .list-def--item:not(:last-child){
    margin-bottom: 15px;
}

.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);
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.16));
    border-radius: 12px;
}
.message-dropdown > *{
    padding-left: 20px;
    padding-right: 20px;
}
.message-dropdown .message-header{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.message-header{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    cursor: pointer;
    flex-wrap: wrap;
}
.message-header > *{
    padding-bottom: 20px;
}
.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-info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.user-info .user-img{
    margin-right: 14px;
}
.user-mail{
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.03em;
    color: #5d677e;
    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: #5d677e;
    font-weight: normal;
    font-size: 12px;
}
.user-name{
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.03em;
    color: #000;
}
.user-name-2{
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.03em;
    color: #000;
}
.dbl-btns{
    display: flex;
    flex-wrap: wrap;
}
.dbl-btns--20 > *:not(:last-child){
    margin-right: 20px;
}
.dbl-btns--5 > *:not(:last-child){
    margin-right: 5px;
}
.dbl-btns--8 > *:not(:last-child){
    margin-right: 8px;
}
.dbl-btns--12 > *:not(:last-child){
    margin-right: 12px;
}
.roboto{font-family:var(--roboto);}
.pill-styler-1{
    background-color: #454A8A;
    color: #fff;
}
.pill-styler-2{
    background-color: #824394;
    color: #fff;
}
.pill3{
    min-width: 46px;
    min-height: 20px;
    overflow: hidden;
    font-family: var(--roboto);
    font-size: 12px;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border-radius: 4px;
    max-width: max-content;
}
.pill2{
    overflow: hidden;
    min-height: 24px;
    padding: 5px 10px;
    font-family: var(--roboto);
    font-style: italic;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    background: #f1f2f3;
    color: #000;
}
.text-date{
    font-size: 12px;
    color: #a7b4bb;
    font-family: var(--roboto);
}
.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--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;
}
.btn--40{
    min-width: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-sec-transp{
    color: #5d677e;
}
.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-14{
    line-height: 20px;
    font-size: 14px;
}
.text-13{
    line-height: 16px;
    font-size: 13px;
}
.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{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5px;
}
.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;
}

.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: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select-editor .select2-container--default .select2-selection__rendered{
    font-size: 14px !important;
    font-weight: 500;
    color: #49454f !important;
    height: 100%;
}
.select-editor .select2-container--default .select2-selection--single{
    border: none;
}
.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: 18px;
}
.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 #bebfc1;
    border-bottom: 1px solid #bebfc1;
    overflow-x: auto;
}
.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;
    font-family: var(--poppins);
    position: relative;
}
.breadcrumb-item::before{
    content: "";
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    display: block;
    position: relative;
    background: url("../img/breadcrumb--right.svg") no-repeat center center;
    margin-right: 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 240px;
    min-width: 240px;
    background-color: var(--white);
    border-right: 1px solid #bebfc1;
    left: 0;
    transition: left 0.5s;
}
.workspace-content{
    flex: auto;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    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: 52px;
    border-bottom: 1px solid #bebfc1;
    justify-content: space-between;
    position: sticky;
    top: 0;
    background-color: var(--white);
    z-index: 1;
}
.wsb-content{
    display: flex;
    flex-direction: column;
    flex: auto;
}
.page-template{
    padding: 15px;
    background-color: var(--white);
    border-radius: 8px;
    border: 2px solid #bebfc1;
    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;
    font-family: var(--poppins);

    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: rgba(165, 201, 236, 0.2);
    color: #49454f;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--poppins);
    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: space-around;
}
.page-template.--create{
    background: #f4f5f7;
    border: 1.5px dashed #49454f;
    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: #3835c5;
}


.sidebar-works{
    border-left: 1px solid #bebfc1;
    background-color: #f0f5f9;
    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;
}



.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: 52px;
    background-color: var(--white);
    top: 0;
    position: absolute;
    border: 1px solid #bebfc1;
    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 12px rgba(0, 0, 0, 0.15);
    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: var(--primary) !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: #3835c5;
}
.tabs-custom .tab-item:not(:last-child){
    border-right: 1px solid #bebfc1;
}
.tabs-custom .tab-item .btn{
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 20px;
    font-family:var(--poppins);
    padding: 10px;
}


.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;
}


.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: rgba(165, 201, 236, 0.2)
}

.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 #bebfc1;
    background-color: var(--white);
    z-index: 1;
    min-height: 52px;
    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: 5px;
}
.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: 25px;
    display: block;
    background-color: #bebfc1;
    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);
}















/* concat project --> alpha */
.b-05{color:rgba(0,0,0,0.5);}
.header{white-space:nowrap;}
.dashboard-header .header__body{
    overflow: hidden;
}
.dashboard-header__title{
    overflow: hidden;
}
.dashboard-header__title h4{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dashboard-header__title + *{
    padding-left: 15px;
}
.header .btn.sidebar-open-btn{
    min-width: 16px;
    height: 16px;
}
.header-drop-btn-arrow{
    min-width: 20px;
    max-width: 20px;
}
.table-hotel-field{
    font-family: var(--roboto);
}
.--select-small-arrow .select2-selection--single .select2-selection__arrow{
    right: 0 !important;
}
.--select-small-arrow .select2-selection--single .select2-selection__arrow b{
    background-image: url("../img/sm-select-arrow.svg") !important;
    width: 10px !important;
}
.--select-small-arrow .select2-selection__placeholder{
    color: #000 !important;
}
.--select-small-arrow .selection,
.--select-small-arrow .select2-selection{
    height: 100% !important;
}
.--select-small-arrow .select2-selection{
    display: flex;
    align-items: center;
}
.--select-small-arrow .select2-selection__rendered{
    height: max-content !important;
}
.--select-small-arrow{
    height: 36px;
}
.--select-small-arrow .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 12px;
}
.card-contcat{
    font-family: var(--roboto);
    flex: auto;
}
.contacts-list-contact-item > *:last-child{
    margin-right: 8px;
}
.card-contcat .card-shadow_body{
    background-color: #fff;
}

.contacts-list{
    display: flex;
    flex-direction: column;
}
.contacts-list-contact-item{
    display: flex;
    margin-right: -8px;
    margin-left: -8px;
}
.contact-btn .btn{
    position: relative;
    z-index: 1;
}
.contact-btn{
    min-width: calc(40px + 8px + 8px);
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: calc((85px - 40px)/2);
}

.contacts-list-contact-item:not(:last-child) .contact-btn::after{
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    background-color: #DDD;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}
.contacts-list-contact-item:not(:last-child) .card-contcat{
    margin-bottom: 30px;
}
.pill-status-reject{
    color: #FB3C3C;
    background: #FFEBE8;
    border: 1px solid #FB3C3C;
}
.items-32 > *:not(:last-child){
    margin-bottom: 32px;
}
.more-link{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #5D677E;
    font-family: var(--roboto);
}

.heading-block{
    display: flex;
    flex-direction: column;
}
.heading-description{
    color: rgba(51, 51, 51, 0.69);
    font-family: var(--roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* concat project --> alpha */

















.modal__dialog--1205 {
    max-width: 1205px;
}
.container-dash {
    width: 100%;
    padding: 0 40px;
}
.modal-var .modal-body-title,
.modal-var .modal__header-title{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.modal-checklist .modal__body {
    padding: 0;
    flex-direction: initial;
    justify-content: flex-start;
}
.new-checklist-col {
    border-right: 1px solid rgba(93, 103, 126, 0.17);
}
.new-checklist-col {
    display: flex;
    flex-direction: column;
    min-width: 330px;
}
.add-type-item {
    background-color: #f0f5f9;
    color: #5d677e;
    padding: 10px 39px;
}
.type-list__item input{
    color: #000 !important;
}
.type-list__item, .add-type-item {
    display: flex;
    align-items: center;
    min-height: 48px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.02em;
    border: 1px solid rgba(0, 0, 0, 0);
}
.aside__container {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.add-type-item + .aside__container .type-list{
    border-top: 1px solid rgba(93, 103, 126, 0.17);
}
.type-list {
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid rgba(93, 103, 126, 0.17);
    background-color: #fff;
}
.type-list__item:not(:last-child) {
    border-bottom: 1px solid rgba(93, 103, 126, 0.17);
}
.type-list__item {
    padding: 10px;
    color: #000;
}
.type-list__item .hover-item {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.checklist-item {
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    flex: auto;
    pointer-events: none;
}
.type-list__item .hover-item {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.modal__body-checklist {
    padding: 20px;
    flex: auto;
    min-height: 600px;
    display: flex;
    flex-direction: column;
}

.label-input {
    display: block;
    margin-bottom: 10px;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #131515;
}
input.input-custom {
    border-radius: 8px;
    background: #fff;
    border: 1px solid #d0d5dd;
    box-shadow: 0px 1px 4px rgba(16, 24, 40, 0.05);
    font-size: 12px;
    padding: 12px;
    font-family: var(--roboto);

}
input.input-custom::placeholder{
    color: #5D677E;
    font-family: var(--roboto);
}
.group-input-btn {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 60px;
}
.btn--primary-2 {
    background-color: #336BB3;
    color: var(--white);
    border-radius: 4px;
    border: 1px solid #336BB3;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    min-height: 40px;
    padding: 10px 17px;
}
.checklist__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px 20px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
    border: 1px solid #ddd;
}
.checklist__item-check {
    display: flex;
    align-items: center;
    flex: auto;
    margin-right: 20px;
}
.pill {
    white-space: nowrap;
}
.pill-gray-2 {
    background-color: #F0F5F9;
    border: 1px solid #F0F0F0;
    color: #5D677E;
}
.input-edit-wrap {
    position: relative;
    flex: auto;
}
.input-text-edit{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #131515;
    padding: 6px 10px 6px 10px;
}
.input-edit {
    font-size: 14px;
    color: #000;
    width: 100%;
    padding: 6px 31px 6px 10px;
    border: 1px solid transparent;
    border-radius: 5px;
}
.input-edit-decor {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.checklist li + li {
    margin-top: 7px;
}
.type-list__item:hover {
    transition: background-color 0.3s ease;
    background-color: #F0F5F9;
}
.type-list__item:hover .ico-check{
    transition: color 0.3s ease;
    color: #1B5CAF;
}
.type-list__item:hover .hover-item {
    opacity: 1;
}
.delet-hover .btn{
    white-space: nowrap;
}
.dropdown-criteria .btn {
    display: flex;
    align-items: center;
    background-color: transparent;
    color: #131515;

    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
}
.dropdown-criteria-arrow {
    display: flex;
    margin-left: 8px;
}
.dropdown-criteria.dropdown-open .dropdown-criteria-arrow {
    transform: rotate(180deg);
}

.custom-radio__input-fake-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
}
.dropdown-criteria__list li + li {
    border-top: 1px solid #ddd;
}
.custom-radio__input:checked ~ .custom-radio__input-fake-2 {
    background-color: #4BAE4F;
    border: 1px solid #4BAE4F;
    background-image: url(../img/icon-checked-white.svg);
}
.custom-radio__label-title {
    display: block;
    font-size: 14px;
    line-height: 17px;
    color: #131515;
    margin-bottom: 4px;
}
.custom-radio__label-text-2 {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #5D677E;
}


.delet-hover.dropdown .btn:hover, .delet-hover.dropdown.dropdown-open {
    background-color: transparent;
}
.dropdown__role-text {
    font-size: 13px;
    color: #131515;
}
.dropdown-35x35-pluse {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
   
    border: 1px solid #fff;
    background: #DDD;
    box-shadow: 0px 0.686px 1.371px 0px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    color: #333;
    font-size: 20px;
    margin-left: 8px;
}

.check-box-search {
    width: 100%;
    padding: 0 15px;
}
.check-box-search input {
    background-color: #fff;
    background-image: url("../img/role-loupe.svg");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: left 10px center;
    border: 1px solid #DDD;
    color: #131515;
    font-size: 12px;
    border-radius: 8px;
    width: 100%;
    padding: 8px 10px 8px 32px;
}
.check-box-search input::placeholder{
    color: #5d677e;
}
.check-box__list .check-text {
    padding: 11px 16px;
    align-items: flex-start;
}
.check-box__list li + li {
    border-top: 1px solid #ddd;
}
.check-box__list .check {
    max-width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #DDD;
    background-color: transparent;
}

.checklist-delete {
    display: flex;
}

.checklist__item.checklist__item-2,
.checklist__item.checklist__item-2 *{
    flex-wrap: nowrap !important;
}
.add-subtask-block__text {
    color: rgba(93, 103, 126, 0.75);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.btn--default-2 {
    background-color: rgba(93, 103, 126, 0.75);
    color: #fff;
}
.color-gray {
    color: rgba(93, 103, 126, 0.75);
}
.input-label {
    display: flex;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 7px;
}
.input-label.input-label--required::after {
    display: block;
    margin-left: 5px;
    content: "*";
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    color: #FF3030;
}
.check-text.check-text--secondary .check {
    border-radius: 300px;
    background-color: var(--white);
    border: 1px solid rgba(93, 103, 126, 0.75);
}
.type-list__item__name .indicator, .task-type-indicator {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #5D677E;
    margin-right: 8px;
}
/*
.select2-container {
    width: 100%!important;
}*/
.select-secondary-wrapper .select2-container--default .select2-selection--multiple{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.select-secondary-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice{
    font-weight: 400 !important;
    font-family: var(--roboto);
    font-size: 12px;
    line-height: 0px;
    text-align: left;
    color: #000;
    border-radius: 4px;
    background: #F0F0F0;
    border-color: transparent;
    margin-bottom: 5px;
    height: 20px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}
.select-secondary-wrapper .select2-container .select2-search--inline .select2-search__field{
    margin-bottom: 5px;
    margin-top: 5px;
}
.select-secondary-wrapper .select2-container--default .select2-selection--multiple{
    border-radius: 8px !important;
    background: #fff;
    border: 1px solid #d0d5dd;
    box-shadow: 0px 1px 4px rgba(16, 24, 40, 0.05);

    display: flex;
    flex-wrap: wrap;
}
.select-secondary-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border-right: 0;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #516A78;
    font-size: 20px;
    font-weight: 300 !important;
    display: flex;
    align-items: center;
    padding-right: 4px;
}
.select-secondary-wrapper .select2-container .select2-selection--multiple .select2-selection__rendered{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.select-secondary-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after{
    content: "";
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    background: url("../img/key-Close.svg") no-repeat center center / 15px;
}
.select-secondary-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{
    display: flex;
    align-items: center;
    height: 100%;
    display: none;

}

.select-secondary-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    padding: 0;
    color: #516A78;
}
.select-secondary-drop.select2-dropdown {
    border-radius: 5px !important;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-color: transparent !important;
    overflow: hidden !important;
}
.select-secondary-drop.select2-dropdown .select2-results__option {
    font-size: 12px !important;
    line-height: normal !important;
    color: #516a78 !important;
    background-color: transparent;
}
.select-secondary-drop.select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: transparent;
}
.select2-dropdown.select2-dropdown--above {
    transform: translateY(-10px);
}
.select2-dropdown.select2-dropdown--below {
    transform: translateY(10px);
}

.inter{font-family: var(--inter);}
.group-x-20 > *:not(:last-child){
    margin-right: 20px;
}
.group-x-30 > *:not(:last-child){
    margin-right: 30px;
}
.btn--xl{
    padding: 18px 20px;
    min-height: 56px;
}
.bg-secondary-3 {
    background-color: #F0F5F9;
}
.btn-close-2{
    position: absolute;
    top: 23px;
    right: 20px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-right: none !important;
    border: none !important;
    z-index: 10;
}

.pill--outline-blue {
    min-height: 24px;
    border-radius: 4px;
    background: #F0F5F9;
    border: 1px solid #1E75E6;
    color: #1E75E6;
    padding: 8px;
    white-space: nowrap;
    line-height: 0 !important;

    font-size: 11px;
    font-style: normal;
    font-weight: 500;
}
.color-gray-2{
    color: #5D677E;
}
.bg-secondary-4{
    background-color: #D6E8F6;
}
.step-wrap {
    height: 6px;
    background-color: #fff;
    position: relative;
    width: 165px;
    border-radius: 3px;
    overflow: hidden;
}
.step-progress {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
    height: 6px;
    background-color: #4BAE4F;
    z-index: 2;
}
.step-progress-text {
    font-size: 13px;
    line-height: 15px;
    color: #5D677E;
    display: block;
    margin-left: 10px;
}

.link-more {
    color: #0072BC;
    text-decoration: underline;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
}
.checklist-text {
    font-size: 14px;
}
.color-primary-2{
    color: #336BB3;
}
.pagination-head-2{
    box-shadow: none !important;
    border-bottom: 1px solid #DDD !important;
}
.tab-nav-2.tab-nav--view-type li .btn{
    min-height: 36px;
    gap: 0px;
}
.pill-gray-dark {
    background-color: #828B9D;
    color: #DDD;
    border: 1px solid #DDD;
}
.data-table-container table.data-table-style2.dataTable *{
    white-space: nowrap;
    flex-wrap: nowrap;
}
.file-accept{
    display: flex;
    align-items: center;
    min-height: 18px;
    min-width: 31px;
    justify-content: center;
    border-radius: 5px;
    background: #F0F0F0;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #516A78;
}
.data-table-container table.data-table-style2.dataTable tbody tr{
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.04);
}
.data-table-container table.data-table-style2.dataTable tr th{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #5D677E;
    padding-top: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}
.data-table-container table.data-table-style2.dataTable tbody tr td:first-child {
    border-left: 1px solid #ddd;
}
.data-table-container table.data-table-style2.dataTable tbody tr td:last-child {
    border-right: 1px solid #ddd;
}
.data-table-container table.data-table-style2.dataTable tbody tr td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 13px;
    padding-bottom: 13px;
}

.table-pt-footer .data-table__footer{
    padding-top: 0px !important;
}
.user-blok__icon {
    display: flex;
    overflow: hidden;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 1px solid transparent;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 8px;
}

.btn--outline-danger-2{
    border: 1px solid #F85757;
    color: #F85757;
}
.btn--outline-danger-2:hover {
    background-color: #F85757;
    color: var(--white);
}

.btn--outline-success{
    color: #4BAE4F;
    border: 1px solid #4BAE4F;
}
.btn--outline-success:hover {
    background-color: #4BAE4F;
    color: var(--white);
}


.card-shadow-padding {
    flex: auto;
    padding: 40px;
}

.tab-text {
    font-size: 12px;
    line-height: 18px;
    color: #5D677E;
}
.add-attachment-body.add-attachment-true{
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: hidden;
}


.add-attachment--list{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.attachment-text{
    display: flex;
    align-items: center;
    flex: auto;
    overflow: hidden;
}
.file-text-attachment{
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.attachment-text > *:not(:last-child){
    margin-right: 16px;
}
.add-attachment--list > li:not(:last-child){
    margin-bottom: 3px;
}
.card-shadow{
    overflow: hidden;
}
.attachment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    border-radius: 5px;
    background-color: #fff;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.16));
    padding: 16px 20px;
    width: 100%;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
}

.write-message--btns{
    display: flex;
    align-items: center;
}
.write-message--btns > .btn:not(:last-child){
    margin-right: 6px;
}
.modal-chat .modal__body > *:not(:last-child){
    border-right: 1px solid #DDD;
}
.chat-w{
    width: 100%;
    max-width: 564px;
    display: flex;
    flex-direction: column;
}

.message-group{
    display: flex;
    align-items: flex-start;
}
.message-group > *:not(:last-child){
    margin-right: 14px;
}

.workflow-chat__body{
    display: flex;
    flex-direction: column;
}
.workflow-chat__body > .message-group:not(:last-child){
    margin-bottom: 20px;
}
.message-item__name {
    font-weight: 500;
    font-size: 14px;
    margin-right: 10px;
}
.message-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.message-item__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.message-item__time {
    font-size: 12px;
    color: rgba(81, 106, 120, 0.8);
}
.modal-chat .btn-close-2{
    right: 40px;
}
.dropdown-chat .btn {
    width: 25px;
    min-width: 25px;
    height: 25px;
    background-color: #fff !important;
    border-radius: 5px;
    padding: 0;
}
.dropdown-chat .btn:hover {
    background-color: #f0f0f0 !important;
    border-radius: 5px;
}
.message-item__text {
    font-size: 14px;
    color: #000;
    margin-bottom: 12px;
}
.modal .user-avatar{
    min-width: 35px;
    max-width: 35px;
    height: 35px;
}

.message-item__tag {
    font-size: 14px;
    color: #5D677E;
    background-color: #E7EBEE;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    padding: 3px 8px;
    width: max-content;
}

.emoticons-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -5px;
}
.emoticons-list li:not(:last-child) {
    margin-right: 8px;
}
.emoticons-list li{
    margin-bottom: 5px;
}
.emoticons-item {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
}
.emoticons-item__counter {
    font-size: 12px;
    line-height: 12px;
    color: rgba(81, 106, 120, 0.8);
    margin-left: 4px;
}

.write-message{
    display: flex;
    flex-direction: column;
}
.wrate-message-input{
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    padding: 10px;
    min-height: 40px;
    display: flex;
    align-items: center;
}
.input-wrate-message{
    flex: auto;
    padding-left: 6px;
    padding-right: 6px;
}
.container-sticky{
    position: sticky;
    bottom: 0;
}

.modal-chat .modal__content{
    height: calc(100% - 80px);
    overflow: hidden;
}
.modal-chat .modal__body{
    height: 100%;
    overflow: hidden;
}
.modal-chat .card-shadow{
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.modal-chat .modal__dialog{
    height: 100%;
}
.modal-chat .card-shadow .card-shadow_body{
    height: 100%;
    align-items: flex-start;
    overflow: hidden;
}
.modal-chat .card-shadow .add-attachment-block > *{
    padding-bottom: 90px;
    overflow: auto;
}
.modal-chat .chat-w .active-tab{
    display: flex !important;
    flex-direction: column;
}
.modal-chat .chat-w .tabs-body{
    overflow: hidden;
    height: 100%;
}
.modal-chat .card-shadow .tabs{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.modal-chat .card-shadow .add-attachment-block{
    height: 100%;
}

[data-accordeon-wrapper].tabs:not(.active) > *:not(.add-attachment-block, :last-child){
    border-bottom: 1px solid #ddd;
}

.lock .modal .select2-container{
    width: 100% !important;
}
.coll-logos--text{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; 
    color: #0168B6; 
}


.account-info{
    display: flex;
    flex-direction: column;
    background-color: #F0F5F9;
    border-bottom: 1px solid #DDD;
}
.account-info > .account-info--row:not(:first-child){
    margin-top: 20px;
}
.account-info--row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.account-info--row > *:not(:last-child){
    margin-right: 20px;
}

.notable--footer .data-table__footer{
    display: none;
}
.account-content{
    flex: auto;
    overflow: auto;
}
.account-content--header{
    background-color: #fff;
    top: 0;
    position: sticky;
    z-index: 1;
}
.data-table__footer > div:last-child{
    margin-right: 0 !important;
}
.modal-col-body-50{
    max-width: 50%;
    flex: 0 0 50%;
}