*::-webkit-scrollbar {	display: none; 	 }		*{font-size: 100% }		.hidden{display: none}		/*Routes*/	.routePage{		display: none;		overflow: auto;		position: relative !important;	}	.routePage.show{		display: block;	}		header i{		font-size: 1.4em !important;	}		.bottom-menu{		position: relative;		display: flex;		justify-content: space-around;	}	.bottom-menu-item{		height: auto;		width: auto;		border-radius: 50%;		background-color: white;		transition: 0.2s all;		display: flex;				font-size: 150%;		justify-content: center;		align-items: center;	}	.bottom-menu-item.active{		height: 50px;		width: 50px;		transform: translateY(-23px);		box-shadow: 0 -7px 15px #00000044;		padding: 2%;		border-top: 1px solid;	}	.carousel-control-prev, .carousel-control-next{		opacity: 0;		transform: 0.7s all;	}	.carousel-control-prev:hover, .carousel-control-next:hover{		opacity: 0.8	}		@keyframes slideIn {		from {bottom: -300px; opacity: 0}		to {bottom: 0; opacity: 1}	}	.btm-modal {		position: fixed;		bottom: 0;		background-color: #fefefe;		width: 100%;		animation-name: slideIn;		animation-duration: 0.4s;		border-top-left-radius: 12px;		border-top-right-radius: 12px;		overflow: hidden;	}	.btm-modal-item{		padding: 5%;		display: block;		width: 100%;		font-size: 127%;		font-weight: 500;	}	.btm-modal-item:hover::after{		content: '>';		font-size: 80%;		font-weight: 800;		float: right;		color: silver;	}		.Fab-col{		position: fixed !important;		right: 5%;		bottom: 5%;		width: 50px;		z-index: 2010;		text-align: center;		opacity: 0.7;	}	.Fab-col:active{		opacity: 1;	}	.Fab-col-left {		left: 5% !important; 	}	.Fab-col > *, .Fab-btns > *{		margin: 7px 0;	}		.round{		border-radius: 50%;	}		.round-pain{		border-radius: 30px !important;	}		table-responsive td, table-responsive th{		border-left:  1px solid silver;		border-right:  1px solid silver;		vertical-align: middle;		/*text-align: center*/	}					.shadow{		box-shadow: 1px 4px 8px rgb(0 0 0 / 20%);	}	.shadow-inset{		/*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) inset !important;*/		box-shadow: 0 0 0.25rem 1px rgba(0,0,0,.075) inset !important	}		.btn:active{box-shadow: none !important }			.shadow-primary{box-shadow: 1px 4px 8px #007bff50 !important;}		.shadow-info{box-shadow: 1px 4px 8px #17a2b850 !important;}		.shadow-success{box-shadow: 1px 4px 8px #15734750 !important;}		.shadow-danger{box-shadow: 1px 4px 8px #b02a3750 !important;}		.shadow-warning{box-shadow: 1px 4px 8px #ffc10750 !important;}		.shadow-secondary{box-shadow: 1px 4px 8px #5c636a50 !important;}		.shadow-dark{box-shadow: 1px 4px 8px #00000050 !important;}		.shadow-light{box-shadow: 1px 4px 8px #5e5e5e50 !important;}	  	.shadow-lightShad{box-shadow: 1px 4px 8px #5e5e5e50 !important}				.no-shadow{		box-shadow: none !important;	}		.opacity-1{ opacity: 0.1; }	.opacity-3{ opacity: 0.3; }	.opacity-5{ opacity: 0.5; }	.opacity-7{ opacity: 0.7; }	.opacity-9{ opacity: 0.9; }	.opacity-10{ opacity: 1; }		.Fab{	position: fixed;		bottom: 7%;		width: 50px;		border-radius: 50%;		box-shadow: 1px 1px 2px black;		z-index: 3		}			.Fab-r{		right: 5%;	 }			.Fab-l{		left: 5%;	 }			.Fab-c{		left: 36%;		border: none !important;		width: auto !important;	}			.text-danger > i:after{		background: red;	 }		.text-warning > i:after{		background: orange;	 }				.blink {	  animation: blinker 1s linear infinite;	 }		@keyframes blinker { 50% {		opacity: 0.1;	   }	 }			.relative{position: relative}		.sticky{		position: sticky !important;		z-index: 999;	}	.fixed{		position: fixed !important;		z-index: 1000;	}	.absolute{		position: absolute !important;		z-index: 1000;	}	.sticky-top, .fixed-top, .absolute-top, .posTop, .posFull{ top: 0; }	.sticky-right, .fixed-right, .absolute-right, .posRight, .posFull{ right: 0; }	.sticky-bottom, .fixed-bottom, .absolute-bottom, .posBottom, .posFull{ bottom: 0; }	.sticky-left, .fixed-left, .absolute-left, .posLeft,  .posFull{ left: 0; }		.routePage .sticky{z-index: 999 !important;}		#screenP{		position: relative !important;		overflow: auto !important;	}	.page_bar_title{		position: sticky !important;		top: 0;		z-index: 4;		box-shadow: 0px 4px 12px #c0c0c05e;		border-radius: 7px;	}		.btn.round{		padding: 0.5rem 1rem;		font-size: 1.25rem;		line-height: 1.5;			}		.pointer{		cursor: pointer;	}		.bg-img{		background-size: cover;		background-repeat: no-repeat;	}	.bg-img > *:not(.bg-img-reduce){		/*position: unset; */		z-index: 2;	}	.bg-img-reduce{		position: absolute;		top: 0; right: 0; bottom: 0; left: 0;	}		.pull-right{		float: right;	}		.pull-left{		float: left;	}		.no-border{		border: none !important;	}		.modal-backdrop.show, .modal-backdrop{z-index: -1}	.modal{background-color: #00000091 ;}	.full-window-modal .modal-dialog {		position: fixed;		width: 100%;		height: 100%;		margin: 0;		max-width: 100%;		left: 0;		top: 0;		bottom: 0;		display: block;		padding: 0 ;	}	.full-window-modal .modal-dialog .modal-content {		height: 100vh;		border: none;		border-radius: 0;		-webkit-border-radius: 0;		-moz-border-radius: 0;	}	.modal .btn.bg-white { font-size: 1em;  transition: all 0.1s;}	.modal .btn.bg-white:hover { border-bottom-color: silver !important;}	.modal .btn.bg-white.text-primary:hover { border-bottom-color: blue !important;}	.modal .btn.bg-white.text-danger:hover { border-bottom-color: red !important;}	.modal .btn.bg-white.text-success:hover { border-bottom-color: green !important;}	.modal .btn.bg-white.text-warning:hover { border-bottom-color: orange !important;}			.android-textEdit-1{		overflow: hidden;		border-radius: 7px;		padding: 0.5rem;		background-color: white;	}	.android-textEdit-1 .form-group, .android-textEdit-1 .input-group{		margin: 0 ;	}	.android-textEdit-1, .android-textEdit-1 >* >*{		transition: 0.2s all;	}	.android-textEdit-1  .input-group{		position: relative;		border-bottom: 0.5px solid #c0c0c01a;	}	.android-textEdit-1 .input-group:has(.form-control:focus){		border-bottom: 0.5px solid var(--theme-color) !important;	}	.android-textEdit-1 .input-group-text{		background-color: transparent !important;		border: none;	}	.android-textEdit-1 .input-group:has(.form-control:focus) .input-group-text{		color: var(--theme-color) !important;	}	.android-textEdit-1 label{		position: absolute;		margin-left: 3%;		margin-bottom: unset ;		top: 0.5em;		z-index: -1;	}	.android-textEdit-1  .input-group .form-control:focus + label, .android-textEdit-1 .input-group .form-control:not(:placeholder-shown) + label{		top: unset;		margin-left: 0;		margin-top: -0.7em;		font-size: 80%;		color: var(--theme-color) !important;		z-index: 5;		padding: 0 1%;		background: white;		box-shadow: 0 0 5px #c0c0c021;	}	.android-textEdit-1 .input-group .form-control{		border: none !important;	}		.android-textEdit-1 .input-group .form-control:focus::placeholder{		color: transparent !important;		transition: 0.5s all;	}	.android-textEdit-1 .input-group .form-control:disabled, .android-textEdit-1 .input-group .form-control[readonly]{		background-color: white !important;	}	.square-3{ width: 3px !important; height: 3px !important; }	.square-7{ width: 7px !important; height: 7px !important; }	.square-15{ width: 15px !important; height: 15px !important; }	.square-20{ width: 20px !important; height: 20px !important; }	.square-25{ width: 25px !important; height: 25px !important; }	.square-30{ width: 30px !important; height: 30px !important; }	.square-40{ width: 40px !important; height: 40px !important; }	.square-50{ width: 50px !important; height: 50px !important; }	.square-75{ width: 75px !important; height: 75px !important; }	.square-100{ width: 100px !important; height: 100px !important; }	.square-200{ width: 200px !important; height: 200px !important; }		/*snackbar*/	.snackbar {		z-index: 2001;		color: white;		font-weight: 700;		transition: all 0.5s;				visibility: hidden; 		opacity: 0;		transform: rotateX(90deg);	}	.snackbar.show {		visibility: visible; 		opacity: 1;		transform: rotateX(0deg);	}		/*search Zone*/	#searchZone .form-group{ margin: 0; }	.searchZone {		height: 0;		transition: all 0.5s;				visibility: hidden; 		opacity: 0;		transform: rotateX(90deg);	}	.searchZone.show {		height: unset;		visibility: visible; 		opacity: 1;		transform: rotateX(0deg);	}			/*linearLoading*/	.sub-linear-loading {		position: relative;		width: 100%;		height: 100%;	}	@keyframes linear_loading {		0% { left: -100%; width: 100%; }		100% { left: 100%; width: 10%; }	}	.sub-linear-loading:before {		content: '';		position: absolute;		height: 100%;		background-color: #03A9F4;		animation: linear_loading 1.5s infinite ease-out;	}	.linear-loading {		overflow: hidden;		height: 4px;		width: 100% !important;		background-color: #B3E5FC;	}		/*loading */	#loadingBg{		width: 100vw;		height: 100vh;				background-color: white;		position: fixed;		left: 0;		top: 0;		z-index: 1051;		overflow: hidden;		transform: rotateY(90deg);		overflow: hidden;		transition: all 0.2s;		display: flex;		justify-content: center;		align-items: center;		opacity: 0.5;	}	#loadingBg.show{		transform: rotateY(0deg);	}	#progressContainer{		height: 5px;		width: 100%;		background: transparent;		z-index: 2001;		position: fixed;		top: 0	}	#progress{transition: width 1s}	label.composed input[type=checkbox]{display: none}	label.composed:has(input[type=checkbox]){		border: 1px solid rgba(var(--theme-c1), var(--theme-c2), var(--theme-c3), 0.1);		/* width: 100%; */		text-align: center;		border-radius: 7px;		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);		transition: 0.2s all;	}	label.composed:has(input[type=checkbox]:checked){		background: rgba(var(--theme-c1), var(--theme-c2), var(--theme-c3), 0.1);		color: #000;		box-shadow: none;	}	label.composed input[type=radio]{display: none}	label.composed:has(input[type=radio]){		border: 1px solid rgba(var(--theme-c1), var(--theme-c2), var(--theme-c3), 0.1);		/* width: 100%; */		text-align: center;		border-radius: 7px;		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);		transition: 0.2s all;	}	label.composed:has(input[type=radio]:checked){		background: rgba(var(--theme-c1), var(--theme-c2), var(--theme-c3), 0.1);		color: #000;		box-shadow: none;	}		.dropdown-item{		display: flex !important;		align-items: center;		cursor: pointer;	}		.d-grid{display: grid !important; }	@media (min-width: 768px){		.d-md-grid { display: grid!important; }		.d-md-block { display: block!important; }		.w-md-50{width: 50% !important}	}		table:has(.noDataContainer) thead{display: none !important; margin: 0}	.noDataContainer{margin: 0}		.invColor{filter: invert(100%);}		.hover-bg-color:hover {background-color: attr(bg-color)}		.border-y{border-top: 1px solid; border-bottom: 1px solid;}	.border-x{border-left: 1px solid; border-right: 1px solid;}		.cut_string { 	  text-overflow: ellipsis;	  overflow: hidden; 	  white-space: nowrap;	}		@media print {		body * {                visibility: hidden;            }            #printable-content, #printable-content * {                visibility: visible;            }            #printable-content {                position: absolute;                left: 0;                top: 0;            }		/* Cache les éléments avec la classe .no-print */		.no-print {			display: none !important;		}	}