/* Custom CSS for ultra-compact table rows with text color and hover effect */
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;
}
#retour{
	background-color:#2596be;
	width:120px;
	margin-left:12px;
}

#retour:hover{
	color:white;
	cursor:pointer;
	transform: scale(1.12);
}
#sous-menu1 .active{
	background-color:#343a40;
	color:white;
}
#sous-menu1{
	margin-left:12px;
}
.badge-status-red,.badge-status-green{
	padding:5px;
	font-size:0.8em;
	font-weight:bold;
	color:white;
	border-radius:8px;
}
.badge-status-red{
	background-color:red;
}
.badge-status-green{
	background-color:green;
}
input[readonly]{
	background-color:#ccc;
}
.dashboard-header {
            background-color: #5c6bc0;
            color: white;
            padding: 20px;
            text-align: left;
            font-size: 24px;
        }
        .card {
            margin: 10px;
        }
        .card-title {
            font-size: 20px;
            font-weight: bold;
        }
        .card-text {
            font-size: 16px;
        }
        .card-footer {
            background-color: white;
            border-top: none;
        }