/*@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);*/

body {
    font-family: 'Roboto','Open Sans', Arial, serif;
}

a {
    color: rgba(45, 75, 105, 1);
}

.nccn-h1 {
    font-size: 44px;
    font-weight: lighter;
    font-family: Roboto;
    color: rgba(45, 75, 105, 1);
}

.nccn-h1-38 {
    font-size: 38px;
    line-height: 48px;
    font-weight: lighter;
    font-family: Roboto;
    color: rgba(45, 75, 105, 1);
}

.nccn-h2-light {
    font-size: 32px;
    font-family: Roboto;
    font-weight: lighter;
    color: rgba(45, 75, 105, 1);
}

.nccn-h2 {
    font-size: 32px;
    font-family: Roboto;
    color: rgba(45, 75, 105, 1);
}

.nccn-h3 {
    font-size: 24px;
    font-family: Roboto;
    color: rgba(45, 75, 105, 1);
}

.nccn-h3-OS {
    font-size: 24px;
    font-family: 'Open Sans';
    color: rgba(45, 75, 105, 1);
    line-height: 32px;
}

.nccn-h4 {
    font-size: 18px;
    font-family: 'Open Sans';
    color: rgba(45, 75, 105, 1);
}

.nccn-h4-gray {
    font-size: 18px;
    font-family: 'Open Sans';
    color: #484848;
}

.nccn-h5-gray {
    font-size: 16px;
    font-family: 'Open Sans';
    color: #484848;
}

.nccn-h5 {
    font-size: 16px;
    font-family: 'Open Sans';
    color: rgba(45, 75, 105, 1);
}

.nccn-h6 {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #484848;
}

.nccn-button {
    border-radius: 0.5em;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 10px;
    background: #2d4b69;
    border-bottom-left-radius: 3px;
    font-family: Roboto;
    font-size: 16px;
}

a.mi-button {
    border-radius: 0.5em;
}

.white-background {
    background-color: #ffffff;
}

.gray-background {
    background-color: #f4f4f4;
}

.green-background {
    background-color: rgba(64,208,188,1);
}

.top {
    background-color: #2D4B69;
    height: 55px;
}

    .top div {
        padding-top: 6px;
    }

    .top span:after {
        content: ' ';
        background: url('/ResourcePackages/NCCN/images/right_arrow.png') no-repeat;
        width: 20px;
        display: inline-block;
        height: 13px;
        margin-left: 14px;
    }

    @media (max-width: 480px) {
        .top span:after {
            background: none;
        }
    }

.modal.fade:not(.show) {
     opacity: 1!important; 
}
@media (max-width: 768px){
    .container {
        max-width: 100%!important;
    }
}
@media (max-width: 576px){
    .container {
        max-width: 100%!important;
    }
}
h2.page-header {
    color: #304d6b;
    font-size: 30px;
}

.navbar-brand {
    display: none;
}

.navbar-top {
    margin-top: 5px;
}

    .navbar-top .nav-item a {
        color: #484848 !important;
        line-height: 26px;
        font-family: 'Open Sans';
        font-weight: normal;
        font-size: 16px;
    }

.menu-logo {
    text-align: left;
}

    .menu-logo img {
        /* 100px height for 30 anniver logo - FJZ - 2024-11-14 */
        height: 100px;
        /*height: 66px;*/
        width: 260px;
    }

.menu-top .form-inline .form-control {
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 16px;
}
.menu-top .form-inline > .form-group.sf-search-input-wrapper {
    margin-top: 10px;
    display: inline-flex;
    width: 100%;
}
    .menu-top .form-inline > .form-group.sf-search-input-wrapper > input[type="text"].form-control {
        font-family: 'Open Sans';
        font-weight: normal;
        font-size: 16px;
        border-right: none;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
        .menu-top .form-inline > .form-group.sf-search-input-wrapper > input[type="text"].form-control:focus, .menu-top .form-inline button:focus {
            box-shadow: none;
            border-color: #ced4da;
        }

.menu-top .form-inline button{
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 16px;
    border-left: none!important;
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5em;
    height: 48px;
}

    .menu-top .form-inline button.btn-primary:not(:disabled):not(.disabled):active {
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border-color: #ced4da;
    }
.menu-top, .return-store {
    border-bottom: 1px solid #d6d6d6;
    padding-top: 20px;
    padding-bottom: 20px;
}

.return-store {
    margin-bottom: 58px;
}

.menu-top .return-clinical-site, .return-store {
    margin-top: 20px;
}

    .menu-top .return-clinical-site span, .return-store span {
        text-transform: uppercase;
        color: #2D4B69;
        font-size: 16px;
        font-weight: 900;
    }

    .menu-top .return-clinical-site a span:before, .return-store a span:before {
        content: ' ';
        background: url(/ResourcePackages/NCCN/images/left_arrow.png) no-repeat;
        width: 20px;
        display: inline-block;
        height: 13px;
    }
    .return-store a.log-in > span, .return-store a.shopping-cart > span {
        font-family: Roboto;
        font-weight: bold;
        font-size: 16px;
        text-transform: none;
        /*float: right;*/
    }
        .return-store a.log-in > span:before, .return-store a.shopping-cart > span:before {
            content: '';
            background: none;
            width: 0;
        }
a.log-in{
    margin-right:50px;
}
a.shopping-cart, a.log-in {
    float: right;
}
a.shopping-cart > .circle {
    border-radius: 50%;
    border-color: #2D4B69;
    width: 16px;
    height: 16px;
    background-color: #2D4B69;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    text-align: center;
    padding-left: 1px;
    padding-right: 1px;
    position: relative;
    top: -11px;
}
        .menu-top .col-auto {
            padding-left: 0;
            padding-right: 0;
        }

.menu-top .navbar.navbar-light.bg-light {
    background-color: #ffffff !important;
}

.menu-top .search input {
    height: 48px;
}

.menu-top .search input::-webkit-search-cancel-button {
    position: relative;
    right: 20px;
}

.menu-top #search {
    position: absolute;
    right: 23px;
    border: none;
}

    .menu-top #search:hover,
    .menu-top #search:focus {
        color: #007bff;
        background: none;
        border: none;
        box-shadow: none;
    }

