/* New CSS ruleset */
.my-mb {
  margin-bottom: 10px;
}

/* pre-existing css overrides */
.navbar-brand-client {
  float: unset;
}

img.myLogo {
  background: url("../../mlogo.png");
  border: 0;
  width: 200px;
  height: 60px;
}

.footable {
  border-radius: 10px;
  font-family: arial;
  font-size: 10px;
}
.footable thead {
  font-size: 1.05em;
}
.footable thead :first-child {
  border-radius: 10px 0 0 0;
}
.footable thead :last-child {
  border-radius: 0 10px 0 0;
}
.footable > thead > tr > th,
.footable > thead > th.active {
  font-size: 1.05em; /* same as thead font-size */
}
.footable > thead > tr > td {
  font-size: 1.05em; /* should be same as tbody font-size */
}
/* JP - 8/24 - Makes th elements one line, 
   but table overflows its container
.footable th {
    overflow: hidden;
    white-space: nowrap;
}
*/
.footable tbody {
  font-size: 1.05em;
}
.fullscreen-modal {
  display: flex;
  width: 100%;
  min-height: 100vh;
  margin: 0;
}
.fullscreen-modal > .modal-content {
  width: 100%;
}

.bi-sm {
  font-size: 0.9rem;
}
.bi {
  font-size: 1rem;
}
.bi-md {
  font-size: 1.2rem;
}
.bi-lg {
  font-size: 1.4rem;
}

@media screen and (min-width: 965px) {
  .footable {
    font-size: 10px;
  }
}

/* Bootstrap style overrides */
.btn {
  font-size: 1em;
}
span.label {
  font-size: 1em;
}
span.label {
  display: block;
  font-size: 1em;
  width: fit-content;
}
span.label {
  padding: 0.3em 0.6em;
}

/** 
* Tab styles
*  #NOTE: Uses anchors to determine which page to display
*/
.tab-container ul.tab-triggers {
  display: flex;
  gap: 0.8rem;
  list-style-type: none;
}

/* Export CSV button classes */
.d-flex { display: flex !important; }
.d-flex > * { flex: auto; }
.align-content-center { align-content: center !important; }
.w-100 { width: 100% !important; }