/*POR CUstom Styles*/

body {
    font-family: "Open Sans";
}

p {
    color: #454545;
    font-family: "Open Sans";
    font-size: 12.5px;
    line-height: 18px;
    /*font-weight: normal;*/
}

ul {
    color: #454545;
    font-family: "Open Sans";
    font-size: 12.5px;
    line-height: 18px;
}

h1 {
    /*font-family: 'Abril Fatface', cursive !important;*/
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
}

h2 {
    /*font-family: 'Abril Fatface', cursive !important;*/
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
}

h3 {
    font-size: 22px !important;
    font-family: "Playfair Display";
    font-size: 25px;
    letter-spacing: -0.25px;
    line-height: 28px;
    /*font-weight: bold !important;*/
}

.blue-text {
    color: #3A6C9D;
    font-family: "Open Sans";
    font-size: 13px;
    letter-spacing: -0.42px;
    line-height: 17px;
}

.top-banner {
    padding-bottom: 68px;
}

.ms-hero.ms-hero-material .ms-hero-material-text-container .ms-hero-material-title {
    margin-bottom: 0;
}

h4 {
    /*font-size: 2rem !important;*/
    color: #454545;
    font-family: "Open Sans";
    font-size: 18px !important;
    font-weight: bold !important;
    display: inline;
}

a h4 {
    color: #337ab7;
}

/*h1, h2, h3 {
    a

{*/
    /*Removed 2024-04-24 - CJD*/
/*    color: #d99a30 !important;
    &:hover*/

/*{
    color: #37404e !important;
}

}
}*/

h5 {
    color: #454545;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    display: inline;
    letter-spacing: 1.2px;
}

.Y, .y {
    color: #D5374A !important;
    font-weight: bold !important;
}

.product-name {
    font-size: 16px !important;
}

.code-pill {
    border-radius: 5px;
    background: #2087c9;
    padding: 5px;
    width: 5rem;
    color: #FFFFFF;
    text-align: center;
}

.tab-content {
    font-size: 12px;
}
/*.ms-hero.ms-hero-material .ms-hero-material-text-container .ms-hero-material-title h1 {
    font-size: 4rem !important;
}*/
.ms-brand-container h2 {
    line-height: 1.2;
    margin: 0;
    font-size: 20px;
    font-size: 2.5rem;
}

.ms-hero.ms-hero-material .ms-hero-material-text-container .ms-hero-material-title h3 {
    font-family: 'Open Sans', serif !important;
}

.ms-hero.ms-hero-material .ms-hero-material-text-container .ms-hero-material-title {
    /*This removes box from bg of header text*/
    background-color: rgba(0,0,0,.0);
    box-shadow: none !important;
}

hr.hr-5 {
    border-top: 5px solid #ddd !important;
}
/*****************Custom Styles************************/
.header-link {
    color: #fff
}

.content-form input[type=text], .content-form select, .content-form [type=password], .content-form [type=email], .content-form [type=text-box], .content-form textarea {
    padding: 10px !important;
    background-color: #f6f6f6 !important;
    border: 1px solid #d2d2d2 !important;
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.13) !important;
    border-radius: 6px !important; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    background-clip: padding-box; /* useful if you don't want a bg color from leaking outside the border: */
    background-image: linear-gradient(#2196f3,#2196f3) !important;
    height: 40px;
}

.form-group label.control-label {
    font-size: 14px !important;
    margin: 5px 0 !important;
    text-align: left;
}

.form-group {
    padding-bottom: 7px;
    margin: 0 !important;
}

    .form-group .help-block {
        z-index: 100;
        border-radius: 6px !important;
        font-size: 15px !important;
        opacity: 0.8;
        padding: 10px !important;
        background-color: #2196f3 !important;
        border: 1px solid #127ace !important;
        color: #fff;
    }

        .form-group .help-block:after {
            content: "";
            position: absolute;
            top: -30px;
            left: 50px;
            border: 15px solid transparent;
            border-bottom-color: #2196f3;
            display: block;
            width: 0;
        }

.chkBox {
    height: 25px !important;
}

.note-toolbar .btn.btn-sm {
    padding: 0 0 3px 5px !important;
    font-size: 12px;
}

.note-editor.note-frame.fullscreen {
    z-index: 2000 !important;
}

.ms-collapse .card-primary .note-toolbar {
    padding: 0;
    background-color: #eee;
}

.modal-backdrop.show {
    z-index: -10 !important;
}

.note-editor.note-frame .note-editing-area .note-editable {
    min-height: 100px;
}