.menu-top .login {
    margin-top: 6px;
    padding-right: 7px;
}

    .menu-top a[href$="login"],
    .menu-top .login a[data-sf-role="sf-logged-in-name"] {
        line-height: 24px;
        font-family: 'Open Sans';
        font-weight: bold;
        font-size: 16px;
        color: rgba(72,72,72,1);
    }

    .menu-top .login nav.navbar {
        padding-left: 0;
        padding-right: 0;
    }

    .menu-top .login a.nav-link.top-link:after {
        content: ' ';
        background: url('/ResourcePackages/NCCN/images/down_arrow.png') no-repeat;
        width: 12px;
        display: inline-block;
        height: 9px;
        margin-left: 7px;
    }

#dropdownMenuUser {
    width: 600px;
    right: 0;
    left: auto;
    background-color: #f4f4f4;
    padding: 21px;
    border: none;
    border-radius: 5px;
}

    #dropdownMenuUser .border-top {
        border-top: 1px solid #d6d6d6;
    }

.menu-top .login .title-text {
    color: #484848;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    font-family: 'Open Sans';
}

.menu-top .login .link-text {
    display: block;
    color: #2d4b69;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: initial;
    text-transform: initial;
    font-family: 'Open Sans';
}

.menu-top .login .show-more {
    display: block;
    color: #2d4b69;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Open Sans';
    text-align: right;
}

.menu-top .login .logout-text {
    color: #2d4b69;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    font-family: 'Open Sans';
}

.footer {
    background-color: #2d4b69;
    color: #ffffff !important;
    margin-top: 40px;
}

.footer-contact a, .footer-contact li {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    height: 50px;
    color: #ffffff;
}

.menu-footer {
    margin-top: 25px;
}

    .menu-footer .nav-item a {
        color: #ffffff !important;
        font-family: Arial;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
    }

    .menu-footer .navbar-nav {
        margin-left: auto;
        margin-right: auto;
    }

.footer-contact {
    margin-top: 23px;
    margin-top: 23px;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 18px;
}

.social {
    margin-top: 25px;
    border-bottom: 1px solid #006098;
}

.footer-contact .social span:after {
    content: ' ';
    width: 41px;
    display: inline-block;
    height: 33px;
}

.footer-contact .social-facebook span:after {
    background: url('/ResourcePackages/NCCN/images/facebook.png') no-repeat;
}

.footer-contact .social-instagram span:after {
    background: url('/ResourcePackages/NCCN/images/instagram.png') no-repeat;
}

.footer-contact .social-linkedin span:after {
    background: url('/ResourcePackages/NCCN/images/linkedin.png') no-repeat;
}

.footer-contact .social-twitter span:after {
    background: url('/ResourcePackages/NCCN/images/twitter.png') no-repeat;
}

.footer-contact .social-youtube span:after {
    background: url('/ResourcePackages/NCCN/images/youtube.png') no-repeat;
}

.footer-copyright {
    color: #ffffff;
    line-height: 24px;
    margin-top: 20px;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
}
    .footer-copyright p a {
        display: inline;
        font-size: inherit;
        color: #fff;
        text-decoration: underline;
    }

    .title-text {
        color: #2d4b69;
        font-size: 38px;
        font-weight: 300;
        line-height: 24px;
    }

.content-text {
    color: #484848;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Open Sans';
}

.link-text {
    color: #2d4b69;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.18px;
    line-height: 42px;
    text-transform: uppercase;
}

.my-pages div {
    text-align: left;
}

.my-pages .title-text {
    color: #2d4b69;
    font-family: Roboto;
    font-size: 38px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
}

