/** Main CSS **/
#navbar-logo{background:white;padding: 4px;height: 40px;border-radius: 4px;}
#breadcrumbs-main .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}
#breadcrumbs-main .breadcrumb {padding-left:0;}

.breadcrumb{padding: 6px 10px;padding-top: 0px;}
#admin-badge-box{border: 1px dashed #000;padding: 0 5px 0 8px;}
#admin-badge-box-text{margin-top: 5px;margin-right: 6px;}
#admin-badge-box-icon{font-size: 24px;vertical-align: middle;}

#logout-large{margin-top: 1px;}

.warn-logo{font-size: 27px;}

body, .body-backgroundcolor
{
    background-color: #daeaf6;
}

.cafe-spacer {min-height: 90px;}
.breadcrumb-item a {color:#0242A2}
.breadcrumb-item.active {color:#42474C}
.navbar .btn.btn-outline-secondary{color:#B5BBBF}

#login-logo{background: white;}

@media screen{
    body{
        margin-top: 65px;
    }

    .meal_qr_code{width: 50px;}
}

@media print{
    .meal_qr_code{width: 71px;}
}

@media print{
    body{
        margin-top: 0;
    }
}

.button-icon{font-size: 60px;}
.button-link {text-decoration: none;}
.button-link .card {color:var(--bs-link-color);}
.sale-action{width:150px;}
.sale-use-by{width:150px;}

.logout-card-row{height: 100vh;margin-top: -80px;}
.logout-card{max-width: 500px;text-align: center;}
.logout-card-icon{font-size: 5em;}

.inv-qty {width: 60px;}

.statistics-chart{height: calc(100vh - 405px);width: 100%;min-height: 300px;}
.statistics-chart-sign-ins-box{min-height: 300px;}
.statistics-chart-sign-ins{height: calc(100vh - 405px);width: 100%;min-height: 300px;}
#statistics-search-button {margin-top: 0;}
@media (min-width: 992px) {
    #statistics-search-button {margin-top: 32px;}
}

.barcode-logo{background:white;height: 38px;border-radius: 4px;}
.meal_qr_code{height:89px;width: 89px;}

.card {box-shadow: 0 3px 2px rgb(0 0 0 / 0.2);border: none;}
a .card:active {box-shadow: none;}
a .card:hover .card-body {border-radius: 4px; background: radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);}

.cafe-stats-chart{height: calc(100vh - 230px);width: 100%;}

/** Add To Fridge **/
.batch-update-card{height: calc(100% - 23px);position:relative;}
.batch-update-button-bar{min-height: 37px;}
.batch-update-button-start{position: absolute;bottom: 17px;left: 15px;}
.batch-update-button-end{position: absolute;bottom: 17px;right: 15px;}

/** Meal QR Code Print out **/
.pb-meal-name {min-height: 37px;}
.pb-logo-main-text {font-size: 12px;}

.qty_minus, .qty_add {min-width:80px;}

#cafe_record_service_process input::-webkit-outer-spin-button,
#cafe_record_service_process input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#cafe_record_service_process input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  border:0;
}

#video_scanned_code{border-radius: 5px;max-height: calc(50vh - 150px);width: 100%;background: black;}

.navbar-toggler {width: 56px;height: 40px;}

.is-mobile #dashboard-main-image-sect {display:none;}

.is-not-mobile #dashboard-main-image-sect {
    border-radius: 6px;
    height:calc(100vh - 290px);
    overflow: hidden;
    background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
    background-image:url("/static/keepersmain.4543fef7e646.jpg")
}

.is-not-mobile #dashboard-main-image-sect.shorter_image_class {
    height: calc(100vh - 355px);
}

.logged-in-location-kingswood.is-not-mobile #dashboard-main-image-sect {
    background-image:url("/static/keepersingswood.0c4e9e74c5db.jpeg")
}

#dashboard-freezer-card{height: calc(100% - 47px);}

.test-barcode-info-label{width: 158px;display: inline-block;text-align: end;}

.card.barcode{font-size: 10px;}

.autoComplete_wrapper {width: 100%;}
.autoComplete_wrapper mark {padding: 0;}

/* scan page */
#sales-scanned-items-no {height: calc(100vh - 580px);min-height: 115px;}
#sales-scanned-items table thead {background-color: rgb(222, 226, 230);}
#sales-scanned-items-no-number {font-size: 40px;}
#sales-scanned-items-no-text {font-size: 20px;}
@media (min-width: 992px) {
    #sales-scanned-items-no {height: calc(100vh - 579px); }
    #sales-scanned-items {height: calc(100vh - 190px);}
    #sales-scanned-items-box{height: calc(100vh - 230px);overflow: scroll;}
}

legend{font-size: 16px;margin-bottom: 4px;font-weight: 400;}

.gridjs-th.gridjs-th-fixed{height:50px;}

.sales-grid-time{width: 215px;}
@media (max-width: 992px) {
    .sales-grid-time{width: 145px;}
}

.freezer_meal_attributes_existing_count {width: 80px;}
.freezer_meal_attributes_existing_actions {width: 140px;}

#freezer_meal_attributes_update_card,#settings_event_attributes_update_card{margin-bottom: 85px;}

#existing-removals .actions {width:110px;}

#external-organisations .actions {width:110px;}
#external-organisations .check-column {width:210px;}

#event_dates_actions{width:110px;}

#sign_in_dashboard_card{height: calc(100vh - 206px);}

.top-sales-median{width: 299px}
.top-sales-sales{width: 99px}
.top-sales-number{width: 99px}

.tablet_control_info_icon{font-size: 2em}
.tablet_control_icon_sect{font-size: 3em}

.inv-qty-val{font-size: 2em; font-weight: lighter}
.batch-shelf-th, .batch-qty-th{width: 70px;}
.batch-qty-remove-meals-th{width: 150px;}
.batch-in-freezer-remove-meals-th{width: 120px;}
.batch-in-freezer-batch-number-th{width: 140px;}
.ec-event-title{font-size: 14px;}

.location-room-actions{width:110px}
#location-rooms-card {min-height:calc(100% - 32px)}

.event-document-actions {width: 230px;}
.event-document-id{width:50px;}
#add-meals-transfer-actions{width: 106px;}

#overall-admin-chart{height: calc(100vh - 205px);width: 100%;min-height: 300px;}

#sign-ins-mobile th.sum, #locations-mobile th.sum, #events-mobile th.sum, #types-mobile th.sum{width: 90px;}

#sales .gridjs-wrapper{max-height: max(calc(100vh - 490px),250px);}
#raw_data .gridjs-wrapper{max-height: max(calc(100vh - 491px),250px);}
#manage-events-table .gridjs-wrapper{max-height: max(calc(100vh - 310px), 250px);}
#removeMealsCard { min-height: max(calc(100vh - 392px),250px) }
#removeMealsManual .gridjs-wrapper, #removeMealsExisting .gridjs-wrapper{max-height: max(calc(100vh - 550px), 300px)}
#manage-locations-table .gridjs-wrapper{max-height: max(calc(100vh - 310px), 250px)}
.interaction_reason_actions{width: 80px;}

#interactions .gridjs-wrapper, .logged-in-location-overall-administrator #interactions .gridjs-wrapper{max-height: max(calc(100vh - 434px),250px);}
@media (min-width: 768px) {
    #interaction_existing_search {margin-top: 31px;}
}