.isi-main {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0px -3px 15px 3px rgba(0, 0, 0, 0.16);
    box-shadow: 0px -3px 15px 3px rgba(0, 0, 0, 0.16);
    padding: 5px 0px 0px 0px;
}

.isi-main table{
	margin-bottom: 0;
    box-shadow: none;
    border:none;
}

.isi-main table td + td{
    text-align: left;
}

@media screen and (min-width: 821px) {
    .isi-main {
       padding: 10px 0 30px 0;
    }
}

@media screen and (min-width: 821px) and (max-width: 1200px) {
    .isi-main {
        padding: 10px 16px;
    }
}

.isi-main__container {
    display: block;
    max-width: 1170px;
    margin: 0px auto;
}

@media screen and (min-width: 821px) {
    .isi-main__container {
        display: flex;
        gap: 15px;
    }
}

.isi-main__container .pane-title p {
    font-family: "Roboto Condensed", sans-serif;
    color: #427db0;
    font-size: 25px;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 8px ;
}

@media screen and (min-width: 821px) {
    .isi-main__container .pane-title p{
        font-size: 25px;
    }
}

 .isi-main__container .pane-title p.importantsaf,
  #isi_body_wrapper p.whatisthemos,
  .isi-main  p.whatisconcer,
.isi-main .whatisconcer strong {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #017c85 !important;
    font-weight: 700 !important;
    font-size: 22px !important;
 }

 #isi_body_wrapper p.whatisthemos{
    margin-bottom: 8px !important;
 }

@media screen and (min-width: 1200px) {
    #isi_body_wrapper p.whatisthemos{
        white-space: nowrap !important;
    }
}

.isi-main .whatisconcer{
    line-height: 30.8px !important;
}

.isi-main #isi .pane-title .importantsaf ,
.isi-main #isi .pane-title .importantsaf strong,
.isi-main .whatisthemos,
.isi-main .whatisthemos strong{
    line-height: 30.8px !important;
}

.isi-main .importantsaf{
    margin-bottom: 0px !important;
}

  .isi-main .whatisconcer span{
    font-family: 'Roboto Condensed', sans-serif;
    color: #017c85 !important;
    font-weight: 700 !important;
    font-size: 22px !important; 
    white-space: unset;
 }

.isi-main .concertamayc strong,
.isi-main .donottakecon strong,
.isi-main .beforetaking strong,
.isi-main .especiallyte strong,
.isi-main .howshouldita strong,
.isi-main .whatarethepo strong,
.isi-main .themostcommo:nth-last-of-type(2n+1) strong{
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #017c85 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 28px;
 }

.isi-main .concertamayc,
.isi-main .donottakecon,
.isi-main .beforetaking,
.isi-main .especiallyte,
.isi-main .howshouldita,
.isi-main .whatarethepo{
    margin-bottom:8px;
 }


 #isi_body .concertamayc:nth-last-of-type(2n+1) strong {
    font-family: "Lato", sans-serif !important;
    color: #4e4e4e !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 18px;
 }

#isi_body li,
#isi_body p,
.isi-main .concertaisac, 
.isi-main .concertaisno,
.isi-main .concertaisaf,
.isi-main .concertaisaf strong
.isi-main .callyourheal strong{
    font-family: "Lato", sans-serif !important;
    color: #4e4e4e !important;
    font-weight: 400 !important;
    font-size: 15px !important;
 }

.isi-main__container p {
    font-family: "Roboto", sans-serif;
    color: #464646;
    line-height: 1.2em;
    margin: 0px 0px 10px;
}

.isi-main .pleasereadth a{
    color: #fb9f28 !important;
}

.isi-main .thesearenota{
    padding-top: 14.8px;
}

.isi-main .callyourdoct a,
.isi-main .ifyouoryourc a{
    color: #4e4e4e !important;
}

@media screen and (min-width: 821px) {
    .isi-main__container p {
        margin: 0px 0px 16px;
    }
}

.isi-main__container ul {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    list-style: none;
}

.isi-main__container ul li {
    font-family: "Roboto", sans-serif;
    color: #464646;
    line-height: 1.2em;
    position: relative;
}

@media screen and (min-width: 821px) {
    .isi-main__container #indication {
        width: 32%;
        order: 2;
    }
}

@media screen and (min-width: 821px) {
    .isi-main__container #isi {
        width: 65.8%;
        margin-right: 2.2%;
    }
}

.isi-main__expand {
    position: absolute;
    top: 10px;
    right: 12px;
    cursor: pointer;
    font-size: 1.5em;
    color: #fb9f28 !important;
}

@media screen and (max-width: 768px) {
.isi-main__expand{
    color: #4e4e4e !important;
    right: 12px;
    top: 0;
}
}


.isi-main thead,
.isi-main tbody,
.isi-main tfoot {
    border: none;
    background-color: transparent;
}

.isi-main tbody th,
.isi-main tbody td {
    padding: 0;
    vertical-align: top;
}

@media screen and (max-width: 640px) {
    .isi-main tbody th:first-child,
    .isi-main tbody td:first-child {
        float: left;
    }
    .isi-main tbody th:last-child,
    .isi-main tbody td:last-child {
        display: block;
        clear: left;
    }
}