.note-editing-area textarea, .note-editable {
    border: 1px solid #eee !important;
    background-image: linear-gradient(#fff,#fff) !important;
}
/******************************* CJD *********************************/

/*************Theme Override ********************/
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

table.info {
    width: 100%;
    max-width: 772px;
    /*table-layout: fixed;*/
    border: 1px solid #D2D2D2;
    border-collapse: separate;
    margin: 17px 0;
}

.eight {
    width: 8%;
}

.twelve {
    width: 12%;
}

.fourteen {
    width: 14%;
}

.twenty {
    width: 20%;
}

.eighty-eight {
    width: 88%;
}


tr.info-content > td {
    border-color: #fff !important;
    border: 2px solid #fff;
    /*background: #fff !important;*/
    color: #222222;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 17px;
}

table.info tr.info-head td, table.info tr.info-head th {
    background-color: #E2E2E2 !important;
    border-color: #fff !important;
    border: 2px solid #fff;
    color: #222222;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    text-align: center;
}

.tablesort-label {
    display: block !important;
}

td.no-center {
    text-align: left !important;
}

table.info td {
    border-color: #fff !important;
    border: 2px solid #fff;
    /*background: #fff !important;*/
    color: #222222;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    padding: 7px 0 7px 12px !important;
}

table.info-left td {
    text-align: left;
}

table.info-left tr.info-head td, table.info-left tr.info-head th {
    text-align: left;
}

.info > tbody > tr:nth-child(even) > td, .info > tbody > tr:nth-child(even) > th {
    background-color: #FFF;
}

.info > tbody > tr:nth-child(odd) > td, .info > tbody > tr:nth-child(odd) > th {
    background-color: #F6F6F6;
}

.ul-half {
    width: 368px;
    list-style: none;
}

.tab-pane ul, .tab-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tab-content {
    margin-bottom: 20px;
}

.ul-half h5 {
    margin-bottom: 6px;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: none !important;
    border-right: 0;
    border-bottom: none !important;
    border-left: none !important;
}

.dropdown-menu {
    font-size: 1.5rem !important;
}

.ms-header {
    min-height: 60px !important;
    background-color: #2196f3;
    background-color: none !important;
}

body .ms-site-container {
    background: #f1f1f1 !important;
}

.ms-navbar {
    margin-bottom: 0px !important
}

.ms-header.ms-header-primary .ms-logo {
    color: #fff !important;
    background-color: #2196f3 !important;
}

.ms-navbar, .ms-lead-navbar {
    /*min-height:80px !important;*/
}

.ms-navbar {
    background-color: #fff;
}

    .ms-navbar .navbar-collapse .navbar-nav .nav-item > a, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item > a {
        font-family: "Open Sans", sans-serif;
        padding: 1.8rem .8rem;
        line-height: 1.0;
        color: #3a6c9d !important;
        font-weight: bold;
        font-size: 1.3rem;
        border-right: 2px solid #f1f1f1;
    }

        .ms-navbar .navbar-collapse .navbar-nav .nav-item > a:hover, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item > a:hover {
            font-family: "Open Sans", sans-serif;
            line-height: 1.0;
            color: #fff !important;
            font-weight: bold;
            font-size: 1.3rem;
            border-right: 2px solid #f1f1f1;
            background: #3a6c9d;
        }

.selector-tabs a:hover > span {
    color: #000 !important;
}

.selector-tabs li {
    position: relative;
}

    /*.selector-tabs li a {
        margin: 0;
        position: relative !important;
        top: 50%;
        left: 50%;
        padding: 25px 25px 0 !important;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 78px;
    }*/
/*.selector-tabs li a.active {
        padding: 20% 25px 0 !important;
    }*/

.selector-tabs a {
    color: #3A6C9D;
    font-size: 12px;
}

    .selector-tabs a span {
        font-family: "Open Sans", sans-serif !important;
        color: #3A6C9D;
        font-size: 16px;
        font-weight: bold;
        line-height: 14px;
        display: block !important;
    }

.selector-tabs .nav-item .active span {
    color: #000;
}

.selector-tabs a span:hover {
    color: #000 !important;
}

.results-count {
    color: #454545;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.2px;
    line-height: 18px;
    margin: 16px 0 20px;
    text-transform: uppercase;
}


.oddUl {
    background-color: #F6F6F6;
}

.company-name {
    color: #337ab7;
    text-decoration: none;
    font-weight: bold;
}

.navbar-brand {
    font-size: 20px !important;
    /*line-height: .7 !important;*/
    line-height: 1.4 !important;
}




.btn-circle.btn-circle-primary {
    color: #12A96D !important;
    border: 1px solid #ccc;
}

    .btn-circle.btn-circle-primary:before {
        background-color: #12A96D !important;
    }

    .btn-circle.btn-circle-primary:hover, .btn-circle.btn-circle-primary:focus {
        color: #fff !important;
    }

.container-4 {
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

.container {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.container-4 input#search {
    width: 300px;
    height: 50px;
    background: #eaeaea;
    border: 1px solid #ccc;
    font-size: 10pt;
    font-style: italic;
    float: left;
    color: #666;
    padding-left: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

    .container-4 input#search::-webkit-input-placeholder {
        color: #949494;
    }

    .container-4 input#search:-moz-placeholder { /* Firefox 18- */
        color: #949494;
    }

    .container-4 input#search::-moz-placeholder { /* Firefox 19+ */
        color: #949494;
    }

    .container-4 input#search:-ms-input-placeholder {
        color: #949494;
    }

