/**
 * File created by Peter Olszowka Dec 2, 2024
 * Copyright (c) 2020-2024 Peter Olszowka. All rights reserved. See copyright document for more details.
 */
/* Page Header Stuff */
.header-wrapper {
  margin-left: -15px;
  margin-right: -15px;
}
#reg-header-container.collapsible-wrapper {
  display: initial;
  overflow: initial;
}
#alt-header {
  width: 100%;
}
/* End of Page Header Stuff */
/* navbar stuff */
.navbar {
  /* margin-bottom: 0.2em; */
  margin-left: -15px;
  margin-right: -15px;
}
.navbar *::placeholder {
  color: #c9c9c9;
}
/* End of navbar stuff */
/* bootstrap overrides */
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #e7ebee;
}
.invalid-feedback {
  font-size: unset;
}
/* end of bootstrap overrides */
/* Bootstrap 5 extensions */
/* from bs4 customization -- not used for bs5
.col-0p5, .col-0p75, .col-1p25, .col-1p5, .col-1p75, .col-2p75, .col-3p25, .col-md-2p5, .col-md-2p01, .col-lg-2p5,
.col-xl-2p25, .col-xl-3p5, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7,
.col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
*/
.col-0p5 {
  flex: 0 0 auto;
  width: 4.166667%;
}
.col-0p75 {
  flex: 0 0 auto;
  width: 6.25%;
}
.col-1p25 {
  flex: 0 0 auto;
  width: 10.416667%;
}
.col-1p5 {
  flex: 0 0 auto;
  width: 12.5%;
}
.col-1p75 {
  flex: 0 0 auto;
  width: 14.583333%;
}
.col-2p75 {
  flex: 0 0 auto;
  width: 22.916667%;
}
.col-3p25 {
  flex: 0 0 auto;
  width: 27.083333%;
}
@media (min-width: 576px) {
  .col-sm-2p5 {
    flex: 0 0 auto;
    width: 20.83333%;
  }
  .col-sm-3p5 {
    flex: 0 0 auto;
    width: 29.16667%;
  }
}
@media (min-width: 768px) {
  .col-md-2p01 {
    flex: 0 0 auto;
    width: 16.75%;
  }
  .col-md-2p5 {
    flex: 0 0 auto;
    width: 20.83333%;
  }
  .col-md-3p5 {
    flex: 0 0 auto;
    width: 29.16667%;
  }
}
@media (min-width: 992px) {
  .col-lg-2p5 {
    flex: 0 0 auto;
    width: 20.83333%;
  }
  .col-lg-3p5 {
    flex: 0 0 auto;
    width: 29.16667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-2p25 {
    flex: 0 0 auto;
    width: 18.75%;
  }
  .col-xl-3p5 {
    flex: 0 0 auto;
    width: 29.166667%;
  }
  .container.container-xl {
    max-width: 1800px;
  }
}
@media (min-width: 2000px) {
  .col-xxl-2p5 {
    flex: 0 0 auto;
    width: 20.833333%;
  }
  .col-xxl-3p5 {
    flex: 0 0 auto;
    width: 29.166667%;
  }
}
.badge.badge-full-width {
  width: 100%;
  text-align: left;
}
.label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.form-group.special-col-adjustment {
  padding-left: calc(16px - 0.25%);
  padding-right: calc(16px + 0.25%);
}
/* End of Bootstrap 5 extensions */
/* Bootstrap 4 overrides */
.custom-select {
  height: 2rem;
  padding-top: 3px;
  border: 1px solid #606060;
  border-radius: 4px;
}
textarea.form-control {
  border: 1px solid #606060;
  border-radius: 4px;
}
.zambia-table.table {
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-bg: rgba(0);
}
.table-dark-danger {
  --bs-table-bg: #e87f7f;
}
/* End of Bootstrap 4 overrides */
/* BS4 & 5 container extension */
.container-xxxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1760px) {
  .container-xxxl {
    max-width: 1680px;
  }
}
.navbar > .container-xxxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
/* end of BS4 & 5 container extension */
/* General Form Defaults */
.col-text-input {
  width: 100%;
}
.checkbox-list-legend {
  float: left;
  width: 2.5rem;
  width: fit-content;
  font-size: initial;
  margin-right: 0.25rem;
}
.checkbox-list-container {
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #606060;
  border-radius: 4px;
  padding: 0;
  height: 8rem;
  min-width: 8rem;
  overflow-y: scroll;
  width: fit-content;
}
.checkbox-list-container.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  height: calc(12rem - 5px);
}
.checkbox-list-label-wrapper {
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}
.checkbox-list-label-wrapper.disabled {
  background-color: #e5e5e5;
}
.checkbox-list-label-wrapper.disabled .checkbox-list-label {
  font-style: italic;
}
.checkbox-list-label {
  display: block;
  line-height: 1.05;
  width: fit-content;
  padding-right: 0.5rem;
  min-width: 8rem;
  margin: 0;
}
.checkbox-list-check {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.tag-match-radio {
  width: 1.5rem;
}
.tag-match-label {
  padding-right: 1.5rem;
}
input[type='text'],
input[type='password'] {
  padding-left: 4px;
  padding-right: 4px;
}
input[type='text'].disabled {
  background-color: #e5e5e5;
  font-style: italic;
}
/* End of General Form Defaults */
/* Tabular display of session/schedule data */
.schedule-card {
  font-size: 0.9rem;
}
.schedule-card .row {
  align-items: center;
  min-height: 2.8rem;
}
/* End of tabular display of session/schedule data */
.expander-wrapper {
  display: flex;
  align-items: center;
}
.expander-wrapper a {
  padding-left: 0.75rem;
}
.expander-wrapper a:hover {
  text-decoration: none;
  background-color: #75d6ff;
}
.expander {
  font-size: 1.75rem;
  transform: translate(-0.5rem, -0.5rem) rotate(0deg);
  transition: 0.3s transform ease-in-out;
}
.collapsed .expander {
  transform: translate(0, 0.1rem) rotate(90deg);
}
.bs4-alert-primary {
  background-color: #cce5ff;
  color: #004085;
  border-color: #b8daff;
}
.bs4-alert-secondary {
  background-color: #e2e3e5;
  color: #383d41;
  border-color: #d6d8db;
}
.bs4-alert-success {
  background-color: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}
.bs4-alert-danger {
  background-color: #f8d7da;
  color: #721c24;
  border-color: #f5c6cb;
}
.bs4-alert-warning {
  background-color: #fff3cd;
  color: #856404;
  border-color: #ffeeba;
}
.bs4-alert-info {
  background-color: #d1ecf1;
  color: #0c5460;
  border-color: #bee5eb;
}
.bs4-alert-light {
  background-color: #fefefe;
  color: #818182;
  border-color: #fdfdfe;
}
.bs4-alert-dark {
  background-color: #d6d8d9;
  color: #1b1e21;
  border-color: #c6c8ca;
}
