.message-box {
    width: 360px;
    display: inline;
    min-height: 80px;
    padding: 14px 20px;
    position: fixed;
    right: -359px;
    top: 40px;
    font-size: 15px;
    color: #fff;
    
     
}

/*.close .message-box {   
    color: #fff !important;   
}*/

.close-msgbtn .message-box {
    float: right;
    color: #ff4e4e !important;
    opacity: unset !important;
    line-height: 1 !important;
}

#divHeader, #divMessage {
    height: auto;
    display: block;
    overflow: hidden;
}

.info, .success, .warning, .error {
    
    border-radius: 10px;
    margin: 10px;
    padding-left: 53px !important;
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 12%;
    font-size: 13px;
}

.info {
    font-size: 0.8rem;
    color: #0f7df3;
    border-left: solid 8px #0f7df3;
    border-radius: 11px;
    background-color: #fff;
    background-image: url('../dist/img/info.png');
    background-size: 11%;
    /*padding: 6px;*/
}

.success {
    font-size: 0.8rem;
    color: #1ea206;
    border-left: solid 8px #53cc3d;
    border-radius: 11px;
    background-color: #ffffff;
    background-image: url('../dist/img/success.png');
    background-size: 11%;
    /*padding: 6px;*/
}

.error {
    font-size: 0.8rem;
    color: #e54757;
    border-left: solid 8px #e54757;
    border-radius: 11px;
    background-color: #ffffff;
    background-image: url('../dist/img/error.png');
    background-size: 11%;
    /*padding: 6px;*/
}

#divMessageBody {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}