/* background-color:white; */
.bootstrap-table {
    border:0 !important;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
    background-color: var(--fondtab);
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* Effet au survol */
.bootstrap-table:hover {
    box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

.bootstrap-table .fixed-table-container {
    height:auto !important;
    padding-bottom :0px !important;
}
.bootstrap-table .fixed-table-body {
    padding-bottom: 5px;
    height: auto !important;
    max-height: 65vh;
}

@media screen and (min-height: 900px) {
    .bootstrap-table .fixed-table-body {
        max-height: 74vh;
    }
}

@media screen and (min-height: 1250px) {
    .bootstrap-table .fixed-table-body {
        max-height: 80vh;
    }
}

.bootstrap-table .loading-text {
    color            : var(--grisfonce);
    font-size        : 12px !important;
}
 
  
.bootstrap-table .table thead th {
    border-bottom : 0px !important;  
}

.bootstrap-table .table th {
    border-top : 0;
}

/*style input et select dans tableau */
.bootstrap-table .row {
    min-width : 120px;
}

.bootstrap-table .col-sm-6 {
    padding-right : 0px !important;
    padding-left  : 0px !important;
}

.bootstrap-table .form-group {
    margin-bottom : 0px;
}

.bootstrap-table td select {
    min-width : 195px;
}

/*colonne dropdown masque fleche sort*/
.keep-open label svg {
    display : none;
}

/*contenu td et th*/
.bootstrap-table td {
    text-overflow : ellipsis;
    cursor        : pointer;
    max-width     : 220px;
    overflow      : hidden;
    white-space   : nowrap;
}

.bootstrap-table td:hover {
    overflow    : visible;
    white-space : normal;
}

.bootstrap-table tbody tr:hover {
    filter: brightness(90%);
}

.bootstrap-table th,
.bootstrap-table td {
    font-size  : 12px;
    text-align : center;
}

/* cache le background-image des icones sortables */
.bootstrap-table .fixed-table-container .table thead th .both {
    background-position-x : 2000px;
}

/*style dans entete*/
.bootstrap-table .fixed-table-toolbar .bs-bars {
    margin-bottom : 0px;
}

.bootstrap-table .form-control:focus {
    background-color : white !important;
}

.bootstrap-table .fixed-table-toolbar {
    padding-right : 1em;
}

.bootstrap-table .legende {
  color     : var(--grisfonce);
  font-size : 12px;
  display: flex;
  flex-flow:column wrap;
  margin-bottom:0px; 
  max-width:60vw;
  max-height:50px;
}
@media (max-width: 768px) { 
  .bootstrap-table .legende {
 max-width:500px;
 max-height:100px;
} }

@media (max-width: 576px) { 
  .bootstrap-table .legende {
  max-width: 300px;
  max-height:25vh;
} }


.bootstrap-table .legende li {
flex:auto auto;
margin-right:2vw;
}

.bootstrap-table .fixed-table-header {
    padding-top      : 3px;
    padding-bottom   : 7px;
    background-color : white;
    color            : var(--grisfonce);
    font-size        : 12px;
    font-weight      : 400 !important;
    max-height :72px;
    border-radius: 7px;
}

/* enleve le style width fixe imposé par bootstrap-table*/
.bootstrap-table .fixed-table-header > .table {
    width : calc(100% - 20px) !important;
}

.bootstrap-table .fixed-table-body > .table {
    width : 100% !important;
}

#footertableau {
    height           : 30px;
    background-color : white;
    box-shadow       : 0px 5px 15px 1px rgba(0, 0, 0, 0.4);
}




/* ======================= Couleurs classes ======================= */

/* ========== rose ========== */
.ligne_rose{
    background-color : var(--rose);
}

/* ========== vert ========== */
.ligne_vert {
    background-color : var(--vertclair);
}

.ligne_vert_fonce {
    background-color : var(--vertfonce);
}

.case_vert {
  background-color : var(--vertclair);
}
.ligne_vert_pastel {
    background-color : var(--vertpastel);
}

.case_vert_fonce {
    background-color : var(--vertfonce);
}

/*  ========== rouge ==========  */
.ligne_rouge {
    background-color : var(--rougepale);
}

.case_rouge {
  background-color : var(--rougepale);
}

/*  ========== rouge foncé ==========  */
.case_rouge_fonce {
  background-color : var(--rougebrique);
}

/*  ========== blue ciel ==========  */
.ligne_bleu_ciel {
    background-color : var(--bleuciel);
}

.case_bleu_ciel{
  background-color : var(--bleuciel);
}

/*  ========== blue pastel ==========  */
.ligne_bleu_pastel {
    background-color : var(--bleupastel);
}

.case_bleu_pastel{
    background-color : var(--bleupastel);
}


/*  ========== bleu  ==========  */
.ligne_bleu {
    background-color : var(--bleu);
}

.case_bleu{
    background-color : var(--bleu);
}


.ligne_gris_fonce {
    background-color : var(--grisfonce);
}

.ligne_gris_clair {
    background-color : var(--grisleger);
}

.case_gris_clair{
    background-color : var(--grisleger);
}

/*  COULEUR CASE FOR */
.bgPSC{
     background-color : var(--rose);
 }
.bgPSE{
    background-color : var(--bleucielfonce);
}
.bgSST{
    background-color : var(--vertclair);
}
.bgBNSSA{
    background-color : var(--ocean);
}
.bgINC{
    background-color : var(--rougeclair);
}
.bgGQS{
    background-color : var(--violet);
}
.bgAutre{
    background-color : var(--grisleger);
}

/*  ========== jaune ========== */
.ligne_jaune {
    background-color : var(--jauneclair);
}

.case_jaune {
  background-color : var(--jauneclair);
}

/*  ========== orange ==========  */
.ligne_orange {
    background-color : var(--orange);
}

.case_orange {
  background-color : var(--orange);
}

/*  ========== gris ==========  */
.ligne_gris {
    background-color : var(--grismoyen);
    color: white;
}
.case_gris {
    background-color : var(--grismoyen);
    color: white;
}

.ligne_violet{
    background-color : var(--parme);
}
.case_violet{
    background-color : var(--violet);
}