/* GENERAL CONTAINER & TYPOGRAPHY */
span#week-range:after, span#current-date:after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    display: inline-block;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='62' viewBox='0 0 66 62' fill='none' style='&%2310;'%3E%3Cpath d='M9.93994 9.20996H13.8101C14.3601 9.20996 14.8101 8.77002 14.8101 8.20996V1C14.8101 0.449951 14.3601 0 13.8101 0H9.93994C9.38 0 8.93994 0.449951 8.93994 1V8.20996C8.93994 8.77002 9.38 9.20996 9.93994 9.20996Z' fill='white'/%3E%3Cpath d='M42.0601 9.20996H45.9399C46.49 9.20996 46.9399 8.77002 46.9399 8.20996V1C46.9399 0.449951 46.49 0 45.9399 0H42.0601C41.51 0 41.0601 0.449951 41.0601 1V8.20996C41.0601 8.77002 41.51 9.20996 42.0601 9.20996Z' fill='white'/%3E%3Cpath d='M1 15.7699H54.87C55.42 15.7699 55.87 15.3298 55.87 14.7699V4.60986C55.87 4.05994 55.42 3.60986 54.87 3.60986H48.9399V8.20984C48.9399 9.86414 47.5942 11.2098 45.9399 11.2098H42.0601C40.4058 11.2098 39.0601 9.86414 39.0601 8.20984V3.60986H16.8101V8.20984C16.8101 9.86414 15.4644 11.2098 13.8101 11.2098H9.93994C8.28564 11.2098 6.93994 9.86414 6.93994 8.20984V3.60986H1C0.449951 3.60986 0 4.05994 0 4.60986V14.7699C0 15.3298 0.449951 15.7699 1 15.7699Z' fill='white'/%3E%3Cpath d='M65.88 30.9499C65.66 30.2399 65.1899 29.6698 64.54 29.3299L60.64 27.2699C59.3 26.56 57.64 27.0799 56.9299 28.4198L55.92 30.3399L64.66 34.9799L65.6899 33.0399C66.03 32.3899 66.1001 31.6498 65.88 30.9499Z' fill='white'/%3E%3Cpath d='M44.3201 52.3199L53.05 56.9598L63.73 36.7399L54.98 32.1199L44.3201 52.3199Z' fill='white'/%3E%3Cpath d='M55.87 26.1898V17.5798C55.5601 17.6998 55.22 17.7699 54.87 17.7699H1C0.650024 17.7699 0.320068 17.6998 0.0100098 17.5898V52.7299C0.0100098 53.2799 0.449951 53.7299 1.01001 53.7299H41.3401L53.6799 30.2999L55.87 26.1898ZM13.38 46.8699C13.38 47.4198 12.9399 47.8699 12.38 47.8699H7.44995C6.89001 47.8699 6.44995 47.4198 6.44995 46.8699V41.9498C6.44995 41.3899 6.89001 40.9498 7.44995 40.9498H12.38C12.9399 40.9498 13.38 41.3899 13.38 41.9498V46.8699ZM13.38 36.1498C13.38 36.7098 12.9399 37.1498 12.38 37.1498H7.44995C6.89001 37.1498 6.44995 36.7098 6.44995 36.1498V31.2299C6.44995 30.6698 6.89001 30.2299 7.44995 30.2299H12.38C12.9399 30.2299 13.38 30.6698 13.38 31.2299V36.1498ZM25.4 46.8699C25.4 47.4198 24.95 47.8699 24.4 47.8699H19.46C18.91 47.8699 18.46 47.4198 18.46 46.8699V41.9498C18.46 41.3899 18.91 40.9498 19.46 40.9498H24.4C24.95 40.9498 25.4 41.3899 25.4 41.9498V46.8699ZM25.4 36.1498C25.4 36.7098 24.95 37.1498 24.4 37.1498H19.46C18.91 37.1498 18.46 36.7098 18.46 36.1498V31.2299C18.46 30.6698 18.91 30.2299 19.46 30.2299H24.4C24.95 30.2299 25.4 30.6698 25.4 31.2299V36.1498ZM37.41 46.8699C37.41 47.4198 36.96 47.8699 36.41 47.8699H31.48C30.92 47.8699 30.48 47.4198 30.48 46.8699V41.9498C30.48 41.3899 30.92 40.9498 31.48 40.9498H36.41C36.96 40.9498 37.41 41.3899 37.41 41.9498V46.8699ZM37.41 36.1498C37.41 36.7098 36.96 37.1498 36.41 37.1498H31.48C30.92 37.1498 30.48 36.7098 30.48 36.1498V31.2299C30.48 30.6698 30.92 30.2299 31.48 30.2299H36.41C36.96 30.2299 37.41 30.6698 37.41 31.2299V36.1498ZM37.41 25.4298C37.41 25.9899 36.96 26.4298 36.41 26.4298H31.48C30.92 26.4298 30.48 25.9899 30.48 25.4298V20.5099C30.48 19.9598 30.92 19.5099 31.48 19.5099H36.41C36.96 19.5099 37.41 19.9598 37.41 20.5099V25.4298ZM49.4299 36.1498C49.4299 36.7098 48.98 37.1498 48.4299 37.1498H43.49C42.9399 37.1498 42.49 36.7098 42.49 36.1498V31.2299C42.49 30.6698 42.9399 30.2299 43.49 30.2299H48.4299C48.98 30.2299 49.4299 30.6698 49.4299 31.2299V36.1498ZM49.4299 25.4298C49.4299 25.9899 48.98 26.4298 48.4299 26.4298H43.49C42.9399 26.4298 42.49 25.9899 42.49 25.4298V20.5099C42.49 19.9598 42.9399 19.5099 43.49 19.5099H48.4299C48.98 19.5099 49.4299 19.9598 49.4299 20.5099V25.4298Z' fill='white'/%3E%3Cpath d='M44.4 60.96C44.4299 61.29 44.63 61.59 44.9299 61.75C45.0801 61.8201 45.24 61.86 45.4 61.86C45.5701 61.86 45.73 61.8201 45.88 61.74L51.74 58.49L43.78 54.29L44.4 60.96Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    margin-left: .4rem;
    top: .4rem;
}



