#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel {
  display: flex;
}

#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab {
  background: #808080;
  color: #fff;
}

table {
  border-collapse: collapse;
}

td,
th {
  text-align: center;
  border: none;
}

input {
  text-align: center;
}
#january-school-tours:checked ~ #january-school-tours-label,
#february-school-tours:checked ~ #february-school-tours-label,
#march-school-tours:checked ~ #march-school-tours-label,
#april-school-tours:checked ~ #april-school-tours-label,
#may-school-tours:checked ~ #may-school-tours-label,
#june-school-tours:checked ~ #june-school-tours-label,
#july-school-tours:checked ~ #july-school-tours-label,
#august-school-tours:checked ~ #august-school-tours-label,
#september-school-tours:checked ~ #september-school-tours-label,
#october-school-tours:checked ~ #october-school-tours-label,
#november-school-tours:checked ~ #november-school-tours-label,
#december-school-tours:checked ~ #december-school-tours-label,

#hour-8-00-am-public-tours:checked ~ #hour-8-00-am-public-tours-label,
#hour-8-30-am-public-tours:checked ~ #hour-8-30-am-public-tours-label,
#hour-9-00-am-public-tours:checked ~ #hour-9-00-am-public-tours-label,
#hour-9-30-am-public-tours:checked ~ #hour-9-30-am-public-tours-label,
#hour-10-00-am-public-tours:checked ~ #hour-10-00-am-public-tours-label,
#hour-10-30-am-public-tours:checked ~ #hour-10-30-am-public-tours-label,
#hour-11-00-am-public-tours:checked ~ #hour-11-00-am-public-tours-label,
#hour-11-30-am-public-tours:checked ~ #hour-11-30-am-public-tours-label,
#hour-12-00-pm-public-tours:checked ~ #hour-12-00-pm-public-tours-label,
#hour-12-30-pm-public-tours:checked ~ #hour-12-30-pm-public-tours-label,
#hour-1-00-pm-public-tours:checked ~ #hour-1-00-pm-public-tours-label,
#hour-1-30-pm-public-tours:checked ~ #hour-1-30-pm-public-tours-label,
#hour-2-00-pm-public-tours:checked ~ #hour-2-00-pm-public-tours-label,
#hour-2-30-pm-public-tours:checked ~ #hour-2-30-pm-public-tours-label,
#hour-3-00-pm-public-tours:checked ~ #hour-3-00-pm-public-tours-label,
#hour-3-30-pm-public-tours:checked ~ #hour-3-30-pm-public-tours-label,
#hour-4-00-pm-public-tours:checked ~ #hour-4-00-pm-public-tours-label,
#hour-4-30-pm-public-tours:checked ~ #hour-4-30-pm-public-tours-label,
#hour-5-00-pm-public-tours:checked ~ #hour-5-00-pm-public-tours-label,

#hour-8-00-am-school-tours:checked ~ #hour-8-00-am-school-tours-label,
#hour-8-30-am-school-tours:checked ~ #hour-8-30-am-school-tours-label,
#hour-9-00-am-school-tours:checked ~ #hour-9-00-am-school-tours-label,
#hour-9-30-am-school-tours:checked ~ #hour-9-30-am-school-tours-label,
#hour-10-00-am-school-tours:checked ~ #hour-10-00-am-school-tours-label,
#hour-10-30-am-school-tours:checked ~ #hour-10-30-am-school-tours-label,
#hour-11-00-am-school-tours:checked ~ #hour-11-00-am-school-tours-label,
#hour-11-30-am-school-tours:checked ~ #hour-11-30-am-school-tours-label,
#hour-12-00-pm-school-tours:checked ~ #hour-12-00-pm-school-tours-label,
#hour-12-30-pm-school-tours:checked ~ #hour-12-30-pm-school-tours-label,
#hour-1-00-pm-school-tours:checked ~ #hour-1-00-pm-school-tours-label,
#hour-1-30-pm-school-tours:checked ~ #hour-1-30-pm-school-tours-label,
#hour-2-00-pm-school-tours:checked ~ #hour-2-00-pm-school-tours-label,
#hour-2-30-pm-school-tours:checked ~ #hour-2-30-pm-school-tours-label,
#hour-3-00-pm-school-tours:checked ~ #hour-3-00-pm-school-tours-label,
#hour-3-30-pm-school-tours:checked ~ #hour-3-30-pm-school-tours-label,
#hour-4-00-pm-school-tours:checked ~ #hour-4-00-pm-school-tours-label,
#hour-4-30-pm-school-tours:checked ~ #hour-4-30-pm-school-tours-label,
#hour-5-00-pm-school-tours:checked ~ #hour-5-00-pm-school-tours-label,

#monday-public-tours:checked ~ #monday-public-tours-label,
#tuesday-public-tours:checked ~ #tuesday-public-tours-label,
#wednesday-public-tours:checked ~ #wednesday-public-tours-label,
#thursday-public-tours:checked ~ #thursday-public-tours-label,
#friday-public-tours:checked ~  #friday-public-tours-label,

#monday-school-tours:checked ~ #monday-school-tours-label,
#tuesday-school-tours:checked ~ #tuesday-school-tours-label,
#wednesday-school-tours:checked ~ #wednesday-school-tours-label,
#thursday-school-tours:checked ~ #thursday-school-tours-label,
#friday-school-tours:checked ~  #friday-school-tours-label,
#specific_tour_delete:checked ~ #specific_tour_delete_label,
#specific_tour_add:checked ~ #specific_tour_add_label
{
    background: #194476;
    color: #fff;
}

