
.toast {
    z-index: 999 !important;
  }



/* style for diables dash mantine date picker */
.general-input .m_8fb7ebe7:disabled,.general-input .m_8fb7ebe7[data-disabled] {
  background-color: transparent !important;
  color : white !important;  
  opacity: 1;
  font-weight: 600;
  text-align:center !important;
  font-size: 110%;
  border : 1px dotted rgba(255, 255, 255, 0.187);
}

.m_811560b9 {
  white-space: normal;
}
select:disabled{
  background-color: rgb(30,30,30) !important;
  color : grey !important;
  -webkit-appearance: none;
}

input[type=checkbox]:not(:checked) {
  outline:1px solid black; 
  /* couleurs ne marche pas */
  color:'red' !important;
  background-color:'green' !important;
}
/* ne marche pas  */
/* input[type=checkbox]:checked+ label {
  outline:1px solid black; 
  color:'red' !important;
  background-color:'green' !important;
} */

/* Ne marche pas  */
.custom_bool > input:not(::selection) {
  background: red !important;
  background-color: green !important;
}

.custom_bool ::selection {
  background: hsl(136,65%,45%) !important;
  color: white;
}
.custom_bool ::selection:input-inactive {
  background: hsl(136,25%,65%) !important;
} 

/* fin */


.form-floating > input:not(:focus):placeholder-shown + label {
  background: transparent !important;
}

.form-floating > input + label:after {
 background: transparent !important;
}


.Select-control {
    background-color: rgb(25, 25, 25) !important;
    color:white;
    border-style: hidden;
  }
  
.Select-menu-outer {
    background-color: rgb(25, 25, 25);
    color: white;
    border-style: hidden;
}

.Select-value-label {
    color: white !important;
}


.custom_input {
  display: flex;
  align-items: left;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ebebeb !important;
  border-color: transparent ;
  /* border-color: transparent !important; */
  text-align: left;
  white-space: nowrap;
  background-color: #191919 !important;
}

.custom_input:focus{
  color:white !important;
}

.center-aligned-cell {
  text-align: center;
  }
.center-aligned-header .ag-header-cell-label {
  justify-content: center !important;
  text-wrap: wrap;
  /* overflow: scroll; */
}
.header-style-on-filter.ag-header-cell-filtered {
  background-color: #8199a0 !important;
  color: #a64545 !important;
}

.header-style-on-filter.ag-header-cell-filtered span {
  color: #fff !important;
}

.custom_icon {
  text-align:center;
}


.custom_input_search {
  width: 100%;
  display: flex;
  align-items: left;
  /* padding: 0.375rem 0.75rem; */
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  /* line-height: 1.5; */
  color: #ebebeb !important;
  border: 1px solid rgb(98, 97, 97) !important;
  text-align: left;
  white-space: nowrap;
  /* background-color: black !important; */
  background-color: #191919 !important;
  /* border: var(--bs-border-width) solid transparent !important;
  border-radius: var(--bs-border-radius); */
  /* -webkit-appearance: menulist; */
}
.custom_input::placeholder,
.custom_input_search::placeholder {
  font-style: italic;
  color:rgb(93, 93, 93);
}

.fixed-tooltip {
  position: fixed !important;
}


.small-dropdown {
  transform: scale(0.8);  /* Scale down the whole component */
  transform-origin: top right; /* Ensures scaling keeps the right position */
}

.navbar {
  padding: 0% !important;
}
.breadcrumb {
  padding: 0% !important;
  margin: 0 !important;
}
.form-check.form-switch {
  width: auto !important;
  display: flex;
  justify-content: center;
}

._dash-loading {
  color: transparent;
}


.grey-spinner .dash-spinner > div {
  background-color: #747474 !important;
}
.dash-spinner > div {
  background-color: #747474 !important;
}
/*for update contact*/
[data-mantine-color-scheme='dark'] .disabled-green:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  color: green;
}

.mantine-Fieldset-legend {
  width:auto;
  float:none;
}

.unfilter .m_82577fc2[data-position='right'] {
  --section-size:none;
}

.clickable-img {
  cursor: zoom-in;
}


.hoverable-row:hover {
  background-color: #eeeeee43 !important;
  cursor: pointer;
}
.chevron-icon {
  transition: transform 0.3s ease;
}
.chevron-rotated {
  transform: rotate(-90deg);
}

/*
Styles pour avancer les dropdown menus devant les modals
*/

/* .modal-dialog-scrollable .modal-body { 
  overflow: visible !important;
}
.modal-content {
  overflow: visible !important;
}
.Select-menu,
.Select-menu-outer,
.Select.is-open {
  z-index: 2050 !important;
}
.modal .Select-menu,
.modal .Select-menu-outer,
.modal .Select.is-open { z-index: 2050 !important; } */

/*
fin
*/