.daterangepicker {
  box-shadow:0 5px 15px -5px rgba(0,0,0,.506);
  background:#dfdfe3;
  border-bottom:1px solid #bbb;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  color:#333;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  padding:2px 8px 8px 0;
  position:absolute;
  z-index:9999;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  display:none
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 380px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table tr:nth-child(2) th, .daterangepicker .calendar-table td {
  width:14.2857142%;
  background:#f5f5f5;
  border:1px solid #ddd;
  color:#666;
  font-size:12px;
  text-align:right;
  vertical-align:middle;
  padding:0;
  border-collapse:collapse;
  cursor:pointer;
  height:25px;
  padding-right:5px;
}

.daterangepicker .calendar-table tr:nth-child(2) th {
  text-align:center;
  padding-right:0;
  font-weight:700;
  color:#999;
  cursor:default
}

.daterangepicker .calendar-table {
  width: 224px;
  margin-left: 8px;
  /* border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff; */
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover,
.daterangepicker .calendar-time .daterange_time_box div.range_time:hover {
  color: #fff!important;
  background-color: #313140;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.highlight {
  color: #d23f3f;
  background: #fbd3d3;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  opacity:.5;
  -ms-filter:"alpha(opacity=50)";
  cursor:default
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker .calendar-time .daterange_time_box div.range_time.active,
.daterangepicker td.active {
  background-color: #cf0100;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker td.today {
	color: #3af;
}

.daterangepicker th.month select.monthselect, .daterangepicker th.month select.yearselect {
  max-width: 32%;
  background: none;
  background-color: #dfdfe3;
  border: none;
  font-size: 14px;
  line-height: 25px;
  font-weight: 700;
  padding: 1px !important;
  height: auto;
  margin: 0;
  cursor: pointer;
  text-align: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
}

.daterangepicker th.month select::-ms-expand {
  display: none;
}

.daterangepicker th.month select.monthselect:hover,
.daterangepicker th.month select.yearselect:hover {
  text-decoration: underline;
  background-color: #dfdfe3 !important;
}

.daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
	width: 58px;
	text-align: center;
	margin-left: 8px;
  margin-top: 0;
  padding-top: 8px
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

.daterangepicker .calendar-time .daterange_time_box{
  height:149px;
  overflow:hidden;
  border:1px solid #ccc;
}
.daterangepicker .calendar-time .daterange_time_box div.range_time {
  background:#f5f5f5;
  border-top:1px solid #ddd;
  color:#666;
  font-size:12px;
  text-align:center;
  border-collapse:collapse;
  cursor:pointer;
  border-bottom-width:0;
  height:24px;
  line-height:24px
}
.daterangepicker .calendar-time .daterange_time_box div.range_time:first-child{
  border-top-width:0
}

.daterangepicker .month i,
.daterangepicker .next_button,
.daterangepicker .prev_button,
.daterangepicker .today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.daterangepicker .month i {
	opacity: .5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
  vertical-align: middle;
  margin-right: 13px;
}

.daterangepicker .prev_button {
	float: left;
	background-position: -20px 0
}

.daterangepicker .next_button {
	float: right;
	background-position: 0 0
}

.daterangepicker .today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px
}

.daterangepicker .next_button,
.daterangepicker .prev_button,
.daterangepicker .today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
	outline: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0
}

.daterangepicker .calendar-time .next_button,
.daterangepicker .calendar-time .prev_button {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px
}

.daterangepicker .calendar-time .prev_button {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0
}

.daterangepicker .calendar-time .prev_button {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0
}

.daterangepicker {
  width: auto; }
  .daterangepicker .ranges ul {
    width: 140px; }
  .daterangepicker.single .ranges ul {
    width: 100%; }
  .daterangepicker.single .drp-calendar.left {
    clear: none; }
  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
    float: left; }
  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
    float: right; }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left; }
    .daterangepicker.ltr .drp-calendar.left {
      clear: left; }
      .daterangepicker.ltr .drp-calendar.left .calendar-table {
        float: right; }
      .daterangepicker.ltr .drp-calendar.left .calendar-time {
        float: right; }
      .daterangepicker.single .drp-calendar.left .calendar-table {
        float: left; }
      .daterangepicker.single .drp-calendar.left .calendar-time {
        float: left; }
      .daterangepicker.ltr .drp-calendar.right .calendar-table {
        float: left; }
      .daterangepicker.ltr .drp-calendar.right .calendar-time {
        float: left; }
    /* .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
      float: left; } */
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right; }
    .daterangepicker.rtl .drp-calendar.left {
      clear: right; }
    .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
      text-align: right;
      float: right; }

/*  Larger Screen Styling */
@media (min-width: 625px) {
  .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
    float: left; }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; }
}