@include export-module('co-date-planning-layout') {
  .co-date-planning {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 0;

    .content-wrapper {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      height: 100%;
    }

    .agenda-wrapper {
      width: 100%;
      display: flex;
      flex-direction: row;
      height: 100%;
      overflow: hidden;
    }

    .agenda-content-wrapper {
      display: flex;
      flex-direction: column;
      width: 100%;
      overflow: auto;
      min-width: 400px;
      flex-basis: 66%;
      flex-grow: 1;
      max-height: 100%;
    }

    .agenda-content {
      width: 100%;
      height: 100%;
      flex-direction: column;
      display: flex;
    }

    calendar {
      flex-basis: 33%;
      flex-grow: 1;
    }
  }
}