
.important-safety-information {
 background: rgb(255, 255, 255);

 box-shadow: 0 0px 0px 0 rgba(50,50,50,0.25);
 -moz-box-shadow: 0 0px 0px 0 rgba(50, 50, 50, 0.25);
 -webkit-box-shadow: 0 0px 0px 0 rgba(50, 50, 50, 0.25);
 font: 400 13px/20px "Verdana, "Verdana Ref", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", sans-serif;";
 font-size-adjust: none;
 font-stretch: normal;
 left: 0;
 line-height: 1.55;
 margin: 0;
 width: 100%;
}
.important-safety-information::before {
 top: -24px; width: 100%; height: 24px; display: block; position: absolute; content: "";
}
.important-safety-information.expanded::before {
 background-position: center -24px;
}
.important-safety-information.expanded {
 z-index: 10; max-height: 80%;
}
#indication {
 z-index: 1;
}
#indication,#isi { position: fixed }
#indication.expanded,#isi.expanded {
 z-index: 10;
}
#isi {
 z-index: 2;
}
.important-safety-information * { font-size: 14px; margin: 7px 0 0 0 }
.important-safety-information br { margin: 0 }
.important-safety-information h2 { font-size: 1.1em; text-transform: uppercase ; font-weight:600;}
.balversa .important-safety-information h2 { text-transform: none }
.darzalex .important-safety-information h2 { font-size: 17px; text-transform: none; width: 64.67% }
.important-safety-information h2.smaller { font-size: 14px }
.important-safety-information h2,.important-safety-information h3 { margin: 7px 0;font-weight:600; font-size:14px; }
.important-safety-information h2 span { font-size: inherit }
.toggle-isi:hover {
 text-decoration: none;
}
.togglewrap { display: block; margin: 0 auto; max-width: 970px; position: relative; width: 100% }
.togglewrap .toggle-isi { background: url("../images/icon_expand.png") no-repeat right center rgb(0, 155, 221); box-shadow: 0 -2px 5px 0 rgba(50,50,50,0.25); -moz-box-shadow: 0 -2px 5px 0 rgba(50, 50, 50, 0.25); -webkit-box-shadow: 0 -2px 5px 0 rgba(50, 50, 50, 0.25); color: white; font: 600 16px/normal "Verdana, "Verdana Ref", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", sans-serif"; float: right; position: absolute; font-size-adjust: none; font-stretch: normal; height: 26px; margin-bottom: 0; padding: 5px 50px 0 15px; right: 0; top: -38px }
.important-safety-information.expanded .togglewrap .toggle-isi {
 background-image: url("../images/icon_collapse.png");
}
.important-safety-information .container {
 height: 100%;
 margin: 0 auto;
 overflow-y: hidden;
 -ms-overflow-y: hidden;
 max-width: 930px;
}
.important-safety-information .indication {
 border-left: 1px solid; width: 31.33%; padding-left: 2%; margin: 0 0 2% 2%; float: right; display: block;
}
#isi .indication { width: 30.33% }
.boxed-warning {
 border: 1px solid;
 font-weight: bold;
 margin: 10px 0;
 overflow: hidden;
 padding: 2%
}
.spravato .boxed-warning {
 font-weight: normal
}
.intelence .important-safety-information h3 { color: #000 }
.symtuza .important-safety-information h3.color { color: #000 }
.important-safety-information ul { margin: 0 0 7px 0 }
.balversa .important-safety-information .container ul,.darzalex-faspro .important-safety-information .container ul,.elmiron .important-safety-information .container > ul,.erleada .important-safety-information .container > ul:not(:last-of-type),.invega-trinza .important-safety-information .container > ul,.invokamet-invokamet-xr .important-safety-information .container ul,.invokana .important-safety-information .container ul,.prezcobix .important-safety-information .container ul,.sporanox .important-safety-information .container ul,.spravato .important-safety-information .container ul,.stelara .important-safety-information .container > ul,.stelara .important-safety-information .container > .indication > ul,.topamax .important-safety-information .container ul,.xarelto .important-safety-information .container ul,.zytiga .important-safety-information .container ul { margin: 0 0 0 -20px }
.procrit .important-safety-information ul { padding-left: 20px }
.prezcobix .important-safety-information .container ul:first-of-type,.sporanox .important-safety-information .container ul:first-of-type { margin-left: 20px; padding-left: 0 }
.important-safety-information ul.left60 { width: 60% }
.important-safety-information ul.left60 ul.left, .important-safety-information ul.left60 ul.right { width: 42% }
.important-safety-information ul li.clear { clear: left }
.important-safety-information ul.left25 { float: left; width: 25% }
.important-safety-information ul.right25 { float: left; width: 25% }
.important-safety-information ul.left { float: left; width: 45% }
.important-safety-information ul.right { float: left; width: 45% }
.important-safety-information ul.inline { float: left }
.important-safety-information div.overflow-hidden { overflow: hidden }
.important-safety-information :not(.overflow-hidden) > ul.two-columns { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 40px }
.important-safety-information div.overflow-hidden > ul.two-columns { float: left; padding-left: 5%; width: 45% }
.simponi .important-safety-information ul { margin-left: 20px; padding-left: 0 !important }
.important-safety-information :not(.overflow-hidden) > ul.three-columns { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-gap: 40px }
.darzalex .important-safety-information :not(.overflow-hidden) > ul.three-columns { column-gap: 169px }
.important-safety-information div.overflow-hidden > ul.three-columns { float: left; padding-left: 5%; width: 28% }
.important-safety-information .no-margin { margin: 0 }
.important-safety-information ul.no-margin-bottom, .important-safety-information .no-margin-bottom { margin-bottom: 0 }
.important-safety-information ul.no-margin li { margin: 0 }
.intelence .important-safety-information ul > li > ul > li { margin: 0 }
.xarelto .important-safety-information ul.double-indent { padding: 0 0 0 10% }
.xarelto .important-safety-information ul.double-indent > li { list-style-type: circle }
.xarelto .important-safety-information ul.double-indent > li > ul > li { list-style-type: square }
.xarelto .important-safety-information ul.double-indent > li > ul > li > ul > li { list-style-type: none }
.xarelto .important-safety-information ul.double-indent > li > ul > li > ul > li::before { content: "\2B9A"; margin: 0 10px 0 -20px }
.xarelto .important-safety-information ul.double-indent > li > ul > li > ul.macintosh > li::before { content: none }
.important-safety-information .indent { margin-left: 40px }
.important-safety-information .footnote { color: DimGray }
footer.container { width: 99% }
.important-safety-information #footer-legal { padding: 0 }
#footer-legal p { color: DimGray; margin:  0 }
#footer-legal br {
 font-size: 1em;
 margin: 0
}
#footer-legal span,#footer-legal a {
 font-size: 1em;
 margin: 1em 0
}
@media only screen and (max-width:1000px) {
 .width-1000 .important-safety-information .container {
  margin: 0 auto; width: 95%; padding-right: 2.5%; padding-left: 2.5%;
 }

}
@media only screen and (min-width:320px) and (max-width:640px) {
 .width-640 #indication,#isi { max-height: 33% }
 .width-640 #indication.expanded,#isi.expanded { max-height: 100% }
 .width-640 .important-safety-information .indication { border-left: none; margin: 0; padding: 0; width: auto }
 .width-640 #isi .indication { width: auto }
 .width-640 .important-safety-information ul.left60 { width: 100% }
 .width-640 .important-safety-information ul.left25, .width-640 .important-safety-information ul.right25 { margin: 0; width: 45% }
 .width-640 .important-safety-information ul.left, .width-640 .important-safety-information ul.right, .width-640 .important-safety-information ul.inline { margin: 0; width: 100% }
 .width-640 .important-safety-information ul.two-column, .width-640 .important-safety-information ul.three-column { float: none; width: auto }
 .mob-hidden
 {
    visibility: hidden !important;
    clear: both !important;
    float: left !important;
    margin: 10px auto 5px 20px !important;    
    display: none!important;
  }
 .mob-show
 {
    visibility: visible !important;
    clear: both !important;
    float: left !important;
    margin: 10px auto 5px 20px !important;    
    display: block!important;
  border-bottom-color: rgb(0, 155, 221);
 border-bottom-style: solid;
 border-bottom-width: 10px!important;
 padding-left: 15px !important;  
 padding-right: 15px !important;   
    margin-left:-15px !important;  
 margin-right:-15px !important;
 /*border-top-color: rgb(0, 155, 221);
 border-top-style: solid;
 border-top-width: 10px!important;*/
  }
 ul.two-columns.space-no li:nth-of-type(2){
  width: 120px;
  height:100%;
}
}

/***** Add new style**********/

.space-no .litopspace{
 margin-bottom: 0px!important;
}
a.graytext{
 color:#8a8a8a;
text-decoration: underline;
}
.bottomline{
 border-top-color: rgb(0, 155, 221);
 border-top-style: solid;
 border-top-width: 10px!important;
 clear:both;
     display: block;
    margin-top: 97px;

}

ul.two-columns.space-no li:nth-of-type(2){
  width: auto;
  
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
    @media screen and (device-aspect-ratio: 9/16) {

  width: 120px;
  height:100%;
      }
    }

