.app-header { background-color: #dbe5fc; }

.form-control.form-control-blue { display: block; width: 100%; padding: 0.775rem 1rem; font-size: 1.1rem; font-weight: 500; line-height: 1.5; 
    appearance: none; background-clip: padding-box; border-radius: 0.475rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.form-control.form-control-rodeoDust { font-weight: bold; }

.form-control.form-control-solid-grey { transition: color .2s ease; border-radius: 5px !important; }
.form-select.form-select-solid-grey { transition: color .2s ease; border-radius: 5px !important; }
.form-control.form-control-solid-blue { transition: color .2s ease; border-radius: 5px !important; }
.form-select.form-select-solid-blue { transition: color .2s ease; border-radius: 5px !important; }

.card-custom { min-height: 600px; border: 1px solid rgb(175, 173, 173); padding: 0px 0px 20px 0px; border-radius: 0px 0px 10px 10px; box-shadow: 1px 1px #888888; background-color: #FFF; }
.card-custom-rounded { min-height: 600px; border: 1px solid rgb(175, 173, 173); padding: 0px 0px 20px 0px; border-radius: 0px 0px 10px 10px; box-shadow: 1px 1px #888888; background-color: #FFF; }

.table-airlet { width: 100%; border-collapse: collapse; border: 1px solid rgba(214, 213, 213, 0.4); }
.table-airlet th { background-color: #1E3C72; color: white !important; padding: 10px !important; border: 1px solid rgba(214, 213, 213, 0.4) !important; }
.table-airlet td { padding: 10px; border: 1px solid rgba(214, 213, 213, 0.4) !important; }
.table-airlet tbody tr:nth-child(odd) { background-color: #F1F7FF; }
.table-airlet tbody tr:nth-child(even) { background-color: #FFF; }

.table-airlet-greeny { width: 100%; border-collapse: collapse; border: 1px solid rgba(214, 213, 213, 0.4); }
.table-airlet-greeny th { background-color: #1E3C72; color: white !important; padding: 10px !important; border: 1px solid rgba(214, 213, 213, 0.4) !important; }
.table-airlet-greeny td { padding: 10px; border: 1px solid rgba(214, 213, 213, 0.4) !important; }
.table-airlet-greeny tbody tr:nth-child(odd) { background-color: #D7DBB5; }
.table-airlet-greeny tbody tr:nth-child(even) { background-color: #EFDEC2; }

.r10 { border-radius: 10px; }
.r25 { border-radius: 25px; }

#scart {
    position: relative;
}

#scart .badge {
    display: inline-block;
    position: absolute;
    top: -2px;
    right: 7px;
    padding: .35em .55em !important;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    width: 20px; /* Adjust as needed */
    height: 20px; /* Adjust as needed */
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-icon { padding: 70px 20px; background-color: #f0f3f8; }
.success-icon .main-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; }
.success-icon .main-container .check-container { width: 100px; height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; }
.success-icon .main-container .check-container .check-background { width: 100%; height: calc(100% - 20px); background: -webkit-gradient(linear, left top, right bottom, from(#008000), to(#008000)); background: linear-gradient(to bottom right, #008000, #008000);
    -webkit-box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    border-radius: 50%;
    -webkit-animation: animateContainer 0.75s ease-out forwards 0.75s;
    animation: animateContainer 0.75s ease-out forwards 0.75s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
}
.success-icon .main-container .check-container .check-background svg {
    width: 65%;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    stroke-dasharray: 80;
    stroke-dashoffset: 80;
    -webkit-animation: animateCheck 0.35s forwards 1.25s ease-out;
    animation: animateCheck 0.35s forwards 1.25s ease-out;
}
.success-icon .main-container .check-container .check-shadow {
    bottom: calc(-15% - 5px);
    left: 0;
    border-radius: 50%;
    background: radial-gradient(closest-side, #49da83, transparent);
    -webkit-animation: animateShadow 0.75s ease-out forwards 0.75s;
    animation: animateShadow 0.75s ease-out forwards 0.75s;
}
.success-icon .success-contain { text-align: center; }
.success-icon .success-contain h4 { color: green; font-size: 30px; font-weight: 500; }
.success-icon .success-contain h5 { margin: 5px 0 10px; font-size: calc(15px +(18 - 15)*((100vw - 320px) /(1920 - 320))); }
.success-icon .success-contain h6 { letter-spacing: 1.1px; }

@media only screen and (max-width: 767px) {
    .hide-mobile { display: none; }
    .price-symbol { display: none; }
    .mobile-font { font-size: 12px; line-height: 15px !important; }
    #airTable input { width: 50px !important; height: 25px; text-align: center; }
}

.gridView { position: relative; padding: .5rem !important; border: 3px solid #FFF; background-color: #EFDEC2 !important;  }
.grid_view .icon img { max-width: 80px; max-height: 80px; }
.icon img { margin-right: 0.5em; }

.small-box { position: absolute; bottom: 0px; right: 0px; width: 150px; height: 50px; background-color: #EFDEC2; border-top: 1px solid #000; border-left: 1px solid #000; border-top-left-radius: 15px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

.small-box-left { position: absolute; bottom: 0px; left: 0px; width: 150px; height: 50px; background-color: #F29F05; color: #FFF; display: flex; align-items: center; justify-content: center;  }

.flashing-text { color: #FF6347; font-size: 0.8em; font-weight: bold; animation: flash 1s infinite; }

@keyframes flash { 0%, 100% {opacity: 1;} 50% {opacity: 0;} }

h1.order { color:#181C32; font-size: 22px; font-weight:700; }
p.grey{ color: #7E8299; }
.tableHeadOrder { background-color: #000; line-height: 20px; height: 20px; color: #5d0439; padding: 5px 10px; border: 1px solid #000; color: #fff; text-align: center; }
.tableDescriptionOrder { line-height: 20px; height: 20px; color: #5d0439; padding: 5px 10px; border: 1px solid #000; color: #000; }
.tableDescriptionRow { font-family:Arial,Helvetica,sans-serif; color:#7E8299; font-size: 14px; font-weight:500; }
.tableDescriptionSummary { line-height: 20px; height: 20px; color: #5d0439; padding: 5px 10px; border: 1px solid #000; color: #000; font-weight: 700; }
.printOrderButton { background-color:#e28743; border-radius:6px;display:inline-block; padding:11px 19px; color: #FFFFFF; font-size: 14px; font-weight:500; }

.highlight { background-color: rgb(210, 126, 231); }
.current-highlight { background-color: green; color: #FFF; }
#floating-icons { position: fixed; top: 200px; right: 50px; display: flex; flex-direction: column; z-index: 1000; }
.floating-icon { background-color: #7d756c; color: white; padding: 10px; margin: 5px 0; border-radius: 50%;
cursor: pointer; text-align: center; width: 40px; height: 40px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); transition: background-color 0.3s; }

.floating-icon:hover {
    background-color: #343a40;
}
@media (max-width: 360px) {
    .header-style-2 .main-menu .cart-dropdown button span {
        display: block !important;
    }
}

.button-91 {
    color: #fff;
    padding: 15px 25px;
    background-color: #38D2D2;
    background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 66% at 26% 20%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
    box-shadow: inset -3px -3px 9px rgba(255, 255, 255, 0.25), inset 0px 3px 9px rgba(255, 255, 255, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.6), inset 0px -8px 36px rgba(0, 0, 0, 0.3), inset 0px 1px 5px rgba(255, 255, 255, 0.6), 2px 19px 31px rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    font-weight: bold;
    font-size: 16px;
  
    border: 0;
  
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  
    cursor: pointer;
  }