.simple-calendar table {
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgb(221, 221, 221);
    border-collapse: collapse;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

.simple-calendar tr {
    border-collapse: collapse;
}

.simple-calendar th {
    padding: 6px;
    border-bottom: 2px solid rgb(221, 221, 221);
    border-collapse: collapse;
    border-left: 1px solid rgb(221, 221, 221);
    border-right: 1px solid rgb(221, 221, 221);
    border-top: 0px none rgb(51, 51, 51);
    box-sizing: border-box;
    text-align: center;
}

.simple-calendar td {
    padding: 6px;
    vertical-align: top;
    width: 14%;

    border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(221, 221, 221);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(221, 221, 221);
    border-left-style: solid;
    border-left-width: 1px;
}

.simple-calendar .day {
    height: 80px;
}

.wday-0 {display: none}

.wday-1 {}

.wday-2 {}

.wday-3 {}

.wday-4 {}

.wday-5 {}

.wday-6 {display: none}

.simple-calendar .wday-0 {}

.simple-calendar .wday-1 {}

.simple-calendar .wday-2 {}

.simple-calendar .wday-3 {}

.simple-calendar .wday-4 {}

.simple-calendar .wday-5 {}

.simple-calendar .wday-6 {}

.simple-calendar .today {
    background: #FFFFC0
}

.simple-calendar .past {}

.simple-calendar .future {}

.simple-calendar .start-date {}

.simple-calendar .prev-month {
    /*background: #DDD;*/
}

.simple-calendar .next-month {
    /*background: #DDD;*/
}

.simple-calendar .current-month {}

.simple-calendar .has-events {}
@tailwind base;
@tailwind components;
@tailwind utilities;
#coverage-calendar .simple-calendar table {
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 0px;
    max-width: 100%;
    width: 100%;
    box-sizing: unset;
}

#coverage-calendar .simple-calendar .full-day {
    padding: 6px;
    margin-bottom: 1px;
}


#coverage-calendar.simple-calendar tr {
    border-collapse: collapse;
}

#coverage-calendar .simple-calendar th {
    background-color: lightgray;
    padding: 0px;
    border: 0px;
    box-sizing: unset;
    text-align: unset;
}

#coverage-calendar .simple-calendar td {
    padding: 6px;
    vertical-align: top;
    width: 14%;
    border: 0px;
}

#coverage-calendar .simple-calendar .day {
    height: 80px;
}

#coverage-calendar .simple-calendar .today {
    background: none;
}

#coverage-calendar .simple-calendar .select-day{
    border: 2px solid black;
    display: flex;
    flex-direction: column;
}

#coverage-calendar .simple-calendar .prev-month,
#coverage-calendar .simple-calendar .next-month  {
    background: #DDD;
}

.x-pos {
    right: -12px;
}

.yellow-box {
    background-color: #CEE741;
}

.blue-box {
    background-color: #4196DB;
}

.green-box {
    background-color: #3DAA1D;
}

.pink-box {
    background-color: #DA0063;
}

.brown-box {
    background-color: #D28500;
}

#side-calendar .yellow-box {
    background-color: unset;
}

#side-calendar .blue-box {
    background-color: unset;
}

#side-calendar .green-box {
    background-color: unset;
}

#side-calendar .pink-box {
    background-color: unset;
}

#side-calendar .simple-calendar .today {
    background: none;
}
.email-signin-error,
.password-signin-error {
  display: none;
}
#start_time, #end_time {
    height: 2rem;
    padding: 0;
}

#repeat_interval{
    padding: 0 2.5rem 0 0.5rem;
}

.coverage-calendar-entry{
    padding: 6px;
    margin-bottom: 1px;
}
.first-name-error {
  display: none;
}

.last-name-error {
  display: none;
}

.email-error {
  display: none;
}

.phone-num-error {
  display: none;
}

.zip-code-error {
  display: none;
}

.guests-num-error {
  display: none;
}

.no-arrow{
  background-image:none;
}

table.walk-in-tours {
  border: 1px solid #ccc;
  border-collapse: collapse;
  padding: 0;
  max-width: 1000px;
  table-layout: fixed;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

table.walk-in-tours caption {
  font-size: 1.1em;
  margin: .5em 0 .75em;
}

table.walk-in-tours tr {
  border: 1px solid #ddd;
  padding: .35em;
}

table.walk-in-tours th,
table.walk-in-tours td {
  padding: .625em;
  text-align: center;
  vertical-align: top;
}

table.walk-in-tours th {
  background-color: #f8f8f8;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  table.walk-in-tours {
    border: 0;
    max-width: 90%;
  }

  table.walk-in-tours caption {
    font-size: 1.3em;
  }

  table.walk-in-tours thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.walk-in-tours tr:has(td.time-slot-available) {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table.walk-in-tours td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  table.walk-in-tours td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table.walk-in-tours td:last-child {
    border-bottom: 0;
  }

  table.walk-in-tours tr .time-slots .time-slot-available {
    display: flex;
    justify-content: center;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

body {
  font-family: "helvetica", arial, helvetica, serif;
}

form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.modal-bg-trans {
  background-color: rgba(0,0,0,0.5);
}

.modal-bg-color {
  background-color: #B5B5B5;
}

.square-radio {
 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #fff;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
}

.square-radio:checked {
  background-color: #2D9BF0;
  border-color: #2D9BF0;
  color: #2D9BF0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E") !important;
}


.checkbox-radio + label {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  cursor: pointer;
}

a {
  color: #005EA2;
}