.responsive-calendar .controls {
    text-align: right;
    overflow: hidden
}

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

.responsive-calendar .day-headers, .responsive-calendar .days {
    font-size: 0
}

.responsive-calendar .day {
    display: inline-block;
    position: relative;
    font-size: 14px;
    width: 14.285714285714286%;
    text-align: center;
    border-right: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4
}

    .responsive-calendar .day.sun {
        border-right: none
    }

    .responsive-calendar .day:nth-child(-n+7) {
        border-top: none
    }

    .responsive-calendar .day a {
        color: #343434;
        display: block;
        cursor: pointer;
        padding: 20% 0 20% 0
    }

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

    .responsive-calendar .day.header {
        text-transform: uppercase;
        color: #1caedd;
        border: none;
        line-height: 40px
    }

    .responsive-calendar .day.active a {
        background-color: #1caedd;
        color: #fff
    }

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

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

        .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: 0;
        right: 0;
        z-index: 1;
        min-width: 12px;
        padding: 1px 2px;
        font-size: 11px;
        font-weight: 400;
        line-height: 1;
        color: #fff;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: 0;
        background-color: #008600;
    }