html {
  overflow-y: scroll;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  font-family: "Roboto";
  background: #f8f9fa;
}
section {
  flex: 1 0 0;
  padding-top: 50px;
}
section h1, section h2, section h3, section h4, section h5 {
  font-weight: 300;
}
hr {
  background-color: #e9ecef;
  opacity: 1;
}
a {
  color: #2a99f4;
  text-decoration: none;
}
a:hover {
  color: #0c80df;
}
header {
  background: #fff;
  color: #343a40;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  box-shadow: 0 0 10px rgba(33, 37, 41, 0.05);
  padding: 3px 0;
}
header a {
  color: #6c757d;
  transition: all 350ms;
}
header a:hover {
  color: #212529;
}
@media (min-width: 992px) {
  header .spacer {
    width: 220px;
  }
}
header nav.toolbar-container {
  padding-left: 15px;
}
header nav.toolbar-container ul.toolbar {
  margin: 0;
  padding: 4px 0;
  list-style: none;
  display: inline-block;
}
header nav.toolbar-container ul.toolbar li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
header nav.toolbar-container ul.toolbar li a {
  display: block;
  font-size: 0.9rem;
  padding: 6px 8px;
}
@media (min-width: 992px) {
  header nav.toolbar-container ul.toolbar li a {
    padding: 6px;
  }
}
header nav.toolbar-container ul.toolbar li a span {
  display: none;
}
@media (min-width: 992px) {
  header nav.toolbar-container ul.toolbar li a span {
    display: inline;
  }
}
header nav.toolbar-container ul.toolbar li a i.fa, header nav.toolbar-container ul.toolbar li a i.fad, header nav.toolbar-container ul.toolbar li a i.fal, header nav.toolbar-container ul.toolbar li a i.far, header nav.toolbar-container ul.toolbar li a i.fas, header nav.toolbar-container ul.toolbar li a i.fab {
  color: rgba(38, 198, 218, 0.5);
  transition: all 350ms;
}
header nav.toolbar-container ul.toolbar li a:hover i.fa, header nav.toolbar-container ul.toolbar li a:hover i.fad, header nav.toolbar-container ul.toolbar li a:hover i.fal, header nav.toolbar-container ul.toolbar li a:hover i.far, header nav.toolbar-container ul.toolbar li a:hover i.fas, header nav.toolbar-container ul.toolbar li a:hover i.fab {
  color: #26C6DA;
}
header nav.toolbar-container ul.toolbar.toolbar-mobile {
  padding-right: 15px;
  margin-right: 5px;
  border-right: 1px solid #e9ecef;
}
@media (min-width: 992px) {
  header nav.toolbar-container ul.toolbar.toolbar-mobile {
    display: none;
  }
}
header nav.user-menu-container {
  margin-right: 3px;
}
header nav.user-menu-container > ul.user-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
header nav.user-menu-container > ul.user-menu > li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}
header nav.user-menu-container > ul.user-menu > li > a {
  display: block;
  font-size: 0.9rem;
  padding: 5px 12px;
}
header nav.user-menu-container > ul.user-menu > li > a img {
  width: 32px;
}
@media (min-width: 768px) {
  header nav.user-menu-container > ul.user-menu > li > a img {
    float: left;
    margin-right: 5px;
  }
}
header nav.user-menu-container > ul.user-menu > li > a span {
  display: none;
}
@media (min-width: 768px) {
  header nav.user-menu-container > ul.user-menu > li > a span {
    display: inline-block;
    padding: 5px 0;
  }
}
header nav.user-menu-container > ul.user-menu > li > ul {
  display: none;
}
header nav.user-menu-container > ul.user-menu > li:hover {
  background: #f8f9fa;
  position: relative;
  border-radius: 5px 5px 0 0;
}
header nav.user-menu-container > ul.user-menu > li:hover > ul {
  display: block;
  margin: 0;
  padding: 6px 0 3px;
  list-style: none;
  position: absolute;
  background: #e9ecef;
  min-width: 100%;
  right: 0;
  border-radius: 0 0 5px 5px;
}
header nav.user-menu-container > ul.user-menu > li:hover > ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #f8f9fa;
}
header nav.user-menu-container > ul.user-menu > li:hover > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
header nav.user-menu-container > ul.user-menu > li:hover > ul > li > a {
  display: block;
  white-space: nowrap;
  font-size: 0.9rem;
  padding: 8px 10px;
}
footer {
  font-size: 0.85em;
  color: #adb5bd;
}
footer p {
  font-size: 0.85rem;
  margin-bottom: 0;
}
aside.main-menu-drawer {
  z-index: 100;
  position: absolute;
  display: none;
}
aside.main-menu-drawer .main-menu-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(33, 37, 41, 0.25);
}
aside.main-menu-drawer.is-open {
  display: block;
}
aside.main-menu-drawer.is-open .main-menu-overlay {
  display: block;
}
@media (min-width: 992px) {
  aside.main-menu-drawer.is-open .main-menu-overlay {
    display: none;
  }
}
aside.main-menu-drawer::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 220px;
  bottom: 0;
  background: #262a2f;
  box-shadow: 0 0 10px rgba(33, 37, 41, 0.15);
  z-index: 10;
}
@media (min-width: 992px) {
  aside.main-menu-drawer {
    display: block;
    position: relative;
    width: 220px;
  }
  aside.main-menu-drawer::before {
    box-shadow: none;
  }
}
aside.main-menu-drawer nav.main-menu-container {
  position: fixed;
  width: 220px;
  top: 1rem;
  z-index: 20;
}
aside.main-menu-drawer nav.main-menu-container .logo {
  padding: 0 1.5rem 0.75rem 1rem;
  margin-bottom: 0;
  border-bottom: 1px solid #2c3237;
}
aside.main-menu-drawer nav.main-menu-container .logo .logo-full {
  display: none;
}
aside.main-menu-drawer nav.main-menu-container .logo .logo-mobile {
  width: 34px;
}
@media (min-width: 768px) {
  aside.main-menu-drawer nav.main-menu-container .logo .logo-full {
    display: inline;
  }
  aside.main-menu-drawer nav.main-menu-container .logo .logo-mobile {
    display: none;
  }
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li.separator {
  border-top: 1px solid #2c3237;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li > a {
  display: block;
  color: #adb5bd;
  padding: 10px 10px 8px;
  font-size: 0.9rem;
  font-weight: 300;
  transition: all 350ms;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li > a i.fa, aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li > a i.fad, aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li > a i.fal, aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li > a i.far, aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li > a i.fas, aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li > a i.fab {
  margin-right: 3px;
  color: #495057;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li > a:hover {
  color: #fff;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li > ul {
  display: none;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li.is-active > a {
  background: #2a2f34;
  color: #fff;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li.is-active > ul {
  display: block;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  background: #2f343a;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li.is-active > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li.is-active > ul > li > a {
  display: block;
  padding: 8px 10px 8px 34px;
  color: #adb5bd;
  font-size: 0.9rem;
  font-weight: 300;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li.is-active > ul > li > a:hover {
  color: #fff;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li.is-active > ul > li.is-active > a {
  color: #fff;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li:not(.is-active):hover {
  position: relative;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li:not(.is-active):hover > a {
  color: #fff;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li:not(.is-active):hover > ul {
  display: block;
  margin: 0;
  padding: 2px 0;
  background: #2f343a;
  position: absolute;
  min-width: 128px;
  left: 220px;
  top: 0;
  z-index: 10;
  box-shadow: 0 0 10px rgba(33, 37, 41, 0.15);
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li:not(.is-active):hover > ul::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #2f343a transparent transparent;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li:not(.is-active):hover > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li:not(.is-active):hover > ul > li > a {
  display: block;
  padding: 8px 12px;
  color: #adb5bd;
  font-size: 0.9rem;
  font-weight: 300;
  white-space: nowrap;
}
aside.main-menu-drawer nav.main-menu-container > ul.main-menu > li:not(.is-active):hover > ul > li > a:hover {
  color: #fff;
}
canvas {
  max-width: 100%;
  height: auto !important;
}
.btn {
  border-radius: 0;
}
.btn.btn-primary {
  background: #42A5F5;
  border-color: #42A5F5;
}
.btn.btn-primary:hover {
  background: #2a99f4;
  border-color: #2a99f4;
}
.btn.btn-secondary {
  background: #26C6DA;
  border-color: #26C6DA;
}
.btn.btn-secondary:hover {
  background: #22b3c5;
  border-color: #22b3c5;
}
.btn.btn-outline-primary {
  color: #42A5F5;
  background: #fff;
  border-color: #42A5F5;
}
.btn.btn-outline-primary:hover {
  color: #fff;
  background: #2a99f4;
  border-color: #2a99f4;
}
.btn.btn-outline-secondary {
  color: #26C6DA;
  background: #fff;
  border-color: #26C6DA;
}
.btn.btn-outline-secondary:hover {
  color: #fff;
  background: #22b3c5;
  border-color: #22b3c5;
}
.led {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  margin-right: 0.125rem;
  background: #dee2e6;
  position: relative;
  top: 0.125rem;
}
.led.led-primary {
  background-color: #42A5F5;
}
.led.led-secondary {
  background-color: #26C6DA;
}
.led.led-success {
  background-color: #198754;
}
.led.led-info {
  background-color: #0dcaf0;
}
.led.led-warning {
  background-color: #ffc107;
}
.led.led-danger {
  background-color: #dc3545;
}
.led.led-light {
  background-color: #dee2e6;
}
.led.led-dark {
  background-color: #212529;
}
.value-pair .name {
  display: block;
  font-size: 0.85em;
  color: #6c757d;
}
.value-pair .value {
  display: block;
}
.form-group .control-label {
  font-size: 0.85rem;
  color: #6c757d;
}
.form-group .input-group .input-group-text i.fa {
  color: #6c757d;
}
.form-group .form-control.control-code {
  font-family: monospace;
}
.form-group .form-control[readonly], .form-group .form-control[disabled] {
  background: #f8f9fa;
}
.card {
  border: none;
  box-shadow: 0 0 10px rgba(33, 37, 41, 0.05);
  border-radius: 0;
}
.card .card-header {
  background: #fff;
  border-bottom: 1px solid #e9ecef;
  font-size: 0.85rem;
  color: #6c757d;
}
@media (min-width: 768px) {
  .card.card-actions, .card.card-details, .card.card-filters {
    width: 240px;
  }
}
@media (min-width: 1200px) {
  .card.card-actions, .card.card-details, .card.card-filters {
    width: 320px;
  }
}
.card table.table thead tr th {
  font-weight: 400;
  font-size: 0.85rem;
  color: #6c757d;
  border-bottom: 1px solid #e9ecef !important;
}
.card table.table tbody tr td {
  font-size: 0.85rem;
  color: #343a40;
}
.card table.table tbody tr td i.fa.fa-muted {
  color: #ced4da !important;
}
.card table.table tbody tr td.cell-action.text-muted {
  color: #ced4da !important;
}
.card table.table.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: initial;
  background: #f8f9fa;
}
.module-title {
  color: #495057;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .module-title {
    font-size: 1.5rem;
  }
}
.module-title i.fa {
  color: #dee2e6;
}
.list {
  background: #fff;
  box-shadow: 0 0 10px rgba(33, 37, 41, 0.05);
  margin-bottom: 1rem;
}
.list .item {
  padding: 0.75rem 1rem;
}
.list .item .item-name {
  font-size: 1.15em;
}
.list .item .item-extra {
  color: #6c757d;
  margin-bottom: 0.12rem;
}
.list .item .item-actions {
  font-size: 0.95rem;
}
.list .item .item-actions a:not(:last-child) {
  border-right: 1px solid #dee2e6;
  padding-right: 8px;
  margin-right: 4px;
}
.list .item:not(:last-child) {
  border-bottom: 1px solid #e9ecef;
}