/* Minification failed. Returning unminified contents.
(2,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,14): run-time error CSS1039: Token not allowed after unary operator: '-admin-color'
(47,14): run-time error CSS1039: Token not allowed after unary operator: '-admin-color'
(52,25): run-time error CSS1039: Token not allowed after unary operator: '-admin-color'
(1483,36): run-time error CSS1046: Expect comma, found '0'
(1483,40): run-time error CSS1046: Expect comma, found '/'
(1493,36): run-time error CSS1046: Expect comma, found '0'
(1493,40): run-time error CSS1046: Expect comma, found '/'
(1511,29): run-time error CSS1038: Expected hex color, found '#0000'
(1512,46): run-time error CSS1038: Expected hex color, found '#0000'
(1521,29): run-time error CSS1038: Expected hex color, found '#0000'
(1522,46): run-time error CSS1038: Expected hex color, found '#0000'
 */
:root {
	--admin-color: #9e3282;
}

#left-panel {
	position: absolute;
	top: 89px;
	z-index: 904;
	padding-top: 0;
}

#logo-group > span {
	padding: 0 !important;
	margin: 0 !important;
	margin-top: 5px !important;
	margin-left: 5px !important;
	height: 40px !important;
	width: 210px !important;
	overflow: hidden !important;
}

#extr-page #header {
	margin: 0;
	height: 49px;
	border-bottom: 1px solid #eee !important;
	overflow: hidden;
	padding: 0;
	border-width: 0;
}

	#extr-page #header #extr-page-header-space {
		line-height: 45px !important;
		padding-right: 10px;
	}

#logo img {
	max-width: 210px !important;
}

.alert-admin {
	border-color: #7902fb;
	color: var(--admin-color);
	background-color: #eee4f1;
}

.admin-field label {
	color: var(--admin-color);
	font-weight: bold;
}

.admin-field select, .admin-field input {
	border: 2px solid var(--admin-color);
}

.width-1 {
	width: 60px !important;
	min-width: 60px !important;
}

.width-2 {
	width: 150px !important;
}

.width-3 {
	width: 300px !important;
	min-width: 140px !important;
}

.width-4 {
	width: 350px !important;
	min-width: 170px !important;
}

.width-5 {
	width: 740px !important;
	min-width: 170px !important;
}

.width-table-date {
	width: 550px !important;
	text-align: left;
	font-weight: bold;
}

.width-2-percent {
	width: 2%;
}

.width-5-percent {
	width: 5%;
}

.width-7-percent {
	width: 7%;
}

.width-10-percent {
	width: 10%;
}

.width-15-percent {
	width: 15%;
}

.width-20-percent {
	width: 20%;
}

.width-30-percent {
	width: 30%;
}

.width-40-percent {
	width: 40%;
}

.width-50-percent {
	width: 50%;
}

.width-60-percent {
	width: 60%;
}

.width-70-percent {
	width: 70%;
}

.width-80-percent {
	width: 80%;
}

.width-90-percent {
	width: 90%;
}

.width-100-percent {
	width: 100%;
}

.margin-lft {
	margin-left: 10px;
}