.my-pages .content-text,
.my-pages .add-page-link {
    margin-top: 14px;
}

    .my-pages .content-text a {
        color: #2d4b69;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

    .my-pages .add-page-link a {
        color: #2d4b69;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        text-transform: uppercase;
    }

.my-pages, .welcome {
    padding-top: 93px;
    padding-bottom: 88px;
}

    .welcome div {
        text-align: center;
    }

    .welcome a {
        display: inline-block;
    }

    .welcome .button-register,
    .welcome .button-register-video {
        width: 158px;
        height: 48px;
        box-shadow: 0 3px 10px rgba(0, 96, 152, 0.16);
        background-color: #2d4b69;
        color: #ffffff !important;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 900;
        letter-spacing: 0.16px;
        line-height: 30px;
        text-transform: uppercase;
        padding-top: 10px;
        border-radius: 0.5em;
    }

    .welcome .button-register-video {
        font-size: 14px;
        padding-top: 10px;
        line-height: 16px;
    }

    .welcome .title-text {
        color: #2d4b69;
        font-family: Roboto;
        /*font-size: 38px; FJZ - 2023/02/24 */
        font-size: 28px;
        font-weight: lighter;
        line-height: 2rem;
    }

    .welcome .content-text {
        color: #484848;
        /*font-size: 24px; FJZ - 2023/02/24 */
        font-size: 16px;
        font-weight: 400;
        /*line-height: 32px; FJZ - 2023/02/24 */
        line-height: 24px;
        margin-top: 19px;
        font-family: 'Open Sans';
    }

    .welcome .link-text {
        margin-top: 30px;
    }

.member-institution .title-text {
    margin-top: 95px;
}

.member-institution .content-text {
    margin-top: 24px;
    font-size: 20px;
}

.member-institution .link-text {
    margin-top: 22px;
}

.member-institution a span:after {
    content: ' ';
    background: url('/ResourcePackages/NCCN/images/right_arrow.png') no-repeat;
    width: 20px;
    display: inline-block;
    height: 13px;
    margin-left: 14px;
}

.inst-img-list img {
    width: 150px;
}

.inst-img-list:after {
    content: ' ';
    width: 13px;
    display: inline-block;
    height: 73px;
    background: url('/ResourcePackages/NCCN/images/ins_arrow_right.png') no-repeat;
}

.inst-img-list:before {
    content: ' ';
    width: 13px;
    display: inline-block;
    height: 73px;
    background: url('/ResourcePackages/NCCN/images/ins_arrow_left.png') no-repeat;
}

.nccn-foundation a span:after {
    content: ' ';
    background: url('/ResourcePackages/NCCN/images/right_arrow.png') no-repeat;
    width: 20px;
    display: inline-block;
    height: 13px;
    margin-left: 14px;
}

.nccn-foundation .title-text {
    margin-top: 0;
    line-height: 50px;
}

.nccn-foundation .content-text {
    font-size: 18px;
    line-height: 26px;
    margin-top: 23px;
}

.nccn-foundation .link-text a {
    display: block;
}

.nccn-foundation .link-text {
    margin-top: 19px;
}

.header-line {
    padding: 0;
}

    .header-line h2 {
        font-style: normal;
        font-weight: lighter;
        font-size: 44px;
        color: rgba(45,75,105,1);
        margin-top: 45px;
        padding-bottom: 25px;
    }

#nccnLeftNavbar {
    margin-right: -15px;
}

#nccnLeftNavbar nav {
    background: #f4f4f4;
    margin-bottom: 20px;
}

    #nccnLeftNavbar nav a.nav-link.active {
        background: #d6d6d6;
        font-weight: bold;
    }

    #nccnLeftNavbar nav a.nav-link:hover {
        background: #d6d6d6;
    }

#nccnLeftNavbar .top-link {
    font-size: 16px;
    font-weight: bold;
}

#nccnLeftNavbar a, #nccnNavbar a:focus {
    color: #2D4B69;
    cursor: pointer;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 18px;
    font-weight: 600;
}

#nccnLeftNavbar .nav-item.level-2 .collapsing{
    display:inline-block!important;
}

#nccnLeftNavbar .nav-item.level-2 > a,
#nccnLeftNavbar .nav-item.level-2 > span > a {
    font-weight: 700;
}

    #nccnLeftNavbar .nav-item.level-2 > a[data-toggle="collapse"]::after,
    #nccnLeftNavbar .nav-item.level-2 > span[data-toggle="collapse"]::after {
        content: '-';
        float: right;
        font-weight: 700;
    }

    #nccnLeftNavbar .nav-item.level-2 > a[data-toggle="collapse"].collapsed::after,
    #nccnLeftNavbar .nav-item.level-2 > span[data-toggle="collapse"].collapsed::after {
        content: '+';
    }

    #nccnLeftNavbar .nav-item.level-3 {
        margin-left: 0.5em;
    }

    #nccnLeftNavbar .nav-item.level-4 {
        margin-left: 0.5em;
    }

    #nccnLeftNavbar .nav-item.level-3 > a[data-toggle="collapse"]::after,
    #nccnLeftNavbar .nav-item.level-3 > span[data-toggle="collapse"]::after {
        content: '-';
        float: right;
        font-weight: 700;
    }

    #nccnLeftNavbar .nav-item.level-3 > a[data-toggle="collapse"].collapsed::after,
    #nccnLeftNavbar .nav-item.level-3 > span[data-toggle="collapse"].collapsed::after {
        content: '+';
    }


