.MNotif {position:fixed; top:10px; z-index:9000; width: 100%;display: flex;align-items: center;justify-content: center;}
.MNotif .message {font-weight:400; padding:8px 36px 8px 12px; box-sizing:border-box; background-color:#090; max-width: 768px; min-width: 576px; position:relative; text-align:left;color:#fff;box-shadow: 1px 3px 4px rgba(0,0,0,.2);border-radius: 3px;}
    .MNotif .message p { display: inline-block; margin-bottom: 0px;line-height:20px; padding-left: 30px; width: calc(100% - 30px);word-break: break-all;}   
    .MNotif .message.error {background: #dc3545;border-left: 8px solid #bd1120;}
    .MNotif .message.success {background:#28a745;border-left: 8px solid #1f8838;}
    .MNotif .message.warning {background: #eab000;border-left: 8px solid #ce9c09;}
    .MNotif .message.info {background: #17a2b8;border-left: 8px solid #138b9e;}
    .MNotif .message .message_status { display:inline-block; width:30px; height:30px;text-align:center; font-size: 20px;position:absolute; left:5px; top:10px;}
    /*.MNotif .message .message_close {cursor:pointer; font-size: 24px; display:inline-block; width:30px; height:30px;padding:0px; text-align:center; color:rgba(0, 0, 0, 0.3); position:absolute; right:3px; top:8px;}
        .MNotif .message .message_close:hover {color:rgba(0, 0, 0, 0.6);}*/
    .MNotif .message .message_close {cursor:pointer; font-size: 16px; display:inline-block; width:30px; height:30px;padding:0px; text-align:center; color:rgba(0, 0, 0, 0.3); position:absolute; right:3px; top:8px; font-style: normal; color: #fff; font-weight: bold;}
        .MNotif .message .message_close:hover {color:rgba(0, 0, 0, 0.6);}
@media (max-width: 768px){.MNotif {width:100%;min-width:100%;} .MNotif .message {width:100%;min-width:150px;}}