#schedule-container {
  max-width: 1200px;
  margin: 20px auto;
  font-family: Arial, sans-serif;
  position: relative;
  width: 100%;
}

/* VIEW TOGGLE BUTTONS */
/* A container for the top bar */
#top-bar {
  display: flex;               /* places children side by side */
  align-items: center;         /* vertically center them */
  justify-content: space-between; /* left item on the left, right item on the right */
  margin-bottom: 10px;         /* space below the bar */
  padding: 0 10px;             /* optional horizontal padding */
}

/* Left side: Activity Filter */
#activity-filter-container {
  display: inline-flex;
  align-items: center;
}

/* Optional: style the <select> to match your design */
#activity-filter {
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  cursor: pointer;
  margin-right: 10px; /* space between dropdown and possible label */
}

/* Right side: Day/Week Toggle */
#view-toggle {
  display: inline-flex;
  align-items: center;
}

/* Example button styles (if not already defined) */
.view-btn {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
  margin: 0 2px; /* small gap between day & week buttons */
  transition: background-color 0.3s, color 0.3s;
  outline: none;
  border-radius: 4px;
}

/* The "Day" Button Icon */
.view-btn.day-btn::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* Simple bullet-list icon (Feather's "list") in black (#000) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-list'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3' y2='6'/%3E%3Cline x1='3' y1='12' x2='3' y2='12'/%3E%3Cline x1='3' y1='18' x2='3' y2='18'/%3E%3C/svg%3E");
}

