#filter {
	float:left;
	padding:15px;
}
.dataTables_length select{
	background-color: #fff !important;
}

.dt-button {
	background-color: #97c5e5 !important;
}
.dt-length {float:left;padding:10px;}
.dt-length label{display: flex;align-items: center;}
.dt-length div{width:60px;text-align:center;}
.dt-length select{width:100px;}
.dt-buttons {padding:8px;float:left;}
.dt-search {display: inline-block;padding: 5px;float: right;}
.dataTables_length {padding:12px;}
#preloader {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-color: #fff;
	z-index: 9999;
}
#status {
	position: fixed;
	width: 118px;
	height: 219px;
	margin-left: -40px;
	margin-top: -60px;
	left: 50%;
	top: 50%;
}
.loader {
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	color: #61c0b6;
	letter-spacing: 0.2em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);  
}
.loader::before,.loader::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #61c0b6;
	position: absolute;
	animation: load 0.9s infinite alternate ease-in-out;
}
.loader::before {
	top: 0;
}
.loader::after {
	bottom: 0;
}
@keyframes load {
	0% {
		left: 0;
		height: 30px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 40px;
	}
	100% {
		left: 235px;
		height: 30px;
		width: 15px;
	}
}
div.dt-datetime table td.selectable {
	text-align: center;
	background: #8bb4d1;
}