body {
    padding: 0;
    margin: 0;
    overflow-x: hidden; /*20200404*/
}

.container-fluid a {
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 0;
    height: 20px;
}

.btn {
    padding-left: 10px;
    padding-right: 10px;
}

/*==================================================
    OUTLINE STYLES
====================================================*/
.flex-MainContainer {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap; /*This is default*/
}

.sidebar {
    background-color: #fff;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    left: 0; /*Define left property for the resize animaion when window size is below medium*/
}

.sidebar-content {
    /*width: 315px;*/ /*Commented on 20230504*/
    /*width: 200px;*/ /*Phase 11*/
    width: 210px;
    background-color: #fff;
    display: inline-block;
    overflow-y: auto;
}

#sticky-sidebar-content.small-window {
    position: fixed;
    /*left: -315px;*/ /*Commented on 20230504*/
    /*left: -200px;*/ /*Phase 11*/
    left: -210px;
    z-index: 9001;
}

    #sticky-sidebar-content.small-window.open-sidebar {
        left: 0px;
    }

#sticky-sidebar-content.stick {
    position: fixed;
    top: 0px;
    z-index: 9001;
}

    #sticky-sidebar-content.stick.small-window {
        left: -300px;
    }

        #sticky-sidebar-content.stick.small-window.open-sidebar {
            left: 0px;
        }

.sidebar-content > * {
    padding-left: 15px;
    padding-right: 15px;
}

.sidebar-content-paddingtop {
    padding-top: 10px;
}

.sidebar-content-paddingbottom {
    padding-bottom: 10px;
}

.divCompareContainer {
}

    .divCompareContainer button {
        /*width: 250px;*/ /*Commented on 20230504*/
        /*width: 170px;*/ /*Phase 11*/
        width: 180px;
        text-align: left;
    }

    .divCompareContainer .caret {
        float: right;
        margin-top: 8px;
    }

.dropdown-menu > li > a {
    padding-left: 10px !important;
}

.dropDownButton {
    width: 100%;
}

    .dropDownButton > .caret {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid black;
        right: 5px;
        top: 45%;
        position: absolute;
    }


.dropDownOption {
    cursor: pointer;
}

.dropDownOptionText {
    font-size: 14px !important;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.divSidebarButton {
    width: 25px;
    margin-top: 90px;
    margin-left: -5px;
    background-color: #fff;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: top;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top: 1px solid #adadad;
    border-bottom: 1px solid #adadad;
    border-right: 1px solid #adadad;
}

.sidebarButton {
    width: 100%;
    height: 50px;
    padding-top: 13px;
    padding-left: 3px;
    font-weight: bold;
    cursor: pointer;
}

.rightColumn {
    flex-grow: 1;
    flex-shrink: 0;
    /*flex-basis: calc(100% - 345px);*/ /*Commented on 20230504*/
    flex-basis: calc(100% - 230px); /*Added on 20230504*/
    /*min-height: 800px;*/
    min-height: 660px;
    padding-left: 15px;
    padding-right: 15px;
}

.sidebar.small-window {
    flex-basis: 0;
}


.rightColumn.small-window {
    flex-basis: calc(100% - 30px);
}

/* Animation */
.rightColumn {
    transition: flex-basis 1s cubic-bezier(.465, .183, .153, .946);
    will-change: flex-basis;
}

.sidebar.small-window {
    transition: flex-basis 1s cubic-bezier(.465, .183, .153, .946);
}

#sticky-sidebar-content.small-window {
    transition: left 1s cubic-bezier(.465, .183, .153, .946);
}

    #sticky-sidebar-content.small-window.open-sidebar {
        transition: left 1s cubic-bezier(.465, .183, .153, .946);
    }

#sticky-sidebar-content.stick.small-window {
    transition: left 1s cubic-bezier(.465, .183, .153, .946);
}

    #sticky-sidebar-content.stick.small-window.open-sidebar {
        transition: left 1s cubic-bezier(.465, .183, .153, .946);
    }

