/*!
 * Custom CSS file that overrules the main Bootstrap theme
 */
body {
  padding-top: 3.5rem !important;
  position: relative !important;
  min-height: 100vh !important;
  padding-bottom: 3.5rem !important;
  font-family: 'Oswald', sans-serif !important;
}

/* Keeps footer on top of page content */
footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
}

/* This hides the Google translate bar */
body > .skiptranslate {
    display: none;
}

/* Extra Bottom Padding */
.pb-6 {
  padding-bottom: 5rem !important;
}

.pb-7 {
  padding-bottom: 7.5rem !important;
}

.pb-8 {
  padding-bottom: 10rem !important;
}

/* UHI Purple General */
.bg-purple {
  background-color: #572163;
  border-color: #572163;
}

/* Grey Table */
thead:not(.datetimepicker) {
  background-color: #585E6B;
  border-color: #585E6B;
  color: #DADADA;
}
tbody:not(.datetimepicker) {
  background-color: #F3F3F3;
  border-color: #DADADA;
}

/* Grey General */
.bg-grey {
  background-color: #585E6B;
  border-color: #585E6B;
  color: #DADADA;
}

/* Light Grey General */
.bg-lgrey {
  background-color: #F3F3F3;
  border-color: #DADADA;
}

/* Alert colours */
.alert-danger {
  color: #842029;
  background-color: #E9B6D2;
  border-color: #E9B6D2;
}
.alert-info {
  color: #747373;
  background-color: #F3F3F3;
  border-color: #F3F3F3;
}
.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

/*Button colours*/
.btn-primary, .btn-primary:hover, .btn-primary:active {
  background-color: #585E6B;
  border-color: #585E6B;
}
.btn-success, .btn-success:hover, .btn-success:active {
  background-color: #48817C;
  border-color: #48817C;
}

/* Homepage 'cards'*/
.card-grey, .card-text {
    background-color: #404756;
    color: #DADADA;
}
.card-grey .card-header {
    color: #7F848D;
}

/* Changes colour of table pagination*/
.page-item.active .page-link {
    background-color: #585E6B !important;
    border-color: #585E6B !important;
}

/* Hides the backdrop of the error/success modals
.modal-backdrop {
   background-color: transparent;
}*/