.color-main {
    color: var(--maincolor);
}
.color-red {
    color: #dd0000;
}
.color-dark-red {
    color: #b50000;
}
.color-black, .color-black:hover, .color-black:active, .color-black:focus {
    color: #000;
}
.color-white {
    color: #fff;
}
.color-main-important {
    color: var(--maincolor) !important;
}
.color-black-important, .color-black-important:hover, .color-black-important:active, .color-black-important:focus {
    color: #000 !important;
}

.background-blue {
    background-color: var(--maincolor);
}
input.background-blue:checked:after {
    background-color: var(--maincolor);
}
.background-yellow {
    background-color: #ffdb78;
}
.background-dark-red {
    background-color: #b75f5d;
}
.background-grey {
    background-color: #d9d9d9;
}
.background-black {
    background-color: #000;
}
input.background-black:checked:after {
    background-color: #000;
}
.background-black-active:hover, .background-black-active:active, .background-black-active:focus {
    background-color: #000 !important;
}
.background-white {
    background-color: #fff;
}
.background-blue-important {
    background-color: var(--maincolor) !important;
}
.background-black-important {
    background-color: #000 !important;
}

.border-blue {
    border-color: var(--maincolor);
}
.border-dark-red {
    border-color: #b50000;
}
.border-green {
    border-color: #5a9e5a;
}
.border-black {
    border-color: #000;
}
.border-black-active:hover, .border-black-active:active, .border-black-active:focus {
    border-color: #000 !important;
}
.border-grey {
    border-color: #ccc;
}
.border-blue-important {
    border-color: var(--maincolor) !important;
}
.border-black-important {
    border-color: #000 !important;
}

.tooltip.left .tooltip-arrow-black {
  border-left-color: #000;
}
.tooltip.right .tooltip-arrow-black {
  border-right-color: #000;
}
.tooltip.top .tooltip-arrow-black {
  border-top-color: #000;
}
.tooltip.bottom .tooltip-arrow-black {
  border-bottom-color: #000;
}

body.contrast-link a, body.contrast-link a:hover, body.contrast-link a:active, body.contrast-link a:focus {
    color: #000;
    /*text-decoration: underline;*/
}


.black-head:before {
    background-color: #000;
}
.black-head:after {
    background-color: #696969;
}
.black-head #ai_logo {
    background-image: url(../../_images/img/logo_ai_black.png);
}
.black-head #vp_logo {
    background-image: url(../../_images/img/logo_vp_black.png);
}
.bc-logo.black-logo {
    background-image: url(../../_images/img/ai_bietercockpit_black.jpg);
}
.bc-small-logo.black-logo {
    background-image: url(../../_images/img/ai_bietercockpit_black.jpg);
}

.hover-blue:hover {
    background-color: var(--maincolor) !important;
    color: #fff !important;
}
.hover-black:hover, .hover-black:focus {
    background-color: #000 !important;
}
.navActive.hover-black {
    background-color: #000 !important;
}

li.toggleContrast .btn-primary {
    border-color: #000;
}
li.toggleContrast .btn-primary .toggle-on {
    background-color: #000;
    border-color: #000;
}
li.toggleContrast .btn-primary .toggle-handle {
    background-color: #fff;
    border-color: #000;
}