.w80 {
    width: 80%;
}

.w50 {
    width: 50%;
}

.form-header {
    text-align: center;
}

.form-container {
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.product-flow-toolbar {
    min-width: 150px;
    white-space: normal;
    padding: 0.5rem 1rem;
    flex-grow: 1;
}

.mbh-toolbar-col {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-bottom: 5px !important;
}

.bg-malebox {
    background-color: red;
}

.header-kit-status {
    color: black !important;
    font-weight: bold !important;
}

.email-table-first-col {
    width: 300px;
}
.email-table-col {
    width: 50px;
}
.timings-table-check {
    background-color: red !important;
}

.btn-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* responsive equal widths */
    gap: .5rem;
}
.btn-grid .btn {
width: 100%;            /* ensure button stretches to cell width */
justify-self: stretch;  /* belt & braces */
}

col-abs-narrow {
    width: 50px;
}
col-abs-medium {
    width: 100px;
}
col-abs-wide {
    width: 200px;
}

.btn-malebox {
  color: #fff !important;
  background-color: #32CEB0 !important;
  border-color: #32CEB0 !important;
}

.btn-malebox:hover {
  color: #fff;
  background-color: #29B59A !important;
  border-color: #29B59A !important;
}

.btn-malebox:focus, .btn-malebox.focus {
  color: #fff;
  background-color: #29B59A !important;
  border-color: #2653d4;
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

.btn-malebox.disabled, .btn-malebox:disabled {
  color: #fff;
  background-color: #32CEB0 !important;
  border-color: #32CEB0 !important;
}

.btn-malebox:not(:disabled):not(.disabled):active, .btn-malebox:not(:disabled):not(.disabled).active,
.show > .btn-malebox.dropdown-toggle {
  color: #fff;
  background-color: #2653d4;
  border-color: #244ec9;
}

.btn-malebox:not(:disabled):not(.disabled):active:focus, .btn-malebox:not(:disabled):not(.disabled).active:focus,
.show > .btn-malebox.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.table-fixed {
    table-layout: fixed;
}

.customer-column {
    min-width: 200px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.fixed-column {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}