.step1-selector > .input-group > .input-group-addon,
.step1-selector > .input-group > .form-control,
.step1-selector > .input-group > .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    height: 64px;
}
.to-step2 { margin-bottom:0px; }
.to-step2 > button {
    padding: 22px 12px;
}

hr {
    margin-top: 14px;
    margin-bottom: 14px;
}
.datepicker {
    visibility: hidden;
    position: absolute;
}
.picker, .picker__holder {
    position: static;
}
@media all and (max-width: 600px) {
    .widget-footer {
        display: none;
    }
}
.alert {
    background-color:#EB5360;
    color:#ffffff;
    margin-bottom: 5px;
}
.bg-default {
    background-color: #999999;
    color: white;
}
.picker__header {
    padding-top: 0px;
    padding-bottom: 0px;
}
.has-tooltip {
    cursor: help !important;
}
.picker__day--disabled {
    background-color: #999999;
    opacity: 0.2;
    color: white;
    cursor: not-allowed !important;
}
.picker__day--disabled:hover {
    background-color: #999999;
    color: white;
}
.out-of-range-disabled {
    background-color: #666666;
    opacity: 0.2;
    color: white;
    cursor: not-allowed !important;
}
.out-of-range-disabled.picker__day--disabled:hover {
    background-color: #666666;
    color: white;
}
.picker__day--highlighted.picker__day--infocus {
    background-color: white;
    color: black;
}
.picker__day--selected {
    cursor: pointer;
    color: white !important;
    background-color: #EB5360 !important;
}
.picker__day--highlighted:hover {
    cursor: pointer;
    color: #333333;
    background-color: #f5f5f5;
}
.picker__day--highlighted.picker__day--infocus {
    background-color: inherit;
}
.picker__day--disabled.picker__day--highlighted {
    background-color: #999999 !important;
}
.picker__day--disabled.exception,
.picker__day--disabled.exception:hover {
    position: relative;
    display: inline-block;
    width: 100%;
    color: white;
}
.picker__day--disabled.exception {
    background: #a3a3a3 url(../../js/libs/glDatePicker/cross.png) no-repeat 48% 13%;
}
.content {
    padding: 5px;
}
.content:first-child {
    padding-top: 5px;
}
.mb-0 {
    margin-bottom: 0px;
}
.mt-50 {
    margin-top: 50px;
}
.sweet-alert button {
    margin: 10px 0px 0px 0px;
    padding: 5px 15px;
}
.sweet-alert .sa-icon {
    zoom: 0.5;
}
.widget-note-purple, .widget-note-purple:hover {
    background-color: #CB99C9 !important;
    color: #000000;
    font-weight: bold;
}
.widget-note-blue, .widget-note-blue:hover {
    background-color: #AEC6CF !important;
    color: #000000;
    font-weight: bold;
}
.widget-note-red, .widget-note-red:hover {
    background-color: #FF6961 !important;
    color: #000000;
    font-weight: bold;
}
.widget-note-yellow, .widget-note-yellow:hover {
    background-color: #FDFD96 !important;
    color: #000000;
    font-weight: bold;
}
.widget-note-green, .widget-note-green:hover {
    background-color: #77DD77 !important;
    color: #000000;
    font-weight: bold;
}
.widget-note-orange, .widget-note-orange:hover {
    background-color: #FFB347 !important;
    color: #000000;
    font-weight: bold;
}
.widget-note-gold, .widget-note-gold:hover {
    background-color: #ECE106 !important;
    color: #000000;
    font-weight: bold;
}
.widget-note-pink, .widget-note-pink:hover {
    background-color: #DEA5A4 !important;
    color: #000000;
    font-weight: bold;
}
.widget-note-black, .widget-note-black:hover {
    background-color: #464645 !important;
    color: #FFFFFF;
}
.label { font-size: 12px !important; }
#duplicate-booking #payment-msg-amount{
    font-size: 10px;
    color: #525252;
}
.button-border {
    border-radius: 8px;
}
.img-store-parent {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.img-store-parent img.img-fluid.img-store {
    width:133px;
}
.widget-heading {
    border-radius: 3px;
}
#step5 .panel#confirmation-header,
#step5 .panel#confirmation-header-new,
#step5 .panel#booking-conflict-header,
#step5 .panel#confirmation-header-old-booking {
    border-radius: 3px; 
}
#duplicate-booking .panel-heading,
#old-booking .panel-heading,
#new-booking .panel-heading,
.widget-details-left-col .panel-heading {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    color:#000000;
}
.widget-container .panel {
    border-radius: 6px;
}

.widget-container .panel .panel-body {
    padding: 16px 24px;
}
.panel .panel-body {
    color:#000000;
}
.panel.bg-grey-300 .panel-heading{
    padding: 15px 5px;
}
.widget-details-left-col .panel-heading {
    padding: 15px;
}
#duplicate-booking .widget-details-left-col .panel-heading {
    padding: 15px;
}
.restaurant-name {
    font-weight: 500;
}
#duplicate-booking .panel,
#step1 .panel,
#step2 .panel,
#step3 .panel, 
#step4 .panel, 
#step5 .panel {
    color:#000000;
    border-radius: 6px;
}
.widget-msg {
    color: #525252;
}
.widget-footer .panel-body {
    padding: 10px 20px;
}
.widget-container .btn {
    padding: 9px 12px;
    border-radius: 8px;
}
.widget-container .btn.bg-grey.btn-dark-grey {
    background: #525252;
}
@media all and (max-width: 600px) {
    .step1-selector > .input-group > .input-group-addon,
    .step1-selector > .input-group > .form-control,
    .step1-selector > .input-group > .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        height: 36px;
    }
    .to-step2 > button {
        padding: 7px 12px;
    }
    .picker__holder { max-width:100%; }
    .step1-selector-covers { margin-top: 5px; }
    
    #duplicate-booking .panel-heading {
        padding: 4px 20px;
    }
    #duplicate-booking .widget-details-left-col .panel-heading {
        padding: 4px 20px;
    }
    #duplicate-booking .panel-body{
        padding: 7px 20px;
    }
    #old-booking .panel-body{
        padding: 16px 20px
    }
    .img-store-parent img.img-fluid.img-store {
        width:122px;
    }
    .form-check-label {
        display: flex;
        align-items: center;
        gap: 5px;
    }
}
@media (min-width: 610px) {
    .col-sm-6 {
        width: 50%;
        float: left;
    }
    #duplicate-booking {
        display: flex;
    }
    #duplicate-booking .widget-details-left-col .panel{
        height: 100%;
        display: flex;
        flex-direction: column;        
        position: relative;
    }
    #duplicate-booking .widget-details-left-col .panel .panel-body{
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 15px;
    }
    #duplicate-booking .widget-details-left-col .panel .panel-body ul{
        flex: 1;
    }
    #duplicate-booking .widget-details-left-col .panel .panel-body ul .mt-5.mr-5{
        margin-bottom: 0;
        left: 20px;
        right: 20px;
    }
}

/* Add customisation to bootstrap elements */
.dropdown-menu {
    z-index: 9999; 
}