.employee_scheduleView {
  /*//when hiding the picture
    md-input-container.ng-hide-add {
        animation: 1.5s myChangeBack ease;
    }
    //when showing the picture
    md-input-container.ng-hide-remove {
        animation: 1.5s myChange ease;
    }*/
  /*@keyframes myChange {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

     @keyframes myChangeBack {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }*/
  /*div {    
    background-color: lightblue;
}
div.ng-hide {
    animation: 0.5s myChange;
}*/
  /* ANIMATIONS (FROM ANIMATE.CSS) ======================== */
  /* flip in */ }
  .employee_scheduleView .calendarDirective div:focus {
    border: none;
    outline: none; }
  .employee_scheduleView .calendarDirective .calendar_bgEvent {
    box-sizing: border-box;
    background: rgba(53, 203, 0, 0.4);
    opacity: 0.8;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .employee_scheduleView .calendarDirective .calendar_bgEvent.common_plan {
      border-right: 4px solid blue; }
    .employee_scheduleView .calendarDirective .calendar_bgEvent.ng-enter {
      transform-origin: right center;
      animation: 1.5s flipInX ease; }
    .employee_scheduleView .calendarDirective .calendar_bgEvent.ng-leave {
      transform-origin: right center;
      animation: 0.5s flipOutX ease; }
    .employee_scheduleView .calendarDirective .calendar_bgEvent > p {
      text-align: center; }
  .employee_scheduleView .calendarDirective .ev_practice {
    border-radius: 5px;
    background: rgba(255, 255, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
    .employee_scheduleView .calendarDirective .ev_practice > p {
      text-align: center; }
    .employee_scheduleView .calendarDirective .ev_practice.ng-enter {
      transform-origin: left center;
      animation: 1.5s flipInX ease; }
    .employee_scheduleView .calendarDirective .ev_practice.ng-leave {
      transform-origin: left center;
      animation: 0.5s flipOutX ease; }
    .employee_scheduleView .calendarDirective .ev_practice.match_current_view {
      background: rgba(255, 255, 0, 0.8); }
  .employee_scheduleView .calendarDirective .ev_extraneus {
    border-radius: 5px;
    background: rgba(255, 162, 162, 0.8); }
    .employee_scheduleView .calendarDirective .ev_extraneus.ng-enter {
      transform-origin: right center;
      animation: 1.5s flipInX ease; }
    .employee_scheduleView .calendarDirective .ev_extraneus.ng-leave {
      transform-origin: left center;
      animation: 0.5s flipOutX ease; }

/*# sourceMappingURL=ScheduleViewCalendar.css.map */