.container-4 button.icon {
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: none;
    background: #12A96D;
    height: 50px;
    width: 50px;
    color: #fff;
    opacity: 1;
    margin-left: -50px;
    font-size: 14pt;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon {
    outline: none;
    opacity: 1;
    margin-left: -50px;
}

    .container-4:hover button.icon:hover {
        background: #12A96D;
    }

.container-4 input#searchLanding {
    width: 375px;
    height: 50px;
    background: #eaeaea;
    border: 1px solid #ccc;
    font-size: 10pt;
    font-style: italic;
    float: left;
    color: #666;
    padding-left: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.container-4 button.searchIcon {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
    background: #12A96D;
    height: 50px;
    width: 50px;
    color: #fff;
    opacity: 1;
    margin-left: -50px;
    font-size: 14pt;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

.profile-text {
    display: block;
    margin: 15px 10px 0 40px;
    color: #666;
}

.nav-container {
    max-width: 100% !important;
}

.nav-menu-col {
    float: left;
    width: 72%;
}

.nav-util-col {
    float: left;
    width: 35%;
    min-width: 356px
}

.showPOR {
    display: none;
}

.ms-navbar {
    min-height: 82px !important;
}

.nav-logo {
    display: block;
    margin-right: 33px;
}

.fixed-top {
    position: fixed !important;
    z-index: 1030 !important;
    height: fit-content !important;
}

.modal {
    z-index: 1450 !important;
}

.modal-dialog {
    width: 80% !important;
    max-width: 80% !important;
    margin: 30px auto;
    /*max-height: 100px;*/
}

.modal-body {
    max-height: 650px;
    overflow: auto;   

}


.resource-modal {
    width: 60% !important;
    max-width: 60% !important;
    margin: 30px auto;
    /*max-height: 100px;*/
}

.modal.modal-primary .modal-dialog .modal-content .modal-header {
    background-color: #fff !important;
    color: #757575 !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

    .modal.modal-primary .modal-dialog .modal-content .modal-header .close {
        color: #bfbfbf;
        font-size: 40px;
    }

.modal-vimeo {
    width: 600px !important;
    max-width: none !important;
    margin: 30px auto;
    /* max-height: 100px; */
}

.product-left-nav {
    width: 16.66666667%;
    float: left;
    min-width: 147px;
}

.banner-container {
    width: 65.5%;
    float: left;
}

.search-tbox {
    width: 75%;
}

.search-sbutton {
    width: 25%;
}

.standard-button {
    /*box-sizing: border-box;*/
    height: 33px;
    padding: 0 0 0 10px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    background-color: #F3F3F3;
    color: #444444;
    font-family: "Open Sans";
    font-size: 12px;
}

    .standard-button img {
        margin: 0 6px 0 10px;
    }





.foot {
    width: 120px;
}

.star {
    background-image: url('../images/icons/cta-fav.svg');
    height: 38px;
    width: 38px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 8px;
}

    .star:hover {
        background-image: url('../images/icons/cta-fav-on.png');
    }

.recently-added {
    height: 25px !important;
    width: 25px !important;
}

.is-favorite {
    background-image: url(../images/icons/cta-fav-on.png);
}

.view-full-directory a {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: bold !important;
    letter-spacing: -0.42px;
    line-height: 17px;
    text-decoration: underline;
}

.ra-date {
    color: #454545;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0.7px;
    line-height: 16px;
    margin-top: 13px;
}

.ms-brand-container img {
    /*max-height:100px;*/
}

.footer-hero-cta {
    width: 65%;
    margin: 10% 0 0 35%;
}

.ms-footer {
    text-align: left !important;
    background-color: #36518C !important;
    font-weight: normal !important;
    padding: 0 0 47px 0;
}

.ms-footer-sub {
    margin: 0;
    padding: 0 !important;
}

.ms-footer-col {
}

.footer-hero {
    background-image: url('../images/footer/blue-image.png');
    background-size: 100% 100%;
    background-color: #36518C;
    height: 317px;
    background-position: 50% 50%; /* Sets reference point to scale from */
    background-size: cover;
}



.footer-hero-cta h4 {
    font-family: "Open Sans" !important;
    font-size: 14px !important;
    letter-spacing: 1.2px !important;
    line-height: 18px !important;
    color: #fff !important;
    font-weight: bold;
}

.footer-h3 {
    font-family: "Playfair Display", serif !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    font-style: normal;
    color: #fff !important;
    letter-spacing: -0.25px;
    line-height: 28px;
    text-decoration: underline;
    max-width: 417px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}

.footer-button {
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 4px;
    background-color: rgba(255,255,255,0.3);
    padding: 18px 20px;
    width: 37%;
    color: #fff !important;
    position: relative;
    z-index: 3;
    height: 51px;
}

    .footer-button:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

.read-more {
    height: 14px;
    width: 150px;
    color: #FFFFFF;
    font-family: "Open Sans" !important;
    font-size: 12px !important;
    font-weight: bold !important;
    letter-spacing: 0.73px !important;
    line-height: 14px !important;
    text-align: center !important;
}

.footer-button-on-top {
    position: relative;
    width: 37%;
    top: 2.7em;
    z-index: 2;
    color: #fff !important;
    font-family: "Open Sans" !important;
    font-size: 12px !important;
    letter-spacing: 0.73px !important;
    line-height: 14px !important;
    text-align: center !important;
    font-weight: 700;
}
/* Gray */
.footer-hero-popout img {
    height: 352px;
    width: auto;
    object-fit: cover;
    margin: -35px 0 0 0;
    position: relative;
    z-index: 50;
}

.footer-hero-popout {
    position: relative;
    bottom: 0;
}

.footer-recently-added {
}

    .footer-recently-added a {
        color: #3a6c9d;
        text-decoration: underline;
    }

.footer-menu {
    padding: 20px 0 0px !important;
}

    .footer-menu li {
        display: inline;
        margin: 0 5px 0 0;
    }

    .footer-menu a {
        color: #fff !important;
        text-decoration: underline;
        font-size: 13px;
    }

.copyright {
    opacity: 0.32;
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 11px;
    letter-spacing: -0.11px;
    line-height: 12px;
    margin-bottom: 33px !important;
}

.headline-playfair {
    color: #454545;
    font-family: "Playfair Display";
    font-size: 38px;
    font-weight: bold;
    line-height: 38px;
}

.banner-box {
    max-width: 728px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1189px !important;
        width: 1189px !important;
    }

    .nav-container {
        max-width: 1440px !important;
        width: 94% !important;
    }

    .container-footer {
        max-width: 1440px !important;
        width: 100% !important;
    }
}

@media (min-width: 1322px) {
    .showPOR-tablet {
        display: none !important;
    }

    .profile-modal {
        width: 51% !important;
        max-width: 51% !important;
        margin: 30px auto;
        /*max-height: 100px;*/
    }
}

@media (max-width: 1322px) {
    .nav-menu-col {
        float: left;
        width: 100%;
    }

    .nav-util-col {
        float: left;
        width: 10%;
        min-width: 106px;
    }

    .hidePOR-tablet {
        display: none !important;
    }

    .showPOR-tablet {
        display: block !important;
    }
}

@media (max-width: 609px) {
    .selector-tabs li {
        width: 100%;
    }
}

@media (max-width: 1667px) {
    .nav-container {
        /*margin-left: 12% !important;*/
    }
}






@media (max-width: 1199px) {
    .banner-container {
        width: 74%;
    }
    

    .float-r-mobile-l {
        float: left !important;
    }

    .ms-navbar .navbar-collapse .navbar-nav .nav-item > a, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item > a {
        padding: 1.8rem .8rem !important;
    }

    .ms-navbar.navbar .container .navbar-collapse {
        background: #fff;
    }

    /*.full-width {
            height: 33vh !important;
        }*/

    .container {
        max-width: 100% !important;
        width: 100% !important;
    }

    .container-footer {
        max-width: 100% !important;
        width: 100% !important;
    }

    .footer-button {
        margin: 0 auto;
        width: 100%;
        position: relative;
        z-index: 3;
    }

    .footer-button-on-top {
        position: relative;
        width: 100%;
        left: 0em;
        z-index: 2;
        color: #fff !important;
        /* cursor: pointer; */
        text-align: center;
    }

    .search-container {
        width: 76%;
    }

    .grey-border-left {
        border-left: none;
    }

    .frequently-accessed {
        width: 90%;
    }

    .col-md-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 100% !important;
    }

    .col-md-8-override {
        width: 100% !important;
        max-width: 100% !important;
        flex: 100% !important;
    }

    .top-banner {
        height: 45vh !important;
    }
}

@media (min-width: 991px) {
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width: 991px) {
    /*.navbar {
            height: 100%;
        }*/

    /*.full-width {
            height: 33vh !important;
        }*/
    
    .isi-container {
        position: fixed !important;
        left: 0px;
        bottom: 0px;
        height: 33%;
        width: 100%;
        z-index: 100;
        border-top: 5px solid #d2d2d2;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .dropright .dropdown-menu {
        width: 270%;
    }

    .dropdown-menu > li > a {
        white-space: normal !important;
        word-wrap: break-word;
    }
    .profile-modal {
        width: 71% !important;
        max-width: 71% !important;
        margin: 30px auto;
        /*max-height: 100px;*/
    }

    .ms-navbar .navbar-collapse .navbar-nav .nav-item, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item {
        display: block !important;
        display: block !important;
    }

        .ms-navbar .navbar-collapse .navbar-nav .nav-item > a, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item > a {
            justify-content: left !important;
        }

    .hidePORnav {
        display: none !important;
    }

    .col-md-10 {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .product-left-nav {
        width: 100% !important;
    }

    .banner-container {
        width: 100%;
    }

    .banner-container {
        width: 100%;
        float: left;
    }

    #frame {
        width: 95.5vw !important;
        float: left;
    }



    .branded-drug {
        max-width: 100% !important;
    }

    .ms-navbar.navbar .container .navbar-collapse {
        margin-right: 0px !important;
        width: 100%;
    }

    .ms-navbar .container, .ms-lead-navbar .container {
        margin: 0 !important;
        padding: 0 !important;
        position: absolute;
        top: 0;
    }

    .footer-hero {
        height: 260px;
    }

    .footer-hero-popout {
        display: none;
    }

    .footer-hero-cta {
        width: 90%;
        margin: 10% 0 0 5%;
    }

    .footer-menu {
        text-align: center;
    }

    .r-dt-only {
        float: none;
    }

    .mobile-center {
        text-align: center;
    }



    .navbar-toggle {
        float: none !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding: 0px !important;
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .ms-navbar.shrink .navbar-collapse, .ms-lead-navbar.shrink .navbar-collapse {
        justify-content: left !important;
    }
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
    .isi-manual {
        height: 250px;
    }
    .auto-scroll {
        height: 148px !important;
        padding-bottom: 57px !important;
    }

    .ms-navbar.navbar .container .navbar-collapse .navbar-nav .nav-item a {
        font-size: 14px;
        padding: 12px 12px !important;
        min-width: 100%;
        margin: 0 !important;
    }

    .ms-navbar.navbar .container .navbar-collapse .navbar-nav li {
        text-align: left !important;
    }

    .ms-navbar.navbar .container .navbar-collapse {
        margin-top: 1px;
        min-width: 100%;
    }

    .hidePOR {
        display: none !important;
    }

    .hidePORnav {
        display: none !important;
    }

    .showPOR {
        display: block;
    }

    .nav-container {
        margin-left: 0% !important;
        max-width: 100% !important;
    }

    .nav-item > a span {
        display: block;
        width: 100%;
    }

    .branded-drug {
        max-width: 100% !important;
    }

    .med-banner-logo {
        margin: 0 0 0 0;
    }

    /*.full-width {
            height: 100% !important;
        }*/

    .profile-modal {
        width: 90% !important;
        max-width: 90% !important;
        margin: 30px auto;
        /*max-height: 100px;*/
    }

    .resource-modal {
        width: 90% !important;
        max-width: 90% !important;
        margin: 30px auto;
        /*max-height: 100px;*/
    }

    .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
        margin: 30px auto;
        /*max-height: 100px;*/
    }

    /*.isi-container {
        position: fixed !important;
        left: 0px;
        bottom: 0px;
        height: 33%;
        width: 100%;
        z-index: 100;
        border-top: 5px solid #d2d2d2;
    }*/

    .banner-ad {
        margin-bottom: 20px;
    }

    /*.full-width {
            height: 31vh !important;
        }*/

    .col-md-10 {
        /*-ms-flex: 0 0 95% !important;
        flex: 0 0 95% !important;
        max-width: 95% !important;*/
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 10%
    }

    /*.navbar-toggle {
            float: none !important;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
            padding: 0px !important;
        }*/

    .search-tbox {
        width: 100%;
    }

    .search-sbutton {
        width: 100%;
    }

    .hero-submit {
        margin: 0;
        width: 100%;
    }

    hr {
        width: 100%;
        border-top: 5px solid #ddd !important;
    }

    .home-banner {
        margin-left: 0 !important;
    }

    .top-banner {
        height: 25vh !important;
    }

    .footer-hero-cta {
        width: 100%;
        margin: 10% 0 0 0;
    }

    .footer-hero {
        background-size: 200% 100%;
    }
}
@media (max-width: 750px) {
    .med-banner-title {
        padding-left: 15px;
    }
}


.collapsed-menu {
    width: 266px;
    height: 50px;
}

.collapsed-menu-sub {
    width: 195px;
    height: 100%;
    margin: auto;
    padding: 7% 0;
}

button.hamburger {
    width: 52px;
}

.hamburger {
    position: relative !important;
    background: #3a6c9d !important;
    padding: 10px 14px 6px !important;
    border-radius: 1px !important;
}

.hamburger-text {
    font-size: 8px;
}

.mobile-title {
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

.mobile-sub-title {
    font-family: 'Playfair Display', serif !important;
    font-weight: bold;
    font-size: 13px;
}

.mobile-link:focus, .mobile-link:hover {
    color: #000 !important;
    text-decoration: none !important;
}

.ms-navbar .navbar-collapse, .ms-lead-navbar .navbar-collapse {
    height: 100% !important;
    background: #fff;
}

/*.navbar .navbar-toggle:focus, .navbar-toggle:hover {
        background-color: #3a6c9d !important;
    }*/

.ms-navbar .btn-navbar-menu, .ms-lead-navbar .btn-navbar-menu {
    color: #12A96D !important;
}

.ms-navbar .navbar-header .navbar-brand, .ms-lead-navbar .navbar-header .navbar-brand {
    color: #000 !important;
}

.navbar-brand span {
    color: #000 !important;
    letter-spacing: -0.79px;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: bold;
}


    .navbar-brand span > span {
        color: #3a6c9d !important;
        letter-spacing: -0.79px;
        font-family: "Open Sans";
        font-size: 22px;
        display: block;
        margin-top: -36px;
        font-weight: bold;
    }

header .ms-navbar .nav-item > a span {
    font-family: 'Playfair Display';
    display: block;
}

.ms-navbar .nav-item > a span > span {
    color: #000 !important;
    color: #454545 !important;
    font-family: "Playfair Display", serif !important;
    font-size: 12px;
    font-weight: bold !important;
}

.ms-navbar .nav-item > a:hover span > span {
    color: #fff !important;
}

.ms-header.ms-header-primary .btn-circle {
    color: #12a96d;
    border: 1px solid;
}

    .ms-header.ms-header-primary .btn-circle:after {
        color: #12a96d;
        border: 1px solid;
    }

    .ms-header.ms-header-primary .btn-circle:hover, .ms-header.ms-header-primary .btn-circle:focus {
        color: #12a96d !important;
    }

.btn-circle i.zmdi {
    font-size: 35px !important;
}

.ms-header .header-right .search-form label {
    font-size: 35px !important;
    color: #2196f3;
    cursor: pointer;
}

.ms-header.ms-header-primary .search-form label {
    color: #12a96d;
}

.ms-header .header-right .search-form .search-input {
    height: 50px;
    border: 1px solid #12a96d !important;
    border-radius: 6px;
    color: #000;
}

.ms-header .header-right .search-form .search-input {
    color: #757575;
}

.ms-navbar .navbar-collapse, .ms-lead-navbar .navbar-collapse {
    min-height: 80px !important;
}

.navbar .navbar-brand {
    height: 80px !important;
    margin-right: 0 !important;
}
/********** From internU *********************/
.full-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    /*height: 34vh;*/
    margin-bottom: -40px;
    min-height: 150px;
}

.full-adjust-h {
    height: 27vh !important;
}

.full-width.ddp-full {
    background-color: white;
}

.full-width > .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: auto;
    margin-left: auto;
}

