/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datepicker {
	top: 0;
	left: 0;
	margin-top: 1px;
}
.datepicker > div {
	display: none;
}
.datepicker table {
	width: 100%;
	margin: 0;
	border-collapse:separate;
	/*border-spacing:2px;*/
}
.datepicker td,
.datepicker th {
	text-align: center;
	padding: 11px !important;
	border-radius: 3px;
}
.datepicker-days th {
	width:30px;
}
.datepicker-months td,
.datepicker-years td{
	width:282px;
	padding-left:9px !important;
}

.datepicker tr.selweek:hover td.day{
	background: #deeaf7;
	cursor: pointer;
}
.datepicker tr.selweek.active td.day{
	background: #428bca;
	color: #ffffff;
	cursor: pointer;
}
.datepicker tr.selweek td.day{
	border-radius: 0;
}
.datepicker tr.selweek td.day:first-of-type{
	border-radius: 3px 0 0 3px;
}
.datepicker tr.selweek td.day:last-of-type{
	border-radius: 0 3px 3px 0;
}
.datepicker td.day.selected,
.datepicker td.day:hover {
	background: #d9e8f5;
	cursor: pointer;
}
.datepicker td.day.disabled {
	color: #ccc;
	cursor: default;
	background: #fff;
}
.datepicker td.day.disabled:hover {
	background: #fff;
	color: #ccc;
}
.datepicker td.old,
.datepicker td.new {
	color: #ccc;
}
.datepicker td.active:hover,
.datepicker td.active:focus,
.datepicker td.active:active,
.datepicker td.active,
.datepicker td.curr,
.datepicker td.curr:hover,
.datepicker td.curr:focus,
.datepicker td.curr:active{
	color: #ffffff;
	background-color: #428bca;
}
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled],
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover{
	color: #ccc;
	background-color: #fff;
}
.datepicker td span {
	display: block;
	width: 61px;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 2px;
	cursor: pointer;
}
.datepicker td span:hover {
	background: #eeeeee;
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
	color: #ffffff;
	background-color: #428bca;
}
.datepicker td span.old {
	color: #999999;
}
.datepicker th.next,
.datepicker th.prev {
	line-height: 15px;
	font-size: 21px;
	width:30px;
}
.datepicker thead tr:first-child th.prev,
.datepicker thead tr:first-child th.next,
.datepicker thead tr:first-child th.switch {
	cursor: pointer;
}
.datepicker thead tr:first-child th.switch:hover,
.datepicker thead tr:first-child th.prev:hover,
.datepicker thead tr:first-child th.next:hover {
	background: #eeeeee;
}
.datepicker-today{
	margin: auto;
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px solid #eee;
	text-align: center;
}
.datepicker-today > div{
	display: inline-block;
	cursor: pointer;
	font-size: .95em;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.multidatepicker {
	position: relative;
	box-shadow: none;
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin-top: 0 !important;
	z-index: 1;
}
.multidatepicker > div {
	display: block;
}
.multidatepicker-prev,
.multidatepicker-next{
	position: absolute;
	width: 40px;
	height: 40px;
	background: #ffffff;
	line-height: 35px;
	text-align: center;
	font-size: 22px;
	border-radius: 40px;
	top: 160px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	cursor: pointer;
}
.multidatepicker-prev{
	left: -15px;
}
.multidatepicker-next{
	right: -15px;
}
.multidatepicker-dates > div{
	margin: 0 15px 10px 0;
	display: inline-block;
	padding: 5px 5px 5px 10px;
	background: #e6e6e6;
	border-radius: 3px;
}
.multidatepicker-dates > div > span{
	width: 20px;
	height: 20px;
	background: #fff;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	margin-left: 10px;
	border-radius: 10px;
}
.multidatepicker-dates > div > span:hover{
	box-shadow: 0 0 3px 2px rgba(0,0,0,.1);
}