:root {
    --en-z-index-alert-box: 2147483640;
    --en-z-index-alert-box-overlay: 2147483639;
}

#en-hp-alert-box-overlay { position: fixed; display: none; z-index: var(--en-z-index-alert-box-overlay); top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5;  -khtml-opacity: 0.7;  -moz-opacity: 0.7;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  filter: alpha(opacity=70);}
.en-hp-alert-box .pageTitle {display: none; !important;}
.en-hp-alert-box { display: none; width: min(98vw, 600px); max-height: 80%; overflow: auto; position: absolute;position: fixed; margin: 0; color: #808080; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 18px; background-color: #FFFFFF; border: 1px solid #EAEEFA; border: 1px solid rgba(234, 238, 250, 0.6); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index: var(--en-z-index-alert-box);top: 50%; left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); behavior: url('/apps/shared/pie.htc');}
.en-hp-alert-box .alert-box-header { padding: 5px 15px; margin: 0;  border-bottom: 1px solid #EEEEEE;}
.en-hp-alert-box .alert-box-header h1 { text-align: center; margin: 0; color: #404040; font-size: 18px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 36px; padding: 0px 15px;}
.en-hp-alert-box .alert-box-header a.close { position: absolute; right: 10px; top: 10px; color: #5c5c5c; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 600; padding-bottom: 3px; text-decoration: none;}
.en-hp-alert-box .alert-box-header a.close:hover { color: #444;}
.en-hp-alert-box .alert-box-body { padding: 0px 15px; }
.en-hp-alert-box .alert-box-body div.contents, .alert-box .alert-box-body div.contents table { overflow: hidden; text-align: left; font-size: 14px; font-weight: normal; color: #606060; line-height: 18px;}
.en-hp-alert-box .alert-box-body p {  padding: 0;  margin: 10px 0;}
.en-hp-alert-box .alert-box-footer { display: block; color:#5c5c5c; background-color: #F5F5F5; padding: 14px 15px 15px; border-top: 1px solid #EEEEEE; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #FFF; -moz-box-shadow: inset 0 1px 0 #FFF; box-shadow: inset 0 1px 0 #FFF; zoom: 1; margin-bottom: 0; text-align: center; behavior: url('/apps/shared/pie.htc');}
.en-hp-alert-box .alert-box-body img.sub,.en-hp-alert-box .alert-box-body #pageAsideWrapper {display: none !important;}
@media only screen and (max-device-width: 480px) {     
.en-hp-alert-box .alert-box-header h1 {font-size: 16px;}
.en-hp-alert-box a.close{font-size: 30px;}
html body .en-hp-alert-box { width: 380px !important;}
html body .en-hp-alert-box .alert-box-body img {max-width: 350px !important;}
}

@media only screen and (max-device-width: 375px) {
html body .en-hp-alert-box { width: 350px !important;}
html body .en-hp-alert-box .alert-box-body img {max-width: 320px !important;}
}	
	
@media only screen and (max-device-width: 320px) {
html body .en-hp-alert-box { width: 300px !important;}
html body .en-hp-alert-box .alert-box-body img {max-width: 270px !important;}
}	

/*css for bottom sticky icon while closing the alert*/
#en-hpa-show-icon {
  display: block;
  position: fixed;
  right: 5px;
  z-index: 99999;
  border: none;
  outline: none;
  background-color: #7caae6;
  cursor: pointer;
  padding: 4px 4px;
  border-radius: 100px;
  opacity: .8;
}

#en-hpa-show-icon:hover {
  background-color: #3885ea;
}
.en-hpa-bell-position-rt{
	top: 4px;
}
.en-hpa-bell-position-rm{
	bottom: 50%;
}
.en-hpa-bell-position-rb {
	bottom: 150px;
}

@media only screen and (max-width: 900px) {
    .en-hpa-bell-position-rt {
        top: 150px;
    }
}