/* Abstand des Inhalts unter der Menüleiste oben */
body{
    padding-top: 90px;
}

/* Angaben für Menuleiste */
#navbar{
    margin-top: 12px;
}

/* LOGO */
.navbar-logo {
    width: 160px;
    height: auto;
}

#logo{
    max-height: 50px !important;
    max-width:300px !important;
    margin-bottom:8px;
}

.navbar-logo {
    width: auto;
    height: auto;
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .nav-pills {
        float: none !important;
        margin-top: 7.5px;
    }

    .nav-pills > li {
        float: none;
    }

    .nav-pills > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .nav > li > a {
        text-align: center;
    }
}


/* ###################################################### */
/* FARBEN */
/* ###################################################### */

/* Hauptfarben:
    Hauptfarbe:                     #85c2eb #CB9E00
    Sekundärfarbe / Hover:          #7f7e7e var(--color-hover)
    Alarm / Hinweise / Abbrechen:   #ea7c15;
*/

/* Vertraege - Klassifizierung
    3 - gruen       #306332 hover: #2e6930 border #3a843d
    2 - gelb        #FECB3D hover: #ffc107 border #8c3a38
    1 - rot         #b71f1f hover: #7b3331 border #582322
    0 - undefined
*/


/*
TODO; Andere Farben mit Copy and Paste ersetzen - dann Feintuning !
*/

:root {
    /* Hauptfarben:
    Hauptfarbe:             #000000 #5f8c30 // alt: #777777
    2. FArbe und Hover:     #fcb900 #373b3e // alt: #ff0000
    Alarm und Abbrechen:   #ea7c15;
    */
    --color-main: #00394a;
    --color-hover: #947f6c;
    --color-hover-highlight: rgb(61,103,169, .6);
    --color-abort: #ea7c15;

    /* Vertraege - Klassifizierung
    3 - gruen       #306332 hover: #2e6930 border #3a843d
    2 - gelb        #FECB3D hover: #ffc107 border #8c3a38
    1 - rot         #b71f1f hover: #7b3331 border #582322
    0 - undefined
    */
    --color-classify-3: #306332;
    --color-classify-3-hover: #2e6930;
    --color-classify-3-border: #3a843d;
    --color-classify-2: #FECB3D;
    --color-classify-2-hover: #ffc107;
    --color-classify-2-border: #8c3a38;
    --color-classify-1: #b71f1f;
    --color-classify-1-hover: #7b3331;
    --color-classify-1-border: #582322;
    
}

.optButton{
    background:  var(--color-main);
    color: #fff; 
    cursor:pointer;
}

.optButton:hover{
    background: var(--color-hover);
    cursor:pointer;
}

.btn-default:hover {
    color: #fff;
    background-color: var(--color-hover);
    border-color: var(--color-hover);
}

/* Allgemeines */
a.linktext,
a.linktext:hover,
a.linktext:focus {
    color: var(--color-main);
}

/* oberes Menu ausgewählt und hover*/
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a.chosen,
.nav-pills > li.active > a.chosen:focus,
.nav-pills > li.active > a.chosen:hover,
.nav-pills > li.active > a:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--color-main);
    font-weight: bold;
}


/*Startseite Buttons*/
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.homeDiv > .nav > li > a:hover {
    background-color: var(--color-hover);
    border-color: var(--color-hover);
    color: #fff;
}

btn-primary,/*Startseite Buttons + grosse Buttons im inhalt*/
.btn-primary a,
.list:hover,
.list.chosen {
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: #fff;

    /*
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: #fff;
    */
}

.putalert {
    background-color: var(--color-hover);
    color: #fff;
}

/* Formular Felder*/
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #fff;
}

.form-control:focus{
     border-color: #ea7c15;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(234,124,21,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(234,124,21,.6);
}

/* Kunden Daten aendern */

