.field-validation-error {
    color: Red;
}

.filter-help {
    display: none;
    background-color: #eeeeee;
    margin-bottom: 3px;
    padding: 4px;
    border: 1px solid #503608;
}

#Chart path {
    stroke-width: 1; /* control the countries borders width */
    stroke: gray; /* choose a color for the border */
}

#chartbox a:hover {
    text-decoration: none;
}

dl.footnote {
    margin-bottom: 50px;
}

    dl.footnote dt {
        float: left;
        font-weight: bold;
        margin-right: 5px;
        padding: 5px;
    }

    dl.footnote dd {
        margin: 2px 0 2px 0px;
        padding: 5px 0;
    }

.tablecolselected {
    background: rgba(211, 185, 116, 0.15);
}
/*
li a .wrapit {
    display: flex;
    flex-wrap: wrap;
}
*/
    li a .break {
        /*padding-left: 0px !important;*/
        width: 100%;
        /*display: inline-block;*/
        justify-content: left; /* Centers content horizontally */
        align-items: center; /* Centers content vertically if there's extra height */
        text-align: left; /* Ensures text is centered if it wraps to multiple lines */
        font-size:smaller;
        white-space:nowrap;
        /* Keeping the custom styles from before */
    }

.pulsecontainer {
/*    position: relative;
    text-align: center;*/
/*    color: white;*/

}

.pulsecentered {
    position: absolute;
    top: 8%;
    left: 38%;
    /*transform: translate(-50%, -50%);*/
}
.loader {
    opacity: 0.4;
    position: absolute;
    top: 41%;
    left: 45%;
    width: 75px;
    height: 100px;
    background-repeat: no-repeat;
    background-image: linear-gradient(#1f78b4 50px, #1f78b4), linear-gradient(#1f78b4 50px, #1f78b4 0), linear-gradient(#1f78b4 50px, #1f78b4 0), linear-gradient(#1f78b4 50px, #1f78b4 0), linear-gradient(#1f78b4 50px, #1f78b4 0);
    background-size: 8px 100%;
    background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px;
    animation: pillerPushUp 4s linear infinite;
}

    .loader:after {
        content: '';
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 10px;
        height: 10px;
        background: #1f78b4;
        border-radius: 50%;
        animation: ballStepUp 4s linear infinite;
    }

@keyframes pillerPushUp {
    0%, 40%, 100% {
        background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px
    }

    50%, 90% {
        background-position: 0px 50px, 15px 58px, 30px 66px, 45px 78px, 60px 90px
    }
}

@keyframes ballStepUp {
    0% {
        transform: translate(0, 0)
    }

    5% {
        transform: translate(8px, -14px)
    }

    10% {
        transform: translate(15px, -10px)
    }

    17% {
        transform: translate(23px, -24px)
    }

    20% {
        transform: translate(30px, -20px)
    }

    27% {
        transform: translate(38px, -34px)
    }

    30% {
        transform: translate(45px, -30px)
    }

    37% {
        transform: translate(53px, -44px)
    }

    40% {
        transform: translate(60px, -40px)
    }

    50% {
        transform: translate(60px, 0)
    }

    57% {
        transform: translate(53px, -14px)
    }

    60% {
        transform: translate(45px, -10px)
    }

    67% {
        transform: translate(37px, -24px)
    }

    70% {
        transform: translate(30px, -20px)
    }

    77% {
        transform: translate(22px, -34px)
    }

    80% {
        transform: translate(15px, -30px)
    }

    87% {
        transform: translate(7px, -44px)
    }

    90% {
        transform: translate(0, -40px)
    }

    100% {
        transform: translate(0, 0);
    }
}