@font-face {
    font-family: "PT Serif Bold";
    src: url("/ICCRC/css/fonts/PTSerif-Bold.woff2") format("woff2"),url("PTSerif-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Nunito Regular";
    src: url("/ICCRC/css/fonts/Nunito-Regular.woff2") format("woff2"),url("Nunito-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Nunito Bold";
    src: url("/ICCRC/css/fonts/Nunito-Bold.woff2") format("woff2"),url("/ICCRC/css/fonts/Nunito-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}
/* global fonts*/
html, body, p, a {
    font-family: "Nunito Regular";
    /*font-size: 14px !important;
    line-height: 24px;*/
    font-size: 18px !important;
    letter-spacing: 0;
    overflow-x: hidden;
    color: #333
}
.Nunito {
    font-family: "Nunito Regular";
}
    body {
    line-height: 30px
}

p, a {
    overflow: visible
}

a {
    color: #333;
    color: #3C1053
}

    a:focus, a:hover {
        color: var(--red) !important;
        background-color: transparent !important
    }

.accessible-megamenu {
}

    .accessible-megamenu > .accessible-megamenu-top-nav-item a[aria-expanded] {
        color: #333 !important
    }

        .accessible-megamenu > .accessible-megamenu-top-nav-item a[aria-expanded]:hover {
            color: var(--red) !important;
        }

    .accessible-megamenu > .accessible-megamenu-top-nav-item a.open {
        color: var(--red) !important
    }



@media (min-width:768px) {
    body {
        /* border-right:10px solid #fff; border-left:10px solid #fff;*/
    }
}



h1 {
    font-family: 'PT Serif Bold';
    font-size: 56px !important;
    font-style: normal;
    line-height: 74px;
    letter-spacing: 0em;
    text-align: left;
}

h2 {
    font-family: 'PT Serif Bold';
    font-size: 46px !important;
    font-style: normal;
    line-height: 61px;
    letter-spacing: -0.03em;
    text-align: left;
}

h3 {
    font-family: 'PT Serif Bold';
    font-size: 40px !important;
    font-style: normal;
    line-height: 57px;
    letter-spacing: 0em;
    text-align: left;
}

h4 {
    font-family: 'PT Serif Bold';
    font-size: 28px !important;
    font-style: normal;
    line-height: 39px;
    letter-spacing: 0em;
    text-align: left;
}

h5 {
    font-family: 'PT Serif Bold';
    font-size: 20px !important;
    font-style: normal;
    line-height: 22px;
    line-height: normal;
    letter-spacing: 0em;
    text-align: left;
}

.button, button, input[type='submit'] {
    font-family: "Nunito Regular";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
}

.caption {
    font-family: "Nunito Regular";
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
}

.overline {
    font-family: "Nunito Regular";
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.053em;
    text-align: left;
}

.pt-caption {
    font-family: 'PT Serif Bold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
}

.pullquote {
    font-family: 'PT Serif Bold';
    font-size: 34px;
    font-style: normal;
}

/* global colours */
:root {
    --red: #DA291C;
    --dred: #7C2629;
    --mred: #B2292E;
    --gray: #B2B4B2;
    --dgray: #707372;
    /*var(--red);*/

    --purple: #753BBD;
    --blue: #00A9E0;
    --green: #97D700;
    --orange: #FFB600;
    --cyan: #00BFB2;
    --dpurple: #3C1053;
    --dblue: #003865;
    --mblue: #0078C2;
    --dgreen: #275D38;
    --dorange: #CB6015;
    --dcyan: #00635B;
    --max-width: 1600px
}

.red {
    color: var(--mred)
}

.no-gutter {
    margin: 0;
    padding: 0
}

.container {
    width: 100%;
    max-width: var(--max-width);
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--red) white;
}
    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 8px;
        height: 8px
    }

    *::-webkit-scrollbar-track {
        background: white;
        border-left: 1px solid #ccc;
        border-top: 0;
    }

    *::-webkit-scrollbar-thumb {
        background-color: var(--mred);
        border-radius: 0;
        border: 0px solid white;
    }

@media (min-width:1600px) {
    .sizer {
        /*  width: 120% !important;
        margin-left: -10% !important;*/
    }

    .bg-block .span-4.col-md-4.no-gutterx, .bg-block .span-6.col-md-6.no-gutterx {
        padding: 5%
    }
}
/*buttons */
.button {
    color: #1c1c1c;
    background: var(--blue);
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 5px 40px !important
}
    .button.redbg {
        color: #fff !important;
        background-color: var(--dred) !important
    }
    .button.redbg a {
        color: #fff !important;
    }


    .button.redbg:hover {
        background-color: #fff !important;
        color: var(--red) !important;
        border: 1px solid var(--red) !important;
    }
        .button.redbg:hover a {
            color: var(--red) !important;
        }

        .bg-block {
            margin: 0 -9999rem;
            /* add back negative margin value */
            padding: 5.25rem 9999rem;
            display: flow-root
        }

.gray.bg-block {
    background: #f3f3f3;
}

.red.bg-block {
    background: var(--red) !important;
    color: #fff !important;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    padding: 0
}

    .red.bg-block > div > div {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .red.bg-block p {
        color: #fff;
    }

@media (min-width:768px) {
    .accessible-megamenu {
        width: auto;
        float: right
    }

    .red.bg-block > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .red.bg-block > div > div {
            padding-top: 0;
            padding-bottom: 0
        }
}

.red.bg-block .button {
    color: #fff !important;
    background-color: var(--dred) !important
}

.bg-block .tile > div, .tile > div {
    background: #fff;
    padding: 20px
}

    .bg-block .tile > div .button, .tile > div .button {
        background: var(--dblue);
        color: #fff
    }

.bg-block .tile h4, .tile h4 {
    color: var(--mred)
}

.tile {
    margin-bottom: 25px
}

    .tile .link {
        text-align: left
    }

.bg-block .tile .link {
    text-align: center
}

.tile .icon {
    width: 60%;
    max-width: 100px
}

.bg-block .tile .icon {
    width: 60%;
    margin: auto;
    max-width: 100px
}

.full-width-bar {
}

.grouped {
    display: flow-root;
}

.megamenu, .accessible-megamenu {
    margin-top: 0 !important
}

.center-vert {
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-vert {
    display: flex;
    justify-content: right;
    align-items: center;
}

.breadcrumb {
    background: transparent
}

.accessible-megamenu h2, .accessible-megamenu-top-nav-item {
    position: relative;
    padding-bottom: 2px
}

    h2.open, .accessible-megamenu-top-nav-item h2:hover {
        border-bottom: 3px solid var(--mred)
    }

.accessible-megamenu > .accessible-megamenu-top-nav-item a[aria-expanded].open {
}

h2.open:after, .accessible-megamenu-top-nav-item h2:hover:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 10px var(--mred);
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.accessible-megamenu .accessible-megamenu-panel a {
    color: #000;
    font-weight: normal;
    line-height: normal !important
}

.mm-sectionHead a {
    color: var(--red) !important;
    font-weight: normal
}

.accessible-megamenu .accessible-megamenu-panel {
    border: 1px solid #B2B4B2
}

.mm-sectionHead a {
    font-size: inherit !important;
    font-weight: normal
}

.breadcrumb ul li {
    list-style: none;
    float: left;
    margin: 0;
    padding-right: 1px;
}

    .breadcrumb ul li:after {
        content: '';
    }

    .breadcrumb ul li:last-child:after {
        content: '';
    }

    .breadcrumb ul li:last-child {
        color: var(--red) !important
    }

    .breadcrumb ul li a, .breadcrumb li {
        padding: 0;
        color: #000 !important;
        font-family: "Nunito Regular";
        font-size: 12px !important;
        line-height: 24px;
        letter-spacing: 0;
        overflow-x: hidden;
    }

.breadcrumb {
    display: flow-root;
    width: 100%;
    margin-bottom: 0;
}

header.container {
    padding-bottom: 0 !important
}

.preNavLinks, .preNavLinks a {
    float: left;
    margin: 0 15px;
}

.min-mar {
    margin: 0 5px !important;
}

.preNavLinks span {
    display: block;
    float: left
}

input[type=text], input[type=password], select, textarea {
    padding: 5px;
    border: 1px solid #333;
    border-radius: 4px;
    -moz-box-shadow: inset 0 0 5px 000;
    -webkit-box-shadow: inset 0 0 5px #dddddd;
    box-shadow: inset 0 0 5px #dddddd;
    color: #000;
}

.accessible-megamenu .accessible-megamenu-panel.open {
    padding-left: 50px;
    padding-right: 50px;
    z-index: 99999999
}

footer.container {
    margin: 50px auto;
    padding: 15px;
}

.preNavLinks a, .preNavLinks * {
    font-family: "Nunito Bold" !important;
    font-size: 12px !important;
}

.search-field input[type=text] {
    vertical-align: middle;
    color: rgb(140, 140, 140);
    font-size: 12px !important;
    ;
    padding: 15px !important;
    ;
    height: 20px !important;
}

.megamenu .accessible-megamenu h2 a {
    font-size: 15px !important;
    font-family: "Nunito Bold";
}

.profile * {
    color: #fff
}

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

@media (min-width:768px) {
    .calloutBanner {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .calloutContent > div {
        margin-left: -200px;
    }

    .image-right .calloutContent > div {
        width: calc(100% + 200px)
    }
}

.calloutImage {
    position: relative;
    z-index: 1
}

    .calloutImage img {
        width: 100%
    }

.calloutContent > div {
    padding: 30px 40px;
    background: #00635B;
    color: #fff;
    z-index: 5;
    z-index: 999;
    position: relative;
}

.calloutContent .button {
    background: #00BFB2;
    color: #1C1C1C;
}

    .calloutContent .button:hover {
        color: #fff !important
    }



.image-right .calloutBanner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-right .calloutContent > div {
    margin-left: 0px;
}

}

.image-right .calloutImage {
    position: relative;
    z-index: 1
}

    .image-right .calloutImage img {
        width: 100%
    }

.image-right .calloutContent > div {
    padding: 30px 40px;
    background: #00635B;
    color: #fff;
    z-index: 5;
    z-index: 999;
    position: relative;
}

.image-right .calloutContent .button {
    background: #00BFB2;
    color: #1C1C1C;
}

    .image-right .calloutContent .button:hover {
        color: #fff !important
    }





.redBulletList ul, .redBulletList ul li {
    list-style: none !important;
    position: relative
}





    .redBulletList ul li {
        margin-left: 20px;
        line-height: 40px
    }

        .redBulletList ul li:before {
            position: absolute;
            content: ' ';
            width: 15px;
            height: 15px;
            left: -20px;
            top: 12px;
            background: #FFFFFF;
            border: 4px solid #E1251B;
            box-sizing: border-box;
            border-radius: 50%;
        }

.redBulletList {
    margin-top: 50px;
    margin-bottom: 50px;
    color: var(--red);
    font-size: 16px
}

.span-12.col-sm-12.no-gutter.sizer h1 {
    font-size: 64px !important
}

.span-12.col-sm-12.no-gutter.sizer p {
    font-size: 16px !important
}

.ui-accordion .ui-accordion-header {
    padding: 0.9375rem 0.9375rem 0.9375rem 5rem !important;
    font-size: 18px !important;
    line-height: normal;
}

.ui-accordion-header-active {
    background: #f5f5f5 !important
}

.tabbed .tabbed-nav li a {
    padding: 10px 15px;
}

.tabbed .tabbed-nav li {
    background: #fff;
    /* border-bottom: 0; */
    color: #333;
    /* border: 1px solid var(--red)*/
    height: 50px !important;
    width: auto;
    margin: 5px
}

.tabbed-nav li.active {
}

.nav-tabs > li > a {
    border-radius: 0
}

.tabbed .tabbed-nav li a {
    color: #333;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 0
}

.nav-tabs {
    /* border-bottom: 0*/
}

.tabbed-content.tab-content {
    background: #f5f5f5;
    margin: 5px;
    border: 1px solid #ccc !important;
}

.tabbed .tabbed-nav li.active, .nav-tabs > li.active > a {
    background-color: #ff0 !important;
    background: var(--red) !important;
    color: #fff !important;
}

.nav-tabs {
    border-bottom: 0
}

.profile .member {
    margin-bottom: 30px
}

    .profile .member a:focus, .profile .member a:hover {
        color: inherit !important
    }

.mobilePreHeader {
    height: 0;
    overflow: hidden;
    visibility: hidden
}

@media only screen and (min-width: 768px) {
    header .span-8.col-lg-8.span-offset-2 {
        margin-top: -50px;
        width: auto
    }

    .accessible-megamenu > .accessible-megamenu-top-nav-item {
        height: auto;
        min-height: 30px
    }

    .accessible-megamenu > .accessible-megamenu-top-nav-item {
        position: static
    }

    .cols-4.accessible-megamenu-panel.open {
        margin-top: 25px
    }

    .bg-block .span-6.col-md-6:not(.no-gutter) {
        padding: 0 50px
    }
}

.content-tile {
    margin-bottom: 25px
}

footer .logo {
    max-width: 300px !important;
    width: 100% !important;
}

.span-6.col-sm-6 img {
    max-width: 100% !important;
    height: auto !important
}

@media only screen and (max-width: 767px) {
    iframe {
        width: 100%
    }

    .span-10.col-lg-10.span-offset-2 {
        margin-top: 25px !important;
        margin-top: 10px !important;
        /* margin-right: 20px;*/
    }


    .iconBG {
        background-image: url(/ICCRC/Assets/Images/tile_bg.svg);
        background-repeat: no-repeat;
        background-position: -0 -50px !important;
        background-blend-mode: multiply;
        background-size: 100% !important;
        overflow: visible;
    }


    .mobilePreHeader {
        height: auto;
        overflow: visible;
        visibility: visible
    }

    .accessible-megamenu-toggle {
        position: absolute !important;
        top: -60px;
        width: auto;
        right: 0;
    }

    .accessible-megamenu .accessible-megamenu-top-nav-item h2 a:after {
        content: "\f067";
        font-family: FontAwesome;
        float: right;
    }

    .logo {
        width: 50% !important
    }

    .accessible-megamenu {
        padding-top: 0
    }

        .accessible-megamenu > .accessible-megamenu-top-nav-item h2 {
            margin-bottom: 10px;
            display: flow-root;
        }

    .accessible-megamenu-panel.open {
        top: 0 !important;
        margin-left: 0 !important;
        padding: 15px !important;
        width: auto !important;
        border-bottom: 1px solid var(--mred) !important;
        margin-bottom: 15px !important;
    }

        .accessible-megamenu-panel.open h4 {
            font-family: "Nunito Regular" !important;
            font-size: 14px !important;
        }

        .accessible-megamenu-panel.open .mm-sectionHead {
            margin-bottom: 0 !important
        }

    .breadcrumb > div {
        border: 0 !important
    }

    #login {
        padding: 10px !important
    }

    .megamenu .right-vert {
        display: flow-root
    }

    .preNavLinks {
        margin: 0;
        margin-left: 10px;
        width: 100%
    }

        .preNavLinks > a {
            margin-left: 0;
            padding-left: 0
        }

    .pH {
        display: none !important
    }

    .search-field {
        padding-top: 21px;
        display: flow-root;
        clear: both;
    }

    #PreHeader.mobilePreHeader > div:last-child {
        float: left;
        margin-left: 177px !important;
        margin-top: -28px;
    }

    .span-3.no-gutter.si {
        display: flow-root
    }

    .span-6.no-gutter.jb {
        text-align: center !important;
        display: flow-root !important
    }

        .span-6.no-gutter.jb img {
            margin: auto !important;
        }
}

.row-fluid.row, footer.container {
    max-width: 1442px;
    margin: auto !important
}

.divcalendar {
    padding: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 4px
}

.event-calendar {
    border-collapse: collapse !important;
    width: 100%;
    border: 0
}

    .event-calendar td {
        text-align: right !important;
        font-size: 16px;
        padding: 15px 10px 35px;
        border: 1px solid #E7E7E7;
    }

.cal-selected {
    border-color: var(--dred) !important;
    background-color: var(--dgreen) !important;
}

.event-calendar .cal-nav a:hover {
    color: transparent !important
}

.inactiveLink {
    background-color: #f8f8f8 !important
}

.NewsContainer.Events .postTitle h6 {
    margin-top: -15px
}

.event-calendar td.cal-nav {
    border: 0;
    padding: 0 5px;
    text-align: left;
}

.cal-title tr td:nth-child(2) {
    font-size: 20px
}

.event-calendar td.cal-nav a {
    padding: 15px;
    color: #fff;
    background: var(--red) !important;
    padding: 20px 15px;
    border-radius: 4px
}

.event-calendar .cal-title td {
    text-align: center !important;
    background: transparent !important
}

.event-calendar tr:first-child > td {
    padding: 0 !important;
    border: 0
}

.event-calendar tr:first-child .cal-title td {
    padding-top: 10px !important;
    border: 0
}

.event-calendar tr th {
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}

.cal-today {
    background: var(--dgray) !important;
    color: #fff !important;
}

.cal-content {
    background: var(--dred) !important;
    color: #fff !important;
}

.col-100.postGrid {
    margin-bottom: 20px
}

.cal-nav a {
    height: 47.5px;
    overflow: hidden;
    color: transparent !important;
    text-decoration: none !important
}

    .cal-nav a:before {
        display: block;
        font-size: 5px;
        border: solid 1.5em transparent;
        border-top-width: 0;
        border-bottom-color: #fff;
        transform: rotate(-90deg);
        clip-path: circle(54% at 50% 69%);
        content: '';
    }

.cal-title .cal-nav:last-child a:before {
    transform: rotate(90deg);
}

.cal-nav a {
    content: '' !important
}

.col-100.postGrid, .postGrid {
    border: 1px solid #e7e7e7;
    padding: 10px;
    border-radius: 4px
}

.postTitle h5 a {
    font-size: inherit !important;
    padding-left: 0 !important;
    color: var(--red);
    font-family: "PT Serif Bold";
    ;
}

.postTitle h6 {
    margin-top: -25px;
    display: block;
}

.postGrid .postDescription, .postGrid .postCategory {
    clear: both
}

    .postGrid .postDescription, .postGrid .postDescription * {
        font-size: 15px;
        line-height: 26px
    }

    .postGrid .postCategory .link-in-list-with-underline {
        padding: 6px 10px !important;
        border: 1px solid var(--blue);
        color: var(--blue);
        border-radius: 4px;
        margin-right: 10px
    }

.RadPicker_Bootstrap .rcCalPopup {
    margin-top: 3px
}

.content-filter-search .sText.w100.markY.textSearch {
    width: 100%;
    float: left;
    padding: 28px 21px !important;
}

.SumoSelect {
    width: 100%;
    margin-left: -15px !important;
}

    .SumoSelect .SelectBox i {
    }

.RadPicker_Bootstrap .rcCalPopup {
    margin-left: -1px;
    margin-top: 10px;
    border-radius: 0 4px 4px 0;
    background-position: -10px -4210px !important;
}

    .RadPicker_Bootstrap .rcCalPopup:hover, .RadPicker_Bootstrap .rcTimePopup:hover {
        background-position: -10px -4210px !important;
    }

.SumoSelect.open > .optWrapper {
    top: 53px;
    display: block;
}

.riSingle .riLabel {
    clear: both;
    width: 100% !important
}

.RadPicker.RadPicker_Bootstrap.lbCategory .rcInputCell .riContentWrapper {
    margin-top: 0 !important;
    clear: both
}

.RadPicker.RadPicker_Bootstrap.lbCategory .rcInputCell .riContentWrapper {
    width: 100% !important
}

html body .RadInput_Bootstrap .riTextBox, html body .RadInputMgr_Bootstrap, .RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
    border-color: #e7e7e7 !important
}

.RadCalendar_Bootstrap .rcMain .rcRow a, .RadCalendar_Bootstrap .rcMain .rcRow span {
    line-height: normal
}

.row-fluid.row .search-field {
    width: 90%;
    float: left
}

.button.textSearchButton {
    background: var(--red) !important;
    color: #fff !important;
    font-family: "Nunito Regular";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
}

.SumoSelect .options .opt {
    margin-left: 0 !important;
    font-size: 14px
}

.span-7.no-gutter .span-8.pull-left.col-sm-12 {
    padding-left: 0 !important;
}

.nav > li > a:focus, .nav > li > a:hover, .tabbed-nav > li:focus, .tabbed-nav > li:hover {
    text-decoration: none;
    background-color: #eee;
    border-color: transparent
}

p {
    margin-bottom: 20px
}

ol, ul {
    margin-top: 0;
    margin-bottom: 30px;
}

.tile .icon, .span-6.col-sm-6 .tile .icon {
    width: 100%;
    max-width: 250px !important;
    margin: auto !important;
}

main.container p a, main.container ul a, main.container ol a {
    text-decoration: underline
}

.pipe {
    display: none !important
}

main.container ol, main.container ul {
    margin-top: -20px;
}
main.container ol ol, main.container ul ul {
        margin-top: 0;
}


.span-12.col-sm-12.breadcrumb ul {
    margin-bottom: 0 !important
}

.dred {
    color: var(--dred)
}

.mred {
    color: var(--mred)
}

.gray {
    color: var(--gray);
    color: #333
}

.dgray {
    color: var(--dgray)
}

.purple {
    color: var(--purple)
}

.blue {
    color: var(--blue)
}

.green {
    color: var(--green)
}

orange {
    color: var(--orange)
}

.cyan {
    color: var(--cyan)
}

.dpurple {
    color: var(--dpurple)
}

.dblue {
    color: var(--dblue)
}

.mblue {
    color: var(--mblue)
}

.dgreen {
    color: var(--dgreen)
}

.dorang {
    color: var(--dorange)
}

.dcyan {
    color: var(--dcyan)
}

.button, .b2t, .btn-cta-primary {
    transition: all 0.5s
}

/*    .button:hover {
        background: #fff;
        color: var(--blue);
        border: 1px solid var(--blue);
    }*/

.btn-cta-primary, .fb-button.btn-primary {
    color: #fff !important;
    background-color: var(--red) !important;
    border-radius: 4px !important;
    border: 1px solid #fff !important;
    padding: 5px 40px !important;
}

    .red.bg-block .button:hover, .btn-cta-primary:hover, .fb-button.btn-primary:hover {
        background-color: #fff !important;
        color: var(--red) !important;
        border: 1px solid var(--red) !important;
        ;
    }

.b2t:hover {
    background-color: var(--red) !important;
    color: #fff !important;
    border: 1px solid var(--red);
}

.modal-dialog {
    margin-left: 300px;
    margin-top: 200px;
    display: none;
}

/* age */

.modal-dialog {
    margin-left: 300px;
    margin-top: 200px;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2147483647;
    background: rgba(0, 0, 0, 0.8);
    margin: 0;
}

.modal-content.span-4, .modal-content.span-8 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal-body {
    width: auto;
    padding: 20px 0 0;
}

    .modal-body .span-12 {
        padding: 20px 50px;
        background: var(--red);
        color: #fff
    }

        .modal-body .span-12 p, .modal-body .span-12 h2 {
            color: #fff
        }

.cg-age-gate__form-wrapper .row > div {
    margin-bottom: 15px
}




/* search */
.searchContainer {
    margin-top: 25px;
    position: relative;
    border: 1px solid var(--clr-dark-green);
    display: none
}

    .searchContainer .SearchSubmit {
        position: absolute;
        background: var(--clr-dark-beige);
        right: 0;
        height: 33px;
        margin-top: 1px;
        border: 0;
        border-left: 1px solid var(--clr-dark-green);
        var(--clr-dark-green);
        color: var(--clr-dark-green)
    }

.modal-dialog .error {
    border: 2px solid #f00
}

@media (max-width: 767px) {

    #login {
        padding: 10px 20px 0 !important;
        display: flow-root;
    }

    .accessible-megamenu .accessible-megamenu-panel ol {
        padding: 0 15px 0 0
    }

    .megamenu ol, .megamenu ul {
        display: flow-root
    }

    .accessible-megamenu-top-nav-item {
        /* min-height: 40px !important*/
    }

    .accessible-megamenu a {
        font-size: 14px !important
    }

    .mm-sectionHead h4 a {
        font-size: 16px !important
    }

    .mobilePreHeader {
        padding: 15px;
        background: #f5f5f5
    }

    .modal-body .span-12 {
        padding: 20px 50px;
        background: var(--red);
        color: #fff;
        height: 70vh;
        overflow-y: scroll;
    }

    .tabbed .tabbed-nav li {
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
        list-style: none;
        margin: 0;
        z-index: 1;
        width: 100%;
        border: 1px solid #cccccc !important;
        border-top: 0 !important;
        display: flow-root;
        height: auto !important;
    }

        .tabbed .tabbed-nav li:first-child {
            border-top: 1px solid #cccccc !important;
        }

    .tabbed-content.tab-content {
        margin-top: 5px
    }
}

