267 lines
4.0 KiB
CSS
267 lines
4.0 KiB
CSS
.sidebar, .sidebar-nav .nav-link.collapsed{
|
|
background:#4caf50;
|
|
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;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|