/* FZ - 2022-03-15 - Left Nav Updates */

    #nccnLeftNavbar2022 {
        margin-right: -15px;
    }

    #nccnLeftNavbar2022 nav {
        background: #f4f4f4;
        margin-bottom: 20px;
    }

        #nccnLeftNavbar2022 nav a.nav-link.active {
            background: #d6d6d6;
            font-weight: bold;
        }

        #nccnLeftNavbar2022 nav a.nav-link:hover {
            background: #d6d6d6;
        }

    #nccnLeftNavbar2022 .top-link {
        font-size: 16px;
        font-weight: bold;
    }

    #nccnLeftNavbar2022 a, #nccnNavbar a:focus {
        color: #2D4B69;
        cursor: pointer;
        font-family: 'Open Sans';
        font-style: normal;
        font-size: 18px;
        font-weight: 600;
    }

    #nccnLeftNavbar2022 .nav-item.level-2 .collapsing {
        display: inline-block !important;
    }

    #nccnLeftNavbar2022 .nav-item.level-2 > a,
    #nccnLeftNavbar2022 .nav-item.level-2 > span > a {
        font-weight: 700;
    }

    #nccnLeftNavbar2022 .nav-item.level-2 > a[data-toggle]:not(.collapsed)::after, 
    #nccnLeftNavbar2022 .nav-item.level-2 > span[data-toggle]:not(.collapsed)::after {
        content: ' -';
        float: right;
        font-weight: 700;
    }

    #nccnLeftNavbar2022 .nav-item.level-2 > a[data-toggle].collapsed::after,
    #nccnLeftNavbar2022 .nav-item.level-2 > span[data-toggle].collapsed::after {
        content: ' +';
        float: right;
        font-weight: 700;
    }

    #nccnLeftNavbar2022 .nav-item.level-3 {
        margin-left: 0.5em;
    }

    #nccnLeftNavbar2022 .nav-item.level-4 {
        margin-left: 0.5em;
    }

    #nccnLeftNavbar2022 .nav-item.level-3 > a[data-toggle]:not(.collapsed)::after,
    #nccnLeftNavbar2022 .nav-item.level-3 > span[data-toggle]:not(.collapsed)::after {
        content: ' -';
        float: right;
        font-weight: 700;
    }

    #nccnLeftNavbar2022 .nav-item.level-3 > a[data-toggle].collapsed::after,
    #nccnLeftNavbar2022 .nav-item.level-3 > span[data-toggle].collapsed::after {
        content: ' +';
        float: right;
        font-weight: 700;
    }


/* FZ End Left Nav Updates */

    .oncology-policy-program .title-text {
        font-family: Roboto;
        font-style: normal;
        font-weight: lighter;
        font-size: 32px;
        color: rgba(45, 75, 105, 1);
    }

#nccnTemplates .custom-select {
    background: url(/ResourcePackages/NCCN/images/down_arrow.png) no-repeat;
    background-position: right center;
    background-origin: content-box;
    width: 100%;
}

#nccnTemplates .button {
    display: block;
    width: 158px;
    height: 48px;
    padding-top: 9px;
    background-color: rgba(45,75,105,1);
    border-radius: 0.5em;
    box-shadow: 0px 3px 10px rgba(0, 96, 152, 0.251);
    transform: matrix(1,0,0,1,0,0);
    white-space: nowrap;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: rgba(255,255,255,1);
    letter-spacing: 0.1px;
    text-decoration: none;
    font-family: Roboto;
}

#nccnTemplates .search {
    background: url(/ResourcePackages/NCCN/images/search.png) no-repeat;
    background-position: right center;
    background-origin: content-box;
    width: 100%;
}

#nccnTemplates .table th,
#nccnTemplates .table td {
    word-break: break-word;
}

.nccn-breadclumb {
    background: #f4f4f4;
    height: 45px;
    margin-left: -15px;
    margin-right: -15px;
}

    .nccn-breadclumb a, .nccn-breadclumb .breadcrumb-item.active {
        font-family: 'Open Sans';
        font-weight: normal;
        font-size: 16px;
        color: rgba(45,75,105,1);
    }

    .nccn-breadclumb .breadcrumb {
        background: #fff;
        margin-left: 0px;
        border-radius: 0px;
        background: #f4f4f4;
        padding-bottom: 0px;
    }

        .nccn-breadclumb .breadcrumb .breadcrumb-item:last-child {
            font-weight: bold;
        }

    .nccn-breadclumb .breadcrumb-item + .breadcrumb-item::before {
        content: '>';
    }

.education-research {
/*    padding-top: 70px;
    padding-bottom: 70px;*/
    padding-top: 1em;
    padding-bottom: 2em;
}

.nccn-store-top {
    background: url(/ResourcePackages/NCCN/images/nccn-store-top.png) no-repeat 10% top #245075;
    min-height: 200px;
    background-size: auto 100%;
}

.img-title {
    color: rgba(45,75,105,1);
    font-size: 24px;
    max-width: 155px;
}


.nccn-about-bottom-block {
    background: url(/Mvc/Content/images/arrow-right.png) 90% center #f4f4f4;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
}

    .nccn-about-bottom-block a {
        font-size: 16px;
        font-weight: bold;
    }

.patient-resources a.nav-link,
.patient-resources a.nav-link:focus {
    color: rgb(72, 72, 72) !important;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans';
}
.patient-resources a.nav-link:hover {
    background: #d6d6d6;
}
/*----------------------------------------------------------------------------------*/
.news-events .caption-text {
    color: #2d4b69;
    font-family: Roboto;
    font-size: 38px;
    font-weight: 300;
    text-align: center
}

.news-events .col {
    border: 1px solid #d3d3d3;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 12px;
    width: 515px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
}

.news-events .col-12 {
    padding-right: 35px;
    padding-left: 35px;
}

.news-events img {
    width: 100%;
}

.news-events .col-12.title-text {
    color: #2d4b69;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    margin-top: 23px;
}

.news-events .date-type-event-text {
    font-style: normal;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 20px;
    color: rgba(72,72,72,1);
    margin-top: 26px;
    line-height: 28px;
}

.news-events .content-text {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(72,72,72,1);
    margin-top: 10px;
    line-height: 26px;
}

.news-events .url-text {
    margin-top: 20px;
}