body.locked {
    /* position: fixed;
        overflow: hidden*/;
    overflow: hidden;
    height: 100vh;
}

@media (min-width: 768px) {

    .flow .span-6 input[type=text], .flow .span-6 input[type=password], .flow .span-6 select, .flow .span-6 .list-control, .flow .span-6 textarea {
        width: 100%;
    }

    .flow .form-row input[type=text], .flow .form-row input[type=password], .flow .form-row select, .flow .form-row .list-control, .flow .form-row textarea, .flow .form-row .control {
        width: 100%;
    }
}

.normList {
    margin-top: 20px
}

    .normList ul, .normList ol {
        margin-top: 0 !important
    }

.detail .label {
    color: #333 !important;
    margin-top: 8px;
    display: block;
    padding: 0;
    text-align: left;
    font-size: 100%
}

.iccrc-form .label {
    color: #333 !important;
    margin-top: 8px;
    display: block;
    padding: 0 0 5px 0;
    text-align: left !important;
    font-size: 75%
}

.tabbed .tabbed-nav li:nth-child(5n) {
    border-right: 1px solid #ccc !important;
}

.historyBack {
    padding: 15px;
    border: 1px solid #E7E7E7;
    padding: 15px !important;
    border: 1px solid var(--dred);
    color: var(--dred);
}




