/* Cascading table styles */
.casc-table table th, .casc-table table td {
    padding: .5rem !important;
    text-align: center;
    border-width: 1px !important;
    border: solid;
    vertical-align: middle;
/* 	width: 98% !important;  */
	overflow-x:hidden !important;
	overflow-y:auto !important;
}

/* Small devices (576px and up) */
@media (min-width: 576px) {
    .casc-table table th, .casc-table table td {
        padding: .2rem !important;
/* 		width: 98% !important;  */
	overflow-x:hidden !important;
	overflow-y:auto !important;
    }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
    .casc-table table th, .casc-table table td {
        padding: .5rem !important;
/* 		width: 98% !important;  */
	overflow-x:hidden !important;
	overflow-y:auto !important;
    }
}

/* Large devices (992px and up) */
@media (min-width: 992px) {
    .casc-table table th, .casc-table table td {
        padding: .75rem !important;
/* 		width: 98% !important;  */
	overflow-x:hidden !important;
	overflow-y:auto !important;
    }
}

.directory thead tr th:first-child,
.directory tbody tr td:first-child {
  width: 8em;
  min-width: 8em;
  max-width: 8em;
  word-break: break-all;
}

div.dataTables_wrapper div.dataTables_filter input:hover {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}


@media (min-width: 999px) {
	#directory-list_filter label {
		width: 100%
	}
	#directory-list_filter .form-control {
		width: 68%
	}
}
@media (min-width: 1200px) {
	#directory-list_filter label {
		width: 100%
	}
	#directory-list_filter .form-control {
		width: 72%
	}
}
@media (min-width: 1400px) {
	#directory-list_filter label {
		width: 100%
	}
	#directory-list_filter .form-control {
		width: 77%
	}
}