.grey-1-border {
    border-left: 1px solid #bbbbbb !important;
}

.cta-menu-sep {
    border-bottom: 1px solid #d2d2d2 !important;
    margin: 0 10px;
}

.grey-1-br-border {
    border-bottom: 1px solid #bbbbbb !important;
    border-right: 1px solid #bbbbbb !important;
}

.nav.nav-tabs.selector-tabs {
    width: fit-content;
}

.nav.nav-tabs {
    background-color: #f1f1f1 !important;
}

    .nav.nav-tabs .ms-tabs-indicator {
        display: none !important;
    }

    .nav.nav-tabs li a.active {
        color: #000;
    }

    .nav.nav-tabs li a {
        font-weight: 400;
        padding: 15px 20px;
        padding: 1.5rem 2rem;
        color: #000;
        text-align: center;
    }

.nav-tabs > li > a {
    margin-right: 0px !important;
    border-radius: 0 !important;
}

.nav.nav-tabs li a {
    border-bottom: 1px solid #bbbbbb !important;
    border-right: 1px solid #bbbbbb !important;
    border-top: 1px solid #bbbbbb !important;
}

    .nav.nav-tabs li a.active {
        background-color: #fff !important;
    }

        .nav.nav-tabs li a.active::before {
            position: absolute;
            top: 100%;
            bottom: 0;
            height: 0;
            width: 0;
            left: calc(50% - 11px);
            border: 11px solid transparent;
            border-top-color: #bbbbbb;
            content: "";
        }

        .nav.nav-tabs li a.active::after {
            position: absolute;
            top: 100%;
            bottom: 0;
            height: 0;
            width: 0;
            left: calc(50% - 10px);
            border: 10px solid transparent;
            border-top-color: #fff;
            content: "";
        }

