.myalert-wrapper{width:100%;z-index: 99999999999999;}.myalert{background-color:#363f4d;color:#fff !important;padding:15px;border-radius:3px;-webkit-box-shadow:1px 1px 5px 1px rgba(34,34,34,.05);box-shadow:1px 1px 5px 1px rgba(34,34,34,.05);border-left:4px solid #474747}.myalert p{font-weight: 600;margin:0;font-size:1.5rem; color: #fff !important;}.myalert:hover .myalert-close{opacity:1;visibility:visible}.myalert-close{position:absolute;top:0px;right:7px;font-size:15px;opacity:0;visibility:hidden;-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;transition:.2s;cursor:pointer}.myalert-danger{background-color:#E42727;border-color:#b71717}.myalert-warning{background-color:#F37C13;border-color:#bf5f0a}.myalert-success{background-color:#03B635;border-color:#027a23}.myalert-info{background-color:#2B6CCC;border-color:#205199}.myalert p:before{font-family:FontAwesome;margin-right:8px;font-size:1.2rem;background:#06060636;border-radius:50%;padding:1px 5px;width:26px;height:26px;text-align:center;display: inline-grid;align-content: center;align-items: center;}.myalert-success p:before{content:'\f00c'}.myalert-danger p:before{content:'\f12a'}.myalert p{display:flex;align-items:baseline} @media (max-width:639px) { .myalert{padding:10px!important}.myalert p{font-weight:500!important;font-size:12px!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:250px} }