/* custom sidebar */
.sidebar {
    background: #52555c;
}

.sidebar .nav-link:hover,
.sidebar .navbar .dropdown-toggle:hover,
.navbar .sidebar .dropdown-toggle:hover {
    background: #393b40; /* eq. dunkelgrau + 30% black */
}

.sidebar .nav-link.active,
.sidebar .navbar .active.dropdown-toggle,
.navbar .sidebar .active.dropdown-toggle {
    background: #00a19f; /* custom active state */
    color: #fff;
}

.sidebar .nav-link.active i,
.sidebar .navbar .active.dropdown-toggle i,
.navbar .sidebar .active.dropdown-toggle i {
    color: #fff;
}

.sidebar .badge {
    border: 2px solid #fff;
}

.sidebar .sidebar-minimizer {
    background-color: rgba(0,0,0,0.1);
}

.sidebar .sidebar-minimizer:hover {
    background-color: rgba(0,0,0,0.3);
}

.sidebar-minimized .sidebar .nav-item:hover,
.sidebar-minimized .sidebar .nav > .nav-dropdown:hover {
    background: #393b40; /* eq. dunkelgrau + 30% black */
}

.sidebar-minimized .sidebar .nav > .nav-dropdown > .nav-dropdown-items {
    background: #52555c;
}
/* custom sidebar */

/* customer styles */
body {
    background-color: #ffffff;
    color: #1d4477;
}

h1, .h1 {
    color: #1d4477;
    font-weight: 500;
}

h2, h3, h4, h5, h6 {
  color: #1d4477;
}

a {
	color: #00a19f;
}

a:hover {
	color: #40b9b7;
}

.table {
    color: #000000;
}

.app-header.navbar .navbar-brand {
    background-image: url('./rwe_logo.png') !important;
}

/*
@media (min-width: 992px) {
    .app-header.navbar-expand-lg:not(.header-backend) .navbar-brand {
        height: 60px;
    }
}
*/

.app-header.navbar .nav-item {
    color: #1d4477;
}

.app-header.navbar .dropdown-item {
    color: #1d4477;
}

.app-header.navbar .dropdown-item:hover {
    background-color: #9fece1; /* Energie hell 50% */
}

.dashboard-header {
    background: linear-gradient(45deg, rgb(29, 68, 119) 75%,  rgb(0, 161, 159) 100%);
}

.dashboard-header a.text-white:hover {
    color: #3ed8c3 !important;
}

.dashboard-header .card-title {
    color: #1d4477;
}

.waved-before::before, .waved-after::after {
    background-image: none;
}

.customer-login-background {
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100vw;
	background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	z-index: -1;
}

.customer-login .customer-login-headline {
    color: #1d4477;
    font-weight: 500;
}

.customer-login .card {
    background: rgb(232, 232, 228);
    border: 1px solid #e8e8e4;
    margin-bottom: 2rem;
}

.customer-login .card-body {
    background: transparent;
}

.btn-primary,
.btn-primary.disabled, .btn-primary:disabled {
    color: #ffffff;
    background-color: #00a19f;
    border-color: #00a19f;
}

.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled).focus {
    color: #ffffff;
    background-color: #40b9b7;
    border-color: #40b9b7;
}

.btn-outline-primary,
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #00a19f;
    border-color: #00a19f;
}

.btn-outline-primary:not(:disabled):not(.disabled):hover,
.btn-outline-primary:not(:disabled):not(.disabled):focus, .btn-outline-primary:not(:disabled):not(.disabled).focus {
    color: #ffffff;
    background-color: #40b9b7;
    border-color: #40b9b7;
}

.btn-secondary,
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #00a19f;
    background-color: #ffffff;
    border-color: #00a19f;
}

.btn-secondary:not(:disabled):not(.disabled):hover,
.btn-secondary:not(:disabled):not(.disabled):focus, .btn-secondary:not(:disabled):not(.disabled).focus {
    color: #ffffff;
    background-color: #40b9b7;
    border-color: #40b9b7;
}

.btn-secondary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #40b9b7;
    border-color: #40b9b7;
}

.btn-link {
    color: #00a19f;
}

.btn-link:hover {
    color: #3ed8c3;
}

.jumbotron {
    background-color: #e8e8e4;
}

.jumbotron .headline-wrapper {
    background: linear-gradient(45deg, rgba(29, 68, 119, .8) 75%,  rgba(0, 161, 159, .8) 95%);
    color: #ffffff;
}

.jumbotron .headline-wrapper h1.title {
    color: #ffffff;
}

.jumbotron .headline-wrapper .category,
.jumbotron .headline-wrapper .text-muted {
    color: rgba(255, 255, 255, .75) !important;
}

.card.bg-sales {
    background: rgb(110, 226, 210) !important;
    border-color: rgb(62, 216, 195);
    color: #1d4477 !important;
}

.card.bg-sales a {
    color: #ffffff;
    font-weight: 400;
}

.avatar {
	border-color: #ffffff;
}

.card-header {
    color: #1d4477;
    background-color: #e8e8e4;
}

.card-title {
    color: #1d4477;
}

.card.clickable:hover .card-title {
    color: #1d4477;
}

.page-link, .pagination li a {
    color: #00a19f;
    background-color: #ffffff;
    border: 1px solid #00a19f;
}

.page-link:hover, .pagination-datatables li a:hover, .pagination li a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #40B9B7;
	border-color: #40B9B7;
}

.page-item.active .page-link, .pagination li.active .page-link, .pagination li.active a {
    color: #ffffff;
    background-color: #1d4477;
    border-color:#1d4477;
}

.nav-tabs .nav-link.active {
    color: #1d4477;
}

footer.app-footer,
footer.mega-footer .footer-legal{
    color: #ffffff;
    background-color: #1d4477;
}

footer.mega-footer a {
    color: #ffffff;
}

footer.mega-footer a:hover {
	color: #3ed8c3;
}