.branded-drug {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    box-shadow: none;
    height: auto;
    max-width: 83.3%;
    min-height: 584px;
}

.main-container {
    border-top: 10px solid #d2d2d2;
    position: relative;
}

.main {
    padding: 34px 0 0 33px;
}

.column-padding-override {
    padding: 0 !important;
    padding-right: 0 !important;
}

.full-width.ddp-full .brand-image img {
    padding-top: 2rem;
    padding-left: 1rem;
    max-height: 168px;
    min-height: 105px;
    left: 0;
    top: 0;
    margin-top: -15px;
    height: 100%;
    width: 50%;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    border: 0;
}
/****** CTA Menu **********************/

.favorites-sidebar {
    background-color: #f8f8f8;
    border: 1px solid #d2d2d2;
    box-shadow: 0 2px 2px 0 rgba(69, 69, 69, 0.2);
}

.side-nav {
    display: block;
    margin: 0;
    padding: 16px;
    list-style-type: none;
    list-style-position: outside;
    color: #3A6C9D;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.13px;
    line-height: 16px;
}
.side-nav .no-bold{
    font-weight: normal !important;  
}

.side-nav-fav {
    padding: 16px 16px;
}

.gen-title {
    color: #454545;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.29px;
    line-height: 26px;
}

.side-nav li.callToAction {
    margin-bottom: 6px;
    font-size: 13px;
    max-width: 152px;
}

.side-nav li.callToActionGen {
    margin-bottom: 13px;
    font-size: 13px;
    max-width: 190px;
}

.side-nav li.favorite {
    padding-top: 5px;
    height: 50px;
    font-size: 1.4rem;
    max-width: 152px;
}

    .side-nav li.favorite p {
        text-decoration: underline;
    }

.side-nav li.profile {
    padding-bottom: .5rem;
    font-size: 1.4rem;
    max-width: 152px;
}

    .side-nav li.profile span {
        font-weight: bold;
        padding: 0 0.875rem;
    }

    .side-nav li.profile ul li {
        list-style: disc;
    }

        .side-nav li.profile ul li a {
            padding: 5px 0 !important;
            text-decoration: none;
        }