/* The "Week" Button Icon */
.view-btn.week-btn::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* Simple calendar icon (Feather's "calendar") in black (#000) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}

.view-btn {
    position: relative;
    padding-left: 30px;
}

.view-btn:before {
    position: absolute;
    left: 7px;
	    top: 5px;
}

/* Hover State */
.view-btn:hover {
  background-color: #f9f9f9;
}

/* Active (Peach) State */
.view-btn.active {
  background-color: #ffe9d7; /* a peachy color */
  color: #333; /* ensure text is still visible */
}


/* SINGLE-DAY VIEW STYLES */
.single-day-view #single-day-header {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #004f32;
  color: white;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 10px;
}
.single-day-view #single-day-header .day-nav {
  background: none;
  border: none;
  color: white;
  font-size: 22px;
  cursor: pointer;
  padding: 5px 10px;
}
.single-day-view #single-day-header .day-nav:hover {
  color: #ffcc00;
}
.single-day-view #current-date {
  cursor: pointer;
  padding: 0 15px;
}
.single-day-view .schedule-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;  
  margin: 10px 0;
  padding: 15px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  border-left: 20px solid #ccc;
}
.single-day-view .schedule-title {
  font-size: 16px;
  font-weight: bold;
  width: 30%;
}
.single-day-view .schedule-details {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #555;
}
.single-day-view .schedule-time {
  font-weight: bold;
  color: #333;
}
.single-day-view .schedule-rate {
  
}
.single-day-view .schedule-amenities {
  font-style: italic;
  color: #777;
}
.single-day-view .not-available {
  font-size: 14px;
  width: 100%;
}
.single-day-view .schedule-details span {
    width: 100%;
}
span.schedule-amenities.no-amenities {
    display: none;
}
span.schedule-time:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13306 0 0 3.13306 0 7C0 10.8669 3.13306 14 7 14C10.8669 14 14 10.8669 14 7C14 3.13306 10.8669 0 7 0ZM8.61169 9.88186L6.12218 8.07258C6.03468 8.00766 5.98387 7.90605 5.98387 7.79879V3.04839C5.98387 2.8621 6.13629 2.70968 6.32258 2.70968H7.67742C7.86371 2.70968 8.01613 2.8621 8.01613 3.04839V6.93508L9.80847 8.23911C9.96089 8.34919 9.99194 8.56089 9.88186 8.71331L9.08589 9.80847C8.97581 9.95806 8.76411 9.99194 8.61169 9.88186Z' fill='%23828282'/%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    background-size: 100%;
}
span.schedule-rate:before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23828282'/%3E%3Cpath d='M8.35851 6.60273L6.10803 6.04727C5.84755 5.98398 5.66627 5.77832 5.66627 5.5498C5.66627 5.26328 5.94132 5.03125 6.28098 5.03125H7.66253C7.91675 5.03125 8.1668 5.09629 8.37518 5.21582C8.50229 5.28789 8.67316 5.27031 8.78152 5.18066L9.50667 4.58301C9.65462 4.46172 9.63378 4.25957 9.46917 4.15234C8.95864 3.81484 8.321 3.62676 7.6667 3.625V2.78125C7.6667 2.62656 7.51666 2.5 7.33329 2.5H6.66648C6.48311 2.5 6.33308 2.62656 6.33308 2.78125V3.625H6.28098C4.95361 3.625 3.88672 4.58652 4.00966 5.72734C4.09718 6.5377 4.83067 7.19688 5.75587 7.42539L7.89174 7.95273C8.15222 8.01777 8.33351 8.22168 8.33351 8.4502C8.33351 8.73672 8.05845 8.96875 7.71879 8.96875H6.33724C6.08302 8.96875 5.83297 8.90371 5.62459 8.78418C5.49748 8.71211 5.32661 8.72969 5.21825 8.81934L4.4931 9.41699C4.34515 9.53828 4.36599 9.74043 4.5306 9.84766C5.04113 10.1852 5.67877 10.3732 6.33308 10.375V11.2188C6.33308 11.3734 6.48311 11.5 6.66648 11.5H7.33329C7.51666 11.5 7.6667 11.3734 7.6667 11.2188V10.3715C8.63774 10.3557 9.54835 9.86875 9.86925 9.09355C10.3173 8.01074 9.56502 6.8998 8.35851 6.60273Z' fill='%23ECECEC'/%3E%3C/svg%3E%0A");
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-right: 5px;
    background-size: 100%;
}
span.schedule-amenities:before {
    content: "";
   background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23828282'/%3E%3Cpath d='M11.75 9H11.5C11.0931 9 10.7844 8.86844 10.6236 8.72031C10.4845 8.59203 10.3164 8.5 10.1272 8.5H9.8725C9.68328 8.5 9.51516 8.59203 9.37609 8.72031C9.21563 8.86844 8.90688 9 8.5 9C8.09312 9 7.78438 8.86844 7.62359 8.72031C7.48453 8.59203 7.31641 8.5 7.12719 8.5H6.8725C6.68328 8.5 6.51516 8.59203 6.37609 8.72031C6.21563 8.86844 5.90688 9 5.5 9C5.09312 9 4.78437 8.86844 4.62359 8.72031C4.48453 8.59203 4.31641 8.5 4.12719 8.5H3.8725C3.68328 8.5 3.51516 8.59203 3.37609 8.72031C3.21563 8.86844 2.90688 9 2.5 9H2.25C2.11187 9 2 9.11188 2 9.25V9.75C2 9.88812 2.11187 10 2.25 10H2.5C3.10344 10 3.63625 9.80953 4 9.5025C4.36375 9.80969 4.89656 10 5.5 10C6.10344 10 6.63625 9.80953 7 9.5025C7.36375 9.80969 7.89656 10 8.5 10C9.10344 10 9.63625 9.80953 10 9.5025C10.3638 9.80969 10.8966 10 11.5 10H11.75C11.8881 10 12 9.88812 12 9.75V9.25C12 9.11188 11.8881 9 11.75 9ZM5.5 8.5V7H8.5V8.5C8.79875 8.5 8.98219 8.40375 9.03734 8.35281C9.18063 8.22062 9.33734 8.12875 9.5 8.07047V4.5C9.5 4.22438 9.72437 4 10 4C10.2756 4 10.5 4.22438 10.5 4.5V4.75C10.5 4.88812 10.6119 5 10.75 5H11.25C11.3881 5 11.5 4.88812 11.5 4.75V4.5C11.5 3.67281 10.8272 3 10 3C9.17281 3 8.5 3.67281 8.5 4.5V6H5.5V4.5C5.5 4.22438 5.72438 4 6 4C6.27563 4 6.5 4.22438 6.5 4.5V4.75C6.5 4.88812 6.61188 5 6.75 5H7.25C7.38812 5 7.5 4.88812 7.5 4.75V4.5C7.5 3.67281 6.82719 3 6 3C5.17281 3 4.5 3.67281 4.5 4.5V8.07031C4.66266 8.12859 4.81938 8.22062 4.96266 8.35266C5.01781 8.40375 5.20125 8.5 5.5 8.5Z' fill='%23ECECEC'/%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    background-size: 100%;
}
span.not-available:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C3.58203 0 0 3.58332 0 8C0 12.4193 3.58203 16 8 16C12.418 16 16 12.4193 16 8C16 3.58332 12.418 0 8 0ZM8 3.54839C8.74826 3.54839 9.35484 4.15497 9.35484 4.90323C9.35484 5.65148 8.74826 6.25806 8 6.25806C7.25174 6.25806 6.64516 5.65148 6.64516 4.90323C6.64516 4.15497 7.25174 3.54839 8 3.54839ZM9.80645 11.7419C9.80645 11.9557 9.63313 12.129 9.41935 12.129H6.58065C6.36687 12.129 6.19355 11.9557 6.19355 11.7419V10.9677C6.19355 10.754 6.36687 10.5806 6.58065 10.5806H6.96774V8.51613H6.58065C6.36687 8.51613 6.19355 8.34281 6.19355 8.12903V7.35484C6.19355 7.14106 6.36687 6.96774 6.58065 6.96774H8.64516C8.85894 6.96774 9.03226 7.14106 9.03226 7.35484V10.5806H9.41935C9.63313 10.5806 9.80645 10.754 9.80645 10.9677V11.7419Z' fill='%23A54343'/%3E%3C/svg%3E%0A");
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    margin-right: 5px;
    background-size: 100%;
}



