/* Variables Memo */
/*
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-rgb: 33, 37, 41;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff
*/

/*


*:hover {
  outline: 1px rgba(255 0 0 / 1.0) solid;
  background: rgba(0 0 255 / 0.1) !important;
}


*:hover {
  outline: 1px rgba(255 0 0 / 1.0) solid;
}

*/

body {
  width: 100%;
  font-family: var(--bs-font-sans-serif);
  font-size: small;
}


label,
.form-label {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: white !important;
  margin-bottom: 0rem !important;
  margin-left: 0.25rem !important;
}

.container-fluid {}

.row {}

.spacer-row>div {
  padding: 25px;
}

.col {}


.table {}

/*
.tr {
  display: table-row !important;
  padding: 1px;
}

.th {
  display: table-cell !important;
  text-align: left;
  width: 100% !important;
  padding: 1px;
}

.td {
  display: table-cell !important;
  width: 100% !important;
  padding: 1px;
} */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: bold;
}

.h1 {
  font-size: 20pt;
}

.h2 {
  font-size: 16pt;
}

.h3 {
  font-size: 14pt;
}

.h4 {
  font-size: 12pt;
}

.h5 {
  font-size: 11pt;
}

.h6 {
  font-size: 10pt;
}

.text-black {
  color: var(--bs-gray-dark);
}


.badge-group {
  margin: 0 !important;
  padding: 0 0 1rem 0 !important;
  border-bottom: 5px solid white;
}

.badge-group-hourly-wage-table {
  margin: 0 !important;
  padding: 0 !important;
}

#sortation-values .badge-group {
  background-color: rgba(108, 117, 125, 0.2);
}

#delivery-values .badge-group {
  background-color: rgba(33, 37, 41, 0.1);
}

#variable-activities .badge-group {
  background-color: rgba(33, 37, 41, 0.1);
}

#variable-allowance .badge-group {
  background-color: rgba(33, 37, 41, 0.1);
}

#route-summary .badge-group {
  background-color: rgba(33, 37, 41, 0.1);
}

#daily-totals .badge-group {
  background-color: rgba(33, 37, 41, 0.1);
}



.badge-group>div {
  display: inline;
}

.badge-group>div>activity-time-value {
  display: unset;
}

.badge-group>div>input {
  margin: .75rem 0 0 1rem;
}

@media only screen and (min-width: 600px) {
  .badge-group>div>input {
    display: inline;
  }
}

@media only screen and (max-width: 600px) {
  .badge-group>div>input {
    font-size: 16px;
  }
}

.badge-group>div>input {
  border: 1px solid var(--bs-gray);
}

#ctDriveKM {
  min-width: 10rem;
}

/* .badge-group>div>span {
  padding-left: .25rem;
}

.badge-group>div>span.tv-span {
  padding-left: 1rem;
}

.badge-group>div>span>span {
  margin: .75rem 0;
  padding: .55rem 0rem .55rem .5rem;
}

.badge-group>div>span>span>span {
  margin: 0 .5rem 0 0.1rem;
  padding: .25rem .35rem;
  font-size: 8pt;
}

*/

.btn {
  padding: .5rem;
}

.badge-group>div>span>span>span {}

.badge-heavy-text {
  font-weight: bolder !important;
  font-size: 14px;
}

.activity-name {
  display: block;
  font-size: 12pt;
  font-weight: bolder !important;
  background-color: var(--bs-gray-900);
  color: var(--bs-gray-200);
}

.activity-data-input {
  min-width: 4.25rem;
  max-width: 4.25rem;
}

.activity-time-value {}

.activity-result-total-mins {}

.activity-result-activity-value {}


/* The calculation bar */

.calc-only {
  display: none;
}

.calcbar {
  position: fixed;
  /* Set the calculation bar to fixed position */
  bottom: 0;
  /* Position the calculation bar at the bottom of the page */
  min-width: 100%;
  /* Full width */
  color: black;
  background: #ccc;
  border-top: 2px solid var(--bs-gray-dark);
}

.wage-display {}

.wage-calc {}

.yosValSelectLabel {}

#hourly-wage-table {
  visibility: hidden;
  padding: 0 0 1rem 0 !important;
  margin: 0 !important;
}

/* Main content */
.main {
  margin-bottom: 50px;
  /* Add a bottom margin to avoid content overlay */
}


.resp-table {
  width: 90% !important;
  display: table !important;
  margin: 1rem 1rem 0 1rem !important;

}

.resp-table-body {
  display: table-row-group !important;
}


.resp-table-row {
  display: table-row !important;
}

.table-body-cell {
  display: table-cell !important;
  width: 15%;
}

.table-body-cell-colspan {
  display: table-cell;
  min-width: 100% !important;
}

div.resp-table>div>div:nth-child(1) {
  width: 12% !important;
}

.totals-display,
.totals-display-table,
#daily-totals {
  display: none;
}