:root{
	--header-height : 4rem;
	--color-black: '#000';
}

body, label, table{
	font-weight: normal;
	color: var(--color-black) !important;
}

input[type=date], input[type=datetime-local], input[type=month]{
    -webkit-print-color-adjust: exact;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-clear-button,
input[type=datetime-local]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-clear-button,
input[type=month]::-webkit-inner-spin-button,
input[type=month]::-webkit-calendar-picker-indicator{
    display: none;
	-webkit-appearance: none;
}

input[type="date"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

.feedback-icon{
	display: block;
}

.save_loading {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: ro;
	transform-origin: 50% 50%;
}
@keyframes ro {
	100% {
		transform: rotate(-360deg) translate(0,0);
	}
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control-feedback {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.site-navbar .navbar-container .icon{
	font-size: 20px;
}

.site-navbar-small .site-navbar .navbar-brand{
	padding: 0.9rem 1.357rem;
	transition: padding .25s;
}

.site-navbar-small .site-navbar .navbar-toolbar .nav-link{
	line-height: 21px;
}

.site-navbar .navbar-header .navbar-brand-logo {
	height: 30px !important;
}

.site-navbar .navbar-header .navbar-brand-subtext{
	color: #000;
    font-size: 11px;
    position: relative;
    top: -5px;
    text-align: center;
}

.page-header{
	z-index: 1;
}

.page-header.page-header-bordered{
	margin-bottom: 20px;
}

.page-title{
	font-size:24px;
}

.page-title .page-title-icon{
	top: -2px;
	font-size:18px;
}

.page-title .page-title-icon[class*="md-"]{
	top: 3px;
	height: 22px;
	font-size: 32px;
	line-height: 22px;
	overflow-y: hidden;
}

.page-content {
    padding: 20px 20px;
}

.panel-shadow{
	box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	color: #eaeaea !important;
}

.table-bordered{
	border-color: #ececec !important;
}

.table-bordered tr th, table.dataTable tr td{
	border-left-color: #ececec !important;
	border-right-color: #ececec !important;
}

table.dataTable tr th{
	border-top-color: #ececec !important;
}

table.dataTable.fixedHeader-floating{
	z-index: 1500 !important;
    margin-top: 62px !important;
}

.dataTables_wrapper .dt-search .dataTables_filter .form-control{
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}

.dataTables_wrapper .dt-search .btn-clear .btn-outline-secondary{
	border-color: #ced0d2 !important;
	border-left : 0px !important;
}

.dataTables_wrapper, .dataTables_scroll{
	position: relative;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner {
    width: 100% !important;
}

.fullscreen-preloader, .dataTables_wrapper .dataTables_processing{
	top: 10% !important;
	left: 9.1% !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 1300 !important;
	margin-bottom:0px !important;
	vertical-align: middle !important;
	justify-content: center !important;
	background-color: rgba(181, 181, 181, 0.25) !important;
}

.fullscreen-preloader{
	position:fixed;
	top: 0px !important;
	left: 0px !important;
}

.fullscreen-preloader .table_preload_container, .dataTables_wrapper .dataTables_processing .table_preload_container{
    width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	vertical-align: middle;
	justify-content: center;
}

.table-main .dataTables_wrapper .dataTables_processing{
	top: 7% !important;
    left: 7.5% !important;
	height: 100% !important;
	position: fixed !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead{
	z-index:10;
	background-color:var(--white);
}

.table-responsive.fix-thead .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody{
	top: -10px;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody thead{
	/* display:none; */
	visibility: hidden;
}

.table{
	font-size: 0.97rem;
}

.table.dataTable td, .table.dataTable th{
	vertical-align: middle !important;
}

.table.table-align-top.dataTable td{
	vertical-align: text-top !important;
}

.table .td-options{
	width:50px;
	text-align:center;
	padding-right:10px !important;
	padding:5px !important;
}

.footer-full.layout-full .page{
	height: calc(100% - 44px);
}

.btn .text-active,
.btn.active > .text,
.btn.active > .auto .text {
	display: none !important;
}

.btn.active > .text-active,
.btn.active > .auto .text-active {
	display: inline-block !important;
}

.btn.active .icon {
	line-height: 1;
}

.card-accordion .card{
	margin-bottom:0px;
}

.card-accordion .card-header::before, .card-accordion .card-header::after {
	position: absolute;
	top: 15px;
	right: 30px;
	font-family: "Material Design Iconic";
	transition: all 300ms linear 0s;
}
.card-accordion .card-header::before {
	content: "";
}
.card-accordion .card-header::after {
	content: "";
}
.card-accordion .card-header[aria-expanded="false"]::before {
	opacity: .4;
}
.card-accordion .card-header[aria-expanded="false"]::after {
	-webkit-transform: rotate(-180deg);
			transform: rotate(-180deg);
	opacity: 0;
}
.card-accordion .card-header[aria-expanded="true"]::before {
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
	opacity: 0;
}
.card-accordion .card-header[aria-expanded="true"]::after {
	opacity: 1;
}

.modal-open .select2-container{
	z-index: 2701 !important;
}

.datepicker.datepicker-dropdown{
	z-index: 2500 !important;
}

.swal2-container{
	z-index: 2500 !important;
}
.lg-outer{
	z-index : 2010 !important;
}

@media (max-width:576px){
	.text-xs-left{
		text-align: left !important;
	}
	.text-xs-right{
		text-align: right !important;
	}
	.text-xs-center{
		text-align: center !important;
	}
	.text-xs-justify{
		text-align: justify !important;
	}
}

@media (max-width:767px){
	.navbar-toggler.dropdown-mega{
		font-size:20px;
	}
	.navbar-toggler.dropdown-mega+.dropdown-menu{
		width: calc(100% - 8px);
		margin: 4px 4px;
	}
	.site-navbar-small{
		padding-top: var(--header-height) !important;
	}
	.site-navbar-small .site-navbar{
		height: var(--header-height);
		min-height: var(--header-height);
	}
	.site-navbar-small .site-navbar .navbar-brand{
		height: var(--header-height);
		padding: 0.8rem 1.357rem;
	}
	.site-navbar .navbar-header .navbar-brand-subtext{
		color:#fff !important;
	}
	.site-navbar-small .site-navbar .navbar-toggle, .site-navbar-small .site-navbar .navbar-toggler{
		height: var(--header-height);
		padding: 1.1rem 0.1rem;
	}
	body.site-navbar-small .site-menubar{
		top: var(--header-height);
		height: calc(100% - var(--header-height));
	}
	.page-content {
		padding: 0px 15px !important;
	}
	.page-header-bordered{
		padding: 15px 20px;
		margin-bottom: 15px !important;
	}
	.page-header-bordered .page-title{
		font-size:20px;
	}
	.page-header-bordered .page-title .page-title-icon{
		font-size:15px;
	}
	.page-header-bordered .page-title .page-title-icon[class*="md-"]{
		top: 1px;
		height: 17px;
		font-size: 27px;
		line-height: 17px;
		overflow-y: hidden;
	}
	.footer-full.layout-full .page{
		height: calc(100% - 66px);
	}

	.list-dashboard .media{
		flex-direction: inherit;
	}
	
}

@media (min-width: 576px) and (max-width: 767px){
	.page {
		min-height: calc(100% - 44px);
	}
}

@media (min-width: 768px){
	.site-navbar-small{
		padding-top: 4.286rem !important;
	}
	.site-navbar .navbar-header{
		background-color: #fff;
	}
	.dropdown-menu-links .dropdown-menu{
		width: 75%;
		left: 10% !important;
		right: auto !important;
	}
	.dropdown-apps-menu .dropdown-menu{
		width: 40%;
		right: 25px;
	}
}

@media (min-width: 1200px){
	.modal-xl {
		max-width: 1140px;
	}
}