.news-events a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: rgba(0,96,152,1);
    letter-spacing: 0.1px;
}

    .news-events a span:after {
        content: ' ';
        background: url(/ResourcePackages/NCCN/images/right_arrow.png) no-repeat;
        width: 20px;
        display: inline-block;
        height: 13px;
        margin-left: 14px;
    }

.patient-resources .div-left,
.patient-resources .div-right {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    color: rgba(45,75,105,1);
    padding: 44px;
    height: 298px;
    width: 360px;
}

.patient-resources .div-left {
    background: url(/ResourcePackages/NCCN/images/pat_resourse_mes_left.png) no-repeat;
    margin-right: 10px;
}

.patient-resources .div-right {
    background: url(/ResourcePackages/NCCN/images/pat_resourse_mes_right.png) no-repeat;
    margin-left: 10px;
}

.patient-resources .div-center {
    background: url(/ResourcePackages/NCCN/images/pat_resourse_mes_center.png) no-repeat;
    height: 212px;
    width: 212px;
}

#donate {
    filter: drop-shadow(0px 3px 10px rgba(0, 96, 152, 0.161));
    width: 365.019px;
    height: 48px;
    transform: matrix(1,0,0,1,0,0);
    font-family: Roboto;
    background-color: #2D4B69;
    color: #ffffff;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
}

    #donate div {
        filter: drop-shadow(0px 3px 10px rgba(0, 96, 152, 0.161));
        width: 365.019px;
        height: 48px;
        transform: matrix(1,0,0,1,0,0);
        background-color: #2D4B69;
    }

.mt-minus-20 {
    margin-top: -20px;
}

.content-color {
    color: #484848;
}

.evidence-blocks-div {
    background: url('/ResourcePackages/NCCN/images/evidence_blocks.png');
    height: 295px;
}

.evidence-blocks-development {
    background: url('/ResourcePackages/NCCN/images/evidence_blocks_development.png') no-repeat;
    height: 211px;
    background-size: 100%;
}

#translations {
    line-height: 48px;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(255,255,255,1);
    letter-spacing: 0.1px;
}

    #translations div {
        filter: drop-shadow(0 3px 10px rgba(0, 96, 152, 0.161));
        width: 365.019px;
        height: 48px;
        text-transform: uppercase;
        background-color: #2D4B69;
    }

.mobile-app .nccn-h4-gray {
    line-height: 26px;
}

.mobile-app .nccn-h5-grayy {
    line-height: 24px;
}

.compendia-button {
    border-radius: 0.5em;
}


.nccn-compendia {
    font-family: 'Open Sans';
}

.mt-22{
    margin-top:22px;
}
.mt-30{
    margin-top:30px;
}

.validation-summary-errors ul li {
    color: red;
}

#storeUserLeftNavigation * {
    font-weight: bold;
}

#storeUserLeftNavigation span  {
    border-bottom: 1px solid rgba(214,214,214,1);
    display: block;
    padding-top:15px;
    padding-bottom:15px;
}

#storeUserLeftNavigation li > a {
    padding-top:0;
    padding-bottom:0;
}

#storeUserLeftNavigation li:last-child span {
    border-bottom: none;
}

#storeUserLeftNavigation ul > li.active {
    background-color:#D6D6D6;
}

#storeUserLeftNavigation .gray-background {
    background-color: #f4f4f4;
}

#storeUserLeftNavigation nav {
    
    border-radius: 5px;
}
/* ************** NCCN Developer's Styles. Please do not edit below this line. ************** */
.dynamicYear::after {
    content: ' 2025 ';
}

/* general content */
.contentBlock {
    color: #484848;
    font-family: 'Open Sans';
    font-size: 18px;
    margin-bottom: 30px;
}
.contentBlock a{
    color: #2d4b69;
    font-weight: bold;
}
.contentBlock a:hover {
    color: #0056c4;
    text-decoration: underline;
}
.contentBlock h3 {
    font-size: 32px;
    font-family: Roboto;
    font-weight: lighter;
    color: #2d4b69;
}

p.anchorButton,
div.anchorButton {
    margin-bottom: 0;
    border-radius: 0.5em;
}

.anchorButton a {
    background: #2d4b69;
    color: #fff;
    display: inline-block;
    padding: 15px 25px;
    border-radius: 0.5em;
}

.anchorButton:hover a {
    color: #fff;
}


/* call out box */
.callOut {
    background: #d6d6d6;
    border-radius: 10px;
    padding: 30px;
}

/* evidence blocks page */
.evidenceBlocks {
    background: #f4f4f4;
    padding: 15px;
}
.evidenceBlocks ul{
    list-style: none;
    margin: -12px 0 20px 0;
    padding: 0;
}
.evidenceBlocks hr{
    margin-top: -15px;
}
.evidenceBlocks .faq {
    margin-bottom: 30px;
}
.evidenceBlocks .faq p:first-child{
    margin: 0;
}
.evidenceBlocks .faq ul {
    margin-top: 20px;
    list-style: disc;
    list-style-position: inside;
}
.evidenceBlocks .faq li{
    padding-bottom: 10px;
}
.evidenceBlocks.showHideLink {
    margin-top: 20px;
    padding: 0;
}
.evidenceBlocks.showHideLink h3 {
    margin: 0;
    font-weight: normal;
}

    .evidenceBlocks.showHideLink a:after {
        content: '';
        border-radius: 50%;
        width: 35px;
        height: 35px;
        float: right;
        border: 2px solid rgba(0, 96, 152, 1);
        background: url(/ResourcePackages/NCCN/images/right_arrow.png) no-repeat;
        background-position: center;
        position: relative;
        top: -3px;
    }
