.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: 230px;
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 {
display: block;
}
.calendar .month {
padding: 15px;
}
.calendar .pMDate, .calendar .nMDate { color: #AAA; }
.calendar .date, .calendar .pMDate, .calendar .nMDate, .calendar .month { cursor: pointer; }
.calendar .date.disabled, .calendar .pMDate.disabled, .calendar .nMDate.disabled { cursor: not-allowed; }
.calendar .date:not(.disabled):hover, .calendar .pMDate:not(.disabled):hover, .calendar .nMDate:not(.disabled):hover, .calendar .month:hover { background-color: #E2E2E2; }
.calendar .date:not(.disabled):active, .calendar .pMDate:not(.disabled):active, .calendar .nMDate:not(.disabled):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(https://www.chromeinfotech.net/wp-content/themes/wpexpert/n-material/assets/css/icon.png) transparent right no-repeat;
background-size: contain;
}