/******* Sidebar ISI *********/
 .faqs .component.content-detail#sidebar-second {
    padding: 0px 15px;
}

 .faqs  #content > .row > .component.content-detail{
    padding:0px;
 }
 
.sidebar-isi {
  background: #fff;
}
.isi-last {
  max-height: 1500px !important;
  position: absolute;
  bottom: 0px;
}
.sticky-isi-sidebar.skicky {
    position: fixed;
    top: 0;
}
.sidebar-isi .block-pfe-template-base b.field-name {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
}
h5.blue {
  color: #0071d5;
}
.sidebar-isi #block-pfe-template-base-isi-block .mCSB_container h5, .isi-indication h5 {
  color: #0071d5;
}
.sidebar-isi li strong, .isi-interstitial li strong {
  font-weight: bold;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #E5E5E5;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
/*.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #0071D4; background-color: rgba(0,113,212,0.85);
    filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
  }*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #005da4;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #005da4;
  background-color: rgba(0, 113, 212, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #005da4;
  background-color: rgba(0, 113, 212, 0.85);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  height: 30px;
}
.sidebar-isi{
    position: absolute;
    top: 0px;
    max-width: 280px;
    background: #fff;
    height: 100vh;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px 15px;
    z-index: 0;
	overflow: hidden;
}
.collapse-resize-isi-icon img{
  display:inherit;
}
/*** *******/
.sidebar-isi.skicky {
    position: fixed;
    top: 0;
}

header .main-menu-section .menu-4-links li{
padding:0px !important;
}
header .main-menu-section .menu-4-links li a {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}
@media screen and (min-width:1060px) and (max-width:1080px){
  .sidebar-isi{
    max-width: 251px !important;
}
main #content.container-fluid{
 padding-left:20px;
 padding-right:17px;
}
footer .footer-isi{
padding-left:20px  !important;
 padding-right:20px  !important;
}
header .top-menu-bar, header .header-middle-section{
  padding: 10px 10px 10px 20px !important;
}
}
@media screen and (min-width: 999px) and (max-width: 1024px){

.sidebar-isi.skicky{
    right:17px !important;
}
.sidebar-isi #mCSB_1_container {
    padding: 0px 10px 50px 0px;
}
}
@media only screen and (min-width: 1024px), only screen and (min-device-width: 1024px) and (orientation: landscape) {

  .sidebar-isi .block-pfe-template-base .content {
    /*height: 550px;*/
	height:auto;
    overflow: hidden;
  }
  #block-pfe-template-base-isi-block.sticky {
    top: 0;
    position: fixed;
    width: 100%;
	padding:0px 10px 0px 10px;
	margin-left:-10px;
	max-width:291px;
	
  }
  .sidebar-isi #mCSB_1_container .field-body-copy{
    padding-right:5px;
  }
  .sidebar-isi, #block-pfe-template-base-isi-block.sticky {
    -webkit-box-shadow: 0 0 1px #92a6b7;
    -moz-box-shadow: 0 0 1px #92a6b7;
    -o-box-shadow: 0 0 1px #92a6b7;
    box-shadow: 0 0 1px #92a6b7;
	
  }
  .sidebar-isi span.scroll-help-text {
    text-decoration: none;
    padding: 15px 25px 20px 10px;
    display: block;
  }
  .sidebar-isi h2 {
    margin: 0 0 10px 0;
    padding: 5px 0px 10px;
  }
  .sidebar-isi h2::after {
    content: "";
    display: block;
    width: 40%;
    margin: 10px 0;
    border-bottom: 5px solid #005da4;
  }
  .sidebar-isi p, .sidebar-isi ul li {
    line-height: 1.3
  }
  .sidebar-isi p strong {
    font-weight: 600;
  }
  .sidebar-isi .content {
    padding: 0 10px 0 5px;
  }
  .sidebar-isi .content .mCustomScrollBox {
    padding: 0px 5px 0px 0px;
  }
  .sidebar-isi ul li {
    list-style-type: disc;
  }
  .sidebar-isi ul {
    padding: 0 0 15px 20px;
  }
  .sidebar-isi p {
    padding-bottom: 10px;
  }
}

