/* ---------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
  font-size: 1.6rem;
  width: 325px;
  position: fixed;
  top: 0;
  left: -325px;
  /*height: 100vh;*/
  height: 100%;
  z-index: 1100;
  background-color: #37474F;
  color: #fff;
  transition: all 0.3s;
  overflow-y: scroll;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
  #sidebar.active {
    left: 0; }
  #sidebar p .sep {
    height: 10px;
    padding: 0;
    overflow: hidden; }
  #sidebar #dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #2F3C43;
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    #sidebar #dismiss i {
      font-size: 30px; }
  #sidebar #dismiss:hover {
    background: #fff;
    color: #000; }
  #sidebar ul ul a {
    font-size: 1.5rem !important;
    padding-left: 20px !important;
    background: #37474F; }
  #sidebar ul ul ul a {
    font-size: 1.5rem !important;
    padding-left: 30px !important;
    background: #37474F; }
  #sidebar ul.CTAs {
    padding: 20px; }
  #sidebar ul.CTAs a {
    text-align: center;
    font-size: 1.5rem !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px; }
  #sidebar a.article,
  #sidebar a.article:hover {
    background: #2F3C43 !important;
    color: #fff !important; }
  #sidebar a[data-toggle="collapse"] {
    position: relative; }
  #sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%); }
  #sidebar .navbar-collapse {
    text-transform: uppercase;
    margin-left: 0px; }
  #sidebar .sidebar-header {
    padding: 1px 10px;
    background: #2F3C43; }
  #sidebar ul.components {
    padding: 0 0;
    border-bottom: double #2F3C43; }
  #sidebar ul p {
    color: #fff;
    padding: 10px;
    margin: 0; }
  #sidebar ul h1, #sidebar ul h2, #sidebar ul h3, #sidebar ul h4, #sidebar ul h5 {
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    margin: 0; }
  #sidebar ul li a {
    color: #fff;
    padding: 10px;
    font-size: 1.6rem;
    display: block; }
    #sidebar ul li a i {
      font-size: 1.1rem;
      float: right;
      margin-top: 2px;
      color: #999999;
      font-size: 1.5rem;
      margin-right: 15px; }
  #sidebar ul li a:hover {
    background: #2F3C43; }
  #sidebar ul li.active > a,
  #sidebar a[aria-expanded="true"] {
    color: #fff;
    background: #2F3C43; }

.overlay {
  display: none;
  position: fixed;
  width: 100vw;
  /*height: 100vh;*/
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  top: 0; }

.overlay.active {
  display: block;
  opacity: 1; }

/*# sourceMappingURL=sidebar.css.map */