/**
 * File created by Peter Olszowka July 17, 2020
 * Copyright (c) 2020-2021 Peter Olszowka. All rights reserved. See copyright document for more details.
 */
/* Page Header Stuff */
.header-wrapper {
  margin-left: -15px;
  margin-right: -15px;
}
#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;
}
.bs4 .config-table-editor .nav-tabs {
  border-bottom: 2px solid #b5b5b5;
}
.bs4 .config-table-editor .nav-tabs .nav-link {
  background-color: #e5e5e5;
  border: 2px solid #b5b5b5;
  margin-left: 1px;
  margin-right: 1px;
}
.bs4 .config-table-editor .nav-tabs .nav-item.show .nav-link,
.bs4 .config-table-editor .nav-tabs .nav-link.active {
  background-color: #ffffff;
  border-color: #212121 #212121 #b5b5b5;
}
/* end of bootstrap overrides */
/* Bootstrap 4 extensions */
.col-0p5,
.col-0p75,
.col-1p25,
.col-1p5,
.col-1p75,
.col-2p75,
.col-3p25,
.col-md-2p5,
.col-lg-2p5,
.col-xl-2p25 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-0p5 {
  flex: 0 0 4.166667%;
  max-width: 4.166667%;
}
.col-0p75 {
  flex: 0 0 6.25%;
  max-width: 6.25%;
}
.col-1p25 {
  flex: 0 0 10.416667%;
  max-width: 10.416667%;
}
.col-1p5 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.col-1p75 {
  flex: 0 0 14.583333%;
  max-width: 14.583333%;
}
.col-2p75 {
  flex: 0 0 22.916667%;
  max-width: 22.916667%;
}
.col-3p25 {
  flex: 0 0 27.083333%;
  max-width: 27.083333%;
}
@media (min-width: 576px) and (max-width: 767px) {
  .col-sm-3p5 {
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .col-lg-2p5 {
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-2p25 {
    flex: 0 0 18.75%;
    max-width: 18.75%;
  }
}
.badge.badge-full-width {
  width: 100%;
  text-align: left;
}
.hidden {
  display: none !important;
}
/* End of Bootstrap 4 extensions */
/* General Form Defaults */
.col-text-input {
  width: 100%;
}
.tag-chk-legend {
  float: left;
  width: 2.5rem;
  width: fit-content;
  font-size: initial;
  margin-right: 0.25rem;
}
.tag-chk-container {
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #606060;
  border-radius: 2px;
  padding: 0;
  height: 8rem;
  min-width: 8rem;
  overflow-y: scroll;
  width: fit-content;
}
.tag-chk-label-wrapper {
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}
.tag-chk-label-wrapper.disabled {
  background-color: #e5e5e5;
}
.tag-chk-label-wrapper.disabled .tag-chk-label {
  font-style: italic;
}
.tag-chk-label {
  display: block;
  line-height: 1.05;
  width: fit-content;
  padding-right: 0.5rem;
  min-width: 8rem;
  margin: 0;
}
.tag-chk {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.tag-match-radio {
  width: 1.5rem;
}
.tag-match-label {
  padding-right: 1.5rem;
}
input[type='text']:not(.form-control),
input[type='password']:not(.form-control) {
  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;
}
/* Tabulator overrides */
.bs4 .tabulator-row.tabulator-selectable:hover {
  background-color: #c9c9c9;
}
.bs4 .tabulator-cell.tabulator-editing {
  background-color: #ffffff;
}
/* End of Tabulator overrides */
.session-status-definitions {
  max-width: 90rem;
}
.session-status-definitions dt {
  margin-left: 2rem;
}
.session-status-definitions dd {
  margin-left: 4rem;
}
footer {
  padding-top: 1rem;
}
table.dataTable.table-sm thead th {
  padding: 0.3rem 18px 0.3rem 0.3rem;
}
table.dataTable.table-sm tbody th,
table.dataTable.table-sm tbody td {
  padding: 0.3rem;
}
@media (pointer: fine) {
  .visible-on-hover button.btn {
    display: none;
    transition: 1s;
  }
  .visible-on-hover:hover button.btn {
    display: inline;
    transition: 1s;
  }
}
table.table tr.highlight td {
  background-color: #f6ebc8;
}
table.table.table-striped tr.highlight:nth-child(odd) td {
  background-color: #d1c7a6;
}
.participant-avatar {
  width: 24rem;
  aspect-ratio: 1;
  object-fit: cover;
}
.participant-avatar-sm {
  width: 5rem;
}
.participant-avatar-xs {
  width: 2rem;
}
/* this class naming standard for opacity is consistent with Bootstap 5.1 */
.bg-warning.bg-opacity-25 {
  background-color: rgba(255, 193, 7, 0.25) !important;
}