/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
@import url("https://fonts.googleapis.com/css2?family=Licorice&family=M+PLUS+Rounded+1c:wght@500&display=swap");

#sidebar-wrapper {
  position: fixed;
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
  z-index: 99;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

.sidebar-heading img {
  border-radius: 10%;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 90vw;
  margin-top: 3rem;
}

#wrapper.toggled #sidebar-wrapper,
#wrapper.toggled #page-content-wrapper {
  margin-left: 0;
  transition: 0.7s;
}

#wrapper.toggled .navbar.fixed-top {
  left: 15rem;
  transition: 0.8s;
}

.hide-element{
  display: none!important;
  transition: 0.8s;
}

@media (max-width: 768px) {
  #wrapper.toggled #search {
    display: none;
    transition: 0.8s;
  }

  #search input {
    width: 150px;
    margin-right: .5rem;
  }
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  .navbar.fixed-top {
    left: 15rem;
  }

  #wrapper.toggled .navbar.fixed-top {
    left: 0;
    transition: 0.8s;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
    margin-left: 15rem;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}

#menu-toggle {
  border: 0px solid #333;
  border-radius: 5px;
  font-size: 25px;
}

.logo-title {
  margin-bottom: 0;
  font-family: 'Licorice', cursive;
  text-align: center;
  font-size: 22px;
}

h4 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

.container-content {
  padding: 3em 3em;
}

.title {
  text-align: center;
}

hr {
  width: 20rem;
  border: 1px solid #111;
}

.breadcrumbs,
.note {
  color: #838080;
}


.chart {
  height: 350px !important;
}

.chart-bar {
  height: 350px !important;
}


@media (max-width: 768px) {
  .container-content {
    padding: 1em 1em;
  }

  .chart {
    height: 300px !important;
  }

  .chart-bar {
    height: 300px !important;
  }

  .container {
    padding: 50px 0em !important;
  }
}

.card {
  max-width: 18rem;
}

.border-left-one {
  border-left: .35rem solid #7b93dd !important;
}

.border-left-second {
  border-left: .35rem solid #75d369 !important;
}

.border-left-third {
  border-left: .35rem solid #e9a1d1 !important;
}

.border-left-fourth {
  border-left: .35rem solid #cbe06a !important;
}

.border-left-fiveth {
  border-left: .35rem solid #db8e84 !important;
}

.border-left-warning {
  border-left: .35rem solid #cbe06a !important;
}

.border-left-normal {
  border-left: .35rem solid #75d369 !important;
}

.border-left-danger {
  border-left: .35rem solid #ff4362 !important;
}

.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.boxes{}
@media (max-width: 640px) {
.main-count{
  font-size: 120px!important;
  text-align: center;
}