:root, body {
    --popup-window-border-radius: var(--ui-border-radius-2xl);
    /*--popup-window-content-border-radius: var(--ui-border-radius-3xs);
    --popup-window-button-border-radius: var(--ui-border-radius-2xs);*/
}

.popup-window {
    padding: 16px 24px;
    background-color: var(--kt-ui-modal-bg-color);
}

.popup-window-overlay { opacity: 0.5; }

.k-team .popup-window.popup-window-with-titlebar {
    padding: 8px 24px 16px;
}

.popup-window-buttons {
    padding: 16px 0 0;
    display: flex;
    justify-content: flex-end;
}

.popup-window-titlebar {
    box-sizing: border-box;
    height: auto;
    padding: 8px 0 16px;
}

.popup-window.ui-checkbox-list-popup .popup-window-titlebar {
    padding: 8px 0;
}

.popup-window-titlebar-text,
.popup-window-titlebar-text-version {
    --ui-font-weight-bold: 700;

    padding: 0;
    font-family: var(--kt-ui-modal-title-font);
    font-size: 16px;
    line-height: 1.25;
    color: var(--kt-ui-modal-title-text-color);
    text-overflow: initial;
    white-space: normal;
}

.popup-window-content {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    color: var(--kt-ui-modal-text-color);
    overflow-x: unset !important;
    scrollbar-width: auto;
}

.k-team .popup-window[id*="-grid-settings-window"] .popup-window-content .main-grid-settings-window {
    padding: 0;
    overflow: unset;
}

@media screen and (min-width: 768px) {
    .popup-window-titlebar-text,
    .popup-window-titlebar-text-version {
        font-size: 20px;
        line-height: 1.4;
    }
}

/* Region Users popup */
.popup-window.kt-users-popup {
    min-width: var(--kt-ui-modal-users-min-width);
    padding: var(--kt-ui-modal-users-padding-top) var(--kt-ui-modal-users-padding) var(--kt-ui-modal-users-padding);
    border-radius: var(--kt-ui-modal-users-border-radius);
    box-shadow: var(--kt-ui-modal-users-box-shadow);
}

.popup-window.kt-users-popup .popup-window-titlebar {
    display: flex;
    align-items: center;
    padding: 0 0 var(--kt-ui-modal-users-separator-offset) 0;
    border-bottom: 1px solid var(--kt-ui-modal-users-separator-color);
}

.popup-window.kt-users-popup .popup-window-titlebar-text,
.popup-window.kt-users-popup .popup-window-titlebar-text-version {
    font-family: var(--kt-ui-modal-users-title-font-family);
    font-size: var(--kt-ui-modal-users-title-font-size);
    line-height: var(--kt-ui-modal-users-title-line-height);
}

.popup-window.kt-users-popup .popup-window-content {
    padding: var(--kt-ui-modal-users-separator-offset) 0 0 0;
}

.popup-window.kt-users-popup .popup-window-close-icon {
    --kt-ui-modal-close-btn-size: 15px;

    top: 16px;
    right: 16px;
}
/* End region Users popup */

