/* ============================================================
   Parium Customer Theme
   Farben: Parium-Blau #020064 · Hellblau #7ec8e3 · Orange #ff8800
   ============================================================ */

/* --- NavBar ------------------------------------------------- */
.panel-heading2 {
    font-size: 150%;
}
.navbar .navbar-nav > li,
.dropdown-menu li > a {
    font-size: 110%;
}
.dropdown-menu li > a h6 {
    font-size: 80%;
}
.fixed-top {
    background: url("../img/Parium_Logo_blau_connect.png") 3em 1em no-repeat;
    background-size: 180px;
    background-color: white !important;
    box-shadow: 0 0 68px #e2e8f0;
}
@media (max-width: 1700px) and (min-width: 769px) {
    .fixed-top {
        background-image: none;
    }
}
.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}
.nav > li.nav-link-individual-visibility {
    display: block;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a:hover {
    color: #020064;
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > li > a:hover {
    color: #020064;
    text-decoration: underline;
}
@media (min-width: 768px) {
    .fixed-top .navbar-nav > li.active > a,
    .fixed-top .navbar-nav > li.active > a:hover,
    .fixed-top .navbar-nav > li.active > a:focus {
        color: white;
    }
    .fixed-top .navbar-nav > li.active {
        font-size: inherit;
    }
    .form-horizontal .control-label {
        font-size: 80%;
    }
}
@media (max-width: 768px) {
    .navbar .navbar-nav .open .dropdown-menu > li > a,
    .navbar .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #020064;
        font-size: 100%;
    }
}
.dropdown-menu li > a,
.dropdown-menu li > span,
.dropdown-menu li > a:hover,
.dropdown-menu li > span:hover,
.fixed-top .navbar-nav > li.active .dropdown-menu li > a:hover {
    color: #020064;
}
.navbar .navbar-collapse {
    border-bottom: 0;
    box-shadow: none;
}
#navbar .glyphicons-search {
    color: #020064;
}

/* --- Buttons ----------------------------------------------- */
.btn-default {
    background-color: #7ec8e3;
}
.btn-default:focus,
.btn-default:hover {
    background-color: #7ec8e3 !important;
    opacity: 0.8;
}

/* --- Forms ------------------------------------------------- */
.search-form-wrapper input[type=text] {
    color: #000;
}
::placeholder {
    color: #000;
    opacity: 0.8;
}

/* --- Layout ----------------------------------------------- */
.card-block .card-text {
    line-height: 2.5em;
}
.navbar .navbar-toggle {
    border-color: #020064;
}
.navbar .navbar-toggle .icon-bar {
    background-color: #020064;
}
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
span.petrol { color: #ff8800; }

/* --- Labels / Badges -------------------------------------- */
.label {
    border-radius: 0;
    padding: 3px 10px;
    font-size: 78%;
    font-weight: normal;
}
.panel.customer-filter a span.label,
.panel.customer-link-diagram a span.label {
    padding: 3px 8px;
    font-size: 75%;
    font-weight: normal;
    border-radius: 0;
}

/* --- VEMA Feldbeschriftungen --------------------------------- */
#div-ext_makler_id label.control-label,
#div-ext_makler_pwd_new label.control-label {
    font-size: 0 !important;
}
#div-ext_makler_id label.control-label::before {
    content: 'VEMA Benutzername';
    font-size: 0.8rem;
}
#div-ext_makler_pwd_new label.control-label::before {
    content: 'VEMA Passwort';
    font-size: 0.8rem;
}

/* --- Tables (Parium Farb-Overrides) ------------------------- */
.table-hover > tbody > tr:hover {
    background-color: #e8f5fc;
}
.table > tbody > tr > td a {
    color: #020064;
    font-weight: bold;
}
.table > tbody > tr > td a:hover,
.table > tbody > tr > td a:focus {
    color: #7ec8e3;
}