#pinned-isi {
    max-height: 25vh;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 50;
    display: none;
    transition: max-height 0.4s ease;
    overflow-y: auto;
    background-color: #fff;
}

#pinned-isi.show {
    display: block;
    height: auto;
}

@media screen and ((min-width:568px) and (max-width:991px))  {
#pinned-isi.show{
max-height: 61vh !important;
}
}

@media screen and (max-width:567px) {
#pinned-isi.show {
    max-height: 70vh !important;
}
}

@media screen and (min-width: 821px) {
    #pinned-isi.expand {
        overflow: auto;
    }
}

#pinned-isi .isi-panel-pane {
    position: relative;
    max-height: 13.5vh;
    overflow: auto;
    transition: max-height 0.4s ease;
    border-top: 1px solid #999;
    padding: 5px 10px;
    margin-left: 0;
    margin-right: 0;
}

@media screen and ((min-width: 568px) and (max-width:991px)) {
#pinned-isi #isi.isi-panel-pane:not(.expand) {
    max-height: 15.7vh !important;
}

#pinned-isi #indication.isi-panel-pane:not(.expand){
     max-height: 10vh !important;
}

#pinned-isi #indication.isi-panel-pane.expand{
     max-height: 13.5vh !important;
}
}

@media screen and (max-width:567px) {
#pinned-isi #isi.isi-panel-pane:not(.expand) {
    max-height: 19.5vh !important;
}

#pinned-isi #indication.isi-panel-pane:not(.expand){
     max-height: 14.4vh !important;
}

#pinned-isi #indication.isi-panel-pane.expand{
     max-height: 17.3vh !important;
}
}


#pinned-isi .isi-panel-pane#indication {
    border: none;
}

@media screen and (min-width: 821px) {
    #pinned-isi .isi-panel-pane {
        max-height: none;
        border: none;
        padding: 0px;
    }
}

#pinned-isi .isi-panel-pane.expand {
    max-height: 65vh;
}

#pinned-isi .isi-panel-pane.expand .pane-content {
    height: auto;
    max-height: 55vh;
    overflow: auto;
}

@media screen and (min-width: 821px) {
    #pinned-isi .isi-panel-pane.expand .pane-content {
        height: auto;
        overflow: hidden;
    }
}

#pinned-isi .isi-panel-pane .pane-content p:first-child {
    margin-top: 0px;
}

#ISI {
    padding: 30px 0px;
}

#janssen-isi-content-wrapper {
    padding: 10px 10px;
}

@media screen and (min-width: 821px) {
    #janssen-isi-content-wrapper {
        padding: 0px;
    }
}

@media screen and (min-width: 821px) and (max-width: 1200px) {
    #janssen-isi-content-wrapper {
        padding: 0px 16px;
    }
}

.isi-main #expand-dsk-btn {
    display: none;
}

@media screen and (min-width: 992px) {
.isi-main #expand-dsk-btn{
    max-width: 1170px;
    width: 100%;
    text-align: right;
    left: 50%;
    transform: translateX(-50%);
    padding-right:14px;
}
}

@media screen and (min-width: 821px) {
    .isi-main #expand-dsk-btn {
        display: block;
    }
}

.isi-main #expand-mob-wis-btn,
.isi-main #expand-mob-isi-btn {
    display: block;
}

@media screen and (min-width: 821px) {
    .isi-main #expand-mob-wis-btn,
    .isi-main #expand-mob-isi-btn {
        display: none;
    }
}

#pinned-isi::-webkit-scrollbar {
    width: 8px;
}

#pinned-isi::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.95);
}

#pinned-isi::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 5px;
}

body.lock {
    overflow: hidden;
    height: 100%;
    position: relative;
    touch-action: none;
    -ms-touch-action: none;
}

#isi_body ul li::before{
    content: "\25A0";
    color: #fb9f28;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 2px;
}

.isi_body_wrapper_ul_3 {
    padding-left: 30px !important;
}

.isi_body_wrapper_ul_4 {
    padding-left: 30px !important;
}

@media screen and (min-width: 821px) {
    .isi_body_wrapper_ul_4 {
        padding-left: 0px !important;
    }
}

.isi_body_wrapper_ul_13 {
    padding: 0px 20px 0px 30px !important;
}

.isi_body_wrapper_ul_10{
    margin-top: 16px !important;
}

.isi_body_wrapper_ul_14 {
    padding-left: 30px !important;
}

@media screen and (min-width: 821px) {
    .isi_body_wrapper_ul_14 {
        padding-left: 0px !important;
    }
}

@media screen and (width: 820px) {
    #pinned-isi {
        bottom: 0px;
    }
    #janssen-isi-content-wrapper.isi-main__container {
        display: flex;
    }
    #indication {
        order: 2;
    }
    .isi-panel-pane {
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
    }
}

@media screen and (width: 768px) {
    #pinned-isi {
        bottom: 0px;
        max-height: 23vh;
    }
    #janssen-isi-content-wrapper.isi-main__container {
        display: flex;
    }
    #indication {
        order: 2;
    }
    .isi-panel-pane {
        margin-left: 5px;
        margin-right: 5px;
    }
}