/* CALENDAR FIELD LAYOUTS CSS */
.data-calendar-layout .year-one-calendar,
.data-calendar-layout .year-two-calendar,
.data-calendar-layout .year-three-calendar,
.data-calendar-layout .year-four-calendar,
.data-calendar-layout .year-five-calendar,
.data-calendar-layout .one-year-calendar {
  display: grid;
  grid-template-columns: repeat(14, minmax(70px, 1fr));
  gap: 3px;
  align-items: start;
  margin-bottom: 16px;
  font-size: 60%;
  text-align: center;
}

.data-calendar-layout .one-year-calendar {
  grid-template-columns: repeat(13, minmax(70px, 1fr));
}

.data-calendar-layout .year-one-calendar .field--widget-number,
.data-calendar-layout .year-two-calendar .field--widget-number,
.data-calendar-layout .year-three-calendar .field--widget-number,
.data-calendar-layout .year-four-calendar .field--widget-number,
.data-calendar-layout .year-five-calendar .field--widget-number,
.data-calendar-layout .one-year-calendar .field--widget-number {
  min-width: 0;
  margin: 0;
}

.data-calendar-layout .year-one-calendar .field--widget-number .form-item,
.data-calendar-layout .year-two-calendar .field--widget-number .form-item,
.data-calendar-layout .year-three-calendar .field--widget-number .form-item,
.data-calendar-layout .year-four-calendar .field--widget-number .form-item,
.data-calendar-layout .year-five-calendar .field--widget-number .form-item,
.data-calendar-layout .one-year-calendar .field--widget-number .form-item {
  margin: 0;
}

.data-calendar-layout .year-one-calendar .field--widget-number input,
.data-calendar-layout .year-two-calendar .field--widget-number input,
.data-calendar-layout .year-three-calendar .field--widget-number input,
.data-calendar-layout .year-four-calendar .field--widget-number input,
.data-calendar-layout .year-five-calendar .field--widget-number input,
.data-calendar-layout .one-year-calendar .field--widget-number input {
  width: 100%;
  box-sizing: border-box;
}

.data-calendar-layout .calendar-total-cell {
  min-width: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.data-calendar-layout .calendar-total-cell .calendar-total-label {
  display: block;
  margin: 0 0 4px 0;
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  font-weight: 600;
}

.data-calendar-layout .calendar-total-cell .calendar-total-value {
  width: 100%;
  min-height: 38px;
  padding: 8px 6px;
  border: 1px solid #8c8c8c;
  border-radius: 4px;
  background: #f5f5f5;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
}

.data-calendar-layout input.bawd-readonly {
  background: #f1f1f1;
  color: #111111;
}

.ief-entity-submit {
  display: none;
}

@media (max-width: 1279px) {
  .data-calendar-layout .year-one-calendar,
  .data-calendar-layout .year-two-calendar,
  .data-calendar-layout .year-three-calendar,
  .data-calendar-layout .year-four-calendar,
  .data-calendar-layout .year-five-calendar {
    grid-template-columns: repeat(6, minmax(70px, 1fr));
  }

  .data-calendar-layout .one-year-calendar {
    grid-template-columns: repeat(4, minmax(70px, 1fr));
  }
}

@media (max-width: 767px) {
  .data-calendar-layout .year-one-calendar,
  .data-calendar-layout .year-two-calendar,
  .data-calendar-layout .year-three-calendar,
  .data-calendar-layout .year-four-calendar,
  .data-calendar-layout .year-five-calendar,
  .data-calendar-layout .one-year-calendar {
    grid-template-columns: repeat(3, minmax(70px, 1fr));
  }
}