.margin-tp {
	margin-top: 20px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.mrgn {
	margin: 0 20px;
}

.padding-left-0 {
	padding-left: 0;
}

.padding-right-0 {
	padding-right: 0;
}

.form-bloc {
	width: 716px;
	margin: auto;
}

.filter {
	background-color: #474544;
	color: #ffffff;
	padding: 10px;
	border: 1px solid #474544;
	font-size: 18px;
}

.filterBloc {
	border: 1px solid #474544;
	padding-bottom: 20px;
}

.content {
	font-size: 12px;
}

.warning {
	background-color: #fcf8e3 !important;
}

.success {
	background-color: #dff0d8 !important;
}

.link {
	background-color: #428bca !important;
}

.danger {
	background-color: #F34B68 !important;
}

.search {
	margin-top: 23px;
}

.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/** MENU NAVIGUATION DASHBOARD **/

.navigate {
	position: absolute;
	right: 20px;
	top: 58px;
	z-index: 1;
}

.btn-black {
	background-color: #ffffff;
	color: #474544;
	border: 1px solid #474544;
	box-shadow: none !important;
}

	.btn-black:hover {
		background-color: #ffffff;
		-moz-box-shadow: inset 2px 2px 6px #474544 !important;
		-webkit-box-shadow: inset 2px 2px 6px #474544 !important;
		box-shadow: inset 2px 2px 6px #474544 !important;
	}

.active-menu {
	background-color: #ffffff;
	color: #474544;
	-moz-box-shadow: inset 2px 2px 6px #474544 !important;
	-webkit-box-shadow: inset 2px 2px 6px #474544 !important;
	box-shadow: inset 2px 2px 6px #474544 !important;
}


/** MODAL CONDITION D'UTILISATION **/

.modal-dialog {
	top: 20%;
}

/** MENU DEROULANT LANGUES **/

#userLanguageBloc {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	flex-wrap: nowrap;
	font-size: 12px;
}

	#userLanguageBloc select {
		height: 30px !important;
	}

/** BLOC VERSION **/

.version {
	float: right;
	color: #ffffff;
	font-size: 11px;
	line-height: 40px;
	font-style: italic;
}

	.version span {
		position: relative;
		top: 2px;
		margin-left: 5px;
	}

	.version i {
		font-size: large;
	}




/** DESIGN DES BLOCS **/

.jarviswidget > header {
	border-color: rgba(0, 0, 0, 0.125) !important;
	background: #F5F5F5;
	color: #212529;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	height: 40px;
	line-height: 40px !important;
}

	.jarviswidget > header > .widget-icon {
		line-height: inherit;
		font-size: 18px;
	}

	.jarviswidget > header h2 {
		line-height: inherit;
		font-size: 18px;
	}

	.jarviswidget > header a {
		color: #212529;
	}

	.jarviswidget > header #myTab {
		height: 40px;
	}

		.jarviswidget > header #myTab a {
			height: 40px;
		}

/** TABLEAUX AVEC FILTRES **/
.datagrid-datatables,
#datatable_fixed_column {
	border: 1px solid #ccc !important;
}

.dataTables_wrapper table,
#datatable_fixed_column_wrapper table {
	font-size: 12px;
}

	.dataTables_wrapper table thead,
	#datatable_fixed_column_wrapper table thead {
		font-weight: bolder;
	}


.dataTables_wrapper .dt-toolbar,
#datatable_fixed_column_wrapper .dt-toolbar {
	padding: 0;
	padding-bottom: 10px;
	background: none;
	border: none;
}


.dataTables_wrapper .datagrid-datatables,
#datatable_fixed_column_wrapper #datatable_fixed_column {
	border: none;
}


	.dataTables_wrapper .datagrid-datatables thead tr,
	#datatable_fixed_column_wrapper #datatable_fixed_column thead tr {
		background: none;
	}

		.dataTables_wrapper .datagrid-datatables thead tr:first-child th,
		#datatable_fixed_column_wrapper #datatable_fixed_column thead tr:first-child th {
			border: none;
			border-bottom: 1px solid #ccc;
		}

.dataTables_wrapper .dt-toolbar-footer,
#datatable_fixed_column_wrapper .dt-toolbar-footer {
	width: 100%;
	background: none;
	padding: 0;
	padding-top: 5px;
	border: none;
}

	.dataTables_wrapper .dt-toolbar-footer > :last-child,
	#datatable_fixed_column_wrapper .dt-toolbar-footer > :last-child {
		float: right;
	}

.dataTables_wrapper .dataTables_info,
#datatable_fixed_column_wrapper #datatable_fixed_column_info {
	line-height: 5px;
}

/** DESIGN DES BOUTONS D'ACTION **/

