body {

    padding: 0;

    margin: 0;

}



input[type="date"]::-webkit-inner-spin-button,

input[type="date"]::-webkit-clear-button {

    display: none;

}



#noca-availability--field-area {

    max-width: 14rem;

}

#noca-availability--field-party-size {

    text-align: center;

    width: 4rem;

}

.noca-availability--zone-select-panel {

    display: inline-block; 

    margin: 0 0 1rem;

}



.noca-availability--zone-select-panel form {

    margin-bottom: 0;

    display: flex;

    flex-direction: row;

}



@media (max-width: 800px) {

    .noca-availability--zone-select-panel form {

        flex-direction: column;

    }

}



.noca-availability--zone-select-panel .form-group {

    margin-right: .8rem;

    display: flex;

    flex-direction: column;

}



.noca-availability--zone-select-panel .form-group label {

    margin: 0 .2rem 0 0;

    white-space: nowrap;

}

.noca-availability--alert--blank-form {

    background: #f9f9f9;

    border: 1px solid #eee;

}

.noca-availability--zone-default {

    display: block;

}



.noca-availability--table-container {

    display: none;

}



.noca-availability--table {

    border-collapse: separate;

}



.noca-availability--table>thead>tr>th {

    background: #222;

    border-right: 1px solid rgba(255, 255, 255, .2);

    color: #fff;

    font-weight: normal;

    line-height: 100%;

    position: sticky;

    text-align: center;

    top: -1px;

    z-index: 999;

}



.noca-availability--sticky {

    background: #f0f !important;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99999;

    display: none;

}



.noca-availability--table>thead>tr>th.noca-availability--table-invisible {

    background: inherit;

    border: none;

    position: static;

}



.noca-availability--table>thead>tr>th.noca-availability--camp-date .noca-availability--camp-date-day {

    font-weight: normal;

    color: #ccc;

    margin-bottom: .2rem;

}



.noca-availability--table>thead>tr>th.noca-availability--camp-date .noca-availability--camp-date-date {

    color: #fff;

}



.noca-availability--table>thead>tr>th.noca-availability--sites {

    position: static;

    text-align: center;

    border-bottom: none;

}



.noca-availability--table>tbody>tr>td,

.noca-availability--table>tbody>tr>th {

    border-right: 1px solid rgba(0, 0, 0, .4);

    border-top: 1px solid rgba(0, 0, 0, .2);

    font-size: 1rem;

    vertical-align: middle;

    /* position: relative; */

}



.noca-availability--table>tbody>tr>th {

    background: #fff;

}



.noca-availability--table>tbody>tr:nth-of-type(odd)>th {

    background: #f9f9f9;

}



.noca-availability--table .noca-availability--camp-date {

    max-width: 3.5rem;

    min-width: 3.5rem;

    width: 3.5rem;

    text-align: center;

}



.noca-availability--camp-date.noca-availability--highlight {

    /* background: #333; */

}





.noca-availability--table>thead>tr>th.noca-availability--camp-name,

.noca-availability--table>tbody>tr>th.noca-availability--camp-name {

    font-weight: normal;

    line-height: 100%;

    overflow: hidden;

    text-align: left;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 30vw;

    min-width: 10rem;

    /* max-width: 20rem; */

}



.noca-availability--table td.noca-availability--camp-capacity,

.noca-availability--table td.noca-availability--camp-partySizeLimit {

    max-width: 4em;

    min-width: 4rem;

    text-align: center;

    width: 4rem;

    overflow: hidden;

}



.noca-availability--form option:disabled {

    color: inherit;

}





.noca-availability--table>thead>tr>th.noca-availability--camp-partySizeLimit {

    border-right: 3px solid rgba(255, 255, 255, .3);

}



.noca-availability--table td.noca-availability--camp-partySizeLimit {

    border-right: 3px solid rgba(0, 0, 0, .3);

}



.noca-availability--people {

    color: #333;

    font-size: .8rem;

    /* text-transform: uppercase; */

    display: inline-block;

    margin-left: .07rem;

}



.noca-availability--camp-night {

    font-size: 1rem;

    text-align: center;

}



.noca-availability--camp-night-full {

    color: rgba(0, 0, 0, .8) !important;

    background: rgba(0, 0, 0, .10);

}



.noca-availability--camp-night-full.noca-availability--highlight {

    /* color: rgba(0, 0, 0, .8) !important; */

    /* background: rgba(0, 0, 0, .05) !important; */

}



.noca-availability--camp-night-available {

    background: #455e15;

    color: #fff;

    font-weight: normal;

}



.noca-availability--table tbody>tr:nth-child(even)>.noca-availability--camp-night-available,

.noca-availability--availability-walkup {

    background: #506b1d;

}



.noca-availability--reservations .noca-availability--camp-night-available,

.noca-availability--availability-reservation {

    background: #005999;

}