#sticky-htoolbar {
    width: 100%;
    background-color: #fff;
}

    #sticky-htoolbar.stick {
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 9000;
        /*width: calc(100% - 315px);*/ /*Commented on 20230504*/
        /*width: calc(100% - 200px);*/ /*Phase 11*/
        width: calc(100% - 210px);
        padding-left: 15px;
        padding-right: 15px;
    }

    #sticky-htoolbar.small-window {
        width: calc(100% - 15px);
        margin-left: 15px;
    }

    #sticky-htoolbar.stick.small-window {
        width: calc(100% - 15px);
    }

.content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#divContent.stick {
    /*width: calc(100% - 345px);*/ /*Commented on 20230504*/
    width: calc(100% - 230px); /*Added on 20230504*/
    float: right;
    margin-right: 30px;
}

#divContent.small-window {
    width: calc(100% - 15px);
    padding-left: 15px;
}

#divContent.stick.small-window {
    width: calc(100% - 15px);
}

.divGroupByHHSRegionList,
.divGroupByAgeGroupList,
.divGroupByVirusTypeList {
    /*max-height: 250px;*/
    overflow-y: auto;
    background-color: #fff;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    border: 1px solid #adadad;
}

    .divGroupByHHSRegionList ul,
    .divGroupByAgeGroupList ul,
    .divGroupByVirusTypeList ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .divGroupByHHSRegionList a,
    .divGroupByAgeGroupList a,
    .divGroupByVirusTypeList a {
        color: #333;
    }

multiselect-tree4 .liCustomDataMultipleSeclectionChildSubElement {
    font-weight: normal !important; 
    padding-left: 18px !important; 
}

multiselect-tree4 .liCustomDataMultipleSeclection {
    padding-left: 0;
}

multiselect-tree4 .liCustomDataMultipleSeclection {
    font-weight: bold;
}

#divGroupByHHSRegionList multiselect-tree4 .liCustomDataMultipleSeclection,
#divGroupByAgeGroupList multiselect-tree4 .liCustomDataMultipleSeclection,
#divGroupByVirusTypeList multiselect-tree4 .liCustomDataMultipleSeclection {
    font-weight: normal;
}


.divLegend .chBoxWrapper,
.divShowMoreOtherList .chBoxWrapper {
    margin-left: 0px;
    padding-left: 10px;
}

.divSeriesSelection,
.divShowMoreNetworkList,
.divShowMoreSeasonList,
.divShowMoreOtherList {
    max-height: 250px;
    overflow-y: auto;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #adadad;
}

.divShowMoreNetworkList {
    margin-bottom: 15px;
}

    .divSeriesSelection ul,
    .divShowMoreNetworkList ul,
    .divShowMoreSeasonList ul,
    .divShowMoreOtherList ul {
        font-size:12px;
        list-style-type: none;
        margin-left: 0px !important;
        padding-left: 10px !important;
    }

.divLinkButton {
    text-align: right;
    padding-right: 10px;
}