/******* ISI interstitial Expander*******/
.resize-isi-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 10px;
  z-index: 1;
  text-decoration: none;
  content: "";
}
.collapse-resize-isi-icon {
  width: 20px;
  height: 20px;  
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 10px;
  z-index: 1;
  text-decoration: none;
  content: "";
}
/*---------- ----------*/
 
 
 
 
 
/**** Desktop *****/
 .isi-popup-link , .resize-isi-icon{
     position: absolute;
     right: 20px;
     top: 15px;
     z-index: 22222;
}
 .isi-interstitial.interstitial .collapse-resize-isi-icon{
     position:absolute;
     right:0px;
}
 .isi-interstitial.interstitial .window h2.field-headline{
     position:relative;
}
.isi-interstitial.interstitial{
    z-index:99999;
}
.isi-interstitial.interstitial .right {
   position:relative;
}
.isi-interstitial h2.field-headline {
    color: #005883;
    font-weight: bold;
    font-size: 30px;
}
.isi-interstitial h2.field-headline::after {
    content: "";
    display: block;
    width: 10%;
    margin: 0px 0;
    border-bottom: 5px solid #005da4;
}
 #mCSB_1_container {
     padding: 0px 10px 0px 0px;
}
 #mCSB_1_dragger_vertical{
     height:30px !important;
     max-height:100% !important;
}
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background-color: #005da4 !important;
}
 .sticky-isi-footer{
     display:none;
}
.collapse-resize-isi-icon:focus{
 top:10px;
}

 @media only screen and (min-width: 1024px){
     .mobile-isi-popup-link, .mobile-isi-popup-link-close {
         display: none !Important;
    }
	.isi-interstitial.interstitial
	.resize-isi-icon{
         display:block;
    }
	footer {
		z-index: 2;
		position: relative;
		background: #fff;
	}
}
 @media only screen and (max-width:1023px){
     .sidebar-isi ul {
         list-style: disc;
         margin: 0px;
         padding: 0px 0px 0px 20px;
    }
     .sidebar-isi ul li{
         line-height: 1.5;
         list-style: disc;
         margin: 0px;
         font-size:15px;
         padding: 0px 0px 10px 0px;
    }
     .sidebar-isi p {
         padding-bottom: 10px;
    }
     .resize-isi-icon{
         display:none;
    }
     
     .sidebar-isi h2{
         padding:10px 20px 10px 0px;
    }
     .sidebar-isi span.scroll-help-text{
         display:none !important;
    }
     
	.mobile-isi-popup-link {
	display:block
	}
 
     #mCSB_1_dragger_vertical {
         height: 30px !important;
         max-height: 100% !important;
    }
	
	.mobile-isi-stick .sidebar-isi{
    display: block;
    width: 100%;
    height: 40%;
    background: #fff;
    position: fixed;
    text-align: left;
    transition: none;
    margin: 0 auto !important;
    z-index: 889;
    border-top: 2px solid #cccccc;
    padding: 20px;
    left: 0px;
    bottom: -1px;
    top: auto;
    max-width: 100%;
}
.interstitial .window .inner .right .caption {
  overflow-y: auto;
  max-height: 80vh;
  padding-right: 10px;
}
.mobile-isi-stick .sidebar-isi.mobileBottom{
height:100%
}
.mobileSidebar .mobile-bottom-hide{
display:none;
}
}
@media only screen and (min-width:441px) and (max-width:1023px){
  .mobile-isi-popup-link, .mobile-isi-popup-link-close {
    position: absolute;
    right: 3.5%;
    top: 15px;
    z-index:99999;
    display: none;
}
.mobile-isi-popup-link {
  position: absolute;
  right: 3.5%;
  top: 15px;
  z-index:99999;
  display: block;
}
}
@media only screen and (min-width:320px) and (max-width:440px){
  .mobile-isi-popup-link, .mobile-isi-popup-link-close {
    position: absolute;
    right: 7%;
    top: 15px;
    z-index:99999;
    display: none;
}
.mobile-isi-popup-link {
  position: absolute;
  right: 7%;
  top: 15px;
  z-index:99999;
  display: block;
}
}
 body {
  -webkit-text-size-adjust: 100% !important;
  -ms-text-size-adjust:100%;
-o-text-size-adjust:100%;
text-size-adjust:100%;
}
html { 
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-o-text-size-adjust:100%;
text-size-adjust:100%;}