[Summary view] [Print] [Text view]

   1  .daterangepicker.dropdown-menu {
   2    max-width: none;
   3  }
   4  
   5  .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
   6    float: left;
   7    margin: 4px;
   8  }
   9  
  10  .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
  11    float: right;
  12    margin: 4px;
  13  }
  14  
  15  .daterangepicker .ranges {
  16    width: 160px;
  17    text-align: left;
  18  }
  19  
  20  .daterangepicker .calendar {
  21    display: none;
  22    max-width: 230px;
  23  }
  24  
  25  .daterangepicker .calendar th, .daterangepicker .calendar td {
  26    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  
  27  }
  28  
  29  .daterangepicker .ranges label {
  30    color: #333;
  31    font-size: 11px;
  32    margin-bottom: 2px;
  33    text-transform: uppercase;
  34    text-shadow: 1px 1px 0 #fff;
  35  }
  36  
  37  .daterangepicker .ranges input {
  38    font-size: 11px;
  39  }
  40  
  41  .daterangepicker .ranges ul {
  42    list-style: none;
  43    margin: 0;
  44    padding: 0;
  45  }
  46  
  47  .daterangepicker .ranges li {
  48    font-size: 13px;
  49    background: #f5f5f5;
  50    border: 1px solid #f5f5f5;
  51    color: #08c;
  52    padding: 3px 12px;
  53    margin-bottom: 8px;
  54    -webkit-border-radius: 5px;
  55    -moz-border-radius: 5px;
  56    border-radius: 5px;
  57    cursor: pointer;
  58  }
  59  
  60  .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  61    background: #08c;
  62    border: 1px solid #08c;
  63    color: #fff;
  64  }
  65  
  66  .daterangepicker .calendar {
  67    border: 1px solid #ddd;
  68    padding: 4px;
  69    border-radius: 4px;
  70    background: #fff;
  71  }
  72  
  73  .daterangepicker {
  74    position: absolute;
  75    background: #fff;
  76    top: 100px;
  77    left: 20px;
  78    padding: 4px;
  79    margin-top: 1px;
  80    -webkit-border-radius: 4px;
  81    -moz-border-radius: 4px;
  82    border-radius: 4px;
  83  }
  84  
  85  .daterangepicker.opensleft:before {
  86    position: absolute;
  87    top: -7px;
  88    right: 9px;
  89    display: inline-block;
  90    border-right: 7px solid transparent;
  91    border-bottom: 7px solid #ccc;
  92    border-left: 7px solid transparent;
  93    border-bottom-color: rgba(0, 0, 0, 0.2);
  94    content: '';
  95  }
  96  
  97  .daterangepicker.opensleft:after {
  98    position: absolute;
  99    top: -6px;
 100    right: 10px;
 101    display: inline-block;
 102    border-right: 6px solid transparent;
 103    border-bottom: 6px solid #fff;
 104    border-left: 6px solid transparent;
 105    content: '';
 106  }
 107  
 108  .daterangepicker.opensright:before {
 109    position: absolute;
 110    top: -7px;
 111    left: 9px;
 112    display: inline-block;
 113    border-right: 7px solid transparent;
 114    border-bottom: 7px solid #ccc;
 115    border-left: 7px solid transparent;
 116    border-bottom-color: rgba(0, 0, 0, 0.2);
 117    content: '';
 118  }
 119  
 120  .daterangepicker.opensright:after {
 121    position: absolute;
 122    top: -6px;
 123    left: 10px;
 124    display: inline-block;
 125    border-right: 6px solid transparent;
 126    border-bottom: 6px solid #fff;
 127    border-left: 6px solid transparent;
 128    content: '';
 129  }
 130  
 131  .daterangepicker table {
 132    width: 100%;
 133    margin: 0;
 134  }
 135  
 136  .daterangepicker td, .daterangepicker th {
 137    text-align: center;
 138    width: 20px;
 139    height: 20px;
 140    -webkit-border-radius: 4px;
 141    -moz-border-radius: 4px;
 142    border-radius: 4px;
 143    cursor: pointer;
 144    white-space: nowrap;
 145  }
 146  
 147  .daterangepicker td.off {
 148    color: #999;
 149  }
 150  
 151  .daterangepicker td:hover, .daterangepicker th:hover {
 152    background: #eee;
 153  }
 154  
 155  .daterangepicker td.active, .daterangepicker td.active:hover {
 156    background-color: #006dcc;
 157    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
 158    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
 159    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
 160    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
 161    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
 162    background-image: linear-gradient(top, #0088cc, #0044cc);
 163    background-repeat: repeat-x;
 164    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
 165    border-color: #0044cc #0044cc #002a80;
 166    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 167    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 168    color: #fff;
 169    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 170  }