@charset "UTF-8";
/* **                                               */
/* * Datatables Layout                              */
/* *                                                */
/* * @category  Javascript                          */
/* * @author    Jan Fenner <jfenner@sino.de>        */
/* * @package   DownloadPortalSino                  */
/* * @copyright 2024 sino AG                        */
/* * @license   http://www.sino.de / Non Public NDA */

/* data tables of dynamic tables.*/
/* data tables thead*/
.dataTable>*>tr>th {
  background-color: var(--sinoColGlobalBackground) !important;
  color: var(--sinoColNormBG);
  /* white-space:pre ; */
}

.dataTable>thead>tr>th,
table {
  border: 1px solid var(--sinoColNormBG);
  border-left-width: 1px !important;
  /* white-space:pre ; */
}
.dataTable>tfoot>tr>th {
  border: none;
  border-top: 3px double;
  /* white-space:pre ; */
}

.datatable-container {
  border: 1px solid var(--sinoColNormBG);
}

/* .dataTable>thead>tr:nth-child(n+2)>th {
  border-top: none;
} */


/* .dataTables_scroll th.ui-state-default {
  background-color: var(--sinoColNormFG) !important;
  color: var(--sinoColNormBG);
  border: none;
}
  */
.div-datatable-wrapper {
  flex: 1;
  /* Fill remaining space inside main */
  overflow-y: auto;
  /* Enable vertical scrolling when content overflows */
  max-height: 100%;
  /* Prevent it from exceeding parent height */
  border: 1px solid #ddd;
  /* Optional: to show boundaries */
}

.dataTables_wrapper {
  margin-top: 20px;
  border: solid 1px var(--sinoColNormBG);
  height: 100%;
}

.dataTables_scroll table {
  background-color: var(--sinoColNormFG) !important;
}

/* data tables behind cells.*/
.dataTables_scrollFoot,
.dataTables_scrollHead {
  background-color: var(--sinoColNormFG) !important;
  color: var(--sinoColNormBG);
  font-weight: bold;
}

.dataTables_scrollBody {
  background-color: var(--sinoColNormFG) !important;
  color: var(--sinoColNormBG);
}

.dataTables_filter label {
  display: flex;
  align-items: center;
  /* Vertical centering */
  justify-content: center;
  /* Horizontal centering if needed */
  gap: 5px;
  /* Space between the text and input box */
}


table>tbody>tr.odd {
  background-color: var(--sinoColRowMainBG) !important;
  color: var(--sinoColRowMainFG);
}

table>tbody>tr.even {
  background-color: var(--sinoColNormFG) !important;
}


table>tbody>tr.main {
  background-color: var(--sinoColRowMainBG) !important;
  color: var(--sinoColRowMainFG);
}

table>tbody>tr.sub {
  background-color: var(--sinoColRowSubBG) !important;
  color: var(--sinoColRowSubFG);
}

table>tbody>tr.sub2 {
  background-color: var(--sinoColRowSub2BG) !important;
  color: var(--sinoColRowSub2FG);
}

.dataTable>tbody>tr>td,
.dataTable>tfoot>tr>th {
  font-family: 'RobotoMono' !important;
}

.dataTables_filter label,
.ui-button {
  margin: 10px 5px 0px 5px;
}

.dt-search {
  float: right;
  padding: 1.5rem 0 0 0;
}
.dt-buttons {
  padding: 0 0 0.5rem 0;
}

.dataTable tbody iframe{
  min-height:  30vh
}