.side-nav li a:not(.button) {
    display: block;
    font-weight: bold;
    color: #008CBA;
    margin: 0;
    /*padding:3px 5px 0 15px;*/
    letter-spacing: -0.4px;
    line-height: 1.1;
    color: #3a6c9d;
    text-decoration: underline;
}

.side-nav li div, #fdb-menu li a {
    padding: 3px 5px 0 12px;
}

.side-nav li .icon-box p {
    font-weight: bold;
    color: #3a6c9d;
    position: relative;
    left: 12px;
    margin: 0;
    width: 127px;
}

.side-active {
    color: #454545 !important;
    text-decoration: none !important;
}

.tooltip-p {
    width: 100px;
    display: inline;
}

a.favorited i.fa-star-o {
    background-color: rgba(17, 169, 109, 0.1);
    color: #0a6541 !important;
    border-color: #0a6541 !important;
}
.modal-body li a:not(.button) {
    display: revert;
    font-weight: bold;
    color: #008CBA;
    margin: 0;
    /*padding:3px 5px 0 15px;*/
    letter-spacing: -0.4px;
    line-height: 1.1;
    color: #3a6c9d;
    text-decoration: underline;
}

@media screen and (max-width: 1440px) {
}

.add-favorite .fa-star-o {
    bottom: 0rem;
    right: 89%;
    background-color: #fff;
    border-color: #979797;
    color: #979797;
}

.fa-star-o {
    float: right;
    position: relative;
    bottom: 2.6rem;
    color: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 100px;
    padding: 8px 9px;
    font-size: 1.3rem;
}

.add-favorite {
    padding-bottom: 2rem;
    border-bottom: 1px solid #d2d2d2;
}

.content-title {
    padding-bottom: 2rem;
    border-bottom: 1px solid #d2d2d2;
}

.add-favorite a {
    font-weight: bold;
    letter-spacing: -0.4px;
    text-wrap: avoid;
    position: relative;
    left: 3rem;
    top: 0.3rem;
}
/******* CTA ICONS *****************/
.icon-box.eLearning:before {
    filter: none;
    content: url("../images/icons/cta-evoucher.svg");
}

.icon-box.eLearning:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.eLearning:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

.icon-box.eMaterials:before {
    filter: none;
    content: url("../images/icons/cta-clipboard.svg");
}

.icon-box.eMaterials:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.eMaterials:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

.icon-box.eSamples:before {
    filter: none;
    content: url("../images/icons/cta-samples.svg");
}

.icon-box.eSamples:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.eSamples:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

.icon-box.info:before {
    filter: none;
    content: url("../images/icons/cta-information.svg");
}

.icon-box.info:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.info:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

.icon-box.order:before {
    filter: none;
    content: url("../images/icons/cta-shoppingcart.svg");
}

.icon-box.order:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.order:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

.icon-box.savings:before {
    filter: none;
    content: url("../images/icons/cta-money.svg");
}

.icon-box.savings:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.savings:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

.icon-box.callUs:before {
    filter: none;
    content: url("../images/icons/cta-phone-copy.svg");
}

.icon-box.callUs:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.callUs:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

.icon-box.video:before {
    filter: none;
    content: url("../images/icons/cta-video.svg");
}

.icon-box.video:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.video:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

.icon-box.calender:before {
    filter: none;
    content: url("../images/icons/cta-calendar.svg");
}

.icon-box.calender:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.calender:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

.icon-box.chat:before {
    filter: none;
    content: url("../images/icons/cta-communicate.svg");
}

.icon-box.chat:hover:before {
    filter: brightness(90%) contrast(185%) saturate(50%);
}

.icon-box.chat:active:before {
    filter: brightness(80%) contrast(185%) saturate(30%);
}

/*.icon-box {
    min-height: 38px;
    min-width: 180px;
}*/
.icon-box {
    min-height: 38px;
    min-width: 180px;
    display: flex;
    width: 50%;
    margin: auto;
    align-items: center;
    justify-content: center;
}

    .icon-box img {
        height: 36px;
        width: 36px;
    }

.side-nav li a {
    height: auto;
}

.icon-sm {
    height: 18px;
    width: 18px;
    vertical-align: top;
}

.li-section {
    height: 24px;
}

.resources-send {
    padding: 8px;
    border: 1px solid #D2D2D2;
    background-color: #F8F8F8;
    margin: 17px 0 8px 0;
}

.resources-btn {
    color: #fff;
    background-color: #12A96D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 7px 25px 7px 14px;
    border-width: 0;
    border-style: none;
    border-color: none;
    border-image: none;
}

    .resources-btn img {
        margin: 0 7px 3px 0px;
    }
/********************Brand Info Bucket ******************/
.whiteback {
    background-color: #fff;
    height: auto;
    margin-bottom: 20px;
    border-left: 1px solid #d2d2d2;
}

.form-group input[type=text], .form-group select, .form-group [type=password], .form-group [type=email], .form-group [type=text-box], .form-group textarea {
    padding: 10px !important;
    background-color: #f6f6f6 !important;
    border: 1px solid #d2d2d2 !important;
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.13) !important;
    border-radius: 6px !important;
    background-clip: padding-box;
    background-image: linear-gradient(#2196f3,#2196f3) !important;
    height: 40px;
}

/*BRANDED ACCORDIAN*/

.accordion-panel .accordion dt {
    display: block;
    padding: 10px !important;
    background-color: #f8f8f8 !important;
    border: 1px solid #d2d2d2 !important;
    margin: 5px 0 !important;
    color: #3a6c9d !important;
    cursor: pointer;
    position: relative;
    user-select: none;
}

.accordion-panel .plus-icon {
    background: #12a96d !important;
    padding: 3px !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 3px !important;
}

    .accordion-panel .plus-icon:before, .accordion-panel .plus-icon:after {
        content: '';
        background: #fff !important;
        position: absolute;
    }

.accordion-panel .accordion dt.is-open {
    background: #4a4a4a !important;
    color: #fff !important;
}

.accordion-panel .buttons-wrapper {
    top: -10px;
}

.col-md-5-isi {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 33.666667%;
    max-width: 33.666667%;
}

