/*Top and bottom scrollbar*/
/*.large-table-container-3 {
  overflow-x: scroll;
  overflow-y: auto;
}
.large-table-container-3 .table-clients {
}
.large-table-fake-top-scroll-container-3 {
  overflow-x: scroll;
  overflow-y: auto;
}
.large-table-fake-top-scroll-container-3 div {
  font-size: 1px;
  line-height: 1px;
}*/

body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}

.table th { 
	background: #EA7F26EB; 
	color : white;
}

.table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

.table th, .table td {
  text-align: left;
  padding: 8px;
}

.table tr:nth-child(even){
	background-color: #f2f2f2
}
.table-clients tr{
	cursor : pointer;
}
.table tr, .table td{
	border: 1px solid;
	border-color: #8080804d;
}
.client-nom {
  max-width: 200px;
}
.client-societe {
  max-width: 200px;
}
.mt-1{
	margin-top : 1em;
}
.input-search{
	width : 1180px;
	border-radius: 3px;
	border: 1px solid;
	border-color: #80808047;
	height: 25px;
	margin : 3px;
	padding-left : 5px;
}
.label{
	margin : 3px
	
}
.input-search:focus-visible {
	
  	border-color: #EA883682;
}
.input-search:focus {
     outline: none;
}
.flex{
	display : flex;
}
.element-flex{
	
	padding-right: 5px;
}
.select{
	margin-top : 4px;
	background-color: white;
	border-radius: 3px;
	border: 1px solid;
	border-color: #71717147;
	padding: 5px;
	cursor : pointer;
}
.select-inter{
	width : 100%;
}
.select-year{
	width : 200px;
}
.select:focus {
  border-color: #EB8937;
}
.btn{
	background-color : orange;
	color: white;
	border: 1px solid;
	border-radius: 8px;
	padding: 8px;
	font-size: 14px;
	font-weight: unset;
	cursor : pointer;
	margin-top: 17px;
	height: 35px;
}
.btn:hover{
	background-color : #EB8937;
}
.btn-retour{
	color: white !important;
	text-decoration: none !important;
}
.loader {
    width: 80px;
    height: 80px;
    border: 5px solid #292D70;
    border-bottom-color: #FFF;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    display: inline-block; 
   
}

@keyframes rotation {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}
} 
.element-loader{
	vertical-align:middle; 
	display:inline-block; 
	position: absolute;
	top: 40%;
	left: 49%;
	text-align: center;
	 z-index : 1;
}
.display-none{
	display :none;
}

.mb-1{
	margin-bottom : 1px;
}
.date, .temps, .action{
	width: 80px;
}
.temps{
	width: 170px;
}
.action{
	width: 120px;
}
.client-mail{
	word-break: break-all;
}
