/*
    Spezifischer Style (Für Login und Backend)
    - Die komplette Seite bekommt die selbe Schriftart
    TODO: Eventuell einzelne Elemente anpassen?!?!
*/
body *{
    font-family: "Arial", serif;
    /*color: #000;*/
}

/*.page_title*/
/*{*/
/*    color: #000000;*/
/*}*/

.border_primary_color {
    border-color: #9db9ff;
}

.border_secondary_color {
    border-color: #e9f3fb;
}


.font_primary_color {
    color: #9db9ff;
}

.font_secondary_color {
    color: #e9f3fb;
}


.background_primary_color {
    color: #ffffff;
}

.background_secondary_color {
    color: #000000;
}


a {
    color: #ffffff;
}

a:hover
{
    color: #000000;
}



.system_link
{
    color: blue;
    text-decoration: underline;
}

.system_link:hover
{
    color: blue;
    text-decoration: underline;
}


.system_link_white
{
    color: #ffffff;
    text-decoration: underline;
}

.system_link_white:hover
{
    color: #ffffff;
    text-decoration: underline;
}



.navbar-toggler
{
    color: #ffffff;
}

.navbar
{
    background-color: #ffffff;
}

.navbar-nav .nav-link
{
    /*color: #ffffff;*/
    color: #000000;
}

.navbar-nav .nav-link:hover
{
    color: #000000;
}


.navbar-brand
{
    background-color: #fff;
    /*border-right: 2px solid #e9f3fb;*/
    /*background-color: #e9f3fb;*/
}

.navbarCollapse
{
    background-color: #fff;
    /*background-color: #9db9ff;*/
}

main
{
    background-color: #ffffff;
}

.sidebar
{
    background-color: #9db9ff;
}


.navbarCollapse .nav-link{
    color:#000000;
}

.sidebar .nav-link
{
    color: #ffffff;
}


.sidebar .nav-link:hover,
.navbarCollapse .nav-link:hover
{
    color: #000000;
}

.sidebar .nav-link.active,
.navbarCollapse .nav-link.active
{
    color: #000000;
}

.nav-tabs .nav-link
{
    color: #000;
}

.content{
    background-color: #e9f3fb;
}


.course_types .category_select + .fas:before {
    color: #000000;
}

.course_types .category_select:checked + .fas:before {
    color: #9db9ff;
}

.course_types .icon-checkbox label:hover {
    background-color: #ffffff;
}

.course_types .icon-checkbox label {
    background-color: #e9f3fb;
}

.btn-primary {
    background-color: #9db9ff!important;
    border-color: #9db9ff!important;
}

.badge-primary {
    background-color: #9db9ff!important;
    border-color: #9db9ff!important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #9db9ff!important;
    border-color: #9db9ff!important;
}