@media (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 90vw !important;
  }
}

.basic-layout .content-area {
  background-color: #fff !important;
  border-radius: 0.9rem 0.9rem 0rem 0rem !important;
  height: calc(100% - 7rem) !important;
  min-height: calc(100vh - 7rem) !important;
}

.export-right .btn:hover,
.export-right .btn:visited,
.export-right .btn:focus {
  color: #212529 !important;
}

a.btn.btn-icon-basic {
  padding: 0.75rem 0rem;
}

ui5-table-cell {
  display: table-cell !important;
}

ui5-table-cell .btn:hover {
  color: #212529 !important;
}

/* .exact,
  .good {
    background: #D4EDDA!important;
  }
  
  .possible {
    background-color: #E2E3E5;
  }
  
  .none,
  .average{
    background-color: #FDF3CD;
  }

  .bad {
    background-color: #fdd7cd;
  } */

.float-left a {
  margin: 10px 0px 0px 25px;
}

.alert {
  margin: 0px 15px 0px 0px;
}

.almost-white {
  background: #eee;
}

/* Werner Swiegers Additions */
/* Hate adding these because we dont use proper SASS variable sizing */

.searchbox {
  border: 1px solid #ddd;
  border-radius: 0.6rem;
  padding: 1rem;
}

.col-sm-8.col-form-label {
  font-weight: bold;
} /* this needs to be in HUI */

.tight-layout label {
  margin: 0rem;
  padding: 0.1rem;
}

.alert.hide {
  display: none;
}

.text.compact .required-validation {
  margin-top: 2.2rem !important;
}

.good {
  background: #d4edda !important;
}

.average {
  background-color: #fdf3cd !important;
}

.bad {
  background: #eddcd4 !important;
}