.colorAligneur{
  border-left-color:#6CC1ED;
}
.colorContention{
  border-left-color:#F7CD1F;
}
.colorEclaircissement{
  border-left-color:#28a745;
}
.colorAppareillage{
  border-left-color:#D13FC3;
}
.colorTraitement{
  border-left-color:#814968;
}
.colorMixte{
  border-left-color:#D6145F;
}
.border-left-color-information-error{
    border-left-color:#D71529;
}
.border-left-color-information-attention{
    border-left-color:#F07216;
}
.border-left-color-information-approval{
    border-left-color:#51DC6F;
}

.textText {
  color: #0b182e;
}

.backP {
background-color: #8dcdcd;
}
.backOpacityP {
background-color: rgba(141,205,205,50%);
}
.backOpacityP-25 {
background-color: rgba(141,205,205,25%);
}
.backOpacityP-10 {
  background-color: rgba(141,205,205,10%);
}
.borderP {
border-color:#8dcdcd;
}
.borderOpacityP {
border-color:rgba(141,205,205,50%);
}
.textP {
color: #8dcdcd;
}
.backS {
background-color: #f7704f;
}
.backOpacityS {
background-color: rgba(247,112,79,50%);
}
.backOpacityS-10 {
  background-color: rgba(247,112,79,10%);
}
.borderS {
border-color:#f7704f;
}
.borderBottomS {
border-bottom : 1px solid #f7704f;
}
.borderOpacityS {
border-color:rgba(247,112,79,50%);
}
.fillOpacityS20 {
  fill:rgba(247,112,79,10%);
}
.textS {
color: #f7704f;
}





.backT {
background-color: #cae8e7;
}
.backOpacityT {
background-color: rgba(202,232,231,50%);
}
.borderT {
border-color:#cae8e7;
}

.textT {
color: #cae8e7;
}
[type="search"]::-webkit-search-cancel-button { 
  filter: grayscale(0);
  height: 10px;
  width: 10px;
}

.backQ {
background-color: #627878;
}
.backOpacityQ {
background-color: rgba(98,120,120,50%);
}
.borderQ {
border-color:#627878;
}
.textQ {
color: #627878;
}

.borderText {
  border-color:#0b182e;
}
.backBack {
  background-color: #f3fafa;
}


.textTextNav {
  color: #383838;
}
.textTextNavHover {
  color: #f7704f;
}
.backTextNavHover {
  background-color: #f7704f;
}
.backActifNav {
  background-color: #f3fafa;
}

.input-search::placeholder{
  color: #0b182e;
}
.input-search:focus{
  border:1px solid #f7704f;
  color:#f7704f;
}

#q-graph .hover:hover {
  background-color: #f7704f;
  opacity: 0.9;
  color: black;
}


.hover:hover{
    border:1px solid #8dcdcd;
    border-radius:4px;

}

.nameInputSupprimer:hover{
  background-color:#627878;
}

.div-photo-contention .active{
  border: 0.3vh solid #8dcdcd;
  border-radius: 0.5vw;
}
.div-photo-decoupe .active{
  border: 0.3vh solid #8dcdcd;
  border-radius: 0.5vw;
}

.div-inter-photo-contention:hover{
  border: 0.3vh solid #8dcdcd;
  border-radius: 0.5vw;
}

.divAdd{
  border-bottom: 0.1vh #8dcdcd solid;
}
.activeDiv{
  background-color:#8dcdcd;
  color:white;
}


.cls-strike-200-colorP {
    fill: none;
    stroke: #8dcdcd;
}

.cls-strike-200 {
    fill: none;
    stroke: #f7704f;
}
.cls-100 {
    fill: #f7704f;
}
.cls-100-colorP {
    fill: #8dcdcd;
}
.cls-strike-white {
    fill: none;
    stroke: #FFFFFF;
}
.cls-fill-white {
    fill: #FFFFFF;
}
.cls-strike-200-colorT {
    fill: none;
    stroke: #cae8e7;
}
.cls-200-colorT {
  fill: #cae8e7;
}


.cls-strike-300-colorText {
    fill: none;
    stroke: #0b182e;
}
.cls-300-colorText {
  fill: #0b182e;
}


.cls-300-colorTextNav {
  fill: #383838;
}
.cls-300-stroke-colorTextNav{
  stroke: #383838;
}