/** Ajouter ou retirer 35px si ajout ou retrait d'un bouton **/
#datatable_fixed_column thead tr:last-child th:last-child,
#datatable_users thead tr:last-child th:last-child,
#datatable_tasks thead tr:last-child th:last-child,
#datatable_usertaskworks thead tr:last-child th:last-child,
#datatable_members thead tr:last-child th:last-child,
#datatable_subprojects thead tr:last-child th:last-child {
	width: 95px !important;
}

#datatable_fixed_column tbody td:not(:last-child),
#datatable_users tbody td:not(:last-child),
#datatable_tasks tbody td:not(:last-child),
#datatable_usertaskworks tbody td:not(:last-child),
#datatable_members tbody td:not(:last-child),
#datatable_subprojects tbody td:not(:last-child) {
	line-height: 34px !important;
}

#datatable_fixed_column tbody td:last-child,
#datatable_users tbody td:last-child,
#datatable_tasks tbody td:last-child,
#datatable_usertaskworks tbody td:last-child,
#datatable_members tbody td:last-child,
#datatable_subprojects tbody td:last-child {
	padding: 0 !important;
}

.action {
	margin-top: 10px;
	margin-left: 5px;
}

	.action button {
		width: 30px;
		height: 30px;
		border: none;
		margin-left: 5px;
	}

	.action i {
		line-height: 20px;
		font-size: 16px;
	}

/** FOOTER **/

.page-footer {
	height: 52px;
	padding: 15px 13px 0;
	padding-left: 233px;
	border-top: 1px solid #CECECE;
	background: #2a2725;
	width: 100%;
	position: fixed;
	display: block;
	bottom: 0;
	z-index: 99;
	color: #ffffff;
}

/** Couleurs des types de documents **/

.badge-doctype-0 {
	color: #ffffff !important;
	background-color: #808080 !important;
}

.badge-doctype-1 {
	color: #ffffff !important;
	background-color: #d75900 !important;
}

.badge-doctype-2 {
	color: #ffffff !important;
	background-color: #0094ff !important;
}

.badge-doctype-3 {
	color: #ffffff !important;
	background-color: #00d11b !important;
}

.badge-doctype-4 {
	color: #ffffff !important;
	background-color: #8740e0 !important;
}

.badge-doctype-5 {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}

.badge-doctype-6 {
	color: #ffffff !important;
	background-color: #d400c0 !important;
}

.badge-doctype-7 {
	color: #ffffff !important;
	background-color: #fbb71d !important;
}

.badge-doctype-11 {
	color: #ffffff !important;
	background-color: #ff8e3e !important;
}

.badge-doctype-16 {
	color: #ffffff !important;
	background-color: #7b3d76 !important;
}

.badge-doctype-20 {
	color: #ffffff !important;
	background-color: #428bca !important;
}

.badge-docstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-docstate-1 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-docstate-2 {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}

.badge-docstate-3 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}

.badge-docstate-4 {
	color: #ffffff !important;
	background-color: #328a9e !important;
}

.badge-docstate-5 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-docstate-10 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-taskstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-taskstate-1 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-taskstate-2 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-billingstate-0 {
	color: #ffffff !important;
	background-color: #999 !important;
}

.badge-billingstate-1 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-billingmethod-0 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-billingmethod-1 {
	color: #ffffff !important;
	background-color: #999 !important;
}

.badge-billingmethod-2 {
	color: #ffffff !important;
	background-color: #ff8e3e !important;
}

.badge-importstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-importstate-1 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-importstate-2 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

/* Popover */
.popover {
	border: 1px solid #474544;
	width: 100%;
}
/* Popover Header */
.popover-title {
	font-size: 16px;
	text-align: center;
}
/* Popover Body */
.popover-content {
	padding: 10px;
	font-size: 12px;
}

/** Couleurs des tickets **/

.badge-ticketpriority-0 {
	color: #ffffff !important;
	background-color: #78d5de !important;
}

.badge-ticketpriority-1 {
	color: #ffffff !important;
	background-color: #fbb71d !important;
}

