.d-flex{
    display: flex;
}

.justify-content-between{
    justify-content: space-between;
}

.justify-content-center{
    justify-content: center;
}

.justify-content-around{
    justify-content: space-around;
}

.justify-content-end{
    justify-content: end;
}

.align-items-center{
    align-items: center;
}

.align-items-end{
    align-items: end;
}

.h-100vh{
    height: 100vh;
}

.hidden{
    display: none;
}

/* Invisible but keeps layout space when discount type not selected (gift card promo 234) */
.promo-234-hold-space {
    visibility: hidden !important;
    min-height: 42px;
    display: block !important;
}
.promo-234-hold-space input,
.promo-234-hold-space label { visibility: hidden !important; }

.show{
    display: block;
}

.show-inline {
    display: inline-block;
}

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

.text-left{
    text-align: left;
}

.text-white{
    color: #fff;
}

.h-0{
    height: 0%;
}

.h-100{
    height: 100%;
}

.fw-bold{
    font-weight: bold;
}

.fs-italic{
    font-style: italic;
}

.fw-normal{
    font-weight: normal;
}

.underline{
    text-decoration: underline;
}

.elipses{
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

.bg-white{
    background-color: white !important;
}

/* Read-only form fields (e.g. Codes Used on gift card promo edit) - grayed out, not editable */
.item.field-readonly input[type="text"],
.item.field-readonly input[type="number"] {
    background-color: #e9ecef;
    color: #6c757d;
    cursor: not-allowed;
}
.item.field-readonly input[type="checkbox"]:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

/* Gift Card Promo add form (234): ensure form content and Active checkbox receive clicks (not the header bell) */
.add-promo-234 .field-section {
    position: relative;
    z-index: 5;
}
.add-promo-234 .item.checkbox {
    position: relative;
    z-index: 6;
}
.add-promo-234 .item.checkbox input[type="checkbox"],
.add-promo-234 .item.checkbox label {
    position: relative;
    z-index: 1;
    pointer-events: auto;
}

/* Event Record Payment: Gift Card Number input same width as Amount field */
#event-gift-card-code-row .event-gift-card-code-input {
    width: 140px;
    max-width: 140px;
    box-sizing: border-box;
}

/* Event Record Payment: Check Balance visible button styling */
#event-check-balance.event-check-balance-btn {
    padding: 8px 20px;
    background-color: #D8DCE6;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: inherit;
}
#event-check-balance.event-check-balance-btn:hover {
    background-color: #ff5667;
}