.calendar-month {
  font-weight: bold;
  margin-top: 2px;
  font-size: 10px;
  text-align: center;
  line-height: 15px;

  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

table.calendar td.project,
table.calendar td.project * {
  background-color: #14524f;
  color: #fff;
}

table.calendar td.workorder,
table.calendar td.workorder * {
  background-color: #6a6d6d;
  color: #fff;
}

table.calendar td.task,
table.calendar td.task * {
  background-color: #80d580;
  color: #505050;
}

table.calendar td.agenda,
table.calendar td.agenda * {
  background-color: #8ec8df;
  color: #505050;
}

table.calendar {
  margin-left: 0px;
  padding-left: 0px;
  border-spacing: 4px;
  margin-top: 0px;
  background: #fff;
  font-family: Verdana, sans-serif, Arial, Helvetica;

  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

table.calendar_outer {
  margin-left: 0px;
  padding-left: 0px;
  border-spacing: 0px;
  background: #fff;
  font-family: Verdana, sans-serif, Arial, Helvetica;

  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

td.calendar {
  padding-left: 5px;
  line-height: 15px;
}

table.calendar_outer_grey tr th,
table.calendar_outer_grey tr th a {
  background-color: #505050; /* dark grey */
  background-image: url("../../images/grey_bg.png");
}

table.calendar_outer_orange tr th,
table.calendar_outer_orange tr th a {
  background-color: #14524f;
}

table.calendar_outer_orange tr th,
table.calendar_outer_orange tr th a,
table.calendar_outer_grey tr th,
table.calendar_outer_grey tr th a {
  height: 20px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  text-decoration: none !important;
}

.calendar_annual_header,
.calendar_month_header {
  background-color: #505050; /* dark grey */
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  padding: 5px;
}

.calendar_month_header,
.calendar_month_header * {
  color: #fff !important;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

img.calendar_arrow {
  margin-bottom: -4px;
}

table.calendar tr th {
  height: 15px !important;
  font-size: 8px;
  font-weight: bold;
  line-height: 0px;
}

table.calendar tr td {
  height: 15px !important;
  text-align: center;
  line-height: 0px;
  background: #f3f3f3;
  font-size: 8px;
  padding: 0px 2px 0px 2px;
}

table.calendar_outer > tbody > tr > td {
  padding: 2px 2px 10px 2px;
}

div#calendar_div {
  padding: 0px;
  margin: 10px 0px 10px 0px;
}

table.month_calendar_outer {
  margin: 0px auto;
  border-spacing: 0px;
  width: 99%;
  background: #e6e6e6;
}

table.month_calendar_outer > tbody > tr:last-child > td {
  padding-bottom: 20px;
}

table.month_calendar {
  margin: 0px auto;
  border-spacing: 3px;
  width: 100%;
  font-size: 0.85em;
  text-shadow: none;
  background: #e6e6e6;

  /* To avoid the taps on the links */
  pointer-events: none;
  cursor: default;
}

table.month_calendar th {
  background: transparent;
  text-align: center;
  font-weight: bold;
  color: #707070;
}

table.month_calendar td {
  color: #707070;
  font-weight: normal;
  height: 50px !important;
}

@media screen and (min-width: 768px) {
  table.month_calendar {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 480px) {
  table.month_calendar {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
  table.month_calendar td {
    text-align: center;
    height: 20px !important;
  }
}

table.month_calendar td b a {
  color: #707070 !important;
}

.day_holiday,
.day_holiday * {
  background: #dbdbd9 !important;
}

.day_worked_projects,
.day_worked_projects * {
  background: #98ff8b !important;
}

.day_vacation,
.day_vacation * {
  background: #fcf3cf !important;
}

.day_worked_incidents,
.day_worked_incidents * {
  background: #ff7bfe !important;
  color: #ffffff !important;
}

.day_health_issues,
.day_health_issues * {
  background: #e74c3c !important;
  color: #ffffff;
}

.day_not_justified,
.day_not_justified * {
  background: #14524f !important;
  color: #ffffff;
}

.day_visit_to_the_doctor,
.day_visit_to_the_doctor * {
  background: #0edaefb8 !important;
  color: #ffffff;
}

.day_empty,
.day_empty * {
  background: #ffffff !important;
}

.day_work_home,
.day_work_home * {
  background: #2874a6 !important;
  color: #ffffff;
}

.day_legend {
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
}