#page, #viewport {
    min-height: unset;
    overflow-x: hidden;
}

body {
    height: auto;   
}

#page, #viewport {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#viewport {
    height: auto;   
}

.container, .container-a {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    --bs-gutter-x: 48px;
}

.modal-st {
    width: 100%;
}

.modal-open #page > *:not([role="dialog"]),
.modal-open #viewport > *:not([role="dialog"]) {
    display: none;
}

#charts-popup.modal > .modal-dialog {
    margin: 0;
}

.modal-dialog-scrollable .modal-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.modal-open .modal {
    padding-left: 0 !important;
}

.modal-open {
    overflow: auto; 
}

.congratulations__right {
    padding-right: 0;
}

.modal-backdrop {
    background: transparent;
}

.bootbox.modal .modal-dialog {
    z-index: 2000;
}

.bootbox.modal .modal-content {
    padding: 0;
    border-radius: 0;
    max-width: none;
    font-size: 16px;
    margin: 0;
    border: 0;
}

.bootbox.modal .modal-footer {
    padding: 0;
}

.bootbox.modal .modal-body {
    padding-top: 24px;
}

.modal-title {
    padding-right: 60px;
}

.bootbox.modal .modal-footer {
    display: flex;
    gap: var(--v-space-btw-elements-lv3);
    flex-wrap: nowrap;
}

.bootbox.modal .modal-footer .btn {
    width: auto;
}

.bootbox-body {
    font-size: 18px;
}

.bootbox .modal-footer {
    border: 0;
}

.modal {
    min-height: 100px;
    position: static;   
    left: 0;    
    right: 0;   
    top: 0; 
    height: auto;  
    background: transparent; 
}

.modal > .modal-dialog {
    max-width: none !important;
}

.modal-content {
    border-radius: 0px !important;
    margin: 0 auto !important;
    padding: 0px !important;
    border: 0 !important;
}

.modal-body {
    padding: 0; 
}

.modal-dialog, .d-res-cv-import__main, .modal-header {
    padding: 0 !important;
}

.modal-content .close {
    top: 0;
    right: 0;
}

.card-edu__header, .card-edu__footer, .card-edu__form {
    padding: 0 !important;
}

.card-edu__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .trajectory__results-intro, body .outside__cards {
    padding: 0; 
    background: none !important;
    border-radius: 0;
}

body .prof-class {
    padding-bottom: 0px;
}

.fasdf {
    padding-top: 0;
}

.card-edu {
    padding: 24px;
}

.traj__results .ed-block {
    margin-bottom: 0;
}

.trajectory_cab__header, .trajectory_cab__content {
    padding: 0;
}

.prof-ib__content .trajBottomButtons {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .wait__box-b h3 {
        font-size: 24px;    
        line-height: 32px;
        font-weight: bold;
        margin-bottom: 24px;
    }

    .step-n__main {
        padding: 20px 13px;
    }    

    .container-profor {
        max-width: unset;
    }
}

@media (max-width: 767.98px) {
    .step-s__spesh {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1100px) {
    .trajectory_cab__trajectory_header {
        align-items: flex-start;
    }    
}

@media (max-width: 670px) {
    .trajectory_cab__trajectory_header .trajectory_material__filters {
        margin-top: 0px;
    }
}

@media (max-width: 992px) {
    .course-buy__div {
        position: static;
        padding: 0;
    }

    .program__container.padding {
        padding: 0 !important;
        padding-top: 35px !important;
    }

    .course-buy__div .ecommerce_send, 
    .course-buy__div .btn-place, 
    .course-buy__div .left-sidebar__link {
        max-width: unset;
    }   

    .prof-vacancies__header > div {
        width: 100%;
    }     

    .tr-block__subtitle {
        font-weight: 600;
    }    
}

@media (max-width: 767.98px) {
    #page .content-wrapper {
        margin-top: 0px !important;
    }

    .relocation_step.active__step {
        width: 100%;
    }
}

.nt__checkboxes {
    margin-top: 0;
}

.tagify-field{
    width: 80%;
}
.tagify-add{
    width: 20%;
}