.application-title{
  color: $black;
  font-size: 36px;
  font-weight: bold;
  float: right;
}

.application-logo{
  max-height: 56px;
  margin-right: 10px;
  float: left;
}

.datepicker table thead tr {
  background: $edt-dark-blue;

  th:hover {
    background: $edt-light-grey;
  }
}

#calendar-view {

  background: $edt-white;
  padding: 0px;


  i.calendar::before {
    color: $edt-dark-blue;
  }

  .calendar-current-week {
    background: $edt-white;
    padding-right: 0;
    margin-bottom: 8px;
    line-height: 39px;

    .cyan {
      background-color: $edt-dark-blue !important;

      &:hover {
        background-color: $edt-dark-blue;
      }
    }

    .calendarFiltersButtons {

      background: $edt-white;

      .displayModeButtons {
        margin: 0;
      }

      .nextPrevious {
        button {
          background-color: $edt-dark-blue;

          &:hover {
            background-color: $edt-dark-blue;
          }
        }
      }

      .displayOptionsButtons {
        button {
          background-color: $edt-dark-blue;

          &:hover {
            background-color: $edt-dark-blue;
          }
        }
      }
    }

    button {
      color: $edt-white;
      border-radius: 0px;
      padding: 8px 15px 8px;

      i18n {
        text-transform: uppercase;
      }
    }

    span[ng-if="display.mode === 'week'"] {
      color: $edt-white;
      background-color: $edt-dark-blue;
      height: 100%;
      display: inline-block;
      padding: 0 10px;
    }
  }

  .next-timeslots, .previous-timeslots {
    margin-bottom: 0;
    background: $edt-dark-blue;

    &:hover {
      background: $edt-dark-blue;
    }

    &:disabled {
      background: $edt-light-grey;

      &:hover {
        background: $edt-light-grey;
      }

      &::before {
        content: " ";
      }
    }
  }

  .schedule {
    legend.timeslots {
      background: $edt-white;
      color: $black;
    }
  }

  .days {
    height: auto;

    .day {
      legend {
        background: $edt-white;
        color: $black;
        text-transform: uppercase;
      }

      .timeslots {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .timeslot {
          background: $edt-white;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
        }
      }
    }
  }

  container[template="calendarDefaultDisplayOptionsTemplate"] {
    > div {
      float: left;
      width: 100%;

      h2 {
        background: $edt-dark-blue;
        box-sizing: border-box;
        margin: 0;
        padding: 10px 5px;
        color: $edt-white;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        text-indent: 20px;

        ~ div {
          padding-left: 20px;

          &:last-child {
            margin-bottom: 20px !important;
          }
        }
      }
    }
  }

  label.checkbox {

    display: flex;
    margin: 10px 0 10px 60px;
    width: fit-content;

    input[type=checkbox] {
      + span:before {
        @include fonticon();
        border: 2px solid $edt-dark-blue;
        border-radius: 3px;
        color: $white;
        height: 20px;
        width: 20px;
        margin-top: 0;
        font-size: 12px;
        text-align: center;
        line-height: 16px;
      }

      &:checked + span::before {
        content: "\e871";
        transform: rotate(0deg);
        border-color: $edt-dark-blue;
        background-color: $edt-dark-blue;
      }

      &:disabled:checked + span::before {
        content: "\e871";
        transform: rotate(0deg);
        background-color: $edt-dark-blue;
      }
    }

    &.half input[type="checkbox"] + span:before {
      font-family: 'material-icons';
      content: "\F374";
      transform: rotate(0deg);
      border-color: $edt-dark-blue;
      background-color: $edt-dark-blue;
    }
  }
}