table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
    content: '+';
    background-color: var(--dgreen) !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    background-color: var(--red) !important;
}

/*dt */
.dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: left !important
}

.nav.reportable_disease {
    margin-bottom: 20px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control {
    padding-left: 38px !important
}

.nav.reportable_disease li {
    display: inline;
    list-style: none;
    margin: 0 10px 10px 0px;
}

    .nav.reportable_disease li a.selected {
        text-decoration: underline;
        color: white;
        background-color: black;
        padding: 10px;
    }

.dataTables_wrapper {
    margin-top: 55px;
}

.clickable tr {
    cursor: pointer;
}

.dt-button {
    margin-top: 15px
}

table.dataTable, .dataTables_wrapper {
    width: 100% !important;
    padding: 0
}

    table.dataTable.display tbody tr td {
        text-align: center
    }

        table.dataTable.display tbody tr td:first-child {
            text-align: left
        }

.small-input {
    padding: 5px !important
}

table.dataTable thead tr td {
    width: 100% !important;
    min-width: 100% !important
}

.nav.reportable_disease {
    padding: 15px
}

    .nav.reportable_disease li {
        display: inline;
        list-style: none;
        margin: 0 0 0 0px;
        padding: 12px 15px;
        background: #666;
        border-radius: 0;
        color: #fff;
        border: 0 solid #fff;
        box-shadow: 0px 15px 25px rgb(0 0 0 / 15%);
        line-height: 41px;
        border-right: 1px solid #fff;
        overflow: hidden
    }

:focus {
    padding: 0;
    margin: 0
}

.nav.reportable_disease li.selected {
    background: #2D425E;
}

.nav.reportable_disease li a {
    color: #fff
}

table.dataTable.display tbody tr td {
    text-align: center;
    border-right: 1px solid #ccc;
}

    table.dataTable.display tbody tr td:first-child {
        border-left: 1px solid #ccc
    }

table.dataTable thead th:first-child, table.dataTable tfoot th:first-child {
    color: var(--dred)
}

table.dataTable {
    padding-top: 60px
}

.dataTables_filter {
    float: left;
    position: absolute;
    top: 30px;
    margin-left: 15px;
}

table.dataTable.display tbody tr td.highlight {
    background-color: rgba(77,185,182,0.1) !important
}

@media screen and (max-width: 767px) {
    table.dataTable thead tr th:first-child {
        width: 500px !important;
        min-width: 80vw !important;
        border-left: px solid #ccc;
    }

    table.dataTable tbody {
        border: 1px solid #ccc;
        border-top: 0
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 100%
    }

    table.dataTable > tbody > tr.child span.dtr-title {
        width: 50%
    }
}

.inactive-table {
    display: none !important;
}

.dataTables_wrapper .dataTables_filter {
    clear: both;
    float: left;
    width: auto;
    margin: 0;
    text-align: left;
    position: relative;
    z-index: 99999;
    width: auto;
}


div.dt-buttons, .dataTables_filter {
    margin: 0 15px !important
}

.nav.reportable_disease a :focus {
    outline: 0 !important;
    border: 0 !important
}



.dataTables_filter input {
    clear: both;
    width: 100%
}

.divcalendar tr td a:hover, .divcalendar tr td a:focus {
    color: inherit !important
}

.span-12.mt25.searchContainer.no-gutter {
    display: block
}


.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.search .search-tabs li a {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.search .search-tabs li {
    border: 1px solid #E7E7E7;
    /*border-right: 0*/
}

    .search .search-tabs li:nth-child(5n) {
        border-right: 1px solid #E7E7E7 !important;
    }

    .search .search-tabs li a.active {
        background: var(--red);
        color: #fff !important;
        border-color: 0 !important;
        box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.15);
    }

    .search .search-tabs li.active a {
        color: #fff
    }

.tabbed-content.tab-content {
    clear: both;
    border: 0
}

@media(min-width: 768px) {
    .searchResults {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .search .search-tabs .active li {
        float: left;
        list-style: none !important;
        margin: 0;
        z-index: 1;
        width: 20%;
        border: 1px solid #ffffff;
        border-right: none;
        background-color: #ffffff;
    }

    .search .search-tabs li a {
        padding: 10px 15px;
        text-align: center;
        width: 100%;
    }
}

.search ul.search-tabs li {
    list-style: none !important;
    float: left;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px
}

.search-tabs {
    margin: 20px 0 !important
}

    .search-tabs li {
        margin: 0
    }

    .search-tabs > li.active > a {
        background-color: #ff0 !important;
        background: var(--red) !important;
        color: #fff !important;
    }

.search-box .search-field input[type=text] {
    width: 100%
}

.row-fluid.row .search-field {
    min-width: 33%
}

@media(max-width: 767px) {
    .searchResults {
        display: flow-root
    }

    .over-content {
        width: 100% !important;
        position: relative !important
    }

    .search .search-tabs li {
        float: left;
        list-style: none !important;
        margin: 0;
        z-index: 1;
        width: 100% !important;
        border: 1px solid #E7E7E7 !important;
        border-right: none;
        background-color: #ffffff;
        border-top: 0;
        min-height: 0 !important
    }

        .search .search-tabs li:first-child {
            border-top: 1px solid #E7E7E7
        }

        .search .search-tabs li a {
            padding: 15px;
            text-align: center;
            width: 100%;
        }
}

.fa-user:before {
    content: url('/ICCRC/Assets/Images/Icons/login.svg');
    position: absolute;
    top: 5px;
}

#login {
    padding-left: 15px
}

/*--*/

@media(max-width: 767px) {

    #PreHeader .search-field {
        float: left
    }

    #PreHeader .fa.fa-search {
        padding-top: 30px
    }

    .preNavLinks {
        margin: 0 !important
    }

    .tabbed-content.tab-content {
        margin: 5px 0 0
    }
}

