/* global classes */
.uppercase{text-transform:uppercase;}
button,a{outline:none;cursor:pointer;}
input{outline:none;}
.btn2{
    font-family: 'Montserrat', sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    transition: all ease-in-out 0.3s;
    text-align: center;
    border: none;
    line-height: 14px;
}
.mb-20{margin-bottom:20px;}
.btn2-standart{padding: 16px 14px;}
.btn2-w-shadow{
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    color: #8558FF;
}

.header-top .btn2-gradient{
    background: linear-gradient(49.25deg,#4298e8 0%,#8044db 100%) , linear-gradient(49.25deg,#ed6e76 0%,#f2aa6f 100%) , linear-gradient(251.52deg,#61dfaa -19.24%,#2eb9b7 75.34%);
    box-shadow: 0 4px 8px rgb(35 28 75 / 15%);
    color: #fff;
}
.text-grey{
    color: #797979;
}
.d-flex{display:flex;}
.flex-col{flex-direction:column;}
.d-align-center{align-items:center;}
.d-wrap{flex-wrap:wrap;}
.d-justify-center{justify-content:center;}
.d-space-between{justify-content: space-between;}
/* global classes */
.heading-block h1{
    font-weight: 600;
    font-size: 21px;
    line-height: 25.6px;
    color: #333;
}
.heading-block{
    border-bottom: 1px solid #EAEBF2;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.right-side{
    padding: 20px 30px;
    max-width:820px;
}
.upload-photo-block{
    display:flex;
}
.upload-photo-block .photo-image{
    margin-right: 20px;
}
.group-btn label, .group-btn button, .group-btn a{
    margin-right: 12px;
}
.upload-photo-block .photo-image img{border-radius:50%;max-width:80px;}

.content-body-item:not(:first-child){
    padding-top: 25px;
}
.content-body-item{
    border-bottom: 1px solid #EAEBF2;
    padding-bottom: 25px;
}

.columns-settings{
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}
.columns-settings .col-6{
    width: 50%;
    flex: 0 0 50%;
    padding: 0 15px;
}

.columns-settings .col-12{
    width: 100%;
    flex: 0 0 100%;
    padding: 0 15px;
}

.input-block{
    display: flex;
    flex-direction: column;
}
.input-block .name-inp{
    margin-bottom: 8px;
    font-size: 12px;
    color: #333;
    font-weight: 600;
}
.input{
    padding: 11px 15px;
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: 5px;
    background: #fff;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    border: none;
    font-family: "Montserrat", sans-serif;
}

.delete-block{
    display: flex;
    justify-content: space-between;
}
.delete-block .info-delete-block h4, .delete-block .info-delete-block span{
    font-size: 14px;
}
.delete-block .info-delete-block h4{
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}
.delete-block .info-delete-block span{
    color: #9A9A9A;
    max-width: 290px;
    display: block;
    line-height: 22px;
}
.w-150{width:150px;}
.ico{
    line-height: 0 !important;
}
.ico.purple{
    color: #8558FF !important;
}
button .ico, a .ico{
    margin-right: 7px;
}


.signature-block{
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: 7px;
    background: #FFFFFF;
    
    position: relative;
}
.h-150{
    height: 150px;
}
.signature-block .signature-block-actions{
    position: absolute;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.signature-block .signature-block-actions.--right{
    right: 0;
    padding-right: 10px;
}
.signature-block .signature-block-actions.--left{
    left: 0;
    padding-left: 10px;
}
.signature-block .signature-block-actions a{display:block;}
.signature-block .signature-block-actions a.del{color:#EE4242;}
.signature-block .signature-block-actions a.edit{color: #757575;}
.mb-15{margin-bottom:15px !important;}


.dropzone-original{
    border: 1px dashed #8558FF;
    background: #fff;
    border-radius: 7px;  
}

.dropzone-original.dropzone{
    min-height:0;
}
.dropzone-original.dropzone .dz-message{
    margin: 0;
}
.dropzone-original{
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropzone-original .dz-preview{display:none;}
.dropzone-original.dropzone.dz-started .dz-message{display:block;}
.dropzone-original .dropzone_icon{
    margin-bottom: 15px;
}
.dropzone-original .dropzone_add{
    margin-top: 10px;
    font-weight: 600;
    font-size: 14px;
    color: #7C4DFF;
}

.filter-btn .btn{margin-bottom: 5px;}
.filter-document-block{
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

input.search{
    background-image: url("/img/search-icon.svg");
    background-repeat: no-repeat;
  
}
input.search.--left{
    background-position: center left 10px;
    padding-left: 43px;
}
input.search.--right{
    background-position: center right 10px;
    padding-right: 43px;
}
.filter-document-block .filter-btn{margin-right: 61px;}
.filter-document-block input.search{
    height: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    display: flex;
    flex: auto;
}
.filter-btn.splash{
    display: flex;
    flex-wrap: wrap;
}
.filter-btn.splash a:not(:first-child, :last-child){
    border-radius: 0;
}
.filter-btn.splash a:last-child{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

/*
.filter-btn.splash a{
    border-right: 0.01px solid #E9E9E9;
    border-left: 0.1px solid #E9E9E9;
}*/
.table-document-block{overflow:auto;}
.filter-btn.splash a:nth-child(odd){
    border-right: none;
    border-left: none;
}
.filter-btn.splash a:last-child{
    border-right: 1px solid #E9E9E9 !important;
}
.filter-btn.splash a:first-child{
    border-left: 1px solid #E9E9E9 !important;
}
.filter-btn.splash a:first-child{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.status{
    display: flex;
    align-items: center;
}
.status.pending .status-point{
    background: #FFC107;
}
.status.draft .status-point{
    background: #007AFF;
}
.status.signed .status-point{
    background: #2ECC71;
}
.status.original .status-point{
    background: #8558FF;
}

.status .status-point{
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;

}
.text-center{text-align:center;}
.burger-hidden{background:none;border:none;}


.footer-pagination{
    width: 100%;
    background-color: #fff;
    border-top: 1px solid var(--purple-blue-100);
}
.footer-pagination .pagination{
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-pagination .pagination__show{
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #939393;
}
.footer-pagination .select{
    padding: 5px 29px 5px 10px;
    color: #939393;
    background-position: right center;
    background-repeat: no-repeat;
    width: auto;
    border: none;
}
.footer-pagination .pagination__list-wrapper{
    display: flex;
    align-items: center;
}
.footer-pagination .pagination__btn.disabled{
    color: #939393;
    pointer-events: none;
}
.footer-pagination .pagination__btn{
    display: flex;
    align-items: center;
    color: #4c4c68;
    font-size: 14px;
    line-height: 17px;
}
.footer-pagination .pagination__btn.prev span{
    margin-left: 5px;
}
.footer-pagination .pagination__list{
    padding: 0 20px;
    display: flex;
    align-items: center;
    color: #4c4c68;
    font-size: 14px;
    line-height: 17px;
}
.footer-pagination .pagination__list li:not(:last-child){
    margin-right: 5px;
}
.footer-pagination .pagination__list li a.active{
    background: #F8F8F8 !important;
    border-radius: 7px;
}
.footer-pagination .pagination__list li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #333;
    background: #fff !important;
    box-shadow: none;
}
.footer-pagination .pagination__btn.next span{
    margin-right: 5px;
}
.filter-btn a.btn{white-space: nowrap;}

@media (max-width: 1200px) {
    /*
    .header-logined .header-menu-block{
        display: flex;
        position: relative;
        top: 0;
        border: none;
        align-items: flex-end;
    }
    .header-logined .menu_mob{
        display: flex;
        height: auto;
    }
    .header-logined .menu_mob span{
        width: 30px;
        transform: translate(-50%);
        left: 50%;
        height: 2px;
    }
    .header-logined .header-menu{
        width: 250px;
        position: fixed;
        flex-direction: column;
        align-items: flex-start;
        background: #fff;
        height: 100vh;
        z-index: 1000;
        top: 0;
        padding: 10px;
        right: 0;
        overflow: auto;
        transform: translateX(250px);
    }
    .header-logined .header-menu li{
        margin-left: 0;
        padding: 0px 0px;
        width: 100%;
    }
    .header-logined .header-menu li a{
        display: flex;
        padding: 12px 10px;
        width: 100%;
        font-weight: 500;
        line-height: 26px;
        font-size: 16px;
        border-bottom: 1px solid #EAEBF2;
    }
    .header-logined .header-menu .drop_down_menu{
        position:relative;
        top:0;
        left:0;
        border:none;
        padding:0;
        background: #7C4DFF;
    }
    .header-logined .header-menu .drop_down_menu li a{
        color: #fff;
    }
    .header-logined .header-menu-block{
        justify-content: flex-end;
    }*/
    
}

.header-logined .header-menu li:first-child{
    margin-left: 0;
}
.header-logined .dropdown-link{
    padding: 0 !important;
}
.header-logined .dropdown-link a{
    display: flex;
    align-items: center;
}
.header-logined .dropdown-link a span.ico{
    line-height: 0em;
}
.header-logined .dropdown-link a .open-menu-link{
    margin-right: 10px;
}
@media (max-width: 768px) {
    .filter-btn.splash a{
        margin-right: 3px;
        border-radius: 7px;
        border-left: 1px solid #E9E9E9 !important;
        border-right: 1px solid #E9E9E9 !important;
    }
}
@media (max-width: 575px) {
    .footer-pagination .pagination{
        padding: 5px 10px;
        flex-direction: column;
    }
}

.select{
    background-position-y: 50%;
    font-family: "Montserrat", sans-serif;
}
.custom-select{
    height: auto;
    padding: 11px 15px;
    box-shadow: 0px 0px 1px rgb(26 32 36 / 32%), 0px 1px 2px rgb(91 104 113 / 32%);
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    border: none;
}
.w-100{width:100%;}
#add-member .popup{
    max-width: 460px;
}