*,
*:after,
*:before {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body.toggled {
  padding-left: 300px; }
  body.toggled #sidebar {
    width: 300px;
    box-shadow: 2.5px 0px 25px 0px #a0a0a0; }
  body.toggled #page-content {
    position: absolute;
    margin-right: -300px; }

#sidebar {
  z-index: 1000;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  position: fixed;
  left: 300px;
  width: 0;
  height: 100%;
  margin-left: -300px;
  overflow-y: auto;
  background: #fff;
  overflow-x: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  list-style: none;
  padding: 0;
  border: 0; }
  #sidebar ul,
  #sidebar ul li,
  #sidebar ul ul {
    list-style: none;
    padding: 0;
    border: 0; }
  #sidebar ul {
    position: relative;
    z-index: 597;
    float: left; }
    #sidebar ul li {
      float: left;
      min-height: 1px;
      line-height: 1.45em;
      vertical-align: middle; }
    #sidebar ul li.hover,
    #sidebar ul li:hover {
      position: relative;
      z-index: 599;
      cursor: default; }
    #sidebar ul ul {
      margin-top: 1px;
      visibility: hidden;
      position: absolute;
      top: 1px;
      left: 99%;
      z-index: 598;
      width: 100%; }
      #sidebar ul ul li {
        float: none;
        font-weight: normal; }
    #sidebar ul ul,
    #sidebar ul ul ul {
      top: 1px;
      left: 99%; }
    #sidebar ul li:hover > ul {
      visibility: visible; }
  #sidebar ul,
  #sidebar ul li {
    float: none; }

#page-content {
  width: 100%;
  position: absolute;
  padding: 15px; }

.sidebar-brand {
  height: 125px;
  font-size: 1.15em;
  line-height: 125px;
  background-color: #673AB7;
  border-top: 26px solid #512DA8;
  margin-bottom: 0.25em; }
  .sidebar-brand a {
    color: #fff;
    margin-left: 15px;
    text-decoration: none; }

#sidebar ul {
  background: #fff; }
  #sidebar ul a,
  #sidebar ul a:link,
  #sidebar ul a:visited {
    display: block;
    color: #848889;
    text-decoration: none;
    font-weight: 300; }
  #sidebar ul li:hover > a {
    color: #673AB7; }
#sidebar > ul {
  float: none; }
  #sidebar > ul > li {
    border-left: 3px solid #d7d8da;
    width: 297px; }
  #sidebar > ul > li > a {
    padding: 10px 20px; }
  #sidebar > ul > li:hover {
    border-left: 3px solid #673AB7;
    background: #f6f6f6; }
    #sidebar > ul > li:hover > a {
      color: #673ab7; }
  #sidebar > ul > li.hover {
    border-left: 3px solid #673ab7;
    background: #f6f6f6; }

@media (min-width: 768px) {
  body {
    padding-left: 0; }

  body.toggled {
    padding-left: 310px; }
    body.toggled #sidebar {
      width: 300px; }

  #sidebar {
    width: 0; }

  body-content {
    padding: 20px;
    position: relative; }
    body-content #page-content {
      position: relative;
      margin-right: 0; } }
.min-header-container {
  min-height: 75vh; }

.bg-dark {
  background-color: #673AB7 !important; }

.text-primary {
  color: #673AB7 !important;
  font-weight: 500; }

a {
  color: #673AB7;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #512DA8;
    text-decoration: none; }

.btn-primary {
  color: #fff;
  background-color: #673AB7;
  border-color: #673AB7; }

.btn-primary:hover {
  color: #fff;
  background-color: #512DA8;
  border-color: #512DA8; }

.copyright {
  color: white !important; }
  .copyright span {
    font-size: 80%;
    font-weight: 400; }
  .copyright a {
    color: white !important;
    text-decoration: none;
    background-color: transparent; }

* {
  margin: 0px;
  padding: 0px; }

html {
  overflow-x: hidden;
  background-color: #fff; }

body {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }