.tabs {
    width: 100%;
}
.tabs-list{
    display: flex;
    align-items: center;
}

.tabs-item{
    display: none;
}

.tabs-item.active-tab{
    display: block;
}

.tabs-header{
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    /* filter: drop-shadow(0px 3px 2.5px rgba(0,0,0,0.16 )); */
}

.tabs-body{
    padding: 0 20px;
}

.tabs-nav{
    padding: 10px 20px 0;
}

.tab-link{
    font-weight: 600;
    color: #A6A6A6;
    padding-bottom: 20px;
    font-size: 22px;
}

.tab-item + .tab-item{
    margin-left: 25px;
}

.tab-item.active-tab .tab-link{
    color: #737373;
}
.tab-item {
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}
.tab-item.active-tab {
    border-color: #4FC870;
}

.draw-radio-block{
    position: absolute;
    top: 20px;
    right: 20px;
}

.draw-clear{
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 22px;
    color: #A6A6A6;
}

.draw-radio-block .custom-radio + .custom-radio{
    margin-left: 15px;
}

.custom-radio {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}
.custom-radio__input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: none;
}
.custom-radio__input-fake {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}
.custom-radio__input:checked ~ .custom-radio__input-fake {
    background-image: url(../img/radio-checked.svg);
    min-width: 35px;
    width: 35px;
    height: 35px;
}

.card-white{
    border: 1px solid rgba(93,103,126,0.53);
    background-color: #fff;
}

.color-gray{
    color: rgba(93,103,126,0.69);
}

.btn--secondary-2{
    color: #9A9A9A;
    background-color: #F4F4F4;
}

.btn--secondary-3{
    color: #fff;
    background-color: #4FC870;
}

