dashstrap 0.2.3 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +2 -0
  3. data/Gemfile +0 -9
  4. data/Rakefile +0 -5
  5. data/app/assets/javascripts/dashstrap/application.js +5 -1
  6. data/app/assets/javascripts/dashstrap/modules/list-view.js +13 -3
  7. data/app/assets/javascripts/dashstrap/modules/modules.js +2 -2
  8. data/app/assets/stylesheets/dashstrap/dashboard/ltr/application.css +5 -1
  9. data/app/assets/stylesheets/dashstrap/dashboard/rtl/application.css +5 -1
  10. data/app/assets/stylesheets/dashstrap/dashboard/share.scss +1 -1
  11. data/app/assets/stylesheets/dashstrap/ltr/application.css +3 -3
  12. data/app/assets/stylesheets/dashstrap/rtl/application.css +4 -3
  13. data/app/assets/stylesheets/dashstrap/share.scss +39 -1
  14. data/app/assets/stylesheets/dashstrap/variables.scss +5 -0
  15. data/app/views/angular/auth/groups/index.html.slim +1 -3
  16. data/app/views/angular/auth/groups/new.html.slim +12 -0
  17. data/app/views/angular/auth/users/index.html.slim +2 -0
  18. data/app/views/angular/list-view/index.html +12 -11
  19. data/app/views/dashstrap/shared/_content_header.html.slim +14 -0
  20. data/app/views/dashstrap/shared/_header.html.erb +273 -0
  21. data/app/views/dashstrap/shared/_sidebar.html.erb +62 -0
  22. data/app/views/faalis/dashboard/index.html.erb +0 -44
  23. data/app/views/faalis/dashboard/not_found.html.slim +9 -0
  24. data/app/views/faalis/dashboard/not_found.js.erb +1 -0
  25. data/app/views/layouts/faalis/dashboard.html.erb +48 -24
  26. data/config/initializers/assets.rb +1 -0
  27. data/dashstrap.gemspec +4 -5
  28. data/lib/dashstrap/engine.rb +3 -17
  29. data/lib/dashstrap/version.rb +1 -1
  30. data/lib/generators/templates/js/list_view/index.html.erb +1 -1
  31. data/lib/generators/templates/js/list_view/partials/index_controller.js.erb +9 -5
  32. data/vendor/assets/fonts/Lato-Bold.woff +0 -0
  33. data/vendor/assets/fonts/Lato-Bold.woff2 +0 -0
  34. data/vendor/assets/fonts/Lato-Light.woff +0 -0
  35. data/vendor/assets/fonts/Lato-Light.woff2 +0 -0
  36. data/vendor/assets/fonts/Lato-Regular.woff +0 -0
  37. data/vendor/assets/fonts/Lato-Regular.woff2 +0 -0
  38. data/vendor/assets/images/avatar.jpg +0 -0
  39. data/vendor/assets/javascripts/AdminLTE/app.js +929 -593
  40. data/vendor/assets/javascripts/AdminLTE/dashboard.js +11 -12
  41. data/vendor/assets/javascripts/bootstrap-datepicker.js +2286 -0
  42. data/vendor/assets/javascripts/rtl/bootstrap-datepicker.fa.js +245 -0
  43. data/vendor/assets/stylesheets/AdminLTE.css +3 -5
  44. data/vendor/assets/stylesheets/daterangepicker.css +337 -0
  45. data/vendor/assets/stylesheets/fonts.css.erb +20 -0
  46. metadata +33 -30
  47. data/app/views/angular/auth/users/index.html +0 -6
  48. data/vendor/assets/javascripts/ui-bootstrap.js +0 -3799
