/*** Season calendar ***/
#season-date-table {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome and Opera */
}
#season-date-table {border: 1px solid #ddd; cursor:default;}
#season-date-table thead {background: #00a0e2; color:#fff; border: 1px solid #00a0e2}
#season-date-table thead h2{color:#fff;}
#season-date-table.edit-mode thead {background: #ffc726; color:#333; border: 1px solid #ffc726}
#season-date-table tbody th {padding-right:10px; text-align: right; font-weight: 400}
#season-date-table th.day-col-header, #season-date-table td {width:30px; line-height:30px; height:30px; text-align: center;}
#season-date-table.edit-mode td.calendar-cell:hover {cursor: crosshair !important; background: #ddd !important; color:#333 !important}
/*#season-date-table.edit-mode:active {cursor: crosshair; background: #ddd; color: #333}*/

.season-picker-color {display:inline-block; height:20px; width:20px; border:1px solid #999; vertical-align:middle; margin-right: 10px;}

#season-date-table .date-cell {background: #f5f5f5}
#season-date-table .date-cell.calendar-cell {background: #fff; color: #aaa;}
#season-date-table.edit-mode .date-cell.calendar-cell {color: #333;}
.low-season {background: #46bfbd!important; color:#fff!important; /*border:0px solid #46bfbd!important*/}
.mid-season {background: #8ebf45!important; color:#fff!important; /*border:0px solid #8ebf45!important*/}
.high-season {background: #fdb45c!important; color:#fff!important; /*border:0px solid #fdb45c!important*/}
.peak-season {background: #f7464a!important; color:#fff!important; /*border:0px solid #f7464a!important*/}
.selecting {background: #ddd!important; color:#333!important; border-color:#ddd!important}
#season-date-table .date-cell.calendar-cell.selecting, #inventory-availability-table .date-cell.calendar-cell.selecting {background: #ddd!important; color:#333!important; border-color:#ddd!important}

#season-date-table .hover {cursor: pointer;}
#season-date-table .low-season.hover {background:#63cac8!important; border-color:#63cac8!important}
#season-date-table .mid-season.hover {background:hsl(84, 49%, 58%)!important;border-color:hsl(84, 49%, 58%)!important}
#season-date-table .high-season.hover {background:hsl(33, 98%, 72%)!important;border-color:hsl(33, 98%, 72%)!important}
#season-date-table .peak-season.hover {background:hsl(359, 92%, 68%)!important;border-color:hsl(359, 92%, 68%)!important}

.calendar-cell.special-date {position:relative}
.calendar-cell.special-date::before {content: ''; position:absolute; top:2px; left: 2px; height: 5px; width: 5px; background: #fff; border-radius: 50%;}
.calendar-cell.special-date.closed-season::before {background: #888;}

#season-date-table .calendar-cell.hover.top-border {border-top:1px solid #333!important;}
#season-date-table .calendar-cell.hover.left-border {border-left:1px solid #333!important;}
#season-date-table .calendar-cell.hover.right-border {border-right:1px solid #333!important;}
#season-date-table .calendar-cell.hover.bottom-border {border-bottom:1px solid #333!important;}

#season-date-table.compact {table-layout: auto; font-size:0.7em;}
#season-date-table.compact th.day-col-header, #season-date-table.compact td {width:23px; line-height:18px; height:18px; text-align: center;}
#season-date-table.compact tbody th {width:130px; padding-top:0; padding-bottom:0}
#season-date-table.compact .date-cell {padding: 0}

.calendar-key .key-color {width:15px; height:15px; border:1px solid #ddd; display:inline-block;}
.calendar-key .key-label {display:inline-block;}

.season-dates-mobile table{table-layout: auto; font-size:0.7em;}
.season-dates-mobile th.day-col-header, .season-dates-mobile td {line-height:18px; height:18px; text-align: center; vertical-align:middle!important; padding:0}
.season-dates-mobile tbody th {width:130px; padding-top:0; padding-bottom:0}
.season-dates-mobile .date-cell.calendar-cell {padding: 0}
.season-dates-mobile .closed-season {color: #aaa; /*text-decoration:line-through*/ position:relative;
    background:
       linear-gradient(to top left,
           rgba(170,170,170,0) 0%,
           rgba(170,170,170,0) calc(50% - 0.8px),
           rgba(170,170,170,1) 50%,
           rgba(170,170,170,0) calc(50% + 0.8px),
           rgba(170,170,170,0) 100%)
}

#month-calendar th, #month-calendar td {text-align: center;}