:root {
--primary-color-hue:197;
--primary-color-saturation: 100%;
--primary-color-lightness: 43%;
--secondary-color-hue:199;
--secondary-color-saturation: 10%;
--secondary-color-lightness: 44%;
} .table:not(.ui) thead th {
background-color: #009ddb;

}



.menu-start {
 background-color: #009ddb !important;
 border-color: white !important;
}

/*Ändert links oben den Hintergrund des Persis-Logos*/
.menu-start {
 background-color: #009ddb !important;
 border-color: white !important;
}
 
/*hinterlegt beim aktiven Menü die ensprechende Farbe*/
.vsm--link_active {
 background-color:#009ddb !important;
 border-color: #009ddb !important;
}
  
/*hinterlegt beim ausgewählten Untermenü die entsprechende Farbe*/
.vsm--link_exact-active {
 background-color: #009ddb !important;
 border-color: #009ddb !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 #009ddb !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: #009ddb !important;
}
 
/*hinterlegt beim ausfahrenden Menü die ensprechende Farbe*/
.vsm--mobile-bg {
background-color:#009ddb !important;
border-color: #009ddb !important;
}
 
/*färbt den obersten Balken entsprechend um*/
.a-header-panel {
border-bottom-color: #009ddb !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: #009ddb !important;
}
 
/*färbt den obersten Balken in Pop-up-Fenster */
.fusion-generic-view-navbar.fusion-generic-view-navbar-1 {
background-color: #009ddb !important;
}
 
/*färbt aufklappbare Menüs unten*/
.v-sidebar-menu .vsm--badge_default, .v-sidebar-menu .vsm--toggle-btn {
background-color: #009ddb !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 #009ddb !important;
}

/*färbt die Button*/
.btn-pf-primary {
    color: #fff;
    background-color: #009ddb !important;
    border-color: #009ddb !important;
}
.btn-pf-primary:hover {
    color: #fff;
    background-color: #009ddb !important;
    border-color: #009ddb !important;
}

/*färbt die aktive Seitenzahl*/
.page-item.active .page-link {
    z-index: 1;
    color: #fff !important;
    background-color: #009ddb !important;
    border-color: #009ddb !important;
}

/*färbt die Seitenzahlen*/
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #009ddb !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: #009ddb !important;
    text-decoration: none;
    background-color: #f8f8fa;
    border-color: #f1f5f8;
}

/*Färbt die Icons im Dashboard*/
.v-application .ci-alpha {
    background-color: #009ddb !important;
    border-color: #009ddb !important;
}

/*Farbt die Info-Boxen*/
.badge-info {
    color: #fff;
    background-color: #009ddb !important;
}

#kc-header-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    /*background-image: url(../img/logo.svg);*/
	background-image: url(../img/logo2.png);
	background-repeat: no-repeat;
	background-size: contain;
    font-size: 29px;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.2em;
    padding: 62px 10px 20px;
    white-space: normal;
}