@font-face {
  font-family:Nunito;
  src:url(../font/Nunito-Regular.ttf);
  src:url(../font/Nunito-Regular.ttf) format('ttf'),
  url(../font/Nunito-Regular.ttf) format('truetype')
}
html {
  position:relative;
  min-height:100%;
  font-family:Nunito
}
body {
  height:100%
}
a:focus {
  outline:0
}
#wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
#wrapper #content-wrapper {
  background-color:#fafdfb;
  width:100%;
  overflow-x:hidden
}
#wrapper #content-wrapper #content {
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto
}
.container,
.container-fluid,
.container-login {
  padding-left:1.5rem;
  padding-right:1.5rem
}
.scroll-to-top {
  position:fixed;
  right:1rem;
  bottom:1rem;
  display:none;
  width:2.75rem;
  height:2.75rem;
  text-align:center;
  color:#fff;
  background:rgba(90,92,105,.5);
  line-height:46px;
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out
}
.scroll-to-top:focus,
.scroll-to-top:hover {
  color:#fff;
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out
}
.scroll-to-top:hover {
  background:#5a5c69;
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out
}
.scroll-to-top i {
  font-weight:800
}
@-webkit-keyframes growIn {
  0% {
    -webkit-transform:scale(.9);
    transform:scale(.9);
    opacity:0
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
}
@keyframes growIn {
  0% {
    -webkit-transform:scale(.9);
    transform:scale(.9);
    opacity:0
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
}
.animated--grow-in,
.sidebar .nav-item .collapse {
  -webkit-animation-name:growIn;
  animation-name:growIn;
  -webkit-animation-duration:.2s;
  animation-duration:.2s;
  -webkit-animation-timing-function:transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1);
  animation-timing-function:transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1)
}
@-webkit-keyframes fadeIn {
  0% {
    opacity:0
  }
  100% {
    opacity:1
  }
}
@keyframes fadeIn {
  0% {
    opacity:0
  }
  100% {
    opacity:1
  }
}
.animated--fade-in {
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn;
  -webkit-animation-duration:.2s;
  animation-duration:.2s;
  -webkit-animation-timing-function:opacity cubic-bezier(0,1,.4,1);
  animation-timing-function:opacity cubic-bezier(0,1,.4,1)
}
.bg-gradient-primary {
  background-color:#6777ef;
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#6777ef),to(#303f9f));
  background-image:linear-gradient(180deg,#6777ef 10%,#303f9f 100%);
  background-size:cover
}
.bg-gradient-secondary {
  background-color:#757575;
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#757575),to(#60616f));
  background-image:linear-gradient(180deg,#757575 10%,#60616f 100%);
  background-size:cover
}
.bg-gradient-success {
  background-color:#66bb6a;
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#66bb6a),to(#13855c));
  background-image:linear-gradient(180deg,#66bb6a 10%,#13855c 100%);
  background-size:cover
}
.bg-gradient-info {
  background-color:#3abaf4;
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#3abaf4),to(#258391));
  background-image:linear-gradient(180deg,#3abaf4 10%,#258391 100%);
  background-size:cover
}
.bg-gradient-warning {
  background-color:#ffa426;
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#ffa426),to(#dda20a));
  background-image:linear-gradient(180deg,#f6c23e 10%,#ffa426 100%);
  background-size:cover
}
.bg-gradient-danger {
  background-color:#fc544b;
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#fc544b),to(#be2617));
  background-image:linear-gradient(180deg,#fc544b 10%,#be2617 100%);
  background-size:cover
}
.bg-gradient-light {
  background-color:#e3eaef;
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#e3eaef),to(#c2cbe5));
  background-image:linear-gradient(180deg,#e3eaef 10%,#c2cbe5 100%);
  background-size:cover
}
.bg-gradient-dark {
  background-color:#212121;
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#212121),to(#373840));
  background-image:linear-gradient(180deg,#212121 10%,#373840 100%);
  background-size:cover
}
.bg-gradient-default {
  background:linear-gradient(87deg,#172b4d 0,#1a174d 100%)!important
}
.bg-gradient-login {
  background-color:#f8f9fc;
  background-size:cover
}
.bg-gray-100 {
  background-color:#f8f9fc!important
}
.bg-gray-200 {
  background-color:#eaecf4!important
}
.bg-gray-300 {
  background-color:#dddfeb!important
}
.bg-gray-400 {
  background-color:#d1d3e2!important
}
.bg-gray-500 {
  background-color:#b7b9cc!important
}
.bg-gray-600 {
  background-color:#858796!important
}
.bg-gray-700 {
  background-color:#6e707e!important
}
.bg-gray-800 {
  background-color:#5a5c69!important
}
.bg-gray-900 {
  background-color:#3a3b45!important
}
.o-hidden {
  overflow:hidden!important
}
.text-xs {
  font-size:.7rem
}
.text-lg {
  font-size:1.2rem
}
.text-gray-100 {
  color:#f8f9fc!important
}
.text-gray-200 {
  color:#eaecf4!important
}
.text-gray-300 {
  color:#dddfeb!important
}
.text-gray-400 {
  color:#d1d3e2!important
}
.text-gray-500 {
  color:#b7b9cc!important
}
.text-gray-600 {
  color:#858796!important
}
.text-gray-700 {
  color:#6e707e!important
}
.text-gray-800 {
  color:#5a5c69!important
}
.text-gray-900 {
  color:#3a3b45!important
}
.icon-circle {
  height:2.5rem;
  width:2.5rem;
  border-radius:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.border-left-primary {
  border-left:.25rem solid #3f51b5!important
}
.border-bottom-primary {
  border-bottom:.25rem solid #3f51b5!important
}
.border-left-secondary {
  border-left:.25rem solid #757575!important
}
.border-bottom-secondary {
  border-bottom:.25rem solid #757575!important
}
.border-left-success {
  border-left:.25rem solid #66bb6a!important
}
.border-bottom-success {
  border-bottom:.25rem solid #66bb6a!important
}
.border-left-info {
  border-left:.25rem solid #4dd0e1!important
}
.border-bottom-info {
  border-bottom:.25rem solid #4dd0e1!important
}
.border-left-warning {
  border-left:.25rem solid #ffeb3b!important
}
.border-bottom-warning {
  border-bottom:.25rem solid #ffeb3b!important
}
.border-left-danger {
  border-left:.25rem solid #ef5350!important
}
.border-bottom-danger {
  border-bottom:.25rem solid #ef5350!important
}
.border-left-light {
  border-left:.25rem solid #f8f9fc!important
}
.border-bottom-light {
  border-bottom:.25rem solid #f8f9fc!important
}
.border-left-dark {
  border-left:.25rem solid #5a5c69!important
}
.border-bottom-dark {
  border-bottom:.25rem solid #5a5c69!important
}
.progress-sm {
  height:.5rem
}
.rotate-15 {
  -webkit-transform:rotate(15deg);
  transform:rotate(15deg)
}
.rotate-n-15 {
  -webkit-transform:rotate(-15deg);
  transform:rotate(-15deg)
}
.dropdown .dropdown-menu {
  font-size:.85rem;
  -webkit-box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important
}
.dropdown .dropdown-menu .dropdown-header {
  font-weight:800;
  font-size:.65rem;
  color:#b7b9cc
}
.dropdown.no-arrow .dropdown-toggle::after {
  display:none
}
.sidebar .nav-item.dropdown .dropdown-toggle::after,
.topbar .nav-item.dropdown .dropdown-toggle::after {
  width:1rem;
  text-align:center;
  float:right;
  vertical-align:0;
  border:0;
  font-weight:900;
  content:'\f105';
  font-family:'Font Awesome 5 Free'
}
.sidebar .nav-item.dropdown.show .dropdown-toggle::after,
.topbar .nav-item.dropdown.show .dropdown-toggle::after {
  content:'\f107'
}
.sidebar .nav-item .nav-link,
.topbar .nav-item .nav-link {
  position:relative
}
.sidebar .nav-item .nav-link .badge-counter,
.topbar .nav-item .nav-link .badge-counter {
  position:absolute;
  -webkit-transform:scale(.7);
  transform:scale(.7);
  -webkit-transform-origin:top right;
  transform-origin:top right;
  right:.25rem;
  margin-top:-.25rem
}
.sidebar .nav-item .nav-link .img-profile,
.topbar .nav-item .nav-link .img-profile {
  height:2rem;
  width:2rem;
  border:1px solid #fafafa
}
.topbar {
  height:4.375rem;
  z-index:2;
  -webkit-box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important
}
.topbar #sidebarToggleTop {
  height:2.5rem;
  width:2.5rem;
  -webkit-box-shadow:0 0!important;
  box-shadow:0 0!important
}
.topbar #sidebarToggleTop:hover {
  background-color:#fafafa
}
.topbar #sidebarToggleTop:active {
  background-color:#dddfeb
}
.topbar .navbar-search {
  width:25rem
}
.topbar .navbar-search input {
  font-size:.85rem
}
.topbar .topbar-divider {
  width:0;
  border-right:1px solid #e3e6f0;
  height:calc(4.375rem - 2rem);
  margin:auto 1rem
}
.topbar .nav-item .nav-link {
  height:4.375rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:0 .75rem
}
.topbar .nav-item .nav-link:focus {
  outline:0
}
.topbar .nav-item:focus {
  outline:0
}
.topbar .dropdown {
  position:static
}
.topbar .dropdown .dropdown-menu {
  width:calc(100% - 1.5rem);
  right:.75rem
}
.topbar .dropdown-list {
  padding:0;
  border:none;
  overflow:hidden
}
.topbar .dropdown-list .dropdown-header {
  background-color:#3f51b5;
  border:1px solid #3f51b5;
  padding-top:.75rem;
  padding-bottom:.75rem;
  color:#fff
}
.topbar .dropdown-list .dropdown-item {
  white-space:normal;
  padding-top:.5rem;
  padding-bottom:.5rem;
  border-left:1px solid #e3e6f0;
  border-right:1px solid #e3e6f0;
  border-bottom:1px solid #e3e6f0;
  line-height:1.3rem
}
.topbar .dropdown-list .dropdown-item .dropdown-list-image {
  position:relative;
  height:2.5rem;
  width:2.5rem
}
.topbar .dropdown-list .dropdown-item .dropdown-list-image img {
  height:2.5rem;
  width:2.5rem
}
.topbar .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
  background-color:#eaecf4;
  height:.75rem;
  width:.75rem;
  border-radius:100%;
  position:absolute;
  bottom:0;
  right:0;
  border:.125rem solid #fff
}
.topbar .dropdown-list .dropdown-item .text-truncate {
  max-width:10rem
}
.topbar .dropdown-list .dropdown-item:active {
  background-color:#eaecf4;
  color:#3a3b45
}
@media (min-width:576px) {
  .topbar .dropdown {
    position:relative
  }
  .topbar .dropdown .dropdown-menu {
    width:auto;
    right:0
  }
  .topbar .dropdown-list {
    width:20rem!important
  }
  .topbar .dropdown-list .dropdown-item .text-truncate {
    max-width:13.375rem
  }
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link {
  color:#fafafa;
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
  color:#e0e0e0;
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link:active {
  color:#858796
}
.bg-navbar {
  background-color:#8cb201 
}
.sidebar {
  min-height:100vh;
  width:14rem!important;
  background-color:#fff!important;
  -webkit-box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
  z-index:0
}
.sidebar .nav-item {
  position:relative;
  margin-bottom:-15px
}
.sidebar .nav-item:last-child {
  margin-bottom:1rem
}
.sidebar .nav-item .nav-link {
  display:block;
  width:100%;
  text-align:left;
  padding:1rem;
  width:14rem
}
.sidebar .nav-item .nav-link i {
  font-size:.85rem;
  margin-right:.25rem
}
.sidebar .nav-item .nav-link span {
  font-size:.85rem;
  display:inline
}
.sidebar .nav-item.active .nav-link {
  font-weight:800
}
.sidebar .nav-item .nav-link[data-toggle=collapse]::after {
  width:1rem;
  text-align:center;
  float:right;
  vertical-align:0;
  border:0;
  font-weight:900;
  content:'\f107';
  font-family:'Font Awesome 5 Free'
}
.sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after {
  content:'\f105'
}
.sidebar .nav-item .collapse {
  position:relative;
  left:0;
  z-index:1;
  top:0;
  -webkit-animation:none;
  animation:none
}
.sidebar .nav-item .collapse .collapse-inner {
  border-radius:.35rem;
  -webkit-box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15);
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15);
  transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out
}
.sidebar .nav-item .collapsing {
  display:block;
  -webkit-transition:height .3s ease;
  transition:height .3s ease
}
.sidebar .nav-item .collapse,
.sidebar .nav-item .collapsing {
  margin:0 1rem
}
.sidebar .nav-item .collapse .collapse-inner,
.sidebar .nav-item .collapsing .collapse-inner {
  padding:.5rem 0;
  min-width:10rem;
  font-size:.85rem;
  margin:0 0 1rem 0
}
.sidebar .nav-item .collapse .collapse-inner .collapse-header,
.sidebar .nav-item .collapsing .collapse-inner .collapse-header {
  margin:0;
  white-space:nowrap;
  padding:.5rem 1.5rem;
  text-transform:uppercase;
  font-weight:800;
  font-size:.65rem;
  color:#b7b9cc
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
  padding:.5rem 1rem;
  margin:0 .5rem;
  display:block;
  color:#3a3b45;
  text-decoration:none;
  border-radius:.35rem;
  white-space:nowrap
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  background-color:#eaecf4;
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
  background-color:#dddfeb
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  color:#3a3b45;
  font-weight:800
}
.sidebar #sidebarToggle {
  width:2.5rem;
  height:2.5rem;
  text-align:center;
  margin-bottom:1rem;
  cursor:pointer
}
.sidebar #sidebarToggle::after {
  font-weight:900;
  content:'\f104';
  font-family:'Font Awesome 5 Free';
  margin-right:.1rem
}
.sidebar #sidebarToggle:hover {
  text-decoration:none
}
.sidebar #sidebarToggle:focus {
  outline:0
}
.sidebar .sidebar-brand {
  height:4.375rem;
  text-decoration:none;
  font-size:1rem;
  font-weight:800;
  padding:1.5rem 1rem;
  text-align:center;
  letter-spacing:.05rem;
  z-index:1
}
.sidebar .sidebar-brand .sidebar-brand-icon img {
  max-height:2.3rem
}
.sidebar hr.sidebar-divider {
  margin:1rem 0 1rem 0
}
.sidebar .sidebar-heading {
  text-align:left;
  padding:0 1rem;
  font-weight:800;
  font-size:.65rem;
  letter-spacing:.13rem
}
.sidebar .version {
  text-align:left;
  font-size:.6rem;
  padding:0 1rem;
  color:#b7b9cc;
  letter-spacing:.030rem
}
.sidebar .sidebar-brand .sidebar-brand-text {
  display:inline
}
.sidebar.toggled {
  overflow:visible;
  width:6.5rem!important;
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  z-index:1
}
.sidebar.toggled .nav-item {
  margin-bottom:0
}
.sidebar.toggled hr.sidebar-divider {
  margin:0 0 1rem 0
}
.sidebar.toggled #sidebarToggle::after {
  content:'\f105';
  font-family:'Font Awesome 5 Free';
  margin-left:.25rem
}
.sidebar.toggled .nav-item .collapse {
  position:absolute;
  left:calc(6.5rem + 1.5rem / 2);
  top:2px;
  -webkit-animation-name:growIn;
  animation-name:growIn;
  -webkit-animation-duration:.2s;
  animation-duration:.2s;
  -webkit-animation-timing-function:transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1);
  animation-timing-function:transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1)
}
.sidebar.toggled .nav-item .collapse,
.sidebar.toggled .nav-item .collapsing {
  margin:0
}
.sidebar.toggled .nav-item .collapse .collapse-inner {
  -webkit-box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15);
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15);
  border-radius:.35rem
}
.sidebar.toggled .nav-item .collapsing {
  display:none;
  -webkit-transition:none;
  transition:none
}
.sidebar.toggled .nav-item:last-child {
  margin-bottom:1rem
}
.sidebar.toggled .nav-item .nav-link {
  text-align:center;
  padding:.75rem 1rem;
  width:6.5rem
}
.sidebar.toggled .nav-item .nav-link {
  background-color:transparent!important
}
.sidebar.toggled .sidebar-heading {
  display:none
}
.sidebar.toggled .nav-item .nav-link span {
  display:none
}
.sidebar.toggled .nav-item .nav-link i {
  float:left;
  text-align:center;
  font-size:1rem;
  margin:0 0 .7rem 1rem
}
.sidebar.toggled .sidebar-brand .sidebar-brand-text {
  display:none
}
.sidebar.toggled .nav-item .nav-link[data-toggle=collapse]::after {
  width:1rem;
  text-align:center;
  float:right;
  vertical-align:0;
  border:0;
  font-weight:900;
  content:'\f107';
  font-family:'Font Awesome 5 Free'
}
.sidebar.toggled .nav-item .nav-link[data-toggle=collapse].collapsed::after {
  content:'\f105'
}
.login-form {
  padding:3rem!important
}
@media (max-width:768px) {
  #container-wrapper {
    min-width:100vw
  }
  .sidebar.toggled {
    width:100vw!important;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out
  }
  .sidebar.toggled .nav-item {
    margin-left:-1rem;
    position:relative;
    margin-bottom:-15px
  }
  .sidebar.toggled .nav-item .nav-link {
    display:block;
    width:100%;
    text-align:left;
    padding:1rem;
    width:14rem
  }
  .sidebar.toggled .nav-item .nav-link i {
    font-size:.85rem;
    margin-top:.4rem;
    margin-right:.5rem
  }
  .sidebar.toggled .nav-item .nav-link span {
    font-size:.85rem;
    display:inline
  }
  .sidebar.toggled .nav-item.active .nav-link {
    font-weight:700
  }
  .sidebar.toggled .nav-item .nav-link[data-toggle=collapse]::after {
    width:1rem;
    text-align:center;
    float:right;
    vertical-align:0;
    border:0;
    font-weight:900;
    content:'\f107';
    font-family:'Font Awesome 5 Free'
  }
  .sidebar.toggled .nav-item .nav-link[data-toggle=collapse].collapsed::after {
    content:'\f105'
  }
  .sidebar.toggled .nav-item .collapse {
    position:relative;
    padding-left:1rem;
    left:0;
    z-index:1;
    top:0;
    -webkit-transition:height .15s ease;
    transition:height .15s ease
  }
  .sidebar.toggled .nav-item .collapse .collapse-inner {
    border-radius:.35rem;
    -webkit-box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15);
    box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)
  }
  .sidebar.toggled .nav-item .collapse,
  .sidebar.toggled .nav-item .collapsing {
    margin:0 1rem
  }
  .sidebar.toggled .nav-item .collapse .collapse-inner,
  .sidebar.toggled .nav-item .collapsing .collapse-inner {
    padding:.5rem 0;
    min-width:10rem;
    font-size:.85rem;
    margin:0 0 1rem 0
  }
  .sidebar.toggled .nav-item .collapse .collapse-inner .collapse-header,
  .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-header {
    margin:0;
    white-space:nowrap;
    padding:.5rem 1.5rem;
    text-transform:uppercase;
    font-weight:800;
    font-size:.65rem;
    color:#b7b9cc
  }
  .sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item,
  .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item {
    padding:.5rem 1rem;
    margin:0 .5rem;
    display:block;
    color:#3a3b45;
    text-decoration:none;
    border-radius:.35rem;
    white-space:nowrap
  }
  .sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item:hover,
  .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color:#eaecf4;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out
  }
  .sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item:active,
  .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item:active {
    background-color:#dddfeb
  }
  .sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item.active,
  .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item.active {
    color:#3f51b5;
    font-weight:800
  }
  .sidebar.toggled .sidebar-brand {
    height:4.375rem;
    text-decoration:none;
    font-size:1rem;
    font-weight:800;
    padding:1.5rem 1rem;
    text-align:center;
    letter-spacing:.05rem;
    z-index:1
  }
  .sidebar.toggled hr.sidebar-divider {
    margin:1rem 0 1rem 0
  }
  .sidebar.toggled .sidebar-heading {
    display:block;
    text-align:left;
    padding:0 1rem;
    font-weight:800;
    font-size:.65rem;
    letter-spacing:.13rem
  }
  .sidebar.toggled .sidebar-brand .sidebar-brand-text {
    display:inline
  }
  .sidebar {
    width:0!important;
    overflow:hidden;
    transition:all .3s ease;
    -webkit-transition:all .3s ease
  }
  .sidebar .sidebar-brand {
    overflow:hidden
  }
  .sidebar .sidebar-brand .sidebar-brand-text {
    overflow:hidden
  }
  .sidebar .nav-item {
    overflow:hidden
  }
  .sidebar .sidebar-brand .sidebar-brand-icon img {
    overflow:hidden
  }
  .sidebar hr.sidebar-divider {
    margin:1rem 0 1rem 0
  }
  .topbar .navbar-search {
    width:100%
  }
  .login-form {
    padding:3rem 2rem!important
  }
}
.breadcrumb {
  background-color:transparent;
  font-size:12px;
  font-weight:700
}
.sidebar-light .sidebar-brand {
  color:#fafafa;
  background-color:#757575
}
.sidebar-light hr.sidebar-divider {
  border-top:1px solid #eaecf4
}
.sidebar-light .sidebar-heading {
  color:#b7b9cc
}
.sidebar-light .nav-item .nav-link {
  color:#858796
}
.sidebar-light .nav-item .nav-link i {
  color:#9e9e9e
}
.sidebar-light .nav-item .nav-link:active,
.sidebar-light .nav-item .nav-link:focus,
.sidebar-light .nav-item .nav-link:hover {
  color:#6e707e;
  background-color:#eee
}
.sidebar-light .nav-item .nav-link:active i,
.sidebar-light .nav-item .nav-link:focus i,
.sidebar-light .nav-item .nav-link:hover i {
  color:#6e707e
}
.sidebar-light .nav-item .nav-link[data-toggle=collapse]::after {
  color:#b7b9cc
}
.sidebar-light .nav-item.active .nav-link {
  color:#6e707e
}
.sidebar-light .nav-item.active .nav-link i {
  color:#6e707e
}
.sidebar-light #sidebarToggle {
  background-color:#eaecf4
}
.sidebar-light #sidebarToggle::after {
  color:#b7b9cc
}
.sidebar-light #sidebarToggle:hover {
  background-color:#dddfeb
}
.sidebar-dark .sidebar-brand {
  color:#fff
}
.sidebar-dark hr.sidebar-divider {
  border-top:1px solid rgba(255,255,255,.15)
}
.sidebar-dark .sidebar-heading {
  color:rgba(255,255,255,.4)
}
.sidebar-dark .nav-item .nav-link {
  color:rgba(255,255,255,.8)
}
.sidebar-dark .nav-item .nav-link i {
  color:#d1d3e2
}
.sidebar-dark .nav-item .nav-link:active,
.sidebar-dark .nav-item .nav-link:focus,
.sidebar-dark .nav-item .nav-link:hover {
  color:#fff
}
.sidebar-dark .nav-item .nav-link:active i,
.sidebar-dark .nav-item .nav-link:focus i,
.sidebar-dark .nav-item .nav-link:hover i {
  color:#fff
}
.sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after {
  color:rgba(255,255,255,.5)
}
.sidebar-dark .nav-item.active .nav-link {
  color:#fff
}
.sidebar-dark .nav-item.active .nav-link i {
  color:#fff
}
.sidebar-dark #sidebarToggle {
  background-color:rgba(255,255,255,.2)
}
.sidebar-dark #sidebarToggle::after {
  color:rgba(255,255,255,.5)
}
.sidebar-dark #sidebarToggle:hover {
  background-color:rgba(255,255,255,.25)
}
.sidebar-dark.toggled #sidebarToggle::after {
  color:rgba(255,255,255,.5)
}
.btn-icon-split {
  padding:0;
  overflow:hidden;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.btn-icon-split .icon {
  background:rgba(0,0,0,.15);
  display:inline-block;
  padding:.375rem .75rem
}
.btn-icon-split .text {
  display:inline-block;
  padding:.375rem .75rem
}
.btn-group-sm>.btn-icon-split.btn .icon,
.btn-icon-split.btn-sm .icon {
  padding:.25rem .5rem
}
.btn-group-sm>.btn-icon-split.btn .text,
.btn-icon-split.btn-sm .text {
  padding:.25rem .5rem
}
.btn-group-lg>.btn-icon-split.btn .icon,
.btn-icon-split.btn-lg .icon {
  padding:.5rem 1rem
}
.btn-group-lg>.btn-icon-split.btn .text,
.btn-icon-split.btn-lg .text {
  padding:.5rem 1rem
}
.card .card-header .dropdown {
  line-height:1
}
.card .card-header .dropdown .dropdown-menu {
  line-height:1.5
}
.card .card-header[data-toggle=collapse] {
  text-decoration:none;
  position:relative;
  padding:.75rem 3.25rem .75rem 1.25rem
}
.card .card-header[data-toggle=collapse]::after {
  position:absolute;
  right:0;
  top:0;
  padding-right:1.725rem;
  line-height:51px;
  font-weight:900;
  content:'\f107';
  font-family:'Font Awesome 5 Free'
}
.card .card-header[data-toggle=collapse].collapsed {
  border-radius:.35rem
}
.card .card-header[data-toggle=collapse].collapsed::after {
  content:'\f105'
}
.chart-area {
  position:relative;
  height:10rem;
  width:100%
}
@media (min-width:768px) {
  .chart-area {
    height:20rem
  }
}
.chart-bar {
  position:relative;
  height:10rem;
  width:100%
}
@media (min-width:768px) {
  .chart-bar {
    height:20rem
  }
}
.chart-pie {
  position:relative;
  height:15rem;
  width:100%
}
@media (min-width:768px) {
  .chart-pie {
    height:calc(20rem - 43px)!important
  }
}
.bg-login-image {
  background-position:center;
  background-size:cover
}
.bg-register-image {
  background-position:center;
  background-size:cover
}
.bg-password-image {
  background-position:center;
  background-size:cover
}
.btn-google {
  color:#434334;
  background-color:#fff;
  border-color:#bdbdbd;
  -webkit-box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important;
  box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important;
  border-radius:.25rem
}
.btn-google:hover {
  color:#434343;
  background-color:#f5f5f5;
  border-color:#434343
}
.btn-google.focus,
.btn-google:focus {
  -webkit-box-shadow:0 0 0 .2rem rgba(255,255,255,.5);
  box-shadow:0 0 0 .2rem rgba(255,255,255,.5)
}
.btn-google.disabled,
.btn-google:disabled {
  color:#434343;
  background-color:#eee;
  border-color:#434334
}
.btn-google:not(:disabled):not(.disabled).active,
.btn-google:not(:disabled):not(.disabled):active,
.show>.btn-google.dropdown-toggle {
  color:#434334;
  background-color:#eee;
  border-color:#434343
}
.btn-google:not(:disabled):not(.disabled).active:focus,
.btn-google:not(:disabled):not(.disabled):active:focus,
.show>.btn-google.dropdown-toggle:focus {
  -webkit-box-shadow:0 0 0 .2rem rgba(255,255,255,.5);
  box-shadow:0 0 0 .2rem rgba(255,255,255,.5)
}
.btn-facebook {
  color:#fff;
  background-color:#3b5998;
  border-color:#fff;
  -webkit-box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important;
  box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important;
  border-radius:.25rem
}
.btn-facebook:hover {
  color:#fff;
  background-color:#30497c;
  border-color:#e6e6e6
}
.btn-facebook.focus,
.btn-facebook:focus {
  -webkit-box-shadow:0 0 0 .2rem rgba(255,255,255,.5);
  box-shadow:0 0 0 .2rem rgba(255,255,255,.5)
}
.btn-facebook.disabled,
.btn-facebook:disabled {
  color:#fff;
  background-color:#3b5998;
  border-color:#fff
}
.btn-facebook:not(:disabled):not(.disabled).active,
.btn-facebook:not(:disabled):not(.disabled):active,
.show>.btn-facebook.dropdown-toggle {
  color:#fff;
  background-color:#2d4373;
  border-color:#dfdfdf
}
.btn-facebook:not(:disabled):not(.disabled).active:focus,
.btn-facebook:not(:disabled):not(.disabled):active:focus,
.show>.btn-facebook.dropdown-toggle:focus {
  -webkit-box-shadow:0 0 0 .2rem rgba(255,255,255,.5);
  box-shadow:0 0 0 .2rem rgba(255,255,255,.5)
}
.error {
  color:#5a5c69;
  font-size:7rem;
  position:relative;
  line-height:1;
  width:12.5rem
}
@-webkit-keyframes noise-anim {
  0% {
    clip:rect(31px,9999px,91px,0)
  }
  5% {
    clip:rect(70px,9999px,29px,0)
  }
  10% {
    clip:rect(3px,9999px,56px,0)
  }
  15% {
    clip:rect(7px,9999px,78px,0)
  }
  20% {
    clip:rect(97px,9999px,4px,0)
  }
  25% {
    clip:rect(24px,9999px,60px,0)
  }
  30% {
    clip:rect(80px,9999px,41px,0)
  }
  35% {
    clip:rect(78px,9999px,14px,0)
  }
  40% {
    clip:rect(20px,9999px,23px,0)
  }
  45% {
    clip:rect(70px,9999px,61px,0)
  }
  50% {
    clip:rect(65px,9999px,89px,0)
  }
  55% {
    clip:rect(74px,9999px,25px,0)
  }
  60% {
    clip:rect(76px,9999px,84px,0)
  }
  65% {
    clip:rect(56px,9999px,10px,0)
  }
  70% {
    clip:rect(85px,9999px,58px,0)
  }
  75% {
    clip:rect(46px,9999px,71px,0)
  }
  80% {
    clip:rect(6px,9999px,64px,0)
  }
  85% {
    clip:rect(20px,9999px,84px,0)
  }
  90% {
    clip:rect(57px,9999px,26px,0)
  }
  95% {
    clip:rect(36px,9999px,92px,0)
  }
  100% {
    clip:rect(12px,9999px,53px,0)
  }
}
@keyframes noise-anim {
  0% {
    clip:rect(31px,9999px,91px,0)
  }
  5% {
    clip:rect(70px,9999px,29px,0)
  }
  10% {
    clip:rect(3px,9999px,56px,0)
  }
  15% {
    clip:rect(7px,9999px,78px,0)
  }
  20% {
    clip:rect(97px,9999px,4px,0)
  }
  25% {
    clip:rect(24px,9999px,60px,0)
  }
  30% {
    clip:rect(80px,9999px,41px,0)
  }
  35% {
    clip:rect(78px,9999px,14px,0)
  }
  40% {
    clip:rect(20px,9999px,23px,0)
  }
  45% {
    clip:rect(70px,9999px,61px,0)
  }
  50% {
    clip:rect(65px,9999px,89px,0)
  }
  55% {
    clip:rect(74px,9999px,25px,0)
  }
  60% {
    clip:rect(76px,9999px,84px,0)
  }
  65% {
    clip:rect(56px,9999px,10px,0)
  }
  70% {
    clip:rect(85px,9999px,58px,0)
  }
  75% {
    clip:rect(46px,9999px,71px,0)
  }
  80% {
    clip:rect(6px,9999px,64px,0)
  }
  85% {
    clip:rect(20px,9999px,84px,0)
  }
  90% {
    clip:rect(57px,9999px,26px,0)
  }
  95% {
    clip:rect(36px,9999px,92px,0)
  }
  100% {
    clip:rect(12px,9999px,53px,0)
  }
}
.error:after {
  content:attr(data-text);
  position:absolute;
  left:2px;
  text-shadow:-1px 0 #e74a3b;
  top:0;
  color:#5a5c69;
  background:#f8f9fc;
  overflow:hidden;
  clip:rect(0,900px,0,0);
  animation:noise-anim 2s infinite linear alternate-reverse
}
@-webkit-keyframes noise-anim-2 {
  0% {
    clip:rect(68px,9999px,1px,0)
  }
  5% {
    clip:rect(44px,9999px,53px,0)
  }
  10% {
    clip:rect(72px,9999px,43px,0)
  }
  15% {
    clip:rect(18px,9999px,16px,0)
  }
  20% {
    clip:rect(6px,9999px,72px,0)
  }
  25% {
    clip:rect(18px,9999px,16px,0)
  }
  30% {
    clip:rect(93px,9999px,46px,0)
  }
  35% {
    clip:rect(100px,9999px,33px,0)
  }
  40% {
    clip:rect(27px,9999px,29px,0)
  }
  45% {
    clip:rect(5px,9999px,64px,0)
  }
  50% {
    clip:rect(40px,9999px,65px,0)
  }
  55% {
    clip:rect(72px,9999px,49px,0)
  }
  60% {
    clip:rect(44px,9999px,39px,0)
  }
  65% {
    clip:rect(84px,9999px,45px,0)
  }
  70% {
    clip:rect(99px,9999px,56px,0)
  }
  75% {
    clip:rect(87px,9999px,20px,0)
  }
  80% {
    clip:rect(52px,9999px,8px,0)
  }
  85% {
    clip:rect(64px,9999px,22px,0)
  }
  90% {
    clip:rect(51px,9999px,69px,0)
  }
  95% {
    clip:rect(2px,9999px,11px,0)
  }
  100% {
    clip:rect(19px,9999px,40px,0)
  }
}
@keyframes noise-anim-2 {
  0% {
    clip:rect(68px,9999px,1px,0)
  }
  5% {
    clip:rect(44px,9999px,53px,0)
  }
  10% {
    clip:rect(72px,9999px,43px,0)
  }
  15% {
    clip:rect(18px,9999px,16px,0)
  }
  20% {
    clip:rect(6px,9999px,72px,0)
  }
  25% {
    clip:rect(18px,9999px,16px,0)
  }
  30% {
    clip:rect(93px,9999px,46px,0)
  }
  35% {
    clip:rect(100px,9999px,33px,0)
  }
  40% {
    clip:rect(27px,9999px,29px,0)
  }
  45% {
    clip:rect(5px,9999px,64px,0)
  }
  50% {
    clip:rect(40px,9999px,65px,0)
  }
  55% {
    clip:rect(72px,9999px,49px,0)
  }
  60% {
    clip:rect(44px,9999px,39px,0)
  }
  65% {
    clip:rect(84px,9999px,45px,0)
  }
  70% {
    clip:rect(99px,9999px,56px,0)
  }
  75% {
    clip:rect(87px,9999px,20px,0)
  }
  80% {
    clip:rect(52px,9999px,8px,0)
  }
  85% {
    clip:rect(64px,9999px,22px,0)
  }
  90% {
    clip:rect(51px,9999px,69px,0)
  }
  95% {
    clip:rect(2px,9999px,11px,0)
  }
  100% {
    clip:rect(19px,9999px,40px,0)
  }
}
.error:before {
  content:attr(data-text);
  position:absolute;
  left:-2px;
  text-shadow:1px 0 #3f51b5;
  top:0;
  color:#5a5c69;
  background:#f8f9fc;
  overflow:hidden;
  clip:rect(0,900px,0,0);
  animation:noise-anim-2 3s infinite linear alternate-reverse
}
footer.sticky-footer {
  padding:2rem 0;
  -ms-flex-negative:0;
  flex-shrink:0;
  -webkit-box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15);
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)
}
footer.sticky-footer .copyright {
  line-height:1;
  font-size:.8rem
}
footer.sticky-footer .copyright a {
  color:#455a64
}
footer.sticky-footer .copyright a:hover {
  text-decoration:none
}
body.sidebar-toggled footer.sticky-footer {
  width:100%
}
.bg-blue {
  background-color:#e8eaf6!important
}
.table-flush td,
.table-flush th {
  border-right:0;
  border-left:0
}
.table-flush tbody tr:first-child td,
.table-flush tbody tr:first-child th {
  border-top:0
}
.table-flush tbody tr:last-child td,
.table-flush tbody tr:last-child th {
  border-bottom:0
}
.card .table {
  margin-bottom:0
}
.card .table td,
.card .table th {
  padding-right:1.5rem;
  padding-left:1.5rem
}
.customer-message {
  border-bottom:1px solid #e3e6f0;
  padding-bottom:10px;
  padding-top:10px
}
.customer-message:hover {
  background-color:#f8f9fc
}
.customer-message a .message-title {
  padding-right:1.3rem;
  padding-left:1.3rem
}
.customer-message a .message-time {
  padding-right:1.3rem;
  padding-left:1.3rem
}
.customer-message a:hover {
  text-decoration:none
}
.btn-outline-light {
  color:#373840
}
.card {
  -webkit-box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important
}
.input-group-append .btn {
  -webkit-box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important;
  box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important
}
.input-group-append .btn:hover {
  -webkit-box-shadow:0 .125rem .3rem 0 rgba(58,59,69,.4)!important;
  box-shadow:0 .125rem .3rem 0 rgba(58,59,69,.4)!important
}
.form-control:focus {
  border:1px solid #6777ef
}
.input-group-append span {
  -webkit-box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important;
  box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important;
  color:#fff;
  background-color:#3f51b5;
  border-color:#3f51b5
}
.input-group-prepend span {
  -webkit-box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important;
  box-shadow:0 .125rem .25rem 0 rgba(58,59,69,.2)!important;
  color:#fff;
  background-color:#3f51b5;
  border-color:#3f51b5
}