/* Fixes thèmes */
.scroll-sidebar {
	height: calc(100% - 30px);
}

/* titres */
h3{
	margin-bottom: 1rem;
}

/* flash msgs */
.flashMsgs ul {
	list-style: none;
}

/* siderbar */
.sidebar-nav > ul > li > a.active {
	background: none;
}

/* clockpicker */
.popover {
	z-index: 2000;
}

/* calendar fixes */
.fc-day {
	background-color: none;
	background: none;
}

.modal-footer {
	position: relative;
}

/* icône poubelle */
.mdi-delete-forever {
	color: #f00000;
}

.deleteColor{
	color: #f00000;
}

/* fix select2 */
.select2 {
	width: 100% !important;
}

.list-group-item.suspendu {
	color: #DD0000;
}

/* modal */
.modal-xlg {
	max-width: 1000px;
}

.animauxFiltres label, .detailAnimal label{
	font-size: 14px;
	font-weight: normal;
}

/* datatable */
.dataTable{
	font-size: 0.9rem;
}

.dataTables_length{
	margin-right: 15px;
}


.deleteBtn{
	color: #B00;
}

.hideIfEmpty:empty{
	display: none;
}

.policeNoire{
	color: #444;
}


/* corrections css formulaires */
.bootstrap-select .dropdown-menu li.active a {
	color: #FFF;
}

.bootstrap-select .dropdown-menu li.active a:hover, .bootstrap-select .dropdown-menu li.active a:focus {
	color: #398bf7;
}

.paddingLeftRadio{
	padding-left: 27px;
}

/* templates Mustache */
.template{
	display: none;
}


/* faire en sorte que les options disabled du select2 soient cachées */
.select2-container--default .select2-results__option[aria-disabled=true] {
	display: none;
}

/* mise en gris plus clair des placeholders */
input::placeholder, textarea::placeholder{
	color: #AAA !important;
}

.ajaxLoader{
	display: none;
	width: 40px;
}

/* CALENDAR */
.fc-event{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.fc-content{
	text-align: center !important;
}

.fc-title{
	position: static !important;
}

.fc .fc-widget-content{
	padding: 10px 0;
}

.fc-view{
	background: white;
	padding: 10px;
}

.adminListeElement:first-child .moveUp{
	display: none;
}

.adminListeElement:last-child .moveDown{
	display: none;
}

.adminListeElement td:first-child, .adminListeElement.ordonnable td:nth-child(2){
	text-align: center;
}


.list-group-item-firstChild {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.list-group-item-lastChild{
	margin-bottom: 0;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
}


/**
 * Tooltip/popup events planning
 */
.eventTooltip_detail{
	font-size: 85%;
	text-align: left;
	color: #ccc;
}

.modalDetailEvent_title{
	font-weight: bold;
}

.modalDetailEvent_heure_wrapper{
	font-size: 80%;
	font-style: italic;
	margin-top: 5px;
}

.formEvent_detailClicField{
	height: 200px;
}


/* Les placeholders */
::-webkit-input-placeholder {
	font-style: italic;
}
:-moz-placeholder {
	font-style: italic;
}
::-moz-placeholder {
	font-style: italic;
}
:-ms-input-placeholder {
	font-style: italic;
}


.onlyPrint{
	display: none;
}


/* Boutons */
.btn-enfonce{
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.5) !important;
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.5) !important;
	box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.5) !important;
	color: #222 !important;
}


.inputCustom:not([type=checkbox]){
	width: 55px !important;
}

.inputCustom::placeholder{
	font-size: 0.88em;
}

.dtr-data .inputCustom:not([type=checkbox]){
	width: 280px !important; /* rendre plus larges les champs lorsqu'il sont affichés un par ligne */
}

.nostyle[type="checkbox"]:not(:checked), .nostyle[type="checkbox"]:checked {
	position: initial;
	left: auto;
	opacity: 1;
}

.inputCustom.modified{
	border-color: #F90;
}

.inputCustom.invalid, .inputCustom:invalid{
	border-color: #FD5C5C;
	box-shadow: none;
}

.carre-couleur{
	height: 10px;
	width: 10px;
	background-color: #FFF;
}