.custom-checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.custom-checkbox__input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: none;
}
.custom-checkbox__input-fake {
    min-width: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-image: url(../img/checkbox.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    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 {
    background-image: url(../img/checkbox-checked.svg);
}

.custom-checkbox__input-fake-2{
    min-width: 16px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
}

.custom-checkbox__input:checked ~ .custom-checkbox__input-fake-2 {
    background-image: url(../img/checkbox-checked-2.svg);
    background-color:  #0068B6;
    border-color: #0068B6;
}

.sidebar-2{
    background: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 8%);
    width: 340px;
    position: fixed;
    height: calc(100% - var(--header-fixed-padding));
    left: 0;
    top: var(--header-fixed-padding);
    z-index: 30;
}

.sidebar-2__container{
    padding: 36px;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: auto;
    height: 100%;
}

.sidebar-3__container{
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.sidebar-2__list-wrap{
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.sidebar-3 .sidebar-2__link{
    padding: 10px 15px 10px 15px;
}

.btn--outline-primary-2{
    background-color: rgba(63,165,255,0.1);
    color: #3fa5ff;
    border: 1px solid #3fa5ff;
}

.btn--md-2{
    padding: 5px 34px;
}

.sidebar-2__list{
    width: 100%;
}

.sidebar-2__link{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 40px 15px 15px;
    border-radius: 10px;
}

.sidebar-3 .sidebar-2__link.active .sidebar-2__pill{
    background-color: #326ab2;
    color: #fff;
}

.sidebar-3 .sidebar-2__link.active::after{
    display: none;
}
.sidebar-2__link-icon{
    display: flex;
    margin-right: 15px;
    width: 20px;
    height: 20px;
}

.sidebar-2__item{
    width: 100%;
    margin-bottom: 20px;
}

.sidebar-2__link-text{
    font-size: 15px;
}

.sidebar-2__link.active{
    background: rgba(81,106,120,0.13);
    position: relative;
}

.sidebar-2__link.active .sidebar-2__link-icon{
    color: #2b53eb;
}

.sidebar-2__link .sidebar-2__link-icon{
    color: rgba(81,106,120,0.5 );
}

.sidebar-2__link.active::after{
    content: '';
    position: absolute;
    right: -36px;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: rgba(81,106,120,0.23)
}

.sidebar-2__pill{
    font-size: 12px;
    border-radius: 5px;
    padding: 1px 5px;
    text-align: center;
    min-width: 34px;
    background-color: #F0F0F0;
}

.sidebar-2__pill.pill-red{
    background-color: #F54E4E;
    color: #fff;
}

.sidebar-2-pl{
    padding-left: 340px;
}

.input-custom__wrap-input{
    position: relative;
}

.input-custom__btn-eye{
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
}

.progress-password{
    font-size: 12px;
    line-height: 24px;
    color: #333333;
    display: flex;
    align-items: center;
}

.progress-password__line{
    height: 8px;
    max-width: 213px;
    width: 100%;
    filter: drop-shadow(0px 1px 2px rgba(16,24,40,0.05 ));
    background-color: rgba(93,103,126,0.13 );
    position: relative;
    border-radius: 8px;
    margin: 0 5px;
}

.progress-password__success{
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(-90deg, #10c01c 0.00%, #cfffd2 100.00%);
    height: 8px;
    width: 72%;
    border-radius: 8px;
}

.email-link{
    color: #326AB2;
    text-decoration: underline;
}

.modal__subtitle{
    font-size: 12px;
    color: rgba(51,51,51,0.69 );
}

.border-bottom{
    border-bottom: 1px solid rgba(93,103,126,0.17 );
}

.border-bottom-05{
    border-bottom: 1px solid rgba(221, 221, 221, 0.50);
}

.step-hotel-item__step{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F7F7F7;
    color:  rgba(0,0,0, 0.5);
    font-size: 12px;
    border-radius: 50%;
    font-weight: 500;
    font-family: var(--roboto);
    position: relative;
    margin-right: 8px;
    line-height: 0;
}

.step-hotel-item{
    display: flex;
    align-items: center;
    padding: 14px 23px;
    border-radius: 8px;

}

.step-hotel-list{
    max-width: 316px;
    padding: 20px;
    width: 100%;
    background-color: #fff;

    border-right: 1px solid rgba(93,103,126,0.17 );
}

.step-hotel-item.step--active .info{
    color: #000;
}
.step-hotel-item + .step-hotel-item{
    margin-top: 10px;
}
.step-hotel-item .info{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #000000;
}
.step-hotel-item.step--active .step-hotel-item__step{
    border: 1px solid #ECECEC;
    background: #FFF;
    color: #000;
}
.step-hotel-item.step--active{
    background-color: #F0F5F9;
    position: relative;
}

.step-hotel-item.step--active::after{
    /*
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 3px;
    border-radius:  5px 0 0 5px;
    background-color: rgba(81,106,120,0.23);*/
}

.step-hotel-item.step--success .step-hotel-item__step::after{
    content: '';
    background-image: url(../img/check-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #10C01C;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.card-download-list{
    border-radius: 20px;
    filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.16 ));
    background-color: #fff;
    max-width: 583px;
    width: 100%;
    height: max-content;
    margin-left: 128px;
    margin-top: 40px;
}

.card-download-list__title{
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}

.card-download-list__subtitle{
    font-size: 12px;
    line-height: 18px;
    color: rgba(51,51,51,0.69 );
}

.card-download-list__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px;
    border-bottom: 1px solid rgba(93,103,126,0.17 );
}

.card-download-list__body{
    padding: 26px;
}

/* .select2-container{
    width: 100%;
} */

.table-hotel-field .table th{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    padding: 9px 0;
}

.table-hotel-field .table td{
    font-size: 14px;
    color: #000000;
    padding: 6px 0;
}

.table-wrapper .select2-container--default .select2-selection--single{
    filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.02 ));
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #cccccc;
}

.content-center-box{
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px 10px;
}

.table-hotel-field-group{
    padding-left: 64px;
    padding-top: 40px;
    width: 100%;
}

