.searchableTable   {
background-color: #01386D;
border-spacing: 0;
width: 100%;
/* min-width: 700px; */
}

.searchableTable td, .searchableTable th  {
  padding: 5px 8px;
  }

button.sortable__listing_button {
    background-color: #01386D;
    border: none;
    cursor: pointer;
    display: block;
    font: inherit;
    height: 100%;
    margin: 0;
    min-width: max-content;
    padding: 0.5rem 2rem;
    position: relative;
    text-align: center;
    width: 100%;
    color: white;
}

button.sortable__listing_button::after {
  position: absolute;
  right: 0.5rem;
}

button.sortable__listing_button[data-dir="asc"]::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' %3E%3Cpolygon points='0, 0 8,0 4,8 8' fill='%23818688'/%3E%3C/svg%3E");
}

button.sortable__listing_button[data-dir="desc"]::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' %3E%3Cpolygon points='4 0,8 8,0 8' fill='%23818688'/%3E%3C/svg%3E");
}




.searchableTable thead {
  color: white;
  /* background-color: #221c46; */
  background-color: #01386D;
}
.tableIndex tr  {
  background-color: #f4f6ff;

}



.tableIndex tr:nth-child(odd) {
  background-color: #fff;

}

.tableIndex tr:hover {
  background: #CADEF0;
}

.tableIndexLink:link, tableIndexLink:visited {
  font-weight: bold;
  text-decoration: none;
  color: #0522FF;
}

.tableIndexLink:hover {
  color: #800000;
  text-decoration: underline;
}



.filter_header {
  display: flex;
  margin: 0 0 20px;
  /* max-width: 800px; */
  /* border: 1px solid red; */
  align-items: stretch;
  gap:20px;
}


.search-input-container {
  display: flex;
  justify-content: center;
  position: relative;


}

.search-input-container .ico-search {
  top: 15px;
  width: 24px;
  height: 24px;
  background-size: contain;
}


.search-input-container .ico-search {
  position: absolute;
  top: 13px;
  left: 24px;
}


.ico-search {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-image: url('https://monespace.lcl.fr/ico-search.02ce5d5ba19fb83f.svg');
}
.ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.filter_header__additem {
  background: #01386D;
  color: #fff;
  text-decoration: none; 
  cursor: pointer;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  border: 0;
  /* width: 200px; */
  border-radius: 30px;
  display: block;
   /* height: 30px; */

}

.filter_header__additem:hover {
  background: #0522FF;

}
.filter_header__additem::after {
margin-left: 14px;
margin-right: 0;
transition: margin .8s ease;
}

.filter_header__additem:hover::after {
margin-left: 20px;
margin-right: 0;
}

.filter_header__additem::after {
content: '';
background:  url("../../images/icons/arrow_links-1JIB4O1.svg");

width: 16px;
height: 10px;
display: inline-block;
}

.search_form  {
/* display: flex; */
justify-content: center;
position: relative;
min-width: unset;
}

.container input.search_input {

padding-left: 56px;
padding-right: 50px;
background: #fff;
border: 1px solid #747474;
font-size: 16px;
line-height: 22px;
color: #1f368b;
border-radius: 27px;
height: 100%;

width: 360px;
border: 1px solid #555;
display: block;
background: transparent url("../../images/icons/ico-search-W8cQnRt.svg") no-repeat 13px center;

}



.help_tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  cursor: help;

}

/* Tooltip text */
.help_tooltip .help_tooltiptext {
  visibility: hidden;
  width: 350px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  top: 100%;
  left: 50%;
  margin-left: -200px;
   position: absolute;
  z-index: 1;
  font-size: 1.3rem;
}

/* Show the tooltip text when you mouse over the tooltip container */
.help_tooltip:hover .help_tooltiptext {
  visibility: visible;
}