.tableCell-checkboxOnly{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.tableCell-checkboxOnly label{
	margin: 0;
}

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

.monthpicker{
	width: 80px;
}

.flexLigneAvecEcart{
	display: flex;
	justify-content: space-between;
}

.navbar-collapse {
	height: 70px;
	position: relative;
}

.dark-logo{
	height: 55px;
	visibility: visible !important;
}

.logoText_wrapper{
	padding-left: 10px;
}

ul.noPuce{
	margin-left: 0;
	list-style: none;
}

body .colorpicker{
	border: 1px solid #7A7A7A;
	border-radius: 0;
	width: 130px;
	min-width: 0;
}

.colorpicker_indicateur{
	margin-left: 3px;
	display: inline-block;
	border-width: 16px;
	border-style: solid;
}

.colorpicker_wrapper{
	display: flex;
}

.pagination{
	justify-content: center;
}

.topbar .top-navbar .navbar-header {
	padding-left: 0;
}

.navbar-header {
	text-align: center;
}

/* STYLE SPECIFIQUE */

/*********************************
			 FONTS
*********************************/
@import url("https://use.typekit.net/mgv8qjl.css");
@font-face {
	font-family: 'Lora';
	src: url('/design/fonts/Lora-Regular.eot');
	src: url('/design/fonts/Lora-Regular.eot?#iefix') format('embedded-opentype'),
	url('/design/fonts/Lora-Regular.woff2') format('woff2'),
	url('/design/fonts/Lora-Regular.woff') format('woff'),
	url('/design/fonts/Lora-Regular.ttf') format('truetype'),
	url('/design/fonts/Lora-Regular.svg#Lora-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lora';
	src: url('/design/fonts/Lora-Medium.eot');
	src: url('/design/fonts/Lora-Medium.eot?#iefix') format('embedded-opentype'),
	url('/design/fonts/Lora-Medium.woff2') format('woff2'),
	url('/design/fonts/Lora-Medium.woff') format('woff'),
	url('/design/fonts/Lora-Medium.ttf') format('truetype'),
	url('/design/fonts/Lora-Medium.svg#Lora-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lora';
	src: url('/design/fonts/Lora-Italic.eot');
	src: url('/design/fonts/Lora-Italic.eot?#iefix') format('embedded-opentype'),
	url('/design/fonts/Lora-Italic.woff2') format('woff2'),
	url('/design/fonts/Lora-Italic.woff') format('woff'),
	url('/design/fonts/Lora-Italic.ttf') format('truetype'),
	url('/design/fonts/Lora-Italic.svg#Lora-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Lora';
	src: url('/design/fonts/Lora-Bold.eot');
	src: url('/design/fonts/Lora-Bold.eot?#iefix') format('embedded-opentype'),
	url('/design/fonts/Lora-Bold.woff2') format('woff2'),
	url('/design/fonts/Lora-Bold.woff') format('woff'),
	url('/design/fonts/Lora-Bold.ttf') format('truetype'),
	url('/design/fonts/Lora-Bold.svg#Lora-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lora';
	src: url('/design/fonts/Lora-SemiBold.eot');
	src: url('/design/fonts/Lora-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('/design/fonts/Lora-SemiBold.woff2') format('woff2'),
	url('/design/fonts/Lora-SemiBold.woff') format('woff'),
	url('/design/fonts/Lora-SemiBold.ttf') format('truetype'),
	url('/design/fonts/Lora-SemiBold.svg#Lora-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/*********************************
		CLASSES GLOBALES
*********************************/

:root {
	/******	  DEFAULT CONTENT STRUCTURE	******/
	--center: auto;

	/******	  COULEURS	******/
	--color-text: hsla(0,0%,0%,1);
	--color-primary: #F5F375;
	--color-secondary: #3A71D3;
	--color-mention: #EFF0F1;
	--color-purple: #32273B;
	--color-blue-background : #EBF2FA;
	--color-white: #fff;

	/******	  FONT WEIGHT	******/
	--font-thin: 100;
	--font-light: 300;
	--font-regular: 400;
	--font-medium: 500;
	--font-semi-bold: 600;
	--font-bold: 700;

	/******	  FONT AND TYPOGRAPHY	******/
	--body-font: "aileron", sans-serif;
	--normal-font-size: 1rem;
	--title-font: "Lora", serif;
}

body {
	font-family: var(--body-font) !important;
	font-weight: var(--font-light) !important;
	color: var(--color-text) !important;
}

body .text-themecolor {
	color: unset !important;
}

body .h1, body .h2, body .h3, body .h4, body .h5, body .h6,
body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: var(--title-font);
	font-weight: var(--font-regular);
	color: var(--color-text) !important;
}

body .page-wrapper,
body .page-titles {
	background: #f9f9f9;
}

a:hover {
	color: unset;
}

body .card-body {
	padding: 2.5rem;
}

/******	  CTA GENERAL	******/
.btn_cta_general{
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 20px 40px;
	background-color:var(--color-primary);
	font-size: 1rem;
	font-weight: var(--font-semi-bold);
	color: var(--color-text);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	cursor: pointer;
	text-align: center;
	width: fit-content;
	border: none;
	font-family: var(--body-font);
}
.btn_cta_general a,
.btn_cta_general p,
.btn_cta_general span {
	color: var(--color-text);
	text-decoration: none;
}
.btn_cta_general a:hover{
	text-decoration: none;
}
.btn_cta_general:hover{
	background-color: rgba(245, 243, 117, 0.8);
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	text-decoration: none;
	border: none;
}
.btn_cta_general:hover a {
	text-decoration: none;
}
.btn_cta_center {
	margin: var(--center);
}
.btn_cta_general_min {
	padding: 10px 30px;
}


/******	  CTA SECONDARY	******/
.btn_cta_secondary {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 20px 40px;
	background-color: #F9F9F9;
	font-size: 1rem;
	font-weight: var(--font-semi-bold);
	color: var(--color-text);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	cursor: pointer;
	text-align: center;
	width: fit-content;
	border: none;
	font-family: var(--body-font);
}
.btn_cta_secondary a,
.btn_cta_secondary p,
.btn_cta_secondary span {
	color: var(--color-text);
	text-decoration: none;
}
.btn_cta_secondary a:hover{
	text-decoration: none;
}
.btn_cta_secondary:hover{
	background-color: rgb(227, 227, 227);
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	text-decoration: none;
	border: none;
}
.btn_cta_secondary:hover a {
	text-decoration: none;
}
.btn_cta_secondary_min {
	padding: 10px 30px;
}
.dropify {
	font-family: var(--body-font);
}

/******	  CTA BLUE	******/
.btn_cta_blue {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 20px 40px;
	background-color: var(--color-secondary);
	font-size: 1rem;
	font-weight: var(--font-semi-bold);
	color: var(--color-white);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	cursor: pointer;
	text-align: center;
	width: fit-content;
	border: none;
	font-family: var(--body-font);
}
.btn_cta_blue a,
.btn_cta_blue p,
.btn_cta_blue span {
	color: var(--color-white);
	text-decoration: none;
}
.btn_cta_blue a:hover{
	text-decoration: none;
	color: var(--color-white);
}
.btn_cta_blue:hover{
	background-color: rgba(58, 113, 211, 0.8);
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	text-decoration: none;
	border: none;
	color: var(--color-white);
}
.btn_cta_blue:hover a {
	text-decoration: none;
}
.btn_cta_blue_min {
	padding: 10px 30px;
}


/******	  INPUT / ALERT		******/
body .alert {
	border-radius: unset;
}
body .form-material .form-control,
body .form-material .form-control.focus,
body .form-material .form-control:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-secondary)), to(var(--color-secondary))), -webkit-gradient(linear, left top, left bottom, from(#e9edf2), to(#e9edf2));
	background-image: -webkit-linear-gradient(var(--color-secondary), var(--color-secondary)), -webkit-linear-gradient(#e9edf2, #e9edf2);
	background-image: -o-linear-gradient(var(--color-secondary), var(--color-secondary)), -o-linear-gradient(#e9edf2, #e9edf2);
	background-image: linear-gradient(var(--color-secondary), var(--color-secondary)), linear-gradient(#e9edf2, #e9edf2);
}
[type="checkbox"]:checked.chk-col-light-blue + label:before,
[type="checkbox"]:checked.chk-col-cyan + label:before{
	border-right: 2px solid var(--color-secondary);
	border-bottom: 2px solid var(--color-secondary);
}
[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after,
[type="checkbox"].filled-in:checked.chk-col-cyan + label:after{
	border: 2px solid var(--color-secondary);
	background-color: var(--color-secondary);
}
body .label-custom {
	font-weight: var(--font-semi-bold);
	background: unset;
}
body .form-control {
	padding: 1.125rem 1.875rem;
	border-radius: unset;
}
html body .custom-select {
	border: 1px solid rgba(0, 0, 0, 0.5) !important;
	border-radius: unset;
	color: rgba(0, 0, 0, 0.5);
}
input[type="checkbox"] {
	accent-color: var(--color-secondary);
}



/******	  PRELOADER	******/
body .loader__figure {
	border: 0 solid var(--color-secondary);
}
body .loader__label {
	color: var(--color-secondary);
}


/*********************************
		  CONNEXION
*********************************/
body .login-sidebar {
	min-height: 100vh;
	background-size: cover;
}
body .login-sidebar .login-box {
	right: unset;
	left: 0;
}
body .flashMsgs {
	margin-top: 20px;
}

/*********************************
		  	SIDEBAR
*********************************/
body .left-sidebar,
body .topbar .navbar-header,
body .sidebar-nav {
	background: var(--color-purple);
}
.fix-header .topbar {
	box-shadow: none;
}
body .navbar-collapse-light {
	background: var(--color-white);
}
body .ti-menu {
	color: var(--color-text);
}
body .sidebar-nav ul li a {
	color: rgba(255, 255, 255, 0.5);
}
body .sidebar-nav ul li.nav-devider {
	background: rgba(255, 255, 255, 0.2);
}
body .sidebar-nav ul li.nav-devider:first-of-type {
	margin: 0 0 15px;
}
body .sidebar-nav .has-arrow::after {
	border-color: rgba(255, 255, 255, 0.5);
}
body .sidebar-nav ul li a.active,
body .sidebar-nav ul li a:hover {
	color: var(--color-primary);
}
body .sidebar-nav > ul > li.active > a {
	color: var(--color-primary);
}
body .sidebar-nav .active > .has-arrow::after,
body .sidebar-nav li > .has-arrow.active::after,
body .sidebar-nav .has-arrow[aria-expanded="true"]::after {
	border-color: var(--color-primary);
}
body .sidebar-nav .active > .has-arrow::after,
body .sidebar-nav li > .has-arrow:hover::after,
body .sidebar-nav .has-arrow[aria-expanded="true"]::after {
	border-color: var(--color-primary);
}
body .sidebar-nav > ul > li.active > a i {
	color: var(--color-primary);
}
body .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
	color: var(--color-primary);
}
body .sidebar-nav > ul > li > a {
	display: flex;
	align-items: center;
	gap: 15px;
}

/*********************************
		  TABLEAU DE BORD
*********************************/
body .lstick {
	background: var(--color-secondary);
	margin-left: -2.5rem;
}
body .d-flex {
	align-items: center;
	gap: 15px;
}
html body .d-flex-title {
	margin-bottom: 0;
}
body .table-custom {
	margin-top: 20px;
}
body .table-heading th {
	font-weight: var(--font-semi-bold);
	color: var(--color-secondary);
	font-size: 1rem;
}
body .table-heading td,
body .table-heading  th {
	border-top: unset;
}
body .table thead th {
	border-bottom: 2px solid var(--color-secondary);
}
body .paging_simple_numbers .pagination .paginate_button.active a,
body .paging_simple_numbers .pagination .paginate_button:hover a {
	background: var(--color-secondary);
}
body .paging_simple_numbers .pagination .paginate_button.active a,
body .paging_simple_numbers .pagination .paginate_button:hover a {
	background: var(--color-secondary);
}
body .btn_edit {
	height: 48px;
	width: 48px;
	min-height: 48px;
	min-width: 48px;
	background: var(--color-secondary);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-white);
	cursor: pointer;
}
body .btn_edit:hover {
	border: none;
	background: rgba(58, 113, 211, 0.8);
}
body .btn_delete {
	height: 48px;
	width: 48px;
	min-height: 48px;
	min-width: 48px;
	background: #f9f9f9;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-text);
	cursor: pointer;
}
body .btn_delete:hover {
	background-color: rgb(227, 227, 227);
}
body .btns_flex {
	display: flex;
	align-items: center;
	gap: 8px;
}
body .btn-pdf {
	border: none;
	display: flex;
	align-items: center;
	color: var(--color-secondary);
	cursor: pointer;
	font-weight: var(--font-medium);
	gap: 8px;
	font-size: 1rem;
}
body .btn-pdf:hover {
	color: rgba(58, 113, 211, 0.8);
}
.table td,
.table th {
	vertical-align: middle;
	font-size: 1rem;
}
body .modal-header {
	border-bottom: unset;
}
body .modal-body {
	padding: 1rem 4.375rem;
}
body .modal-title-wrap {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem 4.375rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
body .modal-footer {
	border-top: unset;
	padding: 1rem 4.375rem 4.375rem;
	justify-content: space-between;
	gap: 15px;
}
.wavy-underline {
	text-decoration: none;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='10' viewBox='0 0 40 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5 Q5 0 10 5 T20 5 T30 5 T40 5' stroke='%23F5F375FF' stroke-width='5' fill='none'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-size: 40px 10px;
	padding-bottom: 6px; /* espace pour la vague */
}
.card-cta {
	margin-top: 50px;
}


/*********************************
		 EDITION D'UN QCM
*********************************/
/**** HEADING ****/
.btn_retour {
	color: var(--color-text);
	border-bottom: 1px solid var(--color-text);
	padding-bottom: 1px;
	transition: all 0.5s ease;
}
.btn_retour:hover {
	padding-bottom: 4px;
	transition: all 0.5s ease;
}
.wavy-title {
	width: fit-content;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.list-reponse .form-check-input {
	position: static !important;
	left: auto !important;
	opacity: 1 !important;
	appearance: auto !important;
	transform: scale(1.5);
}

.ui-state-highlight {
	height: 40px;
	background: rgba(58, 113, 211, 0.05);
	border: 2px dashed var(--color-secondary);
	margin-bottom: 5px;
}
.list-questions__wrapper {
	padding-top: 30px;
}
.btn_addQuestion_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
}
.btn_addQuestion {
	background: none;
	border: none;
	border-bottom: 1px solid var(--color-text);
	transition: all 0.5s ease;
	cursor: pointer;
	border-radius: unset;
	padding: 0 0 1px;
}
.btn_addQuestion:hover {
	padding-bottom: 4px;
	transition: all 0.5s ease;
}
body .btn_addQuestion:focus {
	outline: none;
}
.list-questions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.list-questions,
.list-questions li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.une-question {
	display: flex;
	align-items: center;
	gap: 5px;
}
.une-question > *:not(.form-control) {
	flex-shrink: 0;
}
body .une-question  .form-control {
	padding: 0.7rem 1rem;
	height: 48px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; /* optionnel : ajoute ... à la fin */
	flex: 1 1 auto;   /* il prend l’espace dispo ET il shrink */
	min-width: 0;     /* 🔥 TRÈS IMPORTANT en flexbox */
	cursor: grab;
}
.dragDrop__arrow {
	cursor: grab;
}
body button {
	border-radius: unset !important;
}
body button:focus {
	outline: none;
	border-radius: unset !important;
}
body .qcm-question__title {
	font-size: 1.25rem;
	color: var(--color-secondary) !important;
	font-weight: var(--font-semi-bold);
	font-family: var(--body-font);
	margin: 0;
}
.qcm-question__item {
	padding-bottom: 45px;
}
.qcm-question__item:last-of-type {
	padding-bottom: 0;
}
.qcm-question__info {
	display: block;
	padding-bottom: 20px;
}
.list-reponse {
	margin-bottom: 0;
	padding: 0 0 1rem;
}
.reponse-item__checkbox {
	border: 1px solid #ced4da;
	display: flex;
	position: relative;
	padding: 0.70rem 1.25rem;
	align-items: center;
	justify-content: center;
}
body .list-reponse__item {
	gap: 0;
	width: 100%;
	align-items: stretch;
	margin-bottom: 13px;
}
body .reponse-item__checkbox .form-check-input {
	position: relative;
	margin: 0;
}
.reponse-item__input {
	flex: 1;
}
body .list-reponse__item .btn_delete {
	height: auto;
}
body .form-control:focus {
	box-shadow: unset;
}
.list-reponse__item input[type="checkbox"] {
	accent-color: #00A93E;
}
.list-reponse__item:has(input[type="checkbox"]:checked) .reponse-item__checkbox  {
	border: 1px solid #00A93E;
}
.list-reponse__item:has(input[type="checkbox"]:checked) .reponse-item__input  {
	border: 1px solid #00A93E;
	color: #00A93E;
}
.btns-wrapper {
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
}


/*********************************
	   GESTION UTILISATEURS
*********************************/
.user-data {
	padding: 50px 0;
}
.users-btns {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}
.user-checkbox {
	display: flex;
	flex-wrap: wrap;
}

/*********************************
	   GESTION ABONNEMENTS
*********************************/
body .list-group-item {
	border-radius: unset !important;
}
.list-group-item.active {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}