/* Surcharge CSS */
body.authentication-bg {
	background-color: #37404a;
	background-image: none;
}

.tooltip-inner {
	min-width: 100px;
	max-width: 100%; 
}

/* *** DataTables *** */
table .dropdown-menu .svg-inline--fa {
	width: 1rem;
	margin-right: 0.5rem;
}

.dropdown-menu-lg .dropdown-menu {
	width: 26rem;
}

.table-sm > :not(caption) > * > * {
	padding: .25rem .25rem;
	vertical-align: middle;
}

table.dataTable thead th::after, table.dataTable thead th.dt-ordering-asc::after, table.dataTable thead th.dt-ordering-desc::after, table.dataTable thead th:hover::after {
	display: none;
}
/* --- DataTables --- */

/* *** Apex Chart *** */
.apex-chart-box {
	color: #fff;
	text-shadow: -1px -1px 3px rgba(0, 0, 0, 1.0), 1px 1px 2px rgba(0, 0, 0, 1.0);
	padding: 0.25rem 1rem;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 1.0), 1px 1px 3px rgba(0, 0, 0, 1.0);
	/* z-index: 99999; */
	/* border: 1px solid #333; */
}
/* --- Apex Chart --- */

/* *** Select2 *** */
.select2-search.select2-search--inline,
.select2-selection--multiple .select2-search__field{
	width: 100% !important;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 24rem;
}
/* --- Select2 --- */

/* *** Left menu custom icons *** */
.side-nav .side-nav-link .svg-inline--fa {
	display: inline-block;
	line-height: 1.0625rem;
	margin: 0 10px 0 0;
	font-size: 1.1rem;
	vertical-align: middle;
	width: 20px;
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link .svg-inline--fa {
	font-size: 1.125rem;
	margin-right: 20px;
	margin-left: 6px;
}
/* --- Left menu custom icons --- */

/* *** top menu custom icons *** */
.dropdown-icon-item img.sopitec-icon {
	height: 48px;
}

div.dropdown-menu[data-id="2"] .dropdown-icon-item img.sopitec-icon {
	height: 13px;
}
/* --- top menu custom icons --- */

.navbar-custom .app-search form {
	max-width: 95%;
	width: 100%;
}

.logo-display {
	display: block;
	max-height: 100%;
	max-width: 16rem;
	margin: auto;
}

/** SPINNER ATTENTE **/
.wait-spinner {
	position: relative;
	text-align: center;
	margin: 15px auto 35px auto;
	z-index: 9999;
	display: block;
	width: 80px;
	height: 80px;
	border: 10px solid rgba(0, 0, 0, .3);
	border-radius: 50%;
	border-top-color: #000;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}