.alert{margin-bottom:15px;border-radius:.5px;z-index:1111;position:fixed;top:30%;left:50%;width:400px;margin-left:-200px} @media (min-width:992px){ .alert{width:600px;margin-left:-300px} } .alert .dismissible{display:flex;align-items:center;padding:1rem;overflow:hidden;margin-bottom:1.5rem;transition:opacity 1.5s;opacity:1;border-radius:3px;position:relative;} .alert .dismissible .message-icon{margin-right:.5rem;} .alert .dismissible .message-body{} .alert .fade-out{opacity:0} .alert .link{font-weight:700;color:inherit} .alert .theme-primary{color:#052c65;background-color:#cfe2ff;border-color:#9ec5fe;box-shadow:0 0 0 8px rgba(13,110,253,.1)} .alert .theme-secondary{color:#2b2f32;background-color:#e2e3e5;border-color:#c4c8cb;box-shadow:0 0 0 8px rgba(108,117,125,.1)} .alert .theme-success{color:#0a3622;background-color:#d1e7dd;border-color:#a3cfbb;box-shadow:0 0 0 8px rgba(25,135,84,.1);} .alert .theme-info{color:#055160;background-color:#cff4fc;border-color:#9eeaf9;box-shadow:0 0 0 8px rgba(13,202,240,.1)} .alert .theme-warning{color:#664d03;background-color:#fff3cd;border-color:#ffe69c;box-shadow:0 0 0 8px rgba(255,193,7,.1)} .alert .theme-danger{color:#58151c;background-color:#f8d7da;border-color:#f1aeb5;box-shadow:0 0 0 8px rgba(220,53,69,.1);} .alert .theme-light{color:#495057;background-color:#fcfcfd;border-color:#e9ecef;box-shadow:0 0 0 8px rgba(248,249,250,.1)} .alert .theme-dark{color:#495057;background-color:#ced4da;border-color:#adb5bd;box-shadow:0 0 0 8px rgba(33,37,41,.1)} .alert .iconfont{font-size:22px;} .alert .icon-success:before {content: "\e6f3";} .alert .icon-danger:before {content: "\e60c";} .alert .icon-warning:before {content: "\e60b";} .alert .icon-primary, .alert .icon-secondary, .alert .icon-light, .alert .icon-dark, .alert .icon-info:before {content: "\e625";}