@charset "UTF-8";
/*!
 * Bootstrap v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-main-color-orange:  #ef9900;
  --bs-main-color-darkgreen:  #203f22;
  --bs-comp-color-lightgreen:  #bbc86a;
  --bs-comp-color-green:  #bbc86a;
  --bs-comp-color-skin:  #ffd791;
  --bs-comp-color-braun: #992800;
  --bs-comp-pale-braun-:  #cdae8b;
  --bs-green-pale-sand:  #f4ddb5;
}

.bg-gradient-orange {
    background-image: linear-gradient(195deg, #ef9900 0%, #fbb03b 100%); }

.bg-gradient-darkgreen {
    background-image: linear-gradient(195deg, #203f22 0%, #38663c 100%); /* Darker to a slightly lighter/brighter green */
}

.bg-gradient-lightgreen {
    background-image: linear-gradient(195deg, #bbc86a 0%, #97b059 100%); /* Lighter to a slightly darker green */
}

.bg-gradient-green {
    background-image: linear-gradient(195deg, #bbc86a 0%, #a2b861 100%); /* Lighter to a slightly darker green */
}

.bg-gradient-skin {
    background-image: linear-gradient(195deg, #ffd791 0%, #ffc0cb 100%); /* Light tan to pink */
}

.bg-gradient-braun {
    background-image: linear-gradient(195deg, #992800 0%, #b34700 100%); /* Dark brown to a slightly lighter brown */
}

.bg-gradient-pale-braun {
    background-image: linear-gradient(195deg, #cdae8b 0%, #b19170 100%); /* Pale brown to a slightly darker pale brown */
}

.bg-gradient-pale-sand {
    background-image: linear-gradient(195deg, #f4ddb5 0%, #e0cba1 100%); /* Pale sand to a slightly darker pale sand */
}

.shadow-orange {
    box-shadow: 0 4px 20px 0 #ef9900, 0 7px 10px -5px rgba(239, 153, 0, 0.4) !important; }

.shadow-darkgreen {
    box-shadow: 0 4px 20px 0 #203f22, 0 7px 10px -5px rgba(32, 63, 34, 0.4) !important; /* #203f22 to rgba */
}

.shadow-lightgreen {
    box-shadow: 0 4px 20px 0 #bbc86a, 0 7px 10px -5px rgba(187, 200, 106, 0.4) !important; /* #bbc86a to rgba */
}

.shadow-green {
    box-shadow: 0 4px 20px 0 #bbc86a, 0 7px 10px -5px rgba(187, 200, 106, 0.4) !important; /* #bbc86a to rgba */
}

.shadow-skin {
    box-shadow: 0 4px 20px 0 #ffd791, 0 7px 10px -5px rgba(255, 215, 145, 0.4) !important; /* #ffd791 to rgba */
}

.shadow-braun {
    box-shadow: 0 4px 20px 0 #992800, 0 7px 10px -5px rgba(153, 40, 0, 0.4) !important; /* #992800 to rgba */
}

.shadow-pale-braun {
    box-shadow: 0 4px 20px 0 #cdae8b, 0 7px 10px -5px rgba(205, 174, 139, 0.4) !important; /* #cdae8b to rgba */
}

.shadow-pale-sand {
    box-shadow: 0 4px 20px 0 #f4ddb5, 0 7px 10px -5px rgba(244, 221, 181, 0.4) !important; /* #f4ddb5 to rgba */
}

.btn-main-color-orange {
    color: #000;
    background-color: #ef9900;
    border-color: #ef9900; }
.btn-main-color-orange:hover {
    color: #000;
    background-color: #ef7b00;
    border-color: #ef7b00; }
.btn-check:focus + .btn-main-color-orange, .btn-main-color-orange:focus {
    color: #000;
    background-color: #ef7400;
    border-color: #ef7400;
    box-shadow: 0 0 0 0.2rem rgba(239, 96, 0, 0.5); }
.btn-check:checked + .btn-main-color-orange,
.btn-check:active + .btn-main-color-orange, .btn-main-color-orange:active, .btn-main-color-orange.active,
.show > .btn-main-color-orange.dropdown-toggle {
    color: #000;
    background-color: #ef8700;
    border-color: #ef8700; }
.btn-check:checked + .btn-main-color-orange:focus,
.btn-check:active + .btn-main-color-orange:focus, .btn-main-color-orange:active:focus, .btn-main-color-orange.active:focus,
.show > .btn-main-color-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(239, 143, 0, 0.5); }
.btn-main-color-orange:disabled, .btn-main-color-orange.disabled {
    color: #000;
    background-color: #efab00;
    border-color: #efab00; }

.input-group.input-group-outline.is-focused .form-label + .form-control, .input-group.input-group-outline.is-filled .form-label + .form-control {
    border-color: #ef9900 !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 #ef9900, inset -1px 0 #ef9900, inset 0 -1px #ef9900; }
.input-group.input-group-outline.is-focused .form-label, .input-group.input-group-outline.is-filled .form-label {
    width: 100%;
    height: 100%;
    font-size: 0.6875rem !important;
    color: #ef9900;
    display: flex;
    line-height: 1.25 !important; }
.input-group.input-group-outline.is-focused .form-label:before, .input-group.input-group-outline.is-focused .form-label:after, .input-group.input-group-outline.is-filled .form-label:before, .input-group.input-group-outline.is-filled .form-label:after {
    opacity: 1; }
.input-group.input-group-outline.is-focused .form-label:before, .input-group.input-group-outline.is-focused .form-label:after, .input-group.input-group-outline.is-filled .form-label:before, .input-group.input-group-outline.is-filled .form-label:after {
    border-top-color: #ef9900;
    box-shadow: inset 0 1px #ef9900; }

.btn-orange {
    color: #000;
    background-color: #ef9900;
    border-color: #ef9900; }
.btn-orange:hover {
    color: #000;
    background-color: #EFB300FF;
    border-color: #EF8700FF; }
.btn-check:focus + .btn-orange, .btn-orange:focus {
    color: #000;
    background-color: #EF8F00FF;
    border-color: #EFAB00FF;
    box-shadow: 0 0 0 0.2rem rgba(198, 112, 26, 0.5); }
.btn-check:checked + .btn-orange,
.btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active,
.show > .btn-orange.dropdown-toggle {
    color: #000;
    background-color: #efbf00;
    border-color: #EFAB00FF; }
.btn-check:checked + .btn-orange:focus,
.btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus,
.show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(198, 112, 26, 0.5); }
.btn-orange:disabled, .btn-orange.disabled {
    color: #000;
    background-color: #ef9900;
    border-color: #ef9900; }

.text-gradient.text-orange {
    background-image: linear-gradient(195deg, #ef9900, #EFAB00FF);
}

/* Booking */
.shadow-hover:hover {
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2) !important;
    transform: scale(1.05) !important;
}

.collapsed {
    width: 0 !important; /* Adjust this value as needed */
    overflow: hidden !important;
    transition: width 0.3s ease !important; /* Smooth transition */
}

#monday_starts_at,#monday_ends_at,#tuesday_starts_at,#tuesday_ends_at,#wednesday_starts_at,#wednesday_ends_at,#thursday_starts_at,#thursday_ends_at,#friday_starts_at,#friday_ends_at,#saturday_starts_at,#saturday_ends_at,#sunday_starts_at,#sunday_ends_at {
    padding-inline-start: 8px ! important;
}

#starts_at,#ends_at{
    padding-inline-start: 8px ! important;
}


.form-control[type="time"] {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}

.flatpickr-time {
    text-align: left;
}

.form-group label {
    min-width: 150px; /* Ensures label takes more space */
    display: inline-block; /* Keeps it aligned properly */
    font-size: 14px; /* Adjust for consistency */
}

.calendar-icon {
    font-size: 1.5rem;
    cursor: pointer;
    color: #333;
}

/* #monday_starts_at{ */
input[name$="_starts_at"],input[name$="_ends_at"] {

    padding-top: 18px !important;
    padding-bottom: 18px !important;
    max-width: 45% !important;

}

.input-group-text {
    padding: 0.375rem 0.75rem; /* Default padding, adjust as needed */
    /* Add the following properties to reduce space */
    margin-left: -1px; /* Overlap the border */
    border-top-left-radius: 0;  /* Remove left radius */
    border-bottom-left-radius: 0; /* Remove left radius */
}

body > main > div.container-fluid.py-4 > div > div > div > div.card-body > div > form > button{
    width: 100% !important;
}