/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 13 2026 | 16:10:17 */
/* ==================================================
   1. WDT TYPE B – Grundlayout
   ================================================== */

.wdt-type-b {
  --wdt-header: #002e5b;
  --wdt-row-white: #ffffff;
  --wdt-row-blue: #f6f9fc;
  --wdt-row-hover: #e3ecf6;
  --wdt-row-selected: #dde0e3;

  /* Badge-Farben */
  --wdt-badge-positive-bg: #dcfce7;
  --wdt-badge-positive-color: #166534;

  --wdt-badge-negative-bg: #fee2e2;
  --wdt-badge-negative-color: #991b1b;

  --wdt-badge-warning-bg: #fef3c7;
  --wdt-badge-warning-color: #92400e;

  --wdt-badge-neutral-bg: #e2e8f0;
  --wdt-badge-neutral-color: #475569;	
	
  min-width: 0;
  max-width: 100%;
}

.wdt-type-b .wpDataTablesWrapper {
  min-width: 0 !important;
  max-width: 100% !important;
}


/* ==================================================
   2. WDT TYPE B – Scrollbereich
   ================================================== */

.wdt-type-b .wdtscroll {
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;

  box-sizing: border-box;
  overflow-x: auto !important;

  border-radius: 12px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16);

  -webkit-overflow-scrolling: touch;
}


/* --------------------------------------------------
   Desktop zentrieren
   -------------------------------------------------- */

