.buttons-right{
    display: flex;
}

.btn-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
    width: auto;
}

.btn-note {
    background-image: linear-gradient(to right, #37A5E8, #255A9B);
	color: #fff;
	border: none;
	padding: 3px 8px;
	border-radius: 5px;
	cursor: pointer;
    height: 40px;
    margin: 8px;
}

.btn-note:hover {
    background-image: linear-gradient(to left, #37A5E8, #255A9B);
	color: #fff;
	border: none;
	padding: 3px 8px;
	border-radius: 5px;
	cursor: pointer;
    height: 40px;
    margin: 8px;
}

.btn-note span {
	margin-left: 10px;
}


.input-group{
    width: 13% !important;
}

#Demande,
#Paiement-mutuelle,
#Message{
    width: 12%;
}

#searchBtn{
    width: 10% !important;
}




#tableBody{
    color: #031432;
}
#tableBody #dossier{
    text-decoration: none;
    color: #6C87AE; 
}

th:nth-child(6),
th:nth-child(7),
th:nth-child(8),
th:nth-child(9),
th:nth-child(10) {
    background-color: rgba(58, 142, 246, 0.1);
    font-weight: bold;
}
td:nth-child(6),
td:nth-child(7),
td:nth-child(8),
td:nth-child(9),
td:nth-child(10) {
    background-color: rgba(58, 142, 246, 0.1);
    font-weight: bold;
}

#status-remboursé {
    color: #2EA47C;
}

#status-a-rembourser {
    color: #E40D0D;
}

#status-demande {
    color: #F3B414;
}

#status-remboursé span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #2EA47C;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 4px rgba(46, 164, 124, 0.24);
    position: relative;
    left: -10px;
    top: 5px;
    transform: translateY(-50%);
}

#status-a-rembourser span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #E40D0D;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 4px rgba(228, 13, 13, 0.24);
    position: relative;
    left: -10px;
    top: 5px;
    transform: translateY(-50%);
}

#status-demande span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #F3B414;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 4px rgba(243, 180, 20, 0.24);
    position: relative;
    left: -10px;
    top: 5px;
    transform: translateY(-50%);
}

/* for the total card */
.total-card .card-navigation {
    background-color: #FFFEFE;
    border: 1px solid #B5B5B5;
    color: #333333;
}

.total-card .card-navigation .title {
    color: #A9A9A9;
    font-size: 16px;
}

.total-card .card-navigation span {
    display: inline-block;
    padding: 5px;
    margin-right: 10px;
    font-size: 18px;
}

.total-card .card-navigation .empty {
    width: 30px; 
    height: 20px;
}

.spacer {
    display: inline-block;
    width: 70px; 
}