/*WI-081599 - move CSS for alert to separate file to allow customer override
  This file will NOT be included in deployment package so as to not override client edits.
*/

/*WI-124963 Update Alert Banner; remove iamge and title
Remove when no longer needed*/
#global-alert-panel {
   min-height: 90px;
}
#global-alert-wrapper > .alert.alert-danger {
    background-image: none !important;
}
#global-alert-wrapper .alert-item-title {
    display: none !important;
}
/*End WI-124963*/



#global-alert-wrapper > .alert {
    border-radius: initial;
}

#alert-message {
    margin-left: 75px;
}

/*Alerts banner resize for mobile*/

@media (max-width: 768px) {
.alert-item-title, .alert-item-body, .alert-item-link{ font-size: 1.2em !important; 
    }
}

/*WI-070172 - WINTER ALERT update styles (overrides boostrap)*/
/*WI-081716 - Hurricane Irma CSS updates*/
#global-alert-wrapper > .alert.alert-danger {
    background-image: url('/Style%20Library/charmeck.2015/img/TriangleExclamationIcon3Web.png');
    background-repeat:no-repeat;
    background-position-y: top;
    background-position-x: 25px;
}

    #global-alert-wrapper > .alert.alert-danger, #global-alert-wrapper > .alert.alert-danger p {
		font-size: 2rem;
        color: #000000;
        /* RED background-color: #EF3230;*/
		background-color: #FFD401;
        border-color: #ebccd1;
    }

        #global-alert-wrapper > .alert.alert-danger hr {
            border-top: #e4b9c0;
        }

        #global-alert-wrapper > .alert.alert-danger .alert-link {
            color: #0000C0;
        }
#global-alert-wrapper > .alert.alert-danger a {
	color: #0000C0;
	text-decoration: underline;
}

        #global-alert-wrapper > .alert.alert-danger a:focus,
        #global-alert-wrapper > .alert.alert-danger a:hover
{
color: black;
background-color:#ffe386; text-decoration: underline !important;
padding:5px 0px 5px 0px;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-radius:4px;
        }

#global-alert-wrapper .alert-item-title {
    font-size: 1.25em;
    font-weight: bold;
    color: #000000;
}

#global-alert-wrapper .alert-item-body {
    font-size: 1em;
    color: #000000;
}

#global-alert-wrapper .alert-item-link {
    font-size: 24px;
    color: #000000;
}

/*WI-065710 remove bullets on list*/
#global-alert-wrapper ul.alert-list {
    list-style: none;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
/*WI-081599 Update from 12-28-17 to prevent hover button icon color change*/
.alert .close, alert-danger .close, alert-dismissible .close {
    opacity:1;
}

.global-alert-close-image {
    max-height: 30px;
    max-width: 30px;
    margin: 0px 0px 0px 0px;
	float: right;
   
}