#masparis-reservations { }

.masparis-reservations__content {
  display: flex;
  align-items: flex-start;
  align-content: space-between;
  justify-content: space-between;
}

.masparis-reservations__col1 {
  margin-right: 20px;
  width: 250px;
}

.masparis-reservations__room {
  margin: 0 0 20px 0;
  width: 100%;
}

.masparis-reservations__datepicker {
  width: 100%;
}
.masparis-reservations__datepicker.front {
  display: none;
}

.masparis-reservations__col2 {
  width: calc(100% - 250px - 20px);
}
.masparis-reservations__col2 h3 {
  text-align: center;
}

.masparis-reservations__status {
  margin-top: 1em;
}
.masparis-reservations__status.loading .masparis-reservations__status__loading { display: flex;}
.masparis-reservations__status.loading .masparis-reservations__status__ready { display: none;}
.masparis-reservations__status.loading .masparis-reservations__status__error { display: none;}
.masparis-reservations__status.error .masparis-reservations__status__loading { display: none;}
.masparis-reservations__status.error .masparis-reservations__status__ready { display: none;}
.masparis-reservations__status.error .masparis-reservations__status__error { display: block;}
.masparis-reservations__status__loading {
  display: none;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
}
.masparis-reservations__spinner {
  margin-right: .5em;
  width: 20px;
  height: 20px;
  background: url('/wp-admin/images/spinner-2x.gif') center center no-repeat;
  background-size: 100%;
}
.masparis-reservations__status__ready {
  color: green;
}
.masparis-reservations__status__error {
  display: none;
  color: red;
}

.masparis-reservations__calendar .fc-scroller {
  overflow-y: visible !important;
  height: auto !important;
}
.masparis-reservations__calendar .fc-widget-header th {
  margin: 0;
  padding-top: 1.33em;
  padding-bottom: 1.33em;
  text-align: center;
  background-color: black;
  color: white;
}
.masparis-reservations__calendar .fc-widget-header th.fc-today {
  color: #BCD74C;
}
.masparis-reservations__calendar .fc-widget-content td.fc-today {
  background: #E9F9A4;
}
.masparis-reservations__calendar .fc-widget-content td .fc-event.status-1 { background-color: #CC3333; border-color: #CC3333; }
.masparis-reservations__calendar .fc-widget-content td .fc-event.status-2 { background-color: #FF9933; border-color: #FF9933; }
.masparis-reservations__calendar .fc-widget-content td .fc-event.status-3 { background-color: #9900CC; border-color: #9900CC; }
.masparis-reservations__calendar .fc-widget-content td .fc-event.status-4 { background-color: #3a87ad; border-color: #3a87ad; }

.modal-actions .modal-actions__insert { display: block;}
.modal-actions .modal-actions__update { display: none;}
.modal-actions.update .modal-actions__insert { display: none;}
.modal-actions.update .modal-actions__update { display: block;}

.modal-form label {
  display: block;
  margin: .5em 0 1em 0;
}
.modal-form input,
.modal-form select,
.modal-form textarea {
  width: 100%;
}
.modal-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-content: space-between;
  margin: 15px -15px -15px -15px;
  padding: 1em;
  background-color: rgba(0,0,0,.1);
}
.modal-actions__update {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}
.modal-actions__update button {
  margin-left: .5em !important;
}
button.button-primary.button-red {
  text-shadow: 0 -1px 1px #C60000, 1px 0 1px #C60000, 0 1px 1px #C60000, -1px 0 1px #C60000;
  background-color: red !important;
  border-color: #C60000 !important;
  box-shadow: 0 1px 0 #C60000;
}
button.button-primary.button-red:focus { box-shadow: 0 1px 0 #FF3939, 0 0 2px 1px #FF6464; }
button.button-primary.button-red:active { box-shadow: inset 0 2px 0 #C60000; }