/* Reset */


@import url(scrollbar.css);
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	border: 0;
}

/*CONTAINER*/
#wrapper { width: 300px; height: 600px; background: #FFF; position: absolute; overflow: hidden; border: 1px solid #000; top: 0; left: 0; opacity: 0; background-repeat: no-repeat; }
#banner { position: absolute; width: 300px; height: 443px; top: 0px; left: 0px; cursor: pointer; z-index: 9998; opacity: 0; }


/*ISI*/
	.hide {display:none!important;}
	 /* Added class ends */
	.bg_cta, .fpi, .fpi_isi {cursor:pointer;}
	   
	 @keyframes fade {
	 0% {
	   opacity: 0;
	 }
	 100%  {
	   opacity: 1;
	 }
   
   }

   #isi_top_info {
   	width: 300px;
   	display: block;
	  margin-top: -2px;
   	margin-left: -1px;
   }

   #isi_bot_info {
   	width: 300px;
   	display: block;
   	margin-left: -1px;
   }

   #fpi_bot {
   	position: absolute;
   	width: 112px;
   	height: 12px;
   	top: 141px;
   	left: 132px;
   	cursor: pointer;
   }

   .main-copy {
   	margin: 0px 19px 0px 5px;
   }
   
   #isi {
	   width: 300px;
	   top: 444px;
	   left: 0px;
	   height: 155px;
	   position: absolute;
	   z-index: 20;
	   font-family: Arial, Helvetica, sans-serif;
	   background-color: white;
	   z-index: 500;
   }
   .fade {
   	   -webkit-animation: fade 0.5s 0s 1 linear forwards;
	   -moz-animation: fade 0.5s 0s 1 linear forwards;
	   -ms-animation: fade 0.5s 0s 1 linear forwards;
	   -o-animation: fade 0.5s 0s 1 linear forwards;
	   animation: fade 0.5s 0s 1 linear forwards;
	   }

   .force-overflow {
	   margin-top: 0px;
	   margin-left: 0px;
	   width: 95%;
	   min-height: 100px;
   }


.container { overflow: auto; position: relative; width: 300px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 10px; color: #58585a; }
.all-themes .container { width: 300px; height: 116px; float: left; }
.container-title { font-size: 9px; color: #e90649; margin: 5px 0px 0px 2px; line-height: 12px; letter-spacing: 0px; font-weight: bold; width: 276px; }
.container-text { font-size: 9px; color: #58585a; margin: 6px 0 0 2px; line-height: 10px; width: 267px;}
.list li { margin: 3px 0px 3px 1px; background: url(images/circle.png) no-repeat left 4px; padding: 0 0 0 8px; list-style-type: none; background-size: 3px; }
.bold { font-weight: bold; }
.title {color: #c03427;}
sup { line-height: 0px; vertical-align: 2px; font-size: 8px; }
#redLine {width: 275px; height: 2px; background-color: #c03427; padding-top: -5px; margin-bottom: 10px;}

/*CONDICIONAL FIREFOX*/
@-moz-document url-prefix() {
	.container-text { letter-spacing: -0.3px; }
	.list li { letter-spacing: -0.3px; }
	
}

/* SIMPLEBAR STYLES START */

.simplebar-scrollbar{
	background-color: #d9d9d9;
  width: 6px; /* CHANGES WIDTH OF THE SCROLLBAR */
  pointer-events: all !important;
  cursor: pointer;
	border-radius: 10px !important;
	min-height: 0px !important; /* KEEP THIS AT 0 AND ADJUST THE HEIGHT IN THE SCRIPT AT THE BOTTOM OF THIS FILE */
}

.simplebar-scrollbar:before {
	position: absolute;
	content: '';
	background: transparent !important;
}

.simplebar-track{
  background-color: #F5F5F5 !important;
  width: 6px !important; /* CHANGES WIDTH OF THE TRACK */
  margin: 4px 8px !important;
}

/* SIMPLEBAR STYLES END */

/*END ISI*/

/*STEP 1*/
#bg1 { position: absolute; width: 300px; top: -1px; left: -1px; z-index: 1; }
#txt1 { position: absolute; width: 257px; top: 11px; left: 20px; opacity: 0; z-index: 2; }
#disc { position: absolute; width: 280px; top: 310px; left: 6px; opacity: 1; z-index: 20; }
#isi_top { position: absolute; width: 300px; height: auto; top: 696px; left: -1px; opacity: 0;  z-index: 502; }
#isi_bot { position: absolute; width: 300px; height: auto; top: 811px; left: -1px; opacity: 0; z-index: 503; }
#prescribing { position: absolute; width: 105px; height: 10px; top: 816px; left: 134px; opacity: 0; background: #FFF; cursor: pointer; z-index: 504; }
#logoBG { position: absolute; width: 134px; top: 380px; right: 0px; opacity: 1; z-index: 21; }

/*STEP 2*/
#baseball{ position: absolute; width: 22px; top: 160px; left: 145px; opacity: 0; z-index: 4; }
#bg2 { position: absolute; width: 300px; top: -1px; left: -1px; opacity: 0; z-index: 3; }
#txt2 { position: absolute; width: 260px; top: 22px; left: 17px; opacity: 0; z-index: 4; }

/*STEP 3*/
#txt3 { position: absolute; width: 278px; top: 22px; left: 10px; opacity: 0; z-index: 8; }
#bg3 { position: absolute; width: 300px; top: -1px; left: -1px; opacity: 0; z-index: 5; }

/*STEP 4*/
#txt4 { position: absolute; width: 284px; top: 20px; left: 7px; opacity: 0; z-index: 8; }
#cta { position: absolute; width: 100px; top: 277px; left: 9px; cursor: pointer; opacity: 0; z-index: 500;}

/*STEP 5*/

/*ISI*/

#fpi_isi_clicktag, #medwatch_isi, #patient_info{ text-decoration: underline; cursor: pointer;  }

#prescribing { position: absolute; width: 105px; height: 10px; top: 580px; left: 15px; opacity: 0; background: #FFF; cursor: pointer; z-index: 300; }
#medication { position: absolute; width: 60px; height: 10px; top: 580px; right: 10px; opacity: 0; background: #FFF; cursor: pointer; z-index: 300; }