.linkButton {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: arial, sans-serif;
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

multiselect-tree .liCustomDataMultipleSeclectionChildElement {
    padding-left: 15px !important;
}

multiselect-tree .ulCustomDataMultipleSeclectionn {
    list-style: none;
    margin-left: -15px;
}

multiselect-tree .liCustomDataMultipleSeclection {
    padding-left: 0;
}

.divLegendSymbol {
    width: 30px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
}

.one-chart-container, .table-container {
    /*padding-top: 25px;*/
    padding-top: 10px;
    /*max-width: 1024px;*/ /*Commented on 20230504*/
    max-width: calc(100% - 30px); /*Added on 20230504*/
    min-width: 380px;
    margin-left: auto;
    margin-right: auto;
    flex: 0 0 100%;
    /*padding-left: 15px;*/ /*Commented on 20230504*/
}

.table-container {
    padding-top: 25px;
}

@media only screen and (max-width: 1270px) {
    .one-chart-table {
        padding-top: 35px !important;
    }
        .table-container table {
            font-size: 12px;
        }
}

@media only screen and (min-width: 760px ) and (max-width:825px) {
    .one-chart-table {
        padding-top: 55px !important;
    }
        .table-container table {
            font-size: 12px;
        }
}

@media only screen and (max-width: 768px) {
    .multi-charts-table .table-area {
        padding: 0px 15px 0px 15px !important;
    }
}

    @media only screen and (max-width: 759px) {
        .one-chart-table {
            padding-top: 35px !important;
        }

        .table-container table {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 621px) {
        .one-chart-table {
            padding-top: 55px !important;
        }

        .table-container table {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 565px) {
        .one-chart-table {
            padding-top: 75px !important;
        }

        .table-container table {
            font-size: 11px;
        }
    }

    @media only screen and (max-width: 519px) {
        .one-chart-table {
            padding-top: 95px !important;
        }

        .table-container table {
            font-size: 11px;
        }
    }



    .one-chart {
        width: 100%; /*Commented on 20230504*/
        /*width: calc(100% - 15px);*/ /*Added on 20230504*/
        height: 550px;
        margin-top: 10px;
    }

    .one-chart-dim {
        /*height: 500px;*/ /*B4 20230119*/
        height: 480px; /*20230119*/
        width: 100%; /*Commented on 20230504*/
        /*width: calc(100% - 15px);*/ /*Added on 20230504*/
        margin-left: 0 !important; /*Added on 20230504*/
        margin-right: 0 !important; /*Added on 20230504*/
    }

    .multi-charts-container {
        /*height: 420px;*/
        min-height: 450px;
        text-align: center;
    }

    .multi-charts {
        width: 380px;
        height: 340px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px; /*20px*/
        display: inline-block;
    }

    .multi-charts-dim {
        width: 375px;
        height: 300px;
    }

    @media only screen and (min-width: 1470px) {
        .multi-charts-container {
            flex: 0 0 33.333333%;
        }
    }

    .one-chart .nvd3 g.nv-groups path.nv-line {
        stroke-width: 3px; /*nvd3 default is 1.5px*/
    }

    .multi-charts .nvd3 g.nv-groups path.nv-line {
        stroke-width: 2px; /*nvd3 default is 1.5px*/
    }

    .divImageDownloadBar {
        text-align: right;
        padding-right: 30px;
    }

    .imageDownloadButton {
        margin-left: 5px;
        margin-right: 5px;
        border-radius: 4px !important;
    }

    .divImageDownloadBar .tooltip.downloadImageTooltip .tooltip-inner {
        color: #333;
        background-color: #fff !important;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        min-width: 100px;
    }

    .chartTitleDiv {
        text-align: center;
    }

    .chartTitle {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 14px;
    }

    .one-chart .chartTitle {
        font-size: 14px;
    }

.multi-charts .chartTitle {
    /* font-size: 12px; Commented on 20230921*/
    font-size: 11px; /*Added on 20230921*/
}

.chartSubTitle {
    margin-bottom: 0;
    /*font-size: 14px; Commented on 20230921*/
}

.one-chart .chartSubTitle { /*Added on 20230921*/
    font-size: 14px;
}

.multi-charts .chartSubTitle { /*Added on 20230921*/
    font-size: 12px;
}

    .chartZoomTip {
        font-size: 10px;
        text-align: center;
        padding-top: 3px;
    }

    .chartDivFullHeight {
        height: 500px;
    }

    .chartDivHalfHeight {
        height: 250px;
    }

    .nvd3 .nv-axis.nv-x path.domain {
        stroke-opacity: 1 !important; /*Overwrite nv.d3.css*/
    }

    .nv-x .tick text {
        font-size: 12px;
    }

    /*Remove nvd3 vertical grid lines*/
    .nv-x .tick line {
        display: none;
    }

    .nv-y1 .tick line {
        display: none;
    }


    .nv-y2 .tick line {
        display: none;
    }

    .chart-legend {
        margin-left: 20px;
        text-align: center;
    }

        .chart-legend .item {
            cursor: pointer;
            font-family: sans-serif;
            height: 16px;
            font-size: 0.8em;
            font-weight: 100;
            display: inline-block;
            margin-right: 10px;
        }

            .chart-legend .item > * {
                vertical-align: middle;
                display: inline-block;
            }

            .chart-legend .item > .legend-label-category {
                height: 16px;
                line-height: 17px;
                font-weight: bold;
            }

            .chart-legend .item > .legend-label {
                height: 16px;
                line-height: 17px;
            }

            .chart-legend .item > .icon {
                width: 16px;
                border-radius: 50%;
                height: 16px;
                margin-right: 5px;
                background-repeat: no-repeat;
                background-position: 50% 25%;
            }

            .chart-legend .item.legend-hidden {
                opacity: 0.4;
            }

    .one-chart .chart-legend .item.column > .icon {
        width: 20px;
        height: 15px;
        border-radius: 0px;
        /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='fill: white;' width='10' height='10'><rect y='2' width='2' height='8'/><rect x='4' y='5' width='2' height='5'/><rect x='8' y='3' width='2' height='7'/></svg>");*/
    }

    .multi-charts .chart-legend .item.column > .icon {
        width: 20px;
        height: 10px;
        border-radius: 0px;
        /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='fill: white;' width='10' height='10'><rect y='2' width='2' height='8'/><rect x='4' y='5' width='2' height='5'/><rect x='8' y='3' width='2' height='7'/></svg>");*/
    }

    .chart-legend .item.dot > .icon {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='fill: white;' width='10' height='10'><circle cx='5' cy='6' r='2'/></svg>");
    }

    .chart-legend .item.dashed-line > .icon {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='fill: white;' width='10' height='10'>\a         <g style=\"stroke: white; fill: none; stroke-dasharray: 4px,2px;\">\a           <path d='M0,6 L10,6'/>\a         </g>\a       </svg>");
    }

    .chart-legend .item.line > .icon {
        width: 20px;
        height: 2px;
        border-radius: 0px;
        /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='fill: white;' width='10' height='10'>\a         <g style=\"stroke: white;\">\a           <path d='M0,6 L10,6'/>\a         </g>\a       </svg>");*/
    }

    .chart-legend .item.area > .icon {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='fill: white;' width='10' height='10'><polygon points='0,10 2.428,3 5,6 7.625,5 10,10 10,10 0,10'/></svg>");
    }


    .noDataDiv {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        font-weight: bold;
    }

    #divMapFootnotes {
        padding-top: 30px;
    }

        #divMapFootnotes.stick {
            /*width: calc(100% - 345px);*/ /*Commented on 20230504*/
            width: calc(100% - 230px); /*Added on 20230504*/
            float: right;
        }

            #divMapFootnotes.stick.small-window {
                width: calc(100% - 15px);
            }

    #divFooter.stick {
        /*width: calc(100% - 330px);*/ /*Commented on 20230504*/
        width: calc(100% - 215px); /*Added on 20230504*/
        float: right;
    }

        #divFooter.stick.small-window {
            width: calc(100% - 15px);
        }

    #divMapFootnotes hr {
        height: 4px;
        background-color: #005EAA;
        border: 0 none;
        margin-left: auto;
        margin-right: auto;
    }

    #divMapFootnotes h3 {
        font-size: 16px;
    }

    .footnotesContentTitle {
        font-size: 13.33px;
        font-weight: bold;
        margin-bottom: 0;
    }

    .footnotesContent P {
        padding: 0;
        margin: 0;
    }

    .footnotesContent li,
    .footnotesContent ol,
    .footnotesContent ul {
        margin: 0;
        font-size: 12px;
    }

    /*=============================================================
                      HEADER STYLES
=============================================================*/
    #a_cdc-logo {
        position: absolute;
        right: 15px;
        top: 1px;
    }


    #season-title {
        font-weight: 900;
    }

    #main-title {
        /*margin-top: 5px;*/
        margin-top: 0;
        text-align: center;
        font-size: 24px;
    }

    #sub-title {
        /*font-size: 24px;*/
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        visibility: hidden;
        display: none;
    }

    /*=============================================================
                      TOOLBAR STYLES
=============================================================*/
    .control-area {
        margin-top: 0;
    }

    .toolbarArea { /*20210211*/
        /*max-width: 1380px;*/
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 10px; /*20210224*/
    }

    .mainToolBar { /*20210211*/
        margin-bottom: 10px;
    }

    .divToolButtons { /*20210211*/
        float: right;
        display: inline-block;
    }

        .divToolButtons .btn { /*20201203*/
            height: auto !important;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 6px;
            padding-bottom: 6px;
        }