@media (min-width: 769px) {
  .wdt-type-b .wdtscroll {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==================================================
   3. WDT TYPE B – Tabelle
   ================================================== */

.wdt-type-b table.wpDataTable {
  width: auto !important;
  min-width: 0 !important;

  margin: 0 !important;

  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;

  table-layout: auto !important;

  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 16px;
  line-height: 1.5;
}


/* ==================================================
   4. WDT TYPE B – Tabellenkopf
   ================================================== */

.wdt-type-b table.wpDataTable thead th {
  padding: 12px 10px !important;

  border: 0 !important;

  background-color: var(--wdt-header) !important;
  color: #ffffff !important;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;

  letter-spacing: 0.025em;
  text-transform: uppercase;

  vertical-align: middle !important;
}


/* --------------------------------------------------
   Obere Rundungen
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable thead tr:first-child th:first-child {
  border-top-left-radius: 12px;
}

.wdt-type-b table.wpDataTable thead tr:first-child th:last-child {
  border-top-right-radius: 12px;
}


/* --------------------------------------------------
   Sortiersymbole
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable thead th.sorting::before,
.wdt-type-b table.wpDataTable thead th.sorting::after,
.wdt-type-b table.wpDataTable thead th.sorting_asc::before,
.wdt-type-b table.wpDataTable thead th.sorting_asc::after,
.wdt-type-b table.wpDataTable thead th.sorting_desc::before,
.wdt-type-b table.wpDataTable thead th.sorting_desc::after,
.wdt-type-b table.wpDataTable thead .dt-column-order::before,
.wdt-type-b table.wpDataTable thead .dt-column-order::after {
  color: #ffffff !important;
  opacity: 1 !important;
}

.wdt-type-b table.wpDataTable thead th.sorting_asc::after {
  border-bottom-color: #ffffff !important;
}

.wdt-type-b table.wpDataTable thead th.sorting_desc::after {
  border-top-color: #ffffff !important;
}


/* ==================================================
   5. WDT TYPE B – Tabelleninhalt
   ================================================== */

.wdt-type-b table.wpDataTable tbody td {
  padding: 6px 10px !important;

  border: 0 !important;

  font-family: inherit !important;
  font-weight: 400;
  color: #334155 !important;

  vertical-align: middle !important;
}


/* --------------------------------------------------
   Zebra-Streifen
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable tbody tr:nth-child(odd)
  > td:not(.wdt-preserve-background) {
  background-color: var(--wdt-row-white) !important;
}

.wdt-type-b table.wpDataTable tbody tr:nth-child(even)
  > td:not(.wdt-preserve-background) {
  background-color: var(--wdt-row-blue) !important;
}


/* --------------------------------------------------
   Hover
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable tbody tr:hover
  > td:not(.wdt-preserve-background) {
  background-color: var(--wdt-row-hover) !important;
}


/* --------------------------------------------------
   Ausgewählte Zeile
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable tbody tr.selected
  > td:not(.wdt-preserve-background),
.wdt-type-b table.wpDataTable tbody tr.selected:hover
  > td:not(.wdt-preserve-background) {
  background-color: var(--wdt-row-selected) !important;
}


/* --------------------------------------------------
   Untere Rundungen
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}

.wdt-type-b table.wpDataTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

/* ==================================================
   WDT TYPE B – Badges
   ================================================== */

.wdt-type-b table.wpDataTable
.wdt-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 10px;

  border-radius: 999px;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.0 !important;

  white-space: nowrap;
}


/* --------------------------------------------------
   Positiv
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable
.wdt-badge--positive {
  background-color:
    var(--wdt-badge-positive-bg) !important;

  color:
    var(--wdt-badge-positive-color) !important;
}


/* --------------------------------------------------
   Negativ
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable
.wdt-badge--negative {
  background-color:
    var(--wdt-badge-negative-bg) !important;

  color:
    var(--wdt-badge-negative-color) !important;
}


/* --------------------------------------------------
   Warnung
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable
.wdt-badge--warning {
  background-color:
    var(--wdt-badge-warning-bg) !important;

  color:
    var(--wdt-badge-warning-color) !important;
}


/* --------------------------------------------------
   Neutral
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable
.wdt-badge--neutral {
  background-color:
    var(--wdt-badge-neutral-bg) !important;

  color:
    var(--wdt-badge-neutral-color) !important;
}


/* ==================================================
   6. WDT TYPE B – Ticker
   ================================================== */

/*
 * Hier alle Spaltenklassen eintragen,
 * die wie ein Ticker dargestellt werden sollen.
 */

.wdt-type-b table.wpDataTable
tbody td:is(
  .column-ticker,
  .column-symbol
) {
  color: #002e5b !important;

  font-weight: 800 !important;
  letter-spacing: 0.02em;

  white-space: nowrap;
}


/* Links innerhalb dieser Spalten übernehmen das Styling */

.wdt-type-b table.wpDataTable
tbody td:is(
  .column-ticker,
  .column-symbol
) a {
  color: inherit !important;
  font-weight: inherit !important;
}

/* ==================================================
   7. WDT TYPE B – Kombinierte Spalte
   ================================================== */


/* --------------------------------------------------
   Ursprüngliche zweite Spalte ausblenden
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable
.wdt-stacked-source-column {
  display: none !important;
}


/* --------------------------------------------------
   Zweite Zeile im Tabellenkopf
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable
thead th
.wdt-stacked-secondary-label {
  display: block;

  margin-top: 2px;

  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;

  letter-spacing: 0.01em;
  text-transform: none;

  opacity: 0.8;

  white-space: nowrap;
}


/* --------------------------------------------------
   Zweite Zeile in der Tabellenzelle
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable
tbody td
.wdt-stacked-secondary-value {
  display: block;
  
  color: #94a3b8 !important;
  
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;

  letter-spacing: 0.01em;

  white-space: nowrap;
}


/* --------------------------------------------------
   Leeren zweiten Wert nicht anzeigen
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable
.wdt-stacked-secondary-value:empty {
  display: none;
}

/* --------------------------------------------------
   Sortiersymbol am zweizeiligen Header
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable
thead th.column-ticker {
  position: relative !important;

  /*
   * Rechts Platz für das Sortiersymbol reservieren.
   */
  padding-right: 24px !important;
}


.wdt-type-b table.wpDataTable
thead th.column-ticker::after {
  position: absolute !important;

  /*
   * Vertikal mittig neben beiden Headerzeilen.
   */
  top: 50% !important;
  transform: translateY(-50%);

  /*
   * Rechts neben dem Textblock.
   */
  right: 7px !important;

  left: auto !important;
  bottom: auto !important;

  margin: 0 !important;
}


/* ==================================================
   8. WDT TYPE B – Details-Button
   ================================================== */

.wdt-type-b table.wpDataTable .mehr-infos {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: auto !important;
  height: auto !important;
  min-height: 34px;

  padding: 6px 14px !important;

  background: transparent !important;
  color: #062f57 !important;

  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;

  box-shadow: none !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  cursor: pointer;

  transition:
    background-color 0.2s,
    border-color 0.2s;
}


/* --------------------------------------------------
   Schrift im Button
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable .mehr-infos * {
  font-family: inherit !important;
  font-weight: inherit !important;
}


/* --------------------------------------------------
   Zusätzliche CSS-Symbole entfernen
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable .mehr-infos::before,
.wdt-type-b table.wpDataTable .mehr-infos::after {
  content: none !important;
  display: none !important;
}


/* --------------------------------------------------
   Hover
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable .mehr-infos:hover {
  background: #eaf2f8 !important;
  border-color: #062f57 !important;
}


/* --------------------------------------------------
   Tastaturfokus
   -------------------------------------------------- */

