/* Allgemeine Einstellungen */
body {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    display: flex;
}

/* Styles für das kompakte linke Navigationsmenü */
.sidebar {
    width: 200px; /* Breite des Menüs */
    position: fixed;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    border-right: 1px solid #4A5A6D; /* Dünner Strich in der Farbe der Navigation */
    background-color: #4A5A6D; /* Hintergrundfarbe der Navigation */
    color: black; /* Optional: Textfarbe */
    padding: 0px;
    height: 100vh; /* Navigation auf gesamte Höhe des Viewports setzen */
}

.sidebar .branding {
    background-color: #BFCAD9; /* Hintergrund für den oberen Bereich */
    padding: 10px;
    text-align: center;
    border-radius: 0px; /* Keine abgerundeten Ecken */
    margin-bottom: 20px; /* Abstand nach unten */
}

.sidebar ul {
    background-color: white; /* Weißer Hintergrund für den Bereich mit den Links */
    border-radius: 0px;
    list-style-type: none; /* Entfernt Aufzählungszeichen */
    padding: 0;
    margin: 0;
    width: 100%; /* Füllt die Sidebar komplett aus */
}

.sidebar ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

/* Allgemeine Einstellungen für die Navigation */
.sidebar ul li a {
    display: block; /* Link nimmt die gesamte Breite ein */
    color: black; /* Standard-Textfarbe */
    text-decoration: none; /* Keine Unterstreichung */
    padding: 0 10px; /* Horizontal 10px Abstand, vertikal 0 */
    margin: 0; /* Kein äußerer Abstand */
    height: 30px; /* Kleinere Höhe */
    line-height: 30px; /* Vertikale Zentrierung */
    box-sizing: border-box; /* Padding und Border in Breite einrechnen */
    width: 100%; /* Links füllen die Breite des Menüs */
    border: none; /* Keine Rahmen */
}

/* Gruppierte Links in der Navigation */
.sidebar ul li a.grouped-link {
    background-color: #E1E5EB; /* Dezente Gruppierung */
    color: black;
    height: 30px; /* Gleiche Höhe wie normale Links */
    line-height: 30px; /* Vertikale Zentrierung */
    margin: 0;
    padding: 0 10px; /* Horizontal 10px Abstand, vertikal 0 */
    display: block;
    box-sizing: border-box;
    width: 100%;
}

/* Hover und Besuchte Links für gruppierte Links */
.sidebar ul li a.grouped-link:hover,
.sidebar ul li a.grouped-link:visited {
    background-color: #E1E5EB; /* Gruppierungsfarbe bleibt erhalten */
    outline: 1px solid #1a237e; /* Optionaler Rahmen */
    text-decoration: none;
    color: black;
}

/* Hover- und Besuchte Links für allgemeine Links */
.sidebar ul li a:hover,
.sidebar ul li a:visited {
    outline: 1px solid #1a237e; /* Rahmen beim Hover */
    background-color: #fff; /* Standard-Hintergrund */
    text-decoration: none;
    color: black;
}

/* Styles für den Hauptinhalt */
.content {
    margin-left: 200px; /* Angepasst an die Breite des Menüs */
    padding: 20px;
    background-color: #e6e6e6;
    width: calc(100% - 200px); /* Restbreite nach Abzug der Sidebar */
}

.content a {
    color: black; /* Links immer schwarz */
    text-decoration: none; /* Keine Unterstreichung */
}

.content a:hover,
.content a:visited {
    color: black; /* Auch bei Hover und als angeklickte Links schwarz */
    text-decoration: none; /* Keine Unterstreichung */
}

/* Styles für den Tableheader */
.tableheader {
    background-color: #96979D;
    color: white;
    text-align: left;
}

.content table {
    border-collapse: collapse; /* Grenzen teilen sich, um doppelte Ränder zu vermeiden */
    width: 100%; /* Optional: Tabelle über die gesamte Breite */
}

.content table td, 
.content table th {
    border: 1px solid #e9e9e9; /* Rand um jede Zelle */
    padding: 5px; /* Optional: Abstand innerhalb der Zellen */
    text-align: left; /* Text linksbündig */
}

.content table th {
    font-weight: bold; /* Optional: Fettgedruckter Text im Header */
}

/* Optional: Hover für Tabellenelemente */
.content table tbody tr:hover {
    background-color: #BFCAD9;
}

.text-container {
    display: -webkit-box;
    -webkit-line-clamp: 5; /* Zeilenbegrenzung */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	position: relative;
}

.important-row {
    background-color: #ffefba; /* Markierung wichtiger Einträge */
}

.toggle-text {
    display: inline-block;
    margin-top: 5px;
    padding: 5px 10px;
    background-color: #e0f7fa; /* Dezentes Pastellblau */
    color: #006064; /* Dunklerer Farbton */
    text-decoration: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: 1px solid #b2ebf2;
}

.toggle-text:hover {
    background-color: #b2ebf2; /* Etwas dunkler */
    color: #004d40;
}

.hidden {
    display: none;
}

.full-text {
    margin-top: 10px;
}


/* #loginborder { border: 1px solid #4a5a6d; }
#loginheader { background-color: #6897e5; }
#logintop { font-size: 16px; } */

#basiccompany { 
  background-color: #bfcad9; 
  height: 60px;
  vertical-align: top;
}
#basicmain { background-color: #7f9ec2; }
#basicempty { background-color: #4a5a6d; }
#basicnavi { 
	background-color: #ffffff; 
	height: 350px;
	vertical-align: top;
}

a { text-decoration: none; }

.kundeninfo { background-color: #f2f2f6; }

a:link#tableheader { color: #ffffff; }
a:visited#tableheader { color: #222222; }
a:active#tableheader { color: #ffffff; }
a:hover#tableheader { color: #ffffff; }

a:link#kunden { color: #000000; }
a:visited#kunden { color: #000000; }
a:active#kunden { color: #000000; }
a:hover#kunden { color: #000000; }

a:link#bufehlt { color: #FF0000; }
a:visited#bufehlt { color: #FF0000; }
a:active#bufehlt { color: #FF0000; }
a:hover#bufehlt { color: #FF0000; }

.button_navi {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 15px;
    line-height: 15px;
    color: #000000;
    font-family: Arial;
    width: 160px;
    font-size: 12px;
    font-weight: 100;
    padding: 10px;
    background-color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
 
 .button_navi:hover {
    background: #dedede;
    text-decoration: none;
 }

 .button_report {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 15px;
  line-height: 15px;
  color: #000000;
  font-family: Arial;
  width: 200px;
  font-size: 12px;
  font-weight: 100;
  padding: 10px;
  background-color: #FFFFFF;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.button_report:hover {
  background: #dedede;
  text-decoration: none;
}

.row_0 { background-color: #ffffff; }
.row_1 { background-color: #f2f2f6; }

.rowimp_0 { background-color: #ff9393; }
.rowimp_1 { background-color: #ff7070; }

.bezahlt { color: #00FF00; }
.unbezahlt { color: #FF0000; }

.fehlt { color: #FF0000; }
.paypal { color: #999999; }

.absender { font-size: 9px; }

.invoiced {
        background-color: #d4edda; /* grün für abgerechnete Kunden */
        color: #155724;
    }