table
 {
  font-size: 12px;
}
.dtsp-titleRow,
.dtsp-searchPanes,
.dtsp-searchPane,
.dtsp-columns-5,
.dtsp-panes,
.dtsp-clearAll, 
.dtsp-showAll,
.dtsp-collapseAll, 
.dtsp-expandAll,
.dtsp-clearsearch,
.paginate_button,
.clearButton,
.dtsp-nameButton,
.dtsp-countButton,
.dtsp-collapseButton,
.page-item,
.page-link,
.dataTables_length,
.dtsp-search,
.dataTables_filter,
.form-control-sm,
.dataTables_info,
.select2--small,
select[name=listesp_length] {
    font-size: 12px !important;
}

.dtsp-clearAll,
.dtsp-showAll,
.dtsp-collapseAll {
	padding-top:0.25em !important;
	padding-bottom:0.25em  !important;
}

.dtsp-searchPanes,
.dtsp-searchPane,
.dtsp-panesContainer {
	margin-top:5px !important;
}

.dtsp-subRow2 .clearButton { /* Fix fuer Button "Filter loesen" zu schmal */
        display: inline-block;
        min-width: fit-content;
        text-align: center;
        white-space: nowrap;
    }

.dataTables_filter {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0.25em;
}

.dataTables_filter input[type="search"] {
    width: 250px;
}

.dtsp-titleRow {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dtsp-clearAll {
    margin-right: 10px; /* Optional: Abstand zwischen Button und Titel */
}

.dtsp-title {
    margin-left: 10px; /* Optional: Abstand zwischen Titel und Button */
}

form label {
	font-weight: bold !important;
	font-size: 12px !important;
}

.tooltip {
    margin-left: 8px !important;  /* Adjust this value for horizontal spacing */
}
.tooltip-arrow::before {
    background-color: transparent !important;  /* Remove background color */
    border: none !important; /* Remove the default borders */
    border-right: 8px solid #2F4356 !important;  /* Set the right border to red to create a left-pointing arrow */
    border-top: 8px solid transparent !important;  /* Transparent top border */
    border-bottom: 8px solid transparent !important;  /* Transparent bottom border */
    position: absolute !important; /* Make sure it's positioned correctly */
    top: 50%; /* Center the arrow vertically */
    transform: translateY(-50%);  /* Vertically center the arrow */
}
.tooltip-inner {
	max-width: 400px;
    color: black !important; /* Info text color */
    background-color: #FFF !important; /* Light info background */
    border: 2px solid #2F4356 !important; /* Info border color */
	text-align: left !important;
}

.flash-container {
  position: relative;
  z-index:1050;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.alert {
  position: absolute;
  width: fit-content;
  z-index:1050;
  left: 50%;
  transform: translateX(-50%);
}

h3 {
	font-size: 26px !important;
}

.menu-bar {
		  overflow: auto;
		  white-space: nowrap;
}