]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic); |
2 | /*! | |
3 | * AdminLTE v2.3.7 | |
4 | * Author: Almsaeed Studio | |
5 | * Website: Almsaeed Studio <http://almsaeedstudio.com> | |
6 | * License: Open source - MIT | |
7 | * Please visit http://opensource.org/licenses/MIT for more information | |
8 | !*/ | |
9 | /* | |
10 | * Core: General Layout Style | |
11 | * ------------------------- | |
12 | */ | |
13 | html, | |
14 | body { | |
15 | min-height: 100%; | |
16 | } | |
17 | .layout-boxed html, | |
18 | .layout-boxed body { | |
19 | height: 100%; | |
20 | } | |
21 | body { | |
22 | -webkit-font-smoothing: antialiased; | |
23 | -moz-osx-font-smoothing: grayscale; | |
24 | font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
25 | font-weight: 400; | |
26 | overflow-x: hidden; | |
27 | overflow-y: auto; | |
28 | } | |
29 | /* Layout */ | |
30 | .wrapper { | |
31 | min-height: 100%; | |
32 | position: relative; | |
33 | overflow: hidden; | |
34 | } | |
35 | .wrapper:before, | |
36 | .wrapper:after { | |
37 | content: " "; | |
38 | display: table; | |
39 | } | |
40 | .wrapper:after { | |
41 | clear: both; | |
42 | } | |
43 | .layout-boxed .wrapper { | |
44 | max-width: 1250px; | |
45 | margin: 0 auto; | |
46 | min-height: 100%; | |
47 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); | |
48 | position: relative; | |
49 | } | |
50 | .layout-boxed { | |
51 | background: url('../img/boxed-bg.jpg') repeat fixed; | |
52 | } | |
53 | /* | |
54 | * Content Wrapper - contains the main content | |
55 | * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ``` | |
56 | */ | |
57 | .content-wrapper, | |
58 | .right-side, | |
59 | .main-footer { | |
60 | -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out; | |
61 | -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out; | |
62 | -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out; | |
63 | transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; | |
64 | margin-left: 230px; | |
65 | z-index: 820; | |
66 | } | |
67 | .layout-top-nav .content-wrapper, | |
68 | .layout-top-nav .right-side, | |
69 | .layout-top-nav .main-footer { | |
70 | margin-left: 0; | |
71 | } | |
72 | @media (max-width: 767px) { | |
73 | .content-wrapper, | |
74 | .right-side, | |
75 | .main-footer { | |
76 | margin-left: 0; | |
77 | } | |
78 | } | |
79 | @media (min-width: 768px) { | |
80 | .sidebar-collapse .content-wrapper, | |
81 | .sidebar-collapse .right-side, | |
82 | .sidebar-collapse .main-footer { | |
83 | margin-left: 0; | |
84 | } | |
85 | } | |
86 | @media (max-width: 767px) { | |
87 | .sidebar-open .content-wrapper, | |
88 | .sidebar-open .right-side, | |
89 | .sidebar-open .main-footer { | |
90 | -webkit-transform: translate(230px, 0); | |
91 | -ms-transform: translate(230px, 0); | |
92 | -o-transform: translate(230px, 0); | |
93 | transform: translate(230px, 0); | |
94 | } | |
95 | } | |
96 | .content-wrapper, | |
97 | .right-side { | |
98 | min-height: 100%; | |
99 | background-color: #ecf0f5; | |
100 | z-index: 800; | |
101 | } | |
102 | .main-footer { | |
103 | background: #fff; | |
104 | padding: 15px; | |
105 | color: #444; | |
106 | border-top: 1px solid #d2d6de; | |
107 | } | |
108 | /* Fixed layout */ | |
109 | .fixed .main-header, | |
110 | .fixed .main-sidebar, | |
111 | .fixed .left-side { | |
112 | position: fixed; | |
113 | } | |
114 | .fixed .main-header { | |
115 | top: 0; | |
116 | right: 0; | |
117 | left: 0; | |
118 | } | |
119 | .fixed .content-wrapper, | |
120 | .fixed .right-side { | |
121 | padding-top: 50px; | |
122 | } | |
123 | @media (max-width: 767px) { | |
124 | .fixed .content-wrapper, | |
125 | .fixed .right-side { | |
126 | padding-top: 100px; | |
127 | } | |
128 | } | |
129 | .fixed.layout-boxed .wrapper { | |
130 | max-width: 100%; | |
131 | } | |
132 | body.hold-transition .content-wrapper, | |
133 | body.hold-transition .right-side, | |
134 | body.hold-transition .main-footer, | |
135 | body.hold-transition .main-sidebar, | |
136 | body.hold-transition .left-side, | |
137 | body.hold-transition .main-header .navbar, | |
138 | body.hold-transition .main-header .logo { | |
139 | /* Fix for IE */ | |
140 | -webkit-transition: none; | |
141 | -o-transition: none; | |
142 | transition: none; | |
143 | } | |
144 | /* Content */ | |
145 | .content { | |
146 | min-height: 250px; | |
147 | padding: 15px; | |
148 | margin-right: auto; | |
149 | margin-left: auto; | |
150 | padding-left: 15px; | |
151 | padding-right: 15px; | |
152 | } | |
153 | /* H1 - H6 font */ | |
154 | h1, | |
155 | h2, | |
156 | h3, | |
157 | h4, | |
158 | h5, | |
159 | h6, | |
160 | .h1, | |
161 | .h2, | |
162 | .h3, | |
163 | .h4, | |
164 | .h5, | |
165 | .h6 { | |
166 | font-family: 'Source Sans Pro', sans-serif; | |
167 | } | |
168 | /* General Links */ | |
169 | a { | |
170 | color: #3c8dbc; | |
171 | } | |
172 | a:hover, | |
173 | a:active, | |
174 | a:focus { | |
175 | outline: none; | |
176 | text-decoration: none; | |
177 | color: #72afd2; | |
178 | } | |
179 | /* Page Header */ | |
180 | .page-header { | |
181 | margin: 10px 0 20px 0; | |
182 | font-size: 22px; | |
183 | } | |
184 | .page-header > small { | |
185 | color: #666; | |
186 | display: block; | |
187 | margin-top: 5px; | |
188 | } | |
189 | /* | |
190 | * Component: Main Header | |
191 | * ---------------------- | |
192 | */ | |
193 | .main-header { | |
194 | position: relative; | |
195 | max-height: 100px; | |
196 | z-index: 1030; | |
197 | } | |
198 | .main-header .navbar { | |
199 | -webkit-transition: margin-left 0.3s ease-in-out; | |
200 | -o-transition: margin-left 0.3s ease-in-out; | |
201 | transition: margin-left 0.3s ease-in-out; | |
202 | margin-bottom: 0; | |
203 | margin-left: 230px; | |
204 | border: none; | |
205 | min-height: 50px; | |
206 | border-radius: 0; | |
207 | } | |
208 | .layout-top-nav .main-header .navbar { | |
209 | margin-left: 0; | |
210 | } | |
211 | .main-header #navbar-search-input.form-control { | |
212 | background: rgba(255, 255, 255, 0.2); | |
213 | border-color: transparent; | |
214 | } | |
215 | .main-header #navbar-search-input.form-control:focus, | |
216 | .main-header #navbar-search-input.form-control:active { | |
217 | border-color: rgba(0, 0, 0, 0.1); | |
218 | background: rgba(255, 255, 255, 0.9); | |
219 | } | |
220 | .main-header #navbar-search-input.form-control::-moz-placeholder { | |
221 | color: #ccc; | |
222 | opacity: 1; | |
223 | } | |
224 | .main-header #navbar-search-input.form-control:-ms-input-placeholder { | |
225 | color: #ccc; | |
226 | } | |
227 | .main-header #navbar-search-input.form-control::-webkit-input-placeholder { | |
228 | color: #ccc; | |
229 | } | |
230 | .main-header .navbar-custom-menu, | |
231 | .main-header .navbar-right { | |
232 | float: right; | |
233 | } | |
234 | @media (max-width: 991px) { | |
235 | .main-header .navbar-custom-menu a, | |
236 | .main-header .navbar-right a { | |
237 | color: inherit; | |
238 | background: transparent; | |
239 | } | |
240 | } | |
241 | @media (max-width: 767px) { | |
242 | .main-header .navbar-right { | |
243 | float: none; | |
244 | } | |
245 | .navbar-collapse .main-header .navbar-right { | |
246 | margin: 7.5px -15px; | |
247 | } | |
248 | .main-header .navbar-right > li { | |
249 | color: inherit; | |
250 | border: 0; | |
251 | } | |
252 | } | |
253 | .main-header .sidebar-toggle { | |
254 | float: left; | |
255 | background-color: transparent; | |
256 | background-image: none; | |
257 | padding: 15px 15px; | |
258 | font-family: fontAwesome; | |
259 | } | |
260 | .main-header .sidebar-toggle:before { | |
261 | content: "\f0c9"; | |
262 | } | |
263 | .main-header .sidebar-toggle:hover { | |
264 | color: #fff; | |
265 | } | |
266 | .main-header .sidebar-toggle:focus, | |
267 | .main-header .sidebar-toggle:active { | |
268 | background: transparent; | |
269 | } | |
270 | .main-header .sidebar-toggle .icon-bar { | |
271 | display: none; | |
272 | } | |
273 | .main-header .navbar .nav > li.user > a > .fa, | |
274 | .main-header .navbar .nav > li.user > a > .glyphicon, | |
275 | .main-header .navbar .nav > li.user > a > .ion { | |
276 | margin-right: 5px; | |
277 | } | |
278 | .main-header .navbar .nav > li > a > .label { | |
279 | position: absolute; | |
280 | top: 9px; | |
281 | right: 7px; | |
282 | text-align: center; | |
283 | font-size: 9px; | |
284 | padding: 2px 3px; | |
285 | line-height: .9; | |
286 | } | |
287 | .main-header .logo { | |
288 | -webkit-transition: width 0.3s ease-in-out; | |
289 | -o-transition: width 0.3s ease-in-out; | |
290 | transition: width 0.3s ease-in-out; | |
291 | display: block; | |
292 | float: left; | |
293 | height: 50px; | |
294 | font-size: 20px; | |
295 | line-height: 50px; | |
296 | text-align: center; | |
297 | width: 230px; | |
298 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
299 | padding: 0 15px; | |
300 | font-weight: 300; | |
301 | overflow: hidden; | |
302 | } | |
303 | .main-header .logo .logo-lg { | |
304 | display: block; | |
305 | } | |
306 | .main-header .logo .logo-mini { | |
307 | display: none; | |
308 | } | |
309 | .main-header .navbar-brand { | |
310 | color: #fff; | |
311 | } | |
312 | .content-header { | |
313 | position: relative; | |
314 | padding: 15px 15px 0 15px; | |
315 | } | |
316 | .content-header > h1 { | |
317 | margin: 0; | |
318 | font-size: 24px; | |
319 | } | |
320 | .content-header > h1 > small { | |
321 | font-size: 15px; | |
322 | display: inline-block; | |
323 | padding-left: 4px; | |
324 | font-weight: 300; | |
325 | } | |
326 | .content-header > .breadcrumb { | |
327 | float: right; | |
328 | background: transparent; | |
329 | margin-top: 0; | |
330 | margin-bottom: 0; | |
331 | font-size: 12px; | |
332 | padding: 7px 5px; | |
333 | position: absolute; | |
334 | top: 15px; | |
335 | right: 10px; | |
336 | border-radius: 2px; | |
337 | } | |
338 | .content-header > .breadcrumb > li > a { | |
339 | color: #444; | |
340 | text-decoration: none; | |
341 | display: inline-block; | |
342 | } | |
343 | .content-header > .breadcrumb > li > a > .fa, | |
344 | .content-header > .breadcrumb > li > a > .glyphicon, | |
345 | .content-header > .breadcrumb > li > a > .ion { | |
346 | margin-right: 5px; | |
347 | } | |
348 | .content-header > .breadcrumb > li + li:before { | |
349 | content: '>\00a0'; | |
350 | } | |
351 | @media (max-width: 991px) { | |
352 | .content-header > .breadcrumb { | |
353 | position: relative; | |
354 | margin-top: 5px; | |
355 | top: 0; | |
356 | right: 0; | |
357 | float: none; | |
358 | background: #d2d6de; | |
359 | padding-left: 10px; | |
360 | } | |
361 | .content-header > .breadcrumb li:before { | |
362 | color: #97a0b3; | |
363 | } | |
364 | } | |
365 | .navbar-toggle { | |
366 | color: #fff; | |
367 | border: 0; | |
368 | margin: 0; | |
369 | padding: 15px 15px; | |
370 | } | |
371 | @media (max-width: 991px) { | |
372 | .navbar-custom-menu .navbar-nav > li { | |
373 | float: left; | |
374 | } | |
375 | .navbar-custom-menu .navbar-nav { | |
376 | margin: 0; | |
377 | float: left; | |
378 | } | |
379 | .navbar-custom-menu .navbar-nav > li > a { | |
380 | padding-top: 15px; | |
381 | padding-bottom: 15px; | |
382 | line-height: 20px; | |
383 | } | |
384 | } | |
385 | @media (max-width: 767px) { | |
386 | .main-header { | |
387 | position: relative; | |
388 | } | |
389 | .main-header .logo, | |
390 | .main-header .navbar { | |
391 | width: 100%; | |
392 | float: none; | |
393 | } | |
394 | .main-header .navbar { | |
395 | margin: 0; | |
396 | } | |
397 | .main-header .navbar-custom-menu { | |
398 | float: right; | |
399 | } | |
400 | } | |
401 | @media (max-width: 991px) { | |
402 | .navbar-collapse.pull-left { | |
403 | float: none !important; | |
404 | } | |
405 | .navbar-collapse.pull-left + .navbar-custom-menu { | |
406 | display: block; | |
407 | position: absolute; | |
408 | top: 0; | |
409 | right: 40px; | |
410 | } | |
411 | } | |
412 | /* | |
413 | * Component: Sidebar | |
414 | * ------------------ | |
415 | */ | |
416 | .main-sidebar, | |
417 | .left-side { | |
418 | position: absolute; | |
419 | top: 0; | |
420 | left: 0; | |
421 | padding-top: 50px; | |
422 | min-height: 100%; | |
423 | width: 230px; | |
424 | z-index: 810; | |
425 | -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out; | |
426 | -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out; | |
427 | -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out; | |
428 | transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; | |
429 | } | |
430 | @media (max-width: 767px) { | |
431 | .main-sidebar, | |
432 | .left-side { | |
433 | padding-top: 100px; | |
434 | } | |
435 | } | |
436 | @media (max-width: 767px) { | |
437 | .main-sidebar, | |
438 | .left-side { | |
439 | -webkit-transform: translate(-230px, 0); | |
440 | -ms-transform: translate(-230px, 0); | |
441 | -o-transform: translate(-230px, 0); | |
442 | transform: translate(-230px, 0); | |
443 | } | |
444 | } | |
445 | @media (min-width: 768px) { | |
446 | .sidebar-collapse .main-sidebar, | |
447 | .sidebar-collapse .left-side { | |
448 | -webkit-transform: translate(-230px, 0); | |
449 | -ms-transform: translate(-230px, 0); | |
450 | -o-transform: translate(-230px, 0); | |
451 | transform: translate(-230px, 0); | |
452 | } | |
453 | } | |
454 | @media (max-width: 767px) { | |
455 | .sidebar-open .main-sidebar, | |
456 | .sidebar-open .left-side { | |
457 | -webkit-transform: translate(0, 0); | |
458 | -ms-transform: translate(0, 0); | |
459 | -o-transform: translate(0, 0); | |
460 | transform: translate(0, 0); | |
461 | } | |
462 | } | |
463 | .sidebar { | |
464 | padding-bottom: 10px; | |
465 | } | |
466 | .sidebar-form input:focus { | |
467 | border-color: transparent; | |
468 | } | |
469 | .user-panel { | |
470 | position: relative; | |
471 | width: 100%; | |
472 | padding: 10px; | |
473 | overflow: hidden; | |
474 | } | |
475 | .user-panel:before, | |
476 | .user-panel:after { | |
477 | content: " "; | |
478 | display: table; | |
479 | } | |
480 | .user-panel:after { | |
481 | clear: both; | |
482 | } | |
483 | .user-panel > .image > img { | |
484 | width: 100%; | |
485 | max-width: 45px; | |
486 | height: auto; | |
487 | } | |
488 | .user-panel > .info { | |
489 | padding: 5px 5px 5px 15px; | |
490 | line-height: 1; | |
491 | position: absolute; | |
492 | left: 55px; | |
493 | } | |
494 | .user-panel > .info > p { | |
495 | font-weight: 600; | |
496 | margin-bottom: 9px; | |
497 | } | |
498 | .user-panel > .info > a { | |
499 | text-decoration: none; | |
500 | padding-right: 5px; | |
501 | margin-top: 3px; | |
502 | font-size: 11px; | |
503 | } | |
504 | .user-panel > .info > a > .fa, | |
505 | .user-panel > .info > a > .ion, | |
506 | .user-panel > .info > a > .glyphicon { | |
507 | margin-right: 3px; | |
508 | } | |
509 | .sidebar-menu { | |
510 | list-style: none; | |
511 | margin: 0; | |
512 | padding: 0; | |
513 | } | |
514 | .sidebar-menu > li { | |
515 | position: relative; | |
516 | margin: 0; | |
517 | padding: 0; | |
518 | } | |
519 | .sidebar-menu > li > a { | |
520 | padding: 12px 5px 12px 15px; | |
521 | display: block; | |
522 | } | |
523 | .sidebar-menu > li > a > .fa, | |
524 | .sidebar-menu > li > a > .glyphicon, | |
525 | .sidebar-menu > li > a > .ion { | |
526 | width: 20px; | |
527 | } | |
528 | .sidebar-menu > li .label, | |
529 | .sidebar-menu > li .badge { | |
530 | margin-right: 5px; | |
531 | } | |
532 | .sidebar-menu > li .badge { | |
533 | margin-top: 3px; | |
534 | } | |
535 | .sidebar-menu li.header { | |
536 | padding: 10px 25px 10px 15px; | |
537 | font-size: 12px; | |
538 | } | |
539 | .sidebar-menu li > a > .fa-angle-left, | |
540 | .sidebar-menu li > a > .pull-right-container > .fa-angle-left { | |
541 | width: auto; | |
542 | height: auto; | |
543 | padding: 0; | |
544 | margin-right: 10px; | |
545 | } | |
546 | .sidebar-menu li.active > a > .fa-angle-left, | |
547 | .sidebar-menu li.active > a > .pull-right-container > .fa-angle-left { | |
548 | -webkit-transform: rotate(-90deg); | |
549 | -ms-transform: rotate(-90deg); | |
550 | -o-transform: rotate(-90deg); | |
551 | transform: rotate(-90deg); | |
552 | } | |
553 | .sidebar-menu li.active > .treeview-menu { | |
554 | display: block; | |
555 | } | |
556 | .sidebar-menu .treeview-menu { | |
557 | display: none; | |
558 | list-style: none; | |
559 | padding: 0; | |
560 | margin: 0; | |
561 | padding-left: 5px; | |
562 | } | |
563 | .sidebar-menu .treeview-menu .treeview-menu { | |
564 | padding-left: 20px; | |
565 | } | |
566 | .sidebar-menu .treeview-menu > li { | |
567 | margin: 0; | |
568 | } | |
569 | .sidebar-menu .treeview-menu > li > a { | |
570 | padding: 5px 5px 5px 15px; | |
571 | display: block; | |
572 | font-size: 14px; | |
573 | } | |
574 | .sidebar-menu .treeview-menu > li > a > .fa, | |
575 | .sidebar-menu .treeview-menu > li > a > .glyphicon, | |
576 | .sidebar-menu .treeview-menu > li > a > .ion { | |
577 | width: 20px; | |
578 | } | |
579 | .sidebar-menu .treeview-menu > li > a > .pull-right-container > .fa-angle-left, | |
580 | .sidebar-menu .treeview-menu > li > a > .pull-right-container > .fa-angle-down, | |
581 | .sidebar-menu .treeview-menu > li > a > .fa-angle-left, | |
582 | .sidebar-menu .treeview-menu > li > a > .fa-angle-down { | |
583 | width: auto; | |
584 | } | |
585 | /* | |
586 | * Component: Sidebar Mini | |
587 | */ | |
588 | @media (min-width: 768px) { | |
589 | .sidebar-mini.sidebar-collapse .content-wrapper, | |
590 | .sidebar-mini.sidebar-collapse .right-side, | |
591 | .sidebar-mini.sidebar-collapse .main-footer { | |
592 | margin-left: 50px !important; | |
593 | z-index: 840; | |
594 | } | |
595 | .sidebar-mini.sidebar-collapse .main-sidebar { | |
596 | -webkit-transform: translate(0, 0); | |
597 | -ms-transform: translate(0, 0); | |
598 | -o-transform: translate(0, 0); | |
599 | transform: translate(0, 0); | |
600 | width: 50px !important; | |
601 | z-index: 850; | |
602 | } | |
603 | .sidebar-mini.sidebar-collapse .sidebar-menu > li { | |
604 | position: relative; | |
605 | } | |
606 | .sidebar-mini.sidebar-collapse .sidebar-menu > li > a { | |
607 | margin-right: 0; | |
608 | } | |
609 | .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span { | |
610 | border-top-right-radius: 4px; | |
611 | } | |
612 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span { | |
613 | border-bottom-right-radius: 4px; | |
614 | } | |
615 | .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { | |
616 | padding-top: 5px; | |
617 | padding-bottom: 5px; | |
618 | border-bottom-right-radius: 4px; | |
619 | } | |
620 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), | |
621 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { | |
622 | display: block !important; | |
623 | position: absolute; | |
624 | width: 180px; | |
625 | left: 50px; | |
626 | } | |
627 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { | |
628 | top: 0; | |
629 | margin-left: -3px; | |
630 | padding: 12px 5px 12px 20px; | |
631 | background-color: inherit; | |
632 | } | |
633 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { | |
634 | float: right; | |
635 | width: auto!important; | |
636 | left: 200px!important; | |
637 | top: 10px!important; | |
638 | } | |
639 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) { | |
640 | display: none; | |
641 | } | |
642 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { | |
643 | top: 44px; | |
644 | margin-left: 0; | |
645 | } | |
646 | .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, | |
647 | .sidebar-mini.sidebar-collapse .sidebar-form, | |
648 | .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, | |
649 | .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, | |
650 | .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, | |
651 | .sidebar-mini.sidebar-collapse .sidebar-menu li.header { | |
652 | display: none !important; | |
653 | -webkit-transform: translateZ(0); | |
654 | } | |
655 | .sidebar-mini.sidebar-collapse .main-header .logo { | |
656 | width: 50px; | |
657 | } | |
658 | .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini { | |
659 | display: block; | |
660 | margin-left: -15px; | |
661 | margin-right: -15px; | |
662 | font-size: 18px; | |
663 | } | |
664 | .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg { | |
665 | display: none; | |
666 | } | |
667 | .sidebar-mini.sidebar-collapse .main-header .navbar { | |
668 | margin-left: 50px; | |
669 | } | |
670 | } | |
671 | .sidebar-menu, | |
672 | .main-sidebar .user-panel, | |
673 | .sidebar-menu > li.header { | |
674 | white-space: nowrap; | |
675 | overflow: hidden; | |
676 | } | |
677 | .sidebar-menu:hover { | |
678 | overflow: visible; | |
679 | } | |
680 | .sidebar-form, | |
681 | .sidebar-menu > li.header { | |
682 | overflow: hidden; | |
683 | text-overflow: clip; | |
684 | } | |
685 | .sidebar-menu li > a { | |
686 | position: relative; | |
687 | } | |
688 | .sidebar-menu li > a > .pull-right-container { | |
689 | position: absolute; | |
690 | right: 10px; | |
691 | top: 50%; | |
692 | margin-top: -7px; | |
693 | } | |
694 | /* | |
695 | * Component: Control sidebar. By default, this is the right sidebar. | |
696 | */ | |
697 | .control-sidebar-bg { | |
698 | position: fixed; | |
699 | z-index: 1000; | |
700 | bottom: 0; | |
701 | } | |
702 | .control-sidebar-bg, | |
703 | .control-sidebar { | |
704 | top: 0; | |
705 | right: -230px; | |
706 | width: 230px; | |
707 | -webkit-transition: right 0.3s ease-in-out; | |
708 | -o-transition: right 0.3s ease-in-out; | |
709 | transition: right 0.3s ease-in-out; | |
710 | } | |
711 | .control-sidebar { | |
712 | position: absolute; | |
713 | padding-top: 50px; | |
714 | z-index: 1010; | |
715 | } | |
716 | @media (max-width: 768px) { | |
717 | .control-sidebar { | |
718 | padding-top: 100px; | |
719 | } | |
720 | } | |
721 | .control-sidebar > .tab-content { | |
722 | padding: 10px 15px; | |
723 | } | |
724 | .control-sidebar.control-sidebar-open, | |
725 | .control-sidebar.control-sidebar-open + .control-sidebar-bg { | |
726 | right: 0; | |
727 | } | |
728 | .control-sidebar-open .control-sidebar-bg, | |
729 | .control-sidebar-open .control-sidebar { | |
730 | right: 0; | |
731 | } | |
732 | @media (min-width: 768px) { | |
733 | .control-sidebar-open .content-wrapper, | |
734 | .control-sidebar-open .right-side, | |
735 | .control-sidebar-open .main-footer { | |
736 | margin-right: 230px; | |
737 | } | |
738 | } | |
739 | .nav-tabs.control-sidebar-tabs > li:first-of-type > a, | |
740 | .nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover, | |
741 | .nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus { | |
742 | border-left-width: 0; | |
743 | } | |
744 | .nav-tabs.control-sidebar-tabs > li > a { | |
745 | border-radius: 0; | |
746 | } | |
747 | .nav-tabs.control-sidebar-tabs > li > a, | |
748 | .nav-tabs.control-sidebar-tabs > li > a:hover { | |
749 | border-top: none; | |
750 | border-right: none; | |
751 | border-left: 1px solid transparent; | |
752 | border-bottom: 1px solid transparent; | |
753 | } | |
754 | .nav-tabs.control-sidebar-tabs > li > a .icon { | |
755 | font-size: 16px; | |
756 | } | |
757 | .nav-tabs.control-sidebar-tabs > li.active > a, | |
758 | .nav-tabs.control-sidebar-tabs > li.active > a:hover, | |
759 | .nav-tabs.control-sidebar-tabs > li.active > a:focus, | |
760 | .nav-tabs.control-sidebar-tabs > li.active > a:active { | |
761 | border-top: none; | |
762 | border-right: none; | |
763 | border-bottom: none; | |
764 | } | |
765 | @media (max-width: 768px) { | |
766 | .nav-tabs.control-sidebar-tabs { | |
767 | display: table; | |
768 | } | |
769 | .nav-tabs.control-sidebar-tabs > li { | |
770 | display: table-cell; | |
771 | } | |
772 | } | |
773 | .control-sidebar-heading { | |
774 | font-weight: 400; | |
775 | font-size: 16px; | |
776 | padding: 10px 0; | |
777 | margin-bottom: 10px; | |
778 | } | |
779 | .control-sidebar-subheading { | |
780 | display: block; | |
781 | font-weight: 400; | |
782 | font-size: 14px; | |
783 | } | |
784 | .control-sidebar-menu { | |
785 | list-style: none; | |
786 | padding: 0; | |
787 | margin: 0 -15px; | |
788 | } | |
789 | .control-sidebar-menu > li > a { | |
790 | display: block; | |
791 | padding: 10px 15px; | |
792 | } | |
793 | .control-sidebar-menu > li > a:before, | |
794 | .control-sidebar-menu > li > a:after { | |
795 | content: " "; | |
796 | display: table; | |
797 | } | |
798 | .control-sidebar-menu > li > a:after { | |
799 | clear: both; | |
800 | } | |
801 | .control-sidebar-menu > li > a > .control-sidebar-subheading { | |
802 | margin-top: 0; | |
803 | } | |
804 | .control-sidebar-menu .menu-icon { | |
805 | float: left; | |
806 | width: 35px; | |
807 | height: 35px; | |
808 | border-radius: 50%; | |
809 | text-align: center; | |
810 | line-height: 35px; | |
811 | } | |
812 | .control-sidebar-menu .menu-info { | |
813 | margin-left: 45px; | |
814 | margin-top: 3px; | |
815 | } | |
816 | .control-sidebar-menu .menu-info > .control-sidebar-subheading { | |
817 | margin: 0; | |
818 | } | |
819 | .control-sidebar-menu .menu-info > p { | |
820 | margin: 0; | |
821 | font-size: 11px; | |
822 | } | |
823 | .control-sidebar-menu .progress { | |
824 | margin: 0; | |
825 | } | |
826 | .control-sidebar-dark { | |
827 | color: #b8c7ce; | |
828 | } | |
829 | .control-sidebar-dark, | |
830 | .control-sidebar-dark + .control-sidebar-bg { | |
831 | background: #222d32; | |
832 | } | |
833 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs { | |
834 | border-bottom: #1c2529; | |
835 | } | |
836 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a { | |
837 | background: #181f23; | |
838 | color: #b8c7ce; | |
839 | } | |
840 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a, | |
841 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, | |
842 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus { | |
843 | border-left-color: #141a1d; | |
844 | border-bottom-color: #141a1d; | |
845 | } | |
846 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, | |
847 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus, | |
848 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active { | |
849 | background: #1c2529; | |
850 | } | |
851 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover { | |
852 | color: #fff; | |
853 | } | |
854 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a, | |
855 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover, | |
856 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus, | |
857 | .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active { | |
858 | background: #222d32; | |
859 | color: #fff; | |
860 | } | |
861 | .control-sidebar-dark .control-sidebar-heading, | |
862 | .control-sidebar-dark .control-sidebar-subheading { | |
863 | color: #fff; | |
864 | } | |
865 | .control-sidebar-dark .control-sidebar-menu > li > a:hover { | |
866 | background: #1e282c; | |
867 | } | |
868 | .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p { | |
869 | color: #b8c7ce; | |
870 | } | |
871 | .control-sidebar-light { | |
872 | color: #5e5e5e; | |
873 | } | |
874 | .control-sidebar-light, | |
875 | .control-sidebar-light + .control-sidebar-bg { | |
876 | background: #f9fafc; | |
877 | border-left: 1px solid #d2d6de; | |
878 | } | |
879 | .control-sidebar-light .nav-tabs.control-sidebar-tabs { | |
880 | border-bottom: #d2d6de; | |
881 | } | |
882 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { | |
883 | background: #e8ecf4; | |
884 | color: #444444; | |
885 | } | |
886 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a, | |
887 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, | |
888 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus { | |
889 | border-left-color: #d2d6de; | |
890 | border-bottom-color: #d2d6de; | |
891 | } | |
892 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, | |
893 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus, | |
894 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active { | |
895 | background: #eff1f7; | |
896 | } | |
897 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a, | |
898 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover, | |
899 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus, | |
900 | .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active { | |
901 | background: #f9fafc; | |
902 | color: #111; | |
903 | } | |
904 | .control-sidebar-light .control-sidebar-heading, | |
905 | .control-sidebar-light .control-sidebar-subheading { | |
906 | color: #111; | |
907 | } | |
908 | .control-sidebar-light .control-sidebar-menu { | |
909 | margin-left: -14px; | |
910 | } | |
911 | .control-sidebar-light .control-sidebar-menu > li > a:hover { | |
912 | background: #f4f4f5; | |
913 | } | |
914 | .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { | |
915 | color: #5e5e5e; | |
916 | } | |
917 | /* | |
918 | * Component: Dropdown menus | |
919 | * ------------------------- | |
920 | */ | |
921 | /*Dropdowns in general*/ | |
922 | .dropdown-menu { | |
923 | box-shadow: none; | |
924 | border-color: #eee; | |
925 | } | |
926 | .dropdown-menu > li > a { | |
927 | color: #777; | |
928 | } | |
929 | .dropdown-menu > li > a > .glyphicon, | |
930 | .dropdown-menu > li > a > .fa, | |
931 | .dropdown-menu > li > a > .ion { | |
932 | margin-right: 10px; | |
933 | } | |
934 | .dropdown-menu > li > a:hover { | |
935 | background-color: #e1e3e9; | |
936 | color: #333; | |
937 | } | |
938 | .dropdown-menu > .divider { | |
939 | background-color: #eee; | |
940 | } | |
941 | .navbar-nav > .notifications-menu > .dropdown-menu, | |
942 | .navbar-nav > .messages-menu > .dropdown-menu, | |
943 | .navbar-nav > .tasks-menu > .dropdown-menu { | |
944 | width: 280px; | |
945 | padding: 0 0 0 0; | |
946 | margin: 0; | |
947 | top: 100%; | |
948 | } | |
949 | .navbar-nav > .notifications-menu > .dropdown-menu > li, | |
950 | .navbar-nav > .messages-menu > .dropdown-menu > li, | |
951 | .navbar-nav > .tasks-menu > .dropdown-menu > li { | |
952 | position: relative; | |
953 | } | |
954 | .navbar-nav > .notifications-menu > .dropdown-menu > li.header, | |
955 | .navbar-nav > .messages-menu > .dropdown-menu > li.header, | |
956 | .navbar-nav > .tasks-menu > .dropdown-menu > li.header { | |
957 | border-top-left-radius: 4px; | |
958 | border-top-right-radius: 4px; | |
959 | border-bottom-right-radius: 0; | |
960 | border-bottom-left-radius: 0; | |
961 | background-color: #ffffff; | |
962 | padding: 7px 10px; | |
963 | border-bottom: 1px solid #f4f4f4; | |
964 | color: #444444; | |
965 | font-size: 14px; | |
966 | } | |
967 | .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, | |
968 | .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, | |
969 | .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { | |
970 | border-top-left-radius: 0; | |
971 | border-top-right-radius: 0; | |
972 | border-bottom-right-radius: 4px; | |
973 | border-bottom-left-radius: 4px; | |
974 | font-size: 12px; | |
975 | background-color: #fff; | |
976 | padding: 7px 10px; | |
977 | border-bottom: 1px solid #eeeeee; | |
978 | color: #444 !important; | |
979 | text-align: center; | |
980 | } | |
981 | @media (max-width: 991px) { | |
982 | .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, | |
983 | .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, | |
984 | .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { | |
985 | background: #fff !important; | |
986 | color: #444 !important; | |
987 | } | |
988 | } | |
989 | .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, | |
990 | .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, | |
991 | .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover { | |
992 | text-decoration: none; | |
993 | font-weight: normal; | |
994 | } | |
995 | .navbar-nav > .notifications-menu > .dropdown-menu > li .menu, | |
996 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu, | |
997 | .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { | |
998 | max-height: 200px; | |
999 | margin: 0; | |
1000 | padding: 0; | |
1001 | list-style: none; | |
1002 | overflow-x: hidden; | |
1003 | } | |
1004 | .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, | |
1005 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, | |
1006 | .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { | |
1007 | display: block; | |
1008 | white-space: nowrap; | |
1009 | /* Prevent text from breaking */ | |
1010 | border-bottom: 1px solid #f4f4f4; | |
1011 | } | |
1012 | .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, | |
1013 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, | |
1014 | .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { | |
1015 | background: #f4f4f4; | |
1016 | text-decoration: none; | |
1017 | } | |
1018 | .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { | |
1019 | color: #444444; | |
1020 | overflow: hidden; | |
1021 | text-overflow: ellipsis; | |
1022 | padding: 10px; | |
1023 | } | |
1024 | .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, | |
1025 | .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, | |
1026 | .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { | |
1027 | width: 20px; | |
1028 | } | |
1029 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a { | |
1030 | margin: 0; | |
1031 | padding: 10px 10px; | |
1032 | } | |
1033 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img { | |
1034 | margin: auto 10px auto auto; | |
1035 | width: 40px; | |
1036 | height: 40px; | |
1037 | } | |
1038 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { | |
1039 | padding: 0; | |
1040 | margin: 0 0 0 45px; | |
1041 | color: #444444; | |
1042 | font-size: 15px; | |
1043 | position: relative; | |
1044 | } | |
1045 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { | |
1046 | color: #999999; | |
1047 | font-size: 10px; | |
1048 | position: absolute; | |
1049 | top: 0; | |
1050 | right: 0; | |
1051 | } | |
1052 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { | |
1053 | margin: 0 0 0 45px; | |
1054 | font-size: 12px; | |
1055 | color: #888888; | |
1056 | } | |
1057 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before, | |
1058 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { | |
1059 | content: " "; | |
1060 | display: table; | |
1061 | } | |
1062 | .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { | |
1063 | clear: both; | |
1064 | } | |
1065 | .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { | |
1066 | padding: 10px; | |
1067 | } | |
1068 | .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 { | |
1069 | font-size: 14px; | |
1070 | padding: 0; | |
1071 | margin: 0 0 10px 0; | |
1072 | color: #666666; | |
1073 | } | |
1074 | .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { | |
1075 | padding: 0; | |
1076 | margin: 0; | |
1077 | } | |
1078 | .navbar-nav > .user-menu > .dropdown-menu { | |
1079 | border-top-right-radius: 0; | |
1080 | border-top-left-radius: 0; | |
1081 | padding: 1px 0 0 0; | |
1082 | border-top-width: 0; | |
1083 | width: 280px; | |
1084 | } | |
1085 | .navbar-nav > .user-menu > .dropdown-menu, | |
1086 | .navbar-nav > .user-menu > .dropdown-menu > .user-body { | |
1087 | border-bottom-right-radius: 4px; | |
1088 | border-bottom-left-radius: 4px; | |
1089 | } | |
1090 | .navbar-nav > .user-menu > .dropdown-menu > li.user-header { | |
1091 | height: 175px; | |
1092 | padding: 10px; | |
1093 | text-align: center; | |
1094 | } | |
1095 | .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { | |
1096 | z-index: 5; | |
1097 | height: 90px; | |
1098 | width: 90px; | |
1099 | border: 3px solid; | |
1100 | border-color: transparent; | |
1101 | border-color: rgba(255, 255, 255, 0.2); | |
1102 | } | |
1103 | .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { | |
1104 | z-index: 5; | |
1105 | color: #fff; | |
1106 | color: rgba(255, 255, 255, 0.8); | |
1107 | font-size: 17px; | |
1108 | margin-top: 10px; | |
1109 | } | |
1110 | .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small { | |
1111 | display: block; | |
1112 | font-size: 12px; | |
1113 | } | |
1114 | .navbar-nav > .user-menu > .dropdown-menu > .user-body { | |
1115 | padding: 15px; | |
1116 | border-bottom: 1px solid #f4f4f4; | |
1117 | border-top: 1px solid #dddddd; | |
1118 | } | |
1119 | .navbar-nav > .user-menu > .dropdown-menu > .user-body:before, | |
1120 | .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { | |
1121 | content: " "; | |
1122 | display: table; | |
1123 | } | |
1124 | .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { | |
1125 | clear: both; | |
1126 | } | |
1127 | .navbar-nav > .user-menu > .dropdown-menu > .user-body a { | |
1128 | color: #444 !important; | |
1129 | } | |
1130 | @media (max-width: 991px) { | |
1131 | .navbar-nav > .user-menu > .dropdown-menu > .user-body a { | |
1132 | background: #fff !important; | |
1133 | color: #444 !important; | |
1134 | } | |
1135 | } | |
1136 | .navbar-nav > .user-menu > .dropdown-menu > .user-footer { | |
1137 | background-color: #f9f9f9; | |
1138 | padding: 10px; | |
1139 | } | |
1140 | .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before, | |
1141 | .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { | |
1142 | content: " "; | |
1143 | display: table; | |
1144 | } | |
1145 | .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { | |
1146 | clear: both; | |
1147 | } | |
1148 | .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { | |
1149 | color: #666666; | |
1150 | } | |
1151 | @media (max-width: 991px) { | |
1152 | .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { | |
1153 | background-color: #f9f9f9; | |
1154 | } | |
1155 | } | |
1156 | .navbar-nav > .user-menu .user-image { | |
1157 | float: left; | |
1158 | width: 25px; | |
1159 | height: 25px; | |
1160 | border-radius: 50%; | |
1161 | margin-right: 10px; | |
1162 | margin-top: -2px; | |
1163 | } | |
1164 | @media (max-width: 767px) { | |
1165 | .navbar-nav > .user-menu .user-image { | |
1166 | float: none; | |
1167 | margin-right: 0; | |
1168 | margin-top: -8px; | |
1169 | line-height: 10px; | |
1170 | } | |
1171 | } | |
1172 | /* Add fade animation to dropdown menus by appending | |
1173 | the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ | |
1174 | .open:not(.dropup) > .animated-dropdown-menu { | |
1175 | backface-visibility: visible !important; | |
1176 | -webkit-animation: flipInX 0.7s both; | |
1177 | -o-animation: flipInX 0.7s both; | |
1178 | animation: flipInX 0.7s both; | |
1179 | } | |
1180 | @keyframes flipInX { | |
1181 | 0% { | |
1182 | transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
1183 | transition-timing-function: ease-in; | |
1184 | opacity: 0; | |
1185 | } | |
1186 | 40% { | |
1187 | transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
1188 | transition-timing-function: ease-in; | |
1189 | } | |
1190 | 60% { | |
1191 | transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | |
1192 | opacity: 1; | |
1193 | } | |
1194 | 80% { | |
1195 | transform: perspective(400px) rotate3d(1, 0, 0, -5deg); | |
1196 | } | |
1197 | 100% { | |
1198 | transform: perspective(400px); | |
1199 | } | |
1200 | } | |
1201 | @-webkit-keyframes flipInX { | |
1202 | 0% { | |
1203 | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
1204 | -webkit-transition-timing-function: ease-in; | |
1205 | opacity: 0; | |
1206 | } | |
1207 | 40% { | |
1208 | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
1209 | -webkit-transition-timing-function: ease-in; | |
1210 | } | |
1211 | 60% { | |
1212 | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | |
1213 | opacity: 1; | |
1214 | } | |
1215 | 80% { | |
1216 | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); | |
1217 | } | |
1218 | 100% { | |
1219 | -webkit-transform: perspective(400px); | |
1220 | } | |
1221 | } | |
1222 | /* Fix dropdown menu in navbars */ | |
1223 | .navbar-custom-menu > .navbar-nav > li { | |
1224 | position: relative; | |
1225 | } | |
1226 | .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { | |
1227 | position: absolute; | |
1228 | right: 0; | |
1229 | left: auto; | |
1230 | } | |
1231 | @media (max-width: 991px) { | |
1232 | .navbar-custom-menu > .navbar-nav { | |
1233 | float: right; | |
1234 | } | |
1235 | .navbar-custom-menu > .navbar-nav > li { | |
1236 | position: static; | |
1237 | } | |
1238 | .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { | |
1239 | position: absolute; | |
1240 | right: 5%; | |
1241 | left: auto; | |
1242 | border: 1px solid #ddd; | |
1243 | background: #fff; | |
1244 | } | |
1245 | } | |
1246 | /* | |
1247 | * Component: Form | |
1248 | * --------------- | |
1249 | */ | |
1250 | .form-control { | |
1251 | border-radius: 0; | |
1252 | box-shadow: none; | |
1253 | border-color: #d2d6de; | |
1254 | } | |
1255 | .form-control:focus { | |
1256 | border-color: #3c8dbc; | |
1257 | box-shadow: none; | |
1258 | } | |
1259 | .form-control::-moz-placeholder, | |
1260 | .form-control:-ms-input-placeholder, | |
1261 | .form-control::-webkit-input-placeholder { | |
1262 | color: #bbb; | |
1263 | opacity: 1; | |
1264 | } | |
1265 | .form-control:not(select) { | |
1266 | -webkit-appearance: none; | |
1267 | -moz-appearance: none; | |
1268 | appearance: none; | |
1269 | } | |
1270 | .form-group.has-success label { | |
1271 | color: #00a65a; | |
1272 | } | |
1273 | .form-group.has-success .form-control, | |
1274 | .form-group.has-success .input-group-addon { | |
1275 | border-color: #00a65a; | |
1276 | box-shadow: none; | |
1277 | } | |
1278 | .form-group.has-success .help-block { | |
1279 | color: #00a65a; | |
1280 | } | |
1281 | .form-group.has-warning label { | |
1282 | color: #f39c12; | |
1283 | } | |
1284 | .form-group.has-warning .form-control, | |
1285 | .form-group.has-warning .input-group-addon { | |
1286 | border-color: #f39c12; | |
1287 | box-shadow: none; | |
1288 | } | |
1289 | .form-group.has-warning .help-block { | |
1290 | color: #f39c12; | |
1291 | } | |
1292 | .form-group.has-error label { | |
1293 | color: #dd4b39; | |
1294 | } | |
1295 | .form-group.has-error .form-control, | |
1296 | .form-group.has-error .input-group-addon { | |
1297 | border-color: #dd4b39; | |
1298 | box-shadow: none; | |
1299 | } | |
1300 | .form-group.has-error .help-block { | |
1301 | color: #dd4b39; | |
1302 | } | |
1303 | /* Input group */ | |
1304 | .input-group .input-group-addon { | |
1305 | border-radius: 0; | |
1306 | border-color: #d2d6de; | |
1307 | background-color: #fff; | |
1308 | } | |
1309 | /* button groups */ | |
1310 | .btn-group-vertical .btn.btn-flat:first-of-type, | |
1311 | .btn-group-vertical .btn.btn-flat:last-of-type { | |
1312 | border-radius: 0; | |
1313 | } | |
1314 | .icheck > label { | |
1315 | padding-left: 0; | |
1316 | } | |
1317 | /* support Font Awesome icons in form-control */ | |
1318 | .form-control-feedback.fa { | |
1319 | line-height: 34px; | |
1320 | } | |
1321 | .input-lg + .form-control-feedback.fa, | |
1322 | .input-group-lg + .form-control-feedback.fa, | |
1323 | .form-group-lg .form-control + .form-control-feedback.fa { | |
1324 | line-height: 46px; | |
1325 | } | |
1326 | .input-sm + .form-control-feedback.fa, | |
1327 | .input-group-sm + .form-control-feedback.fa, | |
1328 | .form-group-sm .form-control + .form-control-feedback.fa { | |
1329 | line-height: 30px; | |
1330 | } | |
1331 | /* | |
1332 | * Component: Progress Bar | |
1333 | * ----------------------- | |
1334 | */ | |
1335 | .progress, | |
1336 | .progress > .progress-bar { | |
1337 | -webkit-box-shadow: none; | |
1338 | box-shadow: none; | |
1339 | } | |
1340 | .progress, | |
1341 | .progress > .progress-bar, | |
1342 | .progress .progress-bar, | |
1343 | .progress > .progress-bar .progress-bar { | |
1344 | border-radius: 1px; | |
1345 | } | |
1346 | /* size variation */ | |
1347 | .progress.sm, | |
1348 | .progress-sm { | |
1349 | height: 10px; | |
1350 | } | |
1351 | .progress.sm, | |
1352 | .progress-sm, | |
1353 | .progress.sm .progress-bar, | |
1354 | .progress-sm .progress-bar { | |
1355 | border-radius: 1px; | |
1356 | } | |
1357 | .progress.xs, | |
1358 | .progress-xs { | |
1359 | height: 7px; | |
1360 | } | |
1361 | .progress.xs, | |
1362 | .progress-xs, | |
1363 | .progress.xs .progress-bar, | |
1364 | .progress-xs .progress-bar { | |
1365 | border-radius: 1px; | |
1366 | } | |
1367 | .progress.xxs, | |
1368 | .progress-xxs { | |
1369 | height: 3px; | |
1370 | } | |
1371 | .progress.xxs, | |
1372 | .progress-xxs, | |
1373 | .progress.xxs .progress-bar, | |
1374 | .progress-xxs .progress-bar { | |
1375 | border-radius: 1px; | |
1376 | } | |
1377 | /* Vertical bars */ | |
1378 | .progress.vertical { | |
1379 | position: relative; | |
1380 | width: 30px; | |
1381 | height: 200px; | |
1382 | display: inline-block; | |
1383 | margin-right: 10px; | |
1384 | } | |
1385 | .progress.vertical > .progress-bar { | |
1386 | width: 100%; | |
1387 | position: absolute; | |
1388 | bottom: 0; | |
1389 | } | |
1390 | .progress.vertical.sm, | |
1391 | .progress.vertical.progress-sm { | |
1392 | width: 20px; | |
1393 | } | |
1394 | .progress.vertical.xs, | |
1395 | .progress.vertical.progress-xs { | |
1396 | width: 10px; | |
1397 | } | |
1398 | .progress.vertical.xxs, | |
1399 | .progress.vertical.progress-xxs { | |
1400 | width: 3px; | |
1401 | } | |
1402 | .progress-group .progress-text { | |
1403 | font-weight: 600; | |
1404 | } | |
1405 | .progress-group .progress-number { | |
1406 | float: right; | |
1407 | } | |
1408 | /* Remove margins from progress bars when put in a table */ | |
1409 | .table tr > td .progress { | |
1410 | margin: 0; | |
1411 | } | |
1412 | .progress-bar-light-blue, | |
1413 | .progress-bar-primary { | |
1414 | background-color: #3c8dbc; | |
1415 | } | |
1416 | .progress-striped .progress-bar-light-blue, | |
1417 | .progress-striped .progress-bar-primary { | |
1418 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1419 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1420 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1421 | } | |
1422 | .progress-bar-green, | |
1423 | .progress-bar-success { | |
1424 | background-color: #00a65a; | |
1425 | } | |
1426 | .progress-striped .progress-bar-green, | |
1427 | .progress-striped .progress-bar-success { | |
1428 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1429 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1430 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1431 | } | |
1432 | .progress-bar-aqua, | |
1433 | .progress-bar-info { | |
1434 | background-color: #00c0ef; | |
1435 | } | |
1436 | .progress-striped .progress-bar-aqua, | |
1437 | .progress-striped .progress-bar-info { | |
1438 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1439 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1440 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1441 | } | |
1442 | .progress-bar-yellow, | |
1443 | .progress-bar-warning { | |
1444 | background-color: #f39c12; | |
1445 | } | |
1446 | .progress-striped .progress-bar-yellow, | |
1447 | .progress-striped .progress-bar-warning { | |
1448 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1449 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1450 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1451 | } | |
1452 | .progress-bar-red, | |
1453 | .progress-bar-danger { | |
1454 | background-color: #dd4b39; | |
1455 | } | |
1456 | .progress-striped .progress-bar-red, | |
1457 | .progress-striped .progress-bar-danger { | |
1458 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1459 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1460 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
1461 | } | |
1462 | /* | |
1463 | * Component: Small Box | |
1464 | * -------------------- | |
1465 | */ | |
1466 | .small-box { | |
1467 | border-radius: 2px; | |
1468 | position: relative; | |
1469 | display: block; | |
1470 | margin-bottom: 20px; | |
1471 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
1472 | } | |
1473 | .small-box > .inner { | |
1474 | padding: 10px; | |
1475 | } | |
1476 | .small-box > .small-box-footer { | |
1477 | position: relative; | |
1478 | text-align: center; | |
1479 | padding: 3px 0; | |
1480 | color: #fff; | |
1481 | color: rgba(255, 255, 255, 0.8); | |
1482 | display: block; | |
1483 | z-index: 10; | |
1484 | background: rgba(0, 0, 0, 0.1); | |
1485 | text-decoration: none; | |
1486 | } | |
1487 | .small-box > .small-box-footer:hover { | |
1488 | color: #fff; | |
1489 | background: rgba(0, 0, 0, 0.15); | |
1490 | } | |
1491 | .small-box h3 { | |
1492 | font-size: 38px; | |
1493 | font-weight: bold; | |
1494 | margin: 0 0 10px 0; | |
1495 | white-space: nowrap; | |
1496 | padding: 0; | |
1497 | } | |
1498 | .small-box p { | |
1499 | font-size: 15px; | |
1500 | } | |
1501 | .small-box p > small { | |
1502 | display: block; | |
1503 | color: #f9f9f9; | |
1504 | font-size: 13px; | |
1505 | margin-top: 5px; | |
1506 | } | |
1507 | .small-box h3, | |
1508 | .small-box p { | |
1509 | z-index: 5; | |
1510 | } | |
1511 | .small-box .icon { | |
1512 | -webkit-transition: all 0.3s linear; | |
1513 | -o-transition: all 0.3s linear; | |
1514 | transition: all 0.3s linear; | |
1515 | position: absolute; | |
1516 | top: -10px; | |
1517 | right: 10px; | |
1518 | z-index: 0; | |
1519 | font-size: 90px; | |
1520 | color: rgba(0, 0, 0, 0.15); | |
1521 | } | |
1522 | .small-box:hover { | |
1523 | text-decoration: none; | |
1524 | color: #f9f9f9; | |
1525 | } | |
1526 | .small-box:hover .icon { | |
1527 | font-size: 95px; | |
1528 | } | |
1529 | @media (max-width: 767px) { | |
1530 | .small-box { | |
1531 | text-align: center; | |
1532 | } | |
1533 | .small-box .icon { | |
1534 | display: none; | |
1535 | } | |
1536 | .small-box p { | |
1537 | font-size: 12px; | |
1538 | } | |
1539 | } | |
1540 | /* | |
1541 | * Component: Box | |
1542 | * -------------- | |
1543 | */ | |
1544 | .box { | |
1545 | position: relative; | |
1546 | border-radius: 3px; | |
1547 | background: #ffffff; | |
1548 | border-top: 3px solid #d2d6de; | |
1549 | margin-bottom: 20px; | |
1550 | width: 100%; | |
1551 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
1552 | } | |
1553 | .box.box-primary { | |
1554 | border-top-color: #3c8dbc; | |
1555 | } | |
1556 | .box.box-info { | |
1557 | border-top-color: #00c0ef; | |
1558 | } | |
1559 | .box.box-danger { | |
1560 | border-top-color: #dd4b39; | |
1561 | } | |
1562 | .box.box-warning { | |
1563 | border-top-color: #f39c12; | |
1564 | } | |
1565 | .box.box-success { | |
1566 | border-top-color: #00a65a; | |
1567 | } | |
1568 | .box.box-default { | |
1569 | border-top-color: #d2d6de; | |
1570 | } | |
1571 | .box.collapsed-box .box-body, | |
1572 | .box.collapsed-box .box-footer { | |
1573 | display: none; | |
1574 | } | |
1575 | .box .nav-stacked > li { | |
1576 | border-bottom: 1px solid #f4f4f4; | |
1577 | margin: 0; | |
1578 | } | |
1579 | .box .nav-stacked > li:last-of-type { | |
1580 | border-bottom: none; | |
1581 | } | |
1582 | .box.height-control .box-body { | |
1583 | max-height: 300px; | |
1584 | overflow: auto; | |
1585 | } | |
1586 | .box .border-right { | |
1587 | border-right: 1px solid #f4f4f4; | |
1588 | } | |
1589 | .box .border-left { | |
1590 | border-left: 1px solid #f4f4f4; | |
1591 | } | |
1592 | .box.box-solid { | |
1593 | border-top: 0; | |
1594 | } | |
1595 | .box.box-solid > .box-header .btn.btn-default { | |
1596 | background: transparent; | |
1597 | } | |
1598 | .box.box-solid > .box-header .btn:hover, | |
1599 | .box.box-solid > .box-header a:hover { | |
1600 | background: rgba(0, 0, 0, 0.1); | |
1601 | } | |
1602 | .box.box-solid.box-default { | |
1603 | border: 1px solid #d2d6de; | |
1604 | } | |
1605 | .box.box-solid.box-default > .box-header { | |
1606 | color: #444444; | |
1607 | background: #d2d6de; | |
1608 | background-color: #d2d6de; | |
1609 | } | |
1610 | .box.box-solid.box-default > .box-header a, | |
1611 | .box.box-solid.box-default > .box-header .btn { | |
1612 | color: #444444; | |
1613 | } | |
1614 | .box.box-solid.box-primary { | |
1615 | border: 1px solid #3c8dbc; | |
1616 | } | |
1617 | .box.box-solid.box-primary > .box-header { | |
1618 | color: #ffffff; | |
1619 | background: #3c8dbc; | |
1620 | background-color: #3c8dbc; | |
1621 | } | |
1622 | .box.box-solid.box-primary > .box-header a, | |
1623 | .box.box-solid.box-primary > .box-header .btn { | |
1624 | color: #ffffff; | |
1625 | } | |
1626 | .box.box-solid.box-info { | |
1627 | border: 1px solid #00c0ef; | |
1628 | } | |
1629 | .box.box-solid.box-info > .box-header { | |
1630 | color: #ffffff; | |
1631 | background: #00c0ef; | |
1632 | background-color: #00c0ef; | |
1633 | } | |
1634 | .box.box-solid.box-info > .box-header a, | |
1635 | .box.box-solid.box-info > .box-header .btn { | |
1636 | color: #ffffff; | |
1637 | } | |
1638 | .box.box-solid.box-danger { | |
1639 | border: 1px solid #dd4b39; | |
1640 | } | |
1641 | .box.box-solid.box-danger > .box-header { | |
1642 | color: #ffffff; | |
1643 | background: #dd4b39; | |
1644 | background-color: #dd4b39; | |
1645 | } | |
1646 | .box.box-solid.box-danger > .box-header a, | |
1647 | .box.box-solid.box-danger > .box-header .btn { | |
1648 | color: #ffffff; | |
1649 | } | |
1650 | .box.box-solid.box-warning { | |
1651 | border: 1px solid #f39c12; | |
1652 | } | |
1653 | .box.box-solid.box-warning > .box-header { | |
1654 | color: #ffffff; | |
1655 | background: #f39c12; | |
1656 | background-color: #f39c12; | |
1657 | } | |
1658 | .box.box-solid.box-warning > .box-header a, | |
1659 | .box.box-solid.box-warning > .box-header .btn { | |
1660 | color: #ffffff; | |
1661 | } | |
1662 | .box.box-solid.box-success { | |
1663 | border: 1px solid #00a65a; | |
1664 | } | |
1665 | .box.box-solid.box-success > .box-header { | |
1666 | color: #ffffff; | |
1667 | background: #00a65a; | |
1668 | background-color: #00a65a; | |
1669 | } | |
1670 | .box.box-solid.box-success > .box-header a, | |
1671 | .box.box-solid.box-success > .box-header .btn { | |
1672 | color: #ffffff; | |
1673 | } | |
1674 | .box.box-solid > .box-header > .box-tools .btn { | |
1675 | border: 0; | |
1676 | box-shadow: none; | |
1677 | } | |
1678 | .box.box-solid[class*='bg'] > .box-header { | |
1679 | color: #fff; | |
1680 | } | |
1681 | .box .box-group > .box { | |
1682 | margin-bottom: 5px; | |
1683 | } | |
1684 | .box .knob-label { | |
1685 | text-align: center; | |
1686 | color: #333; | |
1687 | font-weight: 100; | |
1688 | font-size: 12px; | |
1689 | margin-bottom: 0.3em; | |
1690 | } | |
1691 | .box > .overlay, | |
1692 | .overlay-wrapper > .overlay, | |
1693 | .box > .loading-img, | |
1694 | .overlay-wrapper > .loading-img { | |
1695 | position: absolute; | |
1696 | top: 0; | |
1697 | left: 0; | |
1698 | width: 100%; | |
1699 | height: 100%; | |
1700 | } | |
1701 | .box .overlay, | |
1702 | .overlay-wrapper .overlay { | |
1703 | z-index: 50; | |
1704 | background: rgba(255, 255, 255, 0.7); | |
1705 | border-radius: 3px; | |
1706 | } | |
1707 | .box .overlay > .fa, | |
1708 | .overlay-wrapper .overlay > .fa { | |
1709 | position: absolute; | |
1710 | top: 50%; | |
1711 | left: 50%; | |
1712 | margin-left: -15px; | |
1713 | margin-top: -15px; | |
1714 | color: #000; | |
1715 | font-size: 30px; | |
1716 | } | |
1717 | .box .overlay.dark, | |
1718 | .overlay-wrapper .overlay.dark { | |
1719 | background: rgba(0, 0, 0, 0.5); | |
1720 | } | |
1721 | .box-header:before, | |
1722 | .box-body:before, | |
1723 | .box-footer:before, | |
1724 | .box-header:after, | |
1725 | .box-body:after, | |
1726 | .box-footer:after { | |
1727 | content: " "; | |
1728 | display: table; | |
1729 | } | |
1730 | .box-header:after, | |
1731 | .box-body:after, | |
1732 | .box-footer:after { | |
1733 | clear: both; | |
1734 | } | |
1735 | .box-header { | |
1736 | color: #444; | |
1737 | display: block; | |
1738 | padding: 10px; | |
1739 | position: relative; | |
1740 | } | |
1741 | .box-header.with-border { | |
1742 | border-bottom: 1px solid #f4f4f4; | |
1743 | } | |
1744 | .collapsed-box .box-header.with-border { | |
1745 | border-bottom: none; | |
1746 | } | |
1747 | .box-header > .fa, | |
1748 | .box-header > .glyphicon, | |
1749 | .box-header > .ion, | |
1750 | .box-header .box-title { | |
1751 | display: inline-block; | |
1752 | font-size: 18px; | |
1753 | margin: 0; | |
1754 | line-height: 1; | |
1755 | } | |
1756 | .box-header > .fa, | |
1757 | .box-header > .glyphicon, | |
1758 | .box-header > .ion { | |
1759 | margin-right: 5px; | |
1760 | } | |
1761 | .box-header > .box-tools { | |
1762 | position: absolute; | |
1763 | right: 10px; | |
1764 | top: 5px; | |
1765 | } | |
1766 | .box-header > .box-tools [data-toggle="tooltip"] { | |
1767 | position: relative; | |
1768 | } | |
1769 | .box-header > .box-tools.pull-right .dropdown-menu { | |
1770 | right: 0; | |
1771 | left: auto; | |
1772 | } | |
1773 | .btn-box-tool { | |
1774 | padding: 5px; | |
1775 | font-size: 12px; | |
1776 | background: transparent; | |
1777 | color: #97a0b3; | |
1778 | } | |
1779 | .open .btn-box-tool, | |
1780 | .btn-box-tool:hover { | |
1781 | color: #606c84; | |
1782 | } | |
1783 | .btn-box-tool.btn:active { | |
1784 | box-shadow: none; | |
1785 | } | |
1786 | .box-body { | |
1787 | border-top-left-radius: 0; | |
1788 | border-top-right-radius: 0; | |
1789 | border-bottom-right-radius: 3px; | |
1790 | border-bottom-left-radius: 3px; | |
1791 | padding: 10px; | |
1792 | } | |
1793 | .no-header .box-body { | |
1794 | border-top-right-radius: 3px; | |
1795 | border-top-left-radius: 3px; | |
1796 | } | |
1797 | .box-body > .table { | |
1798 | margin-bottom: 0; | |
1799 | } | |
1800 | .box-body .fc { | |
1801 | margin-top: 5px; | |
1802 | } | |
1803 | .box-body .full-width-chart { | |
1804 | margin: -19px; | |
1805 | } | |
1806 | .box-body.no-padding .full-width-chart { | |
1807 | margin: -9px; | |
1808 | } | |
1809 | .box-body .box-pane { | |
1810 | border-top-left-radius: 0; | |
1811 | border-top-right-radius: 0; | |
1812 | border-bottom-right-radius: 0; | |
1813 | border-bottom-left-radius: 3px; | |
1814 | } | |
1815 | .box-body .box-pane-right { | |
1816 | border-top-left-radius: 0; | |
1817 | border-top-right-radius: 0; | |
1818 | border-bottom-right-radius: 3px; | |
1819 | border-bottom-left-radius: 0; | |
1820 | } | |
1821 | .box-footer { | |
1822 | border-top-left-radius: 0; | |
1823 | border-top-right-radius: 0; | |
1824 | border-bottom-right-radius: 3px; | |
1825 | border-bottom-left-radius: 3px; | |
1826 | border-top: 1px solid #f4f4f4; | |
1827 | padding: 10px; | |
1828 | background-color: #ffffff; | |
1829 | } | |
1830 | .chart-legend { | |
1831 | margin: 10px 0; | |
1832 | } | |
1833 | @media (max-width: 991px) { | |
1834 | .chart-legend > li { | |
1835 | float: left; | |
1836 | margin-right: 10px; | |
1837 | } | |
1838 | } | |
1839 | .box-comments { | |
1840 | background: #f7f7f7; | |
1841 | } | |
1842 | .box-comments .box-comment { | |
1843 | padding: 8px 0; | |
1844 | border-bottom: 1px solid #eee; | |
1845 | } | |
1846 | .box-comments .box-comment:before, | |
1847 | .box-comments .box-comment:after { | |
1848 | content: " "; | |
1849 | display: table; | |
1850 | } | |
1851 | .box-comments .box-comment:after { | |
1852 | clear: both; | |
1853 | } | |
1854 | .box-comments .box-comment:last-of-type { | |
1855 | border-bottom: 0; | |
1856 | } | |
1857 | .box-comments .box-comment:first-of-type { | |
1858 | padding-top: 0; | |
1859 | } | |
1860 | .box-comments .box-comment img { | |
1861 | float: left; | |
1862 | } | |
1863 | .box-comments .comment-text { | |
1864 | margin-left: 40px; | |
1865 | color: #555; | |
1866 | } | |
1867 | .box-comments .username { | |
1868 | color: #444; | |
1869 | display: block; | |
1870 | font-weight: 600; | |
1871 | } | |
1872 | .box-comments .text-muted { | |
1873 | font-weight: 400; | |
1874 | font-size: 12px; | |
1875 | } | |
1876 | /* Widget: TODO LIST */ | |
1877 | .todo-list { | |
1878 | margin: 0; | |
1879 | padding: 0; | |
1880 | list-style: none; | |
1881 | overflow: auto; | |
1882 | } | |
1883 | .todo-list > li { | |
1884 | border-radius: 2px; | |
1885 | padding: 10px; | |
1886 | background: #f4f4f4; | |
1887 | margin-bottom: 2px; | |
1888 | border-left: 2px solid #e6e7e8; | |
1889 | color: #444; | |
1890 | } | |
1891 | .todo-list > li:last-of-type { | |
1892 | margin-bottom: 0; | |
1893 | } | |
1894 | .todo-list > li > input[type='checkbox'] { | |
1895 | margin: 0 10px 0 5px; | |
1896 | } | |
1897 | .todo-list > li .text { | |
1898 | display: inline-block; | |
1899 | margin-left: 5px; | |
1900 | font-weight: 600; | |
1901 | } | |
1902 | .todo-list > li .label { | |
1903 | margin-left: 10px; | |
1904 | font-size: 9px; | |
1905 | } | |
1906 | .todo-list > li .tools { | |
1907 | display: none; | |
1908 | float: right; | |
1909 | color: #dd4b39; | |
1910 | } | |
1911 | .todo-list > li .tools > .fa, | |
1912 | .todo-list > li .tools > .glyphicon, | |
1913 | .todo-list > li .tools > .ion { | |
1914 | margin-right: 5px; | |
1915 | cursor: pointer; | |
1916 | } | |
1917 | .todo-list > li:hover .tools { | |
1918 | display: inline-block; | |
1919 | } | |
1920 | .todo-list > li.done { | |
1921 | color: #999; | |
1922 | } | |
1923 | .todo-list > li.done .text { | |
1924 | text-decoration: line-through; | |
1925 | font-weight: 500; | |
1926 | } | |
1927 | .todo-list > li.done .label { | |
1928 | background: #d2d6de !important; | |
1929 | } | |
1930 | .todo-list .danger { | |
1931 | border-left-color: #dd4b39; | |
1932 | } | |
1933 | .todo-list .warning { | |
1934 | border-left-color: #f39c12; | |
1935 | } | |
1936 | .todo-list .info { | |
1937 | border-left-color: #00c0ef; | |
1938 | } | |
1939 | .todo-list .success { | |
1940 | border-left-color: #00a65a; | |
1941 | } | |
1942 | .todo-list .primary { | |
1943 | border-left-color: #3c8dbc; | |
1944 | } | |
1945 | .todo-list .handle { | |
1946 | display: inline-block; | |
1947 | cursor: move; | |
1948 | margin: 0 5px; | |
1949 | } | |
1950 | /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/ | |
1951 | .chat { | |
1952 | padding: 5px 20px 5px 10px; | |
1953 | } | |
1954 | .chat .item { | |
1955 | margin-bottom: 10px; | |
1956 | } | |
1957 | .chat .item:before, | |
1958 | .chat .item:after { | |
1959 | content: " "; | |
1960 | display: table; | |
1961 | } | |
1962 | .chat .item:after { | |
1963 | clear: both; | |
1964 | } | |
1965 | .chat .item > img { | |
1966 | width: 40px; | |
1967 | height: 40px; | |
1968 | border: 2px solid transparent; | |
1969 | border-radius: 50%; | |
1970 | } | |
1971 | .chat .item > .online { | |
1972 | border: 2px solid #00a65a; | |
1973 | } | |
1974 | .chat .item > .offline { | |
1975 | border: 2px solid #dd4b39; | |
1976 | } | |
1977 | .chat .item > .message { | |
1978 | margin-left: 55px; | |
1979 | margin-top: -40px; | |
1980 | } | |
1981 | .chat .item > .message > .name { | |
1982 | display: block; | |
1983 | font-weight: 600; | |
1984 | } | |
1985 | .chat .item > .attachment { | |
1986 | border-radius: 3px; | |
1987 | background: #f4f4f4; | |
1988 | margin-left: 65px; | |
1989 | margin-right: 15px; | |
1990 | padding: 10px; | |
1991 | } | |
1992 | .chat .item > .attachment > h4 { | |
1993 | margin: 0 0 5px 0; | |
1994 | font-weight: 600; | |
1995 | font-size: 14px; | |
1996 | } | |
1997 | .chat .item > .attachment > p, | |
1998 | .chat .item > .attachment > .filename { | |
1999 | font-weight: 600; | |
2000 | font-size: 13px; | |
2001 | font-style: italic; | |
2002 | margin: 0; | |
2003 | } | |
2004 | .chat .item > .attachment:before, | |
2005 | .chat .item > .attachment:after { | |
2006 | content: " "; | |
2007 | display: table; | |
2008 | } | |
2009 | .chat .item > .attachment:after { | |
2010 | clear: both; | |
2011 | } | |
2012 | .box-input { | |
2013 | max-width: 200px; | |
2014 | } | |
2015 | .modal .panel-body { | |
2016 | color: #444; | |
2017 | } | |
2018 | /* | |
2019 | * Component: Info Box | |
2020 | * ------------------- | |
2021 | */ | |
2022 | .info-box { | |
2023 | display: block; | |
2024 | min-height: 90px; | |
2025 | background: #fff; | |
2026 | width: 100%; | |
2027 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
2028 | border-radius: 2px; | |
2029 | margin-bottom: 15px; | |
2030 | } | |
2031 | .info-box small { | |
2032 | font-size: 14px; | |
2033 | } | |
2034 | .info-box .progress { | |
2035 | background: rgba(0, 0, 0, 0.2); | |
2036 | margin: 5px -10px 5px -10px; | |
2037 | height: 2px; | |
2038 | } | |
2039 | .info-box .progress, | |
2040 | .info-box .progress .progress-bar { | |
2041 | border-radius: 0; | |
2042 | } | |
2043 | .info-box .progress .progress-bar { | |
2044 | background: #fff; | |
2045 | } | |
2046 | .info-box-icon { | |
2047 | border-top-left-radius: 2px; | |
2048 | border-top-right-radius: 0; | |
2049 | border-bottom-right-radius: 0; | |
2050 | border-bottom-left-radius: 2px; | |
2051 | display: block; | |
2052 | float: left; | |
2053 | height: 90px; | |
2054 | width: 90px; | |
2055 | text-align: center; | |
2056 | font-size: 45px; | |
2057 | line-height: 90px; | |
2058 | background: rgba(0, 0, 0, 0.2); | |
2059 | } | |
2060 | .info-box-icon > img { | |
2061 | max-width: 100%; | |
2062 | } | |
2063 | .info-box-content { | |
2064 | padding: 5px 10px; | |
2065 | margin-left: 90px; | |
2066 | } | |
2067 | .info-box-number { | |
2068 | display: block; | |
2069 | font-weight: bold; | |
2070 | font-size: 18px; | |
2071 | } | |
2072 | .progress-description, | |
2073 | .info-box-text { | |
2074 | display: block; | |
2075 | font-size: 14px; | |
2076 | white-space: nowrap; | |
2077 | overflow: hidden; | |
2078 | text-overflow: ellipsis; | |
2079 | } | |
2080 | .info-box-text { | |
2081 | text-transform: uppercase; | |
2082 | } | |
2083 | .info-box-more { | |
2084 | display: block; | |
2085 | } | |
2086 | .progress-description { | |
2087 | margin: 0; | |
2088 | } | |
2089 | /* | |
2090 | * Component: Timeline | |
2091 | * ------------------- | |
2092 | */ | |
2093 | .timeline { | |
2094 | position: relative; | |
2095 | margin: 0 0 30px 0; | |
2096 | padding: 0; | |
2097 | list-style: none; | |
2098 | } | |
2099 | .timeline:before { | |
2100 | content: ''; | |
2101 | position: absolute; | |
2102 | top: 0; | |
2103 | bottom: 0; | |
2104 | width: 4px; | |
2105 | background: #ddd; | |
2106 | left: 31px; | |
2107 | margin: 0; | |
2108 | border-radius: 2px; | |
2109 | } | |
2110 | .timeline > li { | |
2111 | position: relative; | |
2112 | margin-right: 10px; | |
2113 | margin-bottom: 15px; | |
2114 | } | |
2115 | .timeline > li:before, | |
2116 | .timeline > li:after { | |
2117 | content: " "; | |
2118 | display: table; | |
2119 | } | |
2120 | .timeline > li:after { | |
2121 | clear: both; | |
2122 | } | |
2123 | .timeline > li > .timeline-item { | |
2124 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
2125 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
2126 | border-radius: 3px; | |
2127 | margin-top: 0; | |
2128 | background: #fff; | |
2129 | color: #444; | |
2130 | margin-left: 60px; | |
2131 | margin-right: 15px; | |
2132 | padding: 0; | |
2133 | position: relative; | |
2134 | } | |
2135 | .timeline > li > .timeline-item > .time { | |
2136 | color: #999; | |
2137 | float: right; | |
2138 | padding: 10px; | |
2139 | font-size: 12px; | |
2140 | } | |
2141 | .timeline > li > .timeline-item > .timeline-header { | |
2142 | margin: 0; | |
2143 | color: #555; | |
2144 | border-bottom: 1px solid #f4f4f4; | |
2145 | padding: 10px; | |
2146 | font-size: 16px; | |
2147 | line-height: 1.1; | |
2148 | } | |
2149 | .timeline > li > .timeline-item > .timeline-header > a { | |
2150 | font-weight: 600; | |
2151 | } | |
2152 | .timeline > li > .timeline-item > .timeline-body, | |
2153 | .timeline > li > .timeline-item > .timeline-footer { | |
2154 | padding: 10px; | |
2155 | } | |
2156 | .timeline > li > .fa, | |
2157 | .timeline > li > .glyphicon, | |
2158 | .timeline > li > .ion { | |
2159 | width: 30px; | |
2160 | height: 30px; | |
2161 | font-size: 15px; | |
2162 | line-height: 30px; | |
2163 | position: absolute; | |
2164 | color: #666; | |
2165 | background: #d2d6de; | |
2166 | border-radius: 50%; | |
2167 | text-align: center; | |
2168 | left: 18px; | |
2169 | top: 0; | |
2170 | } | |
2171 | .timeline > .time-label > span { | |
2172 | font-weight: 600; | |
2173 | padding: 5px; | |
2174 | display: inline-block; | |
2175 | background-color: #fff; | |
2176 | border-radius: 4px; | |
2177 | } | |
2178 | .timeline-inverse > li > .timeline-item { | |
2179 | background: #f0f0f0; | |
2180 | border: 1px solid #ddd; | |
2181 | -webkit-box-shadow: none; | |
2182 | box-shadow: none; | |
2183 | } | |
2184 | .timeline-inverse > li > .timeline-item > .timeline-header { | |
2185 | border-bottom-color: #ddd; | |
2186 | } | |
2187 | /* | |
2188 | * Component: Button | |
2189 | * ----------------- | |
2190 | */ | |
2191 | .btn { | |
2192 | border-radius: 3px; | |
2193 | -webkit-box-shadow: none; | |
2194 | box-shadow: none; | |
2195 | border: 1px solid transparent; | |
2196 | } | |
2197 | .btn.uppercase { | |
2198 | text-transform: uppercase; | |
2199 | } | |
2200 | .btn.btn-flat { | |
2201 | border-radius: 0; | |
2202 | -webkit-box-shadow: none; | |
2203 | -moz-box-shadow: none; | |
2204 | box-shadow: none; | |
2205 | border-width: 1px; | |
2206 | } | |
2207 | .btn:active { | |
2208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
2209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
2210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
2211 | } | |
2212 | .btn:focus { | |
2213 | outline: none; | |
2214 | } | |
2215 | .btn.btn-file { | |
2216 | position: relative; | |
2217 | overflow: hidden; | |
2218 | } | |
2219 | .btn.btn-file > input[type='file'] { | |
2220 | position: absolute; | |
2221 | top: 0; | |
2222 | right: 0; | |
2223 | min-width: 100%; | |
2224 | min-height: 100%; | |
2225 | font-size: 100px; | |
2226 | text-align: right; | |
2227 | opacity: 0; | |
2228 | filter: alpha(opacity=0); | |
2229 | outline: none; | |
2230 | background: white; | |
2231 | cursor: inherit; | |
2232 | display: block; | |
2233 | } | |
2234 | .btn-default { | |
2235 | background-color: #f4f4f4; | |
2236 | color: #444; | |
2237 | border-color: #ddd; | |
2238 | } | |
2239 | .btn-default:hover, | |
2240 | .btn-default:active, | |
2241 | .btn-default.hover { | |
2242 | background-color: #e7e7e7; | |
2243 | } | |
2244 | .btn-primary { | |
2245 | background-color: #3c8dbc; | |
2246 | border-color: #367fa9; | |
2247 | } | |
2248 | .btn-primary:hover, | |
2249 | .btn-primary:active, | |
2250 | .btn-primary.hover { | |
2251 | background-color: #367fa9; | |
2252 | } | |
2253 | .btn-success { | |
2254 | background-color: #00a65a; | |
2255 | border-color: #008d4c; | |
2256 | } | |
2257 | .btn-success:hover, | |
2258 | .btn-success:active, | |
2259 | .btn-success.hover { | |
2260 | background-color: #008d4c; | |
2261 | } | |
2262 | .btn-info { | |
2263 | background-color: #00c0ef; | |
2264 | border-color: #00acd6; | |
2265 | } | |
2266 | .btn-info:hover, | |
2267 | .btn-info:active, | |
2268 | .btn-info.hover { | |
2269 | background-color: #00acd6; | |
2270 | } | |
2271 | .btn-danger { | |
2272 | background-color: #dd4b39; | |
2273 | border-color: #d73925; | |
2274 | } | |
2275 | .btn-danger:hover, | |
2276 | .btn-danger:active, | |
2277 | .btn-danger.hover { | |
2278 | background-color: #d73925; | |
2279 | } | |
2280 | .btn-warning { | |
2281 | background-color: #f39c12; | |
2282 | border-color: #e08e0b; | |
2283 | } | |
2284 | .btn-warning:hover, | |
2285 | .btn-warning:active, | |
2286 | .btn-warning.hover { | |
2287 | background-color: #e08e0b; | |
2288 | } | |
2289 | .btn-outline { | |
2290 | border: 1px solid #fff; | |
2291 | background: transparent; | |
2292 | color: #fff; | |
2293 | } | |
2294 | .btn-outline:hover, | |
2295 | .btn-outline:focus, | |
2296 | .btn-outline:active { | |
2297 | color: rgba(255, 255, 255, 0.7); | |
2298 | border-color: rgba(255, 255, 255, 0.7); | |
2299 | } | |
2300 | .btn-link { | |
2301 | -webkit-box-shadow: none; | |
2302 | box-shadow: none; | |
2303 | } | |
2304 | .btn[class*='bg-']:hover { | |
2305 | -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); | |
2306 | box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); | |
2307 | } | |
2308 | .btn-app { | |
2309 | border-radius: 3px; | |
2310 | position: relative; | |
2311 | padding: 15px 5px; | |
2312 | margin: 0 0 10px 10px; | |
2313 | min-width: 80px; | |
2314 | height: 60px; | |
2315 | text-align: center; | |
2316 | color: #666; | |
2317 | border: 1px solid #ddd; | |
2318 | background-color: #f4f4f4; | |
2319 | font-size: 12px; | |
2320 | } | |
2321 | .btn-app > .fa, | |
2322 | .btn-app > .glyphicon, | |
2323 | .btn-app > .ion { | |
2324 | font-size: 20px; | |
2325 | display: block; | |
2326 | } | |
2327 | .btn-app:hover { | |
2328 | background: #f4f4f4; | |
2329 | color: #444; | |
2330 | border-color: #aaa; | |
2331 | } | |
2332 | .btn-app:active, | |
2333 | .btn-app:focus { | |
2334 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
2335 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
2336 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
2337 | } | |
2338 | .btn-app > .badge { | |
2339 | position: absolute; | |
2340 | top: -3px; | |
2341 | right: -10px; | |
2342 | font-size: 10px; | |
2343 | font-weight: 400; | |
2344 | } | |
2345 | /* | |
2346 | * Component: Callout | |
2347 | * ------------------ | |
2348 | */ | |
2349 | .callout { | |
2350 | border-radius: 3px; | |
2351 | margin: 0 0 20px 0; | |
2352 | padding: 15px 30px 15px 15px; | |
2353 | border-left: 5px solid #eee; | |
2354 | } | |
2355 | .callout a { | |
2356 | color: #fff; | |
2357 | text-decoration: underline; | |
2358 | } | |
2359 | .callout a:hover { | |
2360 | color: #eee; | |
2361 | } | |
2362 | .callout h4 { | |
2363 | margin-top: 0; | |
2364 | font-weight: 600; | |
2365 | } | |
2366 | .callout p:last-child { | |
2367 | margin-bottom: 0; | |
2368 | } | |
2369 | .callout code, | |
2370 | .callout .highlight { | |
2371 | background-color: #fff; | |
2372 | } | |
2373 | .callout.callout-danger { | |
2374 | border-color: #c23321; | |
2375 | } | |
2376 | .callout.callout-warning { | |
2377 | border-color: #c87f0a; | |
2378 | } | |
2379 | .callout.callout-info { | |
2380 | border-color: #0097bc; | |
2381 | } | |
2382 | .callout.callout-success { | |
2383 | border-color: #00733e; | |
2384 | } | |
2385 | /* | |
2386 | * Component: alert | |
2387 | * ---------------- | |
2388 | */ | |
2389 | .alert { | |
2390 | border-radius: 3px; | |
2391 | } | |
2392 | .alert h4 { | |
2393 | font-weight: 600; | |
2394 | } | |
2395 | .alert .icon { | |
2396 | margin-right: 10px; | |
2397 | } | |
2398 | .alert .close { | |
2399 | color: #000; | |
2400 | opacity: 0.2; | |
2401 | filter: alpha(opacity=20); | |
2402 | } | |
2403 | .alert .close:hover { | |
2404 | opacity: 0.5; | |
2405 | filter: alpha(opacity=50); | |
2406 | } | |
2407 | .alert a { | |
2408 | color: #fff; | |
2409 | text-decoration: underline; | |
2410 | } | |
2411 | .alert-success { | |
2412 | border-color: #008d4c; | |
2413 | } | |
2414 | .alert-danger, | |
2415 | .alert-error { | |
2416 | border-color: #d73925; | |
2417 | } | |
2418 | .alert-warning { | |
2419 | border-color: #e08e0b; | |
2420 | } | |
2421 | .alert-info { | |
2422 | border-color: #00acd6; | |
2423 | } | |
2424 | /* | |
2425 | * Component: Nav | |
2426 | * -------------- | |
2427 | */ | |
2428 | .nav > li > a:hover, | |
2429 | .nav > li > a:active, | |
2430 | .nav > li > a:focus { | |
2431 | color: #444; | |
2432 | background: #f7f7f7; | |
2433 | } | |
2434 | /* NAV PILLS */ | |
2435 | .nav-pills > li > a { | |
2436 | border-radius: 0; | |
2437 | border-top: 3px solid transparent; | |
2438 | color: #444; | |
2439 | } | |
2440 | .nav-pills > li > a > .fa, | |
2441 | .nav-pills > li > a > .glyphicon, | |
2442 | .nav-pills > li > a > .ion { | |
2443 | margin-right: 5px; | |
2444 | } | |
2445 | .nav-pills > li.active > a, | |
2446 | .nav-pills > li.active > a:hover, | |
2447 | .nav-pills > li.active > a:focus { | |
2448 | border-top-color: #3c8dbc; | |
2449 | } | |
2450 | .nav-pills > li.active > a { | |
2451 | font-weight: 600; | |
2452 | } | |
2453 | /* NAV STACKED */ | |
2454 | .nav-stacked > li > a { | |
2455 | border-radius: 0; | |
2456 | border-top: 0; | |
2457 | border-left: 3px solid transparent; | |
2458 | color: #444; | |
2459 | } | |
2460 | .nav-stacked > li.active > a, | |
2461 | .nav-stacked > li.active > a:hover { | |
2462 | background: transparent; | |
2463 | color: #444; | |
2464 | border-top: 0; | |
2465 | border-left-color: #3c8dbc; | |
2466 | } | |
2467 | .nav-stacked > li.header { | |
2468 | border-bottom: 1px solid #ddd; | |
2469 | color: #777; | |
2470 | margin-bottom: 10px; | |
2471 | padding: 5px 10px; | |
2472 | text-transform: uppercase; | |
2473 | } | |
2474 | /* NAV TABS */ | |
2475 | .nav-tabs-custom { | |
2476 | margin-bottom: 20px; | |
2477 | background: #fff; | |
2478 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
2479 | border-radius: 3px; | |
2480 | } | |
2481 | .nav-tabs-custom > .nav-tabs { | |
2482 | margin: 0; | |
2483 | border-bottom-color: #f4f4f4; | |
2484 | border-top-right-radius: 3px; | |
2485 | border-top-left-radius: 3px; | |
2486 | } | |
2487 | .nav-tabs-custom > .nav-tabs > li { | |
2488 | border-top: 3px solid transparent; | |
2489 | margin-bottom: -2px; | |
2490 | margin-right: 5px; | |
2491 | } | |
2492 | .nav-tabs-custom > .nav-tabs > li > a { | |
2493 | color: #444; | |
2494 | border-radius: 0; | |
2495 | } | |
2496 | .nav-tabs-custom > .nav-tabs > li > a.text-muted { | |
2497 | color: #999; | |
2498 | } | |
2499 | .nav-tabs-custom > .nav-tabs > li > a, | |
2500 | .nav-tabs-custom > .nav-tabs > li > a:hover { | |
2501 | background: transparent; | |
2502 | margin: 0; | |
2503 | } | |
2504 | .nav-tabs-custom > .nav-tabs > li > a:hover { | |
2505 | color: #999; | |
2506 | } | |
2507 | .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, | |
2508 | .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, | |
2509 | .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { | |
2510 | border-color: transparent; | |
2511 | } | |
2512 | .nav-tabs-custom > .nav-tabs > li.active { | |
2513 | border-top-color: #3c8dbc; | |
2514 | } | |
2515 | .nav-tabs-custom > .nav-tabs > li.active > a, | |
2516 | .nav-tabs-custom > .nav-tabs > li.active:hover > a { | |
2517 | background-color: #fff; | |
2518 | color: #444; | |
2519 | } | |
2520 | .nav-tabs-custom > .nav-tabs > li.active > a { | |
2521 | border-top-color: transparent; | |
2522 | border-left-color: #f4f4f4; | |
2523 | border-right-color: #f4f4f4; | |
2524 | } | |
2525 | .nav-tabs-custom > .nav-tabs > li:first-of-type { | |
2526 | margin-left: 0; | |
2527 | } | |
2528 | .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { | |
2529 | border-left-color: transparent; | |
2530 | } | |
2531 | .nav-tabs-custom > .nav-tabs.pull-right { | |
2532 | float: none !important; | |
2533 | } | |
2534 | .nav-tabs-custom > .nav-tabs.pull-right > li { | |
2535 | float: right; | |
2536 | } | |
2537 | .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { | |
2538 | margin-right: 0; | |
2539 | } | |
2540 | .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a { | |
2541 | border-left-width: 1px; | |
2542 | } | |
2543 | .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { | |
2544 | border-left-color: #f4f4f4; | |
2545 | border-right-color: transparent; | |
2546 | } | |
2547 | .nav-tabs-custom > .nav-tabs > li.header { | |
2548 | line-height: 35px; | |
2549 | padding: 0 10px; | |
2550 | font-size: 20px; | |
2551 | color: #444; | |
2552 | } | |
2553 | .nav-tabs-custom > .nav-tabs > li.header > .fa, | |
2554 | .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, | |
2555 | .nav-tabs-custom > .nav-tabs > li.header > .ion { | |
2556 | margin-right: 5px; | |
2557 | } | |
2558 | .nav-tabs-custom > .tab-content { | |
2559 | background: #fff; | |
2560 | padding: 10px; | |
2561 | border-bottom-right-radius: 3px; | |
2562 | border-bottom-left-radius: 3px; | |
2563 | } | |
2564 | .nav-tabs-custom .dropdown.open > a:active, | |
2565 | .nav-tabs-custom .dropdown.open > a:focus { | |
2566 | background: transparent; | |
2567 | color: #999; | |
2568 | } | |
2569 | .nav-tabs-custom.tab-primary > .nav-tabs > li.active { | |
2570 | border-top-color: #3c8dbc; | |
2571 | } | |
2572 | .nav-tabs-custom.tab-info > .nav-tabs > li.active { | |
2573 | border-top-color: #00c0ef; | |
2574 | } | |
2575 | .nav-tabs-custom.tab-danger > .nav-tabs > li.active { | |
2576 | border-top-color: #dd4b39; | |
2577 | } | |
2578 | .nav-tabs-custom.tab-warning > .nav-tabs > li.active { | |
2579 | border-top-color: #f39c12; | |
2580 | } | |
2581 | .nav-tabs-custom.tab-success > .nav-tabs > li.active { | |
2582 | border-top-color: #00a65a; | |
2583 | } | |
2584 | .nav-tabs-custom.tab-default > .nav-tabs > li.active { | |
2585 | border-top-color: #d2d6de; | |
2586 | } | |
2587 | /* PAGINATION */ | |
2588 | .pagination > li > a { | |
2589 | background: #fafafa; | |
2590 | color: #666; | |
2591 | } | |
2592 | .pagination.pagination-flat > li > a { | |
2593 | border-radius: 0 !important; | |
2594 | } | |
2595 | /* | |
2596 | * Component: Products List | |
2597 | * ------------------------ | |
2598 | */ | |
2599 | .products-list { | |
2600 | list-style: none; | |
2601 | margin: 0; | |
2602 | padding: 0; | |
2603 | } | |
2604 | .products-list > .item { | |
2605 | border-radius: 3px; | |
2606 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
2607 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
2608 | padding: 10px 0; | |
2609 | background: #fff; | |
2610 | } | |
2611 | .products-list > .item:before, | |
2612 | .products-list > .item:after { | |
2613 | content: " "; | |
2614 | display: table; | |
2615 | } | |
2616 | .products-list > .item:after { | |
2617 | clear: both; | |
2618 | } | |
2619 | .products-list .product-img { | |
2620 | float: left; | |
2621 | } | |
2622 | .products-list .product-img img { | |
2623 | width: 50px; | |
2624 | height: 50px; | |
2625 | } | |
2626 | .products-list .product-info { | |
2627 | margin-left: 60px; | |
2628 | } | |
2629 | .products-list .product-title { | |
2630 | font-weight: 600; | |
2631 | } | |
2632 | .products-list .product-description { | |
2633 | display: block; | |
2634 | color: #999; | |
2635 | overflow: hidden; | |
2636 | white-space: nowrap; | |
2637 | text-overflow: ellipsis; | |
2638 | } | |
2639 | .product-list-in-box > .item { | |
2640 | -webkit-box-shadow: none; | |
2641 | box-shadow: none; | |
2642 | border-radius: 0; | |
2643 | border-bottom: 1px solid #f4f4f4; | |
2644 | } | |
2645 | .product-list-in-box > .item:last-of-type { | |
2646 | border-bottom-width: 0; | |
2647 | } | |
2648 | /* | |
2649 | * Component: Table | |
2650 | * ---------------- | |
2651 | */ | |
2652 | .table > thead > tr > th, | |
2653 | .table > tbody > tr > th, | |
2654 | .table > tfoot > tr > th, | |
2655 | .table > thead > tr > td, | |
2656 | .table > tbody > tr > td, | |
2657 | .table > tfoot > tr > td { | |
2658 | border-top: 1px solid #f4f4f4; | |
2659 | } | |
2660 | .table > thead > tr > th { | |
2661 | border-bottom: 2px solid #f4f4f4; | |
2662 | } | |
2663 | .table tr td .progress { | |
2664 | margin-top: 5px; | |
2665 | } | |
2666 | .table-bordered { | |
2667 | border: 1px solid #f4f4f4; | |
2668 | } | |
2669 | .table-bordered > thead > tr > th, | |
2670 | .table-bordered > tbody > tr > th, | |
2671 | .table-bordered > tfoot > tr > th, | |
2672 | .table-bordered > thead > tr > td, | |
2673 | .table-bordered > tbody > tr > td, | |
2674 | .table-bordered > tfoot > tr > td { | |
2675 | border: 1px solid #f4f4f4; | |
2676 | } | |
2677 | .table-bordered > thead > tr > th, | |
2678 | .table-bordered > thead > tr > td { | |
2679 | border-bottom-width: 2px; | |
2680 | } | |
2681 | .table.no-border, | |
2682 | .table.no-border td, | |
2683 | .table.no-border th { | |
2684 | border: 0; | |
2685 | } | |
2686 | /* .text-center in tables */ | |
2687 | table.text-center, | |
2688 | table.text-center td, | |
2689 | table.text-center th { | |
2690 | text-align: center; | |
2691 | } | |
2692 | .table.align th { | |
2693 | text-align: left; | |
2694 | } | |
2695 | .table.align td { | |
2696 | text-align: right; | |
2697 | } | |
2698 | /* | |
2699 | * Component: Label | |
2700 | * ---------------- | |
2701 | */ | |
2702 | .label-default { | |
2703 | background-color: #d2d6de; | |
2704 | color: #444; | |
2705 | } | |
2706 | /* | |
2707 | * Component: Direct Chat | |
2708 | * ---------------------- | |
2709 | */ | |
2710 | .direct-chat .box-body { | |
2711 | border-bottom-right-radius: 0; | |
2712 | border-bottom-left-radius: 0; | |
2713 | position: relative; | |
2714 | overflow-x: hidden; | |
2715 | padding: 0; | |
2716 | } | |
2717 | .direct-chat.chat-pane-open .direct-chat-contacts { | |
2718 | -webkit-transform: translate(0, 0); | |
2719 | -ms-transform: translate(0, 0); | |
2720 | -o-transform: translate(0, 0); | |
2721 | transform: translate(0, 0); | |
2722 | } | |
2723 | .direct-chat-messages { | |
2724 | -webkit-transform: translate(0, 0); | |
2725 | -ms-transform: translate(0, 0); | |
2726 | -o-transform: translate(0, 0); | |
2727 | transform: translate(0, 0); | |
2728 | padding: 10px; | |
2729 | height: 250px; | |
2730 | overflow: auto; | |
2731 | } | |
2732 | .direct-chat-msg, | |
2733 | .direct-chat-text { | |
2734 | display: block; | |
2735 | } | |
2736 | .direct-chat-msg { | |
2737 | margin-bottom: 10px; | |
2738 | } | |
2739 | .direct-chat-msg:before, | |
2740 | .direct-chat-msg:after { | |
2741 | content: " "; | |
2742 | display: table; | |
2743 | } | |
2744 | .direct-chat-msg:after { | |
2745 | clear: both; | |
2746 | } | |
2747 | .direct-chat-messages, | |
2748 | .direct-chat-contacts { | |
2749 | -webkit-transition: -webkit-transform 0.5s ease-in-out; | |
2750 | -moz-transition: -moz-transform 0.5s ease-in-out; | |
2751 | -o-transition: -o-transform 0.5s ease-in-out; | |
2752 | transition: transform 0.5s ease-in-out; | |
2753 | } | |
2754 | .direct-chat-text { | |
2755 | border-radius: 5px; | |
2756 | position: relative; | |
2757 | padding: 5px 10px; | |
2758 | background: #d2d6de; | |
2759 | border: 1px solid #d2d6de; | |
2760 | margin: 5px 0 0 50px; | |
2761 | color: #444444; | |
2762 | } | |
2763 | .direct-chat-text:after, | |
2764 | .direct-chat-text:before { | |
2765 | position: absolute; | |
2766 | right: 100%; | |
2767 | top: 15px; | |
2768 | border: solid transparent; | |
2769 | border-right-color: #d2d6de; | |
2770 | content: ' '; | |
2771 | height: 0; | |
2772 | width: 0; | |
2773 | pointer-events: none; | |
2774 | } | |
2775 | .direct-chat-text:after { | |
2776 | border-width: 5px; | |
2777 | margin-top: -5px; | |
2778 | } | |
2779 | .direct-chat-text:before { | |
2780 | border-width: 6px; | |
2781 | margin-top: -6px; | |
2782 | } | |
2783 | .right .direct-chat-text { | |
2784 | margin-right: 50px; | |
2785 | margin-left: 0; | |
2786 | } | |
2787 | .right .direct-chat-text:after, | |
2788 | .right .direct-chat-text:before { | |
2789 | right: auto; | |
2790 | left: 100%; | |
2791 | border-right-color: transparent; | |
2792 | border-left-color: #d2d6de; | |
2793 | } | |
2794 | .direct-chat-img { | |
2795 | border-radius: 50%; | |
2796 | float: left; | |
2797 | width: 40px; | |
2798 | height: 40px; | |
2799 | } | |
2800 | .right .direct-chat-img { | |
2801 | float: right; | |
2802 | } | |
2803 | .direct-chat-info { | |
2804 | display: block; | |
2805 | margin-bottom: 2px; | |
2806 | font-size: 12px; | |
2807 | } | |
2808 | .direct-chat-name { | |
2809 | font-weight: 600; | |
2810 | } | |
2811 | .direct-chat-timestamp { | |
2812 | color: #999; | |
2813 | } | |
2814 | .direct-chat-contacts-open .direct-chat-contacts { | |
2815 | -webkit-transform: translate(0, 0); | |
2816 | -ms-transform: translate(0, 0); | |
2817 | -o-transform: translate(0, 0); | |
2818 | transform: translate(0, 0); | |
2819 | } | |
2820 | .direct-chat-contacts { | |
2821 | -webkit-transform: translate(101%, 0); | |
2822 | -ms-transform: translate(101%, 0); | |
2823 | -o-transform: translate(101%, 0); | |
2824 | transform: translate(101%, 0); | |
2825 | position: absolute; | |
2826 | top: 0; | |
2827 | bottom: 0; | |
2828 | height: 250px; | |
2829 | width: 100%; | |
2830 | background: #222d32; | |
2831 | color: #fff; | |
2832 | overflow: auto; | |
2833 | } | |
2834 | .contacts-list > li { | |
2835 | border-bottom: 1px solid rgba(0, 0, 0, 0.2); | |
2836 | padding: 10px; | |
2837 | margin: 0; | |
2838 | } | |
2839 | .contacts-list > li:before, | |
2840 | .contacts-list > li:after { | |
2841 | content: " "; | |
2842 | display: table; | |
2843 | } | |
2844 | .contacts-list > li:after { | |
2845 | clear: both; | |
2846 | } | |
2847 | .contacts-list > li:last-of-type { | |
2848 | border-bottom: none; | |
2849 | } | |
2850 | .contacts-list-img { | |
2851 | border-radius: 50%; | |
2852 | width: 40px; | |
2853 | float: left; | |
2854 | } | |
2855 | .contacts-list-info { | |
2856 | margin-left: 45px; | |
2857 | color: #fff; | |
2858 | } | |
2859 | .contacts-list-name, | |
2860 | .contacts-list-status { | |
2861 | display: block; | |
2862 | } | |
2863 | .contacts-list-name { | |
2864 | font-weight: 600; | |
2865 | } | |
2866 | .contacts-list-status { | |
2867 | font-size: 12px; | |
2868 | } | |
2869 | .contacts-list-date { | |
2870 | color: #aaa; | |
2871 | font-weight: normal; | |
2872 | } | |
2873 | .contacts-list-msg { | |
2874 | color: #999; | |
2875 | } | |
2876 | .direct-chat-danger .right > .direct-chat-text { | |
2877 | background: #dd4b39; | |
2878 | border-color: #dd4b39; | |
2879 | color: #ffffff; | |
2880 | } | |
2881 | .direct-chat-danger .right > .direct-chat-text:after, | |
2882 | .direct-chat-danger .right > .direct-chat-text:before { | |
2883 | border-left-color: #dd4b39; | |
2884 | } | |
2885 | .direct-chat-primary .right > .direct-chat-text { | |
2886 | background: #3c8dbc; | |
2887 | border-color: #3c8dbc; | |
2888 | color: #ffffff; | |
2889 | } | |
2890 | .direct-chat-primary .right > .direct-chat-text:after, | |
2891 | .direct-chat-primary .right > .direct-chat-text:before { | |
2892 | border-left-color: #3c8dbc; | |
2893 | } | |
2894 | .direct-chat-warning .right > .direct-chat-text { | |
2895 | background: #f39c12; | |
2896 | border-color: #f39c12; | |
2897 | color: #ffffff; | |
2898 | } | |
2899 | .direct-chat-warning .right > .direct-chat-text:after, | |
2900 | .direct-chat-warning .right > .direct-chat-text:before { | |
2901 | border-left-color: #f39c12; | |
2902 | } | |
2903 | .direct-chat-info .right > .direct-chat-text { | |
2904 | background: #00c0ef; | |
2905 | border-color: #00c0ef; | |
2906 | color: #ffffff; | |
2907 | } | |
2908 | .direct-chat-info .right > .direct-chat-text:after, | |
2909 | .direct-chat-info .right > .direct-chat-text:before { | |
2910 | border-left-color: #00c0ef; | |
2911 | } | |
2912 | .direct-chat-success .right > .direct-chat-text { | |
2913 | background: #00a65a; | |
2914 | border-color: #00a65a; | |
2915 | color: #ffffff; | |
2916 | } | |
2917 | .direct-chat-success .right > .direct-chat-text:after, | |
2918 | .direct-chat-success .right > .direct-chat-text:before { | |
2919 | border-left-color: #00a65a; | |
2920 | } | |
2921 | /* | |
2922 | * Component: Users List | |
2923 | * --------------------- | |
2924 | */ | |
2925 | .users-list > li { | |
2926 | width: 25%; | |
2927 | float: left; | |
2928 | padding: 10px; | |
2929 | text-align: center; | |
2930 | } | |
2931 | .users-list > li img { | |
2932 | border-radius: 50%; | |
2933 | max-width: 100%; | |
2934 | height: auto; | |
2935 | } | |
2936 | .users-list > li > a:hover, | |
2937 | .users-list > li > a:hover .users-list-name { | |
2938 | color: #999; | |
2939 | } | |
2940 | .users-list-name, | |
2941 | .users-list-date { | |
2942 | display: block; | |
2943 | } | |
2944 | .users-list-name { | |
2945 | font-weight: 600; | |
2946 | color: #444; | |
2947 | overflow: hidden; | |
2948 | white-space: nowrap; | |
2949 | text-overflow: ellipsis; | |
2950 | } | |
2951 | .users-list-date { | |
2952 | color: #999; | |
2953 | font-size: 12px; | |
2954 | } | |
2955 | /* | |
2956 | * Component: Carousel | |
2957 | * ------------------- | |
2958 | */ | |
2959 | .carousel-control.left, | |
2960 | .carousel-control.right { | |
2961 | background-image: none; | |
2962 | } | |
2963 | .carousel-control > .fa { | |
2964 | font-size: 40px; | |
2965 | position: absolute; | |
2966 | top: 50%; | |
2967 | z-index: 5; | |
2968 | display: inline-block; | |
2969 | margin-top: -20px; | |
2970 | } | |
2971 | /* | |
2972 | * Component: modal | |
2973 | * ---------------- | |
2974 | */ | |
2975 | .modal { | |
2976 | background: rgba(0, 0, 0, 0.3); | |
2977 | } | |
2978 | .modal-content { | |
2979 | border-radius: 0; | |
2980 | -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); | |
2981 | box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); | |
2982 | border: 0; | |
2983 | } | |
2984 | @media (min-width: 768px) { | |
2985 | .modal-content { | |
2986 | -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); | |
2987 | box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); | |
2988 | } | |
2989 | } | |
2990 | .modal-header { | |
2991 | border-bottom-color: #f4f4f4; | |
2992 | } | |
2993 | .modal-footer { | |
2994 | border-top-color: #f4f4f4; | |
2995 | } | |
2996 | .modal-primary .modal-header, | |
2997 | .modal-primary .modal-footer { | |
2998 | border-color: #307095; | |
2999 | } | |
3000 | .modal-warning .modal-header, | |
3001 | .modal-warning .modal-footer { | |
3002 | border-color: #c87f0a; | |
3003 | } | |
3004 | .modal-info .modal-header, | |
3005 | .modal-info .modal-footer { | |
3006 | border-color: #0097bc; | |
3007 | } | |
3008 | .modal-success .modal-header, | |
3009 | .modal-success .modal-footer { | |
3010 | border-color: #00733e; | |
3011 | } | |
3012 | .modal-danger .modal-header, | |
3013 | .modal-danger .modal-footer { | |
3014 | border-color: #c23321; | |
3015 | } | |
3016 | /* | |
3017 | * Component: Social Widgets | |
3018 | * ------------------------- | |
3019 | */ | |
3020 | .box-widget { | |
3021 | border: none; | |
3022 | position: relative; | |
3023 | } | |
3024 | .widget-user .widget-user-header { | |
3025 | padding: 20px; | |
3026 | height: 120px; | |
3027 | border-top-right-radius: 3px; | |
3028 | border-top-left-radius: 3px; | |
3029 | } | |
3030 | .widget-user .widget-user-username { | |
3031 | margin-top: 0; | |
3032 | margin-bottom: 5px; | |
3033 | font-size: 25px; | |
3034 | font-weight: 300; | |
3035 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); | |
3036 | } | |
3037 | .widget-user .widget-user-desc { | |
3038 | margin-top: 0; | |
3039 | } | |
3040 | .widget-user .widget-user-image { | |
3041 | position: absolute; | |
3042 | top: 65px; | |
3043 | left: 50%; | |
3044 | margin-left: -45px; | |
3045 | } | |
3046 | .widget-user .widget-user-image > img { | |
3047 | width: 90px; | |
3048 | height: auto; | |
3049 | border: 3px solid #fff; | |
3050 | } | |
3051 | .widget-user .box-footer { | |
3052 | padding-top: 30px; | |
3053 | } | |
3054 | .widget-user-2 .widget-user-header { | |
3055 | padding: 20px; | |
3056 | border-top-right-radius: 3px; | |
3057 | border-top-left-radius: 3px; | |
3058 | } | |
3059 | .widget-user-2 .widget-user-username { | |
3060 | margin-top: 5px; | |
3061 | margin-bottom: 5px; | |
3062 | font-size: 25px; | |
3063 | font-weight: 300; | |
3064 | } | |
3065 | .widget-user-2 .widget-user-desc { | |
3066 | margin-top: 0; | |
3067 | } | |
3068 | .widget-user-2 .widget-user-username, | |
3069 | .widget-user-2 .widget-user-desc { | |
3070 | margin-left: 75px; | |
3071 | } | |
3072 | .widget-user-2 .widget-user-image > img { | |
3073 | width: 65px; | |
3074 | height: auto; | |
3075 | float: left; | |
3076 | } | |
3077 | /* | |
3078 | * Page: Mailbox | |
3079 | * ------------- | |
3080 | */ | |
3081 | .mailbox-messages > .table { | |
3082 | margin: 0; | |
3083 | } | |
3084 | .mailbox-controls { | |
3085 | padding: 5px; | |
3086 | } | |
3087 | .mailbox-controls.with-border { | |
3088 | border-bottom: 1px solid #f4f4f4; | |
3089 | } | |
3090 | .mailbox-read-info { | |
3091 | border-bottom: 1px solid #f4f4f4; | |
3092 | padding: 10px; | |
3093 | } | |
3094 | .mailbox-read-info h3 { | |
3095 | font-size: 20px; | |
3096 | margin: 0; | |
3097 | } | |
3098 | .mailbox-read-info h5 { | |
3099 | margin: 0; | |
3100 | padding: 5px 0 0 0; | |
3101 | } | |
3102 | .mailbox-read-time { | |
3103 | color: #999; | |
3104 | font-size: 13px; | |
3105 | } | |
3106 | .mailbox-read-message { | |
3107 | padding: 10px; | |
3108 | } | |
3109 | .mailbox-attachments li { | |
3110 | float: left; | |
3111 | width: 200px; | |
3112 | border: 1px solid #eee; | |
3113 | margin-bottom: 10px; | |
3114 | margin-right: 10px; | |
3115 | } | |
3116 | .mailbox-attachment-name { | |
3117 | font-weight: bold; | |
3118 | color: #666; | |
3119 | } | |
3120 | .mailbox-attachment-icon, | |
3121 | .mailbox-attachment-info, | |
3122 | .mailbox-attachment-size { | |
3123 | display: block; | |
3124 | } | |
3125 | .mailbox-attachment-info { | |
3126 | padding: 10px; | |
3127 | background: #f4f4f4; | |
3128 | } | |
3129 | .mailbox-attachment-size { | |
3130 | color: #999; | |
3131 | font-size: 12px; | |
3132 | } | |
3133 | .mailbox-attachment-icon { | |
3134 | text-align: center; | |
3135 | font-size: 65px; | |
3136 | color: #666; | |
3137 | padding: 20px 10px; | |
3138 | } | |
3139 | .mailbox-attachment-icon.has-img { | |
3140 | padding: 0; | |
3141 | } | |
3142 | .mailbox-attachment-icon.has-img > img { | |
3143 | max-width: 100%; | |
3144 | height: auto; | |
3145 | } | |
3146 | /* | |
3147 | * Page: Lock Screen | |
3148 | * ----------------- | |
3149 | */ | |
3150 | /* ADD THIS CLASS TO THE <BODY> TAG */ | |
3151 | .lockscreen { | |
3152 | background: #d2d6de; | |
3153 | } | |
3154 | .lockscreen-logo { | |
3155 | font-size: 35px; | |
3156 | text-align: center; | |
3157 | margin-bottom: 25px; | |
3158 | font-weight: 300; | |
3159 | } | |
3160 | .lockscreen-logo a { | |
3161 | color: #444; | |
3162 | } | |
3163 | .lockscreen-wrapper { | |
3164 | max-width: 400px; | |
3165 | margin: 0 auto; | |
3166 | margin-top: 10%; | |
3167 | } | |
3168 | /* User name [optional] */ | |
3169 | .lockscreen .lockscreen-name { | |
3170 | text-align: center; | |
3171 | font-weight: 600; | |
3172 | } | |
3173 | /* Will contain the image and the sign in form */ | |
3174 | .lockscreen-item { | |
3175 | border-radius: 4px; | |
3176 | padding: 0; | |
3177 | background: #fff; | |
3178 | position: relative; | |
3179 | margin: 10px auto 30px auto; | |
3180 | width: 290px; | |
3181 | } | |
3182 | /* User image */ | |
3183 | .lockscreen-image { | |
3184 | border-radius: 50%; | |
3185 | position: absolute; | |
3186 | left: -10px; | |
3187 | top: -25px; | |
3188 | background: #fff; | |
3189 | padding: 5px; | |
3190 | z-index: 10; | |
3191 | } | |
3192 | .lockscreen-image > img { | |
3193 | border-radius: 50%; | |
3194 | width: 70px; | |
3195 | height: 70px; | |
3196 | } | |
3197 | /* Contains the password input and the login button */ | |
3198 | .lockscreen-credentials { | |
3199 | margin-left: 70px; | |
3200 | } | |
3201 | .lockscreen-credentials .form-control { | |
3202 | border: 0; | |
3203 | } | |
3204 | .lockscreen-credentials .btn { | |
3205 | background-color: #fff; | |
3206 | border: 0; | |
3207 | padding: 0 10px; | |
3208 | } | |
3209 | .lockscreen-footer { | |
3210 | margin-top: 10px; | |
3211 | } | |
3212 | /* | |
3213 | * Page: Login & Register | |
3214 | * ---------------------- | |
3215 | */ | |
3216 | .login-logo, | |
3217 | .register-logo { | |
3218 | font-size: 35px; | |
3219 | text-align: center; | |
3220 | margin-bottom: 25px; | |
3221 | font-weight: 300; | |
3222 | } | |
3223 | .login-logo a, | |
3224 | .register-logo a { | |
3225 | color: #444; | |
3226 | } | |
3227 | .login-page, | |
3228 | .register-page { | |
3229 | background: #d2d6de; | |
3230 | } | |
3231 | .login-box, | |
3232 | .register-box { | |
3233 | width: 360px; | |
3234 | margin: 7% auto; | |
3235 | } | |
3236 | @media (max-width: 768px) { | |
3237 | .login-box, | |
3238 | .register-box { | |
3239 | width: 90%; | |
3240 | margin-top: 20px; | |
3241 | } | |
3242 | } | |
3243 | .login-box-body, | |
3244 | .register-box-body { | |
3245 | background: #fff; | |
3246 | padding: 20px; | |
3247 | border-top: 0; | |
3248 | color: #666; | |
3249 | } | |
3250 | .login-box-body .form-control-feedback, | |
3251 | .register-box-body .form-control-feedback { | |
3252 | color: #777; | |
3253 | } | |
3254 | .login-box-msg, | |
3255 | .register-box-msg { | |
3256 | margin: 0; | |
3257 | text-align: center; | |
3258 | padding: 0 20px 20px 20px; | |
3259 | } | |
3260 | .social-auth-links { | |
3261 | margin: 10px 0; | |
3262 | } | |
3263 | /* | |
3264 | * Page: 400 and 500 error pages | |
3265 | * ------------------------------ | |
3266 | */ | |
3267 | .error-page { | |
3268 | width: 600px; | |
3269 | margin: 20px auto 0 auto; | |
3270 | } | |
3271 | @media (max-width: 991px) { | |
3272 | .error-page { | |
3273 | width: 100%; | |
3274 | } | |
3275 | } | |
3276 | .error-page > .headline { | |
3277 | float: left; | |
3278 | font-size: 100px; | |
3279 | font-weight: 300; | |
3280 | } | |
3281 | @media (max-width: 991px) { | |
3282 | .error-page > .headline { | |
3283 | float: none; | |
3284 | text-align: center; | |
3285 | } | |
3286 | } | |
3287 | .error-page > .error-content { | |
3288 | margin-left: 190px; | |
3289 | display: block; | |
3290 | } | |
3291 | @media (max-width: 991px) { | |
3292 | .error-page > .error-content { | |
3293 | margin-left: 0; | |
3294 | } | |
3295 | } | |
3296 | .error-page > .error-content > h3 { | |
3297 | font-weight: 300; | |
3298 | font-size: 25px; | |
3299 | } | |
3300 | @media (max-width: 991px) { | |
3301 | .error-page > .error-content > h3 { | |
3302 | text-align: center; | |
3303 | } | |
3304 | } | |
3305 | /* | |
3306 | * Page: Invoice | |
3307 | * ------------- | |
3308 | */ | |
3309 | .invoice { | |
3310 | position: relative; | |
3311 | background: #fff; | |
3312 | border: 1px solid #f4f4f4; | |
3313 | padding: 20px; | |
3314 | margin: 10px 25px; | |
3315 | } | |
3316 | .invoice-title { | |
3317 | margin-top: 0; | |
3318 | } | |
3319 | /* | |
3320 | * Page: Profile | |
3321 | * ------------- | |
3322 | */ | |
3323 | .profile-user-img { | |
3324 | margin: 0 auto; | |
3325 | width: 100px; | |
3326 | padding: 3px; | |
3327 | border: 3px solid #d2d6de; | |
3328 | } | |
3329 | .profile-username { | |
3330 | font-size: 21px; | |
3331 | margin-top: 5px; | |
3332 | } | |
3333 | .post { | |
3334 | border-bottom: 1px solid #d2d6de; | |
3335 | margin-bottom: 15px; | |
3336 | padding-bottom: 15px; | |
3337 | color: #666; | |
3338 | } | |
3339 | .post:last-of-type { | |
3340 | border-bottom: 0; | |
3341 | margin-bottom: 0; | |
3342 | padding-bottom: 0; | |
3343 | } | |
3344 | .post .user-block { | |
3345 | margin-bottom: 15px; | |
3346 | } | |
3347 | /* | |
3348 | * Social Buttons for Bootstrap | |
3349 | * | |
3350 | * Copyright 2013-2015 Panayiotis Lipiridis | |
3351 | * Licensed under the MIT License | |
3352 | * | |
3353 | * https://github.com/lipis/bootstrap-social | |
3354 | */ | |
3355 | .btn-social { | |
3356 | position: relative; | |
3357 | padding-left: 44px; | |
3358 | text-align: left; | |
3359 | white-space: nowrap; | |
3360 | overflow: hidden; | |
3361 | text-overflow: ellipsis; | |
3362 | } | |
3363 | .btn-social > :first-child { | |
3364 | position: absolute; | |
3365 | left: 0; | |
3366 | top: 0; | |
3367 | bottom: 0; | |
3368 | width: 32px; | |
3369 | line-height: 34px; | |
3370 | font-size: 1.6em; | |
3371 | text-align: center; | |
3372 | border-right: 1px solid rgba(0, 0, 0, 0.2); | |
3373 | } | |
3374 | .btn-social.btn-lg { | |
3375 | padding-left: 61px; | |
3376 | } | |
3377 | .btn-social.btn-lg > :first-child { | |
3378 | line-height: 45px; | |
3379 | width: 45px; | |
3380 | font-size: 1.8em; | |
3381 | } | |
3382 | .btn-social.btn-sm { | |
3383 | padding-left: 38px; | |
3384 | } | |
3385 | .btn-social.btn-sm > :first-child { | |
3386 | line-height: 28px; | |
3387 | width: 28px; | |
3388 | font-size: 1.4em; | |
3389 | } | |
3390 | .btn-social.btn-xs { | |
3391 | padding-left: 30px; | |
3392 | } | |
3393 | .btn-social.btn-xs > :first-child { | |
3394 | line-height: 20px; | |
3395 | width: 20px; | |
3396 | font-size: 1.2em; | |
3397 | } | |
3398 | .btn-social-icon { | |
3399 | position: relative; | |
3400 | padding-left: 44px; | |
3401 | text-align: left; | |
3402 | white-space: nowrap; | |
3403 | overflow: hidden; | |
3404 | text-overflow: ellipsis; | |
3405 | height: 34px; | |
3406 | width: 34px; | |
3407 | padding: 0; | |
3408 | } | |
3409 | .btn-social-icon > :first-child { | |
3410 | position: absolute; | |
3411 | left: 0; | |
3412 | top: 0; | |
3413 | bottom: 0; | |
3414 | width: 32px; | |
3415 | line-height: 34px; | |
3416 | font-size: 1.6em; | |
3417 | text-align: center; | |
3418 | border-right: 1px solid rgba(0, 0, 0, 0.2); | |
3419 | } | |
3420 | .btn-social-icon.btn-lg { | |
3421 | padding-left: 61px; | |
3422 | } | |
3423 | .btn-social-icon.btn-lg > :first-child { | |
3424 | line-height: 45px; | |
3425 | width: 45px; | |
3426 | font-size: 1.8em; | |
3427 | } | |
3428 | .btn-social-icon.btn-sm { | |
3429 | padding-left: 38px; | |
3430 | } | |
3431 | .btn-social-icon.btn-sm > :first-child { | |
3432 | line-height: 28px; | |
3433 | width: 28px; | |
3434 | font-size: 1.4em; | |
3435 | } | |
3436 | .btn-social-icon.btn-xs { | |
3437 | padding-left: 30px; | |
3438 | } | |
3439 | .btn-social-icon.btn-xs > :first-child { | |
3440 | line-height: 20px; | |
3441 | width: 20px; | |
3442 | font-size: 1.2em; | |
3443 | } | |
3444 | .btn-social-icon > :first-child { | |
3445 | border: none; | |
3446 | text-align: center; | |
3447 | width: 100%; | |
3448 | } | |
3449 | .btn-social-icon.btn-lg { | |
3450 | height: 45px; | |
3451 | width: 45px; | |
3452 | padding-left: 0; | |
3453 | padding-right: 0; | |
3454 | } | |
3455 | .btn-social-icon.btn-sm { | |
3456 | height: 30px; | |
3457 | width: 30px; | |
3458 | padding-left: 0; | |
3459 | padding-right: 0; | |
3460 | } | |
3461 | .btn-social-icon.btn-xs { | |
3462 | height: 22px; | |
3463 | width: 22px; | |
3464 | padding-left: 0; | |
3465 | padding-right: 0; | |
3466 | } | |
3467 | .btn-adn { | |
3468 | color: #ffffff; | |
3469 | background-color: #d87a68; | |
3470 | border-color: rgba(0, 0, 0, 0.2); | |
3471 | } | |
3472 | .btn-adn:focus, | |
3473 | .btn-adn.focus { | |
3474 | color: #ffffff; | |
3475 | background-color: #ce563f; | |
3476 | border-color: rgba(0, 0, 0, 0.2); | |
3477 | } | |
3478 | .btn-adn:hover { | |
3479 | color: #ffffff; | |
3480 | background-color: #ce563f; | |
3481 | border-color: rgba(0, 0, 0, 0.2); | |
3482 | } | |
3483 | .btn-adn:active, | |
3484 | .btn-adn.active, | |
3485 | .open > .dropdown-toggle.btn-adn { | |
3486 | color: #ffffff; | |
3487 | background-color: #ce563f; | |
3488 | border-color: rgba(0, 0, 0, 0.2); | |
3489 | } | |
3490 | .btn-adn:active, | |
3491 | .btn-adn.active, | |
3492 | .open > .dropdown-toggle.btn-adn { | |
3493 | background-image: none; | |
3494 | } | |
3495 | .btn-adn .badge { | |
3496 | color: #d87a68; | |
3497 | background-color: #ffffff; | |
3498 | } | |
3499 | .btn-bitbucket { | |
3500 | color: #ffffff; | |
3501 | background-color: #205081; | |
3502 | border-color: rgba(0, 0, 0, 0.2); | |
3503 | } | |
3504 | .btn-bitbucket:focus, | |
3505 | .btn-bitbucket.focus { | |
3506 | color: #ffffff; | |
3507 | background-color: #163758; | |
3508 | border-color: rgba(0, 0, 0, 0.2); | |
3509 | } | |
3510 | .btn-bitbucket:hover { | |
3511 | color: #ffffff; | |
3512 | background-color: #163758; | |
3513 | border-color: rgba(0, 0, 0, 0.2); | |
3514 | } | |
3515 | .btn-bitbucket:active, | |
3516 | .btn-bitbucket.active, | |
3517 | .open > .dropdown-toggle.btn-bitbucket { | |
3518 | color: #ffffff; | |
3519 | background-color: #163758; | |
3520 | border-color: rgba(0, 0, 0, 0.2); | |
3521 | } | |
3522 | .btn-bitbucket:active, | |
3523 | .btn-bitbucket.active, | |
3524 | .open > .dropdown-toggle.btn-bitbucket { | |
3525 | background-image: none; | |
3526 | } | |
3527 | .btn-bitbucket .badge { | |
3528 | color: #205081; | |
3529 | background-color: #ffffff; | |
3530 | } | |
3531 | .btn-dropbox { | |
3532 | color: #ffffff; | |
3533 | background-color: #1087dd; | |
3534 | border-color: rgba(0, 0, 0, 0.2); | |
3535 | } | |
3536 | .btn-dropbox:focus, | |
3537 | .btn-dropbox.focus { | |
3538 | color: #ffffff; | |
3539 | background-color: #0d6aad; | |
3540 | border-color: rgba(0, 0, 0, 0.2); | |
3541 | } | |
3542 | .btn-dropbox:hover { | |
3543 | color: #ffffff; | |
3544 | background-color: #0d6aad; | |
3545 | border-color: rgba(0, 0, 0, 0.2); | |
3546 | } | |
3547 | .btn-dropbox:active, | |
3548 | .btn-dropbox.active, | |
3549 | .open > .dropdown-toggle.btn-dropbox { | |
3550 | color: #ffffff; | |
3551 | background-color: #0d6aad; | |
3552 | border-color: rgba(0, 0, 0, 0.2); | |
3553 | } | |
3554 | .btn-dropbox:active, | |
3555 | .btn-dropbox.active, | |
3556 | .open > .dropdown-toggle.btn-dropbox { | |
3557 | background-image: none; | |
3558 | } | |
3559 | .btn-dropbox .badge { | |
3560 | color: #1087dd; | |
3561 | background-color: #ffffff; | |
3562 | } | |
3563 | .btn-facebook { | |
3564 | color: #ffffff; | |
3565 | background-color: #3b5998; | |
3566 | border-color: rgba(0, 0, 0, 0.2); | |
3567 | } | |
3568 | .btn-facebook:focus, | |
3569 | .btn-facebook.focus { | |
3570 | color: #ffffff; | |
3571 | background-color: #2d4373; | |
3572 | border-color: rgba(0, 0, 0, 0.2); | |
3573 | } | |
3574 | .btn-facebook:hover { | |
3575 | color: #ffffff; | |
3576 | background-color: #2d4373; | |
3577 | border-color: rgba(0, 0, 0, 0.2); | |
3578 | } | |
3579 | .btn-facebook:active, | |
3580 | .btn-facebook.active, | |
3581 | .open > .dropdown-toggle.btn-facebook { | |
3582 | color: #ffffff; | |
3583 | background-color: #2d4373; | |
3584 | border-color: rgba(0, 0, 0, 0.2); | |
3585 | } | |
3586 | .btn-facebook:active, | |
3587 | .btn-facebook.active, | |
3588 | .open > .dropdown-toggle.btn-facebook { | |
3589 | background-image: none; | |
3590 | } | |
3591 | .btn-facebook .badge { | |
3592 | color: #3b5998; | |
3593 | background-color: #ffffff; | |
3594 | } | |
3595 | .btn-flickr { | |
3596 | color: #ffffff; | |
3597 | background-color: #ff0084; | |
3598 | border-color: rgba(0, 0, 0, 0.2); | |
3599 | } | |
3600 | .btn-flickr:focus, | |
3601 | .btn-flickr.focus { | |
3602 | color: #ffffff; | |
3603 | background-color: #cc006a; | |
3604 | border-color: rgba(0, 0, 0, 0.2); | |
3605 | } | |
3606 | .btn-flickr:hover { | |
3607 | color: #ffffff; | |
3608 | background-color: #cc006a; | |
3609 | border-color: rgba(0, 0, 0, 0.2); | |
3610 | } | |
3611 | .btn-flickr:active, | |
3612 | .btn-flickr.active, | |
3613 | .open > .dropdown-toggle.btn-flickr { | |
3614 | color: #ffffff; | |
3615 | background-color: #cc006a; | |
3616 | border-color: rgba(0, 0, 0, 0.2); | |
3617 | } | |
3618 | .btn-flickr:active, | |
3619 | .btn-flickr.active, | |
3620 | .open > .dropdown-toggle.btn-flickr { | |
3621 | background-image: none; | |
3622 | } | |
3623 | .btn-flickr .badge { | |
3624 | color: #ff0084; | |
3625 | background-color: #ffffff; | |
3626 | } | |
3627 | .btn-foursquare { | |
3628 | color: #ffffff; | |
3629 | background-color: #f94877; | |
3630 | border-color: rgba(0, 0, 0, 0.2); | |
3631 | } | |
3632 | .btn-foursquare:focus, | |
3633 | .btn-foursquare.focus { | |
3634 | color: #ffffff; | |
3635 | background-color: #f71752; | |
3636 | border-color: rgba(0, 0, 0, 0.2); | |
3637 | } | |
3638 | .btn-foursquare:hover { | |
3639 | color: #ffffff; | |
3640 | background-color: #f71752; | |
3641 | border-color: rgba(0, 0, 0, 0.2); | |
3642 | } | |
3643 | .btn-foursquare:active, | |
3644 | .btn-foursquare.active, | |
3645 | .open > .dropdown-toggle.btn-foursquare { | |
3646 | color: #ffffff; | |
3647 | background-color: #f71752; | |
3648 | border-color: rgba(0, 0, 0, 0.2); | |
3649 | } | |
3650 | .btn-foursquare:active, | |
3651 | .btn-foursquare.active, | |
3652 | .open > .dropdown-toggle.btn-foursquare { | |
3653 | background-image: none; | |
3654 | } | |
3655 | .btn-foursquare .badge { | |
3656 | color: #f94877; | |
3657 | background-color: #ffffff; | |
3658 | } | |
3659 | .btn-github { | |
3660 | color: #ffffff; | |
3661 | background-color: #444444; | |
3662 | border-color: rgba(0, 0, 0, 0.2); | |
3663 | } | |
3664 | .btn-github:focus, | |
3665 | .btn-github.focus { | |
3666 | color: #ffffff; | |
3667 | background-color: #2b2b2b; | |
3668 | border-color: rgba(0, 0, 0, 0.2); | |
3669 | } | |
3670 | .btn-github:hover { | |
3671 | color: #ffffff; | |
3672 | background-color: #2b2b2b; | |
3673 | border-color: rgba(0, 0, 0, 0.2); | |
3674 | } | |
3675 | .btn-github:active, | |
3676 | .btn-github.active, | |
3677 | .open > .dropdown-toggle.btn-github { | |
3678 | color: #ffffff; | |
3679 | background-color: #2b2b2b; | |
3680 | border-color: rgba(0, 0, 0, 0.2); | |
3681 | } | |
3682 | .btn-github:active, | |
3683 | .btn-github.active, | |
3684 | .open > .dropdown-toggle.btn-github { | |
3685 | background-image: none; | |
3686 | } | |
3687 | .btn-github .badge { | |
3688 | color: #444444; | |
3689 | background-color: #ffffff; | |
3690 | } | |
3691 | .btn-google { | |
3692 | color: #ffffff; | |
3693 | background-color: #dd4b39; | |
3694 | border-color: rgba(0, 0, 0, 0.2); | |
3695 | } | |
3696 | .btn-google:focus, | |
3697 | .btn-google.focus { | |
3698 | color: #ffffff; | |
3699 | background-color: #c23321; | |
3700 | border-color: rgba(0, 0, 0, 0.2); | |
3701 | } | |
3702 | .btn-google:hover { | |
3703 | color: #ffffff; | |
3704 | background-color: #c23321; | |
3705 | border-color: rgba(0, 0, 0, 0.2); | |
3706 | } | |
3707 | .btn-google:active, | |
3708 | .btn-google.active, | |
3709 | .open > .dropdown-toggle.btn-google { | |
3710 | color: #ffffff; | |
3711 | background-color: #c23321; | |
3712 | border-color: rgba(0, 0, 0, 0.2); | |
3713 | } | |
3714 | .btn-google:active, | |
3715 | .btn-google.active, | |
3716 | .open > .dropdown-toggle.btn-google { | |
3717 | background-image: none; | |
3718 | } | |
3719 | .btn-google .badge { | |
3720 | color: #dd4b39; | |
3721 | background-color: #ffffff; | |
3722 | } | |
3723 | .btn-instagram { | |
3724 | color: #ffffff; | |
3725 | background-color: #3f729b; | |
3726 | border-color: rgba(0, 0, 0, 0.2); | |
3727 | } | |
3728 | .btn-instagram:focus, | |
3729 | .btn-instagram.focus { | |
3730 | color: #ffffff; | |
3731 | background-color: #305777; | |
3732 | border-color: rgba(0, 0, 0, 0.2); | |
3733 | } | |
3734 | .btn-instagram:hover { | |
3735 | color: #ffffff; | |
3736 | background-color: #305777; | |
3737 | border-color: rgba(0, 0, 0, 0.2); | |
3738 | } | |
3739 | .btn-instagram:active, | |
3740 | .btn-instagram.active, | |
3741 | .open > .dropdown-toggle.btn-instagram { | |
3742 | color: #ffffff; | |
3743 | background-color: #305777; | |
3744 | border-color: rgba(0, 0, 0, 0.2); | |
3745 | } | |
3746 | .btn-instagram:active, | |
3747 | .btn-instagram.active, | |
3748 | .open > .dropdown-toggle.btn-instagram { | |
3749 | background-image: none; | |
3750 | } | |
3751 | .btn-instagram .badge { | |
3752 | color: #3f729b; | |
3753 | background-color: #ffffff; | |
3754 | } | |
3755 | .btn-linkedin { | |
3756 | color: #ffffff; | |
3757 | background-color: #007bb6; | |
3758 | border-color: rgba(0, 0, 0, 0.2); | |
3759 | } | |
3760 | .btn-linkedin:focus, | |
3761 | .btn-linkedin.focus { | |
3762 | color: #ffffff; | |
3763 | background-color: #005983; | |
3764 | border-color: rgba(0, 0, 0, 0.2); | |
3765 | } | |
3766 | .btn-linkedin:hover { | |
3767 | color: #ffffff; | |
3768 | background-color: #005983; | |
3769 | border-color: rgba(0, 0, 0, 0.2); | |
3770 | } | |
3771 | .btn-linkedin:active, | |
3772 | .btn-linkedin.active, | |
3773 | .open > .dropdown-toggle.btn-linkedin { | |
3774 | color: #ffffff; | |
3775 | background-color: #005983; | |
3776 | border-color: rgba(0, 0, 0, 0.2); | |
3777 | } | |
3778 | .btn-linkedin:active, | |
3779 | .btn-linkedin.active, | |
3780 | .open > .dropdown-toggle.btn-linkedin { | |
3781 | background-image: none; | |
3782 | } | |
3783 | .btn-linkedin .badge { | |
3784 | color: #007bb6; | |
3785 | background-color: #ffffff; | |
3786 | } | |
3787 | .btn-microsoft { | |
3788 | color: #ffffff; | |
3789 | background-color: #2672ec; | |
3790 | border-color: rgba(0, 0, 0, 0.2); | |
3791 | } | |
3792 | .btn-microsoft:focus, | |
3793 | .btn-microsoft.focus { | |
3794 | color: #ffffff; | |
3795 | background-color: #125acd; | |
3796 | border-color: rgba(0, 0, 0, 0.2); | |
3797 | } | |
3798 | .btn-microsoft:hover { | |
3799 | color: #ffffff; | |
3800 | background-color: #125acd; | |
3801 | border-color: rgba(0, 0, 0, 0.2); | |
3802 | } | |
3803 | .btn-microsoft:active, | |
3804 | .btn-microsoft.active, | |
3805 | .open > .dropdown-toggle.btn-microsoft { | |
3806 | color: #ffffff; | |
3807 | background-color: #125acd; | |
3808 | border-color: rgba(0, 0, 0, 0.2); | |
3809 | } | |
3810 | .btn-microsoft:active, | |
3811 | .btn-microsoft.active, | |
3812 | .open > .dropdown-toggle.btn-microsoft { | |
3813 | background-image: none; | |
3814 | } | |
3815 | .btn-microsoft .badge { | |
3816 | color: #2672ec; | |
3817 | background-color: #ffffff; | |
3818 | } | |
3819 | .btn-openid { | |
3820 | color: #ffffff; | |
3821 | background-color: #f7931e; | |
3822 | border-color: rgba(0, 0, 0, 0.2); | |
3823 | } | |
3824 | .btn-openid:focus, | |
3825 | .btn-openid.focus { | |
3826 | color: #ffffff; | |
3827 | background-color: #da7908; | |
3828 | border-color: rgba(0, 0, 0, 0.2); | |
3829 | } | |
3830 | .btn-openid:hover { | |
3831 | color: #ffffff; | |
3832 | background-color: #da7908; | |
3833 | border-color: rgba(0, 0, 0, 0.2); | |
3834 | } | |
3835 | .btn-openid:active, | |
3836 | .btn-openid.active, | |
3837 | .open > .dropdown-toggle.btn-openid { | |
3838 | color: #ffffff; | |
3839 | background-color: #da7908; | |
3840 | border-color: rgba(0, 0, 0, 0.2); | |
3841 | } | |
3842 | .btn-openid:active, | |
3843 | .btn-openid.active, | |
3844 | .open > .dropdown-toggle.btn-openid { | |
3845 | background-image: none; | |
3846 | } | |
3847 | .btn-openid .badge { | |
3848 | color: #f7931e; | |
3849 | background-color: #ffffff; | |
3850 | } | |
3851 | .btn-pinterest { | |
3852 | color: #ffffff; | |
3853 | background-color: #cb2027; | |
3854 | border-color: rgba(0, 0, 0, 0.2); | |
3855 | } | |
3856 | .btn-pinterest:focus, | |
3857 | .btn-pinterest.focus { | |
3858 | color: #ffffff; | |
3859 | background-color: #9f191f; | |
3860 | border-color: rgba(0, 0, 0, 0.2); | |
3861 | } | |
3862 | .btn-pinterest:hover { | |
3863 | color: #ffffff; | |
3864 | background-color: #9f191f; | |
3865 | border-color: rgba(0, 0, 0, 0.2); | |
3866 | } | |
3867 | .btn-pinterest:active, | |
3868 | .btn-pinterest.active, | |
3869 | .open > .dropdown-toggle.btn-pinterest { | |
3870 | color: #ffffff; | |
3871 | background-color: #9f191f; | |
3872 | border-color: rgba(0, 0, 0, 0.2); | |
3873 | } | |
3874 | .btn-pinterest:active, | |
3875 | .btn-pinterest.active, | |
3876 | .open > .dropdown-toggle.btn-pinterest { | |
3877 | background-image: none; | |
3878 | } | |
3879 | .btn-pinterest .badge { | |
3880 | color: #cb2027; | |
3881 | background-color: #ffffff; | |
3882 | } | |
3883 | .btn-reddit { | |
3884 | color: #000000; | |
3885 | background-color: #eff7ff; | |
3886 | border-color: rgba(0, 0, 0, 0.2); | |
3887 | } | |
3888 | .btn-reddit:focus, | |
3889 | .btn-reddit.focus { | |
3890 | color: #000000; | |
3891 | background-color: #bcddff; | |
3892 | border-color: rgba(0, 0, 0, 0.2); | |
3893 | } | |
3894 | .btn-reddit:hover { | |
3895 | color: #000000; | |
3896 | background-color: #bcddff; | |
3897 | border-color: rgba(0, 0, 0, 0.2); | |
3898 | } | |
3899 | .btn-reddit:active, | |
3900 | .btn-reddit.active, | |
3901 | .open > .dropdown-toggle.btn-reddit { | |
3902 | color: #000000; | |
3903 | background-color: #bcddff; | |
3904 | border-color: rgba(0, 0, 0, 0.2); | |
3905 | } | |
3906 | .btn-reddit:active, | |
3907 | .btn-reddit.active, | |
3908 | .open > .dropdown-toggle.btn-reddit { | |
3909 | background-image: none; | |
3910 | } | |
3911 | .btn-reddit .badge { | |
3912 | color: #eff7ff; | |
3913 | background-color: #000000; | |
3914 | } | |
3915 | .btn-soundcloud { | |
3916 | color: #ffffff; | |
3917 | background-color: #ff5500; | |
3918 | border-color: rgba(0, 0, 0, 0.2); | |
3919 | } | |
3920 | .btn-soundcloud:focus, | |
3921 | .btn-soundcloud.focus { | |
3922 | color: #ffffff; | |
3923 | background-color: #cc4400; | |
3924 | border-color: rgba(0, 0, 0, 0.2); | |
3925 | } | |
3926 | .btn-soundcloud:hover { | |
3927 | color: #ffffff; | |
3928 | background-color: #cc4400; | |
3929 | border-color: rgba(0, 0, 0, 0.2); | |
3930 | } | |
3931 | .btn-soundcloud:active, | |
3932 | .btn-soundcloud.active, | |
3933 | .open > .dropdown-toggle.btn-soundcloud { | |
3934 | color: #ffffff; | |
3935 | background-color: #cc4400; | |
3936 | border-color: rgba(0, 0, 0, 0.2); | |
3937 | } | |
3938 | .btn-soundcloud:active, | |
3939 | .btn-soundcloud.active, | |
3940 | .open > .dropdown-toggle.btn-soundcloud { | |
3941 | background-image: none; | |
3942 | } | |
3943 | .btn-soundcloud .badge { | |
3944 | color: #ff5500; | |
3945 | background-color: #ffffff; | |
3946 | } | |
3947 | .btn-tumblr { | |
3948 | color: #ffffff; | |
3949 | background-color: #2c4762; | |
3950 | border-color: rgba(0, 0, 0, 0.2); | |
3951 | } | |
3952 | .btn-tumblr:focus, | |
3953 | .btn-tumblr.focus { | |
3954 | color: #ffffff; | |
3955 | background-color: #1c2d3f; | |
3956 | border-color: rgba(0, 0, 0, 0.2); | |
3957 | } | |
3958 | .btn-tumblr:hover { | |
3959 | color: #ffffff; | |
3960 | background-color: #1c2d3f; | |
3961 | border-color: rgba(0, 0, 0, 0.2); | |
3962 | } | |
3963 | .btn-tumblr:active, | |
3964 | .btn-tumblr.active, | |
3965 | .open > .dropdown-toggle.btn-tumblr { | |
3966 | color: #ffffff; | |
3967 | background-color: #1c2d3f; | |
3968 | border-color: rgba(0, 0, 0, 0.2); | |
3969 | } | |
3970 | .btn-tumblr:active, | |
3971 | .btn-tumblr.active, | |
3972 | .open > .dropdown-toggle.btn-tumblr { | |
3973 | background-image: none; | |
3974 | } | |
3975 | .btn-tumblr .badge { | |
3976 | color: #2c4762; | |
3977 | background-color: #ffffff; | |
3978 | } | |
3979 | .btn-twitter { | |
3980 | color: #ffffff; | |
3981 | background-color: #55acee; | |
3982 | border-color: rgba(0, 0, 0, 0.2); | |
3983 | } | |
3984 | .btn-twitter:focus, | |
3985 | .btn-twitter.focus { | |
3986 | color: #ffffff; | |
3987 | background-color: #2795e9; | |
3988 | border-color: rgba(0, 0, 0, 0.2); | |
3989 | } | |
3990 | .btn-twitter:hover { | |
3991 | color: #ffffff; | |
3992 | background-color: #2795e9; | |
3993 | border-color: rgba(0, 0, 0, 0.2); | |
3994 | } | |
3995 | .btn-twitter:active, | |
3996 | .btn-twitter.active, | |
3997 | .open > .dropdown-toggle.btn-twitter { | |
3998 | color: #ffffff; | |
3999 | background-color: #2795e9; | |
4000 | border-color: rgba(0, 0, 0, 0.2); | |
4001 | } | |
4002 | .btn-twitter:active, | |
4003 | .btn-twitter.active, | |
4004 | .open > .dropdown-toggle.btn-twitter { | |
4005 | background-image: none; | |
4006 | } | |
4007 | .btn-twitter .badge { | |
4008 | color: #55acee; | |
4009 | background-color: #ffffff; | |
4010 | } | |
4011 | .btn-vimeo { | |
4012 | color: #ffffff; | |
4013 | background-color: #1ab7ea; | |
4014 | border-color: rgba(0, 0, 0, 0.2); | |
4015 | } | |
4016 | .btn-vimeo:focus, | |
4017 | .btn-vimeo.focus { | |
4018 | color: #ffffff; | |
4019 | background-color: #1295bf; | |
4020 | border-color: rgba(0, 0, 0, 0.2); | |
4021 | } | |
4022 | .btn-vimeo:hover { | |
4023 | color: #ffffff; | |
4024 | background-color: #1295bf; | |
4025 | border-color: rgba(0, 0, 0, 0.2); | |
4026 | } | |
4027 | .btn-vimeo:active, | |
4028 | .btn-vimeo.active, | |
4029 | .open > .dropdown-toggle.btn-vimeo { | |
4030 | color: #ffffff; | |
4031 | background-color: #1295bf; | |
4032 | border-color: rgba(0, 0, 0, 0.2); | |
4033 | } | |
4034 | .btn-vimeo:active, | |
4035 | .btn-vimeo.active, | |
4036 | .open > .dropdown-toggle.btn-vimeo { | |
4037 | background-image: none; | |
4038 | } | |
4039 | .btn-vimeo .badge { | |
4040 | color: #1ab7ea; | |
4041 | background-color: #ffffff; | |
4042 | } | |
4043 | .btn-vk { | |
4044 | color: #ffffff; | |
4045 | background-color: #587ea3; | |
4046 | border-color: rgba(0, 0, 0, 0.2); | |
4047 | } | |
4048 | .btn-vk:focus, | |
4049 | .btn-vk.focus { | |
4050 | color: #ffffff; | |
4051 | background-color: #466482; | |
4052 | border-color: rgba(0, 0, 0, 0.2); | |
4053 | } | |
4054 | .btn-vk:hover { | |
4055 | color: #ffffff; | |
4056 | background-color: #466482; | |
4057 | border-color: rgba(0, 0, 0, 0.2); | |
4058 | } | |
4059 | .btn-vk:active, | |
4060 | .btn-vk.active, | |
4061 | .open > .dropdown-toggle.btn-vk { | |
4062 | color: #ffffff; | |
4063 | background-color: #466482; | |
4064 | border-color: rgba(0, 0, 0, 0.2); | |
4065 | } | |
4066 | .btn-vk:active, | |
4067 | .btn-vk.active, | |
4068 | .open > .dropdown-toggle.btn-vk { | |
4069 | background-image: none; | |
4070 | } | |
4071 | .btn-vk .badge { | |
4072 | color: #587ea3; | |
4073 | background-color: #ffffff; | |
4074 | } | |
4075 | .btn-yahoo { | |
4076 | color: #ffffff; | |
4077 | background-color: #720e9e; | |
4078 | border-color: rgba(0, 0, 0, 0.2); | |
4079 | } | |
4080 | .btn-yahoo:focus, | |
4081 | .btn-yahoo.focus { | |
4082 | color: #ffffff; | |
4083 | background-color: #500a6f; | |
4084 | border-color: rgba(0, 0, 0, 0.2); | |
4085 | } | |
4086 | .btn-yahoo:hover { | |
4087 | color: #ffffff; | |
4088 | background-color: #500a6f; | |
4089 | border-color: rgba(0, 0, 0, 0.2); | |
4090 | } | |
4091 | .btn-yahoo:active, | |
4092 | .btn-yahoo.active, | |
4093 | .open > .dropdown-toggle.btn-yahoo { | |
4094 | color: #ffffff; | |
4095 | background-color: #500a6f; | |
4096 | border-color: rgba(0, 0, 0, 0.2); | |
4097 | } | |
4098 | .btn-yahoo:active, | |
4099 | .btn-yahoo.active, | |
4100 | .open > .dropdown-toggle.btn-yahoo { | |
4101 | background-image: none; | |
4102 | } | |
4103 | .btn-yahoo .badge { | |
4104 | color: #720e9e; | |
4105 | background-color: #ffffff; | |
4106 | } | |
4107 | /* | |
4108 | * Plugin: Full Calendar | |
4109 | * --------------------- | |
4110 | */ | |
4111 | .fc-button { | |
4112 | background: #f4f4f4; | |
4113 | background-image: none; | |
4114 | color: #444; | |
4115 | border-color: #ddd; | |
4116 | border-bottom-color: #ddd; | |
4117 | } | |
4118 | .fc-button:hover, | |
4119 | .fc-button:active, | |
4120 | .fc-button.hover { | |
4121 | background-color: #e9e9e9; | |
4122 | } | |
4123 | .fc-header-title h2 { | |
4124 | font-size: 15px; | |
4125 | line-height: 1.6em; | |
4126 | color: #666; | |
4127 | margin-left: 10px; | |
4128 | } | |
4129 | .fc-header-right { | |
4130 | padding-right: 10px; | |
4131 | } | |
4132 | .fc-header-left { | |
4133 | padding-left: 10px; | |
4134 | } | |
4135 | .fc-widget-header { | |
4136 | background: #fafafa; | |
4137 | } | |
4138 | .fc-grid { | |
4139 | width: 100%; | |
4140 | border: 0; | |
4141 | } | |
4142 | .fc-widget-header:first-of-type, | |
4143 | .fc-widget-content:first-of-type { | |
4144 | border-left: 0; | |
4145 | border-right: 0; | |
4146 | } | |
4147 | .fc-widget-header:last-of-type, | |
4148 | .fc-widget-content:last-of-type { | |
4149 | border-right: 0; | |
4150 | } | |
4151 | .fc-toolbar { | |
4152 | padding: 10px; | |
4153 | margin: 0; | |
4154 | } | |
4155 | .fc-day-number { | |
4156 | font-size: 20px; | |
4157 | font-weight: 300; | |
4158 | padding-right: 10px; | |
4159 | } | |
4160 | .fc-color-picker { | |
4161 | list-style: none; | |
4162 | margin: 0; | |
4163 | padding: 0; | |
4164 | } | |
4165 | .fc-color-picker > li { | |
4166 | float: left; | |
4167 | font-size: 30px; | |
4168 | margin-right: 5px; | |
4169 | line-height: 30px; | |
4170 | } | |
4171 | .fc-color-picker > li .fa { | |
4172 | -webkit-transition: -webkit-transform linear 0.3s; | |
4173 | -moz-transition: -moz-transform linear 0.3s; | |
4174 | -o-transition: -o-transform linear 0.3s; | |
4175 | transition: transform linear 0.3s; | |
4176 | } | |
4177 | .fc-color-picker > li .fa:hover { | |
4178 | -webkit-transform: rotate(30deg); | |
4179 | -ms-transform: rotate(30deg); | |
4180 | -o-transform: rotate(30deg); | |
4181 | transform: rotate(30deg); | |
4182 | } | |
4183 | #add-new-event { | |
4184 | -webkit-transition: all linear 0.3s; | |
4185 | -o-transition: all linear 0.3s; | |
4186 | transition: all linear 0.3s; | |
4187 | } | |
4188 | .external-event { | |
4189 | padding: 5px 10px; | |
4190 | font-weight: bold; | |
4191 | margin-bottom: 4px; | |
4192 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
4193 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
4194 | border-radius: 3px; | |
4195 | cursor: move; | |
4196 | } | |
4197 | .external-event:hover { | |
4198 | box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); | |
4199 | } | |
4200 | /* | |
4201 | * Plugin: Select2 | |
4202 | * --------------- | |
4203 | */ | |
4204 | .select2-container--default.select2-container--focus, | |
4205 | .select2-selection.select2-container--focus, | |
4206 | .select2-container--default:focus, | |
4207 | .select2-selection:focus, | |
4208 | .select2-container--default:active, | |
4209 | .select2-selection:active { | |
4210 | outline: none; | |
4211 | } | |
4212 | .select2-container--default .select2-selection--single, | |
4213 | .select2-selection .select2-selection--single { | |
4214 | border: 1px solid #d2d6de; | |
4215 | border-radius: 0; | |
4216 | padding: 6px 12px; | |
4217 | height: 34px; | |
4218 | } | |
4219 | .select2-container--default.select2-container--open { | |
4220 | border-color: #3c8dbc; | |
4221 | } | |
4222 | .select2-dropdown { | |
4223 | border: 1px solid #d2d6de; | |
4224 | border-radius: 0; | |
4225 | } | |
4226 | .select2-container--default .select2-results__option--highlighted[aria-selected] { | |
4227 | background-color: #3c8dbc; | |
4228 | color: white; | |
4229 | } | |
4230 | .select2-results__option { | |
4231 | padding: 6px 12px; | |
4232 | user-select: none; | |
4233 | -webkit-user-select: none; | |
4234 | } | |
4235 | .select2-container .select2-selection--single .select2-selection__rendered { | |
4236 | padding-left: 0; | |
4237 | padding-right: 0; | |
4238 | height: auto; | |
4239 | margin-top: -4px; | |
4240 | } | |
4241 | .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { | |
4242 | padding-right: 6px; | |
4243 | padding-left: 20px; | |
4244 | } | |
4245 | .select2-container--default .select2-selection--single .select2-selection__arrow { | |
4246 | height: 28px; | |
4247 | right: 3px; | |
4248 | } | |
4249 | .select2-container--default .select2-selection--single .select2-selection__arrow b { | |
4250 | margin-top: 0; | |
4251 | } | |
4252 | .select2-dropdown .select2-search__field, | |
4253 | .select2-search--inline .select2-search__field { | |
4254 | border: 1px solid #d2d6de; | |
4255 | } | |
4256 | .select2-dropdown .select2-search__field:focus, | |
4257 | .select2-search--inline .select2-search__field:focus { | |
4258 | outline: none; | |
4259 | border: 1px solid #3c8dbc; | |
4260 | } | |
4261 | .select2-container--default .select2-results__option[aria-disabled=true] { | |
4262 | color: #999; | |
4263 | } | |
4264 | .select2-container--default .select2-results__option[aria-selected=true] { | |
4265 | background-color: #ddd; | |
4266 | } | |
4267 | .select2-container--default .select2-results__option[aria-selected=true], | |
4268 | .select2-container--default .select2-results__option[aria-selected=true]:hover { | |
4269 | color: #444; | |
4270 | } | |
4271 | .select2-container--default .select2-selection--multiple { | |
4272 | border: 1px solid #d2d6de; | |
4273 | border-radius: 0; | |
4274 | } | |
4275 | .select2-container--default .select2-selection--multiple:focus { | |
4276 | border-color: #3c8dbc; | |
4277 | } | |
4278 | .select2-container--default.select2-container--focus .select2-selection--multiple { | |
4279 | border-color: #d2d6de; | |
4280 | } | |
4281 | .select2-container--default .select2-selection--multiple .select2-selection__choice { | |
4282 | background-color: #3c8dbc; | |
4283 | border-color: #367fa9; | |
4284 | padding: 1px 10px; | |
4285 | color: #fff; | |
4286 | } | |
4287 | .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { | |
4288 | margin-right: 5px; | |
4289 | color: rgba(255, 255, 255, 0.7); | |
4290 | } | |
4291 | .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { | |
4292 | color: #fff; | |
4293 | } | |
4294 | .select2-container .select2-selection--single .select2-selection__rendered { | |
4295 | padding-right: 10px; | |
4296 | } | |
4297 | /* | |
4298 | * General: Miscellaneous | |
4299 | * ---------------------- | |
4300 | */ | |
4301 | .pad { | |
4302 | padding: 10px; | |
4303 | } | |
4304 | .margin { | |
4305 | margin: 10px; | |
4306 | } | |
4307 | .margin-bottom { | |
4308 | margin-bottom: 20px; | |
4309 | } | |
4310 | .margin-bottom-none { | |
4311 | margin-bottom: 0; | |
4312 | } | |
4313 | .margin-r-5 { | |
4314 | margin-right: 5px; | |
4315 | } | |
4316 | .inline { | |
4317 | display: inline; | |
4318 | } | |
4319 | .description-block { | |
4320 | display: block; | |
4321 | margin: 10px 0; | |
4322 | text-align: center; | |
4323 | } | |
4324 | .description-block.margin-bottom { | |
4325 | margin-bottom: 25px; | |
4326 | } | |
4327 | .description-block > .description-header { | |
4328 | margin: 0; | |
4329 | padding: 0; | |
4330 | font-weight: 600; | |
4331 | font-size: 16px; | |
4332 | } | |
4333 | .description-block > .description-text { | |
4334 | text-transform: uppercase; | |
4335 | } | |
4336 | .bg-red, | |
4337 | .bg-yellow, | |
4338 | .bg-aqua, | |
4339 | .bg-blue, | |
4340 | .bg-light-blue, | |
4341 | .bg-green, | |
4342 | .bg-navy, | |
4343 | .bg-teal, | |
4344 | .bg-olive, | |
4345 | .bg-lime, | |
4346 | .bg-orange, | |
4347 | .bg-fuchsia, | |
4348 | .bg-purple, | |
4349 | .bg-maroon, | |
4350 | .bg-black, | |
4351 | .bg-red-active, | |
4352 | .bg-yellow-active, | |
4353 | .bg-aqua-active, | |
4354 | .bg-blue-active, | |
4355 | .bg-light-blue-active, | |
4356 | .bg-green-active, | |
4357 | .bg-navy-active, | |
4358 | .bg-teal-active, | |
4359 | .bg-olive-active, | |
4360 | .bg-lime-active, | |
4361 | .bg-orange-active, | |
4362 | .bg-fuchsia-active, | |
4363 | .bg-purple-active, | |
4364 | .bg-maroon-active, | |
4365 | .bg-black-active, | |
4366 | .callout.callout-danger, | |
4367 | .callout.callout-warning, | |
4368 | .callout.callout-info, | |
4369 | .callout.callout-success, | |
4370 | .alert-success, | |
4371 | .alert-danger, | |
4372 | .alert-error, | |
4373 | .alert-warning, | |
4374 | .alert-info, | |
4375 | .label-danger, | |
4376 | .label-info, | |
4377 | .label-warning, | |
4378 | .label-primary, | |
4379 | .label-success, | |
4380 | .modal-primary .modal-body, | |
4381 | .modal-primary .modal-header, | |
4382 | .modal-primary .modal-footer, | |
4383 | .modal-warning .modal-body, | |
4384 | .modal-warning .modal-header, | |
4385 | .modal-warning .modal-footer, | |
4386 | .modal-info .modal-body, | |
4387 | .modal-info .modal-header, | |
4388 | .modal-info .modal-footer, | |
4389 | .modal-success .modal-body, | |
4390 | .modal-success .modal-header, | |
4391 | .modal-success .modal-footer, | |
4392 | .modal-danger .modal-body, | |
4393 | .modal-danger .modal-header, | |
4394 | .modal-danger .modal-footer { | |
4395 | color: #fff !important; | |
4396 | } | |
4397 | .bg-gray { | |
4398 | color: #000; | |
4399 | background-color: #d2d6de !important; | |
4400 | } | |
4401 | .bg-gray-light { | |
4402 | background-color: #f7f7f7; | |
4403 | } | |
4404 | .bg-black { | |
4405 | background-color: #111111 !important; | |
4406 | } | |
4407 | .bg-red, | |
4408 | .callout.callout-danger, | |
4409 | .alert-danger, | |
4410 | .alert-error, | |
4411 | .label-danger, | |
4412 | .modal-danger .modal-body { | |
4413 | background-color: #dd4b39 !important; | |
4414 | } | |
4415 | .bg-yellow, | |
4416 | .callout.callout-warning, | |
4417 | .alert-warning, | |
4418 | .label-warning, | |
4419 | .modal-warning .modal-body { | |
4420 | background-color: #f39c12 !important; | |
4421 | } | |
4422 | .bg-aqua, | |
4423 | .callout.callout-info, | |
4424 | .alert-info, | |
4425 | .label-info, | |
4426 | .modal-info .modal-body { | |
4427 | background-color: #00c0ef !important; | |
4428 | } | |
4429 | .bg-blue { | |
4430 | background-color: #0073b7 !important; | |
4431 | } | |
4432 | .bg-light-blue, | |
4433 | .label-primary, | |
4434 | .modal-primary .modal-body { | |
4435 | background-color: #3c8dbc !important; | |
4436 | } | |
4437 | .bg-green, | |
4438 | .callout.callout-success, | |
4439 | .alert-success, | |
4440 | .label-success, | |
4441 | .modal-success .modal-body { | |
4442 | background-color: #00a65a !important; | |
4443 | } | |
4444 | .bg-navy { | |
4445 | background-color: #001f3f !important; | |
4446 | } | |
4447 | .bg-teal { | |
4448 | background-color: #39cccc !important; | |
4449 | } | |
4450 | .bg-olive { | |
4451 | background-color: #3d9970 !important; | |
4452 | } | |
4453 | .bg-lime { | |
4454 | background-color: #01ff70 !important; | |
4455 | } | |
4456 | .bg-orange { | |
4457 | background-color: #ff851b !important; | |
4458 | } | |
4459 | .bg-fuchsia { | |
4460 | background-color: #f012be !important; | |
4461 | } | |
4462 | .bg-purple { | |
4463 | background-color: #605ca8 !important; | |
4464 | } | |
4465 | .bg-maroon { | |
4466 | background-color: #d81b60 !important; | |
4467 | } | |
4468 | .bg-gray-active { | |
4469 | color: #000; | |
4470 | background-color: #b5bbc8 !important; | |
4471 | } | |
4472 | .bg-black-active { | |
4473 | background-color: #000000 !important; | |
4474 | } | |
4475 | .bg-red-active, | |
4476 | .modal-danger .modal-header, | |
4477 | .modal-danger .modal-footer { | |
4478 | background-color: #d33724 !important; | |
4479 | } | |
4480 | .bg-yellow-active, | |
4481 | .modal-warning .modal-header, | |
4482 | .modal-warning .modal-footer { | |
4483 | background-color: #db8b0b !important; | |
4484 | } | |
4485 | .bg-aqua-active, | |
4486 | .modal-info .modal-header, | |
4487 | .modal-info .modal-footer { | |
4488 | background-color: #00a7d0 !important; | |
4489 | } | |
4490 | .bg-blue-active { | |
4491 | background-color: #005384 !important; | |
4492 | } | |
4493 | .bg-light-blue-active, | |
4494 | .modal-primary .modal-header, | |
4495 | .modal-primary .modal-footer { | |
4496 | background-color: #357ca5 !important; | |
4497 | } | |
4498 | .bg-green-active, | |
4499 | .modal-success .modal-header, | |
4500 | .modal-success .modal-footer { | |
4501 | background-color: #008d4c !important; | |
4502 | } | |
4503 | .bg-navy-active { | |
4504 | background-color: #001a35 !important; | |
4505 | } | |
4506 | .bg-teal-active { | |
4507 | background-color: #30bbbb !important; | |
4508 | } | |
4509 | .bg-olive-active { | |
4510 | background-color: #368763 !important; | |
4511 | } | |
4512 | .bg-lime-active { | |
4513 | background-color: #00e765 !important; | |
4514 | } | |
4515 | .bg-orange-active { | |
4516 | background-color: #ff7701 !important; | |
4517 | } | |
4518 | .bg-fuchsia-active { | |
4519 | background-color: #db0ead !important; | |
4520 | } | |
4521 | .bg-purple-active { | |
4522 | background-color: #555299 !important; | |
4523 | } | |
4524 | .bg-maroon-active { | |
4525 | background-color: #ca195a !important; | |
4526 | } | |
4527 | [class^="bg-"].disabled { | |
4528 | opacity: 0.65; | |
4529 | filter: alpha(opacity=65); | |
4530 | } | |
4531 | .text-red { | |
4532 | color: #dd4b39 !important; | |
4533 | } | |
4534 | .text-yellow { | |
4535 | color: #f39c12 !important; | |
4536 | } | |
4537 | .text-aqua { | |
4538 | color: #00c0ef !important; | |
4539 | } | |
4540 | .text-blue { | |
4541 | color: #0073b7 !important; | |
4542 | } | |
4543 | .text-black { | |
4544 | color: #111111 !important; | |
4545 | } | |
4546 | .text-light-blue { | |
4547 | color: #3c8dbc !important; | |
4548 | } | |
4549 | .text-green { | |
4550 | color: #00a65a !important; | |
4551 | } | |
4552 | .text-gray { | |
4553 | color: #d2d6de !important; | |
4554 | } | |
4555 | .text-navy { | |
4556 | color: #001f3f !important; | |
4557 | } | |
4558 | .text-teal { | |
4559 | color: #39cccc !important; | |
4560 | } | |
4561 | .text-olive { | |
4562 | color: #3d9970 !important; | |
4563 | } | |
4564 | .text-lime { | |
4565 | color: #01ff70 !important; | |
4566 | } | |
4567 | .text-orange { | |
4568 | color: #ff851b !important; | |
4569 | } | |
4570 | .text-fuchsia { | |
4571 | color: #f012be !important; | |
4572 | } | |
4573 | .text-purple { | |
4574 | color: #605ca8 !important; | |
4575 | } | |
4576 | .text-maroon { | |
4577 | color: #d81b60 !important; | |
4578 | } | |
4579 | .link-muted { | |
4580 | color: #7a869d; | |
4581 | } | |
4582 | .link-muted:hover, | |
4583 | .link-muted:focus { | |
4584 | color: #606c84; | |
4585 | } | |
4586 | .link-black { | |
4587 | color: #666; | |
4588 | } | |
4589 | .link-black:hover, | |
4590 | .link-black:focus { | |
4591 | color: #999; | |
4592 | } | |
4593 | .hide { | |
4594 | display: none !important; | |
4595 | } | |
4596 | .no-border { | |
4597 | border: 0 !important; | |
4598 | } | |
4599 | .no-padding { | |
4600 | padding: 0 !important; | |
4601 | } | |
4602 | .no-margin { | |
4603 | margin: 0 !important; | |
4604 | } | |
4605 | .no-shadow { | |
4606 | box-shadow: none !important; | |
4607 | } | |
4608 | .list-unstyled, | |
4609 | .chart-legend, | |
4610 | .contacts-list, | |
4611 | .users-list, | |
4612 | .mailbox-attachments { | |
4613 | list-style: none; | |
4614 | margin: 0; | |
4615 | padding: 0; | |
4616 | } | |
4617 | .list-group-unbordered > .list-group-item { | |
4618 | border-left: 0; | |
4619 | border-right: 0; | |
4620 | border-radius: 0; | |
4621 | padding-left: 0; | |
4622 | padding-right: 0; | |
4623 | } | |
4624 | .flat { | |
4625 | border-radius: 0 !important; | |
4626 | } | |
4627 | .text-bold, | |
4628 | .text-bold.table td, | |
4629 | .text-bold.table th { | |
4630 | font-weight: 700; | |
4631 | } | |
4632 | .text-sm { | |
4633 | font-size: 12px; | |
4634 | } | |
4635 | .jqstooltip { | |
4636 | padding: 5px !important; | |
4637 | width: auto !important; | |
4638 | height: auto !important; | |
4639 | } | |
4640 | .bg-teal-gradient { | |
4641 | background: #39cccc !important; | |
4642 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important; | |
4643 | background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important; | |
4644 | background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important; | |
4645 | background: -o-linear-gradient(#7adddd, #39cccc) !important; | |
4646 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important; | |
4647 | color: #fff; | |
4648 | } | |
4649 | .bg-light-blue-gradient { | |
4650 | background: #3c8dbc !important; | |
4651 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important; | |
4652 | background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important; | |
4653 | background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important; | |
4654 | background: -o-linear-gradient(#67a8ce, #3c8dbc) !important; | |
4655 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important; | |
4656 | color: #fff; | |
4657 | } | |
4658 | .bg-blue-gradient { | |
4659 | background: #0073b7 !important; | |
4660 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important; | |
4661 | background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important; | |
4662 | background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important; | |
4663 | background: -o-linear-gradient(#0089db, #0073b7) !important; | |
4664 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important; | |
4665 | color: #fff; | |
4666 | } | |
4667 | .bg-aqua-gradient { | |
4668 | background: #00c0ef !important; | |
4669 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important; | |
4670 | background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important; | |
4671 | background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important; | |
4672 | background: -o-linear-gradient(#14d1ff, #00c0ef) !important; | |
4673 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important; | |
4674 | color: #fff; | |
4675 | } | |
4676 | .bg-yellow-gradient { | |
4677 | background: #f39c12 !important; | |
4678 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important; | |
4679 | background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important; | |
4680 | background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important; | |
4681 | background: -o-linear-gradient(#f7bc60, #f39c12) !important; | |
4682 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important; | |
4683 | color: #fff; | |
4684 | } | |
4685 | .bg-purple-gradient { | |
4686 | background: #605ca8 !important; | |
4687 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important; | |
4688 | background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important; | |
4689 | background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important; | |
4690 | background: -o-linear-gradient(#9491c4, #605ca8) !important; | |
4691 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important; | |
4692 | color: #fff; | |
4693 | } | |
4694 | .bg-green-gradient { | |
4695 | background: #00a65a !important; | |
4696 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important; | |
4697 | background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important; | |
4698 | background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important; | |
4699 | background: -o-linear-gradient(#00ca6d, #00a65a) !important; | |
4700 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important; | |
4701 | color: #fff; | |
4702 | } | |
4703 | .bg-red-gradient { | |
4704 | background: #dd4b39 !important; | |
4705 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important; | |
4706 | background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important; | |
4707 | background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important; | |
4708 | background: -o-linear-gradient(#e47365, #dd4b39) !important; | |
4709 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important; | |
4710 | color: #fff; | |
4711 | } | |
4712 | .bg-black-gradient { | |
4713 | background: #111111 !important; | |
4714 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important; | |
4715 | background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important; | |
4716 | background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important; | |
4717 | background: -o-linear-gradient(#2b2b2b, #111111) !important; | |
4718 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important; | |
4719 | color: #fff; | |
4720 | } | |
4721 | .bg-maroon-gradient { | |
4722 | background: #d81b60 !important; | |
4723 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important; | |
4724 | background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important; | |
4725 | background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important; | |
4726 | background: -o-linear-gradient(#e73f7c, #d81b60) !important; | |
4727 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important; | |
4728 | color: #fff; | |
4729 | } | |
4730 | .description-block .description-icon { | |
4731 | font-size: 16px; | |
4732 | } | |
4733 | .no-pad-top { | |
4734 | padding-top: 0; | |
4735 | } | |
4736 | .position-static { | |
4737 | position: static !important; | |
4738 | } | |
4739 | .list-header { | |
4740 | font-size: 15px; | |
4741 | padding: 10px 4px; | |
4742 | font-weight: bold; | |
4743 | color: #666; | |
4744 | } | |
4745 | .list-seperator { | |
4746 | height: 1px; | |
4747 | background: #f4f4f4; | |
4748 | margin: 15px 0 9px 0; | |
4749 | } | |
4750 | .list-link > a { | |
4751 | padding: 4px; | |
4752 | color: #777; | |
4753 | } | |
4754 | .list-link > a:hover { | |
4755 | color: #222; | |
4756 | } | |
4757 | .font-light { | |
4758 | font-weight: 300; | |
4759 | } | |
4760 | .user-block:before, | |
4761 | .user-block:after { | |
4762 | content: " "; | |
4763 | display: table; | |
4764 | } | |
4765 | .user-block:after { | |
4766 | clear: both; | |
4767 | } | |
4768 | .user-block img { | |
4769 | width: 40px; | |
4770 | height: 40px; | |
4771 | float: left; | |
4772 | } | |
4773 | .user-block .username, | |
4774 | .user-block .description, | |
4775 | .user-block .comment { | |
4776 | display: block; | |
4777 | margin-left: 50px; | |
4778 | } | |
4779 | .user-block .username { | |
4780 | font-size: 16px; | |
4781 | font-weight: 600; | |
4782 | } | |
4783 | .user-block .description { | |
4784 | color: #999; | |
4785 | font-size: 13px; | |
4786 | } | |
4787 | .user-block.user-block-sm .username, | |
4788 | .user-block.user-block-sm .description, | |
4789 | .user-block.user-block-sm .comment { | |
4790 | margin-left: 40px; | |
4791 | } | |
4792 | .user-block.user-block-sm .username { | |
4793 | font-size: 14px; | |
4794 | } | |
4795 | .img-sm, | |
4796 | .img-md, | |
4797 | .img-lg, | |
4798 | .box-comments .box-comment img, | |
4799 | .user-block.user-block-sm img { | |
4800 | float: left; | |
4801 | } | |
4802 | .img-sm, | |
4803 | .box-comments .box-comment img, | |
4804 | .user-block.user-block-sm img { | |
4805 | width: 30px !important; | |
4806 | height: 30px !important; | |
4807 | } | |
4808 | .img-sm + .img-push { | |
4809 | margin-left: 40px; | |
4810 | } | |
4811 | .img-md { | |
4812 | width: 60px; | |
4813 | height: 60px; | |
4814 | } | |
4815 | .img-md + .img-push { | |
4816 | margin-left: 70px; | |
4817 | } | |
4818 | .img-lg { | |
4819 | width: 100px; | |
4820 | height: 100px; | |
4821 | } | |
4822 | .img-lg + .img-push { | |
4823 | margin-left: 110px; | |
4824 | } | |
4825 | .img-bordered { | |
4826 | border: 3px solid #d2d6de; | |
4827 | padding: 3px; | |
4828 | } | |
4829 | .img-bordered-sm { | |
4830 | border: 2px solid #d2d6de; | |
4831 | padding: 2px; | |
4832 | } | |
4833 | .attachment-block { | |
4834 | border: 1px solid #f4f4f4; | |
4835 | padding: 5px; | |
4836 | margin-bottom: 10px; | |
4837 | background: #f7f7f7; | |
4838 | } | |
4839 | .attachment-block .attachment-img { | |
4840 | max-width: 100px; | |
4841 | max-height: 100px; | |
4842 | height: auto; | |
4843 | float: left; | |
4844 | } | |
4845 | .attachment-block .attachment-pushed { | |
4846 | margin-left: 110px; | |
4847 | } | |
4848 | .attachment-block .attachment-heading { | |
4849 | margin: 0; | |
4850 | } | |
4851 | .attachment-block .attachment-text { | |
4852 | color: #555; | |
4853 | } | |
4854 | .connectedSortable { | |
4855 | min-height: 100px; | |
4856 | } | |
4857 | .ui-helper-hidden-accessible { | |
4858 | border: 0; | |
4859 | clip: rect(0 0 0 0); | |
4860 | height: 1px; | |
4861 | margin: -1px; | |
4862 | overflow: hidden; | |
4863 | padding: 0; | |
4864 | position: absolute; | |
4865 | width: 1px; | |
4866 | } | |
4867 | .sort-highlight { | |
4868 | background: #f4f4f4; | |
4869 | border: 1px dashed #ddd; | |
4870 | margin-bottom: 10px; | |
4871 | } | |
4872 | .full-opacity-hover { | |
4873 | opacity: 0.65; | |
4874 | filter: alpha(opacity=65); | |
4875 | } | |
4876 | .full-opacity-hover:hover { | |
4877 | opacity: 1; | |
4878 | filter: alpha(opacity=100); | |
4879 | } | |
4880 | .chart { | |
4881 | position: relative; | |
4882 | overflow: hidden; | |
4883 | width: 100%; | |
4884 | } | |
4885 | .chart svg, | |
4886 | .chart canvas { | |
4887 | width: 100% !important; | |
4888 | } | |
4889 | /* | |
4890 | * Misc: print | |
4891 | * ----------- | |
4892 | */ | |
4893 | @media print { | |
4894 | .no-print, | |
4895 | .main-sidebar, | |
4896 | .left-side, | |
4897 | .main-header, | |
4898 | .content-header { | |
4899 | display: none !important; | |
4900 | } | |
4901 | .content-wrapper, | |
4902 | .right-side, | |
4903 | .main-footer { | |
4904 | margin-left: 0 !important; | |
4905 | min-height: 0 !important; | |
4906 | -webkit-transform: translate(0, 0) !important; | |
4907 | -ms-transform: translate(0, 0) !important; | |
4908 | -o-transform: translate(0, 0) !important; | |
4909 | transform: translate(0, 0) !important; | |
4910 | } | |
4911 | .fixed .content-wrapper, | |
4912 | .fixed .right-side { | |
4913 | padding-top: 0 !important; | |
4914 | } | |
4915 | .invoice { | |
4916 | width: 100%; | |
4917 | border: 0; | |
4918 | margin: 0; | |
4919 | padding: 0; | |
4920 | } | |
4921 | .invoice-col { | |
4922 | float: left; | |
4923 | width: 33.3333333%; | |
4924 | } | |
4925 | .table-responsive { | |
4926 | overflow: auto; | |
4927 | } | |
4928 | .table-responsive > .table tr th, | |
4929 | .table-responsive > .table tr td { | |
4930 | white-space: normal !important; | |
4931 | } | |
4932 | } |