.slider-sidebar-downloadbutton {
    height: auto !important;
    font-size: 12px;
    padding: 6px 12px;
}

@media only screen and (max-width: 1270px) {
    .divToolButtons {
            float: none;
            margin-top: 1rem;
        }

            .divToolButtons .btn {
                font-size: 12px;
                padding: 6px 12px;
            }
    }

    @media only screen and (max-width: 700px) { /*20201203*/
        .divToolButtons .btn, .slider-sidebar-downloadbutton {
            font-size: 11px;
            padding: 4px 6px;
        }

        /*Added on 20230504*/
        #divMapFootnotes.one-chart-footnotes {
            padding-top: 50px;
        }
    }

    /********  Slider  **********
*********************************/
    .divSliderComp {
        width: 100%;
        height: 85px;
        margin: 0px;
        padding-top: 8px;
        text-align: center;
    }

        .divSliderComp .btnSlider {
            display: inline-block;
            float: none;
        }

    /*For slider*/
    /*=============================================================
                      SLIDER BUTTON STYLES
=============================================================*/

    .slider-button-area {
        margin: 150px 150px;
    }

    .slider-button { /*Added by STT from Phase 8*/
        padding: 2px 3px; /*STT*/
        color: #fff;
        background-color: #25a721;
        border: solid 1px #1e7d1b;
    }

        .slider-button:hover {
            color: #fff;
            background-color: #1e7d1b;
            border: solid 1px #1e7d1b;
        }

        .slider-button:active {
            color: #fff !important;
            background-color: #1e7d1b !important;
            border: solid 1px #1e7d1b !important;
        }

        .slider-button:focus {
            color: #fff;
            background-color: #1e7d1b;
            border: solid 1px #1e7d1b;
        }

    .slider-button-area {
        margin: 150px 150px;
    }


    .sliderContainer {
        margin-top: 30px;
    }

    .btnSlider {
        float: left;
        margin-top: 15px;
    }

    .divSlider {
        float: left;
    }

    .btnSliderImg {
        margin-top: -10px;
        margin-left: -10px;
    }

    .rzslider .rz-ticks .rz-tick { /*Overright*/
        width: 1px !important;
        height: 10px !important;
    }

        .rzslider .rz-ticks .rz-tick .rz-tick-value { /*Overright*/
            font-size: 12px !important;
            transform: translate(-50%, 7px); /*Overright teanslateY from 0 to 7px*/
            top: -35px !important;
        }


    .rzslider .rz-pointer { /*Change slider button from circle to rectangle*/
        width: 12px;
        height: 24px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background-color: red;
        opacity: 0.6;
    }

        .rzslider .rz-pointer::after { /*Hide the white background*/
            opacity: 0 !important;
        }


    .rzslider .rz-bar-wrapper-title { /*Slider's title*/
        text-align: center;
        width: 100%;
        padding-top: 15px;
        left: 0px;
    }


    /*End For slider*/
    .centerText {
        text-align: center;
    }

    .divRZSlider {
        max-width: 954px;
        width: calc(100% - 70px); /*Button's wifth is 25px. Padding is 10px; */
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
    }

    /********  TABLE AREA  **********
*********************************/
.one-chart-table .table-area {
    /*border: solid 1px #999;*/
    padding: 0px 15px 16px 15px;
    margin-bottom: 20px;
}

