/* Notification styles
-----------------------------------------------------------*/
#mvcNotify {
    position: absolute;
    top: 10px;
    z-index: 1000;   
    width: 400px;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
        margin-top: 0 !important;
    z-index: 9999;
}

@media (max-width: 499px) {
    #mvcNotify {
        right: 0px;
        margin: 5px;
        width: 100%;
    }
}

#mvcNotify .messagebox {
    padding: 12px 10px 10px 30px;
    box-shadow: 0 0 4px #000;
    margin-top: 0;
}

#mvcNotify .success {
    color: #fff;
    background: green;
    /*background: #cfc url(../Images/ok.gif) no-repeat 8px 12px;*/
}

#mvcNotify .warning {
    color: #c60;
    background: #ffc; 
    /*background: #ffc url(../Images/warn.gif) no-repeat 8px 12px;*/
}

#mvcNotify .error {
    color: #c00;
    background: #fcc;
    /*background: #fcc url(../Images/fail.gif) no-repeat 8px 12px;*/
}