:root {
--logo-url: url(../persis/images_sgb/Logo_2022.jpg);
--primary-color-hue:212;
--primary-color-saturation: 100%;
--primary-color-lightness: 30%;
--secondary-color-hue:24;
--secondary-color-saturation: 93%;
--secondary-color-lightness: 48%;
} /*Variablen */
:root {
    --sgb-blau:rgb(0,72,154);
	--sgb-orange:rgb(235,98,9);
    --color-persis-primary: var(--sgb-blau);
}
/*Scss */
/*Ändert links oben den Hintergrund des Persis-Logos*/
.responsive-logo-trigger {
    background-color: var(--sgb-blau) !important;
    /*border-color: var(--sgb-orange) !important;*/
}
/*Ändert links oben den Hintergrund des Persis-Logos*/
.menu-start {
background-color: var(--sgb-blau) !important;
border-color: white !important;
}
/*Bindet ein anderes Bild/Logo oben links ein*/
.menu-start-icon {
 background-image: url(../persis/images_sgb/Logo_2022.jpg) !important;
 background-repeat: no-repeat;
 background-size: contain;
 width: 55px !important;
 height: 55px !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
/*hinterlegt beim aktiven Menü die ensprechende Farbe*/
.vsm--link_active {
 background-color:var(--sgb-blau) !important;
 border-color: var(--sgb-blau) !important;
} 
/*hinterlegt beim ausgewählten Untermenü die entsprechende Farbe*/
.vsm--link_exact-active {
 background-color: var(--sgb-blau) !important;
 border-color: var(--sgb-blau) !important;
}
 /*hinterlegt beim obersten gewählten Menü ganz links einen Balken in der gewählten Farbe*/
.v-sidebar-menu .vsm--link_level-1.vsm--link_active, .v-sidebar-menu .vsm--link_level-1.vsm--link_exact-active {
box-shadow: inset 3px 0 0 0 var(--sgb-blau) !important;
}
/*hinterlegt beim ausfahrenden Menü die ensprechende Farbe*/
.vsm--mobile-bg {
background-color:var(--sgb-blau) !important;
border-color: var(--sgb-blau) !important;
}
/*färbt Überschriftsbalken*/
.card-detail .card-body .card-title-row, .ma-kalender-calendar thead, .table thead, .table-calendar-small thead, .table-overview thead {
background-color: var(--sgb-blau) !important;
color: white !important;
border-radius: .25rem !important;
font-weight: 600 !important;
}
/*färbt den obersten Balken in Pop-up-Fenster */
.fusion-generic-view-navbar.fusion-generic-view-navbar-1 {
background-color: var(--sgb-blau) !important;
}
/*färbt aufklappbare Menüs unten*/
.v-sidebar-menu .vsm--badge_default, .v-sidebar-menu .vsm--toggle-btn {
background-color: var(--sgb-blau) !important;
}
.v-sidebar-menu.vsm_expanded .vsm--item_open .vsm--link_level-1, .v-sidebar-menu.vsm_expanded .vsm--item_open .vsm--link_level-1 .vsm--icon {
background-color: var(--sgb-blau) !important;
}
/*Neues Menü, für Mobile-Ansicht*/
.mobile-app-bar{
    background-color:var(--sgb-blau) !important;
}
.responsive-navigation-burger-button{
    background-color:var(--sgb-blau) !important;
}
.mobile-app-bar .metalink{
    background-color:var(--sgb-blau) !important;
}
/*Ändert die Umrandungsfarbe bei Eingabefeldern*/
.form-control:focus, .input-daterange input[form]:focus:first-child, .is-invalid label.custom-file-label:focus{
    color: var(--sgb-orange) !important;
    border-color: var(--sgb-orange)!important;
    box-shadow: 0 0 0 .2rem var(--sgb-orange) !important;	  
}
.custom-select:focus, select:focus {
  border-color: var(--sgb-orange) !important;
  box-shadow: 0 0 0 .2rem var(--sgb-orange) !important;
}
.select2-container--bootstrap .select2-dropdown {
  border-color: var(--sgb-orange) !important;
}
.select2-container--focus .select2-dropdown--above, .select2-container--open .select2-dropdown--above{
    box-shadow: -.2rem -.2rem .2rem var(--sgb-orange),.2rem -.2rem .2rem var(--sgb-orange) !important;
}
.select2-container--focus .select2-dropdown--below, .select2-container--open .select2-dropdown--below{
    box-shadow: -.2rem -.2rem .2rem var(--sgb-orange),.2rem -.2rem .2rem var(--sgb-orange)!important;
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection{
  border-color: var(--sgb-orange) !important;
}
.table thead {
    position: sticky !important;
    top:0 !important;
}
/*Logo für Kundenmenü*/
.nav-module-CMENU_PDA_PROCESS{
background-image: url(../persis/images_sgb/money-transfer-round-svgrepo-com.svg);
background-size: contain;    
}
/*MA_HEAD auf ueber3 Seiten oben und Suchfilter nur 2/3 der Seite*/
[data-persis-function="ueber3"] .container-fluid > .row .col-lg-8,
[data-persis-function="ueber3"] .container-fluid > .row .col-lg-4 {
    width: 100% !important;
}
[data-persis-function="ueber3"] #fusionAsidePageSearchDiv > div > form > div{
    width: 75% !important;
}
[data-persis-function="ueber3"] .container-fluid > .row .col-lg-8 {
    order: 1;
}
[data-persis-function="ueber3"] .container-fluid > .row .col-lg-4 {
    order: 0;
}
/*Ausblenden der Überschrift Anzahl Datensätze bei Dashboards*/
html[data-persis-function="report"][data-persis-action="dashboard"] h2[class*="search-result-count"] {
  display: none;
}
html[data-persis-function="main"] h2[class*="search-result-count"] {
  display: none;
}
.d-md-inline-block {
    color:black;
}