@import "../../../styles/variables.scss";

:host {
  ::ng-deep .cal-day-view {
    .cal-event-container {
      position: absolute;
    }

    novo-agenda-day-event {
      height: inherit;

      .cal-event {
        height: inherit;
        font-size: 12px;
        margin-left: 2px;
        margin-right: 2px;
        min-height: 30px;
        display: flex;
        flex-flow: row nowrap;
        background-color: $off-white;

        .cal-event-ribbon {
          width: 4px;
          min-height: 100%;
        }
        .cal-event-group {
          overflow: hidden;
          flex: 1;
          padding: 2px 10px;
          display: flex;
          flex-flow: column;
        }
        .cal-event-title {
          line-height: 26px;
        }
        .cal-event-description {
          font-size: 10px;
          line-height: 13px;
        }
      }
    }

    .cal-draggable {
      cursor: move;
    }

    .cal-all-day-event {
      padding: 8px;
      border: solid 1px;
    }
  }
}