/* --------------------------------------------------------------------------
   Update Colors on Us Web
   -------------------------------------------------------------------------- */
:root {
    --primary-color: #5CA921;
    --secondary-color: #DF6347;
}

.icon-color, a {
    color: var(--primary-color);
}

.btn-primary {
    background-color: var(--primary-color);
}

.tabTitleSignin {
    background-color: var(--primary-color);
}

    .tabTitleSignin:hover {
        background-color: #6cc727;
    }

#mainCommands a:nth-child(3) {
    background-color: var(--secondary-color) !important;
}
    #mainCommands a:nth-child(3):hover {
        background-color: #505050 !important;
    }
.greenbutton {
    /*background-image: linear-gradient(to bottom, var(--primary-color), #286001) !important;*/

    background-color: #5ca921;
}

.greenbutton:hover, .greenbutton + input[type="submit"]:hover, input[type="submit"].greenbutton:hover, input[type="button"].greenbutton:hover, .btn.greenbutton:hover {
        /*background-image: linear-gradient(to bottom, #286001, var(--primary-color)) !important;*/

    background-color: #6cc727;
}

.tabs-nav > .current {
    border-top-color: var(--primary-color);
}

.desc h2 span.distances {
    /* color: var(--primary-color) !important; */
}

.subtitle a {
    color: var(--primary-color) !important;
}

.desc-register h2 span.distances {
    color: var(--secondary-color);
}

.share-button.sharer-0 label:hover {
    background-image: linear-gradient(to bottom, #286001, var(--primary-color));
}

.tabs-nav .current a {
    background-color: var(--primary-color) !important;
}

.header-main-menu a:hover, .header-main-menu .hover a {
    border-top: 2px solid var(--secondary-color);
}

#navSearchTypeSelect {
    background-color: #eaebeb;
}

.tabs-nav > li > a:hover {
    background: var(--primary-color);
}