.span-12.pagination-wrap {
    padding-top: 20px
}

.pagination-adv, .pagination {
    text-align: left;
    border: 0;
}


    .pagination-adv li span, .pagination-adv li a, .pagination li a {
        padding: 10px !important;
        border: 1px solid #ccc;
        border-right: 0;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        height: 50px !important;
        width: 50px !important;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Nunito Bold";
        color: #333 !important
    }

    .pagination-adv li.search *:last-child, .pagination li *:last-child {
        border-right: 1px solid #ccc;
    }

    .pagination-adv li span, .pagination li.current a {
        background: #d1d1d1;
        text-decoration: none;
        pointer-events: none;
    }


/*.container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
}
*/


.container .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .container .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #333 !important;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}


/*.container .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        color: #fff !important;
        background: var(--dred) !important;
        border-radius: 4px !important;
    }
*/
.container .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important
}

/*  .container .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .container .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        color: #fff !important;
        background: var(--red) !important;
        border-radius: 4px !important;
    }*/





li a.active {
    pointer-events: none
}

.span-3.lister.no-gutter .label {
    font-weight: bold;
    font-family: "Nunito Bold";
}

.icon_WebPages div {
    background: url(/ICCRC/Assets/Images/webpage.svg);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto
}

.icon_Events div {
    background: url(/ICCRC/Assets/Images/cal.svg);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto
}

