/* 
	Couleurs eCrome
*/
:root {
	--asmiq-blue: #007ac2;
	--asmiq-pink: #e5007d;
	--asmiq-indigo: #2e2382;

	--ecrome-blue: #00a8d1;
	--ecrome-green: #76b82a;
	--ecrome-yellow: #f9da00;
	--ecrome-light-blue: #a2d1e5;
	--ecrome-light-green: #eff6e7;
	--ecrome-light-yellow: #f8e88c;
	--ecrome-gray: #F9F9F9;

	--menuWidth: 280px;
}

@font-face {
	font-family: "Raleway";
	src: url('/aboware/global/fonts/Raleway-VariableFont_wght.ttf');
}

@font-face {
	font-family: "Roboto";
	src: url('/aboware/global/fonts/Roboto-Regular.ttf');
}


body {
	font-family: Roboto, Raleway, Arial, Helvetica, sans-serif;
	/*
	line-height: 1.4;
	margin-top: 1px;
	margin-left: 2px;
	*/
}

.bg-ecrome-blue{
	background-color: var(--ecrome-blue);
}
.bg-ecrome-green{
	background-color: var(--ecrome-green);
}
.bg-ecrome-yellow{
	background-color: var(--ecrome-yellow);
}
.text-ecrome-blue {
	color: var(--ecrome-blue);
}
.text-ecrome-green {
	color: var(--ecrome-green);
}
.text-ecrome-yellow {
	color: var(--ecrome-yellow);
}

.smalltri {
	background-color: var(--ecrome-green);
	color: black;
}
table tr th td .smalltri {
	background-color: var(--ecrome-green);
	color: black;
}
.font-weight-bold {
	font-weight: bold;
}

.bg-asmiq-blue {
	background-color: var(--asmiq-blue);
}

.bg-asmiq-indigo {
	background-color: var(--asmiq-indigo);
}

.bg-asmiq-pink {
	background-color: var(--asmiq-pink);
}

.text-asmiq-blue {
	color: var(--asmiq-blue);
}

.text-asmiq-indigo {
	color: var(--asmiq-indigo);
}

.text-asmiq-pink {
	color: var(--asmiq-pink);
}
.text-right {
	text-align: right;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.75rem;
}

a, a:hover {
	text-decoration: none;
}
.bdcolor {
	color: var(--bs-body-color);
}

.bandeauEditFondBleuClair {
	background-color: var(--bs-secondary);
}

.gradientBleuClair {
	background-color: var(--bs-secondary);
	color: var(--white);
}

.DTS_state0 {
	background-color: #ffff00;
}

.DTS_state1 {
	background-color: #ffb401;
}

.DTS_state2 {
	background-color: #000000;
}

.DTS_state3 {
	background-color: #0000ff;
}

.DTS_state4 {
	background-color: #d1a5d3;
}

.DTS_state5 {
	background-color: #ff0000;
}

.DTS_state6 {
	background-color: #41A317;
}

.DTS_state7 {
	background-color: #0000ff;
}

.DTS_state8 {
	background-color: #841f85;
}

.DTS_state9 {
	background-color: #ffb401;
}

table td {
  padding: 1px !important;
	font-size: .875em !important;
}


/*************************
	ScrollBar pour la frame Menu
**************************/
.scrollbarNavigation {
	float: left;
	height: 100%;
	width: var(--menuWidth);
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 0px;
}

#custom-scrollbar-style-1::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	border-radius: 3px;
	background-color: var(--dark);
}

#custom-scrollbar-style-1::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: var(--dark);
}

#custom-scrollbar-style-1::-webkit-scrollbar-thumb {
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
	background-color: var(--bs-secondary);
}
/*************************
	Checkbox switch
**************************/
.custom-switch .custom-control-label::before {
	background-color: var(--asmiq-indigo);
	border-color: var(--asmiq-blue);
}

.custom-switch .custom-control-label::after {
	background-color: var(--asmiq-blue);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--asmiq-indigo);
	border-color: var(--asmiq-blue);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
	background-color: var(--asmiq-pink);
}

/*************************
	Radio
*************************/
.custom-control-label::before {
	background-color: var(--asmiq-indigo);
	border-color: var(--asmiq-blue);
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: var(--asmiq-indigo);
	background-color: var(--asmiq-pink);
	border-color: var(--asmiq-blue);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232e2382'/%3e%3c/svg%3e");
}
/*************************
	ScrollBar pour admTop
**************************/
.scrollbarContent {
	float: left;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	overflow-x: scroll; /*hidden;*/
	margin: 0px;
}

.nav-tabs .nav-link {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#029ac0), color-stop(40%, #00a2cb), to(#00A7D1));
	background-image: linear-gradient(#029ac0, #00a2cb 40%, #00A7D1);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 1px solid #00A7D1;
	border-top-left-radius: 1.5rem;
	border-top-right-radius: 0.3rem;
	/*	margin-right: 1px;*/
	padding-top: .25rem;
	padding-right: .4rem;
	padding-bottom: .25rem;
	padding-left: .5rem;
	color: white;
}

	.nav-tabs .nav-link:not([disabled]):not(.disabled):hover {
		text-decoration: underline var(--ecrome-green);
	}
	
	.nav-tabs .nav-link:not([disabled]):not(.disabled):focus,
	.nav-tabs .nav-link:not([disabled]):not(.disabled):active,
	.nav-tabs .nav-link:not([disabled]):not(.disabled).active {
		/*text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;*/
		background-image: -webkit-gradient(linear, left top, left bottom, from(#80a432), color-stop(40%, #8cb436), to(#95C03B));
		background-image: linear-gradient(#80a432, #8cb436 60%, #95C03B);
		background-repeat: no-repeat;
		-webkit-filter: none;
		filter: none;
		color: #000000;
		font-weight: bold;
	}


.pagination .page-link {
	/*text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#029ac0), color-stop(40%, #00a2cb), to(#00A7D1));
	background-image: linear-gradient(#029ac0, #00a2cb 40%, #00A7D1);
	filter: none;
	background-repeat: no-repeat;
	border-style: hidden;
	color: black;
}

.pagination .page-item.active .page-link {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#029ac0), color-stop(40%, #00a2cb), to(#00A7D1));
	background-image: linear-gradient(#029ac0, #00a2cb 40%, #00A7D1);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	color: white;
}

.pagination .page-item.disabled .page-link {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#80a432), color-stop(60%, #8cb436), to(#95C03B));
	background-image: linear-gradient(#80a432, #8cb436 60%, #95C03B);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	color: black;
	font-weight: bold;
}

.page-item.disabled .page-link {
	color: black;
}


/************************
	Onglets scrollables  
************************/
.wrapper {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px;
	height: 1.7rem;
}

.list {
	position: absolute;
	left: 0px;
	top: 0px;
	min-width: 3000px;
	margin-left: 0px;
	margin-top: 0px;
}

.scroller {
	cursor: pointer;
	display: none;
	padding-top: 13px;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
	height: 36px;
}

.scroller-right {
	float: right;
}

.scroller-left {
	float: left;
}


/************************
	ScrollBar Horizontale
************************/
.HORIZONTAL_SCROLL_NAV {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	overflow-y: hidden;
}

	.HORIZONTAL_SCROLL_NAV > ul {
		margin: 0 auto;
	}

	.HORIZONTAL_SCROLL_NAV::-webkit-scrollbar {
		height: 5px;
	}

	.HORIZONTAL_SCROLL_NAV::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.HORIZONTAL_SCROLL_NAV::-webkit-scrollbar-thumb {
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: var(--bs-secondary);
		/*background:rgba(255, 0, 0, 0.8);*/
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
	}