.sidebar, .sidebar-nav .nav-link.collapsed{
    background:#7D4FFE;
    color:white
  }
  /* .sidebar-nav .nav-content a{
    color:green
  } */
  [aria-expanded="true"] {
    /* Styles à appliquer lorsque aria-expanded="true" */
    /* Par exemple : */
    /* background-color: white !important;
    font-weight: bold !important;
    color:#286090 !important; */
    /* text-transform: uppercase; */
  }
  .sidebar-nav .nav-content a {
color:white
}
.active-submenu{
  color:black !important;
  width:250px;
  font-weight: 700;
  /* background:#857a7a */
  /* text-decoration: underline; */
}

.active-submenu:hover{
  /* color:grey !important; */
  background:#F5F8FE !important;
  color:green !important

 
}

.sidebar-nav .nav-content a:hover{
  color:grey !important
  /* background:grey !important */

}


.nav-item:hover .bi, .nav-item:hover .bx, .nav-item:hover .collapsed{
  color:grey !important;
  background:#F5F8FE !important;
}

.sidebar-nav .nav-link{
  width:250px;
  cursor:pointer

}

#main{
  margin-top: 0;
}




#main {
    /*margin-top: 60px;*/
    padding: 20px 30px;
    transition: all 0.3s;
}

@media (max-width: 1199px){
  #main {
    padding: 20px;
}
}

.sidebar-nav .nav-content a {
width: 190px !important;
cursor: pointer;
}
#barre_laterale_d{
  position:absolute;
  z-index:1001;
}
/* .right-side-nav{
  background:#286090;
  color:white;
  width: 300px; 
  height: 80vh;
  position:absolute;
  padding: 2px;
  right:0;
  top:80px
} */

.fixed-button {
position: fixed;
top: 15%;
right: 0;
transform: translateY(-50%);
color: white;
padding: 15px 20px;
border: none;
border-radius: 0;
cursor: pointer;
}


.sr-only{
visibility:hidden
}

#barre_laterale_d{
position:fixed;
top: 106px;
display : none;

}

.active-main{
color: red;
}

/* style la barre de navigation horizontale */

div.scrollmenu {
background-color: white;
/* overflow: auto; */
white-space: nowrap;
margin-bottom:5px
}

div.scrollmenu a {
display: inline-block;
color: #286090;
border: solid 2px #286090;
line-height: 10px;

text-align: center;
padding: 6px;
text-decoration: none;
}

div.scrollmenu a:hover {
background-color: #286090;
color: white;
}

/* style du datepicker */

.ui-datepicker{
background:#c9ebf2;
border: 1px solid grey;
}

.ui-datepicker-calendar th{
background:white
}

.ui-datepicker .ui-state-default{
color:grey
}

.ui-datepicker-today{
background:#FFF88D !important;
color:red
}
.ui-datepicker .ui-state-active{
color: white !important;
}

.ui-state-highlight{
color:white !important
}

.ui-datepicker-current-day{
background:#0B5ED7;
color:white
}

.ui-datepicker td{
border: 1px grey;
padding:5px
}

.ui-icon-circle-triangle-w,.ui-icon-circle-triangle-e{
display:none
}

.ui-datepicker .ui-state-active {
color:grey !important
}

.ui-datepicker-current-day .ui-state-active{
color:white !important
}

.ui-datepicker-today .ui-state-active{
color:red !important
}

.ui-state-highlight{
color:red !important

}

.ui-state-disabled{
border:none !important;
background:white !important
}


/* style de la barre de navigation verticale */
.sidebar{
max-width:200px;
padding:5px
}

.sidebar-nav .nav-link{
width:180px
}

#main{
margin-left:200px;
padding:10px
}
.logo {
width: 163px;
}

.sr-only
{
display: none;
}	

#showSideNav{
position: absolute; 
top: 106px;
right:0;
opacity: 0.5;
position:fixed
}
#showSideNav:hover{
opacity: 1;
}


.fixed-div {
  width: 100%; /* Set the width of the fixed div */
  position: fixed; /* Make the div fixed */
  top: 50; /* Position it at the top of the viewport */
  /* background-color: #f1f1f1; */
  /* padding: 10px; */
  overflow-x: auto; /* Enable horizontal scrolling */
  white-space: nowrap; /* Prevent text from wrapping */

}

.content {
  width: 200%; /* Set the width of the content inside the fixed div */
}


.main-dashboard{
  margin-top: 60px;
}