/*!Don't remove this!
 * jQuery DCalendar and DCalendar Picker plugin styles
 * 
 * Author: Dionlee Uy
 * Email: dionleeuy@gmail.com
 *
 * Date: Mon Mar 2 2013
 */
.calendar {
    position: relative;
    font-family: 'Century Gothic','Segoe UI', Calibri, Arial;
    font-size: 12px;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    z-index: 4;
    border: 1px solid rgba(0,0,0,0.08);
    width: 100% !important;
    color: #000;
    text-align: center;
    background-color: #FFF;
}

    .calendar th,
    .calendar td {
        text-align: center;
        -webki-ttransition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .calendar th:first-child,
        .calendar td:first-child {
            margin-left: 5px;
        }

    .calendar span {
        padding: 6px 4px;
        display: block;
    }

    .calendar .month {
        padding: 15px;
    }

    .calendar .pMDate, .calendar .nMDate {
        color: #AAA;
    }

    .calendar .date, .calendar .pMDate, .calendar .nMDate, .calendar .month {
        cursor: pointer;
    }

        .calendar .date:hover, .calendar .pMDate:hover, .calendar .nMDate:hover, .calendar .month:hover {
            background-color: #E2E2E2;
        }

        .calendar .date:active, .calendar .pMDate:active, .calendar .nMDate:active, .calendar .month:active {
            background-color: #22A7F0;
            color: #FFF;
        }

    .calendar .selected {
        background-color: #22A7F0 !important;
        color: #FFF !important;
    }

    .calendar tr:first-child th {
        background-color: #FFF;
        padding: 4px;
        padding-top: 8px;
        font-size: 14px;
    }

    .calendar tr:first-child th {
        cursor: pointer;
        color: #000;
    }

        .calendar tr:first-child th:hover {
            color: #22A7F0;
        }

        .calendar tr:first-child th:active {
            color: #22A7F0;
        }

    .calendar thead tr:nth-child(2) th {
        color: #555;
        padding: 8px 3px;
    }

    .calendar #prev, .calendar #next {
        font-family: 'Times New Roman';
        font-size: 20px;
        padding: 0;
    }

    .calendar #today {
        text-align: center;
        cursor: pointer;
        color: #22A7F0;
        padding: 10px 6px;
    }

        .calendar #today:hover {
            color: #80A7DD;
        }

        .calendar #today:active {
            color: #000;
        }

    .calendar #currDay {
        color: #22A7F0;
    }

.datepicker {
    background: url('./icon.png') transparent right no-repeat;
    background-size: contain;
}