/* Ensure that the demo table scrolls */

.nw-th th,
.nw-td td {
	white-space: nowrap !important;
	vertical-align: middle !important;
	/* text-align: center !important; */
	justify-content: center !important;
	align-items: center !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

.tl-fixed {
	width: 100% !important;
	border-collapse: collapse !important;
	table-layout: fixed !important;
}

/* .table-tp tr,
.table-tp th,
.table-tp td {
    border: 1px solid grey !important;
    padding: 4px !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
} */

th {
	vertical-align: middle !important;
}

div.dataTables_wrapper {
	width: 500px !important;
	margin: 0 auto !important;
}

.was-validated .custom-select:invalid+.select2 .select2-selection {
	border-color: #dc3545 !important;
}

.was-validated .custom-select:valid+.select2 .select2-selection {
	border-color: #28a745 !important;
}

*:focus {
	outline: 0px;
}

.custom-data-tables table,
.f input,
.l select,
.i,
.p {
	font-size: 0.85em;
}

.p {
	margin-top: 10px !important;
}

.custom-data-tables table .dropdown-item {
	font-size: 0.85em;
}

.custom-data-tables th {
	font-weight: bold;
}

.custom-data-tables .b,
.r {
	margin-bottom: 10px;
	display: none !important;
}

.custom-data-tables .f {
	position: absolute;
	right: 20px;
	top: 79px;
}

.custom-data-tables .f input:focus {
	box-shadow: none !important;
	outline: none !important;
	border: 1px solid #d10000 !important;
}

.custom-data-tables .l {
	float: left;
	margin-bottom: 10px;
}

.custom-data-tables .l select:focus {
	box-shadow: none !important;
	outline: none !important;
	border: 1px solid #d10000 !important;
}

.custom-data-tables .i {
	float: left;
}

.custom-data-tables .p {
	float: right;
}

.pagination>li.active>a,
.pagination>li.active>span {
	background-color: #d10000 !important;
	color: white !important;
	font-weight: bold !important;
	border: 1px solid #d10000 !important;
	box-shadow: none !important;
}

.pagination>li>a,
.pagination>li>span,
.pagination>li>a,
.pagination>li>span:hover,
.pagination>li>a,
.pagination>li>span:active {
	background: none !important;
	color: grey !important;
	box-shadow: none !important;
	border: 1px solid lightgrey !important;
}