.alert-container {
    /*position: absolute;*/
    top: 47px;
    right: 0;
    left: 0;
    margin-top: 0;
    z-index: 99999999;
}

.alert {
    background-color: #3f4650;
    background-color: rgba(63, 70, 80, 0.85);
    margin-bottom: 0;
    border: none;
    border-bottom: 1px dashed #585858;
    -ms-border-radius: 0;
    border-radius: 0;
    position: relative;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

    .alert .alert-body {
        padding-left: 40px;
        padding-right: 4px;
        position: relative;
        color: #fff;
        font-size: 14px;
    }

        .alert .alert-body:before {
            position: absolute;
            top: 0;
            left: 4px;
            font-size: 22px;
            display: inline-block;
            font-family: 'ha-icons' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .alert .alert-body .close {
            color: #fff;
            -ms-opacity: 1;
            opacity: 1;
        }

            .alert .alert-body .close:hover {
                color: #ee4f53;
            }

    .alert:before {
        content: "";
    }

    .alert.alert-success .alert-body:before {
        content: "\ea10";
        color: #aac55a;
        font-size: 18px;
    }

    .alert.alert-info .alert-body:before {
        content: "\ea0c";
        color: #83c0e7;
    }

    .alert.alert-warning .alert-body:before {
        content: "\ea07";
        color: #ffd800;
    }

    .alert.alert-danger .alert-body:before {
        content: "\ea0f";
        color: #ff6165;
        font-size: 16px;
    }

    /******************* a *******************/

    .alert.alert-success .alert-body a {
        color: #aac55a;
    }

    .alert.alert-info .alert-body a {
        color: #83c0e7;
    }

    .alert.alert-warning .alert-body a {
        color: #ffd800;
    }

    .alert.alert-danger .alert-body a {
        color: #ff6165;
    }

    /******************* a *******************/

    .alert .alert-body .alert-btn-rect {
        border: 1px solid;
        padding: 2px 5px;
        font-size: 11px;
    }

        .alert .alert-body .alert-btn-rect:hover {
            text-decoration: none;
            color: #fff !important;
        }

    .alert.alert-success .alert-body .alert-btn-rect {
        border-color: #aac55a;
        color: #aac55a;
    }

        .alert.alert-success .alert-body .alert-btn-rect:hover {
            background-color: #aac55a;
        }

    .alert.alert-info .alert-body .alert-btn-rect {
        border-color: #83c0e7;
        color: #83c0e7;
    }

        .alert.alert-info .alert-body .alert-btn-rect:hover {
            background-color: #83c0e7;
        }

    .alert.alert-warning .alert-body .alert-btn-rect {
        border-color: #ffd800;
        color: #ffd800;
    }

        .alert.alert-warning .alert-body .alert-btn-rect:hover {
            background-color: #ffd800;
        }

    .alert.alert-danger .alert-body .alert-btn-rect {
        border-color: #ff6165;
        color: #ff6165;
    }

        .alert.alert-danger .alert-body .alert-btn-rect:hover {
            background-color: #ff6165;
        }