.result-area {
  margin: 0 -15px -15px;
  padding: 10px;
  background: #f9f9f9;
}

.menstruation {
  color:#d64430;
  font-weight:bold;
}
.pms {
  background-color:pink;
}
.ovul {
  color:#ffc20e;
  font-weight:bold;
}
.safety {
  color:#C3C2C2;
  font-weight:bold;
}
.safety2 {
  color:#70d146;
  font-weight:bold;
}
.pregnancy {
  color:#000;
  font-weight:bold;
}
.pregnancy1 {
  color:#1a3be1;
  font-weight:bold;
}
.pregnancy2 {
  color:#da1ae1;
  font-weight:bold;
}


.service-calendar  {
  font-size: 14px;
}
.service-calendar-title {
  text-align: center;
  margin: 0 0 20px;
}
.service-calendar td {
 text-align: center;
}
.service-calendar .month {
  text-align: center;
  margin: 20px 0 20px;

}
.service-calendar td.pdm {
  color:#d64430;
  font-weight:bold;
}
.service-calendar td.menstruation {
  color:#d64430;
  font-weight:bold;
}
.service-calendar td.pms {
  background-color:pink;
}
.service-calendar td.ovul {
  color:#ffc20e;
  font-weight:bold;
}
.service-calendar td.safety {
  color:#C3C2C2;
  font-weight:bold;
}
.service-calendar td.safety2 {
  color:#70d146;
  font-weight:bold;
}
.service-calendar td.pregnancy {
  color:#000;
  font-weight:bold;
}
.service-calendar td.pregnancy1 {
  color:#1a3be1;
  font-weight:bold;
}
.service-calendar td.pregnancy2 {
  color:#da1ae1;
  font-weight:bold;
}
.service-calendar td.without-border {
  border-right:0 none;
}


.service-calendar table{
  display: table;
  font-size: 14px;
}
.service-calendar thead {
  display: table-header-group;
}
.service-calendar thead th,
.service-calendar th
{
  display: table-cell;
}
.service-calendar tbody {
  display: table-row-group;
}
.service-calendar thead tr {
  display: table-row;
  position: relative;
  top: 0;
  left: 0;

}
.service-calendar tr {
  display: table-row;
}
.service-calendar td{
  padding-left: 0;
  display: table-cell;
  font-weight: normal;
}
.service-calendar td.current {
  font-weight: bold;
  color: #1bbc9b;
}