/*
Primary: EA5B0C 
Light: DC7D48 
Dark: FE5F07
GRAY: E1E1E1
*/

[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
}

/* Scrollbar start */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar:hover {
    width: 12px;
    height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 3px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #EA5B0C; 
    border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #DC7D48;
    width: 12px;
    border-radius: 4px; 
}

/* Scrollbar end */



.btGrid-content .ibox-content-sectionForm {
	display: none;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
	z-index: 0;
}

.ibox-content-sectionForm {
	position: relative;
}
.ibox-content-sectionForm .overlay.in {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	background-color: rgba(255, 255, 255, .5);
}
.ibox-content-sectionForm .overlay.in .fa.fa-spinner.fa-spin {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -30px;
	color: #666;
	font-size: 25px;
}
.ibox-content-sectionForm .overlay.in div {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #666;
	font-size: 15px;
	width: 300px;
	margin-left: -150px;
	text-align: center;
}

.no-result {
	margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
}

div.card-header.card-header-bg-color {
	background-color: #dcdcdc;
}

.dt-body-center {
	text-align: center;
}

.data-table-custom-filter {
	background-color: rgb(240, 240, 240);
	border-radius: 10px;
	padding: 10px;
	margin-top: 40px;
}

.select2.form-control-sm + .select2-container--bootstrap .select2-selection--single {
	padding: 6px 16px;
	height: 31px;
}


.page-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
}

.page-loader.in {
	display: flex;
}

.spinner {
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top: 4px solid #fff;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}