.icon_Files div {
    background: url(/ICCRC/Assets/Images/file.svg);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto
}




.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate, div.dataTables_paginate {
    float: left;
    margin: 0;
    float: left !important;
    width: 100%
}

.dataTables_paginate.paging_simple_numbers span.ellipsis {
    display: block;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    border-right: 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    height: 50px !important;
    width: 50px !important;
    float: left;
}

.container .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 10px;
    border: 1px solid #ccc;
    border-right: 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    height: 50px !important;
    width: 50px !important;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Nunito Bold";
    background: #fff;
    color: #333;
    border-radius: 0 !important;
    outline: 0 !important
}

    .container .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #d1d1d1 !important;
        color: #333 !important
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-left: 0 !important
}

.paginate_button.previous {
    padding: 10px;
    border: 1px solid #ccc !important;
    border-right: 0 !important;
    border-right: 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    height: 50px !important;
    width: 50px !important;
}

    .paginate_button.previous.disabled {
        opacity: 0.5
    }




.paginate_button.next.disabled {
    opacity: 0.5
}

.paginate_button:hover {
    background: #eee !important;
    border: 1px solid #ccc !important;
    border-right: 0 !important;
}

.paginate_button.next {
    padding: 10px;
    border: 1px solid #ccc !important;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    height: 50px !important;
    width: 50px !important;
}