.aendern_button.kunde_aendern_button{
    color: var(--color-main);
    border-color: var(--color-main);
}
.aendern_speichern.kunde_aendern_button {
    background-color: var(--color-main);
    border-color: #fff;
    color: #fff;
}

.kunde_aendern_button:hover {
    background-color: #fff;
    color: var(--color-main);
    border-color: var(--color-main);
}

.aendern_speichern,
.aendern_speichern:hover,
/* Kunde aendern mobile */
.icon_speichern,
.icon_speichern:hover,
.kunde_aendern_icon {
    color: var(--color-main);
}

.aendern_abbrechen,
.aendern_abbrechen:hover{
    color: #ea7c15;
    border-color: #ea7c15;
}


.icon_abbrechen,
.icon_abbrechen:hover {
    color: #ea7c15;
}

.is-invalid {
    border-color: #ea7c15;
    color: #ea7c15;
}

/* SCHADEN */
.schadenFileIcon {
    color: #ea7c15;
}

/*CHAT, BELEGE, NOTFALL*/
.recent_heading,
.new_Thema,
.newThema_input input,
.newThema_input input::placeholder,
.chat_header_text,
.themen_heading {
    color: var(--color-main);
}

.newThema_input input:hover,
.newThema_input input::placeholder:hover {
    color: var(--color-hover);
}


.chat-ungelesen {
    background-color: var(--color-main);
}

.beleg_out a {
    color: var(--color-main);
}

.chat_list:hover,
.chat_list:hover .last_msg,
.chat_list:hover .chat_ib,
.last_msg:hover,
.chat_ib:hover,
.beleg_list:hover {
    background-color: var(--color-hover);
    color: #fff;
}

.badge {
    background-color: #ea7c15;
}


.active_chat {
    background-color: var(--color-main);
    color: #fff !important;
}

.active_chat:hover {
    background-color: var(--color-hover);
}

.sent_msg p {
    background-color: var(--color-hover);
    color: #fff;
}

.msg_send_btn {
    background-color: var(--color-main);
    color: #fff;
}

.btn-danger,
.btn-danger.focus,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #ea7c15;
    border-color: #ea7c15;
}

.btn-danger:hover {
    color: #fff;
    background-color: var(--color-hover);
    border-color: var(--color-hover);
}

.fileMsg {
    background-color: var(--color-main);
}

/* Meldungen, wenn man z.B. Belege gespeichert hat */
.alert-success {
    color: var(--color-main);
    background-color: #fff;
    border-color: var(--color-main);
}

.alert-danger {
    color: #ea7c15;
    background-color: #fff;
    border-color: #ea7c15
}
/* ALARME */
.alertMsg,
.pwMsg {
    border-color: #ea7c15;
}

.pwMsg,
.alertMsg,
.button.btn.btn-default.btn-lg.chosen {
    color: var(--color-main);
}

/* AMpel-Popup bei Vertraege */
.inputalert {
    background-color: var(--color-hover);
    color: #fff;
}

/* Vertraege - Klassifizierung
3 - gruen       #306332 hover: #2e6930 border #3a843d
2 - gelb        #FECB3D hover: #ffc107 border #8c3a38
1 - rot         #b71f1f hover: #7b3331 border #582322
0 - undefined
*/

.klass-3 {
    background-color: #3a843d !important;
    color: #fff;
     text-shadow: 0 0 2px #2e6930;
}

.klass-3:hover {
    background-color: #2e6930 !important;
    border-color: #306332;

}

.klass-2 {
    /*	background-color: #ffef60 !important;*/
    background-color: #FECB3D !important;
    /*color: #000 !important;*/
        color: #fff !important;;
    text-shadow: 0 0 2px #8c3a38;
}

.klass-2:hover {
    background-color: #ffc107 !important;
    border-color: #8c3a38 !important;
}

.klass-1 {
    background-color: #b71f1f !important;
    color: #fff !important;
}

.klass-1:hover {
    background-color: #7b3331 !important;
    border-color: #582322 !important;
}