@charset "UTF-8";
.modal {
    --bs-modal-zindex: 3001;
    --bs-modal-width: 500px;
    --bs-modal-padding: 0.9375rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-bg: var(--app-component-modal-bg);
    --bs-modal-border-color: var(--app-component-modal-border-color);
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 6px;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0,  0,  0,  0.075);
    --bs-modal-inner-border-radius: 16px;
    --bs-modal-header-padding-x: 0.9375rem;
    --bs-modal-header-padding-y: 0.9375rem;
    --bs-modal-header-padding: 0.9375rem 0.9375rem;
    --bs-modal-header-border-color: var(--app-component-modal-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--app-component-modal-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    justify-content: center;
    align-items: center;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px);
}
@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}.modal.show .modal-dialog {
     transform: none;
 }
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    /*border-radius: var(--bs-modal-border-radius);*/
    outline: 0;
}
.modal-header, .modal-body, .modal-footer {
    background-color: var(--gray-scale-0);
}
.modal-backdrop {
    --bs-backdrop-zindex: 3000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--alpha-65);
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 1;
}
.modal-header {
    /*display: flex;*/
    /*flex-shrink: 0;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}
/*.modal-header .btn-close {*/
/*    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);*/
/*    margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto;*/
/*}*/
.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--spacing-7) var(--spacing-modal);
}
.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: var(--spacing-5) var(--spacing-modal) var(--spacing-10);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5);
}
@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        /*--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0,  0,  0,  0.15);*/
    }
    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }
    .modal-sm {
        --bs-modal-width: 300px;
    }
}
@media (min-width:992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px;
    }
}
@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px;
    }
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}
@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width:1799.98px) {
    .modal-fullscreen-xxxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xxxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xxxl-down .modal-footer, .modal-fullscreen-xxxl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xxxl-down .modal-body {
        overflow-y: auto;
    }
}

.modal .modal-header {
    text-align: center;
    border-bottom:none;
}
.modal-title-wrap {
    position: relative;
}
.modal.modal-message .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.modal.modal-message .modal-content {
    border-radius: 0;
}
.modal.modal-message .modal-body, .modal.modal-message .modal-footer, .modal.modal-message .modal-header {
    width: 60%;
    border: none;
    margin: 0 auto;
}
@media (max-width:575.98px) {
    .modal.modal-message .modal-body, .modal.modal-message .modal-footer, .modal.modal-message .modal-header {
        width: 90%;
    }
}

.modal-dialog {
    max-width: none;
    width: 90%;
    margin-left:auto;
    margin-right:auto;
}
@media (max-width:1024px) {
    .modal .modal-dialog .modal-header {
        padding: var(--spacing-8) var(--spacing-modal) var(--spacing-5);
    }
    .modal-footer {
         padding: var(--spacing-5) var(--spacing-modal) var(--spacing-8);
     }
}
@media (min-width: 768px) {
    /*@media (min-width: 992px) {*/
    .modal-lg {
        width: 90%;
    }
    .modal-md {
        width:70%;
    }
    .modal-sm {
        width:50%;
    }
}
@media (min-width:576px) {
}
.modal-backdrop {
    --bs-backdrop-opacity: 0.7;
}

.modal .hljs-wrapper {
    margin-top: -1px;
    border-radius: 0;
}
.modal .hljs-wrapper+.modal-footer {
    border-top: none;
}


.colored-header .modal-header h4 {
    color:var(--gray-scale-100);
    font: var(--heading-sm);
}
.colored-header .modal-header {
    padding: 10px 20px;
    /*border-bottom: 5px solid #294259 !important;*/
    background-color: #212426;
    color: #fff;
    /*-moz-border-radius-topleft: 4px;*/
    /*-moz-border-radius-topright: 4px;*/
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
}
/*.colored-header.primary .modal-header {*/
/*    padding: 20px;*/
/*    border-bottom: 5px solid var(--primary) !important;*/
/*    background-color: var(--primary);*/
/*    color: #fff;*/
/*}*/
.colored-header.purple .modal-header {
    padding: 20px;
    border-bottom: 5px solid #634d93 !important;
    background-color: #7761a7;
    color: #fff;
}
.colored-header.success .modal-header {
    padding: 20px;
    border-bottom: 5px solid #006e6e !important;
    background-color: #008e70;
    color: #fff;
}
.colored-header.info .modal-header {
    padding: 20px;
    border-bottom: 5px solid #3d8cab !important;
    background-color: #49b6d6;
    color: #fff;
}
.colored-header.warning .modal-header {
    padding: 20px;
    border-bottom: 5px solid #c2711a !important;
    background-color: #f59c1a;
    color: #fff;
}
.colored-header.danger .modal-header {
    padding: 20px;
    border-bottom: 5px solid #ce5753 !important;
    background-color: #ff5b57;
    color: #fff;
}
.colored-header.dark .modal-header {
    padding: 20px;
    border-bottom: 5px solid #2b2b2b !important;
    background-color: #323232;
    color: #fff;
}

/* modal */
.modal-dialog {
    /*box-shadow: 0 2px 20px rgba(0,0,0,.3);*/
}
.modal.note-modal .modal-header {
    background: var(--primary-dark);
    color:var(--white);
}
.modal.note-modal .modal-header .close {
    /*display:none;*/
}

.modal .modal-dialog .modal-header {
    padding: var(--spacing-10) var(--spacing-modal) var(--spacing-5);
    background-color: var(--gray-scale-0);
    border-bottom: 0;
}

.btn-close {
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 4px;
    opacity: .5;
}
.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}
/*.btn-close:focus {*/
/*    outline: 0;*/
/*    box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25);*/
/*    opacity: 1;*/
/*}*/