.col-md-7-isi {
    -ms-flex: 0 0 61.333333%;
    flex: 0 0 61.333333%;
    max-width: 61.333333%;
}

.isi-pad {
    padding: 0 20px 0;
    display: block;
    overflow-x: hidden !important;
}
/*.auto-scroll {
    -webkit-animation-name: move;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction:reverse;
    -webkit-animation-timing-function: linear;
}
    .auto-scroll:hover {
        -webkit-animation-play-state: paused;
    }

@-webkit-keyframes move {
    0% {
        padding-top: 0px;
    }

    100% {
        padding-top: -800px;
    }
}*/
.auto-scroll {
    height: 575px;
    overflow-y: auto;
    border: 2px solid #444;
}
.isi-scroll-cont {
    position: relative;
    overflow: hidden;
    display: block;
}
/*This was added 2022-02-23. Revise iframe cite breaks other clients ISI - CJD*/
    .isi-scroll-cont table td {
        padding: 10px !important;
    }
.table-responsive:hover {
    /*border-color: red;*/
}

table {
    width: 100%;
}



.accordion-panel .accordion dd {
    margin-bottom: 0 !important;
}



.full-content-box {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    box-shadow: none;
    height: auto;
    padding: 40px 20px;
}


/*@keyframes heroBackOne{0%{height:0}100%{height:590%}}@keyframes heroBackTwo{0%{height:0}100%{height:290%}}@keyframes heroBackThree{0%{height:0}100%{height:470%}}.ms-hero.ms-hero-material:before{position:absolute;display:block;content:"";background-color:#1e441f;height:590%;width:75%;bottom:-249%;left:-46%;transform:rotate(-48deg);z-index:1;box-shadow:29px -26px 43px -1px rgba(0,0,0,.5);animation-name:heroBackOne;animation-duration:.5s;animation-delay:.25s;animation-fill-mode:backwards}.ms-hero.ms-hero-material .ms-hero-bg{display:block;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:2}.ms-hero.ms-hero-material .ms-hero-bg:before{position:absolute;display:block;content:"";background-color:#2d682f;height:290%;width:71%;bottom:-140%;left:-43%;transform:rotate(-33deg);z-index:3;box-shadow:28px 10px 43px -1px rgba(0,0,0,.5);animation-name:heroBackTwo;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:backwards}.ms-hero.ms-hero-material .ms-hero-bg:after{position:absolute;display:block;content:"";background-color:#357a38;height:470%;width:46%;bottom:-232%;right:0;transform:rotate(52deg);z-index:4;box-shadow:-33px -22px 43px -1px rgba(0,0,0,.53);animation-name:heroBackThree;animation-duration:.5s;animation-delay:.35s;animation-fill-mode:backwards}*/


/*.ms-hero.ms-hero-material:before {
            position: absolute;
            display: block;
            content: "";
            background-color: #08bf74 !important;
            height: 590% !important;
            width: 75% !important;
            bottom: -383% !important;
            left: -15% !important;
            transform: rotate(-68deg) !important;
            z-index: 1;
            box-shadow: 29px -26px 43px -1px rgba(0,0,0,.25);
            animation-name: heroBackOne;
            animation-duration: .5s;
            animation-delay: .25s;
            animation-fill-mode: backwards;
        }

        .ms-hero.ms-hero-material .ms-hero-bg:before {
            position: absolute;
            display: block;
            content: "";
            background-color: #00a963 !important;
            height: 390% !important;
            width: 89% !important;
            bottom: -300% !important;
            left: -29% !important;
            transform: rotate(18deg) !important;
            z-index: 3;
            box-shadow: 28px 10px 43px -1px rgba(0,0,0,.5);
            animation-name: heroBackTwo;
            animation-duration: .5s;
            animation-delay: .5s;
            animation-fill-mode: backwards;
        }

        .ms-hero.ms-hero-material .ms-hero-bg:after {
            background-color: #00a560 !important;
            height: 200% !important;
            width: 46% !important;
            bottom: 23% !important;
            right: -166px !important;
            transform: rotate(26deg) !important;
            z-index: 4;
            box-shadow: -33px -22px 43px -1px rgba(0,0,0,.53);
            animation-name: heroBackThree;
            animation-duration: .5s;
            animation-delay: .35s;
            animation-fill-mode: backwards;
        }*/

/*.ms-hero.ms-hero-material .ms-hero-bg:after {
    background-color: #5cb870 !important;
    box-shadow: -33px -22px 43px -1px rgba(0,0,0,.23);
}
.ms-hero.ms-hero-material {
    color: #7ad67d;
    background-color: #0e210f;
    min-height: 450px;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}*/
#frmsearch input[type=text], #frmsearch select, #frmsearch [type=password], #frmsearch [type=email], #frmsearch [type=text-box], #frmsearch textarea {
    padding: 10px !important;
    background-color: #f6f6f6 !important;
    border: 1px solid #ccc;
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.13) !important;
    border-radius: 3px !important;
    /*background-clip: padding-box;*/
    background-image: none !important;
    height: 48px;
    transition-duration: .9s !important;
}

.form-group.is-focused .form-control {
    /* outline: none; */
    /* background-image: linear-gradient(#4caf50,#4caf50),linear-gradient(#d2d2d2,#d2d2d2); */
    border: 1px solid #12A96D !important;
    box-shadow: none;
    /*transition-duration: .5s !important;*/
}

input[type=text]:focus, input[type=search]:focus {
    border: 1px solid #12A96D !important;
    box-shadow: none;
    transition-duration: .5s;
}

.form-control, .form-group .form-control {
    border: 0;
    background-image: none;
    background-size: 0 2px,100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom,center calc(100% - 1px);
    background-color: transparent;
    transition: ease-in .5s;
}


.search-container {
    max-width: 600px;
    margin-right: 20px;
}


.search-img {
    height: auto;
    width: 66px;
}

.line-detail {
    height: 3px;
    width: 144px;
    background-color: rgba(58,108,157,0.8);
    margin: 24px 0 10px;
}

.product-description {
    margin-top: 20px;
}

.search-item {
    border-bottom: 1px solid #D2D2D2;
    width: 99.5%;
    margin: 2px;
    padding: 10px 0 10px !important;
}

