/*** INTERSTITIAL POPUP ***/
#interstitial-overlay {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    /*ie8-9*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3000000, endColorstr=#d3000000);
}

.interstitial {
    display: none;
    position: fixed;
    top: 20%;
    right: 0;
    left: 0;
    z-index: 9999;
}

.interstitial .window {
    background: #ffffff;
    max-width: 490px;
    height: 100%;
    margin: 0 auto;
    border-radius: 18px;
}
.interstitial.self-cert-interstitial .window, #exit_interstitial .window{
    max-width: 645px;
}
#exit_interstitial .cf .left .window img{
  width:240px;
}

.interstitial .window .inner {
    padding: 30px 40px 15px 40px;
  color: #fff;
}
.interstitial.self-cert-interstitial .window .inner{
  padding-bottom: 30px;
}

.interstitial .left {
    width: 45%;
    max-width: none;
    float: left;
}

.interstitial .right {
    margin-left: 45%;
}
.interstitial.self-cert-interstitial .right {
    margin-left: 50%;
}

.interstitial .window .stripes {
    background-color: white;
    background-image: url("/-/media/levothyroxine/images/bluestripes.png");
    background-repeat: repeat-x;
    height: 14px;
    width: 100%;
  display: none;
}

.interstitial .window .stripes .bar {
    height: inherit;
    width: 38%;
    background: #26BDE2;
}

.interstitial .window h2 {
    font-size: 17px;
    padding-bottom: 16px;
  color: #8DC63F;
  text-align: center;
}
.interstitial.self-cert-interstitial .window h2, #professional_exit_interstitial .window h2, #copay_exit_interstitial .window h2, #exit_interstitial .window h2 {
  margin-top: 0;
  text-align: left;
}
#sideEffects_popup.interstitial .window h2 {
    color: #fff;
    font-size: 20px;
    padding-bottom: 16px;
    text-align: left;
}
.interstitial .window .caption {
    padding-bottom: 20px;
  font-size:18px;
}
.interstitial.self-cert-interstitial .window .caption {
    font-size: 14px;
    color: #8DC63F;
}

.interstitial .window .caption p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #939393;
}

.interstitial .continue, .interstitial.self-cert-interstitial .continue.btn-v2, .interstitial .cancel {
  display: inline-block;
	width : auto;
}

.interstitial a, .interstitial a:visited, .interstitial a:hover, .interstitial a:hover span {
     /*color: #ffffff;
    text-decoration: underline;
   background: #8DC63F;*/
}

.interstitial .btn a, .interstitial .cancel a, .self-cert-interstitial .btn-v2 a {
  padding: 3px 0px;
  text-align: center;
  /*width: 78px;*/
  display: inline-block;
  /*background: #fff;*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  cursor:pointer;
  text-transform: uppercase;
}

.interstitial .btn, .self-cert-interstitial .btn-v2 {
    margin-right: 0 !important;
  width:auto;
  text-align: left;
      box-shadow: none !important
}
.self-cert-interstitial .btn-v2{
      width: 26%;
}

.interstitial .cancel {
  width:auto;
  text-align: right;
  margin-right: 6%;
}
.self-cert-interstitial .cancel{
  width: 31%;
}

.interstitial .btn a, .self-cert-interstitial .btn-v2 a  {
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #8DC63F;
  padding: 12px 25px;
  border-radius: 22px;
  width: auto;
  background-color: #8DC63F;

}
.interstitial .cancel a {
  border-radius: 5px;
  color: #8DC63F;
  text-decoration: none;
  border: 2px solid #8DC63F;
  padding: 12px 25px;
  border-radius: 22px;
  width: auto;
  background-color: #fff;

}

.interstitial-exit-icon {
  float: right;
  margin-top: -58px;
  margin-right: -32px;
  cursor: pointer;
  color: #00b4e5;
  border-radius: 30px;
  background: #fff;
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  line-height: 6px;
  padding: 9px 4px;
}

.interstitial-exit-icon:before {
  content: "×";
}

#sideEffects_popup .caption a {
  color: #fff;
}

#sideEffects_popup .cancel {
  width: auto;
  text-align: center;
  margin: 0 auto; 
  display: block;
  border-radius: 10px;
}

#sideEffects_popup .cancel a {
  border-radius: 5px;
}

#copay_exit_interstitial.interstitial .inner .left img, #professional_exit_interstitial.interstitial .inner .left img, #exit_interstitial .inner .left img{
  width: 240px;
}

#professional_exit_interstitial .window, #copay_exit_interstitial .window{
    max-width: 645px;
}
#exit_interstitial .btn.continue{
  padding:0;
}
a.modal-redirect-url{ color: #ffbd82;}
a.modal-redirect-url:hover{text-decoration: underline; color: #ffbd82;}
/*-----------------------------------HCP pop-up -----------------------------------*/
#interstitial_onload.interstitial .window{
max-width:800px; 
border-radius:80PX;
BORDER:5px solid #5b9bd5;
background-color:#fff;
}
#interstitial_onload.interstitial .window .inner .caption{
height:380px; 
overflow-y:auto;
color:#999;
}
#interstitial_onload.interstitial .cancel{
display:none;
}
#interstitial_onload.interstitial .btn.continue{
position:absolute;
right: 52% !important;
width:68px;
bottom:-25px;
}
#interstitial_onload.interstitial .interstitial-exit-icon{
display:none;
}
#interstitial_onload.interstitial .btn a{
    font-size: 24px;
    font-weight: normal;
  padding: 10px 50px;
  width:auto;
  border-radius: 6px;
    border: 3px solid #41719c;
  background-color:#5b9bd5;
  color:#fff;
  }
#interstitial_onload ul{
list-style-type:disc; 
margin:0px; 
padding-left:20px;
} 

.interstitial .left img{width: 100%;}

/*--------------------------------MOBILE-------------------------------------*/

@media screen and (max-width: 680px) {
    /*EP Interstitial Popup */
    .interstitial {
        top: 5%;
    }

    .interstitial .window {
        max-width: 100%;
        margin: 0 2.5%;
    }

    .interstitial .window .inner {
        padding: 20px 20px 27px 20px;
        display: block;
        overflow: hidden;
    }

    .interstitial .left {
        width: 100%; text-align: center;
    }

    .interstitial .right {
        margin-left: 0;
    }

    .interstitial .cancel {
        margin-left: 10px !important;
        padding-top: 10px;
    }

    .interstitial .window .btn span, .self-cert-interstitial .btn-v2 span {
        font-weight: bold;
        font-size: 14px;
    }
    .interstitial .btn a, .self-cert-interstitial .btn-v2 a{
      padding: 12px 21px; 
    }
  
    /*.interstitial .window .inner{height:420px;}  too long on mobile phones*/ 
  .interstitial-exit-icon {
    margin-top: -50px;
    margin-right: -10px;}
  
  .interstitial .btn, .interstitial .cancel, .self-cert-interstitial .btn-v2 {
    margin: 0 0 0 0; 
    text-align: center;
    width: auto ;
    display: block ;
    margin-top: 10px;
    margin-left: 0px !important;
  }
  #professional_exit_interstitial .btn.continue, #copay_exit_interstitial .window .btn.continue{padding-left: 0;}
  
  #interstitial_onload.interstitial .window .inner .caption{
    height:170px; font-size:14px; }
    
  #interstitial_onload.interstitial .btn a{
    font-size: 18px;
  padding: 8px 30px;
  } 
  #interstitial_onload.interstitial .btn.continue{
  right: 50% !important;  
}

@media screen and (max-width: 470px) {
  #interstitial_onload.interstitial .window .inner .caption{
    height:333px;}
}