

.datepicker {

	border-radius: 4px;

	direction: ltr;

	-webkit-user-select: none;

	-webkit-touch-callout: none;

}

/* basicos */

.datepicker .day{ border-radius: 4px;}



.datepicker-dropdown {

	top: 0;

	left: 0;

	padding: 5px;

}

.datepicker-dropdown:before {

	content: '';

	display: inline-block;

	border-left: 7px solid transparent;

	border-right: 7px solid transparent;

	border-bottom: 7px solid rgba(0,0,0,.15);

	border-top: 0;

	border-bottom-color: rgba(0,0,0,.15);

	position: absolute;

}

.datepicker-dropdown:after {

	content: '';

	display: inline-block;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid #fff;

	border-top: 0;

	position: absolute;

}

.datepicker-dropdown.datepicker-orient-left:before { left: 6px;}

.datepicker-dropdown.datepicker-orient-left:after { left: 7px;}

.datepicker-dropdown.datepicker-orient-right:before { right: 6px;}

.datepicker-dropdown.datepicker-orient-right:after { right: 7px;}

.datepicker-dropdown.datepicker-orient-bottom:before { top: -7px;}

.datepicker-dropdown.datepicker-orient-bottom:after { top: -6px;}

.datepicker-dropdown.datepicker-orient-top:before {

	bottom: -7px;

	border-bottom: 0;

	border-top: 7px solid red;

}

.datepicker-dropdown.datepicker-orient-top:after {

	bottom: -6px;

	border-bottom: 0;

	border-top: 6px solid red;

}

.datepicker table {

	margin: 0;

	user-select: none;

}



.datepicker td,

.datepicker th {

	text-align: center;

	width: 30px;

	height: 30px;

	border: none;

}



.datepicker .datepicker-switch,

.datepicker .prev,

.datepicker .next,

.datepicker tfoot tr th {

	cursor: pointer;

}



.datepicker .prev .disabled,

.datepicker .next .disabled {

	visibility: hidden;

}



.datepicker .range-start{

	background: #0e0e0e url("../images/range-bg-1.png") top right no-repeat;

	color: #fff;

}



.datepicker .range-end{

	background: #0e0e0e url("../images/range-bg-2.png") top left no-repeat;

	color: #fff;

}



.datepicker  .range-start.range-end{background-image: none;}

.datepicker .range{ background: #d5e9f7;}



/* Hover para dia mes y año*/



.datepicker .day:hover,

.datepicker .month:hover,

.datepicker .year:hover,

.datepicker .datepicker-switch:hover,

.datepicker .next:hover,

.datepicker .prev:hover {

	background-color: #82017f;

	color: white;

	border-radius: 4px;

}

.hover {

	background-color: #82017f;

	color: white;

}

.datepicker .today {

	font-weight:bold;

	color: #1ed443;

}

/* Estilos para meses y años */

.datepicker-months, .datepicker-years{ width: 213px;}



.datepicker-months td, .datepicker-years td {

	width: auto;

	height: auto;

}



.datepicker-months .month, .datepicker-years .year{

	color: #fff;

	background-color: #0e0e0e;

	border-color: #252525;

	float: left;

	display: block;

	width: 23%;

	height: 46px;

	line-height: 46px;

	margin: 1%;

	cursor: pointer;

	border-radius: 4px;

}



.day.active, .start-date-active{

	color: #fff;

	background-color: #0e0e0e;

	border-color: #252525;

}



/* Desactivados */

.day.disabled, .month.disabled, .year.disabled, .start-date-active.disabled{

	cursor: not-allowed;

	filter: alpha(opacity=65);

	-webkit-box-shadow: none;

	box-shadow: none;

	opacity: .65;

}



a:active,

a:hover {

  outline: 0;

}

