/* ============================================================
   aruna Customer Theme
   Farben: aruna-Grün #a2c73b · Grau #51534b · Mittelgrau #a8a8a7
           Hellgrau #e3e3e3 · Rot #e04e26 · Orange #f59d24
           Blau #3f8bb7 · Hellgrün #d5e3a6
   ============================================================ */

/* --- Fonts -------------------------------------------------- */
@font-face {
    font-family: 'NettoPro';
    src: url('NettoPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NettoPro';
    src: url('NettoPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'NettoPro';
    src: url('NettoPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'NettoPro';
    src: url('NettoPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'NettoPro';
    src: url('NettoPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* --- Base --------------------------------------------------- */
html, body {
    background: #ebebeb;
    margin: 0; padding: 0;
    font-family: 'NettoPro', sans-serif;
    font-size: 14px;
    color: #3d3e39;
}

/* --- NavBar ------------------------------------------------- */
.primary-color {
    background-color: #51534b !important;
}
.navbar {
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.navbar .navbar-collapse,
.navbar .navbar-form {
    border-bottom: none;
    box-shadow: none;
}
.navbar-brand,
.navbar-nav > li > a,
.navbar-text {
    color: #fff !important;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: #a2c73b !important;
    background-color: transparent !important;
}
/* Navbar active link — überschreibt style.css .fixed-top .navbar-nav > li.active */
.navbar li.active,
.navbar .navbar-nav > li.active,
.fixed-top .navbar-nav > li.active {
    background-color: transparent !important;
    font-weight: normal !important;
}
.navbar li.active a,
.navbar li.active a:hover,
.navbar li.active a:focus,
.navbar .nav-tabs > li.active > a,
.navbar .nav-tabs > li.active > a:hover,
.navbar .nav-tabs > li.active > a:focus,
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li.active > a:hover,
.navbar .navbar-nav > li.active > a:focus,
.fixed-top .navbar-nav > li.active > a {
    color: #fff !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom-color: transparent !important;
    text-decoration: underline !important;
    text-decoration-color: #a2c73b !important;
    text-decoration-thickness: 2px !important;
    box-shadow: none !important;
    outline: none !important;
}

@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0;
    }
}
.navbar .dropdown-menu > li > a {
    color: #3d3e39;
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus {
    color: #3d3e39;
    background-color: #e3e3e3;
}

/* --- Headings ----------------------------------------------- */
h3, h4,
.panel-heading,
.panel-title {
    color: #a2c73b;
}

/* --- Buttons ----------------------------------------------- */
.btn {
    border-radius: 20px;
}
.btn-primary {
    background-color: #a2c73b;
    border-color: #8aab28;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #8aab28;
    border-color: #739020;
    color: #fff;
}
.btn-success {
    background-color: #a2c73b;
    border-color: #8aab28;
    color: #fff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #8aab28;
    border-color: #739020;
    color: #fff;
}
.btn-default {
    background-color: #fff;
    border-color: #a8a8a7;
    color: #51534b;
}
.btn-default:hover,
.btn-default:focus {
    background-color: #e3e3e3;
    border-color: #51534b;
    color: #51534b;
}

/* --- Links -------------------------------------------------- */
a {
    color: #a2c73b;
}
a:hover,
a:focus {
    color: #739020;
}

/* --- Tables ------------------------------------------------- */
.table > thead > tr > th {
    background-color: #3d3e39;
    color: #fff;
    border-color: #51534b;
}
.table > tbody > tr > td {
    border-color: #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.table > tbody > tr > td:last-child {
    border-right: none;
}
.table > thead > tr > th {
    border-right: 1px solid #51534b;
}
.table > thead > tr > th:last-child {
    border-right: none;
}
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:nth-of-type(odd) {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover {
    background-color: #eaf4d0;
}
.table > tbody > tr > td a {
    color: #3d3e39;
    font-weight: bold;
}
.table > tbody > tr > td a:hover,
.table > tbody > tr > td a:focus {
    color: #a2c73b;
}

/* --- Nav Tabs (Kundentabs: Gesamtüberblick, Verträge …) ----- */
.nav-tabs {
    border-bottom: 2px solid #3d3e39;
}
.nav-tabs > li > a {
    border: none;
    border-radius: 6px 6px 0 0;
    color: #51534b;
    background-color: transparent;
    margin-right: 4px;
    padding: 6px 18px;
}
.nav-tabs > li > a:hover {
    background-color: #e3e3e3;
    border: none;
    border-radius: 6px 6px 0 0;
    color: #3d3e39;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #3d3e39 !important;
    border: none !important;
    border-bottom: 2px solid #3d3e39 !important;
    border-radius: 6px 6px 0 0 !important;
    color: #fff !important;
}

/* --- Nav Pills -------------------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #3d3e39;
    color: #fff;
}

/* --- Panels ----------------------------------------------- */
.panel {
    border-color: #e3e3e3;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.panel-default > .panel-heading {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
}

/* --- Form controls ---------------------------------------- */
.form-control:focus {
    border-color: #a2c73b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),
                0 0 6px rgba(162, 199, 59, 0.4);
}

/* --- Labels / Badges -------------------------------------- */
.label {
    border-radius: 8px;
    padding: 3px 10px;
    font-size: 78%;
}
.label-success,
.badge-success {
    background-color: #a2c73b;
}
.label-primary,
.badge-primary {
    background-color: #3f8bb7;
}
.label-warning,
.badge-warning {
    background-color: #f59d24;
}
.label-danger,
.badge-danger {
    background-color: #e04e26;
}

/* --- Alerts ----------------------------------------------- */
.alert-success {
    background-color: #eaf4d0;
    border-color: #c5dea0;
    color: #51534b;
}
.alert-info,
.bg-info {
    background-color: #eaf4d0;
    border-color: #c5dea0;
    color: #51534b;
}
.alert-warning {
    background-color: #fef3de;
    border-color: #f9d89f;
    color: #7a5800;
}
.alert-danger {
    background-color: #fce8e2;
    border-color: #f3bfb3;
    color: #8b2010;
}

/* --- Progress bar ----------------------------------------- */
.progress-bar {
    background-color: #a2c73b;
}

/* --- Login Claim ------------------------------------------- */
.login-claim {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 20px;
}
body.page-login .container > .row:first-child h2 {
    display: none;
}
body.page-login .login-claim {
    margin-top: 0;
    padding-top: 0;
}
body.page-login h3 {
    color: #3d3e39;
    font-weight: normal;
}
body.page-login h3 {
    font-size: 1.1em;
}
body.page-login .form-control {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    box-shadow: none;
    padding: 10px 14px;
    height: auto;
}
body.page-login .form-control:focus {
    border-color: #a2c73b;
    box-shadow: 0 0 6px rgba(162, 199, 59, 0.4);
}
body.page-login label {
    display: none;
}
body.page-login .btn-primary {
    background-color: #3d3e39;
    border-color: #3d3e39;
    color: #fff;
    padding: 10px 24px;
}
body.page-login .btn-primary:hover,
body.page-login .btn-primary:focus {
    background-color: #51534b;
    border-color: #51534b;
    color: #fff;
}
body.page-login .btn-default {
    background-color: transparent;
    border: 1px solid #a8a8a7;
    color: #51534b;
    padding: 10px 24px;
}
body.page-login .btn-default:hover {
    background-color: #e3e3e3;
    border-color: #51534b;
}
body.page-login a[href="/pw"] {
    font-size: 12px;
    color: #a8a8a7;
    text-decoration: underline;
}
.login-claim-title {
    font-size: 3em;
    font-weight: 900;
    color: #3d3e39;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.2em;
}
.login-claim-sub {
    font-size: 1.4em;
    color: #a2c73b;
    font-weight: bold;
    margin-top: 0;
}

/* --- Aruna Icon Font (ersetzt einzelne Glyphicons-Pro-Icons) */
span.glyphicons::before {
    color: #3d3e39;
}
span.glyphicons-user::before,
span.glyphicons-industrial-zone::before {
    color: currentColor;
}
@font-face {
    font-family: 'Aruna-Icons';
    src: url('../font/fonts/icomoon.eot?aruna2');
    src: url('../font/fonts/icomoon.eot?aruna2#iefix') format('embedded-opentype'),
         url('../font/fonts/icomoon.ttf?aruna2') format('truetype'),
         url('../font/fonts/icomoon.woff?aruna2') format('woff'),
         url('../font/fonts/icomoon.svg?aruna2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
span.glyphicons.glyphicons-user::before              { font-family: 'Aruna-Icons' !important; content: '\F000' !important; }
span.glyphicons.glyphicons-transfer::before          { font-family: 'Aruna-Icons' !important; content: '\F001' !important; }
span.glyphicons.glyphicons-search::before            { font-family: 'Aruna-Icons' !important; content: '\F002' !important; }
span.glyphicons.glyphicons-phone-alt::before         { font-family: 'Aruna-Icons' !important; content: '\F003' !important; }
span.glyphicons.glyphicons-pencil::before            { font-family: 'Aruna-Icons' !important; content: '\F004' !important; }
span.glyphicons.glyphicons-industrial-zone::before   { font-family: 'Aruna-Icons' !important; content: '\F005' !important; }
span.glyphicons.glyphicons-global::before            { font-family: 'Aruna-Icons' !important; content: '\F006' !important; }
span.glyphicons.glyphicons-eye-open::before          { font-family: 'Aruna-Icons' !important; content: '\F007' !important; }
span.glyphicons.glyphicons-flash::before             { font-family: 'Aruna-Icons' !important; content: '\F008' !important; }
span.glyphicons.glyphicons-filter::before            { font-family: 'Aruna-Icons' !important; content: '\F009' !important; }
span.glyphicons.glyphicons-car::before               { font-family: 'Aruna-Icons' !important; content: '\F00A' !important; }
span.glyphicons.glyphicons-envelope::before          { font-family: 'Aruna-Icons' !important; content: '\F00B' !important; }
span.glyphicons.glyphicons-history::before,
span.glyphicons.glyphicons-clock::before             { font-family: 'Aruna-Icons' !important; content: '\F00C' !important; }
span.glyphicons.glyphicons-circle-arrow-top::before,
span.glyphicons.glyphicons-circle-arrow-up::before   { font-family: 'Aruna-Icons' !important; content: '\F00D' !important; }
span.glyphicons.glyphicons-bin::before               { font-family: 'Aruna-Icons' !important; content: '\F00E' !important; }
span.glyphicons.glyphicons-conversation::before      { font-family: 'Aruna-Icons' !important; content: '\F00F' !important; }
span.glyphicons.glyphicons-folder-open2::before      { font-family: 'Aruna-Icons' !important; content: '\F010' !important; }
span.glyphicons.glyphicons-lock::before              { font-family: 'Aruna-Icons' !important; content: '\F011' !important; }
span.glyphicons.glyphicons-paperclip::before         { font-family: 'Aruna-Icons' !important; content: '\F012' !important; }
span.glyphicons.glyphicons-remove-circle::before     { font-family: 'Aruna-Icons' !important; content: '\F013' !important; }
span.glyphicons.glyphicons-print::before             { font-family: 'Aruna-Icons' !important; content: '\F014' !important; }
span.glyphicons.glyphicons-sort::before              { font-family: 'Aruna-Icons' !important; content: '\F015' !important; }
span.glyphicons.glyphicons-woman::before             { font-family: 'Aruna-Icons' !important; content: '\F016' !important; }
span.glyphicons.glyphicons-exclamation-sign::before  { font-family: 'Aruna-Icons' !important; content: '\F017' !important; }

/* --- Bestimmte Service-Menüpunkte ausblenden -------------- */
li.nav-item-maklerinkasso,
li.nav-item-bipro,
li.nav-item-provision {
    display: none;
}

/* --- Vertrag anlegen/bearbeiten: Felder ausblenden -------- */
/* Grund-/Tarifdaten */
#div-pool,                          /* Abgewickelt von          */
/* Beitrag */
#div-inkasso_letztes,               /* Letztes Inkasso          */
#div-inkasso_ratenzahlung,          /* Abw. Zinssatz Ratenzahl. */
#div-newaccount,                    /* SEPA Lastschrift Neuanl. */
#div-is_rueckstand,                 /* Rückstand                */
#div-rueckstand_datum,              /* Beitragrückstand Datum   */
#div-inkasso_inkassoart,            /* Inkassoart               */
#div-inkasso_sammelrechnung,        /* Text für Sammelrechnung  */
#div-inkasso_abrechnungssperre,     /* Abrechnungssperre        */
#div-inkasso_folgeinkassosperre,    /* Folgeinkassosperre       */
#div-inkasso_mahnkennzeichen,       /* Mahnstop                 */
#div-inkasso_auszahlungssperre,     /* Auszahlungssperre        */
#div-inkasso_auszahlung {           /* Auszahlung               */
    display: none !important;
}

/* --- Logo nach Anmeldung einblenden ----------------------- */
.customer-logo-header-row {
    display: block !important;
    padding: 16px 0 8px 0;
}
body.page-login .customer-logo-header-row {
    display: none !important;
}

/* --- Gesellschaftsdatenbank-Links einschalten ------------- */
a.link-aruna {
    pointer-events: auto;
    cursor: pointer;
}
li.nav-item-aruna {
    display: block !important;
}

/* --- Ausblenden von Tabs Verein und Agrar ----------------- */
#neuanlage .visibility-verein {display: none;}
#neuanlage .visibility-agrar {display: none;}

#tabsPersonType .visibility-verein {display: none;}
#tabsPersonType .visibility-agrar {display: none;}


/* Zusätzlich verfügbar (bei Bedarf aktivieren):

#neuanlage .visibility-privat {}
#neuanlage .visibility-gewerbe {}
#neuanlage .visibility-bueroleiter {}

#tabsPersonType .visibility-privat {}
#tabsPersonType .visibility-gewerbe {}
#tabsPersonType .visibility-bueroleiter {}

*/

.customer-logo-header-row {
    display: block !important;
}