.cls-200 {
    fill: none;
    stroke: #f7704f;
    stroke-miterlimit: 10;
    stroke-width: 5px;
}

.cls-white{
  fill: white;
}

.cls-20 {
    fill: #8dcdcd;
}
.cls-21 {
    fill: #333;
}
.svg-fill-actif{
  fill: #cae8e7;
}
.sous-menu:hover .svg-nav-white{
  fill: #cae8e7;
}
.border-left {
  position: absolute;
  left: 0; /* Place la bordure à gauche */
  top: 50%; /* Commence au milieu */
  transform: translateY(-50%); /* Centre verticalement */
  height: 0; /* Pas visible par défaut */
  width: 2px; /* Largeur de la bordure */
  border-radius: 5px; /* Coins arrondis */
}
.div-deroulant-cas:hover .svg-nav-white{
  fill: #cae8e7;
}
.cls-30{
  fill: #cae8e7;
}
.cls-strike-30{
  fill: #cae8e7;
}

.active {
    color: #8dcdcd;
}

.sous-menu:hover{
    background-color:#f3fafa;
}


.sous-menu:hover p{
    color:#f7704f;
}
.sous-sous-menu a p:hover{
  color:#f7704f;
}

#nav-3:hover,#nav-4:hover,#nav-5:hover{
    background-color:#f3fafa;
}

.button-next:hover{
    border: 0.1vh solid #8dcdcd;
    border-radius: 0.2VH;
   
}
.linkChange:hover{
    color: #f7704f;
   
}
.div-cas-details:hover{
  background-color: #f3fafa;
  border-radius: 13px;
}
.row-tableau:hover,.detail-archive:hover{
  border-radius: 13px;
    background-color: #f3fafa;
}
.row-tableau:hover .input-prescription {
    background-color: #FEFEFD;
    background:#FEFEFD;
}

.overflow_config::-webkit-scrollbar-thumb {
    background-color:#f7704f;
    border-radius: 50px;
}
.overflow_messagerie::-webkit-scrollbar-thumb {
    background-color:#8dcdcd;
    border-radius: 50px;
}
.overflow_config p a:hover{
  color:#f7704f;
}
.categorie-div p a:hover{
  color:#f7704f;
  text-decoration-color:#f7704f;
}

td{
  color: #0b182e;
}
td a{
  color: #0b182e;
}

.input-prescription:focus{
  border:1px solid #f7704f;
  color:#f7704f;
}
.input-prescription{
  background-color:#f3fafa;
  background: #f3fafa;
}
.input-forum{
  background-color:#f3fafa;
  background: #f3fafa;
}
.input-forum:focus{
  border:1px solid #f7704f;
  outline: none;
}
.input-default{
  background-color:#f3fafa;
}
.div-input-default{
  background-color:#f3fafa;
}
input:-internal-autofill-selected {
  background-color:#f3fafa;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
  background-color:#f3fafa;
  -webkit-box-shadow: 0 0 0 30px #f3fafa inset !important;
    -webkit-text-fill-color: #707070 !important;
  
}

.div-ressource:hover{
  border:1px solid #f7704f;
}

.dropdown-content a:hover{
  color:#f7704f; 
}
.dropdown-content{
  border-top: solid 2px #f7704f;
}

.sous-menu-navigation > a:hover:after{
  transform: scaleX(1); transform-origin:   0% 50%;
}
.sous-menu-navigation > a:after{
  display:block;
  content: '';
  border-bottom: solid 2px #f7704f;  
  transform: scaleX(0);  
  transition: transform 350ms ease-in-out;
}
.sous-menu-navigation-stat > a:hover:after{
  transform: scaleX(1); transform-origin:   0% 50%;
}
.sous-menu-navigation-stat > a:after{
  display:block;
  content: '';
  border-bottom: solid 2px #f7704f;  
  transform: scaleX(0);  
  transition: transform 350ms ease-in-out;
}
.thead-follow{
    position: sticky;
    top: 0;
    background-color: #FEFEFD;
    z-index: 1;
}
.color-white{
    color:#FEFEFD;
}

@media screen and (max-width: 1000px) {
  input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        font-size: 4.6vw !important;
        -webkit-box-shadow: none !important;
        background-color: transparent !important;
        -webkit-box-shadow: 0 0 0px 1000px #f3fafa inset !important;
    }
}