.range-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;

    & label {
        grid-column: span 2;
    }
}

.form-group-sm:has(> label) {
    margin-bottom: 1rem;
}

.small-legend-group-text {}

.canadaGroup:hover {
    outline: black 4px solid;

}

.axes text {
    font-size: 14px;
}

.tooltip {
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: 5px;
    padding: 10px;
    position: fixed;
    max-width: 250px;
    font-size: 20px;
    pointer-events: none;
}

/*.tick text {*/
/*    font-size: 15px !important;*/
/*}*/

.legend .background {
    opacity: 0
}

.ttFuncChartRectText {
    font-size: 17px;
}

.bg-primary {
    background-color: #fff;
    color: #26374A;
}

.sorting-cnt {
    display: none
}

.map-small-note-container {
    margin: 1rem 0 1rem 1rem;
}

select {
    text-overflow: ellipsis;
}

.mrgn-tp-none {
    margin-top: 0;
}

.toShow {
    display: none;
}

.dataTable .sorting_asc,
.dataTable .sorting_desc {
    background-color: #26374A !important;
    color: #fff
}

table.dataTable thead .sorting_asc {
    padding-right: 15px;
}

table.dataTable thead .sorting_desc {
    padding-right: 15px;
}

table.dataTable thead .sorting {
    padding-right: 15px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

h3#h-bar-chart-svg {
    text-align: center
}

.map-small-note-container p,
.chart-small-note-container p {
    /*line-height: 1.7;*/
    font-size: .7em;
    text-align: left;
    margin: 0;
    font-weight: bold;
}

.casesTraveledGroup .foreignObjContainer {
    width: 21%
}

/*.canadaGroup:hover {*/
/*    border: 6px solid black;*/
/*padding: 10px;*/
/*    border-radius: 10px;*/
/*}*/

.travelDiv {
    padding: .3rem;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
    border: 2px solid darkgrey;
    border-radius: .5rem;
    line-height: 1.7;
    font-size: .6em;
    text-align: left;
    margin: 0;

}

.bar-group text {
    font-size: .6em
}

#bar-svg .graph-title,
#bar-svg .n-axis-title,
#bar-svg .c-axis-title,
#line-svg .graph-title,
#line-svg .n-axis-title,
#line-svg .c-axis-title {
    font-size: 1.5em;
}

#bar-svg .graph-title,
#line-svg .graph-title {
    font-weight: bold;
}

#barWrapper {
    margin-bottom: 4rem
}

#map-title {
    text-align: left;
}

#bar-chart-title,
#line-chart-title,
#dot-chart-title,
#h-bar-chart-title,
#ungrouped-bar-chart-title,
#diverging-bar-chart-title,
#s-bar-chart-title {
    text-align: center;
    margin-top: 10px;
    text-wrap: balance;
}

.map-text-description {
    margin: 20px auto;
}

.tick {
    font-size: 1.3em;
}

.dropTooltip {
    visibility: visible;
}

@media screen and (max-width: 991px) {
    .dropTooltip {
        visibility: hidden;
    }
}