.evidenceBlocks.showHideLink a,
.evidenceBlocks.showHideLink a:hover {
    font-size: 24px;
    color: #2d4b69;
    font-family: Roboto;
    display: block;
    padding: 22px 20px;
}
        

/* lists of links */
.linksListWrapper {
    color: #484848;
    font-family: 'Open Sans';
    font-size: 18px;
    margin: 30px 0 0 0;
}
.linksListWrapper div {
    border-top: 1px solid #d6d6d6;
    padding: 30px 0;
}
    .linksListWrapper .noStyle {
        border: none;
        padding-top: 0;
    }

.linksListWrapper h4 {
    font-weight: bold;
    font-size: 20px;
}
    h4.nested span{
        font-size: 14px;
        font-weight: normal;
    }

.linksListWrapper ul {
    margin: 0 0 0 32px;
    padding: 0;
}
    .linksListWrapper ul.pdfList,
    .linksListWrapper ul.NavCompass,
    .linksListWrapper ul.expandable,
    .linksListWrapper ul.committee,
    #GLdisclosures .linksListWrapper ul {
        list-style: none;
        margin: 0;
    }

.linksListWrapper ul.committee li {
    padding-bottom: 10px;
}

.linksListWrapper p {
    margin: 0 0 4px 0;
}
    .linksListWrapper .pdfList p {
        background: url(/ResourcePackages/NCCN/images/pdflogo.png) no-repeat;
        background-size: 15px 20px;
        background-position: 0 3px;
        padding-left: 21px;
    }

.linksListWrapper .NavCompass p {
    background: url(/ResourcePackages/NCCN/images/NavigatorIconCompass.png) no-repeat;
    background-size: 15px 20px;
    background-position: 0 3px;
    padding-left: 21px;
}

.linksListWrapper .NavCompass span {
    padding-left: 21px;
}






.linksListWrapper p a {
    color: #304d6b;
    cursor: pointer;
    font-weight: 600;
}
    .linksListWrapper .expandable > li > p a:before {
        content: '-';
    }

    .linksListWrapper .expandable > li > p a.collapsed:before {
        content: '+';
    }
    .expandable .dateLinks a:hover {
        color: #0056c4;
    }

.linksListWrapper p span {
    padding-bottom: 8px;
    line-height: 24px;
    font-size: 14px;
}
    .expandable .dateLinks span {
        display: inline-block;
        width: 20%;
    }
    .expandable .dateLinks span:first-child {
        width: 30%;
    }
    .expandable .dateLinks span:last-child {
        width: 40%;
    }

/* orp recent new page */
.linksListWrapper .orpNewsYears {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.linksListWrapper .orpNewsYears li {
    float: left;
    padding-right: 25px;
}

/* academy > school of pharmaceutical biotech business curriculum */
.schoolPharmaCurric .expandable a.collapsed {
    color: #2d4b69;
    text-decoration: underline;
}
.schoolPharmaCurric .expandable a {
    color: #0056c4;
    text-decoration: none;
}
.schoolPharmaCurric .expandable > li {
    margin-bottom: 20px;
}
.schoolPharmaCurric div {
    border-top: 0;
    padding: 15px 0;
}
.schoolPharmaCurric div > ul {
    margin-left: 50px;
    list-style: disc;
}
    .schoolPharmaCurric div > ul ul {
        list-style: circle;
    }
.schoolPharmaCurric div p{
    margin-bottom: 10px;
}

/* global > framework review */
.frameworkReview ul{
    margin: 0;
    list-style: none;
}
.frameworkReview li {
    margin-bottom: 20px;
}

/* business > rems */
.rems > ul > li {
    margin-bottom: 12px;
}
/*this is the same link styles as 
content block.*/
.rems a {
    color: #2d4b69;
    font-weight: bold;
}
.rems a:hover {
    color: #0056c4;
    text-decoration: underline;
}

/* about > leadership */
.leadership h3 {
    margin-bottom: 25px;
}
.leadership h3 + p {
    margin-bottom: 20px;
}
.leadership ul {
    list-style: none;
    margin: 0;
}
.leadership ul li {
    padding-bottom: 10px;
}
.leadership ul.managementTeam li{
    border-top: 1px solid #d6d6d6;
    padding: 30px 0;
}
.leadership ul.managementTeam p {
    margin-bottom: 15px;
}
.leadership ul.managementTeam li:first-child {
    border-top: none;
    padding-top: 0;
}
.leadership ul.managementTeam li img {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}


/* disclosure details table */
table.disclosureDetails {
    border: 1px solid #bed7fd;
    table-layout: fixed;
    width: 100%;
    font-size: 0.9em;
}
table.disclosureDetails th {
    background-color: #e5eefb;
    border-right: 1px solid #bed7fd;
    border-bottom: 1px solid #bed7fd;
    padding: 5px;
}
table.disclosureDetails td {
    border-right: 1px solid #bed7fd;
    border-bottom: 1px solid #bed7fd;
    padding: 5px;
}
table.disclosureDetails tbody tr:hover {
    background: #f4f4f4;
}

/* Supports Logos */
.supportsLogos {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
}
.supportsLogos ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
.supportsLogos li {
    display: inline-block;
    margin-bottom: 10px;
    width: 24%;
}

.supportsLogos li a {
    display: block;
    margin: 0 auto;
    width: 118px;
}

@media (max-width:620px){
    .supportsLogos ul {
        list-style: none;
        margin: 0 0 20px 0;
        padding: 0;
    }

    .supportsLogos li {
        display: inline-flex;
        margin-bottom: 10px;
        width: 24%;
    }

        .supportsLogos li a {
            display: block;
            margin: 0 auto;
            width: 24%;
        }
}

/* /guidelines/guidelines-detail? */
#GLdetailsPage h4 {
    padding: 7px 0 10px 47px;
}

    #GLdetailsPage .GL {
        background: url(/ResourcePackages/NCCN/images/Guidelines.png) no-repeat;
    }