.badge-ticketpriority-2 {
	color: #ffffff !important;
	background-color: #d75900 !important;
}

.badge-ticketpriority-3 {
	color: #ffffff !important;
	background-color: #ff0505 !important;
}
/* Unit states testing */
.badge-unitTestingState-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-unitTestingState-1 {
	color: #ffffff !important;
	background-color: #ff8e3e !important;
}

.badge-unitTestingState-2 {
	color: #ffffff !important;
	background-color: #d75900 !important;
}

.badge-unitTestingState-3 {
	color: #ffffff !important;
	background-color: #03a811 !important;
}

/* Ticket state */
.badge-ticketstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-ticketstate-1 {
	color: #ffffff !important;
	background-color: #78d5de !important;
}

.badge-ticketstate-2 {
	color: #ffffff !important;
	background-color: #328a9e !important;
}

.badge-ticketstate-3 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-ticketstate-4 {
	color: #ffffff !important;
	background-color: #d178ff !important;
}

.badge-ticketstate-5 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-ticketstate-7 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}

.badge-tickettype-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-tickettype-1 {
	color: #ffffff !important;
	background-color: #ff0505 !important;
}

.badge-tickettype-2 {
	color: #ffffff !important;
	background-color: #328a9e !important;
}

.badge-tickettype-3 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-tickettype-4 {
	color: #ffffff !important;
	background-color: #d178ff !important;
}

.badge-tickettype-5 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}







/* Project authorization */
.badge-project-authorization-0 {
	color: #fff;
	background-color: #4246ff;
}

.badge-project-authorization-1 {
	color: #fff;
	background-color: #2aa500;
}

.badge-project-authorization-2 {
	color: #fff;
	background-color: #ff8e3e;
}

.badge-project-authorization-3 {
	color: #fff;
	background-color: #ff0000;
}

/* Training state */
.badge-trainingstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-trainingstate-1 {
	color: #ffffff !important;
	background-color: #78d5de !important;
}

.badge-trainingstate-2 {
	color: #ffffff !important;
	background-color: #328a9e !important;
}

.badge-trainingstate-3 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-trainingstate-4 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-trainingstate-5 {
	color: #ffffff !important;
	background-color: #ff8e3e !important;
}

/* Date training state */
.badge-datetrainingstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-datetrainingstate-1 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-datetrainingstate-2 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}


/* Timeoff state */
.badge-timeoffstate-0 {
	color: #ffffff !important;
	background-color: darkgrey !important;
}

.badge-timeoffstate-1 {
	color: #ffffff !important;
	background-color: darkblue !important;
}

.badge-timeoffstate-2 {
	color: #ffffff !important;
	background-color: darkcyan !important;
}

.badge-timeoffstate-3 {
	color: #ffffff !important;
	background-color: darkred !important;
}

.badge-timeoffstate-4 {
	color: #ffffff !important;
	background-color: darkgreen !important;
}

.badge-timeoffstate-5 {
	color: #ffffff !important;
	background-color: blueviolet !important;
}

.badge-timeoffstate-6 {
	color: #ffffff !important;
	background-color: darkorange !important;
}

.badge-timeoffstate-7 {
	color: #ffffff !important;
	background-color: #328a9e !important;
}

/* Timeoff type */
.badge-timeofftype-0 {
	color: #ffffff !important;
	background-color: #60154d !important;
}

.badge-timeofftype-1 {
	color: #ffffff !important;
	background-color: #0ad3e6 !important;
}

.badge-timeofftype-2 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-timeofftype-3 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-timeofftype-4 {
	color: #ffffff !important;
	background-color: #504855 !important;
}

.badge-timeofftype-5 {
	color: #ffffff !important;
	background-color: #90b982 !important;
}

.badge-timeofftype-6 {
	color: #ffffff !important;
	background-color: #328a9e !important;
}

.badge-timeofftype-7 {
	color: #ffffff !important;
	background-color: #7212a4 !important;
}

