/*======================== DateRangePicker  =============================*/

/* .daterangepicker.dropdown-menu {
	z-index: 1000;
}

.daterangepicker .ranges .btn {
	padding: 3px 12px;
}

.daterangepicker .ranges {
	text-align: right;
}

.daterangepicker.ltr .ranges {
	float: none !important;
}

@media (min-width:730px) {
	.daterangepicker.ltr .ranges {
		float: none !important;
	}

}

.daterangepicker .calendar-table {
	border: 0 !important;
}

.daterangepicker.ltr .calendar.left .calendar-table {
	border: 0;
}

.daterangepicker .calendar-time {
	text-align: left;
	padding-left: 42px;
	margin: 0 auto;
	line-height: normal;
}

.daterangepicker .calendar-time .fa-clock-o {
	font-size: 16px;
	left: 14px;
	top: 3px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #1abb9c !important;
	border-color: transparent;
	color: #fff !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
	background-color: #fff !important;
	border-color: transparent;
	color: #999 !important;
}

.daterangepicker .calendar {
	margin: 10px;
}

.daterangepicker {
	margin-top: 8px !important;
}

.calendar-table thead tr:first-child th {
	font-weight: 600;
}

.calendar-table thead tr:last-child th {
	background: #dcf0fe;
	border-radius: 0;
	font-weight: 600;
	border-bottom: 5px solid #fff;
	border-top: 5px solid #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
	background-color: #ebf4f8;
	color: #000;
}

.calendar-table thead tr:first-child th.available.prev,
.calendar-table thead tr:first-child th.available.next {
	background: transparent;
	border-radius: 0;
}
 */

/* ================ NEW ================ */

.daterangepicker {
	margin-top: 13px;
	color: #333b67;
	width: auto;
}
.daterangepicker .calendar {
	margin: 24px;
	max-width: 100%;
}
.daterangepicker.dropdown-menu {
	border-color: #d0d7e2;
	border-radius: 2px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	z-index: 1000;
}
.daterangepicker:before {
	top: -9px;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	border-bottom: 9px solid #d0d7e2;
}
.daterangepicker:after {
	top: -8px;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
}


.daterangepicker.opensright:after {
	left: 100px;
}
.daterangepicker.opensright:before {
	left: 99px;
}

.invoiceBody .daterangepicker.opensright:after {
	right: 9px !important;
	left:auto;
}
.invoiceBody .daterangepicker.opensright:before {
	right: 9px !important;
	left:auto;
}
.daterangepicker.opensleft:after {
	right: 25px;
}
.daterangepicker.opensleft:before {
	right: 24px;
}
.daterangepicker .calendar-table {
	padding: 0;
}
.daterangepicker.ltr .calendar.left .calendar-table {
	padding-right: 25px;
}
.daterangepicker.ltr .calendar.right .calendar-table {
	padding-left: 25px;
}
@media (max-width:768px) {
	.daterangepicker .calendar-table {
		padding: 0;
	}
	.daterangepicker.ltr .calendar.left .calendar-table,
	.daterangepicker .calendar.left .calendar-time {
		padding-right: 0px;
	}
	.daterangepicker.ltr .calendar.right .calendar-table,
	.daterangepicker .calendar.right .calendar-time {
		padding-left: 0px;
	}
	.daterangepicker.dropdown-menu {
		left: 25px !important;
		right: 25px !important;
	}
	.daterangepicker .calendar {
		margin: 10px;
		max-width: 100%;
	}
	
}
.daterangepicker .calendar-table .table-condensed thead tr:first-child th {
	padding: 0;
}
.daterangepicker .calendar-table .table-condensed thead tr:first-child th .fa {
	font-size: 15px;
}
.daterangepicker .calendar-table .table-condensed thead tr:first-child th.prev {
	text-align: center;
}
.daterangepicker .calendar-table .table-condensed thead tr:first-child th.next {
	text-align: center;
}
.daterangepicker .calendar-table .table-condensed thead tr:last-child th {
	border: 0;
	padding: 0;
	height: 40px;
	width: 40px;
	font-size: 14px;
	font-weight: 300;
	color: #333b67;
}
.daterangepicker .calendar.left th {
	text-align: center;
}
.daterangepicker .calendar.right th {
	text-align: center;
}
.daterangepicker .calendar-table .table-condensed tbody tr td {
	border: 1px solid #d0d7e2;
	padding: 0;
	height: 45px;
	width: 45px;
	font-size: 15px;
	min-width: auto;
}
.daterangepicker td.end-date, .daterangepicker td.start-date, .daterangepicker td.start-date.end-date {
	border-radius: 0;
	background-color:#2e587c;
	color:#ffffff;
}

.daterangepicker td.start-date.available{
	background: url('../template6_images/cal-arrive@2x.png') no-repeat 0 0;
	background-size: cover;
	
}
.daterangepicker td.end-date.available{
	background: url('../template6_images/cal-depart@2x.png') no-repeat 0 0;
	background-size: cover;
}

