@charset "UTF-8";
html, body {
  width: 100%;
  height: 100%;
}

.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}

#sidebar {
  min-width: 250px;
  max-width: 250px;
  min-height: 100vh;
  background: #7386D5;
  color: #FFF;
  transition: all 0.3s;
}
#sidebar .cat {
  padding: 8px 10px;
  font-weight: bold;
}
#sidebar.active {
  margin-left: -250px;
}
#sidebar .sidebar-header {
  padding: 20px;
  background: #6D7FCC;
}
#sidebar ul.components {
  padding: 20px 0;
  border-bottom: 1px solid #47748B;
}
#sidebar ul p {
  color: #FFF;
  padding: 5px;
  margin-bottom: 0;
}
#sidebar ul li a {
  padding: 8px 20px;
  font-size: 1.1em;
  display: block;
}
#sidebar ul li a:hover {
  color: #7386D5;
  background: #FFF;
}
#sidebar ul li.active > a, #sidebar a[aria-expanded=true] {
  color: #FFF;
  background: #6D7FCC;
}
#sidebar ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background: #6D7FCC;
}
#sidebar a,
#sidebar a:hover,
#sidebar a:focus {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
}

@media (max-width: 768px) {
  #sidebar {
    margin-left: -250px;
  }
  #sidebar.active {
    margin-left: 0;
  }

  #sidebarCollapse span {
    display: none;
  }
}
#content {
  width: 100%;
  padding: 20px;
  min-height: 100vh;
  transition: all 0.3s;
}

.border-purple {
  border-color: #7386D5;
}

.bg-purple {
  background-color: #7386D5;
}

.cursor-pointer {
  cursor: pointer;
}

/*
* Modifs Morgan
 */
#finger {
  padding: 10px 10px 10px 50px;
  background: url(../images/finger.png) no-repeat 5px 10px;
  color: black;
  text-decoration: none;
}

/* première étape */
#finger:hover, #finger:focus {
  animation: finger 1s infinite ease-in-out;
}

/* deuxième étape */
@keyframes finger {
  0% {
    background: url(../images/finger.png) no-repeat 5px 10px;
  }
  50% {
    background: url(../images/finger.png) no-repeat 20px 10px;
  }
  100% {
    background: url(../images/finger.png) no-repeat 5px 10px;
  }
}
/*
* Fin modifs Morgan
 */

/*# sourceMappingURL=demo.css.map */
#sidebar ul li.bg-rea {
	background-color: #3f51b5 !important;
}