.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 15px;
 
    vertical-align: middle;
}

.table > thead > tr > th {border-bottom: none;}

.titreblock {color: white; background-color: rgb(29, 102, 249);}

.p-perso1 {color: rgba(0, 0, 0, 0.90); font-size: 12.5px; font-weight: bold; text-transform: uppercase; }
.p-perso2 { font-size: 12px; color: rgba(0, 0, 0, 0.60); font-weight: normal; font-family: "Roboto", sans-serif; text-transform: uppercase;}
.p-perso3 { font-size: 13px; color: #222; font-weight: normal; font-family: "Roboto", sans-serif; text-transform: uppercase;}

.open {background-color: rgb(226,226,226) !important; }

.hidden {display: none;}

.table-hover > tbody > tr > td {transition: 0.3s;}
.table-hover > tbody > tr:hover > td {background-color:  rgb(226,226,226);}

.table > tbody > tr.details-account:hover > td {background-color: rgb(255, 248, 181);}
.table > tbody > tr.details-account > td {background-color: rgb(252, 244, 159);}

.btn {font-family: "Roboto", 'Helvetica Neue, Helvetica, Arial', sans-serif; padding: 10px 14px; border: none; transition: 0.3s;}

.btn-success {background-color: rgb(37, 155, 36); border: none;}
.btn-success:hover, .btn-success:focus { background-color: rgb(37, 155, 36); opacity: 0.9; outline: none; }

.btn-info {background-color: rgb(3, 169, 244); border: none;}
.btn-info:hover, .btn-info:focus {background-color: rgb(3, 169, 244); opacity:0.9; outline: none;}

.btn-primary {background-color: rgb(86, 119, 252);border: none; } 
.btn-primary:hover, .btn-primary:focus {background-color: rgb(86, 119, 252); opacity: 0.9; border: none;}