/* Auto-extracted citym calendar styles */

/* citym grid — calendar modal columns */
.row { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; box-sizing: border-box; }
.row > .c, .row > [class*="c-"] { box-sizing: border-box; padding-left: 5px; padding-right: 5px; }
.c-10-all { width: 10%; flex: 0 0 10%; }
.c-14-all { width: 14.28571429%; flex: 0 0 14.28571429%; }
.c-20-all { width: 20%; flex: 0 0 20%; }
.c-25-all { width: 25%; flex: 0 0 25%; }
.c-30-all { width: 30%; flex: 0 0 30%; }
.c-40-all { width: 40%; flex: 0 0 40%; }
.c-50-all { width: 50%; flex: 0 0 50%; }
.c-100-all { width: 100%; flex: 0 0 100%; }
.c-50-a { width: 50%; flex: 0 0 50%; }
.ta-c-all { text-align: center; }
.m-t-all { margin-top: 5px; }
.m-l-all { margin-left: 15px; }
.m-b-all { margin-bottom: 15px; }
.sr-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* modal shell */
#cal-overlay.modal-mask {
  position: fixed; inset: 0; z-index: 100009;
  background: rgba(0,0,0,.45);
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
#cal-overlay .modal.info-modal {
  background: #fff; position: relative;
  box-shadow: 0 8px 40px rgba(0,0,0,.3);
  max-height: 80vh; overflow: hidden;
}
#cal-overlay .modal .modal-content {
  padding: 20px 24px 24px; max-height: 80vh; overflow-y: auto;
}
#cal-overlay .modal .close {
  position: absolute; top: 12px; right: 14px; z-index: 2;
  cursor: pointer; background: none; border: none;
  padding: 4px; line-height: 1; color: #585a61;
}
#cal-overlay .modal .close:hover { color: #000; }
#cal-overlay .modal .close .typcn-delete { font-size: 22px; }

/* table calendar layout */
table.calendar { width: 100%; border-collapse: collapse; table-layout: fixed; }
table.calendar td.c-14-all { padding: 0; vertical-align: top; }
table.calendar thead.calendar-header th {
  font-weight: 600; text-transform: uppercase;
}