@media (max-width: 1279px) {
    .k-team .main-grid-settings-window-select-all {
        margin-right: 12px;
    }

    .k-team .main-grid-settings-window-unselect-all {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .k-team .main-grid-settings-window-buttons-wrapper,
    .k-team .main-grid-settings-window-select-links {
        display: flex;
        flex-direction: column;
        position: relative;
        top: 0;
    }

    .k-team .main-grid-settings-window-buttons-wrapper {
        align-items: start;
        order: 1;
    }
    .k-team .main-grid-settings-window-select-links {
        order: 2;
    }
    .k-team .main-grid-settings-window-actions-item-button {
        order: 3;
        margin-top: 20px;
    }

    .k-team .main-grid-settings-window-actions-item-reset {
        margin-top: 0;
    }
    .k-team .main-grid-settings-window-for-all {
        margin-left: 0;
        margin-top: 0;
    }

    .k-team .main-grid-settings-window-select-links {
        align-items: end;
    }

    .k-team .main-grid-settings-window-select-link {
        margin-right: 0;
    }
    .k-team .popup-window-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

/* при всех нулях появляется скролл */
.popup-window-content .ui-checkbox-list {
    padding: 0 1px 0 0;
}

.popup-window-with-titlebar .popup-window-content {
    padding: 8px 0;
    background-color: inherit;
}

.popup-window-close-icon {
    width: var(--kt-ui-modal-close-btn-size) !important;
    height: var(--kt-ui-modal-close-btn-size) !important;
    top: 0;
    right: -40px;
    background-color: var(--kt-ui-modal-close-icon-bg-color);
    border-radius: 100%;
    opacity: 1;
}

.popup-window-close-icon:hover {
    background-color: var(--kt-ui-modal-close-icon-bg-color-hover);
}

.ui-checkbox-list-popup .popup-window-close-icon.popup-window-titlebar-close-icon {
    right: -40px;
}

.popup-window-close-icon:after {
    top: 50% !important;
    left: 50% !important;
    background: var(--kt-ui-modal-text-color);
    mask: var(--kt-ui-modal-close-icon) center no-repeat;
    -webkit-mask: var(--kt-ui-modal-close-icon) center no-repeat;
}

.popup-window-dark,
.popup-window-dark .popup-window-angly--arrow {
    background-color: rgba(from var(--kt-ui-gray-100) r g b / 80%);
}

.popup-window-button {
    text-transform: var(--ui-text-transform-capitalize);
    font: var(--ui-btn-font-size) / calc(var(--ui-btn-height) - 2px) var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    padding: var(--ui-btn-padding);
    border-radius: var(--ui-btn-radius);
    color: var(--ui-btn-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--kt-ui-btn-font-weight);
    background-color: var(--ui-btn-background);
    height: var(--ui-btn-height);
}

.popup-window-button-link:hover,
.popup-window-button-link:active {
    height: var(--ui-btn-height);
}

.popup-window-button:hover {
    color: var(--ui-btn-color-hover);
    border-color: var(--ui-btn-border-color-hover);
    background-color: var(--ui-btn-background-hover);
    box-shadow: var(--ui-btn-box-shadow-hover);
    -webkit-text-decoration: var(--ui-text-transform-none);
    text-decoration: var(--ui-text-transform-none);
    text-shadow: var(--ui-btn-text-shadow-hover);
}

.popup-window-button:active {
    outline: none;
    border-color: var(--ui-btn-border-color-active);
    background-color: var(--ui-btn-background-active);
    box-shadow: var(--ui-btn-box-shadow-active);
    color: var(--ui-btn-color-active);
    text-shadow: var(--ui-btn-text-shadow-active);
}

.popup-window-button:focus {
    border: 1px solid var(--ui-btn-color);
    box-shadow: 0 0 0 2px var(--ui-btn-background);
}

.popup-window-button:focus {
    border: 1px solid var(--ui-btn-color);
    box-shadow: 0 0 0 2px var(--ui-btn-background);
}

.popup-window-button.popup-window-button-accept {
    --ui-btn-background: var(--kt-ui-button-primary);
    --ui-btn-background-hover: var(--kt-ui-button-primary-hover);
    --ui-btn-background-active: var(--kt-ui-button-primary-active);
    --ui-btn-border-color: var(--kt-ui-button-primary);
    --ui-btn-border-color-hover: var(--kt-ui-button-primary-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-primary-active);
    --ui-btn-color: var(--kt-ui-text-on-color);
    --ui-btn-color-hover: var(--kt-ui-text-on-color);
    --ui-btn-color-active: var(--kt-ui-text-on-color);
}

.popup-window-button.popup-window-button-link.popup-window-button-link-cancel {
    --ui-btn-background: var(--kt-ui-transparent-01);
    --ui-btn-background-hover: var(--kt-ui-button-tertiary-hover);
    --ui-btn-background-active: var(--kt-ui-button-tertiary-active);
    --ui-btn-border-color: var(--kt-ui-transparent-01);
    --ui-btn-border-color-hover: var(--kt-ui-button-tertiary-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-tertiary-active);
    --ui-btn-color: var(--kt-ui-text-primary);
    --ui-btn-color-hover: var(--kt-ui-text-accented);
    --ui-btn-color-active: var(--kt-ui-text-accented);
    padding-right: 16px !important;
    padding-left: 16px !important;
    border-bottom-color: var(--ui-btn-border-color-active);
}

.popup-window-button.popup-window-button-link-cancel:hover {
    color: var(--ui-btn-color-hover);
    border-color: var(--ui-btn-border-color-hover);
}

.popup-window-button.popup-window-button-link-cancel:active {
    border-color: var(--ui-btn-border-color-active);
    color: var(--ui-btn-color-active);
    border-bottom-color: var(--ui-btn-border-color-active);
}

.ui-btn.main-grid-settings-window-actions-item-button {
    font-weight: var(--ui-font-weight-normal);
    color: var(--ui-btn-color);
}

.ui-btn.main-grid-settings-window-actions-item-button:hover,
.ui-btn.main-grid-settings-window-actions-item-button.ui-btn-hover {
    color: var(--ui-btn-color-hover);
}

.ui-btn.main-grid-settings-window-actions-item-button:active,
.ui-btn-active.ui-btn.main-grid-settings-window-actions-item-button,
.ui-btn-active.ui-btn.main-grid-settings-window-actions-item-button:hover {
    color: var(--ui-btn-color-active);
}

/* Region Element UI Dialog */
.k-team .el-dialog {
    border-radius: var(--kt-ui-modal-border-radius);
    box-shadow: none;
    color: var(--kt-ui-modal-text-color);
    background-color: var(--kt-ui-modal-bg-color);
}

.k-team .el-dialog .el-dialog__header {
    padding: var(--kt-ui-modal-padding-vertical) var(--kt-ui-modal-padding-horizontal);
    font-family: var(--kt-ui-modal-title-font);
    font-size: var(--kt-ui-modal-title-font-size);
    font-weight: var(--kt-ui-modal-title-font-weight);
    line-height: 1.4;
    border-bottom: none;
    border-top-left-radius: var(--kt-ui-modal-border-radius);
    border-top-right-radius: var(--kt-ui-modal-border-radius);
    color: var(--kt-ui-modal-title-text-color);
    background-color: transparent;
}

.k-team .el-dialog .el-dialog__header .el-dialog__headerbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--kt-ui-modal-close-btn-size);
    height: var(--kt-ui-modal-close-btn-size);
    top: 0;
    right: -40px;
    border-radius: 50%;
    background-color: var(--kt-ui-modal-close-icon-bg-color);
}

