/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.taskAttendanceCalenderBody {
  background: #e5e5e5;
  position: relative;
  overflow: hidden;
  font-size: 14px;
}

.taskAttendanceCalenderBody .eventsSection .cal-device {
  width: 100%;
  height: 72vh;
}

.taskAttendanceCalenderBody .eventsSection .cal-app {
  height: 100%;
  width: 100%;
  background: #ffffff;
}

.taskAttendanceCalenderBody .eventsSection .cal-week {
  height: 7.7142857143vh;
  width: 100%;
}

.taskAttendanceCalenderBody .eventsSection .cal-weekday, .taskAttendanceCalenderBody .eventsSection .cal-day {
  /* width: 12.714286vh;  */
  width: 14.27%;
  height: 10.214286vh;
  color: #000000;
}

.taskAttendanceCalenderBody .eventsSection .cal-scene.-calendar:before {
  display: none;
}

.taskAttendanceCalenderBody .eventsSection thead .cal-day {
  background-color: #ffffff;
}

.taskAttendanceCalenderBody .eventsSection .cal-day { /*border-right:1px solid #efefef;border-bottom:1px solid #efefef;background:rgba(140, 210, 180, 0.4);*/
  box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(201, 201, 201, 0.1), 0.1em 0.1em 3em rgba(0, 0, 0, 0.1);
}

.taskAttendanceCalenderBody .eventsSection .calendar .day.today, .taskAttendanceCalenderBody .eventsSection .calendar .day.has-event {
  /* height: 100%;  
  width: 100%;  
  border-radius: 0; */
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 13px;
  padding: 6px;
  width: 35px;
  height: 34px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #f7f7f7;
}

.taskAttendanceCalenderBody .eventsSection .calendar .day.has-event {
  background: rgba(54, 179, 126, 0.4);
}

.taskAttendanceCalenderBody .eventsSection .calendar .day.has-event-danger {
  background: rgba(237, 132, 132, 0.4);
}

.taskAttendanceCalenderBody .eventsSection .calendar .day.has-event-info {
  background: rgba(240, 176, 80, 0.4);
}

.taskAttendanceCalenderBody .eventsSection .calendar .day.today {
  background: rgba(255, 255, 255, 0.65);
}

.taskAttendanceCalenderBody .eventsSection .calendar .day.disabled {
  color: #000000;
}

.taskAttendanceCalenderBody .eventsSection .calendar .day.disabled:hover {
  border: none;
}

.taskAttendanceCalenderBody .eventsSection .cal-day p {
  margin: 0;
  font-size: 12px;
  bottom: 0;
  position: absolute;
  width: 100%;
  padding: 0 15px;
}

.taskAttendanceCalenderBody .eventsSection .calendar .day {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 13px;
  padding: 6px;
  width: 35px;
  height: 34px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #f7f7f7;
}

.taskAttendanceCalenderBody .eventsSection .cal-device > .cal-header {
  background: #000000;
  height: 7.571429vh;
}

.taskAttendanceCalenderBody .eventsSection .cal-bar {
  padding-top: 0px;
}

.taskAttendanceCalenderBody .eventsSection .cal-month thead, .taskAttendanceCalenderBody .eventsSection .cal-month tbody, .taskAttendanceCalenderBody .eventsSection .cal-month tbody tr {
  width: 100%;
  display: inline-block;
}

.taskAttendanceCalenderBody .eventsSection .calendar .event-container {
  background: #3a3a3a;
}

.taskAttendanceCalenderBody .eventsSection .cal-time {
  width: 15%;
  flex-basis: auto;
}

.taskAttendanceCalenderBody .eventsSection .cal-task {
  width: 85%;
  flex-basis: auto;
}

.taskAttendanceCalenderBody .eventsSection .cal-item {
  height: 17.714286vh;
}

@media (max-width: 768px) {
  .taskAttendanceCalenderBody .eventsSection .cal-day p {
    display: none;
  }
  .taskAttendanceCalenderBody .eventsSection .cal-device {
    height: 76vh;
  }
  .taskAttendanceCalenderBody .eventsSection thead .cal-day {
    font-size: 14px;
  }
  .taskAttendanceCalenderBody .eventsSection .cal-time {
    width: 25%;
  }
}

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