.modal-background {
    background-color: rgba(34, 50, 80, 0.9);
    height: 100vh;
    width: 100vw;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1002!important;
}

.modal-popup {
    padding: 20px;
    position: fixed;
    z-index: 1003 !important;
    background-color: #1f2d48;
    color: #ffffff;
    display: block;
    width: 90%;
    max-width: 450px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow-y: auto;
    border-radius: 5px;
    border-top: 5px solid #1f2d48;
    border-right: 5px solid #1f2d48;
    border-bottom: 5px solid #1f2d48;
}

.modal-popup-large {
    padding: 20px;
    position: fixed;
    z-index: 1003 !important;
    background-color: #1f2d48;
    color: #ffffff;
    display: block;
    width: 90%;
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow-y: auto;
    border-radius: 5px;
    border-top: 5px solid #1f2d48;
    border-right: 5px solid #1f2d48;
    border-bottom: 5px solid #1f2d48;
}

.validation-modal-background {
    background-color: rgba(34, 50, 80, 0.9);
    height: 100vh;
    width: 100vw;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1004 !important;
}

.validation-modal-popup {
    padding: 20px;
    position: fixed;
    z-index: 1005 !important;
    background-color: #1f2d48;
    color: #ffffff;
    display: block;
    width: 90%;
    max-width: 450px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow-y: auto;
    border-radius: 5px;
    border-top: 5px solid #1f2d48;
    border-right: 5px solid #1f2d48;
    border-bottom: 5px solid #1f2d48;
}

/* width */
    .modal-popup::-webkit-scrollbar {
        width: 5px;
        height: 10px;
    }

/* Track */
    .modal-popup::-webkit-scrollbar-track {
        background-color: #1f2d48;
        border-radius: 3px;
    }

/* Handle */
    .modal-popup::-webkit-scrollbar-thumb {
        background-color: #b33455;
        border-radius: 3px;
    }

/* Handle Hover */
    .modal-popup:hover::-webkit-scrollbar-thumb {
        background-color: #b33455;
        border-radius: 3px;
    }

.modal-popup-close-container {
    text-align: right;
}

    .modal-popup-close-container i {
        font-size: 20px;
        cursor: pointer;
    }

    .modal-popup-close-container a {
        color: #ffffff;
    }

    .mail-template-selection {
    }

.ajax-mpe-modal-popup {
    padding: 20px;
    position: fixed;
    z-index: 1003 !important;
    background-color: #ffffff;
    width: 90%;
    max-height: 90%;
    overflow-y: auto;
    box-shadow: 0 0 3px #a5a5a5;
}

.modal-popup-mpe {
    padding: 20px;
    z-index: 1003 !important;
    background-color: #ffffff;
    display: inline-block;
    width: 90%;
    max-height: 90%;
    overflow-y: auto;
    box-shadow: 0 0 3px #a5a5a5;
}