@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39&display=swap');

html {
    font-family: 'bentonsansregular' !important;
}
body, #images, #images a {
   font-family: 'bentonsansregular' !important;
   min-width: 600px;
}



.libre-barcode-39-regular {
  font-family: "Libre Barcode 39", system-ui;
  font-weight: 400;
  font-style: normal;
}

.hidden {
    display: none;
}

.barcode {
    font-family: 'Libre Barcode 39';
    font-size: 3rem;
}

.bumpRight {
    margin-left: 40px;
    display: inline-block;
}


.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.5rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.bd-callout+.bd-callout {
    margin-top: -0.25rem;
}

.bd-callout-info {
    --bd-callout-bg: rgba(var(--bs-info-rgb), .075);
    --bd-callout-border: rgba(var(--bs-info-rgb), .5);
}

.bd-callout-warning {
    --bd-callout-bg: rgba(var(--bs-warning-rgb), .075);
    --bd-callout-border: rgba(var(--bs-warning-rgb), .5);
}

.bd-callout-danger {
    --bd-callout-bg: rgba(var(--bs-danger-rgb), .075);
    --bd-callout-border: rgba(var(--bs-danger-rgb), .5);
}

.bd-callout-success {
    --bd-callout-bg: rgba(var(--bs-success-rgb), .075);
    --bd-callout-border: rgba(var(--bs-success-rgb), .5);
}

/* REMOVE ARROWS ON NUMBER INPUT */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}



span.cap {
    text-transform: capitalize;
}

.studentDegreeName {
    text-transform: uppercase;
}

.checkout_status_AW {
    font-style: bold;
    color: green;
}

.checkout_status_AG {
    font-style: bold;
    color: orange;
}

.checkout_status_DN,
.checkout_status_DF {
    font-style: bold;
    color: red;
}

.info_label {
    display: inline-block;
    width: 28ch;
    text-align: right;
}

.myContainer {
    display: flex;
}

.button1,
.button2,
.button3,
.button4 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}

.western_purple {
    background-color: #4F2683 !important;
}

.bg-purple {
    background-color: #4F2683 !important;
    color: white !important;
}

.western_purple_text {
    color: #4F2683 !important;
}

.upper {
    text-transform: uppercase;
}
.text-purple {
    color: #4F2683 !important;
  }
.btn-purple {
    --bs-btn-color: #fff; /* Text color remains white for contrast */
    --bs-btn-bg: #4F2683; /* Set background color to the desired purple */
    --bs-btn-border-color: #4F2683; /* Match border color to the background */
    --bs-btn-hover-color: #fff; /* Keep text white on hover */
    --bs-btn-hover-bg: #401F6A; /* Slightly darker purple for hover background */
    --bs-btn-hover-border-color: #351A5A; /* Slightly darker purple for hover border */
    --bs-btn-focus-shadow-rgb: 79, 38, 131; /* RGB equivalent of #4F2683 for focus shadow */
    --bs-btn-active-color: #fff; /* Keep text white when active */
    --bs-btn-active-bg: #351A5A; /* Even darker purple for active background */
    --bs-btn-active-border-color: #2d164b; /* Even darker purple for active border */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Standard active shadow */
    --bs-btn-disabled-color: #fff; /* Keep text white when disabled */
    --bs-btn-disabled-bg: #4F2683; /* Use the base purple for disabled background */
    --bs-btn-disabled-border-color: #4F2683; /* Use the base purple for disabled border */
}
.text-orange {
    color: orange !important;
}

.btn-eq {
  min-width: 14rem;      /* all look consistent, longer text can expand */
}