.wdt-type-b table.wpDataTable .mehr-infos:focus-visible {
  outline: 2px solid #0073aa !important;
  outline-offset: 3px;
}

/* ==================================================
   9. WDT TYPE B – Währungen
   ================================================== */

/* --------------------------------------------------
   Währungssymbol anzeigen
   -------------------------------------------------- */

.wdt-type-b
table.wpDataTable
td[data-wdt-currency-symbol]:not(:empty)::before {
  content: attr(data-wdt-currency-symbol) !important;
}

/* --------------------------------------------------
   Technische Währungsspalte ausblenden
   -------------------------------------------------- */

.wdt-type-b
table.wpDataTable
th.column-whrung,

.wdt-type-b
table.wpDataTable
td.column-whrung {
  display: none !important;
}


/* ==================================================
   10. MASTER-DETAIL – Grundlayout
   ================================================== */

.wdt-md-modal .modal-dialog {
  width: min(820px, calc(100vw - 32px)) !important;
  max-width: 820px !important;
}

/* --------------------------------------------------
   Schließen-Button
   -------------------------------------------------- */
.wdt-md-modal .modal-header .close {
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 400 !important;

  opacity: 0.65 !important;

  min-width: 32px;
  min-height: 32px;

  padding: 0 !important;
}

/* ==================================================
   11. MASTER-DETAIL – Einheiten
   ================================================== */

/* --------------------------------------------------
   Bewertung als Prozent
   -------------------------------------------------- */

.wdt-md-modal
.wdt-details-dialog-fields-block
[data-column_header="Bewertung"]::after {
  content: "%";
}

/* --------------------------------------------------
   Technisches Währungsfeld ausblenden
   -------------------------------------------------- */

.wdt-md-modal
.wdt-details-dialog-fields-block
> .form-group:has([data-column_header="Währung"]) {
  display: none !important;
}

/* --------------------------------------------------
   Dynamische Währung anzeigen
   -------------------------------------------------- */

.wdt-md-modal
[data-wdt-currency-symbol]::before {
  content: attr(data-wdt-currency-symbol) !important;
}


/* ==================================================
   12. MASTER-DETAIL – Desktop
   ================================================== */

/* --------------------------------------------------
   Feintuning Desktop
   -------------------------------------------------- */

.wdt-md-modal {
  --md-font-size: 14px;
  --md-padding-top: 6px;
  --md-padding-bottom: 6px;
  --md-line-height: 1.4;
}


/* --------------------------------------------------
   Spaltenaufteilung
   -------------------------------------------------- */

/* --------------------------------------------------
   Linke Spalte
   -------------------------------------------------- */

.wdt-md-modal
.wdt-details-dialog-fields-block
> .form-group
> .col-sm-3 {
  width: 34% !important;
  font-weight: 700 !important;
}


/* --------------------------------------------------
   Rechte Spalte
   -------------------------------------------------- */

.wdt-md-modal
.wdt-details-dialog-fields-block
> .form-group
> .col-sm-9 {
  width: 66% !important;
}


/* --------------------------------------------------
   Schrift
   -------------------------------------------------- */

/*
 * Schriftgröße bewusst auch auf untergeordnete Elemente
 * anwenden, da wpDataTables in der rechten Spalte eigene
 * Schriftgrößen setzen kann.
 */

.wdt-md-modal .wdt-details-dialog-fields-block,
.wdt-md-modal .wdt-details-dialog-fields-block * {
  font-size: var(--md-font-size) !important;
}


/* --------------------------------------------------
   Zeilenabstände
   -------------------------------------------------- */

.wdt-md-modal
.wdt-details-dialog-fields-block
> .form-group {
  position: relative;

  margin-bottom: 0 !important;

  padding-top: var(--md-padding-top) !important;
  padding-bottom: var(--md-padding-bottom) !important;

  border-bottom: none !important;
}


/* --------------------------------------------------
   Zeilenhöhe
   -------------------------------------------------- */

.wdt-md-modal
.wdt-details-dialog-fields-block
.form-group > p,

.wdt-md-modal
.wdt-details-dialog-fields-block
.form-group > div,

