/* Custom CSS for ultra-compact table rows with text color and hover effect */

.modal-header{
	background-color:#016064;
	color:#fff
}
table.dataTable tbody th,
table.dataTable tbody td {
    padding: 0.1rem 0.2rem; /* Reduce padding */
    margin: 0; /* Remove margin */
    color: #707070; /* Change text color to a certain gray */
	font-size: 0.8rem; /* Reduce font size */
}

table.dataTable tbody tr:hover td { /* Define hover property for table rows */
    background-color: #c0c0c0; /* Change background color on hover */
	color: #000; /* Change text color to a certain gray */
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 0.2rem; /* Adjust header padding */
    margin: 0; /* Remove header margin */
    color: #808080; /* Change text color to a certain gray */
	
}

table.dataTable.no-footer {
    border-bottom: 0.5px solid #dee2e6; /* Slim border at the bottom of the table */
    margin-bottom: 0; /* Remove bottom margin */
}

/* Custom CSS for ultra-compact table rows outside of DataTable */
.other-table tbody th,
.other-table tbody td {
    padding: 0.1rem 0.2rem; /* Reduce padding */
    margin: 0; /* Remove margin */
    color: #707070; /* Change text color to a certain gray */
    font-size: 0.9rem; /* Reduce font size */
    line-height: 1rem; /* Reduce line height */
}

.other-table tbody tr { /* Reduce height of table rows */
    height: 1.5rem; /* Adjust the height as needed */
}

/* Define hover property for table rows */
.other-table tbody tr:hover td {
    background-color: #f2f2f2; /* Change background color on hover */
}


.badge{
	font-size:1em;
	width:100%;
	padding:10px;
	padding-top:10px;
	margin-top:0px;
	text-align:left;
}
.data-table{
	margin:10px;
	
}
.disabled-icon{
	color:#ccc;
}
.lib-menu{
	color:gray;
	font-size:1em;
	padding:0px;
	text-align:left;
	font-weight:100;
}
.bi{
	margin:10px;
}
.report-control:hover{
	color:#20a9f1;
	cursor:pointer;
	transform: scale(1.12);
}

.badge{
	font-size:1em;
	width:100%;
	padding:10px;
	padding-top:10px;
	margin-top:0px;
	text-align:left;
}
.data-table{
	margin:10px;
	
}
.lib-menu{
	color:gray;
	font-size:1em;
	padding:0px;
	text-align:left;
	font-weight:100;
}
.bi{
	margin:10px;
}
.title-selected-client{
	font-size:1.2em;
	padding-left:15px;
	font-weight:200;
	color:#000;

}
.menu-client-selected span{
	padding:10px;
	margin-bottom:10px;
	color:#db7209;

}
.menu-client-selected span:hover{
	background-color:#eee;
	cursor:pointer;
	font-weight:550;
}
.menu-client-selected .selected-smenu{
	text-decoration: underline solid #db7209 30%;
	font-weight:550;
	background-color:#eee;
	color:black;
}
.table tbody tr:hover{
	cursor:pointer;
	
}
tr:hover {
	background-color: #ccc;
	cursor: pointer;
}
/* Boutons « Retour » : pastille blanche avec flèche, au même style que le tableau de bord */
#retour{
	display:inline-flex;
	align-items:center;
	gap:6px;
	width:auto;
	flex:0 0 auto;
	margin:0 0 4px 12px;
	padding:6px 16px 6px 12px;
	border:1px solid #e2e8f0;
	border-radius:999px;
	background-color:#fff;
	color:#475569;
	font-family:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size:.8rem;
	font-weight:600;
	line-height:1.2;
	box-shadow:0 1px 2px rgba(15, 23, 42, .04), 0 4px 12px rgba(15, 23, 42, .06);
	cursor:pointer;
	user-select:none;
	transition:background-color .2s, color .2s, border-color .2s, box-shadow .2s;
}
/* l'ancienne image de flèche est remplacée par une flèche dessinée, qui prend la couleur du texte */
#retour img{
	display:none;
}
#retour::before{
	content:"";
	width:16px;
	height:16px;
	background-color:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
	transition:transform .25s cubic-bezier(.22, 1, .36, 1);
}
#retour:hover{
	background-color:#016064;
	border-color:#016064;
	color:#fff;
	box-shadow:0 2px 4px rgba(15, 23, 42, .06), 0 8px 20px rgba(1, 96, 100, .25);
}
#retour:hover::before{
	transform:translateX(-3px);
}
#retour:active{
	transform:scale(.97);
}
#sous-menu1 .active{
	background-color:#343a40;
	color:white;
}
#sous-menu1{
	margin-left:12px;
}