/* ========== jTable Basis-Styling ========== */

.jtable,
.jtable td,
.jtable th {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}

.jtable {
  background-color: #ffffff !important;
  border: 2px solid #001B4C !important; /* Dunkelblauer Rahmen um die gesamte Tabelle */
  border-radius: 10px !important;
}

/* Tabellenkopf */
.jtable-column-header {
  background-color: #001B4C !important; /* Dunkelblauer Hintergrund */
  color: white !important;               /* Weiße Schrift */
  font-weight: bold;
  font-size: 18px;
  padding: 12px;
  border-bottom: 1px solid #001B4C !important; /* Rahmen unter Titelzeile */
  text-align: left;
}

/* Alle inneren senkrechten Rahmen in der Überschriftszeile weiß */
.jtable-column-header th {
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
}

/* Tabelleninhalt */
.jtable-data-row td {
  padding: 10px 14px;
  background-color: #ffffff;
  border-right: 1px solid #001B4C !important;
  border-bottom: 1px solid #001B4C !important;
}

.jtable-data-row:hover td {
  background-color: #f9f9f9;
}

/* Eingabefelder (input & textarea) – mit .large-input */
.large-input,
textarea.large-input {
  width: 100% !important;
  min-width: 450px !important;
  min-height: 30px;
  font-size: 16px;
  padding: 8px !important;
  border: 2px solid #001B4C !important; /* Dunkelblauer Rahmen */
  border-radius: 8px !important;
  box-sizing: border-box;
  background-color: #fff;
  color: #000;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}

/* Textareas – vergrößerbar, 1-Zeilenhöhe */
textarea.large-input {
  height: auto;
  min-height: 30px !important;
  resize: vertical !important;
  overflow: auto !important;
  line-height: 1.4;
}

/* Fokus-Stil – breiterer Rahmen */
.large-input:focus,
textarea.large-input:focus {
  border: 4px solid #001B4C !important;
  box-shadow: none !important;
  outline: none;
}

/* ========== jTable Dialog & Formular ========== */

.ui-dialog {
  border: 4px solid #001B4C !important; /* Rahmen für Dialog */
  border-radius: 10px !important;
  background-color: #f5f5f5 !important;
  padding: 0 !important;
  overflow: hidden;
  box-shadow: none !important;
}

.ui-dialog .ui-dialog-content {
  background-color: #f5f5f5 !important;
  padding: 20px !important;
}

.jtable-edit-form,
.jtable-create-form {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Dialog-Buttons */
.ui-dialog .ui-dialog-buttonpane {
  background-color: #f5f5f5 !important;
  border-top: 1px solid #ddd;
  padding: 12px 20px;
  border-radius: 0 0 10px 10px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.ui-dialog .ui-dialog-buttonpane button {
  padding: 8px 12px;
  border-radius: 8px;
  border: 2px solid #003366;
  background-color: white;
  color: #003366;
  font-weight: bold;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s ease;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
  background-color: #e6f0ff;
}

/* ========== jTable Titelzeile ========== */
.jtable-title {
  background-color: #001B4C;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #001B4C;
  border-left: 1px solid #001B4C !important;
  border-right: 1px solid #001B4C !important;
  border-radius: 8px 8px 0 0;
  padding: 10px;
}


/* Zeile mit Command-Spalte (Edit/Delete) */
.jtable-command-column-header {
  background-color: #001B4C !important;
  color: white !important;
}

/* Schriftfarbe der Eingabelabels im Formular */
.jtable-input-label {
  color: #001B4C !important;
  font-size: 16px !important;
}

/* ========== Buttons und Hover-Effekte ========== */

/* Button für "Neuen Eintrag hinzufügen" */
.jtable-toolbar-item-add-record {
  color: #001B4C !important;
  font-weight: bold !important;
  cursor: pointer;
  font-size: 16px;
  padding: 6px 12px;
  border: none !important;
  background-color: white !important;
  text-decoration: none;
  margin: 20px 20px !important;
}

/* Action Buttons (edit/delete) */
.jtable-command-button {
  background-color: #ffffff;
  color: #001B4C;
  border: 2px solid #001B4C;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 4px;
}

.jtable-command-button:hover {
  background-color: #f1f1f1;
}


/* ========== Seitennavigation ========== */
.jtable-paging-container {
  background-color: #001B4C !important;
  color: #ffffff !important;
  padding: 10px;
  border-radius: 5px;
}

.jtable-paging-container .jtable-page-number {
  color: white !important;
}

.jtable-paging-container .jtable-page-number:hover {
  color: #e6f0ff !important;
}

/* ========== Rahmen für die gesamte Tabelle ========== */
.rahmen {
  border: 4px solid #001B4C !important;
  border-radius: 10px !important;
  background-color: #ffffff !important;
  padding: 10px !important;
}

/* ========== Seitennavigation (jtable-bottom-panel) ========== */
.jtable-bottom-panel {
  background-color: #001B4C !important;
  color: white !important;
  padding: 20px 20px !important;
  border-top: 2px solid #ffffff;
  border-radius: 0 0 10px 10px;
}

.jtable-bottom-panel span {
  font-size: 14px;
  padding: 10px 10px;
  cursor: pointer;
  margin-right: 15px;
  border-radius: 5px;
}

/* jtable page info */
.jtable-page-info {
  display: inline-block;
  padding: 8px 12px;
  color: white !important;
  font-size: 14px;
  background-color: #001B4C;
  border: none;
  margin-right: 10px;
}

/* Aktuelle Seite */
.jtable-bottom-panel .ui-state-active {
  background-color: #003366 !important;
  border-radius: 5px;
  color: white !important;
  padding: 5px 10px;
}

.jtable-bottom-panel .ui-state-active:hover {
  background-color: #003366 !important;
}