.badge-timeofftype-8 {
	color: #ffffff !important;
	background-color: #18131a !important;
}


/* Message type */
.badge-messagetype-0 {
	color: #ffffff !important;
	background-color: #808080 !important;
}

.badge-messagetype-1 {
	color: #ffffff !important;
	background-color: #ff8e3e !important;
}

.badge-messagetype-2 {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}

.badge-messagetype-3 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-messagetype-4 {
	color: #ffffff !important;
	background-color: #7902fb !important;
}

/* Purchase state */
.badge-purchasestate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-purchasestate-1 {
	color: #ffffff !important;
	background-color: #78d5de !important;
}

.badge-purchasestate-2 {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}

.badge-purchasestate-3 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-purchasestate-4 {
	color: #ffffff !important;
	background-color: #d178ff !important;
}

.badge-purchasestate-5 {
	color: #ffffff !important;
	background-color: #ff8e3e !important;
}

.badge-purchasestate-6 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}
.badge-purchasestate-7 {
	color: #ffffff !important;
	background-color: #60154d !important;
}

/* Purchase priority */
.badge-purchasepriority-0 {
	color: #ffffff !important;
	background-color: #78d5de !important;
}

.badge-purchasepriority-1 {
	color: #ffffff !important;
	background-color: #fbb71d !important;
}

.badge-purchasepriority-2 {
	color: #ffffff !important;
	background-color: #d75900 !important;
}

.badge-purchasepriority-3 {
	color: #ffffff !important;
	background-color: #ff0505 !important;
}

/* Pf project state */
.badge-pfprojectstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-pfprojectstate-1 {
	color: #ffffff !important;
	background-color: #fbb71d !important;
}

.badge-pfprojectstate-2 {
	color: #ffffff !important;
	background-color: #7902fb !important;
}

.badge-pfprojectstate-3 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

/* Email state */
.badge-emailstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-emailstate-1 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}

.badge-emailstate-2 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-emailstate-3 {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}

/* Appointment state */
.badge-appointmentstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}
.badge-appointmentstate-1 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}
.badge-appointmentstate-2 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}
.badge-appointmentstate-3 {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}
.badge-appointmentstate-4 {
	color: #ffffff !important;
	background-color: #7902fb !important;
}
.badge-appointmentstate-5 {
	color: #ffffff !important;
	background-color: #474544 !important;
}

/* Cheque state */
.badge-checkstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-checkstate-1 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}

.badge-checkstate-2 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-checkstate-3 {
	color: #ffffff !important;
	background-color: #328a9e !important;
}

.badge-checkstate-4 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}

/* Cheque type */
.badge-checktype-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}

.badge-checktype-1 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}

.badge-checktype-2 {
	color: #ffffff !important;
	background-color: #474544 !important;
}

.badge-checktype-3 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}

.badge-checktype-4 {
	color: #ffffff !important;
	background-color: #7902fb !important;
}

/* Campaign */
.badge-campaignstate-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}
.badge-campaignstate-1 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}
.badge-campaignstate-2 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-visibilty-0 {
	color: #ffffff !important;
	background-color: #4246ff !important;
}
.badge-visibilty-1 {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}
.badge-visibilty-2 {
	color: #ffffff !important;
	background-color: #ff8e3e !important;
}
.badge-visibilty-4 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}

.badge-blocked-0 {
	color: #ffffff !important;
	background-color: #808080 !important;
}

.badge-blocked-1 {
	color: #ffffff !important;
	background-color: #e1c201 !important;
}

.badge-blocked-2 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}

.badge-blocked-3 {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}

/* Builder : ProjectDevState */
.badge-projectdevstate-0 {
	color: #ffffff !important;
	background-color: #808080 !important;
}
.badge-projectdevstate-1 {
	color: #ffffff !important;
	background-color: #9e3282 !important;
}
.badge-projectdevstate-2 {
	color: #ffffff !important;
	background-color: #ff8900 !important;
}
.badge-projectdevstate-3 {
	color: #ffffff !important;
	background-color: #328a9e !important;
}
.badge-projectdevstate-4 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}
/* Builder : PublishState */
.badge-publishstate-0 {
	color: #ffffff !important;
	background-color: #808080 !important;
}
.badge-publishstate-1 {
	color: #ffffff !important;
	background-color: #2aa500 !important;
}
.badge-publishstate-99 {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}



