:root {
    --main-color: #ffdf00;
    --font-color: #000;
}

/* skiplinks */
.a-skiplink {
    background-color: #fff;
    border: 2px solid #999;
    display: block;
    left: -1000em;
    padding: .5em;
    position: absolute;
    z-index: 10;
    transition: none;
}
.a-skiplink:focus {
    left: 1em;
    top: 126px;
    z-index: 1000;
}

.b_btn, a.b_btn {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 10px 24px;
    border: 0;
    background-color: var(--main-color);
    color: var(--font-color);
    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(--main-color);
    background: var(--main-color);
    color: var(--font-color);
}

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

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

.chart-tooltip {

    div {
        margin-bottom: 16px;

        &:last-child {
            margin-bottom: 0;
        }
    }
}

/*Start to top btn*/
.back-to-top {
    background: var(--main-color);

    i {
        color: var(--font-color);
    }
}

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

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

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

#footer {
    margin-top: auto;
}

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

/*Custom CSS*/
:root {
    --main: var(--font-color);
    --main-font-color: var(--font-color);
}

.show-chart-btn,
#result_List li.autoComplete_result:hover {
    background: var(--main-color);
    color: var(--main-font-color);

    a {
        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);
}

.tableview.full-width .chart-indicators-wrapper {
    width: 100%;
}