/*Custom CSS*/
:root {
    --main: #275582;
    --main-font-color: #ffffff;
    --blue: #0067AF;
}

.b_btn, a.b_btn {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 10px 24px;
    border: 0;
    background-color: var(--blue);
    color: #FFF;
    font-size: 16px;
    line-height: 1.625;
    cursor: pointer;
    -webkit-appearance: button;
    font-weight: 400;
    text-decoration: none;
    border-radius: 50px;
}

a.b_btn-secondary, a.b_btn-secondary {
    border: 2px solid var(--blue);
    background: #FFF;
    color: var(--blue);
}

.selection-container {
    border-top: 10px solid var(--blue);
}

.radio-switch__input:checked~.radio-switch__label {
    background-color: var(--blue);
}

.radio-switch__label {
	color: var(--main);
}

/*Start to top btn*/
#scrollToTop {
    background: var(--blue);
}

.back-to-top i {
    color: #fff;
}

.radio-switch__input:checked~.radio-switch__label {
	background-color: var(--blue);
	color: hsl(0, 0%, 100%);
}

#innercontainer::before {
    background: url(images/background.jpg) no-repeat bottom center;
    background-size: cover;
    content: "";
    top: 90px;
    position: absolute;
    height: 568px;
    width: 100%;
    z-index: -1;
}

body#ballroom #container #innercontainer header {
    background: #fff;
}

.select-nav__label::after {
    color: var(--blue);
}

.show-chart-btn {
    background: var(--blue);
    color: var(--main-font-color);
}

.radio-label .checkmark {
    border-color: var(--main);
}

.radio-label:hover .checkmark:before, .radio-label input:checked + .checkmark:before {
    background: var(--main);
}

.info-tooltip-content p {
    color: var(--white);
}

#download-button:before {
    color: var(--main);
}