/* Panometer style sheet for jQuery Datepicker v1.0.1. */

.datepick {
	position: relative;
	background-color: #fff;
	color: #000;
	padding-bottom:1.4375rem;
}
.datepick-rtl {
  direction: rtl;
}
.datepick-popup {
	z-index: 1000;
}
.datepick-disable {
	position: absolute;
	z-index: 100;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #000;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
	margin: 0.25rem;
	padding: 0.125rem 0;
	background-color: #fcc;
	border: none;
	font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%;
	height:3.9rem;
	background-color:transparent;
	font-weight: bold;
}
.datepick-nav {
	position:absolute;
	top:0;
}
.datepick-ctrl {
	background-color: #fff;
}

.datepick-ctrl .datepick-cmd:hover {
	background-color: #5a5a5a;
	color:#fff;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	padding:1.125rem 1rem;
	font-size:1rem;
	height: 1rem;
}

button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
	width:100%;
}
.datepick-month {
	float: left;
	text-align: center;
  padding: 0 .3125rem 0;
	box-sizing: border-box;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 3.9rem;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	vertical-align:middle;
}
.datepick-month-header {
	box-sizing: border-box;
	padding-top:1.025rem;
	font-size:.875rem;
	font-weight:bold;
}

.datepick-month-header select, .datepick-month-header input {
	height: 1.4rem;
	border: none;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width:100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.datepick-month thead {
	border-bottom: .0625rem solid #c8c8c8;
	color:#5a5a5a;
}
.datepick-month th, .datepick-month td {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: center;
}

.datepick-month td {
	background-color: #fff;
	border-bottom: .0625rem solid #c8c8c8;
	height:1.8125rem;
}
.datepick-month td.datepick-week * {
	background-color: #c8c8c8;
	color: #000;
	border: none;
}
.datepick-month a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height:1.8125rem;
	padding: 0.25rem 0 0;
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
.datepick-month span {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height:1.8125rem;
	padding: 0.25rem 0 0;
}
.datepick-month td span {
	color: #000;
}

.datepick-month td .datepick-other-month {
	background-color: #fff;
}
.datepick-month td .datepick-weekend {
	background-color: #fff;
}
.datepick-month td .datepick-highlight {
	background-color: #fff;
}
.datepick-month td .datepick-today {
	background-color: #fff;
	color:#000;
}
/*
.datepick-month td .datepick-today.datepick-highlight, .datepick-month td .datepick-today.datepick-highlight:hover {
	background-color: #c8c8c8;
	bolor:#000;
}
*/
.datepick-month td .datepick-event {
	background-color: #c8c8c8;
}

.datepick-month td .datepick-event.datepick-other-month {
	background-color: #fff;
}

.datepick-month td .datepick-selected, .datepick-month td .datepick-selected:hover, .datepick-month td .datepick-today.datepick-selected:hover {
	background-color: #5a5a5a;
	color:#fff;
}
.datepick-status {
	clear: both;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}