.select-group{
    display: flex;
    align-items: center;
}

.search-form-2{
    display: flex;
    align-items: center;
}

.search-form-2 input{
    border: none;
    padding-left: 15px;
}

.header__body.h-72px{
    min-height: 72px;
}

.task-link{
    color: #87909E;
    font-size: 12px;
    font-weight: 500;
    padding: 0 15px;
}

.task-link.active-task{
    position: relative;
}

.task-link.active-task::before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #f54e4e;
    border-radius: 50%;
    right: 0;
    top: 0;
}

.sidebar-2__title-list{
    font-size: 12px;
    font-weight: 500;
    color: #87909E;
    margin-bottom: 12px;
}

.sidebar-3 .sidebar-2__link-icon{
    display: flex;
    justify-content: center;
    width: 23px;
}

.pill-3{
    overflow: hidden;
    min-height: 24px;
    padding: 5px 10px;
    font-family: var(--roboto);
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    background-color: #F0F5F9;
    color: #5D677E;
}

.input-custom__input-2{
    display: flex;
    align-items: center;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.05);
    background-color: #fff;
    padding: 7px 11px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
}

.input-custom__input-2.input-date{
    background-image: url(../img/data-icon-2.svg);
    background-position: center left 10px;
    background-repeat: no-repeat;
}

.input-custom__input-2.input-date.icon-right{
    background-position: center right 10px;
}

.card-shadow-2{
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
}

.select-default-radius .select2-container--default .select2-selection--single{
    border-radius: 8px;
    background-color: #FFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.05);
}

.select-default-radius .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #516A78;
    font-size: 14px;
}

.underline-link{
    color: #1A659E;
    font-size: 14px;
    text-decoration-line: underline;
}

