.alert_box {
    background-color: #0098d9;
    top: 3px;
    right: 3px;
    position: fixed;
    padding: .90rem 1.25rem;
    z-index: 9999;
    display: none;
    color: #FFFFFF;
    border: solid 1px;
    border-color: #005478;
    border-radius: 0.25rem;
    width: 500px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

    .alert_box i {
        color: #ffffff;
        transform: translateY(-50%);
        top: 20px;
        color: #ffffff;
        position: absolute;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        right: 6px;
        font-size: 24px;
        opacity: .9;
        cursor: pointer;
        z-index: 1;
    }

    .alert_box .alert_box_header {
        display: none;
        position: relative;
        padding-bottom: 3px;
        /*display: block;*/
    }

        .alert_box .alert_box_header .title {
            width: 97%;
            font-weight: bold;
            font-size: 16px;
            line-height: 18px;
        }

    .alert_box img {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 16px;
        cursor: pointer;
        z-index: 1;
    }

    .alert_box .alert_box_body {
        font-size: 14px;
        line-height: 16px;
    }

    /* #region CUSTOM CLASSES */
    .alert_box.error {
        background-color: #f8d7da;
        color: #721c24;
        border-color: #f5c6cb;
    }

    .alert_box.success {
        background-color: #d4edda;
        color: #155724;
        border-color: #c3e6cb;
    }

        .alert_box.success i {
            color: #009307;
        }

    .alert_box.error i {
        color: #5c0000;
    }
/* #endregion CUSTOM CLASSES */