.k-team .el-dialog .el-dialog__header .el-dialog__headerbtn:hover,
.k-team .el-dialog .el-dialog__header .el-dialog__headerbtn:focus-visible {
    background-color: var(--kt-ui-modal-close-icon-bg-color-hover);
}

.k-team .el-dialog__headerbtn .el-dialog__close {
    width: 50%;
    height: 50%;
    background: var(--kt-ui-modal-text-color);
    -webkit-mask: var(--kt-ui-modal-close-icon) center no-repeat;
            mask: var(--kt-ui-modal-close-icon) center no-repeat;
}

.k-team .el-dialog__headerbtn .el-dialog__close::before {
    content: '';
}

.k-team .el-dialog .el-dialog__body,
.k-team .el-dialog .el-dialog__footer {
    color: var(--kt-ui-modal-text-color);
}

.k-team .el-dialog .el-dialog__body {
    padding: 0 var(--kt-ui-modal-padding-horizontal);
}

.k-team .el-dialog .el-dialog__footer {
    margin-top: var(--kt-ui-modal-footer-offset);
    padding: 0 var(--kt-ui-modal-padding-horizontal) var(--kt-ui-modal-padding-vertical);
    text-align: right;
}
.popup-window-content .calendar-select-popup {
    overflow: auto;
}
/* end region Element UI Dialog */

/* СТРУКТУРА КОМПАНИИ: Попап удаления
 * Диалоговое окно при удалении отдела
 */
.k-team .humanresources-tree__message-box .popup-window-titlebar,
.k-team .humanresources-tree__message-box .popup-window-buttons {
    padding: 14px;
}

/* СТРУКТУРА КОМПАНИИ: Попап удаления
 * Диалоговое окно при удалении сотрудника из отдела
 */

.hr-structure-components-base-popup {
    padding-bottom: 14px!important;
}

.hr-structure-components-base-popup .ui-btn {
    --kt-ui-btn-text-transform: var(--ui-text-transform-lowercase);
}
.hr-confirmation-popup__content-text, .hr-confirmation-popup__title-bar-text {
    font-family: var(--ui-font-family-secondary);
}