/*Overrides for Tailwind CSS */

table {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

/*Form fields*/
.dataTables_wrapper .dataTables_length select {
	border: 1px solid #aaa;
	border-radius: 3px;
	padding: 5px;
	background-color: transparent;
	color: inherit;
	margin-left: 10px;
	margin-left: 5px;
	padding-right: 25px;
}

/* Center align filter input and qr button */
.dataTables_filter {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
/* Center align filter input and qr button - remove flex in small screens */
@media (max-width: 640px) {
    .dataTables_filter {
        -webkit-justify-content: center;
        justify-content: center;
    }
}

html.dark .dataTables_wrapper .dataTables_filter input, html.dark .dataTables_wrapper .dataTables_length select {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: var(--dt-html-background);
    color: white;
    /*margin-left: 10px;*/
    margin-left: 5px;
}

.dataTables_wrapper .dataTables_filter input {
    color: #4a5568;
    /*text-gray-700*/
    padding-left: 1rem;
    /*pl-4*/
    padding-right: 1rem;
    /*pl-4*/
    padding-top: .5rem;
    /*pl-2*/
    padding-bottom: .5rem;
    /*pl-2*/
    line-height: 1.25;
    /*leading-tight*/
    border-width: 2px;
    /*border-2*/
    border-radius: .25rem;
    border-color: #edf2f7;
    /*border-gray-200*/
    background-color: #edf2f7;
    /*bg-gray-200*/
}



/*Row Hover and Dropdown Hover*/
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr td:hover,
table.dataTable.display tbody tr:hover {
    background-color: dimgrey;
    color: white;
    cursor: pointer;
    /*bg-indigo-100*/
}

/*Pagination Buttons*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-weight: 700;
    /*font-bold*/
    border-radius: .25rem;
    /*rounded*/
    border: 1px solid transparent;
    /*border border-transparent*/
}

/*Pagination Buttons - Current selected */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    /*text-white*/
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    /*shadow*/
    font-weight: 700;
    /*font-bold*/
    border-radius: .25rem;
    /*rounded*/
    background: #3F83F8 !important;
    /*bg-indigo-500*/
    border: 1px solid transparent;
    /*border border-transparent*/
}

/*Pagination Buttons - Hover */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    /*text-white*/
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    /*shadow*/
    font-weight: 700;
    /*font-bold*/
    border-radius: .25rem;
    /*rounded*/
    background: #244b8f !important;
    /*bg-blue*/
    border: 1px solid transparent;
    /*border border-transparent*/
}

/*Add padding to bottom border */
table.dataTable.no-footer {
    border-bottom: 1px solid #e2e8f0;
    /*border-b-1 border-gray-300*/
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

/*Dropdown Children of Row*/
table.dataTable > tbody > tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    /*	margin-left: 33px;*/
    min-width: 130px;
    font-weight: bold;
    font-size: 0.8em;
}

table.dataTable > tbody > tr.child span.dtr-data {
    display: inline-block;
    /*overflow: hidden;*/
}

/* Erste Column für Dropdown */
table.dataTable tbody td.noVis,
table.dataTable thead th.noVis,
table.dataTable tfoot th.noVis {
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    max-width: 25px;
    width: 10px;
}

/* Order Column (Odd Row) Color */
table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054);
}

/* Order Column (Even Row) Color */
table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054);
}

/* Selected row color */
table.dataTable.display > tbody > tr.selected > *,
table.dataTable.display > tbody > tr.odd.selected > *,
table.dataTable.display > tbody > tr.selected:hover > * {
    /*box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.054);*/
    /*--dt-row-selected: 161, 161, 161;*/
    /*box-shadow: inset 0 0 0 9999px rgb(27, 102, 133, 0.4) !important;*/
    /*background-color: rgb(27, 102, 133, 0.4) !important;*/

    box-shadow: inset 0 0 0 9999px #acbad4 !important;
    color: #333;
    background-color: #fff;
}

/* Dropdown - Zeichen */
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before {
    padding: 0px;
    /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' stroke-width='1.5' stroke='black' class='w-6 h-6'> <path stroke-linecap='round' stroke-linejoin='round' d='M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z' /> </svg> ");*/
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='lightgray' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down-square'><rect width='18' height='18' x='3' y='3' rx='2'/><path d='m16 10-4 4-4-4'/></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    content: '\200B';
    display: block;
    min-height: 100%;
    min-width: 100%;
}

/* Dropdown + Zeichen */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
    padding: 0px;
    /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' stroke-width='1.5' stroke='black' class='w-4 h-4'> <path stroke-linecap='round' stroke-linejoin='round' d='M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z' /> </svg>");*/
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='lightgray' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right-square'><rect width='18' height='18' x='3' y='3' rx='2'/><path d='m10 8 4 4-4 4'/></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    content: '\200B';
    display: block;
    min-height: 100%;
    min-width: 100%;
}

/* Text wrap in dropdown details */
span.dtr-data {
    display: inline-block;
    white-space: normal;
    /*word-break: break-all;*/
}