@media screen and (min-width: 1024.02px) {
  .sidebar-wrapper.show .sidebar .menu-item:hover .submenu {
    display: block;
  }
  .sidebar-wrapper::-webkit-scrollbar {
    width: 5px;
  }
  .sidebar-wrapper::-webkit-scrollbar-track {
    background: #eaeaea;
  }
  .sidebar-wrapper::-webkit-scrollbar-thumb {
    background-color: #b9d9f5;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.35);
  }
  .chart-container {
    min-height: 350px;
  }
}
@media screen and (max-width: 1024px) {
  .sidebar-wrapper {
    display: none;
    position: fixed;
    top: 80px;
    left: -20rem;
    height: calc(100vh - 80px);
    transition: 0.4s all;
  }
  .sidebar-wrapper.show {
    display: block;
    left: 0rem;
    width: 20rem;
    height: calc(100vh - 80px);
  }
  .sidebar-wrapper.show .sidebar {
    height: 100%;
    overflow-y: auto !important;
  }
  .sidebar-wrapper.show .sidebar .menu-item > .menu-link span {
    position: relative;
    display: inline-block;
    opacity: 1;
    left: 0;
    padding: 0;
    background: transparent;
  }
  .sidebar-wrapper.show .sidebar .menu-item .submenu {
    position: relative;
    left: 2rem;
    width: calc(100% - 2rem);
  }
  .sidebar-wrapper.show .sidebar .menu-item .submenu.show {
    display: block;
  }
  .sidebar-wrapper.show .sidebar .menu-item > .menu-link i.bi-chevron-down {
    display: block;
  }
  .sidebar-wrapper.show .sidebar .menu-item > .menu-link span {
    width: calc(100% - 6.5rem);
  }
  .sidebar-wrapper.show .sidebar .menu-item:hover > .menu-link span {
    min-width: 161px;
  }
}
@media screen and (max-width: 640px) {
  .user-desc {
    display: none;
  }
  .header-right .icon-wrapper {
    width: 2rem;
    height: 2rem;
  }
  .header-right .icon-wrapper i {
    font-size: 1.2rem;
  }
  .header-wrapper .sidebar-toggler {
    margin-left: 0px;
  }
  .header-wrapper img.rounded-circle {
    width: 2rem;
    height: 2rem;
  }
  .header-wrapper .header-dots {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #e0e0e0;
  }
  .chart-container {
    min-height: 280px;
  }
}
@media screen and (max-width: 767.98px) {
  .thumb-with-icon {
    text-align: center;
  }
  .thumb-with-icon .icon-wrapper {
    margin: auto;
    margin-bottom: 1rem;
  }
  .thumb h3 {
    font-size: 1.4rem;
  }
}/*# sourceMappingURL=responsive.css.map */