#cal-overlay.calendar-modal.event-time.wide .modal.info-modal {
  width: 900px; max-width: 96vw;
}
#cal-overlay .time-selector .times {
  max-height: 400px; overflow-y: auto;
}
#cal-overlay .time-selector .times .time.m-t-all:first-child {
  margin-top: 0;
}
#cal-overlay .ui-control.button.select-time.disabled,
#cal-overlay .ui-control.button.select-time:disabled {
  opacity: 0.55; cursor: default;
}
@media (max-width: 768px) {
  #cal-overlay .c-50-a, #cal-overlay .c-50-all { width: 100%; flex: 0 0 100%; }
  #cal-overlay .m-l-all { margin-left: 0; margin-top: 16px; }
  #cal-overlay.calendar-modal.event-time.wide .modal.info-modal { width: 96vw; }
}
.calendar-modal.event-time h3{text-transform:capitalize}
.calendar-modal.event-time.wide .modal{width:850px}
.calendar-modal.event-time .change-date{cursor:pointer;font-weight:600}
.calendar-modal.event-time.wide .modal{width:900px}
.calendar-modal.event-time.wide .loading-container.ar-70-all:after{padding-bottom:50%}
.calendar-modal.event-time .change-date{cursor:pointer;font-size:14px;font-weight:600}
.calendar-modal.event-time .change-date{cursor:pointer;font-size:14px;font-weight:700}
.calendar{width:100%}
.calendar-header{background-color:#0a71a6;color:#fff;border-radius:8px 8px 0 0}
.calendar-header .month select{direction:rtl;width:100%}
.calendar-header .month .monthName{text-align:right;display:block;padding-right:5px}
.calendar-header .year{text-align:left}
.calendar-header .year .yearName{text-align:left;display:block;padding-left:5px}
.calendar-header .arrow{font-size:24px;color:#fff;text-align:left;cursor:pointer}
.calendar-header .arrow.right{text-align:right}
.calendar-header .month-name{text-align:center;line-height:34px}
.calendar-header .day-names{font-size:10px;text-align:center;padding-bottom:8px;text-transform:uppercase}
.calendar-header .day-names th{padding:15px 0 8px 0}
.calendar-header select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;color:#fff;background:0 0;border:0;font-size:16px;font-family:proxima-nova-soft,Arial,sans-serif;vertical-align:middle;outline:0;cursor:pointer}
.calendar-header select option{color:#444;font-size:16px;background-color:#fff}
.calendar-header select::-ms-expand{display:none}
.calendar-header .day-names .c-14-all span{text-align:center;display:inline-block;background-color:#eaeaea;width:25px;height:15px;opacity:.6}
.calendar-body .ar.ar-70-all:after{padding-bottom:90%}
.calendar-body .day{background-color:#fff;font-size:10px;text-align:center;color:#8c8c8c;pointer-events:none;position:relative}
.calendar-body .day .spacer{content:"";display:inline-block;vertical-align:middle;height:100%}
.calendar-body .day .date-text{display:inline-block;vertical-align:middle;font-size:medium}
.calendar-body .day.selected,.calendar-body .day.selected.available{color:#585a61;box-shadow:inset 0 0 0 1px #fff;cursor:pointer;background-color:#d1d1d1;outline:2px solid #000;z-index:1}
.calendar-body .day.available{color:#585a61;box-shadow:inset 0 0 0 1px #fff;cursor:pointer;background-color:#eaeaea;transition:background-color .4s;pointer-events:auto}
.calendar-body .day.available:hover{background-color:#d1d1d1}
.calendar-body .day.empty .date-text{opacity:0}
.calendar-body .day.empty{visibility:hidden;height:0}
.calendar-body .day:focus{border:none!important;z-index:1;outline:2px solid #00c1ff}
.calendar-body.hasPriceCalendar .day{position:relative}
.calendar-body.hasPriceCalendar .day .priceProgramColor{box-shadow:inset 1px 1px 0 .5px #fff}
.calendar-body.hasPriceCalendar.showPricesOnCalendar .day .date-text{position:absolute;left:5px;top:5px;font-size:140%}
.calendar-body.hasPriceCalendar.showPricesOnCalendar .day .date-price{position:absolute;right:5px;bottom:5px;font-size:120%;color:#000;font-weight:700}
.calendar-legend .legend-item{margin-bottom:5px;font-size:90%;display:inline-block}
.calendar-legend .legend-item span{vertical-align:middle;display:inline-block}
.calendar-legend .legend-item .price-color{width:20px;height:20px;margin:0 10px 0 20px;border:1px solid #8c8c8c}
.calendar-legend .legend-item .price-color.available{background-color:#eaeaea}
.calendar-legend .legend-item .price-color.unavailable{background-color:#fff}
.calendar.placeholder{-webkit-animation:pulseAnimation 1.5s infinite;-moz-animation:pulseAnimation 1.5s infinite;-o-animation:pulseAnimation 1.5s infinite;animation:pulseAnimation 1.5s infinite;pointer-events:none}
.calendar.placeholder .calendar-header .day-names .c-14-all span{text-align:center;display:inline-block;background-color:#eaeaea;width:25px;height:15px;opacity:.6}
.calendar.placeholder .day.available:hover{background-color:#eaeaea}
.calendar option{cursor:pointer;text-transform:capitalize}
.calendar option[disabled=disabled]{color:#ccc;cursor:default}
.calendar .day{position:relative}
.calendar.event-time-page .change-date{cursor:pointer;font-size:14px;font-weight:700}
.calendar.event-time-page .center{margin-left:auto;margin-right:auto}
.time-selector.multi{font-size:14px}
.time-selector.multi .times{text-align:center}
.time-selector.multi .times .c{overflow:hidden;line-height:1.2}
.time-selector.multi .header .c{text-align:center;font-size:90%;line-height:1.2}
.time-selector.multi .sold-out .status{font-weight:600}
.time-selector.multi .quantity-control{width:120px;margin:auto;float:none}
.time-selector{font-size:14px}
.time-selector .ui-control.button{font-size:14px;padding:5px}
.time-selector .ui-control.button.disabled{cursor:default;opacity:.7;position:static;background-color:#e9f8f8}
.time-selector .row.selected-date{font-size:16px;font-weight:600;margin-bottom:10px;padding:0 0 5px 0;border:none}
.time-selector .row.header-row{border-bottom:solid #333 1px;border-top:solid #333 1px;padding:5px}
.time-selector .times{padding-right:5px}
.time-selector .times .select-time{width:100%}
.time-selector .times .time.m-t-all:first-child{margin-top:0}
.time-selector .times .eventAttrs{list-style:disc outside}
.time-selector .times .eventAttrs li{font-size:12px;color:#0a71a6;margin:5px 0 5px 30px}
.time-selector .times.placeholder{-webkit-animation:pulseAnimation 1.5s infinite;-moz-animation:pulseAnimation 1.5s infinite;-o-animation:pulseAnimation 1.5s infinite;animation:pulseAnimation 1.5s infinite}
.time-selector .times.placeholder .time.row .availability,.time-selector .times.placeholder .time.row .time{height:40px;line-height:40px}
.time-selector{max-height:400px}
.ui-control.button.shared-calendar-button{background-color:#f0f185;color:#000;padding:7px 25px}
.ui-control.button.shared-calendar-button .fa-calendar-alt:before{font-size:28px;margin-right:12px;vertical-align:middle}
.ui-control.button.shared-calendar-button:hover{background-color:#eaec57}
.ui-control.button.shared-calendar-button:disabled{background-color:#b3b3b3}
.ar{position:relative;width:100%}
.ar:after{content:'';width:100%;padding-bottom:100%;display:block}
.ar .arc{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.ar-70-all:after{padding-bottom:90%}
.ar-70-all:after{padding-bottom:50%}
.ar-70-all:after{padding-bottom:70%}
.modal .close{display:none}
.modal .close{position:absolute;top:0;right:0;font-size:40px;color:#e9f8f8;cursor:pointer;transition:color .4s ease-in-out;z-index:1000;line-height:1}
.modal .close:hover{color:#c2ecec}
.modal .close .typcn:before{line-height:40px}
.modal .modal-content{max-height:calc(100vh - 30px)}
.modal .modal-content{height:90vh;max-height:inherit}
.modal .modal-content{max-height:500px;height:400px}
.modal .modal-content .row.modal-header{background-color:#333;color:#fff;padding:20px;display:block}
.modal .modal-content .row.messageContent{padding:10px}
.modal .modal-content .row.messageloading{margin-top:150px}
.modal .modal-content .row.messageloading img{width:80px}
.modal .modal-content{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.5);border-radius:0;overflow-y:auto;max-height:calc(80vh - 30px);position:relative}
.p-all-all{padding:0 15px 15px 15px}
.p-all-all{padding-top:0;padding-bottom:10px;font-size:14px}
.p-all-all{padding-bottom:100px}
.p-all-all{padding:15px}
.row.header-row{border-bottom:solid #333 1px;border-top:solid #333 1px;padding:5px}
.time.row .time{height:40px;line-height:40px}
header-row{border-bottom:solid #333 1px;border-top:solid #333 1px;padding:5px}
selected-date{font-weight:600;padding:5px 10px;border:solid 2px #222}
selected-date{margin-top:15px}
selected-date{font-size:16px;font-weight:600;margin-bottom:10px;padding:0 0 5px 0;border:none}