.alert-banner{margin:0 0 30px}.alert-banner .alert-wrapper{position:relative;display:flex;flex-flow:row nowrap;background-color:#e8edee;border-radius:15px;overflow:hidden}.alert-banner .alert-wrapper .status{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:60px;background-color:#231f20;transition:.3s}.alert-banner .alert-wrapper .status::before{content:'';background:url(/application/themes/custom/images/alert-icon.svg) center/contain no-repeat;width:38px;height:38px}.alert-banner .alert-wrapper .alert-content{padding:15px 30px}.alert-banner .alert-wrapper .alert-content .severity{display:inline;font-size:22px;font-size:2.2rem;font-weight:700;margin-right:8px;color:#231f20}.alert-banner .alert-wrapper .alert-content .severity+p{display:inline}.alert-banner .alert-wrapper .alert-content *{font-weight:400}.alert-banner .alert-wrapper .alert-content strong{font-weight:700}.alert-banner.has-button .alert-wrapper{padding-right:60px;color:inherit;text-decoration:none}.alert-banner.has-button .alert-wrapper::after{content:'\f054';font:18px/1.5 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0;bottom:0;right:15px;width:30px;height:30px;margin:auto;color:#231f20;border:3px solid #231f20;background-color:transparent;text-align:center;letter-spacing:-2px;border-radius:50%;transition:.3s}.alert-banner.has-button .alert-wrapper:active,.alert-banner.has-button .alert-wrapper:focus,.alert-banner.has-button .alert-wrapper:hover{background-color:#d9e2e3}.alert-banner.has-button .alert-wrapper:active .status,.alert-banner.has-button .alert-wrapper:focus .status,.alert-banner.has-button .alert-wrapper:hover .status{background-color:#005eb8}.alert-banner.has-button .alert-wrapper:active::after,.alert-banner.has-button .alert-wrapper:focus::after,.alert-banner.has-button .alert-wrapper:hover::after{transform:translateX(4px)}.alert-banner.green .status{background-color:#009639}.alert-banner.amber .status{background-color:#ffb81c}.alert-banner.red .status{background-color:#da291c}@media (max-width:767px){.alert-banner{margin-bottom:20px}.alert-banner .alert-wrapper .alert-content{padding:15px 20px}.alert-banner .alert-wrapper .alert-content .severity{font-size:20px;font-size:2rem;margin-right:6px}}@media (max-width:599px){.alert-banner .alert-wrapper{flex-direction:column}.alert-banner .alert-wrapper .status{width:100%;height:50px}.alert-banner .alert-wrapper .status::before{width:30px;height:30px}.alert-banner .alert-wrapper .alert-content{padding:15px}.alert-banner.has-button .alert-wrapper{padding-right:0;padding-bottom:40px}.alert-banner.has-button .alert-wrapper::after{top:auto;bottom:8px;left:0;right:0;text-align:center}}@media (max-width:479px){.alert-banner .alert-wrapper .alert-content .severity{font-size:18px;font-size:1.8rem;margin-right:4px}}