| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245 | /*! * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x * * Copyright 2013 Dan Grossman ( http://www.dangrossman.info ) * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Built for http://www.improvely.com */ .daterangepicker.dropdown-menu {  max-width: none;  z-index: 3000;}.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {  float: left;  margin: 4px;}.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {  float: right;  margin: 4px;}.daterangepicker .ranges {  width: 160px;  text-align: left;}.daterangepicker .ranges .range_inputs>div {  float: left;}.daterangepicker .ranges .range_inputs>div:nth-child(2) {  padding-left: 11px;}.daterangepicker .calendar {  display: none;  max-width: 270px;}.daterangepicker .calendar th, .daterangepicker .calendar td {  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  white-space: nowrap;  text-align: center;  min-width: 32px;}.daterangepicker .ranges label {  color: #333;  display: block;  font-size: 11px;  font-weight: normal;  height: 20px;  line-height: 20px;  margin-bottom: 2px;  text-shadow: #fff 1px 1px 0px;  text-transform: uppercase;  width: 74px;}.daterangepicker .ranges input {  font-size: 11px;}.daterangepicker .ranges .input-mini {  background-color: #eee;  border: 1px solid #ccc;  border-radius: 4px;  color: #555;  display: block;  font-size: 11px;  height: 30px;  line-height: 30px;  vertical-align: middle;  margin: 0 0 10px 0;  padding: 0 6px;  width: 74px;}.daterangepicker .ranges ul {  list-style: none;  margin: 0;  padding: 0;}.daterangepicker .ranges li {  font-size: 13px;  background: #f5f5f5;  border: 1px solid #f5f5f5;  color: #08c;  padding: 3px 12px;  margin-bottom: 8px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  cursor: pointer;}.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {  background: #08c;  border: 1px solid #08c;  color: #fff;}.daterangepicker .calendar-date {  border: 1px solid #ddd;  padding: 4px;  border-radius: 4px;  background: #fff;}.daterangepicker .calendar-time {  text-align: center;  margin: 8px auto 0 auto;  line-height: 30px;}.daterangepicker {  position: absolute;  background: #fff;  top: 100px;  left: 20px;  padding: 4px;  margin-top: 1px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}.daterangepicker.opensleft:before {  position: absolute;  top: -7px;  right: 9px;  display: inline-block;  border-right: 7px solid transparent;  border-bottom: 7px solid #ccc;  border-left: 7px solid transparent;  border-bottom-color: rgba(0, 0, 0, 0.2);  content: '';}.daterangepicker.opensleft:after {  position: absolute;  top: -6px;  right: 10px;  display: inline-block;  border-right: 6px solid transparent;  border-bottom: 6px solid #fff;  border-left: 6px solid transparent;  content: '';}.daterangepicker.opensright:before {  position: absolute;  top: -7px;  left: 9px;  display: inline-block;  border-right: 7px solid transparent;  border-bottom: 7px solid #ccc;  border-left: 7px solid transparent;  border-bottom-color: rgba(0, 0, 0, 0.2);  content: '';}.daterangepicker.opensright:after {  position: absolute;  top: -6px;  left: 10px;  display: inline-block;  border-right: 6px solid transparent;  border-bottom: 6px solid #fff;  border-left: 6px solid transparent;  content: '';}.daterangepicker table {  width: 100%;  margin: 0;}.daterangepicker td, .daterangepicker th {  text-align: center;  width: 20px;  height: 20px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  cursor: pointer;  white-space: nowrap;}.daterangepicker td.off {  color: #999;}.daterangepicker td.disabled {  color: #999;}.daterangepicker td.available:hover, .daterangepicker th.available:hover {  background: #eee;}.daterangepicker td.in-range {  background: #ebf4f8;  -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;}.daterangepicker td.active, .daterangepicker td.active:hover {  background-color: #357ebd;  border-color: #3071a9;  color: #fff;}.daterangepicker td.week, .daterangepicker th.week {  font-size: 80%;  color: #ccc;}.daterangepicker select.monthselect, .daterangepicker select.yearselect {  font-size: 12px;  padding: 1px;  height: auto;  margin: 0;  cursor: default;}.daterangepicker select.monthselect {  margin-right: 2%;  width: 56%;}.daterangepicker select.yearselect {  width: 40%;}.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {  width: 50px;  margin-bottom: 0;}
 |