@@ -0,0 +1,245 @@
1
+ /**
2
+ * Persian translation & Convert to Jalali Calendar for bootstrap-datepicker
3
+ * Rahman Mousavian <mousavian.rahman@gmail.com>
4
+ * Using jQuery Datepicker (Jalali Calendar) By:
5
+ * Mahdi Hasheminezhad. email: hasheminezhad at gmail dot com (http://hasheminezhad.com)
6
+ */
7
+ ;
8
+
9
+ function mod(a, b) {return a - (b * Math.floor(a / b));}
10
+ /*
11
+ JavaScript functions for the Fourmilab Calendar Converter
12
+
13
+ by John Walker -- September, MIM
14
+ http://www.fourmilab.ch/documents/calendar/
15
+
16
+ This program is in the public domain.
17
+ */
18
+ function leap_gregorian(year)
19
+ {
20
+ return ((year % 4) == 0) &&
21
+ (!(((year % 100) == 0) && ((year % 400) != 0)));
22
+ }
23
+ var GREGORIAN_EPOCH = 1721425.5;
24
+ function gregorian_to_jd(year, month, day)
25
+ {
26
+ return (GREGORIAN_EPOCH - 1) +
27
+ (365 * (year - 1)) +
28
+ Math.floor((year - 1) / 4) +
29
+ (-Math.floor((year - 1) / 100)) +
30
+ Math.floor((year - 1) / 400) +
31
+ Math.floor((((367 * month) - 362) / 12) +
32
+ ((month <= 2) ? 0 :
33
+ (leap_gregorian(year) ? -1 : -2)
34
+ ) +
35
+ day);
36
+ }
37
+ function jd_to_gregorian(jd) {
38
+ var wjd, depoch, quadricent, dqc, cent, dcent, quad, dquad,
39
+ yindex, dyindex, year, yearday, leapadj;
40
+
41
+ wjd = Math.floor(jd - 0.5) + 0.5;
42
+ depoch = wjd - GREGORIAN_EPOCH;
43
+ quadricent = Math.floor(depoch / 146097);
44
+ dqc = mod(depoch, 146097);
45
+ cent = Math.floor(dqc / 36524);
46
+ dcent = mod(dqc, 36524);
47
+ quad = Math.floor(dcent / 1461);
48
+ dquad = mod(dcent, 1461);
49
+ yindex = Math.floor(dquad / 365);
50
+ year = (quadricent * 400) + (cent * 100) + (quad * 4) + yindex;
51
+ if (!((cent == 4) || (yindex == 4))) {
52
+ year++;
53
+ }
54
+ yearday = wjd - gregorian_to_jd(year, 1, 1);
55
+ leapadj = ((wjd < gregorian_to_jd(year, 3, 1)) ? 0
56
+ :
57
+ (leap_gregorian(year) ? 1 : 2)
58
+ );
59
+ month = Math.floor((((yearday + leapadj) * 12) + 373) / 367);
60
+ day = (wjd - gregorian_to_jd(year, month, 1)) + 1;
61
+
62
+ return new Array(year, month, day);
63
+ }
64
+
65
+ function leap_islamic(year)
66
+ {
67
+ return (((year * 11) + 14) % 30) < 11;
68
+ }
69
+ var ISLAMIC_EPOCH = 1948439.5;
70
+ function islamic_to_jd(year, month, day)
71
+ {
72
+ return (day +
73
+ Math.ceil(29.5 * (month - 1)) +
74
+ (year - 1) * 354 +
75
+ Math.floor((3 + (11 * year)) / 30) +
76
+ ISLAMIC_EPOCH) - 1;
77
+ }
78
+ function jd_to_islamic(jd)
79
+ {
80
+ var year, month, day;
81
+
82
+ jd = Math.floor(jd) + 0.5;
83
+ year = Math.floor(((30 * (jd - ISLAMIC_EPOCH)) + 10646) / 10631);
84
+ month = Math.min(12,
85
+ Math.ceil((jd - (29 + islamic_to_jd(year, 1, 1))) / 29.5) + 1);
86
+ day = (jd - islamic_to_jd(year, month, 1)) + 1;
87
+ return new Array(year, month, day);
88
+ }
89
+
90
+ function leap_persian(year)
91
+ {
92
+ return ((((((year - ((year > 0) ? 474 : 473)) % 2820) + 474) + 38) * 682) % 2816) < 682;
93
+ }
94
+ var PERSIAN_EPOCH = 1948320.5;
95
+ function persian_to_jd(year, month, day)
96
+ {
97
+ var epbase, epyear;
98
+
99
+ epbase = year - ((year >= 0) ? 474 : 473);
100
+ epyear = 474 + mod(epbase, 2820);
101
+
102
+ return day +
103
+ ((month <= 7) ?
104
+ ((month - 1) * 31) :
105
+ (((month - 1) * 30) + 6)
106
+ ) +
107
+ Math.floor(((epyear * 682) - 110) / 2816) +
108
+ (epyear - 1) * 365 +
109
+ Math.floor(epbase / 2820) * 1029983 +
110
+ (PERSIAN_EPOCH - 1);
111
+ }
112
+ function jd_to_persian(jd)
113
+ {
114
+ var year, month, day, depoch, cycle, cyear, ycycle,
115
+ aux1, aux2, yday;
116
+
117
+
118
+ jd = Math.floor(jd) + 0.5;
119
+
120
+ depoch = jd - persian_to_jd(475, 1, 1);
121
+ cycle = Math.floor(depoch / 1029983);
122
+ cyear = mod(depoch, 1029983);
123
+ if (cyear == 1029982) {
124
+ ycycle = 2820;
125
+ } else {
126
+ aux1 = Math.floor(cyear / 366);
127
+ aux2 = mod(cyear, 366);
128
+ ycycle = Math.floor(((2134 * aux1) + (2816 * aux2) + 2815) / 1028522) +
129
+ aux1 + 1;
130
+ }
131
+ year = ycycle + (2820 * cycle) + 474;
132
+ if (year <= 0) {
133
+ year--;
134
+ }
135
+ yday = (jd - persian_to_jd(year, 1, 1)) + 1;
136
+ month = (yday <= 186) ? Math.ceil(yday / 31) : Math.ceil((yday - 6) / 30);
137
+ day = (jd - persian_to_jd(year, month, 1)) + 1;
138
+ return new Array(year, month, day);
139
+ }
140
+
141
+ function JalaliDate(p0, p1, p2) {
142
+ var gregorianDate;
143
+ var jalaliDate;
144
+
145
+ if (!isNaN(parseInt(p0)) && !isNaN(parseInt(p1)) && !isNaN(parseInt(p2))) {
146
+ var g = jalali_to_gregorian([parseInt(p0, 10), parseInt(p1, 10), parseInt(p2, 10)]);
147
+ setFullDate(new Date(g[0], g[1], g[2]));
148
+ } else {
149
+ setFullDate(p0);
150
+ }
151
+
152
+ function jalali_to_gregorian(d) {
153
+ var adjustDay = 0;
154
+ if(d[1]<0){
155
+ adjustDay = leap_persian(d[0]-1)? 30: 29;
156
+ d[1]++;
157
+ }
158
+ var gregorian = jd_to_gregorian(persian_to_jd(d[0], d[1] + 1, d[2])-adjustDay);
159
+ gregorian[1]--;
160
+ return gregorian;
161
+ }
162
+
163
+ function gregorian_to_jalali(d) {
164
+ var jalali = jd_to_persian(gregorian_to_jd(d[0], d[1] + 1, d[2]));
165
+ jalali[1]--;
166
+ return jalali;
167
+ }
168
+
169
+ function setFullDate(date) {
170
+ if (date && date.getGregorianDate) date = date.getGregorianDate();
171
+ gregorianDate = new Date(date);
172
+ gregorianDate.setHours(gregorianDate.getHours() > 12 ? gregorianDate.getHours() + 2 : 0)
173
+ if (!gregorianDate || gregorianDate == 'Invalid Date' || isNaN(gregorianDate || !gregorianDate.getDate())) {
174
+ gregorianDate = new Date();
175
+ }
176
+ jalaliDate = gregorian_to_jalali([
177
+ gregorianDate.getFullYear(),
178
+ gregorianDate.getMonth(),
179
+ gregorianDate.getDate()]);
180
+ return this;
181
+ }
182
+
183
+ this.getGregorianDate = function() { return gregorianDate; }
184
+
185
+ this.setFullDate = setFullDate;
186
+
187
+ this.setMonth = function(e) {
188
+ jalaliDate[1] = e;
189
+ var g = jalali_to_gregorian(jalaliDate);
190
+ gregorianDate = new Date(g[0], g[1], g[2]);
191
+ jalaliDate = gregorian_to_jalali([g[0], g[1], g[2]]);
192
+ }
193
+
194
+ this.setDate = function(e) {
195
+ jalaliDate[2] = e;
196
+ var g = jalali_to_gregorian(jalaliDate);
197
+ gregorianDate = new Date(g[0], g[1], g[2]);
198
+ jalaliDate = gregorian_to_jalali([g[0], g[1], g[2]]);
199
+ };
200
+
201
+ this.getFullYear = function() { return jalaliDate[0]; };
202
+ this.getMonth = function() { return jalaliDate[1]; };
203
+ this.getDate = function() { return jalaliDate[2]; };
204
+ this.toString = function() { return jalaliDate.join(',').toString(); };
205
+ this.getDay = function() { return gregorianDate.getDay(); };
206
+ this.getHours = function() { return gregorianDate.getHours(); };
207
+ this.getMinutes = function() { return gregorianDate.getMinutes(); };
208
+ this.getSeconds = function() { return gregorianDate.getSeconds(); };
209
+ this.getTime = function() { return gregorianDate.getTime(); };
210
+ this.getTimeZoneOffset = function() { return gregorianDate.getTimeZoneOffset(); };
211
+ this.getYear = function() { return jalaliDate[0] % 100; };
212
+
213
+ this.setHours = function(e) { gregorianDate.setHours(e) };
214
+ this.setMinutes = function(e) { gregorianDate.setMinutes(e) };
215
+ this.setSeconds = function(e) { gregorianDate.setSeconds(e) };
216
+ this.setMilliseconds = function(e) { gregorianDate.setMilliseconds(e) };
217
+ }
218
+
219
+
220
+
221
+
222
+ jQuery(function($){
223
+ $.datepicker.regional['fa'] = {
224
+ calendar: JalaliDate,
225
+ closeText: 'بستن',
226
+ prevText: 'قبل',
227
+ nextText: 'بعد',
228
+ currentText: 'امروز',
229
+ monthNames: ['فروردین','اردیبهشت','خرداد','تیر','مرداد','شهریور','مهر','آبان','آذر','دی','بهمن','اسفند'],
230
+ monthNamesShort: ['فروردین','اردیبهشت','خرداد','تیر','مرداد','شهریور','مهر','آبان','آذر','دی','بهمن','اسفند'],
231
+ dayNames: ['یکشنبه', 'دوشنبه', 'سه شنبه', 'چهارشنبه', 'پنجشنبه', 'جمعه', 'شنبه'],
232
+ dayNamesShort: ['یک', 'دو', 'سه', 'چهار', 'پنج', 'جمعه', 'شنبه'],
233
+ dayNamesMin: ['ی','د','س','چ','پ','ج','ش'],
234
+ weekHeader: 'ه',
235
+ dateFormat: 'dd/mm/yy',
236
+ firstDay: 6,
237
+ isRTL: true,
238
+ showMonthAfterYear: false,
239
+ yearSuffix: '',
240
+ calculateWeek: function(date) {
241
+ var checkDate = new JalaliDate(date.getFullYear(), date.getMonth(), date.getDate() + (date.getDay() || 7) - 3);
242
+ return Math.floor(Math.round((checkDate.getTime() - new JalaliDate(checkDate.getFullYear(), 0, 1).getTime()) / 86400000) / 7) + 1;
243
+ }};
244
+ $.datepicker.setDefaults($.datepicker.regional['fa']);
245
+ });
@@ -1,5 +1,3 @@
1
- @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
2
- @import url(//fonts.googleapis.com/css?family=Kaushan+Script);
3
1
  /*!
4
2
  * AdminLTE v1.2
5
3
  * Author: AlmsaeedStudio.com
@@ -13,7 +11,7 @@
13
11
  html,
14
12
  body {
15
13
  overflow-x: hidden!important;
16
- font-family: 'Source Sans Pro', sans-serif;
14
+ font-family: 'Lato', sans-serif;
17
15
  -webkit-font-smoothing: antialiased;
18
16
  min-height: 100%;
19
17
  background: #f9f9f9;
@@ -128,7 +126,7 @@ h6,
128
126
  .h4,
129
127
  .h5,
130
128
  .h6 {
131
- font-family: 'Source Sans Pro', sans-serif;
129
+ font-family: 'Lato', sans-serif;
132
130
  }
133
131
  /* Page Header */
134
132
  .page-header {
@@ -528,7 +526,7 @@ body > .header .logo {
528
526
  text-align: center;
529
527
  padding: 0 10px;
530
528
  width: 220px;
531
- font-family: 'Kaushan Script', cursive;
529
+ font-family: 'Lato', sans-serif;
532
530
  font-weight: 500;
533
531
  height: 50px;
534
532
  display: block;
@@ -0,0 +1,337 @@
1
+ /**
2
+ * A stylesheet for use with Bootstrap 3.x
3
+ * @author: Dan Grossman http://www.dangrossman.info/
4
+ * @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
5
+ * @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
6
+ * @website: https://www.improvely.com/
7
+ */
8
+
9
+ /* Container Appearance */
10
+
11
+ .daterangepicker {
12
+ position: absolute;
13
+ background: #fff;
14
+ top: 100px;
15
+ left: 20px;
16
+ padding: 4px;
17
+ margin-top: 1px;
18
+ border-radius: 4px;
19
+ }
20
+
21
+ .daterangepicker.opensleft:before {
22
+ position: absolute;
23
+ top: -7px;
24
+ right: 9px;
25
+ display: inline-block;
26
+ border-right: 7px solid transparent;
27
+ border-bottom: 7px solid #ccc;
28
+ border-left: 7px solid transparent;
29
+ border-bottom-color: rgba(0, 0, 0, 0.2);
30
+ content: '';
31
+ }
32
+
33
+ .daterangepicker.opensleft:after {
34
+ position: absolute;
35
+ top: -6px;
36
+ right: 10px;
37
+ display: inline-block;
38
+ border-right: 6px solid transparent;
39
+ border-bottom: 6px solid #fff;
40
+ border-left: 6px solid transparent;
41
+ content: '';
42
+ }
43
+
44
+ .daterangepicker.openscenter:before {
45
+ position: absolute;
46
+ top: -7px;
47
+ left: 0;
48
+ right: 0;
49
+ width: 0;
50
+ margin-left: auto;
51
+ margin-right: auto;
52
+ display: inline-block;
53
+ border-right: 7px solid transparent;
54
+ border-bottom: 7px solid #ccc;
55
+ border-left: 7px solid transparent;
56
+ border-bottom-color: rgba(0, 0, 0, 0.2);
57
+ content: '';
58
+ }
59
+
60
+ .daterangepicker.openscenter:after {
61
+ position: absolute;
62
+ top: -6px;
63
+ left: 0;
64
+ right: 0;
65
+ width: 0;
66
+ margin-left: auto;
67
+ margin-right: auto;
68
+ display: inline-block;
69
+ border-right: 6px solid transparent;
70
+ border-bottom: 6px solid #fff;
71
+ border-left: 6px solid transparent;
72
+ content: '';
73
+ }
74
+
75
+ .daterangepicker.opensright:before {
76
+ position: absolute;
77
+ top: -7px;
78
+ left: 9px;
79
+ display: inline-block;
80
+ border-right: 7px solid transparent;
81
+ border-bottom: 7px solid #ccc;
82
+ border-left: 7px solid transparent;
83
+ border-bottom-color: rgba(0, 0, 0, 0.2);
84
+ content: '';
85
+ }
86
+
87
+ .daterangepicker.opensright:after {
88
+ position: absolute;
89
+ top: -6px;
90
+ left: 10px;
91
+ display: inline-block;
92
+ border-right: 6px solid transparent;
93
+ border-bottom: 6px solid #fff;
94
+ border-left: 6px solid transparent;
95
+ content: '';
96
+ }
97
+
98
+ .daterangepicker.dropup{
99
+ margin-top: -5px;
100
+ }
101
+ .daterangepicker.dropup:before{
102
+ top: initial;
103
+ bottom:-7px;
104
+ border-bottom: initial;
105
+ border-top: 7px solid #ccc;
106
+ }
107
+ .daterangepicker.dropup:after{
108
+ top: initial;
109
+ bottom:-6px;
110
+ border-bottom: initial;
111
+ border-top: 6px solid #fff;
112
+ }
113
+
114
+ .daterangepicker.dropdown-menu {
115
+ max-width: none;
116
+ z-index: 3000;
117
+ }
118
+
119
+ .daterangepicker .ranges, .daterangepicker .calendar {
120
+ float: left;
121
+ }
122
+
123
+ .daterangepicker.single .ranges, .daterangepicker.single .calendar {
124
+ float: none;
125
+ }
126
+
127
+ .daterangepicker .ranges {
128
+ margin: 4px;
129
+ text-align: left;
130
+ }
131
+
132
+ .daterangepicker .calendar {
133
+ display: none;
134
+ max-width: 270px;
135
+ }
136
+
137
+ .daterangepicker.show-calendar .calendar {
138
+ display: block;
139
+ }
140
+
141
+ .daterangepicker .calendar.single .calendar-table {
142
+ border: none;
143
+ }
144
+
145
+ /* Calendars */
146
+
147
+ .daterangepicker .calendar th, .daterangepicker .calendar td {
148
+ white-space: nowrap;
149
+ text-align: center;
150
+ min-width: 32px;
151
+ }
152
+
153
+ .daterangepicker .calendar-table {
154
+ border: 1px solid #ddd;
155
+ padding: 4px;
156
+ border-radius: 4px;
157
+ background: #fff;
158
+ }
159
+
160
+ .daterangepicker .calendar.left .calendar-table {
161
+ border-right: none;
162
+ border-top-right-radius: 0;
163
+ border-bottom-right-radius: 0;
164
+ }
165
+
166
+ .daterangepicker .calendar.right .calendar-table {
167
+ border-left: none;
168
+ border-top-left-radius: 0;
169
+ border-bottom-left-radius: 0;
170
+ }
171
+
172
+ .daterangepicker .calendar.left {
173
+ margin: 4px 0 4px 4px;
174
+ }
175
+
176
+ .daterangepicker .calendar.right {
177
+ margin: 4px 4px 4px 0;
178
+ }
179
+
180
+ .daterangepicker .calendar.left .calendar-table {
181
+ padding-right: 12px;
182
+ }
183
+
184
+ .daterangepicker table {
185
+ width: 100%;
186
+ margin: 0;
187
+ }
188
+
189
+ .daterangepicker td, .daterangepicker th {
190
+ text-align: center;
191
+ width: 20px;
192
+ height: 20px;
193
+ border-radius: 4px;
194
+ white-space: nowrap;
195
+ cursor: pointer;
196
+ }
197
+
198
+ .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
199
+ color: #999;
200
+ background: #fff;
201
+ }
202
+
203
+ .daterangepicker td.disabled, .daterangepicker option.disabled {
204
+ color: #999;
205
+ }
206
+
207
+ .daterangepicker td.available:hover, .daterangepicker th.available:hover {
208
+ background: #eee;
209
+ }
210
+
211
+ .daterangepicker td.in-range {
212
+ background: #ebf4f8;
213
+ border-radius: 0;
214
+ }
215
+
216
+ .daterangepicker td.start-date {
217
+ border-radius: 4px 0 0 4px;
218
+ }
219
+
220
+ .daterangepicker td.end-date {
221
+ border-radius: 0 4px 4px 0;
222
+ }
223
+
224
+ .daterangepicker td.start-date.end-date {
225
+ border-radius: 4px;
226
+ }
227
+
228
+ .daterangepicker td.active, .daterangepicker td.active:hover {
229
+ background-color: #357ebd;
230
+ border-color: #3071a9;
231
+ color: #fff;
232
+ }
233
+
234
+ .daterangepicker td.week, .daterangepicker th.week {
235
+ font-size: 80%;
236
+ color: #ccc;
237
+ }
238
+
239
+ .daterangepicker select.monthselect, .daterangepicker select.yearselect {
240
+ font-size: 12px;
241
+ padding: 1px;
242
+ height: auto;
243
+ margin: 0;
244
+ cursor: default;
245
+ }
246
+
247
+ .daterangepicker select.monthselect {
248
+ margin-right: 2%;
249
+ width: 56%;
250
+ }
251
+
252
+ .daterangepicker select.yearselect {
253
+ width: 40%;
254
+ }
255
+
256
+ .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
257
+ width: 50px;
258
+ margin-bottom: 0;
259
+ }
260
+
261
+ .daterangepicker th.month {
262
+ width: auto;
263
+ }
264
+
265
+ /* Text Input Above Each Calendar */
266
+
267
+ .daterangepicker .input-mini {
268
+ border: 1px solid #ccc;
269
+ border-radius: 4px;
270
+ color: #555;
271
+ display: block;
272
+ height: 30px;
273
+ line-height: 30px;
274
+ vertical-align: middle;
275
+ margin: 0 0 5px 0;
276
+ padding: 0 6px 0 28px;
277
+ width: 100%;
278
+ }
279
+
280
+ .daterangepicker .daterangepicker_input i {
281
+ position: absolute;
282
+ left: 8px;
283
+ top: 8px;
284
+ }
285
+
286
+ .daterangepicker .left .daterangepicker_input {
287
+ padding-right: 12px;
288
+ }
289
+
290
+ .daterangepicker .daterangepicker_input {
291
+ position: relative;
292
+ }
293
+
294
+ /* Time Picker */
295
+
296
+ .daterangepicker .calendar-time {
297
+ text-align: center;
298
+ margin: 5px auto;
299
+ line-height: 30px;
300
+ position: relative;
301
+ padding-left: 28px;
302
+ }
303
+
304
+ .daterangepicker .calendar-time select.disabled {
305
+ color: #ccc;
306
+ cursor: not-allowed;
307
+ }
308
+
309
+ /* Predefined Ranges */
310
+
311
+ .daterangepicker .ranges {
312
+ font-size: 11px;
313
+ }
314
+
315
+ .daterangepicker .ranges ul {
316
+ list-style: none;
317
+ margin: 0;
318
+ padding: 0;
319
+ width: 160px;
320
+ }
321
+
322
+ .daterangepicker .ranges li {
323
+ font-size: 13px;
324
+ background: #f5f5f5;
325
+ border: 1px solid #f5f5f5;
326
+ color: #08c;
327
+ padding: 3px 12px;
328
+ margin-bottom: 8px;
329
+ border-radius: 5px;
330
+ cursor: pointer;
331
+ }
332
+
333
+ .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
334
+ background: #08c;
335
+ border: 1px solid #08c;
336
+ color: #fff;
337
+ }