.header-wrapper {
    z-index: 10;
}

.header.aem-GridColumn > .alert-banner {
    z-index: 9;
    position: absolute;
    transition: margin-top 1s;
	opacity:0;
}

.header.aem-GridColumn > .alert-banner._open {
    margin-top: 0;
	display:block;
}

.alert-banner-item,
.login-alerts-item {
    background-color: #ffffff;
    border-left: 7px solid #ffb300;
    position:relative;
}

.login-alerts-item {
    border: 1px solid #ffb300;
    border-left: 7px solid #ffb300;
    border-radius: 5px;
}

.alert-banner-item-text p,
.login-alert-text p {
    color: #000000;
    font-size: 1rem;
    text-align: left;
	line-height: 1.3;
}

.alert-banner-item-text p *,
.login-alert-text p * {
    font: inherit;
    color: inherit;
    background-color: transparent;
}

.alert-banner-item-text p a,
.login-alert-text p a,
.alert-login-messages > .login-alerts > .login-alerts-item > .login-alert-text a {
    color:#007856;    
}

.alert-banner-item:before,
.login-alert-text:before {
    content:"";
    display:inline-block;
    width:2em;
    height:2em;
    background-image:url('/content/dam/mtb-web/icon_alert_notification.svg');
    margin-right:1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.alert-banner-icon {
    stroke: #007856;
    max-height: 20px;
    max-width: 20px;
	transform: scale(.75);
	cursor:pointer;
}

.alert-banner-item > .alert-banner-item-close {
    opacity: 1;
}

.login-form-container.component .component.alert-banner {
    max-width: 475px;
    margin-top: 2rem !important;
	border: 1px solid #ffb300;
}


.login-alert-text:before {
    width: 1em;
    height: 1em;
    position: absolute;
    left: 0.5em;
}

.alert-login-messages > .login-alerts > .login-alerts-item {
    padding-left: 2.5rem;
	padding-right: 2.1rem;
}

.alert-login-messages > .login-alerts > .login-alerts-item > .icon-close svg {
    stroke: #007856;
    opacity: 1;
    transform: scale(.75);
}

.alert-banner-item[data-shadow="true"] {
    box-shadow: 1px 6px 12px #cfcfcf;
}

@media screen and (max-width:767px){
    .alert-banner-item:before {
        display:none;
    }    
}