.badge-orange {
	color: #ffffff !important;
	background-color: #ff8e3e !important;
}

.bg-light-red {
	background-color: #d714142e;
}

.bg-light-yellow {
	background-color: #fff3cd;
}

.bg-light-green {
	background-color: #aeffa5;
}

@media screen and (max-width: 600px) {
	.mobile-hidden {
		visibility: hidden;
		display: none;
	}
}

/*DROPDOWN FOR FILTERS*/

.filter-dropdown {
	width: 100% !important;
	height: 32px !important;
}

/* TOP RIGHT */

.header-top-right-container {
	display: flex;
	height: 100%;
	flex-wrap: nowrap;
	justify-content: end;
	gap: 6px;
	align-items: center;
}

#top-right {
	flex: 1;
}

.btn-header :first-child {
	margin: 0 !important;
}

.user-info-container {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	justify-self: right;
}

.user-label {
	font-size: 14px;
	color: #6c757d;
}

.user-name {
	font-weight: 600;
	color: #343a40;
}

.change-user-btn {
	background-color: #ffffff;
	border: 1px solid #ced4da;
	border-radius: 6px;
	padding: 5px 8px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
	display: flex;
	align-items: center;
}

	.change-user-btn:hover {
		background-color: #e9ecef;
	}

	.change-user-btn i {
		font-size: 16px;
		color: #495057;
	}



#userLoggedIn {
	color: #ffffff;
	margin-right: 20px;
	margin-top: 10px;
	float: left;
	min-width: 178px !important;
	margin-left: 10px;
	font-size: 14px;
	display: block;
}

/* New modal */

.new-modal {
	justify-self: center;
	top: 20%;
	padding: 10px;
}

.new-modal-dialog {
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	width: 400px;
	max-width: 90%;
	padding: 20px;
}

.new-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.new-modal-body {
	margin-bottom: 20px;
}

.new-form-group {
	margin-bottom: 15px;
}

	.new-form-group label {
		display: block;
		font-weight: bold;
		color: #555;
		margin-bottom: 5px;
	}

	.new-form-group select {
		appearance: none;
		background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
		background-repeat: no-repeat, repeat;
		background-position: right 1em top 50%, 0 0;
		background-size: .65em auto, 100%;
		cursor: pointer;
	}

	.new-form-group textarea {
		min-height: 40px;
		height: 40px;
	}

	.new-form-group select,
	.new-form-group input,
	.new-form-group textarea,
	.new-form-group input[type="checkbox"] {
		width: 100%;
		padding: 10px;
		font-size: 12px;
		border: 1px solid #ddd;
		border-radius: 5px;
		background-color: #fbfbfb;
		margin-top: 5px;
	}

.new-form-group-checkbox {
	display: flex;
	align-items: center;
}

	.new-form-group-checkbox input[type="checkbox"] {
		width: auto;
		margin-right: 10px;
	}

	.new-form-group-checkbox label {
		margin: 0px;
	}

.new-modal-footer {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

/* New Buttons */

.new-btn {
	min-width: 60px;
	height: 32px;
	min-height: 32px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 16px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
	border: 0px solid #000000;
	text-decoration: none !important;
}

	.new-btn:disabled {
		opacity: .7;
		cursor: default !important;
	}

	.new-btn:not(:disabled):not(.disabled):active {
		box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.5);
		opacity: 1;
	}

	.new-btn:not(:disabled):not(.disabled):hover {
		opacity: .90;
	}

	.new-btn span {
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
	}

.blue-btn {
	background-color: #2F5EB4;
	color: #ffffff !important;
}

	.blue-btn:not(:disabled):not(.disabled):hover {
		opacity: 1;
		background-color: #2b539c;
	}

