/*styles for jquery ui daterangepicker plugin */

.ui-daterangepickercontain {
	position: absolute;
	z-index: 999;
}
.ui-daterangepickercontain .ui-daterangepicker {
	float: left;
	padding: 5px !important;
	width: auto;
	display: inline;
	background-image: none !important;
	clear: left;
}
.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
	float: left;
	padding: 0;
	margin: 0;
}
.ui-daterangepicker .ranges {
	width: auto;
	position: relative;
	padding: 5px 5px 40px 0;
	margin-left: 10px;
}
.ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
	margin-left: 5px;
}
.ui-daterangepicker button.btnDone {
	margin: 0 5px 5px 0;
	position: absolute;
	bottom: 0;
	right: 0;
	clear: both;
	cursor: pointer;
	font-size: 1.1em;
}
.ui-daterangepicker ul {
	width: 17.6em;
	background: none;
	border: 0;
}
.ui-daterangepicker li {
	list-style: none;
	padding: 1px;
	cursor: pointer;
	margin: 1px 0;
}
.ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active {
	padding: 0;
}
.ui-daterangepicker li.preset_0 {
	margin-top: 1.5em !important;
}

/** Css Changes **/

.ui-daterangepicker {
  background: #FFF !important;
  font-size: 12px !important;
}

.ui-daterangepicker .ui-widget-header {
  background: #b3bfcb url("../img/external/jquery-ui/ui-bg_highlight-soft_75_b3bfcb_1x100.png") repeat-x scroll 50% 50%;
  border: 1px solid #97a6b5;
  color: #1e4063;
  font-weight: bold;
}

.ui-daterangepicker .ui-datepicker::before {
  top:0 !important;
}

.ui-daterangepicker .ui-datepicker {
  padding: 0;
}

.ui-daterangepicker td .ui-state-active {
  color: #FFF !important;
}

.ui-daterangepicker ul a, .ui-daterangepicker td a {
  text-decoration: none !important;
  color: #222222 !important;
  font-weight: normal !important;
}

.ui-daterangepicker td a {
  text-align: center !important;
  padding:0.1em !important;
}

.ui-daterangepicker table {
  margin: 0 !important;
}

.ui-daterangepicker ul .ui-state-active, .ui-daterangepicker ul .ui-widget-content .ui-state-active, .ui-daterangepicker ul .ui-widget-header .ui-state-active {
  background: #e3e3e3 url("../img/external/jquery-ui/ui-bg_flat_65_e3e3e3_40x100.png") repeat-x scroll 50% 50% !important;
  border: 1px solid #aaaaaa !important;
  color: #212121 !important;
  font-weight: normal !important;
}

.ui-daterangepicker ul .ui-state-hover {
  border: 1px solid #919ca7 !important;
  background: url('../img/jquery-ui/datepicker/day-hover.png') repeat-x #d9e3ec !important;
}

.ui-daterangepicker button {
  background: #e8e8e8 url("../img/external/jquery-ui/ui-bg_highlight-soft_100_e8e8e8_1x100.png") repeat-x scroll 50% 50% !important;
  border: 1px solid #b0b0b0 !important;
  color: #222222 !important;
  font-weight: normal !important;
}

.ui-daterangepicker button:hover { 
  border: 1px solid #999999 !important; 
  background: #f0f0f0 url(../img/external/jquery-ui/ui-bg_highlight-hard_100_f0f0f0_1x100.png) 50% 50% repeat-x !important; 
  font-weight: normal !important; 
  color: #212121 !important; 
}

.ui-state-active .ui-icon, .ui-state-hover .ui-icon {
  background-image: url("../img/external/jquery-ui/ui-icons_222222_256x240.png") !important;
}

.ui-daterangepicker .ui-datepicker-prev, .ui-daterangepicker .ui-datepicker-next{
  margin: 0 !important;
}

.ui-daterangepicker .ui-datepicker-prev:hover {
  background: rgba(0, 0, 0, 0) url("../img/jquery-ui/datepicker/arrow-left.png") no-repeat scroll 50% 50%
    !important;
  border: 1px solid #222 !important;
}

.ui-daterangepicker .ui-datepicker-next:hover{
  background: rgba(0, 0, 0, 0) url("../img/jquery-ui/datepicker/arrow-right.png") no-repeat scroll 50% 50%
    !important;
  border: 1px solid #222 !important;
}

/** Css Changes **/

.ui-daterangepicker li a {
	font-weight: normal;
	margin: .3em .5em;
	display: block;
}
.ui-daterangepicker li span {
	float: right;
	margin: .3em .2em;
}
.ui-daterangepicker .title-start, .ui-daterangepicker .title-end {
	display: block;
	margin: 0 0 .2em;
	font-size: 13px;
	padding: 0 4px 2px;
}
.ui-daterangepicker .ui-datepicker-inline {
	font-size: 1em;
}
.ui-daterangepicker-arrows {
	padding: 2px;
	width: 204px;
	position: relative;
}
.ui-daterangepicker-arrows input.ui-rangepicker-input {
	width: 158px;
	margin: 0 2px 0 20px;
	padding: 2px;
	height: 1.1em;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {
	position: absolute;
	top: 2px;
	padding: 1px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev {
	left: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-next {
	right: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-next:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-prev:focus,
.ui-daterangepicker-arrows .ui-daterangepicker-next:focus {
	padding: 0;
}