:root { 
    --mdb-btn-bg: #FFC20E!important;
    --mdb-btn-box-shadow: 0 4px 9px -4px #FFC20E!important;
    --mdb-btn-hover-bg: #FFC20E!important;
    --mdb-btn-focus-bg: #FFC20E!important;
    --mdb-btn-active-bg: #FFC20E!important;    
}


/* Hide the up and down arrows on number inputs */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide the up and down arrows on number inputs for Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


/* Gotham Book fonts/gotham/Gotham-XLight.otf */
@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/gotham/Gotham-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}


/* Gotham XLight fonts/gotham/Gotham-XLight.otf */
@font-face {
    font-family: 'Gotham XLight';
    src: url('../fonts/gotham/Gotham-XLight.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}


/* Gotham XLightItalic */
@font-face {
    font-family: 'Gotham XLight Italic';
    src: url('../fonts/gotham/Gotham-XLightItalic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

/* Gotham Light */
@font-face {
    font-family: 'Gotham Light';
    src: url('../fonts/gotham/Gotham-Light.otf') format('opentype');
    font-weight: light;
    font-style: normal;
}

/* Gotham LightItalic */
@font-face {
    font-family: 'Gotham XLight Italic';
    src: url('../fonts/gotham/Gotham-LightItalic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

/* Gotham Black */
@font-face {
    font-family: 'Gotham Black';
    src: url('../fonts/gotham/Gotham-Black.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Gotham Black Italic */
@font-face {
    font-family: 'Gotham Black Italic';
    src: url('../fonts/gotham/Gotham-BlackItalic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}


/* Gotham Medium fonts/gotham/Gotham-Medium.otf */
@font-face {
    font-family: 'Gotham Medium';
    src: url('../fonts/gotham/Gotham-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Gotham Medium Italic */
@font-face {
    font-family: 'Gotham Medium Italic';
    src: url('../fonts/gotham/Gotham-MediumItalic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}


#find-numbers-desktop {
    display: none;
}

#find-numbers-mobile {
    display: block;
}

#page-title {
    text-align: center;
}


.form-label .desktop {
    display: none;
}
.form-label .mobile {
    display: inline;
}


/* Repeat the same @font-face structure for each font variation */
.invalid {
    border: 1px solid #FF0202!important;
    border-radius: 5px;
}

strong {
    font-weight:700;
}

.col-1-5 {
    flex: 0 0 auto;
    width: 8%;
}

.col-10-5 {
    flex: 0 0 auto;
    width: 92%;
}

body {
    font-family: 'Gotham Light', sans-serif;
    font-size:14.7px;
    line-height:26px;
    overflow-x: hidden;
    /* font-size:9.17px; */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Gotham Medium', sans-serif;
}

.font-color-lighter {
    color: #b9b9b9;
}

.bg-color-brand-darker {
    background-color: #00626b;
}

.bg-color-brand-dark {
    background-color: #00909E;
}

.bg-color-brand-lighter {
    background-color: #F3F2F2;
}

#payment-amount-update {
    height: 30px;
    font-size:12px!important;
}

#customer-confirmation {
    margin-left:1rem;
}

.small-headers {
    font-family: 'Gotham Medium', sans-serif;
}

.gray-bg {
    background-color:#D9D9D9;
}

.light-gray-bg {
    background-color:#F5F5F5;
}

.orders-table {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #bdbdbd;
    /* border-bottom-left-radius: 4px; */
}

.header-text-1 {
    font-size:32px;
    /* font-size: 2.2rem; */
    font-family: 'Gotham Black', sans-serif;
}

.header-text-2 {
    /* font-size: 1.8rem; */
    font-size:24px;
    font-family: 'Gotham Black', sans-serif;
}

.header-text-3 {
    font-size: 1.5rem;
    font-weight: 600;
}

.subheader-text-1 {
    font-size: 1.2rem;
}

.error-text {
    color: #FF0202;
    font-size:12px;
}

.small-text {
    font-size: 0.95rem;
}

.smaller-text {
    font-size: 0.85rem;
}

.smallest-text {
    font-size: 0.75rem;
}

.logo {
    width: 14rem;
}

.form-label {
    font-family:'Gotham Medium', sans-serif;
}

.fw-bold {
    font-family: 'Gotham Medium', sans-serif;
}

.seamless-search-input {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #bdbdbd;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.seamless-search-btn {
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #bdbdbd;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.select.dropdown {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3Cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 7px center;
}
  

/* When breaking out to .css, should this be in its own .min.css? */
.btn-main{background-color:#FFC20E;color:#000;}    
.btn-main{border-color:#FFC20E}.btn-main:active,.btn-main:focus,
.btn-main:hover{background-color:#FFC20E; color:#000;}
.btn-main .ripple,.btn-main:active .ripple,.btn-main:focus .ripple,.btn-main:focus-visible .ripple,.btn-main:hover .ripple{background-color:#FFC20E}.btn-main.btn-check:checked+.btn,.btn-main.btn.active,.btn-main.btn.show,.btn-main.btn:first-child:active,:not(.btn-check)+.btn-main.btn:active{background-color:#FFC20E;border-color:#FFC20E;box-shadow:none!important;}.btn:focus-visible{background-color:#FFC20E}.btn-main.show:hover{background-color:#FFC20E}.bg-main{background-color:#FFC20E !important}
.code{margin-top:10px;white-space:pre-wrap;font-family:monospace;background-color:#f8f9fa;border-radius:.25rem;padding:15px}#copy-btn{margin-bottom:10px}

.btn-main .ripple, .btn-main:active .ripple, .btn-main:focus .ripple, .btn-main:focus-visible .ripple,.btn-main:hover .ripple {
    background-color: #FFC20E!important; color:#000!important;
}

.btn-main.btn-check:checked+.btn,
.btn-main.btn.active,
.btn-main.btn.show,
.btn-main.btn:first-child:active,
:not(.btn-check)+.btn-main.btn:active {
    background-color: #FFC20E;
    border-color: #FFC20E;
    color:#000;
    /* box-shadow: var(--mdb-btn-active-shadow); */
}

.btn:focus-visible {
    background-color: #FFC20E;
}

.btn {
    border-radius: 0;
    box-shadow: none!important;
    text-transform: none;
    font-family: 'Gotham Medium', sans-serif;
}

#disabled-btn, .btn {
    font-size: 16px;
    font-family: 'Gotham Bold', sans-serif;
    font-weight: 700;
}

.btn-outline-dark {
    color: #797A7D;
    border-color: #797A7D;
    border-width: 1px;
}

/* main yellow color FFC20E */

.slds-tabs_default__nav {
    border-bottom-width: #D4D4D4, #D4D4D4, #D4D4D4, 1px;
    border-bottom-style: solid;
    border-bottom-color: #D4D4D4, #D4D4D4, #D4D4D4, #D4D4D4, #D4D4D4;
}

.badge-status {
    padding-top: .3rem;
}

.badge-status-unpaid {
    color: #f3aa1c;
    border: 1px solid #f3aa1c;
}

.badge-status-paid {
    color: #3cc13b;
    border: 1px solid #3cc13b;
}

.content-height {
    min-height:33rem!important;
}

@media print {
    /* Hide the <button> element from printing */
    #print-receipt-btn, #another-order-msg, #search-again, #jensen-header-content, #jensen-footer-content  {
      display: none;
    }
}

.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #cfc8c8;
    margin:auto;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; 
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .deactivated-btn, .deactivated-btn:hover, .deactivated-btn:active, .deactivated-btn:focus {
    background-color: #e2e1e0;
    color: #fff;
    border: none;
    padding: 0.75rem 1.6875rem 0.6875rem 1.6875rem; 
    font-size: 0.875rem;
    line-height: 1.6;
    cursor: default;
  }


.footer-links {
    color:#4f4f4f;
}

.footer-links:hover {
    color:#00909e;
}

#order-table-div {
    display:none;
} 

#mobile-table {
    display:flex;
}


/* #payment-selection-form {
    width: 100%;
}

.medium-small-forms {
    width: 100%;
} */

@media screen and (min-width: 768px) {

    #order-table-div {
        display:flex;
    } 
    
    #mobile-table {
        display:none;
    }

    .form-label .desktop {
        display: inline;
      }
      
    .form-label .mobile {
        display: none;
    }

    body {
        font-size:16px;
    }

}


@media screen and (min-width: 450px) {

    .adjust-review-padding {
        padding-right:1.5rem;
    }

    .adjust-review-padding-2 {
        padding-right:1rem;
    }

}

@media screen and (min-width: 1024px) {
    
    #city-break {
        display: none;
    }
    
    .wide-forms {
        width: 46rem;
    }

    /* body {
        font-size:13px;
        font-size:1.125rem;
    } */
    
    .login-form {
        width: 25rem;
    }
    
    .medium-forms {
        width: 40rem;
    }
    
    .medium-small-forms {
        width: 56rem;
    }
    
    .small-forms {
        width: 43rem;
    }

    #find-numbers-mobile {
        display: none;
    }
    
    #find-numbers-desktop {
        display: block;
    }

    #page-title {
        text-align: left;
    }

}







/* .form-h {
    font-size:12px;
}


.form-p {
    font-size:12px;
} */