/* Legacy validation / required-field alerts (SweetAlert2 v11) */

#SpecialSweetAlert,
.swal2-popup.SpecialSweetAlert {
    background: #F0F1F2 none repeat scroll 0% 0% !important;
    border: 3px #3F608C solid !important;
}

    #SpecialSweetAlert > button,
    .swal2-popup.SpecialSweetAlert > .swal2-actions button,
    .swal2-popup.SpecialSweetAlert button.swal2-confirm {
        background-color: #7F8EB9 !important;
    }

        #SpecialSweetAlert > button:hover,
        .swal2-popup.SpecialSweetAlert > .swal2-actions button:hover,
        .swal2-popup.SpecialSweetAlert button.swal2-confirm:hover {
            background-color: #8298D5 !important;
        }

    #SpecialSweetAlert > .swal2-close,
    .swal2-popup.SpecialSweetAlert > .swal2-close {
        color: #3F608C !important;
    }

        #SpecialSweetAlert > .swal2-close:hover,
        .swal2-popup.SpecialSweetAlert > .swal2-close:hover {
            color: #8298D5 !important;
        }

    #SpecialSweetAlert > .swal2-content > .single-sentence,
    #SpecialSweetAlert > .swal2-html-container > .single-sentence,
    .swal2-popup.SpecialSweetAlert .swal2-html-container > .single-sentence,
    .swal2-popup.SpecialSweetAlert .swal2-html-container .single-sentence {
        width: 97% !important;
        margin: auto !important;
        color: #b51d1d !important;
    }

    #SpecialSweetAlert > .swal2-content > .required-fields,
    #SpecialSweetAlert > .swal2-html-container > .required-fields,
    .swal2-popup.SpecialSweetAlert .swal2-html-container > .required-fields,
    .swal2-popup.SpecialSweetAlert .swal2-html-container .required-fields {
        color: #b51d1d !important;
    }

    #SpecialSweetAlert > .swal2-warning,
    .swal2-popup.SpecialSweetAlert > .swal2-icon.swal2-warning {
        color: #b51d1d !important;
        border-color: #b51d1d !important;
        font-size: 50px !important;
        line-height: 75px !important;
    }

    .swal2-popup.SpecialSweetAlert .swal2-title {
        background-color: #efeaea !important;
        background-image: none !important;
        border-bottom: 1px solid #ddd !important;
        color: #333 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        padding: 8px 12px !important;
    }

    .swal2-popup.SpecialSweetAlert .swal2-html-container {
        text-align: center !important;
        padding: 10px 12px 6px !important;
    }