#GLdetailsPage .GLNavCompass {
    background: url(/ResourcePackages/NCCN/images/NavigatorIconCompassBlue.png) no-repeat;
}


#GLdetailsPage .CEGuidelineInPractice {
    background: url(/ResourcePackages/NCCN/images/GuidelinesinPracticeicon.png) no-repeat;
}



#GLdetailsPage .NavLocator {
    background: url(/ResourcePackages/NCCN/images/NavigatorLocator.png) no-repeat;
}

    #GLdetailsPage .EB {
        background: url(/ResourcePackages/NCCN/images/EvidenceBlocks.png) no-repeat;
    }

    #GLdetailsPage .FW {
        background: url('/ResourcePackages/NCCN/images/Frameworks.png') no-repeat;
    }

    #GLdetailsPage .PATs {
        background: url(/ResourcePackages/NCCN/images/Patients.png) no-repeat;
    }

    #GLdetailsPage .EDU {
        background: url('/ResourcePackages/NCCN/images/EducationalEventsPrograms.png') no-repeat;
    }

    #GLdetailsPage .INT {
        background: url(/ResourcePackages/NCCN/images/International.png) no-repeat;
    }

#GLdetailsPage .international,
#GLdetailsPage .GLdiseasesList {
    border-top: none;
    padding: 0;
}
#GLdetailsPage .international > p {
    font-weight: 600;
}
#GLdetailsPage .international > ul {
    padding-bottom: 18px;
}
    #GLdetailsPage .international > ul:last-child {
        padding-bottom: 0;
    }

#GLdetailsPage .GLdiseasesList {
    margin-top: 14px;
}
#GLdetailsPage .GLdiseasesList p {
    margin: 0;
}

/* Guideline Disclosures widget view */
#GLdisclosures h4 {
    padding: 7px 0 10px 47px;
}
#GLdisclosures .disclosures {
    background: url(/ResourcePackages/NCCN/images/Disclosures.png) no-repeat;
}

/* toggleHideBoxTitle */
.toggleHideBoxTitle {
    background: #f4f4f4;
    margin-top: 20px;
    padding: 0;
}
.toggleHideBoxTitle h3 {
    margin: 0;
    font-weight: normal;
}
.toggleHideBoxTitle a:after {
    content: '';
    border-radius: 50%;
    width: 35px;
    height: 35px;
    float: right;
    border: 2px solid rgba(0, 96, 152, 1);
    background: url(/ResourcePackages/NCCN/images/right_arrow.png) no-repeat;
    background-position: center;
    position: relative;
    top: -3px;
}
.toggleHideBoxTitle a,
.toggleHideBoxTitle a:hover {
    font-size: 24px;
    color: #2d4b69;
    font-family: Roboto;
    display: block;
    padding: 22px 20px;
}
.hideBoxContent {
    background: #f4f4f4;
    padding: 0 20px 10px;
}

/* js listFilterKeywords */
#listFilterKeywords {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 3px 7px;
    width: 75%;
}

/* clinical disclaimer styles for compendia-templates -> nccn-templates-main -> browse-by-cancer-type */
.disclaimerMaxW {
    max-width: 1140px;
    margin: 0 auto;
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding-top: 35px;
}

/* submission request history page */
#subReqHist a{
    color: #304d6b;
    font-size: 18px;
    font-weight: 600;
}
    #subReqHist a.closed:before {
        content: '+ ';
    }

    #subReqHist a.open:before {
        content: '- ';
    }

/* home page - supporters */
.nccnSiteSupporters {
    background: #f4f4f4;
    margin-bottom: -40px;
    text-align: center;
    padding: 30px 0px;
}
.nccnSiteSupporters .webSpprtrsImg {
    vertical-align: top;
    margin: 0 10px;
    display: inline-block;
}
.nccnSiteSupporters a {
    margin: 0 10px;
}
.webSpprtrsImg .cbb {
    display: none !important;
}

/* foundation landing page */
a.button.donate-now {
    background: #40D0BC;
    color: #2D4B69;
    border-radius: 0.5em;
    text-decoration: none;
    padding: 0.6rem 1.5rem;
    font-weight: bold;
    font-size: 16px;
    font-family: "Roboto";
    display: inline-block;
    margin-bottom: 1rem;
    margin-top: -75px;
}

