body {
	overflow-anchor: none;
	font-family: "Roboto", sans-serif;
}


a:hover{
	color:var(--bs-primary-text-emphasis);
	/*color:#0d64f0;*/
	/*color:#0d64f0;*/
}


.link {
    color: var(--gray-dark);
    text-decoration: none;
    background-color: transparent;
    cursor:pointer;
    margin:0;
}

.link:hover {
    color: var(--primary);
    text-decoration: none;
    background-color: transparent;
    cursor:pointer;
    margin:0;
}

button > svg{
	display:block;
	margin:auto;
}

.closebutton {
	position:absolute;
	top:5px;
	right:15px;
}	

.tooltip-inner {
      background-color: #fff; 
      color: #000;
      border: 1px solid #000;
  }

.row-title{
	border-bottom:solid 2px;
}

.form-hidden{
	background: transparent !important;
	border: none !important;
}
.form-hidden + .select2-container{
	background: transparent !important;
	border: none !important;
}

.hidden{
	/*display:none !important;*/
	visibility: hidden;
	height: 0px ! important;
	width: 0px ! important;
	transition: visibility 0.2s linear, height 0.2s linear, width 0.2s linear;
}

.de-hidden{
	/*display:none !important;*/
	visibility: inherit;
	height: inherit;
	width: inherit;
	transition: visibility 0.2s linear, height 0.2s linear, width 0.2s linear;
}

.form-control-sm2{
	font-size: 0.750rem;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-family: var(--font-family-sans-serif);
}

.collapser:hover{
	cursor:pointer;
	color:var(--bs-blue);
}
/*form-floating-sm*/
	.form-floating-sm > label{
		padding:4px 12px 4px 8px !important;
		height:auto;
		background-color:transparent;
	}

	.form-floating-sm > .form-control{
		font-size: .875rem;
		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
		height: calc(2.5rem + calc(var(--bs-border-width) * 2));
		min-height: calc(2.5rem + calc(var(--bs-border-width) * 2));
		

	}

	.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{
		background-color:transparent;
	}

	.form-floating-sm >.form-control-plaintext:focus, .form-floating-sm>.form-control-plaintext:not(:placeholder-shown), .form-floating-sm>.form-control:focus, .form-floating-sm>.form-control:not(:placeholder-shown){
		padding-top:1.1rem;
		padding-bottom:0.2rem;
	}



/*box shadow*/
.box-shadow-5{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[contenteditable][placeholder]:empty:before {
	content: attr(placeholder);
	color: #bababa;
  }
  
  .highcharts-tooltip span {
	  height:250px;
	  width:250px;
	  background-color:green;
	  overflow:auto;
	  white-space:normal !important;
  }
  
  input[type="color"]{
	  cursor: pointer;
  }

/*Side & TOP BAR*/
	.navbar{
		height:var(--navbar-height);
	}


	.sidebar {
		position: -webkit-sticky;
		position: sticky;
		top: var(--navbar-height);
		z-index: 1000;
		height: calc(100vh - var(--navbar-height));
		overflow-y: auto;
	}

	.topbar {
		position: -webkit-sticky;
		position: sticky;
		top: var(--navbar-height);
		z-index: 1000;
		margin-left:2px;
		margin-right:2px;
		width:auto;
	}

	.topbar .row {
		margin-left:2px !important;
		margin-right:2px !important;
	}


/*Message*/

	#conteneur_msg{
		position:fixed;
		top:0;
		left:0;
		z-index:999999999;
		width:100%;
		max-height:80vh;
		overflow-y:auto;
		background-color:#ffffff;
	}

	#conteneur_msg_bottom{
		position:fixed;
		bottom:0;
		left:0;
		z-index:999999999;
		width:100%;
		max-height:80vh;
		overflow-y:auto;
		background-color:#ffffff;
	}

	.msg{
		position:relative;
		margin-bottom:5px !important;
		margin-top:1px !important;
	}




