div.loggis-grid > div.loggis-grid-header > * {
    /*color:black;*/
    /*background-color: #FB1;*/
    color: white;
    background-color: #123465;
}

.nav-tabs .nav-link {
    color: black !important;
}

.loggis-fill-plain {
    background-color: white;
}

.loggis-border-black1-all {
    border: 1px solid black;
}

.loggis-border-radius1-all {
    border-radius: 0.25rem;
}

.border-left {
    border-left: 1px solid black;
}

#LoggisMainLayoutBody, #HomeContainer, .sidebar, .loggis-main-background {
    /*background: linear-gradient(0deg, hsl(200,0%,0%) 0%, hsl(200,80%,45%) 100%);*/
    /*background: linear-gradient(0deg, hsl(200,0%,0%) 0%, #ABCDEF 100%);*/
    background: linear-gradient(0deg, hsl(200,0%,0%) 0%, #334 100%);
}

a.not-nav-link, .nav-tabs .nav-link, .SettingsTopRibbonIconContainer, .SettingsTopRibbonTextContainer, #ProjectVisualizerSelector button {
    background-color: whitesmoke;
}

    .loggis-active, a.not-nav-link.active, button.active {
        /*background-color: hsl(200,100%,60%);*/
        color: black;
        background-color: #FB1 !important;
    }

@keyframes flashBackground {
    from {
        background-color: whitesmoke;
    }

    to {
        background-color: orangered; 
    }
}


.loggis-flashing-orangered {
    animation: flashBackground 0.5s ease-in infinite alternate;
}

.SettingsTopRibbonTextContainer, .SettingsTopRibbonIconContainer {
    border: solid black 2px;
    white-space: nowrap;
    font-size: .9rem;
}
.SettingsTopRibbonIconContainer {
    grid-row: 1;
}
.SettingsTopRibbonTextContainer {
    grid-row: 2;
}

.nav-tabs .nav-link:hover, .SettingsTopRibbonGroup .SettingsTopRibbonIconContainer:hover, .GridPickerItem:hover, .loggis-nav-icon-btn:hover {
    /*background-color: #abcdef !important;*/
    /*padding: 2px !important;*/
    /*color: black !important;*/
    /*border-width: 3px !important;*/
}

.GridPickerItem:hover {
    background-color: #abcdef !important;
    color: black !important;
}

.SettingsTopRibbonGroup .SettingsTopRibbonIconContainer:hover, .loggis-nav-icon-btn:hover, .loggis-home-icon:hover {
    transform: scale(1.025);
    transform-origin: center;
}

.loggis-top-bar-text {
    color: whitesmoke;
    font-weight: bold;
}

.loggis-top-bar-outlined {
    border: 2px solid whitesmoke;
}

    .loggis-top-bar-outlined * {
        margin: 0;
    }

#ProjectVisualizerMapAndData {
    border-left: 1px solid black;
}

/*#HomeContainer {
    padding: 3rem; 
}

#Home 
{
    background-color: whitesmoke;
    border: 1px solid black;
    border-radius: 3rem;
}*/

.loggis-input-error {
    background-color: salmon;
}

.loggis-domtoimage-capture {
    background-color: white; /* important for dom-to-image screenshots*/
}

.loggis-background-dark, .loggis-background-dark * {
    color: white !important;
    /*background-color: #123465 !important;*/
    background-color: dimgrey !important;
}

.loggis-background-lightgray, .loggis-background-lightgray > * {
    background-color: lightgray !important;
}

.loggis-background-whitesmoke, .loggis-background-whitesmoke > *{
    background-color: whitesmoke !important;
}

.loggis-chart-label:hover, .loggis-grid-row-hoverable:hover > * {
    color: white !important;
    background-color: dimgrey !important;
}

.loggis-font-red {
    color: red;
    font-weight: normal;
}

.loggis-font-red-bold {
    color: red;
    font-weight: bold;
}

.loggis-font-black {
    color: black;
    font-weight: normal;
}

.loggis-font-black-bold {
    color: black;
    font-weight: bold;
}