.hero.is-fullheight-with-navbar .hero-body {
  align-items: start;
}

.hero-body {
  padding: 0;
}

.w-100 {
  width: 100%;
}

.columns.is-fullheight-with-navbar {
  min-height: calc(100vh - 2.5rem);
}

#sidebar-menu {
  margin-top: 0.7rem;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-brand {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.has-background-main {
  background-color: #420776;
}

.has-background-neutral {
  background-color: #f2f6f9;
}

.menu-list a.is-active {
  background-color: #3f94d5;
  font-weight: 600;
}

.has-background-form-yellow {
  background-color: #fff2cc;
}

.table .has-background-form-gray {
  background-color: #f2f2f2;
}

.table td.no-x-border {
  border-left: none;
  border-right: none;
}

.navbar-dropdown.is-boxed a.navbar-item {
  color: black;
}

.font-inika {
  font-family: "Inika", serif;
}

#main-header {
  border-top: 1px solid rgba(136, 136, 136, 0.18);
  background: #fff;
  height: 80px;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.hero.is-fullheight-with-navbar {
  margin-right: -0.75rem;
  margin-left: -0.14rem;
}

.menu-list a {
  color: rgba(255, 255, 255, 0.75);
}

.display-date,
.display-time {
  font-family: "Inconsolata", monospaces;
}

.is-divider {
  display: block;
  position: relative;
  border-top: 0.1rem solid rgba(189, 189, 189, 0.3);
  height: 0.1rem;
  margin: 2rem 0;
  text-align: center;
}

.table-toolbar {
  width: 500px;
}

.hero .tabs ul {
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.navbar-burger {
  margin-left: 0;
  margin-top: auto;
}

#banner-dropzone,
#file-dropzone {
  border: 2px dashed hsl(204, 86%, 83%);
  border-radius: 1rem;
}

.tag__custom {
  height: auto !important;
  white-space: unset !important;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #nav-wrapper {
    padding: 0;
  }

  #mobile-navbar {
    width: auto;
  }

  #main-header {
    height: 215px;
    padding-top: 15px;
  }

  aside.menu {
    padding-bottom: 1rem;
  }

  .columns.is-fullheight-with-navbar {
    margin-top: 0;
  }

  .table-toolbar {
    width: auto;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  #mobile-navbar .has-background-main {
    background: #fff;
  }

  #brand-title {
    color: #363636 !important;
  }
}