/* Custom Adjustments Preserved */
.width_restrict {
    max-width: 130px;
    overflow: hidden;
}

.cbx-fieldset {
	float: left;
} 
.cbx {
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 6px 8px;
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.2s ease;
 }
 .cbx:not(:last-child) {
	margin-right: 6px;
 }
 .cbx:hover {
	background: rgba(0,119,255,0.06);
 }
 .cbx span {
	float: left;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
 }
 .cbx span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	transform: scale(1);
	border: 1px solid #cccfdb;
	transition: all 0.2s ease;
	box-shadow: 0 1px 1px rgba(0,16,75,0.05);
 }
 .cbx span:first-child svg {
	position: absolute;
	top: 3px;
	left: 2px;
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all 0.3s ease;
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
 }
 .cbx span:last-child {
	padding-left: 8px;
	line-height: 18px;
 }
 .cbx:hover span:first-child {
	border-color: #07f;
 }
 .inp-cbx {
	position: absolute;
	visibility: hidden;
 }
 .inp-cbx:checked + .cbx span:first-child {
	background: #07f;
	border-color: #07f;
	animation: wave 0.4s ease;
 }
 .inp-cbx:checked + .cbx span:first-child svg {
	stroke-dashoffset: 0;
 }

 .inline-svg {
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
	user-select: none;
 }

/* DataTable Customizations */

/* Alternating Row Colors */
table.dataTable > tbody > tr:nth-child(odd) {
    background-color: #03b6cd;
    color: white;
}

table.dataTable > tbody > tr:nth-child(even) {
    background-color: white;
    color: #03b6cd;
}




/* Selected Row */
table.dataTable tbody tr.selected {
    background-color: #B0BED9;
}

/* Header & Footer Customizations */
table.dataTable thead th, 
table.dataTable tfoot th {
    font-weight: bold;
    padding: 10px 18px;
    border-bottom: 1px solid #111;
}

table.dataTable tfoot th {
    border-top: 1px solid #111;
}

/* Pagination Styling Adjustments */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.5em 1em;
    border-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #03b6cd;
    color: white;
}

/* Checkbox Styling Fix */
.cbx span:first-child svg {
    stroke: #fff;
}

/* Responsive Adjustments */
@media screen and (max-width: 640px) {
    .cbx {
        width: 100%;
        display: inline-block;
    }
}

/* Spinner Styles */
.spinner:before {
    border-top-color: #333;
}

#overlay {
    background-color: rgba(0,0,0,0.5);
}

/* Preserving Custom Animations */
@keyframes spinner {
    to { transform: rotate(360deg); }
}

/* End of Customization */