/*!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;
  top: 38px;
  left: -1px;
  font-family: "Century Gothic", "Segoe UI", Calibri, Arial;
  font-size: 12px;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  z-index: 900;
  border: 1px solid #e6e6e6;
  color: #000;
  text-align: center;
  background-color: #fff;
  table-layout: fixed;
  border-radius: 4px;
  width: 236px !important;
  box-shadow: none !important;
}

.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,
.calendar .year {
  padding: 15px 0px;
}

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

.calendar .date,
.calendar .pMDate,
.calendar .nMDate,
.calendar .month,
.calendar .year {
  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,
.calendar .year:hover {
  background-color: #e2e2e2;
}

.calendar .date:not(.disabled):active,
.calendar .pMDate:not(.disabled):active,
.calendar .nMDate:not(.disabled):active,
.calendar .month:active,
.calendar .year:active {
  background-color: #1c64b9;
  color: #fff;
}

.calendar .selected {
  background-color: #1c64b9 !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: #333;
}

.calendar tr:first-child th:hover {
  color: #1c64b9;
}

.calendar tr:first-child th:active {
  color: #1c64b9;
}

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

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

.calendar #today,
.calendar #today:hover,
.calendar #today:active {
  text-align: center;
  cursor: pointer;
  color: #1c64b9;
  padding: 10px 0px;
}

.calendar #clearBtn,
.calendar #clearBtn:hover,
.calendar #clearBtn:active {
  cursor: pointer;
  color: #1c64b9;
  padding: 0;
}

.calendar #currDay {
  color: #1c64b9;
}