/************ color, stroke & fill ************/

:root {
    --default-bg-color: #fff;
    --gray-75: #ebebeb;
    --gray-90: #e1e1e1;
    --gray-100: #dddddd;
    --gray-200: #d5d5d5;
    --gray-300: #e1e1e1;
    --gray-400: #c8c8c8;
    --gray-500: #7f7f7f;
    --gray-600: #666666;
    --orange-100: #fcca6d;
    --orange-200: #f7a300;
    --orange-300: #e98200;
    --blue-300: #002354;
    --blue-500: #005189;
    --red-500: #990000;
    --white: #ffffff;
    --black-200: rgba(0,0,20,0.5);
    --slh-red: #f00;
    --slh-red--dark: #d00;
    --stellvertretung-primary: var(--slh-red--dark) !important;
    --stellvertretung-primary-hover: var(--slh-red--dark) !important;

    --button-color: var(--gray-200);
    --button-color-text: var(--black-200);
    --button-hover-color: var(--orange-300);
    --button-hover-color-text: var(--white);

    --sidebar-color: var(--white);
}

.header, .result-paging span, a.active .dialogTab.linkButton {
    color: var(--gray-600);
}

html, body, .form-button, .form-button-nospace, .linkButton, a {
    color: var(--gray-600);
}

.form-text-failure {
    color: var(--red-500);
}

.language-picker span {
    color: var(--orange-200) !important;
}

#menuPanelHeaderbar label:hover path[stroke="#666"],
.headerBar label:hover path[stroke="#666"],
#menuPanelHeaderbar label:hover rect[stroke="#666"],
.headerBar label:hover rect[stroke="#666"],
#menuPanelHeaderbar label:hover circle[stroke="#666"],
.headerBar label:hover circle[stroke="#666"],
#menuPanelHeaderbar .active path[stroke="#666"],
.headerBar .active path[stroke="#666"],
#menuPanelHeaderbar .active rect[stroke="#666"],
.headerBar .active rect[stroke="#666"],
#menuPanelHeaderbar .active circle[stroke="#666"],
.headerBar .active circle[stroke="#666"] {
    stroke: var(--orange-200);
}

#menuPanelHeaderbar label:hover path[fill="#666"],
.headerBar label:hover path[fill="#666"],
#menuPanelHeaderbar label:hover rect[fill="#666"],
.headerBar label:hover rect[fill="#666"],
#menuPanelHeaderbar label:hover circle[fill="#666"],
.headerBar label:hover circle[fill="#666"],
#menuPanelHeaderbar .active path[fill="#666"],
.headerBar .active path[fill="#666"],
#menuPanelHeaderbar .active rect[fill="#666"],
.headerBar .active rect[fill="#666"],
#menuPanelHeaderbar .active circle[fill="#666"],
.headerBar .active circle[fill="#666"] {
    fill: var(--orange-200);
}

#menuPanelHeaderbar path[stroke="#666"],
.headerBar path[stroke="#666"],
#menuPanelHeaderbar rect[stroke="#666"],
.headerBar rect[stroke="#666"],
#menuPanelHeaderbar circle[stroke="#666"],
.headerBar circle[stroke="#666"] {
    stroke: var(--white);
}

#menuPanelHeaderbar path[fill="#666"],
.headerBar path[fill="#666"],
#menuPanelHeaderbar rect[fill="#666"],
.headerBar rect[fill="#666"],
#menuPanelHeaderbar circle[fill="#666"],
.headerBar circle[fill="#666"] {
    fill: var(--white);
}

#menuPanelHeaderbar path,
.headerBar path,
#menuPanelHeaderbar rect,
.headerBar rect,
#menuPanelHeaderbar circle,
.headerBar circle {
    -webkit-transition: all 0.3s ease-out;
    -khtml-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.language-picker a {
    color: var(--gray-600) !important;
}

/************ bg-color ************/

/*.topic-inhalt,*/ .topic-title, .overlayDialog, .dialogContextMenu, .headerLogo {
    background-color: var(--default-bg-color);
}

.wrapper, .groupRow, .dialogLabel {
    background-color: var(--default-bg-color);
}

.headerBar, html, body, .detail-content-bg, .dialogTitle, .searchTable tbody tr:hover, .searchSelected, .dataRow:focus {
    background-color: var(--gray-75);;
}

.detail-content-bg {
    background-color: var(--gray-75);
}

.list-line {
    background-color: var(--gray-90);
}

.modalOverlay {
}


/* gradient bg-color */
.headerTitleContainer { 
    background-position: right;
}

.linkButton, .form-button, .result-paging a, .form-button-nospace, .tabBar {
    background-color: var(--button-color); /* fallback color */
    color: var(--button-color-text);
}

    .linkButton:hover,
    .form-button:hover,
    .result-paging a:hover,
    .form-button-nospace:hover,
    .tabBar:hover {
        background-color: var(--button-hover-color);
        color: var(--button-hover-color-text);
    }



.result-paging span, a.active div, div.active {
    background-color: var(--orange-300); /* fallback color */
}

/************ border ************/

.result-paging span {
    border: var(--orange-200) 1px solid;
}

.form-textfield-required, .form-datefield-required {
    border: var(--orange-100) 1px solid;
}

select, input[type=text], input[type=password], textarea {
    border: var(--gray-400) 1px solid;
}

.form-row:hover .form-text-lable, .categoryChooseDiv {
    /*border-bottom: #c8c8c8 1px solid;*/
}

.dialogTab {
    border-right: var(--gray-400) 1px solid;
}
/* hr - border */
hr {
    border: none;
    height: 1px;
    background-color: var(--gray-400);
    color: var(--gray-400);
}

.headerText:hover .sortAsc, .headerText:hover .sortDesc, .sortedAsc, .sortedDesc {
    border-bottom-color: var(--gray-600) ;
}

.header, .WebPart-Standard {
    border-bottom: var(--gray-100) 1px solid;
}

.headerBar {
    border-top: var(--white) 1px solid;
}
.topic-title {
    border-top: var(--white) 1px solid;
}

.form-button, .form-button-nospace, .list-line, #ctl00_WebPartManager1_gwpBrn_NGDatenabschriftStudent1_Brn_NGDatenabschriftStudent1_gvDatenabschrift table td {
    border: 0;
}

/* table borders (note that html-Attribute border and rules will be removed with JQuery on MasterPage */
.result-header th, .GridView th, .contentsubtitle1, .searchTable th {
    border-bottom: var(--gray-500) 1px solid;
}

.result-row td, .GridView td, #ctl00_WebPartManager1_gwpBrn_NGDatenabschriftStudent1_Brn_NGDatenabschriftStudent1_gvDatenabschrift td, .content1, .searchTable td {
    border-bottom: var(--gray-90) 1px solid;
}

.GridView table td, .result-paging td {
    border:none;
}

/************ obsolete controls (overwriting) ************/

.topic-inhalt .topic-container {
    -webkit-box-shadow: none;
            box-shadow: none;
}   

.login-label, .login-panel {
    border: 0;
}

.header-bar-navigation-link {
    color: var(--gray-600) !important;
}



/************ overwrite standalone design "Noteneingabe" ************/

.dialogInfoTable .dialogMainInfo {
     color: var(--slh-red) !important;
}
.option-button.active {
    background-color: var(--slh-red--dark) !important;
}

.option-button {
    border: none !important;
    background: var(--gray-400) !important;
}