.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;word-break: break-all;}
.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;}
.circularLoader {margin: 20px auto;border-radius: 50%;background: #fff;width: 80px;height: 80px;position: relative;}
.circular {position: absolute;left: 50%;top: 50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;-webkit-animation: rotate 2s linear infinite;animation: rotate 2s linear infinite;}
.path {stroke-dasharray: 1, 200;stroke-dashoffset: 0;-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;stroke-linecap: round;}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}
@-webkit-keyframes color {
    0% {
        stroke: var(--bs-color-theme);
    }
    100% {
        stroke: var(--bs-color-theme);
    }
   
}
@keyframes color {
    0% {
        stroke: var(--bs-color-theme);
    }
    
    100% {
        stroke: var(--bs-color-theme);
    }
}