.radio-buttons-row{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.custom-radio-checkbox{
    display: inline-flex;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    color: #333;
    cursor: pointer;
}

.fake-radio-check{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #5D677E;
    position: relative;
    margin-right: 10px;
    flex: 0 0 16px;
}

.custom-radio-checkbox input:checked + .fake-radio-check:after{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.custom-radio-checkbox input:checked + .fake-radio-check{
    border: 4.5px solid #1A659E;
}

.form-group--title{
    color: #131515;
    font-size: 14px;
    margin-bottom: 10px;
}

.priority-box{
    display: flex;
    background-color: #f0f5f9;
    /* border: 0.5px solid #ddd; */
    border-radius: 8px;
    padding: 4px;
    max-width: max-content;
}

.priority-box__item{
    position: relative;
    cursor: pointer;
    flex: auto;
}

.priority-box__item input:checked + .priority-box__body{
    background-color: #fff;
    box-shadow: 0px 1px 4px rgba(16, 24, 40, 0.05);
}

.priority-box__body{
    padding: 7px 10px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    font-size: 14px;
    justify-content: center;
}

.priority-box__body img{
    margin-right: 10px;
}

.table-filters-box{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.select-group-wrap .select2-container--default .select2-selection--single{
    border: none;
}

.select-group-wrap{
    border-radius: 8px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.select-group-wrap .input-custom{
    padding: 0 12px;
    height: 100%;
    border-right: 1px solid #ddd;

}

.table-wrap .data-table-container table.dataTable tr:not(:last-child) td{
    border: none;
}

.table-wrap .data-table-container table.dataTable.no-footer{
    filter: none;
}

.table-wrap .data-table-container table.dataTable tbody tr{
    border: 0.5px solid var(--Divider, rgba(221, 221, 221, 0.54));
    background-color: #F0F5F9;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}

.table-wrap .data-table-container table.dataTable tr td:first-child,
.table-wrap .data-table-container table.dataTable tr th:first-child{
    padding: 7px 12px;
}

.table-wrap .data-table-container table.dataTable tr th:first-child::after,
.table-wrap .data-table-container table.dataTable tr th:first-child::before{
    content: none;
}

.delete-btn{
    border-radius: 2px;
    background-color: #FFF;
    border: 0.5px solid #DDD;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pill.pill-access{
    color: #0B9E10;
    font-size: 12px;
    border-radius: 4px;
    background-color: rgba(11, 158, 16, 0.10);
}

.pill.pill-issue{
    color: #F85757;
    font-size: 12px;
    border-radius: 4px;
    background: rgba(245, 78, 78, 0.10);
}

.gx-40{
    --bs-gutter-x: 40px;
}

.btn--outline-secondary-3{
    background-color: #fff;
    border: 1px solid #ddd;
    color: #336BB3;
}

.select-outline-style .select2-container--default .select2-selection--single{
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.05);
}

.select-outline-style .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 2px 24px 3px 8px;
    border: none;
    border-radius: 4px;
    background-color: #356BB3;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    left: auto;
    right: 0;
    border-right: none;
    font-size: 20px;
    padding-right: 8px;
    height: 100%;
    color: #fff;
    font-weight: 400;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid #D0D5DD;
}

.select2-container--default .select2-selection--multiple{
    border: 1px solid #D0D5DD;
    padding: 2px 7px;
    min-height: 40px;
}

.select2-container .select2-search--inline .select2-search__field{
    margin-top: 10px;
    font-size: 14px;
}

.sent-successfully{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    color: #38C266;
    border-radius: 5px;
    border: 1px solid #38C266;
    background-color: #fff;
    margin-top: 20px;
    padding: 9px;
}

.modal__box-center{
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    text-align: center;
}

.steps-item{
    display: flex;
    align-items: flex-start;
}

.steps-item + .steps-item{
    margin-top: 40px;
}

.steps-list{
    display: flex;
    flex-direction: column;
}

.run-submitted-footer{
    background-color: #EFFCFF;
    padding: 0 60px;
    display: flex;
    align-items: center;
}

.run-submitted-footer__img{
    margin-right: 20px;
}

.custom-checkbox__text{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #131515;
    margin-left: 8px;
}

textarea.input-custom__input-2{
    resize: none;
}

.input-custom__icon-left{
    display: flex;
}

.signature .modal__title{
    font-size: 24px;
    color: #1C1B1F;
}

.signature .modal__header{
    border-bottom: 1px solid #ddd;
}

/* ========22-05-2024========== */

.accordion__arrow{
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion{
    border-radius: 8px;
}

.accordion.active{
    border-radius: 8px 8px 0 0;
}

.accordion.active .accordion__arrow{
    transform: rotate(90deg);
}

.group_fields.opened{
    background-color: #fff;
    padding-bottom: 20px;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #ddd;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);   
}

.swal2-title{
    padding: 20px;
}

.swal2-actions{
    padding: 15px 20px 20px;
}

div:where(.swal2-container) div:where(.swal2-actions){
    margin: 0;
}

div:where(.swal2-container) div:where(.swal2-popup){
    padding: 0;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

div:where(.swal2-container) .swal2-select{
    margin:  0 20px;
    border-radius: 8px;
    border: 1px solid var(--Divider, rgba(221, 221, 221, 0.54));
    background: var(--White, #FFF);
    line-height: 25px;
}

.swal2-actions{
    flex-wrap: nowrap;
}

.swal2-actions button{
    width: 100%;
}

.group_fields .input-custom__input{
    min-height: 36px;
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px #1018280D;
    border: 1px solid #DDDDDD;
    font-size: 14px;

}

.group_fields .label{
    font-size: 14px;
    font-weight: 400;
}



.iti--separate-dial-code .iti__selected-flag{
    background-color: transparent;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color: transparent;
}


.iti__selected-flag .iti__flag{
    display: none;
}

.iti--separate-dial-code .iti__selected-dial-code{
    margin-left: 0;
}

.iti__flag-box{
   display: none;
}

.iti{
    width: 100%;
}