/*Prevent selection and copy*/
.no-select{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/*INPUT TO SAVE*/

	.input_to_save{
		/*box-shadow: 0 0 10px 0 rgba(194, 8, 8, 0.45) inset !important;*/
		box-shadow: 0 0 10px 0 rgba(8, 194, 8, 0.45) inset !important;
	}
	.input_saved{
		/*box-shadow: 0 0 10px 0 rgba(8, 194, 8, 0.45) inset !important;*/
		box-shadow: 0 0 10px 0 rgba(39, 8, 194, 0.45) inset !important;
	}
	.input_not_saved{
		/*box-shadow: 0 0 10px 0 rgba(8, 194, 8, 0.45) inset !important;*/
		box-shadow: 0 0 10px 0 rgba(194, 8, 8, 0.45) inset !important;
	}

/*TASK PANNEL*/
	.panel input, .panel label, .panel select{
		font-size: 0.7vw;
	}

/*COMBOBOX*/
	.combobox_option:hover {
		background-color: #c4dcff;
		cursor: pointer;
	}


/*SELECT*/
	.input-group > .select2-container {
	    width: auto !important;
	    flex: 1 1 auto !important;
	}

	.input-group > .select2-container .select2-selection--single{
	    height: 100% !important;
	    line-height: inherit !important;
	}


	/*.select2-selection--single{
	    width: 90% !important;
	}*/

	.select2-selection__rendered{
		max-width: 100%;
	}



	.select2-container{
		border: 1px solid #ced4da !important;
		border-radius: .2rem !important;
		font-size: .875rem !important;
		
	}

	.select-floating-label > .select2-container, .select-floating-label > .multiselect-dropdown{
		border: 0px !important;
	}

	.select2-container--below{
		width: 100% !important;
	}

	/*.select2-container--open{
		width: unset !important;
	}*/

	.select2-selection{
		border: 0px !important;
	}

	.multiselect-dropdown{
		width: 100% !important;
	}

	.bootstrap-select button{
		padding: 0px !important;
	}



/*PRINTING*/

		@page orientation-portrait {
			size: portrait;
		}

		@page orientation-landscape {
			size: landscape;
			
		}

		.landscape-page {
			page: orientation-landscape;			
		}
		.page-break{
			break-before: page;
		}
		.portrait-page {
			page: orientation-portrait;
		}


	.printed{display: none;}

	.no_split {
		page-break-inside: avoid !important;
		}



	@media print{
		/*Collapser*/
		.container-fluid.landscape-page {
			/*height: 85vw !important;*/
			width: 108vh !important;
			
		}
		
		.collapser .logo{
			display:none !important;	
		}
		pre {
			border: 0px;
		}

		@page{
			margin-left: 5px;
			margin-right: 5px;
			margin-top: 50px;
			margin-bottom: 50px;
		}

		.dtsp-searchPane{
			display:none;
		}
		/*.select2{
			width:auto;
		}*/
		select.select2-hidden-accessible{
			border: var(--bs-border-width) solid var(--bs-border-color) !important;
			border-radius: .2rem !important;
			position: unset !important;
			width: 100% !important;
			height:fit-content !important;
			-webkit-clip-path: unset !important;
			clip-path: unset !important;
			padding-top: 0.25rem !important;
			padding-bottom: 0.25rem !important;
			padding-left: 0.5rem !important;
			font-size: 0.875rem !important;
			border-radius: var(--bs-border-radius-sm) !important;

		}
		.select2-container{display:none !important;}
		.toolbox{display:none;}
	    .dt-buttons, .dataTables_paginate, .dataTables_length, .dataTables_filter, .dataTables_info{display:none;}
	    .btn{display:none;}
	    tfoot{display:none;}
		/*th{
			background-color:white !important;
			color:black !important;
		}*/
		.sidebar-left,.sidebar-sticky,#sidebar-button,.not-printed{display:none !important;}
		main{margin-left:0px !important;}
		.ml-sm-auto, .mx-sm-auto{margin-left:0px !important;}

		/*.sidebar{

		}*/

		.saut-de-page{
			page-break-after: always;
		}
		.printed{display: unset;}
		.overflow-auto,.dataTables_scrollBody{
			overflow:visible !important;
			height:100% !important;
			max-height:100% !important;
		}

		.transparent{
		    color: white !important;
		}


	}



/*TABS */

 .tabs {
	display: flex;
	flex-wrap: wrap; /* make sure it wraps */
}
.tabs .tabs_label {
	order: 1; /* Put the labels first */
	display: block;
	font-size:75%;
	padding: 0.2rem 0.5rem;
	margin-right: 0.1rem;
	cursor: pointer;
  background:  #fff;
  font-weight: bold;
  transition: background ease 0.2s;
}
.tabs .tabs_label:hover {
	background:  #aad6fa;
}
.tabs .tab {
  order: 99; /* Put the tabs last */
  flex-grow: 1;
	width: 100%;
	display: none;
  padding: 1rem;
  background: #fff;
}
.tabs_input {
	display: none;
}
.tabs_input:checked + .tabs_label {
	background: #90CAF9;
}
.tabs_input:checked + .tabs_label + .tab {
	display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs .tabs_label {
    order: initial;
  }
  .tabs .tabs_label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}


td.datatable-highlight {
    background-color: rgba(150, 147, 147, 0.596) !important;
}

.form-select-xs {
    padding-top: 0.10rem;
    padding-bottom: 0.10rem;
    padding-left: 0.18rem;
    font-size: .750rem;
}


/*SHAKE*/
.shake {
  animation: shake-animation 6.00s ease infinite;
  transform-origin: 50% 50%;
}
@keyframes shake-animation {
	0% { transform:translate(0,0); transform:rotate(5deg)}
   1.78571% { transform:translate(5px,0); transform:rotate(-5deg) }
   3.57143% { transform:translate(0,0); transform:rotate(5deg)  }
   5.35714% { transform:translate(5px,0); transform:rotate(-5deg)  }
   7.14286% { transform:translate(0,0); transform:rotate(5deg)  }
   8.92857% { transform:translate(5px,0); transform:rotate(-5deg)  }
   10.71429% { transform:translate(0,0); transform:rotate(5deg)  }
   100% { transform:translate(0,0); }
 }