span.schedule-time, span.schedule-rate, span.schedule-amenities.has-amenities {
    padding-left: 14px;
    position: relative;
}

span.schedule-time:before, span.schedule-rate:before,span.schedule-amenities:before {
    position: absolute;
    top: 4px;
    left: -3px;
}



span.not-available {
    color: #171717;
    background: #FDDCDC;
    text-align: left;
    padding: 5px 10px;
}

/* WEEK VIEW TOP HEADER */
.week-view #week-header {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #004f32;
  color: white;
  padding: 10px;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 10px;
}
.week-view #week-header .week-nav {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  margin: 0 10px;
}
.week-view #week-header .week-nav:hover {
  color: #ffcc00;
}
/* Change cursor so week range appears clickable */
.week-view #week-range {
  cursor: pointer;
}

/* WEEK VIEW LOWER NAVIGATION (Scrolling the 3-day window) */
/* Container for the scroll buttons (already in your code) */
.week-view #week-scroll {
      position: absolute;
    width: calc(100% - 120px);
	Left: 60px;
    height: 100%;
  /* Typically you'd have some margin or padding here, 
     but we assume you're floating these arrows over the schedule. */
  margin-bottom: 10px;
  text-align: center; 
}

/* Common styles for both left/right arrows */
.week-view .week-scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;              /* arrow width */
  height: 80px;             /* arrow height */
  background-color: #00422C; /* green background */
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  z-index: 10;              /* on top of schedule */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40% auto; /* scale arrow inside the rectangle */
  transition: background-color 0.3s;
  font-size: 0;
}

