

/*!
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */
 
 
 /*! 
  * GESTION DES SUPPERPOSITIONS : Z-INDEX
  * ============================================================*/
	
 /* fuck */
	* {
		-webkit-text-size-adjust:none;
		 -ms-text-size-adjust:none;
		 -moz-text-size-adjust:none;
		 text-size-adjust:none;
	}
	*, :before, :after, *::before, *::after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
	}
	

	
	@font-face {
		font-family: "Chrono";
		src: url('../webfonts/fonts-text/ChronoWeb_woff/ChronoWebRegular.woff') format('woff');
		font-weight: 400;
		font-style: normal;
	}
	
	body {
		font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 1rem;
		/*
		 font-size: 1rem;
		 
		 line-height: 1.5;
		 -webkit-text-size-adjust: 100%;
		 color: var(--informatizer-gray-700);
		 background-color: var(--informatizer-white);
		 margin: 0;
		 */
	}
	/*
	height: auto; // Change height à auto
	min-height: 100vh; // Forcer la hauteur pour éviter la coupure
	overflow-y: auto; // Permet toujours le scroll
	-webkit-overflow-scrolling: touch; // Scroll fluide sur mobile
	overscroll-behavior: contain; // Empêche les sauts
	touch-action: manipulation; // Priorise les gestes de scroll
	*/
	
	
	/*! ============================================================*
	 * fix font awesome icons
 	 * fuck old css keenicons
	 * ============================================================*/
	
	.fa-brands, .fab {
		font-family: "Font Awesome 6 Brands";
		font-family: 'FontAwesome';
	}
	
	/*! ============================================================*
	 * fix bootstrap icons ?
	 * ============================================================*/
	
	/* dropdown icon after
	---------------------------*/
	.dropdown-toggle::after, 
	.accordion.accordion-rev-icon .dropdown-toggle.accordion-button:before, .accordion.accordion-reversed .dropdown-toggle.accordion-button:before, .dropdown-toggle::after {
		all: unset;
		content: "";
		display: inline-block;
		margin-left: .255em;
		vertical-align: .255em;
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
	}
	
	/* 
	---------------------------*/
	
	.bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
		line-height: inherit;
		vertical-align: bottom;
	} 
	
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
			--bs-gutter-x: 1rem;
			--bs-gutter-y: 0;
			width: 100%;
			padding-right: calc(var(--bs-gutter-x));
			padding-left: calc(var(--bs-gutter-x));
			margin-right: auto;
			margin-left: auto;
	}
	
	.row {
		--bs-gutter-x: 1rem;
		--bs-gutter-y: 0;
		margin-top: calc( 0 * var(--bs-gutter-y) );
		margin-right: calc( 0 * var(--bs-gutter-x) );
		margin-left: calc( 0 * var(--bs-gutter-x) )
	}
	.row>* {
		/*
		padding-right: calc( 0 * var(--bs-gutter-x) );
		padding-left: calc( 0 * var(--bs-gutter-x) );
		margin-top: calc( 0 * var(--bs-gutter-y) );
		*/
	}
	/*
	.row {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: calc(-1 * var(--bs-gutter-y));
		margin-right: calc(-.5 * var(--bs-gutter-x));
		margin-left: calc(-.5 * var(--bs-gutter-x))
	}
	
	.row>* {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-top: var(--bs-gutter-y)
	}
	*/
	
	/*
	.btn, .btn-group-lg>.btn, .btn-lg {
		border-radius: 0.5rem;
	}
	*/
	
	/* class absentes ?
	---------------------------*/
	.text-white    { color: var(--bs-white) !important; }
	.text-dark     { color: var(--bs-dark) !important; }
	.text-muted    { color: var(--bs-muted) !important; }
	.text-primary  { color: var(--bs-primary) !important; }
	.text-secondary{ color: var(--bs-secondary) !important; }
	.text-success  { color: var(--bs-success) !important; }
	.text-danger   { color: var(--bs-danger) !important; }
	.text-warning  { color: var(--bs-warning) !important; }
	.text-info     { color: var(--bs-info) !important; }
	/* 📲 ≥ sm (576px)
	---------------------------*/
	@media (min-width: 576px) {
		.text-sm-white    { color: var(--bs-white) !important; }
		.text-sm-dark     { color: var(--bs-dark) !important; }
		.text-sm-muted    { color: var(--bs-muted) !important; }
	}
	/* 📲 ≥ md (768px)
	---------------------------*/
	@media (min-width: 768px) {
		.text-md-white    { color: var(--bs-white) !important; }
		.text-md-dark     { color: var(--bs-dark) !important; }
		.text-md-muted    { color: var(--bs-muted) !important; }
		.text-md-left {text-align: left !important;}
	}
	/* 💻 ≥ lg (992px)
	---------------------------*/
	@media (min-width: 992px) {
		.text-lg-white    { color: var(--bs-white) !important; }
		.text-lg-dark     { color: var(--bs-dark) !important; }
		.text-lg-muted    { color: var(--bs-muted) !important; }
	}
	/* 🖥 ≥ xl (1200px)
	---------------------------*/
	@media (min-width: 1200px) {
		.text-xl-white    { color: var(--bs-white) !important; }
		.text-xl-dark     { color: var(--bs-dark) !important; }
	}
	/* 🖥 ≥ xxl (1400px)
	---------------------------*/
	@media (min-width: 1400px) {
		.text-xxl-white   { color: var(--bs-white) !important; }
		.text-xxl-dark    { color: var(--bs-dark) !important; }
	}
	
	
	/* fix expodash collision
	---------------------------*/
	.card, .card-body, .card-title, .card-text, .form-label, .table>:not(caption)>*>* {
		/*
		color: rgb(108, 117, 125);
		color:rgb(73, 80, 87);
		*/
		color: inherit;
	}
	
	
	@media (max-width: 575.98px) {
		.col-sm-divider>* {
			padding-top: 1rem;
			padding-bottom: 1rem;
		}
	}
	
 /*! ============================================================*
	* @media Media Query
	* ============================================================*/
	
 
 @media (max-width:992px) {
	
 }
 
 @media (min-width: 768px) {
	 
 }


/*! ============================================================*
 * HTMX
 * ============================================================*/
 
 .htmx-indicator{
		 display:none;
 }
 .htmx-request .htmx-indicator {
		 display:inline;
 }
 .htmx-request.htmx-indicator {
		 display:inline;
 }
 
 
 /* HTMX TABLE FORM BTN */
	.kms-htmxIndicator .htmx-indicator {
		display: none;
	}
	.htmx-request .kms-htmxIndicator-tableExport-submit {
		display: none;
	}
	
/* htmx */

		.hxIndicator .htmx-indicator {
			display: none;
		}
		.htmx-request .tableAdd_submit {
			display: none;
		}
		
		/* htmx */
		
		
			.kms-htmxLoader {
				display: none;
			}
			.htmx-request .kms-htmxLoader {
				display: inline-block;
			}
			.htmx-request .kms-htmxLoading {
				display: none;
			}
			
			#page_main {
				transition: all ease-in 1s ; /*linear*/
			}