.postCategory label, .postCategory ul, .postCategory.normList {
    margin-bottom: 0;
}

.postCategory .normList {
    margin-top: 0
}

.download-icon {
    color: var(--red)
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 6px !important;
    color: var(--dred);
}

table.dataTable.display tbody tr td {
    text-align: left !important
}
/*
ul.documents {
    list-style: none !important;
}
    ul.documents li {
        list-style: none !important;
    }
    ul.documents li::before {
        
        content: "\2022";
        color: var(--red);
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        list-style: none !important;
    }
*/
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i {
    border-color: inherit !important;
    background-image: url(/ICCRC/Assets/Images/Icons/check.png) !important;
}


.RadCalendar_Bootstrap .rcMain .rcRow .rcSelected a {
    border-color: #efefef !important
}

.min-gray {
    padding: 15px 9999rem 0 !important;
}

@media(max-width: 600px) {

    h1, .span-12.col-sm-12.no-gutter.sizer h1 {
        font-size: 45px !important;
        line-height: normal;
    }

    .button, button, input[type='submit'] {
        padding: 5px 20px !important;
        font-size: 14px !important;
        text-align: center;
        width: 100%;
    }

    .bg-block.red h2 {
        padding: 0
    }
}

nav ul li {
    padding-left: 20px !important
}
.sh-icons {
    float: left;
    margin: 5px !important;
}
.sitemap ul ul {
    margin-top: 10px
}

.content-btn.button a:hover {
    color: inherit !important
}

.expand {
    display: flow-root !important;
}

ul li ul {
    margin-top: inherit !important
}

ul:not(.tabbed-nav) {
    list-style: none !important;
}

  /*  ul:not(.tabbed-nav) li::marker {
        content: '' !important
    }

    ul:not(.tabbed-nav) li::before {
        content: "\2022";
        color: var(--mred) !important;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

    ul:not(.tabbed-nav) li span {
        color: #333 !important
    }*/

.clipBoard {margin-left:20px}