
/* Timesheet pagination */

.datepaginator {
	font-size: 12px;
	height: 60px;
	text-transform: uppercase;
}

.datepaginator-sm {
	font-size: 10px;
	height: 40px;
	text-transform: uppercase;
}

.datepaginator-lg {
	font-size: 14px;
	height: 80px;
	text-transform: uppercase;
}

/* Override bootstrap padding */
.pagination {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

.dp-nav {
	height: 60px;
	padding: 22px 0px !important;
	width: 20px;
	margin: 0px !important;
	text-align: center;
}

.dp-nav-square-edges {
	border-radius: 0px !important;
}

.dp-item {
	height: 60px;
	padding: 13px 0px !important;
	width: 35px;
	margin: 0px !important;  				/* Override boostrap .pagination -1px, */
	border-left-style: hidden !important;	/* so we must hide left border instead */
	text-align: center;
}

.dp-item-sm {
	height: 40px !important;
	padding: 5px !important;
}

.dp-item-lg {
	height: 80px !important;
	padding: 22px 0px !important;
}

.dp-nav-sm {
	height: 40px !important;
	padding: 11px 0px !important;
}

.dp-nav-lg {
	height: 80px !important;
	padding: 33px 0px !important;
}

a.dp-nav-right { 
	border-left-style: hidden !important;
}

.dp-divider {
	border-left: 2px solid #ddd !important;
}

.dp-off {
	background-color: #F0F0F0 !important; 
}

.dp-today {
	background-color: #88B5DB !important;
	color: #ffffff !important;	
}

.dp-selected {
	background-color: #428bca !important;
	color: #ffffff !important;
	width: 140px; 
}

#dp-calendar {
	padding: 3px 5px 0px 0px !important;
	position: absolute;
	right: 5px;
	top: 10px;
	font-size: 14px;
}