.red-btn {
	background-color: #b50000;
	color: #ffffff !important;
}

	.red-btn:not(:disabled):not(.disabled):hover {
		opacity: 1;
		background-color: #9c0202;
	}

.yellow-btn {
	background-color: #fff315;
	color: #000000 !important;
}

	.yellow-btn:not(:disabled):not(.disabled):hover {
		opacity: 1;
		background-color: #ede214;
	}

.green-btn {
	background-color: #03a811;
	color: #ffffff !important;
}

	.green-btn:not(:disabled):not(.disabled):hover {
		opacity: 1;
		background-color: #029a0f;
	}

.white-btn {
	background-color: #ffffff;
	color: #000000 !important;
}

	.white-btn:not(:disabled):not(.disabled):hover {
		opacity: 1;
		background-color: #f1f1f1;
	}

.orange-btn {
	background-color: #ff8e3e;
	color: #ffffff !important;
}

	.orange-btn:not(:disabled):not(.disabled):hover {
		opacity: 1;
		background-color: #f68400;
	}

.small-btn {
	font-size: 12px !important;
	padding: 5px !important;
	border-radius: 5px !important;
	min-height: 22px !important;
	max-height: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	max-width: 22px !important;
}

.detail-btn {
	border: none;
	box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 54%);
	padding: 10px;
	border-radius: 14px;
	font-size: 14px;
	color: #ffffff;
	background: #2F5EB4;
	letter-spacing: 0px;
}

.detail-btn:hover {
	box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 84%);
}

.detail-a {
	color: white !important;
	text-decoration: none !important;
	float: right;
	padding: 5px 10px;
	background: #2F5EB4;
	font-weight: 500;
}

/* Blue spinning loader */
.spinning-loader-blue {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	background: conic-gradient(#0000 10%,#2F5EB4);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
	animation: s3 1s infinite linear;
}

.spinning-loader-white {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	background: conic-gradient(#0000 10%,#ffffff);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
	animation: s3 1s infinite linear;
}

.spinning-loader-small {
	width: 20px;
	height: 20px;
}

@keyframes s3 {
	to {
		transform: rotate(1turn)
	}
}

/*Scrollbar*/
/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}

*::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: #DFE9EB;
}

	*::-webkit-scrollbar-track:hover {
		background-color: #B8C0C2;
	}

	*::-webkit-scrollbar-track:active {
		background-color: #B8C0C2;
	}

*::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #B8C0C2;
}

	*::-webkit-scrollbar-thumb:hover {
		background-color: #8E9495;
	}

	*::-webkit-scrollbar-thumb:active {
		background-color: #8E9495;
	}

/* Firefox */
* {
	scrollbar-width: thin; /* définit la largeur de la barre de défilement */
	scrollbar-color: #B8C0C2 #DFE9EB; /* couleur du pouce (thumb) et du track */
}

	/* Survol et état actif pour Firefox */
	*::-moz-scrollbar-thumb:hover {
		background-color: #8E9495;
	}

	*::-moz-scrollbar-thumb:active {
		background-color: #8E9495;
	}


@media (min-width: 680px) and (max-width: 979px) {

	#userLoggedIn {
		display: none;
	}

	.insideText {
		max-width: 100%;
	}
}

@media (min-width: 0) and (max-width: 679px) {


	.version {
		color: #000000;
	}

	#userLoggedIn {
		display: none;
	}
}

@media (min-width: 0) and (max-width: 979px) {
	#connectedAsBloc {
		display: none;
	}

	#connectedAsBtn {
		display: block;
	}

	#logo-group > span {
		width: fit-content !important;
	}

	.btn-header > :first-child > a {
		width: 30px !important;
		height: 30px !important;
	}
}


@media (min-width: 980px) {

	#connectedAsMobile {
		display: none;
	}

	#connectedAsBloc {
		display: block !important;
	}
}