﻿

.brand
{
    background-color:red;
}

.naviLevel1 {

    background-color: red;
    color: #d7d7d7;
}
    .naviLevel1 .nav-item a {
        color: #d7d7d7;
        border-radius: 4px;
        align-items: center;
    }

        .naviLevel1 .nav-item a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .naviLevel1 .nav-item a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.nav-item .dropdown-menu a {
    color: black;
}

    .nav-item .dropdown-menu a:active {
        color: black;
        font-weight: bold;
    }

    .nav-item .dropdown-menu a:hover {
        color: black;
        font-weight: bold;
    }

nav-link active {
    background-color: red;
    color: white;
}

.main .top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5; 
}

.main .bottom-row {
    background-color: #f7f7f7;    
    border-top: 1px solid #d6d5d5;
}




.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

/* Bootstrap Default themen */
.btn-primary {
    background-color: red;
    color: white;
}

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:hover {     
        background-color: #da4242;
        color: white;
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: red;
        color: white;
        opacity: 0.5;
    }

.btn-secondary {
    color: #d7d7d7;
}

    .btn-secondary:not(:disabled):not(.disabled):active,
    .btn-secondary:hover {
        color: white;
    }

a, .btn-link {
    color: black;
}

/*Überall muss Farbe noch variable anpassbar sein. Aktuelle Einträge dienen
  nur Vorstellungszwecken.
*/
/*Body*/
.Primary_Body_Background_Color {
    background-color: white;
}

.Primary_Body_Foreground_Color {
    background-color: black !important;
}

.Primary_Body_Fonts {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: black;
}

.Primary_Body_Fonts_Hover {
    font-family: Arial;
    font-size: 12px;
    color: black;
}

    .Primary_Body_Fonts_Hover:hover {
        color: darkgrey;
    }

.Primary_Body_Headline_Fonts {
    font-family: Arial;
    font-size: 20px;
    color: black;
}

.Primary_Body_Headline_Fonts_Hover {
    font-family: Arial;
    font-size: 20px;
    color: black;
}

    .Primary_Body_Headline_Fonts_Hover:hover {
        color: darkgrey;
    }


/*Buttons*/

.Primary_Button_Hover_Color{
    background-color: red;
}

    .Primary_Button_Hover_Color:hover{
        background-color: lightcoral;
    }

.Primary_Button_Color {
    background-color: red;
    color: white;
}

.Secoundary_Button_Hover_Color {
    background-color: yellow;
}

    .Secoundary_Button_Hover_Color:hover {
        background-color: lightyellow;
    }

.Secoundary_Button_Color {
    background-color: yellow;
}

.OK_Button_Hover_Color {
    background-color: green;
}

    .OK_Button_Hover_Color:hover {
        background-color: lightgreen;
    }

.OK_Button_Color {
    background-color: green;
    color:white;
}

.DeleteAbort_Button_Hover_Color {
    background-color: red;
}

    .DeleteAbort_Button_Hover_Color:hover {
        background-color: lightcoral;
    }

.DeleteAbort_Button_Color {
    background-color: red;
    color:white;
}


/*Navigation*/

.Primary_Navigation_Hover_Color {
    background-color: white;
}

    .Primary_Navigation_Hover_Color:hover {
        background-color: white;
    }

.Primary_Navigation_Background_Color {
    background-color: white;
}

.Primary_Navigation_Foreground_Color {
    background-color: white;
}

.Primary_Navigation_Fonts {
    font-family: Arial;
    font-size: 12px;
    color: black;
}

.Primary_Navigation_Fonts_Hover {
    font-family: Arial;
    font-size: 12px;
    color: black;
}

    .Primary_Navigation_Fonts_Hover:hover {
        color: darkgrey;
    }


/*Actionbar*/

.Primary_Actionbar_Background_Color {
    background-color: white;
}


.Primary_Actionbar_Foreground_Color {
    background-color: white;
}

.Primary_Navigation_Fonts {
    font-family: Arial;
    font-size: 12px;
    color: black;
}

.Primary_Navigation_Fonts_Hover {
    font-family: Arial;
    font-size: 12px;
    color: black;
}

    .Primary_Navigation_Fonts_Hover:hover {
        color: darkgrey;
    }


.BusyIndicator {
    fill: red;
    background-image: url(LogoSmallRed.svg) !important;
    background-repeat: no-repeat;
    border: none !important;
    border-radius:0px !important;
    width:67px !important;
    height:67px !important;
}