.system_message.alert--positioned-small {width: 100%;max-width: 400px;left: 0;right: 0;z-index: 99999;} 
.system_message.alert--positioned-top-full {left:0%; right:0%;}
.system_message.alert {font-size: 1em;color: #fff;width: 100%;padding: 20px 40px;border: 1px solid transparent;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.system_message.alert--process {background: #333;}
.system_message.alert--success {background: #00b6ad;}
.system_message.alert--danger {background: #f35f5f;}
#mbsmessage, .system_message {position: fixed;width: auto;margin: 0 auto;top: calc(5%);-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07);box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07);z-index: 1005;text-align: center;}
#mbsmessage.alert--danger .content:before, .system_message.alert--danger .content:before {background: url('/images/icon--attention.svg') no-repeat;}
#mbsmessage.alert--success .content:before, .system_message.alert--success .content:before {background: url('/images/icon--success.svg') no-repeat;}
.system_message.alert--process:before {content: "";border-radius: 50%;width: 32px;height: 32px;display: inline-block;position: absolute;left: 15px;top: 14px;border-top: 3px solid rgba(255, 255, 255, 0.2);border-right: 3px solid rgba(255, 255, 255, 0.2);border-bottom: 3px solid rgba(255, 255, 255, 0.2);border-left: 3px solid #ffffff;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;}
.system_message .close:not(:disabled):not(.disabled) {cursor: pointer;}
.system_message .close {display: block;}
.system_message.alert .close, .system_message .close {opacity: 0.3;}
.system_message .close, .system_message .closeMsg {z-index: 1;width: 20px;height: 20px;position: absolute;right: 10px;top: 10px;text-align: center;line-height: 18px;-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity: 0.47;}
.system_message .close:before, .system_message .closeMsg:before {width: 3px;height: 15px;left: 50%;margin: 0 0 0 -2px;position: absolute;top: 2px;content: "";background: #fff;}
.system_message .close:after, .system_message .closeMsg:after {width: 15px;height: 3px;left: 2px;top: 50%;margin: -2px 0 0 0;position: absolute;content: "";background: #fff;}
.system_message #mbsmessage .content, .system_message .content {margin: 0 auto;text-align: center;position: relative;display: inline-block;vertical-align: top;}
.system_message #mbsmessage .content:before, .system_message .content:before {background-size: 18px !important;content: "";left: -26px;position: absolute;top: 2px;z-index: 2;width: 30px;height: 30px;display: block;}
@-webkit-keyframes load8 {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@keyframes load8 {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@-webkit-keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}