/* The alert message box */
.cd_ab_alert {
  padding: 20px;
  background-color: #f44336; /* Red */
  /* margin-bottom: 15px; */ 
  position: sticky;
       top: 0;
   z-index: 5;
}

/* The close button */
.cd_ab_close_button {
  margin-left: 15px;
  color: grey;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* The icon with message */
.cd_ab_msg_icon {
  margin-right: 15px;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}


.cd_ab_close_button:hover {
  font-weight:bold;
  color: white;
}

.cd_ab_alert_content {
  color: white;
  text-align: center;
  margin:0 !important;
}

a {
	cursor:pointer;
}

/**
* For AHLEI.org, added these css in >> Appearance > Customize
  body .ahlei-site-header.banner-active  {
    position: sticky;
         top: 62px;
  }

  body .ahlei-site-header.banner-active + .rev-slider-container-custom {
    margin-top: -86px;
  }
*/

.cd_ab_icon {
  font-size:28px;
  font-weight:bold;
 }
 
.cd_ab_color_warn {
 color:#F90;
}

.cd_ab_color_success {	
  color:#8CBD18;
  }

.cd_ab_color_info {	
  color:#0078D7;
  font-size:44px;
  }

.cd_ab_color_info_admin {	
  color:#0078D7;
  font-size:44px;
  padding-top: 0px;
  }
  
.cd_ab_color_danger {	
  color:#F03A17;
  }

/* Message Iocns */
.symbol {
    font-size: 0.9em;
    font-family: Times New Roman;
    border-radius: 1em;
    padding: .3em .6em .3em .6em;
    font-weight: bolder;
    color: white;
    background-color: #0078D7;
}

.icon-info { background-color: #0078D7; padding: .4em .8em .4em .8em; }
.icon-error { background: #e64943; font-family: Consolas; padding: .4em .7em .4em .7em; }
.icon-tick { background: #13c823; padding: .5em .7em .5em .7em; }
.icon-excl { background: #ffd54b; color: black; padding: .5em .9em .5em .9em; }
.icon-info:before { content: 'i'; }
.icon-error:before { content: 'x'; }
.icon-tick:before { content: '\002713'; }
.icon-excl:before { content: '!'; }