@font-face {
  font-family: "Roboto";
  src: url("../lib/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}
/* Global Font */
body,
html {
  font-family: "Roboto" !important;
  font-size: 16px;
}
/* Begin:CustomScroll */
html {
  /* scrollbar-color: rgba(152, 152, 152, 0.051); */
  scrollbar-width: thin;
}

body::-webkit-scrollbar {
  width: 0.49em;
  height: 0.49em;
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
  background-color: #9898980d;
  outline: 1px solid #a07fbf;
}
/* End:CustomScroll */

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* Aside */

/* Aside icons */
.menu-link-p-0 {
  padding-left: 0px !important;
}
.aside-menu .menu-item {
  padding: 10px 0px;
}
.aside-menu .menu-item .menu-icon {
  flex-grow: 0.2;
}

.aside-menu .menu .menu-item .menu-content,
.aside-menu .menu .menu-item .menu-link {
  padding-left: 32px !important;
}
.aside-menu .menu-item .menu-link {
  justify-content: space-between;
}
.aside-menu .menu-item .menu-icon .menu-icon-title {
  padding-top: 10px;
}
/* Aside media */
@media (min-width: 992px) {
  [data-kt-aside-minimize="on"] .aside {
    width: 100px;
  }

  .aside {
    width: 100px;
  }

  .aside .aside-menu {
    width: 100px;
  }

  .aside-enabled.aside-fixed .wrapper {
    padding-left: 100px;
  }

  .aside-enabled.aside-fixed[data-kt-aside-minimize="on"] .wrapper {
    padding-left: 100px;
  }
  .aside-enabled.aside-fixed.header-fixed .header {
    left: 100px;
  }

  [data-kt-aside-minimize="on"] .aside.aside-hoverable:hover:not(.animating) {
    width: 100px;
  }
}

.menu-sub.menu-sub-lg-down-dropdown.show {
  top: 0px !important;
}

.aside-menu .menu .menu-item .dropdown-title a {
  padding-left: 0px !important;
}

.aside-enabled.aside-fixed.toolbar-fixed .toolbar {
  left: 100px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
  border-color: #888894;
}

.form-control,
.form-select{
  border-color: #c9c9c9;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Block ui */
.blockui-overlay {
  z-index: 999999 !important;
  box-shadow: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.badge-warning {
  color: #4a4a4a;
}