html, body {
    background-color: var(--background-color, var(--default-background-color));
}

.portal .modalPanel a, a {
    color: var(--primary-color, var(--default-primary-color));
    text-decoration: none;
}



.navbar {
    background-color: var(--background-color, var(--default-background-color));
}

footer {
    background-color: var(--footer-background-color, var(--default-footer-background-color)) !important;
}

.modalPanel form input[type="text"]:focus, .modalPanel form input[type="password"]:focus,
.modalPanel form select:focus {
    border: solid 1px var(--secondary-color, var(--default-secondary-color));
}

/*------------------------------------------------------------ TIPPS PAGE ------------------------------------------------------------*/
.tippsPage h2, .wicketExtensionsWizardHeaderTitle,
.wicketExtensionsWizardHeaderSummary {
    color: var(--primary-color, var(--default-primary-color));
    font-weight: normal;
    line-height: 120%;
    font-size: 22px;
    text-decoration: none;
}

/*------------------------------------------------------------SETTINGS PAGE------------------------------------------------------------*/
.settings h2, .wicketExtensionsWizardHeaderTitle,
.wicketExtensionsWizardHeaderSummary {
    margin-top: 17px;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 12px 0;
    padding: 0;
    color: var(--primary-color, var(--default-primary-color));
    line-height: 120%;
}

/*-------------------------------------------------------------TABBED PANEL------------------------------------------------------------*/
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid var(--secondary-color, var(--default-secondary-color));
    border-bottom: 16px solid var(--secondary-color, var(--default-secondary-color));
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.form-inline a {
    color: var(--primary-color, var(--default-primary-color));
    text-decoration: none;
}

/*TOUR*/
.tourToolTip a {
    color: var(--primary-color, var(--default-primary-color));
    text-decoration: none;
}

/*--------------------------------------------------------------BUTTONS----------------------------------------------------------------*/

.btn-success-discovergy,
.btn-success-discovergy:hover,
.btn-success-discovergy:focus,
.btn-success-discovergy:active,
.btn-success-discovergy.active,
.open .dropdown-toggle.btn-success-discovergy {
    color: #ffffff !important;
    background-color: var(--primary-color, var(--default-primary-color)) !important;
    border-color: var(--primary-color, var(--default-primary-color)) !important;
}

.btn-success-discovergy.disabled,
.btn-success-discovergy[disabled],
fieldset[disabled] .btn-success-discovergy,
.btn-success-discovergy.disabled:hover,
.btn-success-discovergy[disabled]:hover,
fieldset[disabled] .btn-success-discovergy:hover,
.btn-success-discovergy.disabled:focus,
.btn-success-discovergy[disabled]:focus,
fieldset[disabled] .btn-success-discovergy:focus,
.btn-success-discovergy.disabled:active,
.btn-success-discovergy[disabled]:active,
fieldset[disabled] .btn-success-discovergy:active,
.btn-success-discovergy.disabled.active,
.btn-success-discovergy[disabled].active,
fieldset[disabled] .btn-success-discovergy.active {
    background-color: var(--primary-color, var(--default-primary-color)) !important;
    border-color: var(--primary-color, var(--default-primary-color)) !important;
}

.btn-success-discovergy .badge {
    color: var(--primary-color, var(--default-primary-color)) !important;
    background-color: #ffffff !important;
}

.discovergyDropdown.dropdown-menu li > a:hover, discovergyDropdown.dropdown-menu .active > a,
discovergyDropdown.dropdown-menu .active > a:hover {
    background-color: var(--primary-color, var(--default-primary-color)) !important;
    color: #ffffff;
}

nav.chartControls a.active {
    background-color: var(--primary-color, var(--default-primary-color)) !important;

}

.unitBox {
    fill: var(--primary-color, var(--default-primary-color));
}

.artworkBlock {
    margin-top: -40px;
    padding-left: 100px;
}

.artworkBlock:before {
    content: "\ea39";
    font-family: 'discovergy-portal';
    font-size: 170px;
    color: var(--primary-color, var(--default-primary-color));
}