.modal {
    background: rgba(0, 0, 0, .575);
    overflow-y: hidden !important;
}

.modal.show {
    animation: fadeIn;
    animation-duration: .15s;
    animation-fill-mode: both;
}

.modal-fullscreen, .modal-lg {
    height: calc(100%);
    padding-top: env(safe-area-inset-top);
}

.modal.showFadeInDown {
    animation: fadeIn;
    animation-duration: .3s;
    animation-fill-mode: both;
}

.modal-content {
    border: none !important;
    border-radius: 1em !important;
}

.modal-body {
    overflow-y: auto;
    height: 100%;
    padding: 0.5em 0.5em 0.2em 0.5em !important;
}

.modal-dialog {
    margin: 0.2em auto 0.2em auto !important;
}

.modal-title {
    flex: 1;
    
}

    .modal-title label {
        font-size: 1.4em;
        font-weight: 700 !important;
        font-variation-settings: 'wght' 700 !important;
        letter-spacing: 0.04em;
        color: var(--text-color-60);
    }

.modal-header {
    border-bottom: none !important;
    padding: 1rem 1rem 0rem 1rem !important;
}

.modal-close {
    flex: 0;
    flex-direction: column;
    align-self: start;
    align-content: end;
    min-width: 30px;
    margin-top: 0.2em;
}

.modal-close a {
    display: flex;
    flex-direction: column;
    align-items: end;
    text-decoration: none;
    cursor: pointer;
}

.modal-close > a > i {
    font-size: 1.1em;
    color:var(--text-color-20);
}

    .modal-close > a > i {
        font-size: 1.1em;
        color: var(--text-color-20);
    }
@media (max-width: 576px) and (min-width: 0px) {
    .modal-close > a > i {
        font-size: 1.5em;
        color: var(--text-color-20);
    }
}

.modal-close > a > i:hover {    
    color: var(--primary-color-120);
}

.custom-modal-body {
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
    min-height: 200px !important;
    background: #fff !important;
    overflow-x:hidden;
}

.text-modal{
    color: var(--text-color-40);
}


.custom-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
    /*height: 70px;*/
    padding: 1rem;
    /*border-top: 1px solid #dee2e6;*/
    /*border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);*/
}

.modal-mdlg {
    max-width: 700px !important;
  }

.modal-h-94vh{
    max-height: 94vh;
}

.modal-flex-column {
    display: flex;
    flex-direction: column;
}


.modal-footer-client {
    display: flex !important;
    justify-content: flex-end !important;
}

.modal-not-overflow{
    overflow:hidden;
}

.custom-modal-footer > div > button:nth-child(2) {
    margin-left: 1rem !important;
}


.zindexmodalsup {
    z-index: 99999 !important
}

.zindexmodaldown {
    z-index: 1000 !important
}

@media( max-width: 992px ) {

    .modal-body .content {
        max-height: calc(96vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    }

     .content-pdf-viewer {
        max-height: 90vh !important;
    }

}