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
====================================================*/

.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;
}

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

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

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

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


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

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;
}

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

    .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;
    }

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

    .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: 11px;
    }

    .nvd3 text {
        font-size: 11px;
    }

    /*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;
    }


.divChart, .divChartHLegend {
    margin-left:15px;
}

.bars2Wrap {
    opacity: 0;
}
/******************************************************************************
                              Widget Chart Legend
******************************************************************************/
.ulCustomDataMultipleSeclection_H {
    list-style: none;
    /*margin-left:-15px;*/
}

    .ulCustomDataMultipleSeclection_H li {
        display: inline;
        list-style-type: none;
        font-size: 12px;
    }

.liCustomDataMultipleSeclection {
    padding-left: 10px;
}
.liCustomDataMultipleSeclectionSelectAllElement {
    display: block !important;
}

.liCustomDataMultipleSeclectionChildElement {
    /*padding-left: 15px !important;*/ /*For pahse 1 and Phase 8*/
    padding-left: 25px !important; /*For pahse 3 and Phase 7*/
}

multiselect-tree2-h .widgetLegendSymbolDiv {
    height: 12px !important;
    margin-bottom: -1px !important;
}

#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: 2rem;
    margin-left: 15px;
    text-align: center
}

    .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;
        }
    }

/******************************************************************************
                              Widget Footer Area
******************************************************************************/
#divFooterArea a {
    cursor: pointer;
}

/******************************************************************************
                              MEDIA QUERY STYLES
******************************************************************************/
/* 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: 700px;*/
    /*height: 325px;*/
    /* height: 375px;*/
    width: 864px; /*Updated on 20231003*/
    height: 465px;
}

    .screenshot-RowDiv {
        margin: 0;
    }

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

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


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

    .saveImageDialog {
        height: 100%;
    }

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

    .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;
        }

    .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;
        }