html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  justify-content: center; /* center horizontally */
  align-items: center; /* center vertically */
  background-color: #f0f0f0;
  /* font-size: 20px; */
}

.content {
  text-align: center;
  background: white;
  padding: 20px;
  border: 1px solid #ccc;
}

.uk-container {
  padding-left: 15px;
  padding-right: 15px;
}

.uk-card, .collapsible-title {
  background-color: #ebe5d6 !important;
}

.uk-card-body {
  padding-right: 20px;
  padding-bottom: 40px;
}

.uk-table {
  background-color: gainsboro;
}

table td {
  vertical-align: middle !important;
}

button {
  background-color: #835873 !important;
  color: #ffffff !important;
}

.uk-text-truncate {
  overflow: hidden !important;
}

.uk-text-light {
  font-weight: 700;
}

.uk-text-small {
  /* font-size: 1rem; */
}

@media only screen and (max-width: 1200px) {
  .hide-mobile {
    display: none !important;
  }
}

@media only screen and (min-width: 1200px) {
  .hide-web {
    display: none !important;
  }

  a {
    height: 84px;
  }

  table tr {
    height: 61px;
  }

  .hover {
    background-color: #ffd !important;
  }

  .uk-table-expand {
    min-width: 125px;
  }

  .uk-text-truncate:hover {
    white-space: normal !important;
  }
}