@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap');

body, th {
  background-color: #39322D !important;
}

/* if adding span here be specific */
p, h1, h2, h3, h4, h5, h6, a, li, div, td, th, tr, label, span.text-black, div#facility-legend span, button svg, tbody, button.text-indigo-500 {
  color: #F1ECE3 !important;
  font-family: Raleway, sans-serif !important;
  border-color: black !important;
}

div.border-t-4 {
  border-color: #F1ECE3 !important;
  border-top-width: 2px;
}

div.text-sm, div.text-xs, span.text-gray-800 {
  color: #C3BEB6 !important;
}

.border-transparent, div[id*="day-calendar-time-slots"] div {
  border-width: 0 !important;
}

div:not([class*="facility"]), tbody  {
  background-color: transparent !important;
  background-image: none !important;
}

div[id*="tippy"] {
  background-color: #39322D !important;
  border-radius: 5px !important;
}

div[role="dialog"], div.model-content-wrap {
  color: #F1ECE3 !important;
  background-color: #39322D !important;
}

a[class*="hover"]:hover, button[class*="hover"]:hover {
  color: #C3BEB6 !important;  
}

tr.bg-white {
  background-color: #39322D !important;
}
tr.bg-gray-50 {
  background-color: #484039 !important;
}

.hover\:bg-gray-50:hover {
  background-color: #484039 !important;
}

div[class*="facility"] span, span[class*="facility"], button.text-xs.underline, div#day-calendar-time-slots div.text-gray-800 {
  color: #39322D !important;
}

div.rounded-md.bg-white {
  background-color: #494642 !important;
}

div.bg-yellow-50 {
  background-color: #FEFCE8 !important;
}

.text-yellow-700 {
  color: #A16207 !important;
}

div.text-red-600 {
  color: red !important;
}

div#day-calendar-time-slots  {
  font-weight: bold !important;
}

/* Weekend colour */
th.bg-blue-50, div.bg-blue-100 {
  background-color: #302d39  !important;
}

span#legend-weekend {
  background-color: #302d39  !important;
  color: #302d39  !important;
  border-color: black !important;
  border-width: 1px !important;
}

/* Today colour */
th.bg-yellow-50, div.bg-yellow-100 {
  background-color: #49482e  !important;
}
span#legend-today {
  background-color: #49482e  !important;
  color: #49482e  !important;
  border-color: black !important;
  border-width: 1px !important;
}


input, input.text-gray-900, select.text-gray-900, textarea {
  color: #39322D !important;
  background-color: #F1ECE3 !important;
}

.bg-emerald-500 {
  background-color: #C85633;
}

svg {
  color: #C85633;
}

div[style="background: repeating-linear-gradient(45deg, #ccc, #ccc 4px, #888 4px, #888 8px)"] {
  background-color: #39322D !important;
  background-image: repeating-linear-gradient(45deg, #ccc, #ccc 4px, #888 4px, #888 8px) !important;
}

.overflow-y-scroll {
  scrollbar-color: #39322D #494642;
  scrollbar-border-width: 1px;
}

body, th {
  background-color: #39322D !important;
}

/* if adding span here be specific */
p, h1, h2, h3, h4, h5, h6, a, li, div, td, th, tr, label, span.text-black, div#facility-legend span, button svg, tbody, button.text-indigo-500 {
  color: #F1ECE3 !important;
  font-family: Raleway, sans-serif !important;
  border-color: black !important;
}

div.text-sm, div.text-xs, span.text-gray-800 {
  color: #C3BEB6 !important;
}

.border-transparent, div[id*="day-calendar-time-slots"] div {
  border-width: 0 !important;
}

div:not([class*="facility"]), tbody  {
  background-color: transparent !important;
  background-image: none !important;
}

div[id*="tippy"] {
  background-color: #39322D !important;
  border-radius: 5px !important;
}

div[role="dialog"], div.model-content-wrap {
  color: #F1ECE3 !important;
  background-color: #39322D !important;
}

a[class*="hover"]:hover, button[class*="hover"]:hover {
  color: #C3BEB6 !important;  
}

tr.bg-white {
  background-color: #39322D !important;
}
tr.bg-gray-50 {
  background-color: #484039 !important;
}

.hover\:bg-gray-50:hover {
  background-color: #484039 !important;
}

div[class*="facility"] span, span[class*="facility"], button.text-xs.underline, div#day-calendar-time-slots div.text-gray-800 {
  color: #39322D !important;
}

div.rounded-md.bg-white {
  background-color: #494642 !important;
}

div.bg-yellow-50 {
  background-color: #FEFCE8 !important;
}

.text-yellow-700 {
  color: #A16207 !important;
}

div.text-red-600 {
  color: red !important;
}

div#day-calendar-time-slots  {
  font-weight: bold !important;
}

/* Weekend colour */
th.bg-blue-50, div.bg-blue-100 {
  background-color: #302d39  !important;
}

span#legend-weekend {
  background-color: #302d39  !important;
  color: #302d39  !important;
  border-color: black !important;
  border-width: 1px !important;
}

/* Today colour */
th.bg-yellow-50, div.bg-yellow-100 {
  background-color: #49482e  !important;
}
span#legend-today {
  background-color: #49482e  !important;
  color: #49482e  !important;
  border-color: black !important;
  border-width: 1px !important;
}


input, input.text-gray-900, select.text-gray-900, textarea {
  color: #39322D !important;
  background-color: #F1ECE3 !important;
}

.bg-emerald-500 {
  background-color: #C85633;
}

svg {
  color: #C85633;
}

div[style="background: repeating-linear-gradient(45deg, #ccc, #ccc 4px, #888 4px, #888 8px)"] {
  background-color: #39322D !important;
  background-image: repeating-linear-gradient(45deg, #ccc, #ccc 4px, #888 4px, #888 8px) !important;
}

.overflow-y-scroll {
  scrollbar-color: #39322D #494642;
  scrollbar-border-width: 1px;
}
/* Nav */
nav a {
  font-weight: 500 !important;
  font-size: 16px !important;
}

.branding-navbar-link-color:hover {
  color: rgb(186, 157, 149) !important;
}

nav a img {
  content: url("https://static.wixstatic.com/media/9c9fba_f4684fa54e754825a56238c3d5fae7b5~mv2.png/v1/fill/w_333,h_32,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/logo_cropped.png");
  max-width: 400px !important;
}

nav div.h-24 {
  height: 3.5rem;
}

nav div.px-4 {
  border-top-width: 9px;
  border-color: rgb(179 121 88) !important;
  margin-top: 16px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100% !important;
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}


nav div.xl\:ml-6 {
  margin-left: auto;
}