/*.div[class^="responsive-calendar"] .controls {
  text-align: center;
}
.div[class^="responsive-calendar"] .controls a {
  cursor: pointer;
}
.div[class^="responsive-calendar"] .controls h4 {
  display: inline;
}
.div[class^="responsive-calendar"] .day-headers,
.div[class^="responsive-calendar"] .days {
  font-size: 0;
}
.div[class^="responsive-calendar"] .day {
  display: inline-block;
  position: relative;
  font-size: 14px;
  width: 14.285714285714286%;
  text-align: center;
}
.div[class^="responsive-calendar"] .day a {
  color: #000000;
  display: block;
  cursor: pointer;
  padding: 20% 0 20% 0;
}
.div[class^="responsive-calendar"] .day a:hover {
  background-color: #eee;
  text-decoration: none;
}
.div[class^="responsive-calendar"] .day.header {
  border-bottom: 1px gray solid;
}
.div[class^="responsive-calendar"] .day.active a {
  background-color: #1d86c8;
  color: #ffffff;
}
.div[class^="responsive-calendar"] .day.active a:hover {
  background-color: #36a0e2;
}
.div[class^="responsive-calendar"] .day.active .not-current {
  background-color: #8fcaef;
  color: #ffffff;
}
.div[class^="responsive-calendar"] .day.active .not-current:hover {
  background-color: #bcdff5;
}
.div[class^="responsive-calendar"] .day.not-current a {
  color: #ddd;
}
.div[class^="responsive-calendar"] .day .badge {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}*/

.responsive-calendar {
    margin: 10px 0px;
    padding: 15px;
     border-radius: 0px 0px 15px 15px;
}

    .responsive-calendar .controls {
        text-align: center;
    }

        .responsive-calendar .controls a {
            cursor: pointer;
        }

        .responsive-calendar .controls h4 {
            display: inline;
        }

    .responsive-calendar .day-headers,
    .responsive-calendar .days {
        font-size: 0;
    }
    .responsive-calendar .days .day {
        border:1px dotted #ddd;
    }
    .responsive-calendar .day {
        display: inline-block;
        position: relative;
        font-size: 14px;
        width: 14.285714285714286%;
        text-align: center;
    }

        .responsive-calendar .day a {
            color: #000000;
            display: block;
            padding: 20% 0 20% 0;
            margin: 2px;
            cursor: default;
        }

            .responsive-calendar .day a:hover {
                background-color: #eee;
                text-decoration: none;
            }

        .responsive-calendar .day.header {
            border-bottom: 1px gray solid;
        }

        .responsive-calendar .day.active a {
            /*background-color: #1d86c8;*/
            background-color: #FF6857;
            border-radius: 7px;
            color: #ffffff;
            cursor: pointer;
        }

            .responsive-calendar .day.active a:hover {
                /*background-color: #36a0e2;*/
                background-color: #ff9589;
            }

        .responsive-calendar .day.active .not-current {
            background-color: #8fcaef;
            color: #ffffff;
        }

            .responsive-calendar .day.active .not-current:hover {
                background-color: #bcdff5;
            }

        .responsive-calendar .day.not-current a {
            color: #ddd;
        }

        .responsive-calendar .day .badge {
            position: absolute;
            /*top: 2px;
  right: 2px;*/
            top: 5px;
            right: 5px;
            background-color: #fff;
            color: red;
            padding: 2px 4px;
        }

@media (max-width: 480px) {
    .responsive-calendar .day .badge {
        z-index: -1;
    }
}

@media (min-width: 481px) {
    .responsive-calendar .day .badge {
        z-index: 1;
    }
}