/* LEFT ARROW */
.week-view #scroll-left {
  left: 0;
  margin-left: -60px; /* shift partially off container if desired */
  /* White arrow pointing LEFT, embedded as an SVG data URI */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9IndoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02IDBMMCA1TDYgMTBWMFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+");
}

.week-view #scroll-right {
  right: 0;
  margin-right: -60px;
  /* White arrow pointing RIGHT, mirrored from left arrow */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMCBMNiA1IEwwIDEwIFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+");
}


/* Hover effect: lighten green background */
.week-view .week-scroll-btn:hover {
  background-color: #026c43;
}



/* WEEK VIEW: SCHEDULE CONTENT & 3-DAY WINDOW */
.week-view #schedule-content {
  margin-top: 10px;
      padding-right: 30px;
    padding-left: 30px;
}
.week-view .week-view-row {
  display: flex;
  gap: 10px;
}
.week-view .schedule-day-column {
  flex: 1;
  background: #f8f8f8;
  border-radius: 5px;
  padding: 10px;
  min-width: 150px;
}
/* Day Header in Each Week Column */
.week-view .day-header {
  background: #017548;
  color: white;
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  margin-bottom: 8px;
}
/* Week View Schedule Items (inside each day column) */
.week-view .day-events .schedule-item {
  background: white;  
  margin: 8px 0;
  padding: 10px;
  border-left: 5px solid #ccc;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.week-view .day-events .schedule-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 4px;
}
.week-view .day-events .schedule-details {
  font-size: 14px;
  color: #555;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.week-view .day-events .schedule-time {
  font-weight: bold;
  color: #333;
}
.week-view .day-events .schedule-rate {
  margin-left: 0;
}
.week-view .day-events .schedule-amenities {
  font-style: italic;
  color: #777;
}

/* LOADING SPINNER */
.loading-spinner {
  display: block;
  margin: 20px auto;
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0,0,0,0.1);
  border-top-color: #004f32;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* RESPONSIVE DESIGN */
@media (max-width: 900px) {
  .week-view .week-view-row {
    flex-direction: column;
  }
  .week-view .schedule-day-column {
    min-width: auto;
  }
}

/* DATEPICKER STYLES (for week view) */
#weekpicker, #datepicker {
  position: absolute;
  z-index: 9999;
  background: white;
  border: 1px solid #ccc;
  padding: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}