body{ background-color: #E9ECEF; }
a{text-decoration: none;}
.cursor-pointer{ cursor: pointer; }
.form-label{ font-weight: 700; }
#wrapper-page.toggled #wrapper-content, #wrapper-page.toggled .sidebar-vertical { margin-left: 0; }
.sidebar-vertical{ max-width: 270px; margin-left: -17rem; transition: margin .25s ease-out; }

.sidebar-heading{ color: #8eb9f8 !important; letter-spacing: .08rem; }

.btn-toggle, .li-sidebar a { display: inline-flex; font-size: 1.1rem; align-items: center; padding: .4rem 1rem; font-weight: 600; color: #FFF; background-color: transparent; border: 0; }
.btn-toggle span, .li-sidebar span { margin-left: .4rem; transition-duration: 0.3s; }
.btn-toggle:hover, .btn-toggle:focus, .li-sidebar:hover { color: #FFF; background-color: #0855c9; }
.btn-toggle:hover span, .li-sidebar:hover span { margin-left: 1rem; }
.btn-toggle::after {width: 1.25em; line-height: 0; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb%28225,225,225%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); transition: transform .35s ease; transform-origin: .5em 50%; position:absolute; right: 0; padding-right: 2rem; }
.btn-toggle[aria-expanded="true"]::after { transform: rotate(90deg); }

.btn-toggle-nav a { color:#FFF; display: inline-flex; padding: .1875rem .5rem; margin-top: .125rem; margin-left: 1.25rem; text-decoration: none; }

.sidebar-vertical::-webkit-scrollbar{ width: 18px; }
.sidebar-vertical::-webkit-scrollbar-thumb{ background-color: #0D6EFD; border: 4px solid transparent; border-radius: 9px; background-clip: content-box; }
.sidebar-vertical::-webkit-scrollbar-thumb:hover{ background-color: rgb(13, 110, 253, 0.5); }

.sidebar-ul{ height: 80%; }
.sidebar-ul::-webkit-scrollbar{ width: 15px; }
.sidebar-ul::-webkit-scrollbar-thumb{ background-color: #0855c9; border: 4px solid transparent; border-radius: 9px; background-clip: content-box; }
.sidebar-ul::-webkit-scrollbar-thumb:hover{ background-color: rgba(8, 85, 201, 0.5); }

#wrapper-content{ margin-left: 270px; min-height: 100vh; min-width: 100vw; transition: margin .25s ease-out; }
.topnav{ flex-direction: row !important; }
.topnav .nav-link { padding-right: .5rem !important; padding-left: .5rem !important; }

#tableData{ width:100% !important;}

footer .list-group li{ background: transparent; padding-left: 0; }
footer .list-group li a{ color: #bbbbbb; }

.animate-border {position: relative; display: block; width: 150px; height: 3px; background: #1a3d82; margin-top: 15px; margin-bottom: 15px; }
.animate-border.border-black:after { border-right-color: #000; border-left-color: #000; }
.animate-border.border-transparent:after { border-right-color: rgba(0, 0, 0, 0.5); border-left-color: rgba(0, 0, 0, 0.5); }
.animate-border:after { position: absolute; content: ""; width: 35px; height: 3px; left: 0; bottom: 0; border-left: 10px solid #fff; border-right: 10px solid #fff; -webkit-animation: animborder 2s linear infinite; animation: animborder 2s linear infinite; }

@-webkit-keyframes animborder {
  0% { -webkit-transform: translateX(0px); transform: translateX(0px); }
  100% { -webkit-transform: translateX(113px); transform: translateX(113px); }
}

@keyframes animborder {
  0% { -webkit-transform: translateX(0px); transform: translateX(0px); }
  100% { -webkit-transform: translateX(113px); transform: translateX(113px); }
}

.recherche{ background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 200% 200%; animation: gradient 15s ease infinite; }
@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ===== DEBUT MENU ======*/
.navbar .megamenu{ padding: 1rem; }
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
  .dropdown-menu li{position: relative;}
	.nav-item .submenu{ display: none; position: absolute; left:100%; top:-7px; }
	.nav-item .submenu-left{ right:100%; left:auto; 	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	

@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
    max-height: 90vh;
    margin-top:10px;
  }
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}
/* ===== FIN MENU ======*/

/*** responsive ***/
@media (max-width: 767.98px){
  #wrapper-page.toggled #wrapper-content { margin-left: 270px; }
  #wrapper-content { margin-left: 0; }
}

@media (min-width: 768px){
  #wrapper-content { min-width: 0; width: 100%; }
  .sidebar-vertical { margin-left: 0; }

  #wrapper-page.toggled .sidebar-vertical { margin-left: -17rem; }
}