/* Notification styles
-----------------------------------------------------------*/
#mvcNotify {
    position: fixed;
    top: 0px;
    direction: rtl;
    z-index: 100000;
    right: 10px;
    margin: 5px auto;
    width: 500px;
}

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

#mvcNotify .messagebox {
    padding: 12px 10px 10px 30px;
    margin-top: 5px;
}

#mvcNotify .success {
    color: green;
    background: rgb(173, 236, 173) url(/img/ok.gif) no-repeat 8px 12px;
    border-radius: 5px;
    border-right: solid 3px rgba(0, 128, 0, 0.87);
}

#mvcNotify .warning {
    color: rgba(218, 116, 14, 0.795);
    background: #ffc url(/img//warn.gif) no-repeat 8px 12px;
    border-radius: 5px;
    border-radius: 5px;
    border-right: solid 3px rgba(218, 116, 14, 0.795);
}

#mvcNotify .error {
    color: rgb(189, 58, 58);
    background: #fcc url(/img/fail.gif) no-repeat 8px 12px;
    border-radius: 5px;
    border-right: solid 3px rgba(204, 32, 32, 0.815);
}