@charset "utf-8";


/* CSS Document */
@media print {
  table {
    page-break-inside: avoid
  }
}


table {
  text-align: left; 
  border-top: .5rem solid white;
}

table * {
  font-family: "Lato-Regular", sans-serif;
}

table.sand {
  background-color: var(--oenb-sand-hell);
  border: .5rem solid var(--oenb-sand-hell);
}

[class^="txt"]  {
  text-align: left;
  border-bottom: 1px solid var(--oenb-grau);
}

[class^="num"] {
  text-align: right;
  padding-right: .5rem;
  border-bottom: 1px solid var(--oenb-grau);
}

[class^="unit"] {
  color: var(--oenb-blau);
  font-size: .8rem;
}

.border-right {
  border-right: 1px solid var(--oenb-grau);
} 


th.number {
  color: var(--oenb-blau);
  font-size: 0.8rem;
  border-bottom: 0px solid var(--oenb-grau);
}

th.title {
  font-family: "Lato-Bold", sans-serif;
  color: var(--oenb-blau);
  font-size: 1.275rem;
}

th.subtitle {
  color: var(--oenb-blau);
  font-size: .8rem;
}

caption span, th {
  font: 100%/130% "Lato-Regular", sans-serif;
  text-align: left;
  color: var(--oenb-blau);
}


[class^="colHeader"] {
  border-bottom: 2px solid var(--oenb-blau);
}

[class^="colHeader"] {
  font-size: .8rem;
}

[class^="rowHeader"] {
  color: black;
  border-bottom: 1px solid var(--oenb-grau);
}

[class^="rowHeaderBlue"] {
  color: var(--oenb-blau);
  padding-right: .5rem;
}

th.footer {
  font: 80%/100% "Lato-Regular", sans-serif;
  color: black;
}



/* Automatic Table - csv */


/* tableHTML */
table.shinyTable, table.shinyTable-grouped {
  border: 0px solid #ffffff !important;
  background-color: #ffffff;
  margin-bottom: 1rem;
}

table.shinyTable caption, table.shinyTable-grouped caption {
   caption-side: top; /* Ensures the caption is displayed above the table */
}

table.shinyTable caption, table.shinyTable-grouped caption {
  font-family: "Lato-Bold", sans-serif;
  color: var(--oenb-blau);
  font-size: 1.275rem;
}
table.shinyTable caption#footer, table.shinyTable-grouped caption#footer {
  font: 80%/100% "Lato-Regular", sans-serif;
  color: var(--oenb-blau);
  align: left;
  caption-side: bottom; /* Ensures the caption is displayed above the table */
}
table.shinyTable thead, table.shinyTable-grouped thead {
  margin: 0.46rem 0;
}
table.shinyTable thead tr:first-child th:nth-child(1), table.shinyTable-grouped thead tr:first-child th:nth-child(1) {
  border-right: 0;
}
table.shinyTable thead tr th:last-child, table.shinyTable-grouped thead tr th:last-child, table.shinyTable thead tr td:last-child, table.shinyTable-grouped thead tr td:last-child {
  border-right: 0;
}
table.shinyTable thead tr:not(:first-child) th:nth-child(1),
table.shinyTable thead th,
table.shinyTable-grouped thead th {
  border-bottom: 2px solid var(--oenb-blau);
  padding: 0.4167rem;
}
thead tr:last-child th {
  border-bottom: 0px solid var(--oenb-blau);
}
table.shinyTable tbody:before, table.shinyTable-grouped tbody:before {
  content: "@";
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
table.shinyTable tbody td, table.shinyTable-grouped tbody td, table.shinyTable tbody th, table.shinyTable-grouped tbody th {
  padding: 0.1667em 0.4167em;
  text-align: right;
  border-bottom: 1px solid var(--oenb-grau);
}
table.shinyTable tbody td, table.shinyTable-grouped tbody td {
  border-right: 1px solid #fff;
  text-align: right;
}
table.shinyTable tbody tr:not(:first-child) th:nth-child(1), table.shinyTable-grouped tbody tr:not(:first-child) th:nth-child(1),
table.shinyTable tbody tr:not(:first-child) th:nth-child(2),
table.shinyTable-grouped tbody tr:not(:first-child) th:nth-child(2) {
  text-align: right;
}
table.shinyTable tbody td#tableHTML_row_groups, table.shinyTable-grouped tbody td#tableHTML_row_groups, table.shinyTable tbody td#tableHTML_rownames, table.shinyTable-grouped tbody td#tableHTML_rownames {
  background-color: #ffffff;
  text-align: left;
}
table.shinyTable tbody #tableHTML_row_groups, table.shinyTable-grouped tbody #tableHTML_row_groups {
  background-color: #ffffff;
  text-align: left;
}

table.shinyTable-grouped thead tr:not(:first-child) th:nth-child(1) {
  border: 0;
}
table.shinyTable-grouped thead tr:not(:first-child) th:nth-child(2) {
  border: 0;
}


/* DataTable */
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
  border-bottom: 2px solid var(--oenb-blau) !important;
  
}

tbody tr:last-child td {
    /* Deine CSS-Stile hier */
    border-bottom: 2px solid var(--oenb-blau) !important; /* Beispiel: Hintergrundfarbe ändern */
}

table.dataTable tbody th, table.dataTable tbody td {
  border-bottom: 1px solid var(--oenb-grau)
}


table.dataTable tbody tr:hover>* {
  box-shadow: inset 0 0 0 9999px var(--oenb-grau) !important;
  color: black  !important;
}
  
table.dataTable tbody tr.selected>* {
  box-shadow: inset 0 0 0 9999px var(--oenb-blau) !important;
  color: white  !important;
}

table.dataTable thead th, table.dataTable tfoot th {
  font-weight: 500 !important
}

table.dataTable.hover>tbody>tr.selected:hover>*, table.dataTable.display>tbody>tr.selected:hover>* {
  box-shadow: inset 0 0 0 9999px var(--oenb-blau-55);
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: var(--oenb-grau-55);
  box-shadow: inset 0 0 0 9999px var(--oenb-grau-55) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background-color: var(--oenb-grau-55);
  
  box-shadow: inset 0 0 0 9999px var(--oenb-grau-55) !important;
}


.dataTables_wrapper {margin-top: 1rem}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: var(--oenb-grau-55) !important;
  
  background: linear-gradient(to bottom, var(--oenb-grau-55) 0%, var(--oenb-grau-55) 100%) !important;
}

table.dataTable.stripe > tbody > tr.odd:not(:hover) > *,
table.dataTable.display > tbody > tr.odd:not(:hover) > * {
  box-shadow: inset 0 0 0 9999px white !important;
  background-color: white !important;
}
table.dataTable.stripe>tbody>tr.odd.selected>*, table.dataTable.display>tbody>tr.odd.selected>* {
  box-shadow: inset 0 0 0 9999px var(--oenb-blau) !important;
  background-color: white !important;
}


#contentWrapper .iDataTable table.dataTable.hover>tbody>tr.selected:hover>*, #contentWrapper .iDataTable table.dataTable.display>tbody>tr.selected:hover>* {
  box-shadow: inset 0 0 0 9999px var(--oenb-blau) !important;
}