.multi-charts-table .table-area {
    /*border: solid 1px #999;*/
    padding: 0px 15px 16px 15px;
    margin-bottom: 0px;
}

.table-area p {
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
}

    .table-responsive {
        width: 100% !important;
    }


    td {
        padding-left: 15px;
        padding-right: 15px;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #d2deee !important;
    }

    .table-striped tbody tr:nth-of-type(even) {
        background-color: #ebf0f9 !important;
    }

    .table-bordered td {
        border: 1px solid #fff !important;
    }

    .table-bordered thead th {
        /*height: 50px;*/
        border-bottom-width: 2px;
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        background-color: #5a9bd5;
        text-align: left;
    }

        /*20200923*/
        .table-bordered thead th:first-child {
            /*width: 200px;*/
        }
        /*20200923*/
        .table-bordered thead th:last-child {
            /*width: 145px;*/
        }




    /******************************************************************************
                              MEDIA QUERY STYLES
******************************************************************************/
@media only screen and (max-width: 570px) { /*Added on 20230921*/
    .one-chart .chartTitle {
        font-size: 12px;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 768px) {
    #flu-logo {
        width: 77px;
    }

    #main-logo {
        width: 55px;
    }

    /*#main-title {
        font-size: 18px;
        margin: 0px 5px 10px 5px;*/ /*20200404*/
    /*}*/

    #sub-title {
        font-size: 14px;
        margin: 0px 5px;
    }

    .chartTitle {
        font-size: 14px;
    }

    #seriesSelectionTitle {
        font-size: 14px;
    }


    .rBttnArea {
        padding-left: 10px;
        font-size: 12px;
    }

    .seasonsBttn {
        padding: 5px 5px;
        font-size: 12px;
    }

    .control-area {
        margin-left: 0px;
    }

    .play-pause-button {
        padding: 5px 5px;
        font-size: 12px;
    }

    .displayBttn {
        padding: 5px 2px;
        font-size: 12px;
    }

    .downloads-button {
        padding: 5px 2px;
        font-size: 12px;
    }

    .help-button {
        padding: 5px 5px;
        font-size: 12px;
    }

    #map-title {
        margin-left: 0px !important;
        text-align: center;
        font-size: 14px;
    }

    .map-area {
        margin-left: 0px;
        padding: 0px 15px;
    }

        .map-area img {
            margin-top: 10px;
            width: 100%;
            border: solid 1px #eee;
        }

    .map-footnotes {
        font-size: 11px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: justify;
    }

    .dataWindowResults {
        padding-left: 5px;
    }

        .dataWindowResults li {
            padding-right: 1rem;
        }

    .chartDiv {
        padding-left: 0;
        padding-right: 0;
    }

    .chartDivFullHeight {
        height: 205px;
    }
}

    @media only screen and (max-width: 991px) {
        .rBttnArea {
            text-align: left;
        }

        .cdc-local {
            text-align: right;
        }

        footer .cdc-links {
            background: #ffffff;
            margin-top: 15px;
        }

            footer .cdc-links h6 {
                font-size: 14px;
                font-weight: 700;
                color: #404040;
            }

            footer .cdc-links a {
                padding-top: 3px;
                padding-bottom: 3px;
            }

        footer .social-media a {
            padding-right: 10px;
            padding-left: 0;
        }

        .cdc-links .nav-pills {
            width: 50%;
            float: left;
        }

            .cdc-links .nav-pills li {
                width: 100%;
            }

            .cdc-links .nav-pills a {
                padding-left: 0;
            }

        footer .cdc-contact .container {
            padding: 0;
        }

        /*Added on 20230517*/
        #divMapFootnotes.one-chart-footnotes.age-group-footnotes {
            padding-top: 70px;
        }
    }

    /* Tablets, Small Laptops */
    @media only screen and (max-width: 1024px) {
        #main-title {
            font-size: 18px;
            margin: 0px 5px 10px 5px; /*20200404*/
        }

        .container-fluid a {
            height: 50px;
        }

        .rBttnArea {
            padding-right: 0;
            margin-top: 2rem; /*Added by STT on 01062017*/
        }

        .control-area {
            margin-top: 2rem;
            padding-right: 0px;
            padding-left: 5px;
        }

        .downloads-help-area {
            padding-left: 0px;
            padding-right: 5px;
            float: left !important; /*Added by STT on 01062017 to replace pull-rught class*/
            margin-top: 2rem; /*Added by STT on 01062017*/
        }

        .externalLink {
            padding-left: 8px;
            /*text-align: left;*/
            margin-top: 1rem;
            margin-bottom: 0;
        }

        #sidebar-content .externalLink {
            padding-left: 0px;
            margin-top: 0;
            margin-bottom: 1rem;
        }

        .downloadBttn-wrapper { /*Added by STT on 01062017 to replace pull-rught class*/
            float: left !important;
        }

        .play-pause-button {
            padding: 5px 5px;
            font-size: 12px;
        }

        .seasonsArea {
            padding-left: 5px;
        }

        .downloads-button {
            padding: 5px 2px;
            font-size: 12px;
        }

        .help-button {
            padding: 5px 5px;
            font-size: 12px;
        }

        .dataWindowBttn {
            padding: 5px 2px;
            font-size: 12px;
        }

        /*Added on 20230517*/
        #divMapFootnotes.one-chart-footnotes.virus-footnotes {
            padding-top: 100px;
        }
    }

    /******************************************************************************
                              CDC FOOTER STYLES
******************************************************************************/
    .important {
        color: red;
        font-size: 20px;
    }

    .cdc-logo {
        padding: 10px 0;
    }

    .atlas-logo {
        padding: 5px 0;
    }

    .footer-area {
        background-color: #fff;
    }

    footer a, footer a:visited, footer a:hover, footer a:focus {
        color: #075290;
    }

    footer {
        font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
    }

        footer .container {
            max-width: 1170px;
            width: 100%;
        }

        footer .nav li a:hover, footer .nav li a:focus {
            background-color: transparent;
        }

        footer .social-media {
            background: silver;
            min-height: 36px;
        }

            footer .social-media a {
                padding-top: 6px;
                padding-bottom: 0;
                padding-right: 0;
                margin: 0 5px 0 0;
            }

        footer .cdc-links {
            background: #e5e5e5;
            min-height: 0;
            margin-left: -15px;
            margin-right: -15px;
        }

            footer .cdc-links a {
                padding-top: 10px;
                padding-bottom: 5px;
                color: #404040;
                margin-right: 10px;
            }

                footer .cdc-links a:hover {
                    text-decoration: underline;
                }

        footer .cdc-contact {
            margin-top: 22px;
        }

            footer .cdc-contact address {
                line-height: 25px;
            }

            footer .cdc-contact .cdc-url a {
                color: #404040;
            }

        footer .nav-pills {
            display: inline-block;
        }

    html .tp-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }

    span[class*=sprite-] {
        margin: 0 5px;
        display: block;
        background-image: url(https://www.cdc.gov/TemplatePackage/3.0/images/ss.png);
        background-repeat: no-repeat;
        background-color: transparent;
    }

    span[class*=sprite-24], i[class*=sprite-24], img[class*=sprite-24] {
        height: 25px;
        min-height: 25px;
        max-height: 25px;
        width: 25px;
        min-width: 25px;
        max-width: 25px;
    }

    .sprite-24-govd {
        background-position: 0 -85px;
    }

    .sprite-24-facebook {
        background-position: -52px -85px;
    }

    .sprite-24-twitter {
        background-position: -78px -85px;
    }

    .sprite-24-youtube {
        background-position: -26px -85px;
    }

    .sprite-24-instagram {
        background-position: -233px -85px;
    }

    .sprite-24-listen {
        background-image: url(https://www.cdc.gov/TemplatePackage/3.0/images/sm.png) !important;
        background-position: -155px -85px;
    }

    .sprite-24-watch {
        background-image: url(https://www.cdc.gov/TemplatePackage/3.0/images/sm.png) !important;
        background-position: -129px -85px;
    }

    .sprite-24-rss {
        background-position: -155px -85px;
    }

    /*=============================================================
                     BUSY INDICATOR STYLES
=============================================================*/
    .DataLoadingOverLay {
        opacity: 0.5;
        background-color: #fff;
        display: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        z-index: 1100;
    }

        .DataLoadingOverLay.On {
            display: block;
        }

    .DataLoadingWrapper {
        opacity: 1;
        background-color: transparent;
        display: none;
        top: 200px;
        left: 50%;
        width: 128px;
        height: 15px;
        margin: 100px auto;
        position: absolute;
        z-index: 1101;
    }

        .DataLoadingWrapper img {
            position: absolute;
        }

        .DataLoadingWrapper.On {
            display: block;
        }

    /*******************************************************************************
                             SCREENSHOT STYLES
******************************************************************************/
    .screenshot {
        width: 1020px;
        height: 675px;
    }

    .screenshot-RowDiv {
        margin: 0;
    }

    .screenshot .nvd3 g.nv-groups path.nv-line {
        stroke-width: 3px;
    }

    .screenshotChart_Canvas {
        width: 1050px;
        margin-right: auto;
        margin-left: auto;
    }

    .screenshotSaveChart_Canvas {
        /* width: 1575px;*/
        width: 1070px;
        margin-right: auto;
        margin-left: auto;
    }

    /*******************************************************************************
                             POPUP DIALOG STYLES
******************************************************************************/

    .saveImageDialog {
        height: 100%;
    }

    .saveImageDialogBody {
        height: calc(100% - 40px);
        overflow-y: auto;
    }

.disclaimerDialog h5 {
    font-size: 16px !important;
    font-weight: bold !important;
}

.disclaimerDialog p {
    font-size: 14px !important;
}

.disclaimerDialog > .modal-body {
    max-height: 600px;
    overflow-y: auto;
}

.ngdialog-content {
    padding: 0 !important;
}

    .ngdialog-message {
        height: 40px !important;
        padding: 7px 15px !important;
        margin: 0 !important;
        border-bottom: 1px solid #e5e5e5;
    }

    .modalTitle {
        margin: 0;
    }

    .modal-body {
        padding: 15px;
        background-color: #ffffff;
    }

        .modal-body form > * {
            margin: 10px 0;
        }

        .modal-body .row {
            /*margin: 0 !important;*/
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

.modal-footer {
    height: 48px !important;
    padding: 4px 15px !important;
}

.divModalFooterCenter {
    text-align: center;
}

    .footnotesContentTitlePaddingBottom {
        padding-bottom: 10px;
    }

    .footnotelinkButton {
        color: #005eaa !important;
        border-left-color: #c0e9ff !important;
        background-color: #edf9ff !important;
        overflow: hidden;
        transition: .25s box-shadow;
        border-left: 3px solid !important;
        margin-bottom: 1rem !important;
        border-radius: 0 !important;
        /*border: 0 !important;*/
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        border-top-width: 0px !important;
        border-right-width: 0px !important;
        border-bottom-width: 0px !important;
        border-top-style: initial !important;
        border-right-style: initial !important;
        border-bottom-style: initial !important;
        border-top-color: initial !important;
        border-right-color: initial !important;
        border-bottom-color: initial !important;
        border-image-source: initial !important;
        border-image-slice: initial !important;
        border-image-width: initial !important;
        border-image-outset: initial !important;
        border-image-repeat: initial !important;
    }

        .footnotelinkButton:hover {
            box-shadow: 0 3px 10px 0 rgba(0,0,0,0.4);
            text-decoration: none;
        }

        .footnotelinkButton .card-body {
            padding: 1rem;
            flex: 1 1 auto;
            min-height: 1px;
            display: flex;
        }

        .footnotelinkButton .align-items-center {
            align-items: center !important;
            display: flex;
            flex-wrap: wrap;
            margin: 0;
            width: 100%;
        }

        .footnotelinkButton .col {
            flex-basis: 0;
            flex-grow: 1;
            min-width: 0;
            max-width: 100%;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .footnotelinkButton .card-title {
            line-height: 1.3;
            color: #222;
            margin-top: 0 !important;
            /*font-size: 1.26rem;*/
            font-size: 18px;
            font-weight: 500;
            text-align: left;
            margin-bottom: .25rem !important;
            text-decoration: none;
            font-family: "Open Sans Medium",apple-system,blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif !important;
        }