:root {
--primary-color-hue:196;
--primary-color-saturation: 84%;
--primary-color-lightness: 25%;
--secondary-color-hue:199;
--secondary-color-saturation: 10%;
--secondary-color-lightness: 44%;
} /*Variablen */

:root {
	--mas-dunkelblau:#0a5a77;
	--color-persis-primary: var(--mas-dunkelblau);

}

/*Scss */

/*Ändert links oben den Hintergrund des Persis-Logos*/
.responsive-logo-trigger {
    background-color: var(--mas-dunkelblau) !important;
    border-color: var(--mas-dunkelblau) !important;
}

/*Ändert links oben den Hintergrund des Persis-Logos*/
.menu-start {
background-color: var(--mas-dunkelblau) !important;
border-color: white !important;
}

/*Bindet ein anderes Bild/Logo oben links ein*/
.menu-start-icon {
 background-image: url(../persis/images_kunde/favicon.ico) !important;
 /*background-image: url(/../img/test.svg) !important;*/
 background-repeat: no-repeat;
 background-size: contain;
}

/*hinterlegt beim aktiven Menü die ensprechende Farbe*/
.vsm--link_active {
background-color:var(--mas-dunkelblau) !important;
border-color: var(--mas-dunkelblau) !important;
}

/*hinterlegt beim ausgewählten Untermenü die entsprechende Farbe*/
.vsm--link_exact-active {
background-color: var(--mas-dunkelblau) !important;
border-color: var(--mas-dunkelblau) !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(--mas-dunkelblau) !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 {
color: #fff;
background-color: var(--mas-dunkelblau) !important;
}

/*hinterlegt beim ausfahrenden Menü die ensprechende Farbe*/
.vsm--mobile-bg {
background-color:var(--mas-dunkelblau) !important;
border-color: var(--mas-dunkelblau) !important;
}

/*färbt den obersten Balken entsprechend um*/
.a-header-panel {
border-bottom-color: var(--mas-dunkelblau) !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(--mas-dunkelblau) !important;
}

/*färbt den obersten Balken in Pop-up-Fenster */
.fusion-generic-view-navbar.fusion-generic-view-navbar-1 {
background-color: var(--mas-dunkelblau) !important;
}

/*färbt aufklappbare Menüs unten*/
.v-sidebar-menu .vsm--badge_default, .v-sidebar-menu .vsm--toggle-btn {
background-color: var(--mas-dunkelblau) !important;
}

/*färbt die Tabellenrahmen*/
.table-calendar-small tbody tr td, .table-calendar-small tbody tr th, .table-overview tbody tr td, .table-overview tbody tr th {
border: 1px solid var(--mas-dunkelblau) !important;
}

/*färbt die Button*/
.btn-pf-primary {
color: #fff;
background-color: var(--mas-dunkelblau) !important;
border-color: var(--mas-dunkelblau) !important;
}
.btn-pf-primary:hover {
color: #fff;
background-color: var(--mas-dunkelblau) !important;
border-color: var(--mas-dunkelblau) !important;
}

/*färbt die aktive Seitenzahl*/
.page-item.active .page-link {
z-index: 1;
color: #fff !important;
background-color: var(--mas-dunkelblau) !important;
border-color: var(--mas-dunkelblau) !important;
}

/*färbt die Seitenzahlen*/
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: var(--mas-dunkelblau) !important;
background-color: #fff;
border: 1px solid #f1f5f8;
border-top-color: rgb(241, 245, 248);
border-right-color: rgb(241, 245, 248);
border-bottom-color: rgb(241, 245, 248);
border-left-color: rgb(241, 245, 248);
}

.page-link:hover {
z-index: 2;
color: var(--mas-dunkelblau) !important;
text-decoration: none;
background-color: #f8f8fa;
border-color: #f1f5f8;
}

/*Färbt die Icons im Dashboard*/
.v-application .ci-alpha {
background-color: var(--mas-dunkelblau) !important;
border-color: var(--mas-dunkelblau) !important;
}

/*Farbt die Info-Boxen*/
.badge-info {
color: #fff;
background-color: var(--mas-dunkelblau) !important;
}

/*Neues Menü, für Mobile-Ansicht*/
.mobile-app-bar{
    background-color:var(--mas-dunkelblau) !important;
}
.responsive-navigation-burger-button{
    background-color:var(--mas-dunkelblau) !important;
}
.mobile-app-bar .metalink{
    background-color:var(--mas-dunkelblau) !important;
}

/*UEBER3-Seite Breite der Spalten ändenr*/
html[data-persis-function="ueber3"] .col-md-3 {
    flex-grow:0;
    flex-shrink:0;
    flex-basis:100%;
    max-width:100%;
}