.daterangepicker td.start-date.available:hover{
	 background: url('../template6_images/cal-arrive-hover@2x.png') no-repeat 0 0;
	background-size: cover;
	color:#000;
	
}
.daterangepicker td.end-date.available:hover{
	background: url('../template6_images/cal-depart-hover@2x.png') no-repeat 0 0;
	background-size: cover;
	color:#000;
}
.daterangepicker .left td.available:hover, .daterangepicker th.available:hover {
    background: url('../template6_images/cal-arrive-hover@2x.png') no-repeat 0 0;
	background-size: cover;
}
.daterangepicker .right tr:first-child th.available.next:hover {
    background: url('../template6_images/cal-arrive-hover@2x.png') no-repeat 0 0 !important;
	background-size: cover !important;
}
.daterangepicker .right td.available:hover, .daterangepicker th.available:hover {
    background: url('../template6_images/cal-depart-hover@2x.png') no-repeat 0 0;
	background-size: cover;
}

.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar .daterangepicker_input{ display:none;}
.daterangepicker td.end-date{
	
}
/*.daterangepicker td.available:hover {
	background: #407bae;
}
.daterangepicker th.available:hover {
	background: transparent;
}*/
.daterangepicker td.in-range {
	background-color: #2e587c;
	color:#ffffff;
}
/*.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #2377f5;
}*/
.daterangepicker td.off {
	color: #ccc;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
	padding: 0px;
	border: 1px solid #d0d7e2;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 400;
	color:#333b67;
}
.daterangepicker .daterangepicker_input .calendar-time div select {
	padding: 0px;
	border: 1px solid #d0d7e2;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 400;
	width: 80px;
	color:#333b67;
}
.daterangepicker select.monthselect {
	margin-right: 15px;
}
.daterangepicker .calendar.left .calendar-time {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	line-height: normal;
	position: relative;
	padding-left: 0px;
}
.daterangepicker .calendar.right .calendar-time {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	line-height: normal;
	position: relative;
	padding-left: 0px;
}
.daterangepicker .calendar .calendar-time .hourselect {
	margin-right: 2px;
}
.daterangepicker .calendar .calendar-time .minuteselect {
	margin-left: 2px;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
	opacity: 0.35;
}
@media (min-width:564px) {
	.daterangepicker.ltr .left .daterangepicker_input {
		padding-right: 25px;
	}
	.daterangepicker.ltr .right .daterangepicker_input {
		padding-left: 25px;
	}
}
.daterangepicker .calendar.left .daterangepicker_input i {
	position: absolute;
	left: 16px;
	top: 6px;
	font-size:17px;
}
.daterangepicker .calendar.right .daterangepicker_input i {
	position: absolute;
	left: auto;
	right: 16px;
	top: 6px;
	font-size:17px;
}
.daterangepicker .calendar .calendar-time .fa {
	font-size: 15px;
}
.daterangepicker select.monthselect {
	width: 80px;
}
.daterangepicker select.yearselect {
	width: 80px;
}
.daterangepicker .ranges {
	clear: both;
	float: none;
	width: 100%;
	margin: 0;
	text-align: left;
	padding: 0 25px 25px 25px;
	margin-top: -10px;
}
@media (max-width:768px) {
	.daterangepicker{
		width:100%;
		top:0px !important;
		left:0px !important;
		right:0px !important;
		bottom:0px !important;
		height:auto !important;
		
	}
	
	.daterangepicker.dropdown-menu{
		left:0px !important;
		right:0px !important;
	}
	.daterangepicker .calendar.left th{
		height:50px !important;
	}
	
	.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
		float: none;
	}
	
	.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar.right{ display:none;}
	
	.daterangepicker select.monthselect, .daterangepicker select.yearselect,
	.daterangepicker .calendar-table .table-condensed thead tr:last-child th,
	.daterangepicker .daterangepicker_input .calendar-time div select {
		font-size:12px;
	}
	.daterangepicker .calendar-table .table-condensed tbody tr td{
		font-size:12px;
	}
}
.daterangepicker .ranges .range_inputs {
	text-align: right;
}
.daterangepicker .ranges .range_inputs .btn {
	min-width: 100px;
}
.daterangepicker .ranges .range_inputs .btn:not(:last-child) {
	margin-right: 10px;
}
.daterangepicker .calendar .daterangepicker_input .input-mini, .daterangepicker .calendar .daterangepicker_input .input-mini + .fa {
	display: none;
}
@media(min-width:768px) and (max-width:991px) {
	.daterangepicker .calendar.left .calendar-time{
		text-align:center;
		padding-left:25px;
	}
	.daterangepicker .calendar.left .daterangepicker_input i{
		left:30px;
	}
	.daterangepicker .calendar.right .calendar-time{
		text-align:center;
		padding-right:26px;
	}
	.daterangepicker .calendar.right .daterangepicker_input i{
		right:30px;
	}
	.daterangepicker.ltr .calendar.left{
		margin-right:15px;
	}
	.daterangepicker.ltr .calendar.right{
		margin-left:25px;
	}
}

@media (min-width:1024px)and (max-width:1440px) {
	.daterangepicker select.monthselect, .daterangepicker select.yearselect,
	.daterangepicker .calendar-table .table-condensed thead tr:last-child th,
	.daterangepicker .daterangepicker_input .calendar-time div select {
		font-size:12px;
	}
	.daterangepicker .calendar-table .table-condensed tbody tr td{
		font-size:13px;
	}
	
	
}
@media (min-width:834px)and (max-width:1199px) {
	.daterangepicker.ltr .calendar.left{ margin-right:0px;}
}