html {
  height: 100%;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: url("../images/AaMenu.png") no-repeat center center fixed;
  background-size: cover;
}

#course-title {
  color: white;
}

.uk-navbar.uk-navbar-container {
  background-image: linear-gradient(to left, rgb(40, 165, 245), rgb(30, 135, 240));
}

.uk-navbar-item,
.uk-navbar-item > a,
.uk-offcanvas-bar {
  color: white;
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  min-height: 55px;
}

.uk-section-primary {
  margin-top: 40px;
  background: rgba(135, 202, 247, 1);
  background: none;
}

#mobile-nav-hamburger {
  color: white;
}

.uk-offcanvas-bar {
  background-image: linear-gradient(to right, rgb(40, 165, 245), rgb(30, 135, 240));
  border-left: solid 2px lightgrey;
}

.uk-offcanvas-bar > .uk-navbar-item {
  height: 60px;
}

#csv-buttons-row {
  text-align: right;
  margin: 5px;
}

#csv-buttons-row ul.uk-nav.uk-dropdown-nav {
  font-size: 1rem;
  text-align: left;
}

#csv-buttons-row .uk-dropdown {
  max-width: 120px;
}

#csv-buttons-row ul.uk-nav.uk-dropdown-nav li:nth-of-type(odd):hover {
  cursor: pointer;
  filter: brightness(0.2);
}

#csv-buttons-row ul.uk-nav.uk-dropdown-nav li:not(:last-of-type) {
  margin-bottom: 8px;
}

.module-link:hover {
  text-decoration: none;
}

.uk-card-badge {
  top: 27px;
  background-color: rgb(76, 175, 80);
}

.hidden {
  display: none;
}

.disabled {
  pointer-events: none;
  opacity: 0.8;
}

.disabled .uk-card {
  background-color: #cccccc;
  color: #666666;
}

#omb-modal {
  margin-top: auto;
  text-align: center;
}