.noca-availability--reservations tbody>tr:nth-child(even)>.noca-availability--camp-night-available {

    background: #0c67a9;

}



.noca-availability--camp-night:hover {

    background: #5e7c22;

    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, .6);

}



.noca-availability--reservations .noca-availability--camp-night:hover {

    background: #0f70b5;

}



.noca-availability--reservations .noca-availability--camp-night-full:hover,

.noca-availability--camp-night-full:hover,

.noca-availability--reservations .noca-availability--camp-closed:hover ,

.noca-availability--camp-closed:hover {

    background: #eee;

}



.noca-availability--camp-night.noca-availability--camp-closed {

    text-align: left;

    padding-left: 1rem;

}



tr.nocaAvailability--selected th {

    border-left: 6px solid #ffcc00 !important;

}



tr.nocaAvailability--selected td,

tr.nocaAvailability--selected th {

    border-top: 6px solid #ffcc00 !important;

    border-bottom: 6px solid #ffcc00 !important;

}



tr.nocaAvailability--selected td:last-of-type {

    border-right: 6px solid #ffcc00 !important;

}



.noca-availability--legend-container {}



.noca-availability--legend {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    /* margin: 1rem 0; */

}



.noca-availability--legend-item {

    margin: 1rem 1.5rem 1rem 0;

    float: right;

    display: flex;

    flex-direction: row;

    align-items: start;

    line-height: 140%;

}



.noca-availability--legend-item:last-of-type {

    margin-right: 1rem;

}



.noca-availability--legend-item>* {}



.noca-availability--legend-label {

    margin-top: .05rem;

}



.noca-availability--legend-swatch {

    border: 1px solid rgba(0, 0, 0, .4);

    margin-right: .4rem;

    text-align: center;

    width: 3rem;

}



.noca-availability--loading {

    display: none;

    font-size: .9rem;

    text-align: center;

    margin: 1.5rem auto;

}



.noca-availability--spinner,

.noca-availability--spinner:after {

  border-radius: 50%;

  width: 4rem;

  height: 4rem;

}

.noca-availability--spinner {

  margin: 0 auto .4rem;

  font-size: .3rem;

  position: relative;

  text-indent: -9999em;

  border-top: 1.1em solid rgba(0, 0, 0, 0.2);

  border-right: 1.1em solid rgba(0, 0, 0, 0.2);

  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);

  border-left: 1.1em solid #000000;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation: noca-availability--spinner-anim 1.1s infinite linear;

  animation: noca-availability--spinner-anim 1.1s infinite linear;

}

@-webkit-keyframes noca-availability--spinner-anim {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes noca-availability--spinner-anim {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.nocaAvailability--updated {

    /* font-weight: bold; */

    font-style: italic;

}



.noca-availability--camp-night:hover .noca-availability--tooltip {

    /* display: block; */

}



.noca-availability--tooltip-container {

    position: relative;

    user-select: none;

}



.noca-availability--tooltip {

    display: none;

    background: #fff;

    padding: .5rem;

    color: #111;

    font-size: .9rem;

    font-weight: normal;

    line-height: 120%;

    white-space: nowrap;

    border: 1px solid #333;

    border-radius: .3rem;

    text-align: left;

    pointer-events: none;

    position: absolute;

    right: -.3rem;

    z-index: 9999;

    width: 18rem;

    white-space: pre-wrap; 

}



.noca-availability--tooltip label {

    color: #555;

    font-weight: normal;

    line-height: 120%;

    margin: 0;

    padding: 0;

}

.noca-availability--tooltip-camp {

    font-weight: bold;

    border-bottom: 1px solid #ccc;

    margin-bottom: .4rem;

    padding-bottom: .4rem;

}

.noca-availability-tooltip-notice {

    font-style: italic;

    border-top: 1px solid #ccc;

    padding-top: .4rem;

    margin-top: .4rem;

}

.noca-availability--tooltip::before {

    content: "";

    position: absolute;

    border: 8px solid #333;

    z-index: 9997;

    pointer-events: none;

    right: 15px;

}



.noca-availability--tooltip::after {

    content: "";

    position: absolute;

    border: 6px solid #fff;

    z-index: 9998;

    pointer-events: none;

    right: 17px;

}



.noca-availability--tooltip-bottom {

    top: .7rem;

    z-index: 999999 !important;

}



.noca-availability--tooltip-bottom::before {

    border-color: transparent transparent #333 transparent;

    bottom: 100%;

}



.noca-availability--tooltip-bottom::after {

    border-color: transparent transparent #fff transparent;

    bottom: 100%;

}



.noca-availability--tooltip-top {

    bottom: 2.1rem;

}



.noca-availability--tooltip-top::before {

    top: 100%;

    border-color: #333 transparent transparent transparent;

}



.noca-availability--tooltip-top::after {

    border-color: #fff transparent transparent transparent;

    top: 100%;

}