@media only screen and (min-width: 1024px) {
    a.button.donate-now {
        float: right;
        margin-bottom: 0;
    }
}
/* primary topic wideget */
.primary-topic {
    padding: 30px;
    border: 1px solid #d3d3d3;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 24px auto 0;
    height: 94%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .primary-topic.noIcon {
        height: initial;
    }

    .col-lg-4.col-primary-topic {
        padding-left: 12px;
        padding-right: 12px;
    }

.primary-topic .title-text {
    color: #2d4b69;
    font-family: Roboto;
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
}

.primary-topic .content-text {
    margin-top: 24px;
    color: #484848;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Open Sans';
}

.primary-topic .col-auto {
    margin-top: auto;
}

/*---------------------------------------------------------------*/
section.quote-image {
    display: flex;
    width: 100%;
    padding-bottom: 3rem;
}

    section.quote-image div.left, section.quote-image div.right {
        width: 50%;
    }

    section.quote-image div.left {
        padding-right: 2rem;
        display: flex;
        align-items: center;
    }

        section.quote-image div.left p {
            color: #2D4B69;
            font-size: 32px;
            line-height: 40px;
            font-weight: 300;
            font-family: "Roboto", "Open Sans", Arial, serif;
        }

section.link-blocks {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
    background: #F4F4F4;
    margin-left: calc(50% - 50vw);
    width: 100vw;
}

    section.link-blocks div.inner-content {
        display: flex;
        flex-wrap: wrap;
        max-width: 1110px;
        margin: 0 auto;
    }

    section.link-blocks p.large-text {
        color: #2D4B69;
        font-size: 32px;
        line-height: 40px;
        font-weight: 300;
        font-family: "Roboto", "Open Sans", Arial, serif;
        display: inline-block;
        margin-bottom: 2rem;
    }

    section.link-blocks div.block {
        border-radius: 10px;
        flex-basis: calc(33.33% - 2rem);
        border: 1px solid #D3D3D3;
        background: white;
        margin: 1rem;
        padding: 2rem;
        display: flex;
        flex-direction: column;
    }

@media only screen and (max-width: 1024px) {
    section.link-blocks div.block {
        flex-basis: 100%;
    }
}

section.link-blocks div.block h3 {
    color: #2D4B69;
    font-size: 32px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 1rem;
    font-family: "Roboto", "Open Sans", Arial, serif;
}

    section.link-blocks div.block h3 a:hover {
        text-decoration: none;
    }

section.link-blocks div.block p {
    font-size: 18px;
    line-height: 26px;
}

section.link-blocks div.block a {
    margin-top: auto;
}

    section.link-blocks div.block a img {
        float: right;
    }



/* buttons style */
.log-in-form .btn.btn-primary, 
#registrationForm .btn.btn-primary, 
#profileForm .btn.btn-primary {
    text-transform: uppercase;
    color: #fff;
    font-family: Roboto;
    background-color: #2D4B69;
    border-color: #2D4B69;
    font-weight: 900;
    font-size: 16px;
}

#registrationForm label,
#profileForm label {
    font-weight: 600;
}

.submit-button {
    border-radius: 0.5em;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 10px;
    background: #2d4b69;
    border-bottom-left-radius: 3px;
    font-family: Roboto;
    font-size: 16px;
}

.submit-button:hover {
    color: #fff;
    text-decoration: underline;
}

h5.nccn-card-title {
    font-family: Roboto;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.guidelines-submission {
    margin: 1em 0;
}

.guidelines-submission .citation,
.guidelines-submission .attitional-company {
    background-color: #2d4b69;
    color: #fff;
}

.guidelines-submission .btn {
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 10px;
    background: #2d4b69;
/*    border-radius: 1em;*/
    font-family: Roboto;
    font-size: 16px;
}


    .guidelines-submission .btn:hover {
        color: #fff;
        text-decoration: underline;
/*        background: #4f6d8b;*/
    }

.submission-request {
    margin: 1em;
}

.submission-request .new-algorithm,
.submission-request .submitted-algorithm,
.submission-request .compendium-discussion,
.submission-request .compendium {
    background-color: #2d4b69;
    color: #fff;
    text-align: center;
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.submission-request div a {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 10px;
    background: #2d4b69;
    border-radius: 0.5em;
    font-family: Roboto;
    font-size: 16px;
}


    .submission-request div a:hover {
        color: #fff !important;
        text-decoration: underline !important;
        // background: #4f6d8b;
    }

/* css for upload popup title to expand to the right on submission request form - FJZ 2023-03-31 */
.k-window-title {
    overflow: visible !important;
}

/* css for make the x for profile degree listing disappear - FJZ 2023-04-21 */

#divPersonalInfo .k-widget .k-floatwrap .k-clear-value {
    visibility: hidden !important;
}


/* css for Foundation - Employer Focus Consultation Form - FJZ 2024-08-23 */

button.sf-SubmitButton {
    border-radius: 0.5em;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 10px;
    background: #2d4b69;
    font-family: Roboto;
    font-size: 16px;
}

    button.sf-SubmitButton:hover {
        color: #fff;
        text-decoration: underline;
        background: #2d4b69;
    }

.employerFocus label::after {
    content: '*';
    margin-left: 3px;
    color: #f00;
}

/* css for Store - Store COT Form - FJZ 2024-10-21 */

.storeSubmissionForm label::after {
    content: '*';
    margin-left: 3px;
    color: #f00;
}

.storeSubmissionForm button {
    border-radius: 0.5em;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 10px;
    background: #2d4b69;
    font-family: Roboto;
    font-size: 16px;
}

    .storeSubmissionForm button:hover {
        color: #fff;
        text-decoration: underline;
        background: #2d4b69;
}

/* css for Individual Subscription COTT Terms of Agreement Form - FJZ 2025-01-30 */

.storeSubCotToa label,
.storeSubCotToa ul,
.storeSubCotToa legend.h6 {
    margin-bottom: 0 !important;
}