.wdt-md-modal
.wdt-details-dialog-fields-block
.fg-line {
  line-height: var(--md-line-height) !important;
}


/* --------------------------------------------------
   Trennlinien
   -------------------------------------------------- */

.wdt-md-modal
.wdt-details-dialog-fields-block
> .form-group::after {
  content: "";

  position: absolute;

  bottom: 0;
  left: 12px;
  right: 12px;

  height: 1px;

  background-color: rgba(0, 46, 91, 0.12);
}


/* --------------------------------------------------
   Letzte Zeile ohne Trennlinie
   -------------------------------------------------- */

.wdt-md-modal
.wdt-details-dialog-fields-block
> .form-group:last-child::after {
  display: none;
}


/* ==================================================
   13. MASTER-DETAIL – Smartphone
   ================================================== */

@media (max-width: 767px) {

  /* --------------------------------------------------
     Popupbreite und Innenabstände
     -------------------------------------------------- */

  .wdt-md-modal .modal-dialog {
    width: auto !important;
    max-width: none !important;

    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .wdt-md-modal .modal-body {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .wdt-md-modal .wdt-details-dialog-fields-block {
    padding-left: 6px !important;
    padding-right: 6px !important;

    box-sizing: border-box;
  }


  /* --------------------------------------------------
     Spaltenaufteilung
     -------------------------------------------------- */

  .wdt-md-modal
  .wdt-details-dialog-fields-block
  > .form-group
  > .col-sm-3,
  .wdt-md-modal
  .wdt-details-dialog-fields-block
  > .form-group
  > .col-sm-9 {
    float: left !important;
  }

  .wdt-md-modal
  .wdt-details-dialog-fields-block
  > .form-group
  > .col-sm-3 {
    width: 40% !important;
    padding-right: 6px !important;
  }

  .wdt-md-modal
  .wdt-details-dialog-fields-block
  > .form-group
  > .col-sm-9 {
    width: 60% !important;
    padding-left: 6px !important;
  }


  /* --------------------------------------------------
     Feintuning Smartphone
     -------------------------------------------------- */

  .wdt-md-modal {
    --md-font-size: 14px;
    --md-padding-top: 3px;
    --md-padding-bottom: 3px;
    --md-line-height: 1.2;
  }
}


/* ==================================================
   14. WDT TYPE B – Smartphone
   ================================================== */

@media (max-width: 768px) {

  /* --------------------------------------------------
     Scrollbereich
     -------------------------------------------------- */

  .wdt-type-b .wdtscroll {
    width: calc(100% + 36px) !important;
    max-width: none !important;

    margin-left: -18px !important;
    margin-right: -18px !important;

    overscroll-behavior-x: contain;

    scrollbar-width: thin;

    scrollbar-color:
      rgba(0, 46, 91, 0.45)
      rgba(0, 46, 91, 0.08);
  }


  /* --------------------------------------------------
     Tabelleninhalt
     -------------------------------------------------- */

  .wdt-type-b table.wpDataTable tbody td {
    padding: 7px !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
  }


  /* --------------------------------------------------
     Tabellenkopf
     -------------------------------------------------- */

  .wdt-type-b table.wpDataTable thead th {
    padding: 12px 7px !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
  }


  /* --------------------------------------------------
     Details-Button
     -------------------------------------------------- */

  .wdt-type-b table.wpDataTable .mehr-infos {
    min-height: 30px !important;

    padding: 4px 9px !important;

    font-size: 12px !important;
  }


  /* --------------------------------------------------
     Erste Spalte horizontal sticky
     -------------------------------------------------- */

  .wdt-type-b table.wpDataTable
  thead th:first-child,

  .wdt-type-b table.wpDataTable
  tbody td:first-child {
    position: sticky !important;

    left: 0 !important;

    width: 1px !important;
    min-width: 0 !important;
    max-width: none !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;

    overflow: visible !important;
    text-overflow: clip !important;

    box-shadow: none !important;

    border-right:
      1px solid rgba(0, 46, 91, 0.10) !important;
  }


  /* --------------------------------------------------
     Erste Spalte – Tabellenkopf
     -------------------------------------------------- */

  .wdt-type-b table.wpDataTable
  thead th:first-child {
    z-index: 20 !important;

    background-color:
      var(--wdt-header) !important;

    border-right-color:
      rgba(255, 255, 255, 0.18) !important;
  }


  /* --------------------------------------------------
     Erste Spalte – Datenzellen
     -------------------------------------------------- */

  .wdt-type-b table.wpDataTable
  tbody td:first-child {
    z-index: 3;

    padding-left: 6px !important;
    padding-right: 6px !important;
  }


  /* --------------------------------------------------
     Erste Spalte – Zeilenhintergründe
     -------------------------------------------------- */

  .wdt-type-b table.wpDataTable
  tbody tr:nth-child(odd)
  > td:first-child {
    background-color:
      var(--wdt-row-white) !important;
  }


  .wdt-type-b table.wpDataTable
  tbody tr:nth-child(even)
  > td:first-child {
    background-color:
      var(--wdt-row-blue) !important;
  }


  .wdt-type-b table.wpDataTable
  tbody tr:hover
  > td:first-child {
    background-color:
      var(--wdt-row-hover) !important;
  }


  /* --------------------------------------------------
     Horizontaler Scrollbalken
     -------------------------------------------------- */

  .wdt-type-b .wdtscroll::-webkit-scrollbar {
    height: 6px;
  }

  .wdt-type-b .wdtscroll::-webkit-scrollbar-track {
    background:
      rgba(0, 46, 91, 0.08);

    border-radius: 999px;
  }

  .wdt-type-b .wdtscroll::-webkit-scrollbar-thumb {
    background:
      rgba(0, 46, 91, 0.45);

    border-radius: 999px;
  }
}

/* ==================================================
   15. WDT TYPE B – Suche
   ================================================== */


/* --------------------------------------------------
   Desktop:
   Suchfeld an rechter Tabellenkante ausrichten
   -------------------------------------------------- */

@media (min-width: 769px) {

  /*
   * Wrapper so breit wie die Tabelle machen.
   * Dadurch richtet sich die Suche automatisch
   * an der tatsächlichen rechten Tabellenkante aus.
   */
  .wdt-type-b .wpDataTablesWrapper {
    width: fit-content !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /*
   * Standard-Float von DataTables entfernen.
   * Die Suche bleibt rechtsbündig innerhalb
   * des nun tabellenbreiten Wrappers.
   */
  .wdt-type-b .dataTables_filter {
    float: none !important;

    width: auto !important;

    margin: 0 0 12px !important;

    text-align: right !important;
  }
}


/* --------------------------------------------------
   Beschriftung
   -------------------------------------------------- */

.wdt-type-b .dataTables_filter label {
  display: inline-flex;
  align-items: center;

  gap: 8px;

  margin: 0 !important;

  color: #64748b;

  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}


/* --------------------------------------------------
   Eingabefeld
   -------------------------------------------------- */

.wdt-type-b .dataTables_filter input {
  width: 230px !important;
  height: 36px;

  margin: 0 !important;
  padding: 6px 10px !important;

  box-sizing: border-box;

  background-color: #ffffff !important;
  color: #334155 !important;

  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;

  box-shadow: none !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;

  outline: none !important;

  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}


/* --------------------------------------------------
   Fokus
   -------------------------------------------------- */

.wdt-type-b .dataTables_filter input:focus {
  border-color: #94a3b8 !important;

  box-shadow:
    0 0 0 2px rgba(0, 46, 91, 0.06) !important;
}


/* --------------------------------------------------
   Smartphone
   -------------------------------------------------- */

@media (max-width: 768px) {

  /* --------------------------------------------------
     Wrapper und Filter
     -------------------------------------------------- */

  /*
   * Auf Mobile den Wrapper nicht auf Tabellenbreite
   * wachsen lassen, da die Tabelle horizontal scrollt.
   */
  .wdt-type-b .wpDataTablesWrapper {
    width: 100% !important;
  }

  .wdt-type-b .dataTables_filter {
    float: none !important;

    width: calc(100% + 36px) !important;

    margin-left: -18px !important;
    margin-right: -18px !important;
    margin-bottom: 10px !important;

    box-sizing: border-box;

    text-align: right !important;
  }


  /* --------------------------------------------------
     Beschriftung
     -------------------------------------------------- */

  .wdt-type-b .dataTables_filter label {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    width: 100%;

    gap: 7px;

    padding-left: 7px;
    padding-right: 0;

    box-sizing: border-box;

    font-size: 14px !important;
    line-height: 1.2 !important;
  }


  /* --------------------------------------------------
     Eingabefeld
     -------------------------------------------------- */

  .wdt-type-b .dataTables_filter input {
    width: 200px !important;
    max-width: calc(100% - 70px) !important;

    height: 34px;
  }
}