.home-banner {
    margin-top: 20px;
    margin-bottom: 20px;
}

.fdb-disclaimer {
    margin: 0 0 65px 0;
}

/*bootstrp override mobile state from 768 to 991*/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .ms-navbar {
        min-height: 52px !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
            width: 100%;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-collapse.collapse.in { /* NEW */
        display: block !important;
    }
}
/*****************Global Styles************************/
.l {
    float: left !important;
}

.r {
    float: right !important;
}

.r-dt-only {
    float: right;
}

.c {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.ml10 {
margin-left: 10px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml15 {
    margin-left: 15px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.ml-35 {
    margin-left: 35px
}

.oh {
    position: relative;
    overflow: hidden;
    display: block !important;
}

.cl {
    clear: both;
}

.grey-border-left {
    border-left: 1px solid #ccc;
}

.z150 {
    position: relative;
    z-index: 150;
}

.float-r-mobile-l {
    float: right;
}

.info-icon {
    margin: 0 0 8px 10px;
}

.tooltip-arrow,
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    background-color: #454545;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 18px;
    min-width: 324px;
}

    .tooltip-inner ul li {
        text-align: left;
    }

.med-sidenav p {
    color: #3a6c9d !important;
}

hr {
    border-top: 1px solid #D2D2D2;
}

.spinLoad, .spinLoad:after {
    display: block;
    top: 50%;
}

    .spinLoad div {
        display: inline-block;
        position: absolute;
        left: 8px;
        width: 16px;
        background: #12A96D;
        animation: spinLoad 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .spinLoad div:nth-child(1) {
            left: 8px;
            animation-delay: -0.24s;
        }

        .spinLoad div:nth-child(2) {
            left: 32px;
            animation-delay: -0.12s;
        }

        .spinLoad div:nth-child(3) {
            left: 56px;
            animation-delay: 0;
        }

@keyframes spinLoad {
    0% {
        top: 8px;
        height: 64px;
    }

    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

.profile-box {
    box-sizing: border-box;
    padding: 10px 10px 15px 10px;
    border: 1px solid #D2D2D2;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(69,69,69,0.2);
    margin: 0 0 12px 0;
    overflow: hidden;
}

.profile-formu {
    width: 225px;
}

.profile-formu-title {
    height: 19px;
    width: 223px;
    color: #3A6C9D;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.18px;
    line-height: 19px;
}

.profile-formu-plan {
    color: #444444;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.7px;
    line-height: 16px;
    margin: 6px 0 12px 0;
}

.profile-formu hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 1px dashed #D2D2D2;
}

.profile-formu-italic {
    color: #454545;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0.7px;
    line-height: 16px;
    margin: 12px 0 6px 0;
}

.profile-formu-detail {
    background-color: #eee;
    color: #454545;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 18px;
    padding: 3px 10px;
}

.profile-formu-padding {
    padding-right: 15px;
    padding-left: 0px;
}

.formu-fav-button-text {
    padding: 9px 0 0 6px;
}

/*.embed-responsive {
    height: auto;
}*/
.embed-responsive {
    height: auto;
    max-height: 581px;
}

.side-nav > .dropright {
    height: 39px;
}

    .side-nav > .dropright > .dropdown-toggle {
        padding-left: 0px;
        padding-right: 0px;
    }


.card-body > table[style] {
    max-width: 534px;
}

.isi-pad a {
    text-decoration: underline;
}

.modal-sm {
    width: 600px !important;
    font-size: 14px;
}

    .modal-sm p {
        font-size: 14px !important;
    }
/*td {
    padding: 24px;
    background: #eee;
}*/
.emailModalForm a {
    text-decoration: underline;
}
.card-body a{
    text-decoration:underline;
}
.isi-container p{
    font-size: 12.5px;
}
.embed-responsive-16by9 {
     padding-bottom: 0%; 
}
.nav.nav-tabs.selector-tabs-search {
    width: fit-content;
}
.selector-tabs-search a:hover > span {
    color: #000 !important;
}

.selector-tabs-search li {
    position: relative;
}

    /*.selector-tabs-search li a {
        margin: 0;
        position: relative !important;
        top: 50%;
        left: 50%;
        padding: 25px 25px 0 !important;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 78px;
    }*/
/*.selector-tabs li a.active {
        padding: 20% 25px 0 !important;
    }*/

.selector-tabs-search a {
    color: #3A6C9D;
    font-size: 12px;
}

    .selector-tabs-search a span {
        font-family: "Open Sans", sans-serif !important;
        color: #3A6C9D;
        font-size: 16px;
        font-weight: bold;
        line-height: 14px;
        display: block !important;
    }

.selector-tabs-search .nav-item .active span {
    color: #000;
}

.selector-tabs-search a span:hover {
    color: #000 !important;
}
.med-banner-title h1 {
    color: #454545;
    font-family: "Open Sans";
    font-size: 12.5px;
    line-height: 18px;
}
.isi-manual {
    height: 575px;
}

.width-override {
    width: 30% !important;
    min-width: 390px;
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
@media (max-width: 400px) {
    .collapsed-menu-sub {
        width: 130px;
    }

    .collapsed-menu {
        width: 240px;
    }
    .search-tbox {
        width: 72%;
        margin: 8px 0 0 15px;
    }
    .banner-ad {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.iosPdfButtonContainer:before {
    padding-top: 0 !important;
}
.iosPdfButton {
    position: relative;
    left: 36%;
    margin-top: 30px;
}
.ios-resources-btn {
    display: block;
    color: #fff !important;
    height: 34px;
    width: 152px;
    background-color: #12A96D;
    padding: 7px 25px 7px 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-width: 0;
    border-style: none;
    border-color: none;
    border-image: none;
}

    .ios-resources-btn:visited {
        color: #fff !important;
    }

    .ios-resources-btn img {
        margin: 0 7px 3px 0px;
    }

/*h3 span.hTagLineBreak {
    display:block;
    content: "\a";
    white-space: pre;
}
.modalHeaderTitleAddPad {
    padding: 0 60px 0 0;
    display: block;
}*/
.content-valignTop-table td {
    vertical-align: top;
    padding:5px;
}