1 @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
2 @import url(//fonts.googleapis.com/css?family=Kaushan+Script);
5 * Author: AlmsaeedStudio.com
6 * License: Open source - MIT
7 * Please visit http://opensource.org/licenses/MIT for more information
11 ----------------------------
15 overflow-x: hidden!important;
16 overflow-y: hidden!important;
17 /*font-family: 'Source Sans Pro', sans-serif;*/
19 -webkit-font-smoothing: antialiased;
30 text-decoration: none;
53 /* Define 2 column template */
59 /*right side - contins main content*/
61 background-color: #f9f9f9;
64 /*left side - contains sidebar*/
70 @media screen and (min-width: 992px) {
74 /*Right side strech mode*/
78 .right-side.strech > .content-header {
81 /* Left side collapse */
82 .left-side.collapse-left {
86 /*Give content full width on xs screens*/
87 @media screen and (max-width: 992px) {
93 By default the layout is not fixed but if you add the class .fixed to the body element
94 the sidebar and the navbar will automatically become poisitioned fixed
97 body.fixed .left-side,
99 body.fixed > .header {
105 body.fixed .wrapper {
111 /* background: #f9f9f9; */
127 font-family: 'Source Sans Pro', sans-serif;
131 margin: 10px 0 20px 0;
134 .page-header > small {
139 /* All images should be responsive */
141 max-width: 100% !important;
145 border: 1px dashed #ddd;
148 /* 10px padding and margins */
160 /* Background colors */
176 color: #f9f9f9 !important;
179 background-color: #eaeaec !important;
182 background-color: #222222 !important;
185 background-color: #f56954 !important;
188 background-color: #f39c12 !important;
191 background-color: #00c0ef !important;
194 background-color: #0073b7 !important;
197 background-color: #3c8dbc !important;
200 background-color: #00a65a !important;
203 background-color: #001f3f !important;
206 background-color: #39cccc !important;
209 background-color: #3d9970 !important;
212 background-color: #01ff70 !important;
215 background-color: #ff851b !important;
218 background-color: #f012be !important;
221 background-color: #932ab6 !important;
224 background-color: #85144b !important;
228 color: #f56954 !important;
231 color: #f39c12 !important;
234 color: #00c0ef !important;
237 color: #0073b7 !important;
240 color: #222222 !important;
243 color: #3c8dbc !important;
246 color: #00a65a !important;
249 color: #001f3f !important;
252 color: #39cccc !important;
255 color: #3d9970 !important;
258 color: #01ff70 !important;
261 color: #ff851b !important;
264 color: #f012be !important;
267 color: #932ab6 !important;
270 color: #85144b !important;
272 /*Hide elements by display none only*/
274 display: none !important;
278 border: 0px !important;
282 padding: 0px !important;
286 margin: 0px !important;
288 /* Remove box shadow */
290 box-shadow: none!important;
292 /* Don't display when printing */
306 /* Remove border radius */
308 -webkit-border-radius: 0 !important;
309 -moz-border-radius: 0 !important;
310 border-radius: 0 !important;
312 /* Change the color of the striped tables */
313 .table-striped > tbody > tr:nth-child(odd) > td,
314 .table-striped > tbody > tr:nth-child(odd) > th {
315 background-color: #f3f4f5;
319 .table.no-border th {
322 /* .text-center in tables */
324 table.text-center td,
325 table.text-center th {
336 .text-bold.table th {
339 .border-radius-none {
340 -webkit-border-radius: 0 !important;
341 -moz-border-radius: 0 !important;
342 border-radius: 0 !important;
344 /* _fix for sparkline tooltip */
346 padding: 5px!important;
347 width: auto!important;
348 height: auto!important;
351 Gradient Background colors
354 background: #39cccc !important;
355 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
356 background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
357 background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
358 background: -o-linear-gradient(#7adddd, #39cccc) !important;
359 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
362 .bg-light-blue-gradient {
363 background: #3c8dbc !important;
364 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
365 background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
366 background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
367 background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
368 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
372 background: #0073b7 !important;
373 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
374 background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
375 background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
376 background: -o-linear-gradient(#0089db, #0073b7) !important;
377 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
381 background: #00c0ef !important;
382 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
383 background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
384 background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
385 background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
386 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
389 .bg-yellow-gradient {
390 background: #f39c12 !important;
391 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
392 background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
393 background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
394 background: -o-linear-gradient(#f7bc60, #f39c12) !important;
395 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
398 .bg-purple-gradient {
399 background: #932ab6 !important;
400 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #932ab6), color-stop(1, #b959d9)) !important;
401 background: -ms-linear-gradient(bottom, #932ab6, #b959d9) !important;
402 background: -moz-linear-gradient(center bottom, #932ab6 0%, #b959d9 100%) !important;
403 background: -o-linear-gradient(#b959d9, #932ab6) !important;
404 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;
408 background: #00a65a !important;
409 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
410 background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
411 background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
412 background: -o-linear-gradient(#00ca6d, #00a65a) !important;
413 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
417 background: #f56954 !important;
418 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f56954), color-stop(1, #f89384)) !important;
419 background: -ms-linear-gradient(bottom, #f56954, #f89384) !important;
420 background: -moz-linear-gradient(center bottom, #f56954 0%, #f89384 100%) !important;
421 background: -o-linear-gradient(#f89384, #f56954) !important;
422 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;
426 background: #222222 !important;
427 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #3c3c3c)) !important;
428 background: -ms-linear-gradient(bottom, #222222, #3c3c3c) !important;
429 background: -moz-linear-gradient(center bottom, #222222 0%, #3c3c3c 100%) !important;
430 background: -o-linear-gradient(#3c3c3c, #222222) !important;
431 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;
434 .bg-maroon-gradient {
435 background: #85144b !important;
436 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85144b), color-stop(1, #b11b64)) !important;
437 background: -ms-linear-gradient(bottom, #85144b, #b11b64) !important;
438 background: -moz-linear-gradient(center bottom, #85144b 0%, #b11b64 100%) !important;
439 background: -o-linear-gradient(#b11b64, #85144b) !important;
440 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
446 /*---------------------------------------------------
448 ---------------------------------------------------
449 A set of useful LESS mixins
450 More info at: http://lesselements.com
451 ---------------------------------------------------*/
453 Components: navbar, logo and content header
454 -------------------------------------------------
457 body > .header .logo {
464 font-family: 'Kaushan Script', cursive;
474 font-family: 'Kaushan Script', cursive;
484 font-family: 'Kaushan Script', cursive;
491 body > .header .logo .icon {
494 .right-side > .content-header {
496 padding: 15px 15px 10px 20px;
498 .right-side > .content-header > h1 {
502 .right-side > .content-header > h1 > small {
504 display: inline-block;
508 .right-side > .content-header > .breadcrumb {
510 background: transparent;
518 -webkit-border-radius: 2px;
519 -moz-border-radius: 2px;
522 .right-side > .content-header > .breadcrumb > li > a {
524 text-decoration: none;
526 .right-side > .content-header > .breadcrumb > li > a > .fa,
527 .right-side > .content-header > .breadcrumb > li > a > .glyphicon,
528 .right-side > .content-header > .breadcrumb > li > a > .ion {
531 .right-side > .content-header > .breadcrumb > li + li:before {
534 @media screen and (max-width: 767px) {
535 .right-side > .content-header > .breadcrumb {
547 ----------------------------
549 /*Dropdowns in general*/
551 -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
552 -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
553 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
555 .dropdown-menu > li > a > .glyphicon,
556 .dropdown-menu > li > a > .fa,
557 .dropdown-menu > li > a > .ion {
561 .dropdown-menu > li > a:hover {
562 background-color: #3c8dbc;
566 .dropdown-menu > div > li > a:hover {
567 background-color: #3c8dbc;
571 .skin-blue .navbar .dropdown-menu > div > li > a {
575 .dropdown-menu > div > li > a {
580 line-height: 1.42857143;
585 /*Drodown in navbars*/
586 .skin-blue .navbar .dropdown-menu > li > a {
590 Navbar custom dropdown menu
591 ------------------------------------
594 /* Add fade animation to dropdown menus */
595 .open:not(.dropup) > .dropdown-menu {
596 animation-name: fadeAnimation;
597 animation-duration: .7s;
598 animation-iteration-count: 1;
599 animation-timing-function: ease;
600 animation-fill-mode: forwards;
601 -webkit-animation-name: fadeAnimation;
602 -webkit-animation-duration: .7s;
603 -webkit-animation-iteration-count: 1;
604 -webkit-animation-timing-function: ease;
605 -webkit-animation-fill-mode: forwards;
606 -moz-animation-name: fadeAnimation;
607 -moz-animation-duration: .7s;
608 -moz-animation-iteration-count: 1;
609 -moz-animation-timing-function: ease;
610 -moz-animation-fill-mode: forwards;
612 @keyframes fadeAnimation {
622 @-webkit-keyframes fadeAnimation {
634 All form elements including input, select, textarea etc.
635 -----------------------------------------------------------------
638 -webkit-border-radius: 0px !important;
639 -moz-border-radius: 0px !important;
640 border-radius: 0px !important;
643 .form-control:focus {
644 border-color: #3c8dbc !important;
647 .form-group.has-success label {
650 .form-group.has-success .form-control {
651 border-color: #00a65a !important;
654 .form-group.has-warning label {
657 .form-group.has-warning .form-control {
658 border-color: #f39c12 !important;
661 .form-group.has-error label {
664 .form-group.has-error .form-control {
665 border-color: #f56954 !important;
669 .input-group .input-group-addon {
671 background-color: #f4f4f4;
674 .btn-group-vertical .btn.btn-flat:first-of-type,
675 .btn-group-vertical .btn.btn-flat:last-of-type {
678 /* Checkbox and radio inputs */
684 Compenent: Progress bars
685 --------------------------------
699 display: inline-block;
702 .progress.vertical > .progress-bar {
703 width: 100%!important;
707 .progress.vertical.sm {
710 .progress.vertical.xs {
713 /* Remove margins from progress bars when put in a table */
714 .table tr > td .progress {
717 .progress-bar-light-blue,
718 .progress-bar-primary {
719 background-color: #3c8dbc;
721 .progress-striped .progress-bar-light-blue,
722 .progress-striped .progress-bar-primary {
723 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
724 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);
725 background-image: -moz-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);
726 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);
729 .progress-bar-success {
730 background-color: #00a65a;
732 .progress-striped .progress-bar-green,
733 .progress-striped .progress-bar-success {
734 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
735 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);
736 background-image: -moz-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);
737 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);
741 background-color: #00c0ef;
743 .progress-striped .progress-bar-aqua,
744 .progress-striped .progress-bar-info {
745 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
746 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);
747 background-image: -moz-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);
748 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);
750 .progress-bar-yellow,
751 .progress-bar-warning {
752 background-color: #f39c12;
754 .progress-striped .progress-bar-yellow,
755 .progress-striped .progress-bar-warning {
756 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
757 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);
758 background-image: -moz-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);
759 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);
762 .progress-bar-danger {
763 background-color: #f56954;
765 .progress-striped .progress-bar-red,
766 .progress-striped .progress-bar-danger {
767 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
768 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);
769 background-image: -moz-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);
770 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);
773 Component: Small boxes
778 -webkit-border-radius: 2px;
779 -moz-border-radius: 2px;
783 .small-box > .inner {
786 .small-box > .small-box-footer {
791 color: rgba(255, 255, 255, 0.8);
794 background: rgba(0, 0, 0, 0.1);
795 text-decoration: none;
797 .small-box > .small-box-footer:hover {
799 background: rgba(0, 0, 0, 0.15);
811 .small-box p > small {
828 color: rgba(0, 0, 0, 0.15);
831 text-decoration: none;
834 .small-box:hover .icon {
835 animation-name: tansformAnimation;
836 animation-duration: .5s;
837 animation-iteration-count: 1;
838 animation-timing-function: ease;
839 animation-fill-mode: forwards;
840 -webkit-animation-name: tansformAnimation;
841 -webkit-animation-duration: .5s;
842 -webkit-animation-iteration-count: 1;
843 -webkit-animation-timing-function: ease;
844 -webkit-animation-fill-mode: forwards;
845 -moz-animation-name: tansformAnimation;
846 -moz-animation-duration: .5s;
847 -moz-animation-iteration-count: 1;
848 -moz-animation-timing-function: ease;
849 -moz-animation-fill-mode: forwards;
851 @keyframes tansformAnimation {
859 @-webkit-keyframes tansformAnimation {
867 @media screen and (max-width: 480px) {
880 -------------------------
885 border-top: 2px solid #c1c1c1;
887 -webkit-border-radius: 3px;
888 -moz-border-radius: 3px;
891 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
894 border-top-color: #3c8dbc;
897 border-top-color: #00c0ef;
900 border-top-color: #f56954;
903 border-top-color: #f39c12;
906 border-top-color: #00a65a;
908 .box.height-control .box-body {
914 -webkit-border-top-left-radius: 3px;
915 -webkit-border-top-right-radius: 3px;
916 -webkit-border-bottom-right-radius: 0;
917 -webkit-border-bottom-left-radius: 0;
918 -moz-border-radius-topleft: 3px;
919 -moz-border-radius-topright: 3px;
920 -moz-border-radius-bottomright: 0;
921 -moz-border-radius-bottomleft: 0;
922 border-top-left-radius: 3px;
923 border-top-right-radius: 3px;
924 border-bottom-right-radius: 0;
925 border-bottom-left-radius: 0;
926 border-bottom: 0px solid #f4f4f4;
929 .box .box-header:before,
930 .box .box-header:after {
934 .box .box-header:after {
937 .box .box-header > .fa,
938 .box .box-header > .glyphicon,
939 .box .box-header > .ion,
940 .box .box-header .box-title {
941 display: inline-block;
942 padding: 10px 10px 10px 10px;
952 .box .box-header > .box-tools {
953 padding: 5px 10px 5px 5px;
957 -webkit-border-top-left-radius: 0;
958 -webkit-border-top-right-radius: 0;
959 -webkit-border-bottom-right-radius: 3px;
960 -webkit-border-bottom-left-radius: 3px;
961 -moz-border-radius-topleft: 0;
962 -moz-border-radius-topright: 0;
963 -moz-border-radius-bottomright: 3px;
964 -moz-border-radius-bottomleft: 3px;
965 border-top-left-radius: 0;
966 border-top-right-radius: 0;
967 border-bottom-right-radius: 3px;
968 border-bottom-left-radius: 3px;
970 .box .box-body > table,
971 .box .box-body > .table {
974 .box .box-body.chart-responsive {
978 .box .box-body > .chart {
983 .box .box-body > .chart svg,
984 .box .box-body > .chart canvas {
985 width: 100%!important;
990 .box .box-body .fc-header-title h2 {
996 .box .box-body .fc-header-right {
999 .box .box-body .fc-header-left {
1002 .box .box-body .fc-widget-header {
1003 background: #fafafa;
1004 box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
1006 .box .box-body .fc-grid {
1010 .box .box-body .fc-widget-header:first-of-type,
1011 .box .box-body .fc-widget-content:first-of-type {
1015 .box .box-body .fc-widget-header:last-of-type,
1016 .box .box-body .fc-widget-content:last-of-type {
1019 .box .box-body .table {
1022 .box .box-body .full-width-chart {
1025 .box .box-body.no-padding .full-width-chart {
1029 border-top: 1px solid #f4f4f4;
1030 -webkit-border-top-left-radius: 0;
1031 -webkit-border-top-right-radius: 0;
1032 -webkit-border-bottom-right-radius: 3px;
1033 -webkit-border-bottom-left-radius: 3px;
1034 -moz-border-radius-topleft: 0;
1035 -moz-border-radius-topright: 0;
1036 -moz-border-radius-bottomright: 3px;
1037 -moz-border-radius-bottomleft: 3px;
1038 border-top-left-radius: 0;
1039 border-top-right-radius: 0;
1040 border-bottom-right-radius: 3px;
1041 border-bottom-left-radius: 3px;
1043 background-color: #ffffff;
1048 .box.box-solid > .box-header {
1049 padding-bottom: 0px!important;
1051 .box.box-solid > .box-header .btn.btn-default {
1052 background: transparent;
1054 .box.box-solid.box-primary > .box-header {
1056 background: #3c8dbc;
1057 background-color: #3c8dbc;
1059 .box.box-solid.box-primary > .box-header a {
1062 .box.box-solid.box-info > .box-header {
1064 background: #00c0ef;
1065 background-color: #00c0ef;
1067 .box.box-solid.box-info > .box-header a {
1070 .box.box-solid.box-danger > .box-header {
1072 background: #f56954;
1073 background-color: #f56954;
1075 .box.box-solid.box-danger > .box-header a {
1078 .box.box-solid.box-warning > .box-header {
1080 background: #f39c12;
1081 background-color: #f39c12;
1083 .box.box-solid.box-warning > .box-header a {
1086 .box.box-solid.box-success > .box-header {
1088 background: #00a65a;
1089 background-color: #00a65a;
1091 .box.box-solid.box-success > .box-header a {
1094 .box.box-solid > .box-header > .box-tools .btn {
1098 .box.box-solid.collapsed-box .box-header {
1099 -webkit-border-radius: 3px;
1100 -moz-border-radius: 3px;
1103 .box.box-solid[class*='bg'] > .box-header {
1106 .box .box-group > .box {
1114 margin-bottom: 0.3em;
1121 .box .todo-list > li {
1122 -webkit-border-radius: 2px;
1123 -moz-border-radius: 2px;
1126 background: #f3f4f5;
1128 border-left: 2px solid #e6e7e8;
1131 .box .todo-list > li:last-of-type {
1134 .box .todo-list > li.danger {
1135 border-left-color: #f56954;
1137 .box .todo-list > li.warning {
1138 border-left-color: #f39c12;
1140 .box .todo-list > li.info {
1141 border-left-color: #00c0ef;
1143 .box .todo-list > li.success {
1144 border-left-color: #00a65a;
1146 .box .todo-list > li.primary {
1147 border-left-color: #3c8dbc;
1149 .box .todo-list > li > input[type='checkbox'] {
1150 margin: 0 10px 0 5px;
1152 .box .todo-list > li .text {
1153 display: inline-block;
1157 .box .todo-list > li .label {
1161 .box .todo-list > li .tools {
1166 .box .todo-list > li .tools > .fa,
1167 .box .todo-list > li .tools > .glyphicon,
1168 .box .todo-list > li .tools > .ion {
1172 .box .todo-list > li:hover .tools {
1173 display: inline-block;
1175 .box .todo-list > li.done {
1178 .box .todo-list > li.done .text {
1179 text-decoration: line-through;
1182 .box .todo-list > li.done .label {
1183 background: #eaeaec !important;
1185 .box .todo-list .handle {
1186 display: inline-block;
1191 padding: 5px 20px 5px 10px;
1194 margin-bottom: 10px;
1196 .box .chat .item:before,
1197 .box .chat .item:after {
1201 .box .chat .item:after {
1204 .box .chat .item > img {
1207 border: 2px solid transparent;
1208 -webkit-border-radius: 50% !important;
1209 -moz-border-radius: 50% !important;
1210 border-radius: 50% !important;
1212 .box .chat .item > img.online {
1213 border: 2px solid #00a65a;
1215 .box .chat .item > img.offline {
1216 border: 2px solid #f56954;
1218 .box .chat .item > .message {
1222 .box .chat .item > .message > .name {
1226 .box .chat .item > .attachment {
1227 -webkit-border-radius: 3px;
1228 -moz-border-radius: 3px;
1230 background: #f0f0f0;
1235 .box .chat .item > .attachment > h4 {
1240 .box .chat .item > .attachment > p,
1241 .box .chat .item > .attachment > .filename {
1247 .box .chat .item > .attachment:before,
1248 .box .chat .item > .attachment:after {
1252 .box .chat .item > .attachment:after {
1256 .box > .loading-img {
1265 background: rgba(255, 255, 255, 0.7);
1267 .box > .overlay.dark {
1268 background: rgba(0, 0, 0, 0.5);
1270 .box > .loading-img {
1272 background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
1276 --------------------
1292 border: 1px solid #eee;
1294 -webkit-border-radius: 2px;
1295 -moz-border-radius: 2px;
1301 margin-bottom: 15px;
1303 .timeline > li:before,
1304 .timeline > li:after {
1308 .timeline > li:after {
1311 .timeline > li > .timeline-item {
1313 border: 0px solid #dfdfdf;
1320 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
1322 .timeline > li > .timeline-item > .time {
1327 .timeline > li > .timeline-item > .timeline-header {
1330 border-bottom: 1px solid #f4f4f4;
1335 .timeline > li > .timeline-item > .timeline-header > a {
1338 .timeline > li > .timeline-item > .timeline-body,
1339 .timeline > li > .timeline-item > .timeline-footer {
1342 .timeline > li.time-label > span {
1345 display: inline-block;
1346 background-color: #fff;
1347 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
1348 -webkit-border-radius: 4px;
1349 -moz-border-radius: 4px;
1352 .timeline > li > .fa,
1353 .timeline > li > .glyphicon,
1354 .timeline > li > .ion {
1355 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
1371 ------------------------
1375 padding: 15px 30px 15px 15px;
1376 border-left: 5px solid #eee;
1381 .callout p:last-child {
1385 .callout .highlight {
1386 background-color: #fff;
1388 .callout.callout-danger {
1389 background-color: #fcf2f2;
1390 border-color: #dFb5b4;
1392 .callout.callout-warning {
1393 background-color: #fefbed;
1394 border-color: #f1e7bc;
1396 .callout.callout-info {
1397 background-color: #f0f7fd;
1398 border-color: #d0e3f0;
1400 .callout.callout-danger h4 {
1403 .callout.callout-warning h4 {
1406 .callout.callout-info h4 {
1411 ------------------------
1419 .alert > .glyphicon {
1425 -webkit-border-radius: 50%;
1426 -moz-border-radius: 50%;
1430 background: inherit;
1437 .nav.nav-pills > li > a {
1438 border-top: 3px solid transparent;
1439 -webkit-border-radius: 0;
1440 -moz-border-radius: 0;
1444 .nav.nav-pills > li > a > .fa,
1445 .nav.nav-pills > li > a > .glyphicon,
1446 .nav.nav-pills > li > a > .ion {
1449 .nav.nav-pills > li.active > a,
1450 .nav.nav-pills > li.active > a:hover {
1451 background-color: #f6f6f6;
1452 border-top-color: #3c8dbc;
1455 .nav.nav-pills > li.active > a {
1458 .nav.nav-pills > li > a:hover {
1459 background-color: #f6f6f6;
1461 .nav.nav-pills.nav-stacked > li > a {
1463 border-left: 3px solid transparent;
1464 -webkit-border-radius: 0;
1465 -moz-border-radius: 0;
1469 .nav.nav-pills.nav-stacked > li.active > a,
1470 .nav.nav-pills.nav-stacked > li.active > a:hover {
1471 background-color: #f6f6f6;
1472 border-left-color: #3c8dbc;
1475 .nav.nav-pills.nav-stacked > li.header {
1476 border-bottom: 1px solid #ddd;
1478 margin-bottom: 10px;
1480 text-transform: uppercase;
1484 margin-bottom: 20px;
1486 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
1488 .nav-tabs-custom > .nav-tabs {
1490 border-bottom-color: #f4f4f4;
1492 .nav-tabs-custom > .nav-tabs > li {
1493 border-top: 3px solid transparent;
1494 margin-bottom: -2px;
1497 .nav-tabs-custom > .nav-tabs > li > a {
1498 -webkit-border-radius: 0 !important;
1499 -moz-border-radius: 0 !important;
1500 border-radius: 0 !important;
1502 .nav-tabs-custom > .nav-tabs > li > a,
1503 .nav-tabs-custom > .nav-tabs > li > a:hover {
1504 background: transparent;
1507 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
1508 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
1509 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
1510 border-color: transparent;
1512 .nav-tabs-custom > .nav-tabs > li.active {
1513 border-top-color: #3c8dbc;
1515 .nav-tabs-custom > .nav-tabs > li.active > a,
1516 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
1517 background-color: #fff;
1519 .nav-tabs-custom > .nav-tabs > li.active > a {
1521 border-left-color: #f4f4f4;
1522 border-right-color: #f4f4f4;
1524 .nav-tabs-custom > .nav-tabs > li:first-of-type {
1527 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
1528 border-left-width: 0;
1530 .nav-tabs-custom > .nav-tabs.pull-right {
1531 float: none!important;
1533 .nav-tabs-custom > .nav-tabs.pull-right > li {
1536 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
1539 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
1540 border-left-width: 1px;
1541 border-right-width: 0px;
1543 .nav-tabs-custom > .nav-tabs > li.header {
1551 .nav-tabs-custom > .nav-tabs > li.header > .fa,
1552 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
1553 .nav-tabs-custom > .nav-tabs > li.header > .ion {
1556 .nav-tabs-custom > .tab-content {
1560 /* Nav tabs bottom */
1561 .tabs-bottom.nav-3 li a {
1562 width: 3333.33333333% !important;
1568 .pagination > li > a {
1569 background: #fafafa;
1571 -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
1572 -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
1573 box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
1575 .pagination > li:first-of-type a,
1576 .pagination > li:last-of-type a {
1577 -webkit-border-radius: 0;
1578 -moz-border-radius: 0;
1584 .mailbox .table-mailbox {
1585 border-left: 1px solid #ddd;
1586 border-right: 1px solid #ddd;
1587 border-bottom: 1px solid #ddd;
1589 .mailbox .table-mailbox tr.unread > td {
1590 background-color: rgba(0, 0, 0, 0.05);
1594 .mailbox .table-mailbox tr > td > .fa.fa-star,
1595 .mailbox .table-mailbox tr > td > .fa.fa-star-o,
1596 .mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
1597 .mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
1601 .mailbox .table-mailbox tr > td.small-col {
1604 .mailbox .table-mailbox tr > td.name {
1608 .mailbox .table-mailbox tr > td.time {
1612 .mailbox .table-mailbox tr > td {
1613 white-space: nowrap;
1615 .mailbox .table-mailbox tr > td > a {
1618 @media screen and (max-width: 767px) {
1619 .mailbox .nav-stacked > li:not(.header) {
1623 .mailbox .nav-stacked > li:not(.header).header {
1624 border: 0!important;
1626 .mailbox .search-form {
1633 /* ADD THIS CLASS TO THE <HTML> TAG */
1635 background: url(../img/blur-background09.jpg) repeat center center fixed;
1636 -webkit-background-size: cover;
1637 -moz-background-size: cover;
1638 -o-background-size: cover;
1639 background-size: cover;
1641 /* Remove the background from the body element */
1642 .lockscreen > body {
1643 background: transparent;
1645 /* We will put the dynamically generated digital clock here */
1646 .lockscreen .headline {
1648 text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
1650 -webkit-font-smoothing: antialiased !important;
1652 margin: 10px 0 30px 0;
1655 @media screen and (max-width: 480px) {
1656 .lockscreen .headline {
1658 margin-bottom: 40px;
1661 /* User name [optional] */
1662 .lockscreen .lockscreen-name {
1667 /* Will contain the image and the sign in form */
1672 -webkit-border-radius: 4px;
1673 -moz-border-radius: 4px;
1678 .lockscreen-item:before,
1679 .lockscreen-item:after {
1683 .lockscreen-item:after {
1687 .lockscreen-item > .lockscreen-image {
1693 -webkit-border-radius: 50%;
1694 -moz-border-radius: 50%;
1698 .lockscreen-item > .lockscreen-image > img {
1701 -webkit-border-radius: 50%;
1702 -moz-border-radius: 50%;
1705 /* Contains the password input and the login button */
1706 .lockscreen-item > .lockscreen-credentials {
1709 .lockscreen-item > .lockscreen-credentials input {
1710 border: 0 !important;
1712 .lockscreen-item > .lockscreen-credentials .btn {
1713 background-color: #fff;
1716 /* Extra to give the user an option to navigate the website [optional]*/
1722 Page: register and login
1726 margin: 90px auto 0 auto;
1729 -webkit-border-top-left-radius: 4px;
1730 -webkit-border-top-right-radius: 4px;
1731 -webkit-border-bottom-right-radius: 0;
1732 -webkit-border-bottom-left-radius: 0;
1733 -moz-border-radius-topleft: 4px;
1734 -moz-border-radius-topright: 4px;
1735 -moz-border-radius-bottomright: 0;
1736 -moz-border-radius-bottomleft: 0;
1737 border-top-left-radius: 4px;
1738 border-top-right-radius: 4px;
1739 border-bottom-right-radius: 0;
1740 border-bottom-left-radius: 0;
1741 background: #3d9970;
1742 box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
1755 .form-box .body > .form-group,
1756 .form-box .footer > .form-group {
1759 .form-box .body > .form-group > input,
1760 .form-box .footer > .form-group > input {
1763 .form-box .body > .btn,
1764 .form-box .footer > .btn {
1765 margin-bottom: 10px;
1768 -webkit-border-top-left-radius: 0;
1769 -webkit-border-top-right-radius: 0;
1770 -webkit-border-bottom-right-radius: 4px;
1771 -webkit-border-bottom-left-radius: 4px;
1772 -moz-border-radius-topleft: 0;
1773 -moz-border-radius-topright: 0;
1774 -moz-border-radius-bottomright: 4px;
1775 -moz-border-radius-bottomleft: 4px;
1776 border-top-left-radius: 0;
1777 border-top-right-radius: 0;
1778 border-bottom-right-radius: 4px;
1779 border-bottom-left-radius: 4px;
1781 @media (max-width: 767px) {
1787 Page: 404 and 500 error pages
1788 ------------------------------------
1792 margin: 20px auto 0 auto;
1794 @media screen and (max-width: 767px) {
1799 .error-page > .headline {
1804 @media screen and (max-width: 767px) {
1805 .error-page > .headline {
1810 .error-page > .error-content {
1814 @media screen and (max-width: 767px) {
1815 .error-page > .error-content {
1819 .error-page > .error-content > h3 {
1823 @media screen and (max-width: 767px) {
1824 .error-page > .error-content > h3 {
1844 border: 1px solid #f4f4f4;
1849 /* Enhancement for printing */
1864 .table-responsive > .table tr th,
1865 .table-responsive > .table tr td {
1866 white-space: normal!important;
1877 /* skin-blue navbar */
1878 .skin-blue .navbar {
1879 background-color: #3c8dbc;
1881 .skin-blue .navbar .nav a {
1882 color: rgba(255, 255, 255, 0.8);
1884 .skin-blue .navbar .nav > li > a:hover,
1885 .skin-blue .navbar .nav > li > a:active,
1886 .skin-blue .navbar .nav > li > a:focus,
1887 .skin-blue .navbar .nav .open > a,
1888 .skin-blue .navbar .nav .open > a:hover,
1889 .skin-blue .navbar .nav .open > a:focus {
1890 background: rgba(0, 0, 0, 0.1);
1893 .skin-blue .navbar .navbar-right > .nav {
1896 .skin-blue .navbar .sidebar-toggle .icon-bar {
1897 background: rgba(255, 255, 255, 0.8);
1899 .skin-blue .navbar .sidebar-toggle:hover .icon-bar {
1900 background: #f6f6f6 !important;
1902 /* skin-blue logo */
1904 background-color: #367fa9;
1907 .skin-blue .logo > a {
1910 .skin-blue .logo:hover {
1911 background: #357ca5;
1913 /* skin-blue content header */
1914 .skin-blue .right-side > .content-header {
1915 background: #fbfbfb;
1916 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
1918 /* Skin-blue user panel */
1919 .skin-blue .user-panel > .image > img {
1920 border: 1px solid #dfdfdf;
1922 .skin-blue .user-panel > .info,
1923 .skin-blue .user-panel > .info > a {
1926 /* skin-blue sidebar */
1927 .skin-blue .sidebar {
1928 border-bottom: 1px solid #fff;
1930 .skin-blue .sidebar > .sidebar-menu > li {
1931 border-top: 1px solid #fff;
1932 border-bottom: 1px solid #dbdbdb;
1934 .skin-blue .sidebar > .sidebar-menu > li:first-of-type {
1935 border-top: 1px solid #dbdbdb;
1937 .skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
1938 border-top: 1px solid #fff;
1940 .skin-blue .sidebar > .sidebar-menu > li > a {
1943 .skin-blue .sidebar > .sidebar-menu > li > a:hover,
1944 .skin-blue .sidebar > .sidebar-menu > li.active > a {
1946 background: #f9f9f9;
1948 .skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
1950 background: #f9f9f9;
1952 .skin-blue .left-side {
1953 background: #f4f4f4;
1954 -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
1955 -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
1956 box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
1958 .skin-blue .sidebar a {
1961 .skin-blue .sidebar a:hover {
1962 text-decoration: none;
1964 .skin-blue .treeview-menu > li > a {
1967 .skin-blue .treeview-menu > li.active > a,
1968 .skin-blue .treeview-menu > li > a:hover {
1971 .skin-blue .sidebar-form {
1972 -webkit-border-radius: 2px;
1973 -moz-border-radius: 2px;
1975 border: 1px solid #dbdbdb;
1978 .skin-blue .sidebar-form input[type="text"],
1979 .skin-blue .sidebar-form .btn {
1981 background-color: #fafafa;
1982 border: 1px solid #fafafa;
1985 .skin-blue .sidebar-form input[type="text"] {
1987 -webkit-border-top-left-radius: 2px !important;
1988 -webkit-border-top-right-radius: 0 !important;
1989 -webkit-border-bottom-right-radius: 0 !important;
1990 -webkit-border-bottom-left-radius: 2px !important;
1991 -moz-border-radius-topleft: 2px !important;
1992 -moz-border-radius-topright: 0 !important;
1993 -moz-border-radius-bottomright: 0 !important;
1994 -moz-border-radius-bottomleft: 2px !important;
1995 border-top-left-radius: 2px !important;
1996 border-top-right-radius: 0 !important;
1997 border-bottom-right-radius: 0 !important;
1998 border-bottom-left-radius: 2px !important;
2000 .skin-blue .sidebar-form input[type="text"]:focus,
2001 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2002 background-color: #fff;
2005 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2006 border-left-color: #fff;
2008 .skin-blue .sidebar-form .btn {
2010 -webkit-border-top-left-radius: 0 !important;
2011 -webkit-border-top-right-radius: 2px !important;
2012 -webkit-border-bottom-right-radius: 2px !important;
2013 -webkit-border-bottom-left-radius: 0 !important;
2014 -moz-border-radius-topleft: 0 !important;
2015 -moz-border-radius-topright: 2px !important;
2016 -moz-border-radius-bottomright: 2px !important;
2017 -moz-border-radius-bottomleft: 0 !important;
2018 border-top-left-radius: 0 !important;
2019 border-top-right-radius: 2px !important;
2020 border-bottom-right-radius: 2px !important;
2021 border-bottom-left-radius: 0 !important;
2027 /* skin-black navbar */
2028 .skin-black .navbar {
2029 background-color: #ffffff;
2030 border-bottom: 1px solid #eee;
2032 .skin-black .navbar .nav a {
2035 .skin-black .navbar .nav > li > a:hover,
2036 .skin-black .navbar .nav > li > a:active,
2037 .skin-black .navbar .nav > li > a:focus,
2038 .skin-black .navbar .nav .open > a,
2039 .skin-black .navbar .nav .open > a:hover,
2040 .skin-black .navbar .nav .open > a:focus {
2041 background: #ffffff;
2044 .skin-black .navbar .navbar-right > .nav {
2047 .skin-black .navbar .sidebar-toggle .icon-bar {
2048 background: #333333;
2050 .skin-black .navbar .sidebar-toggle:hover .icon-bar {
2051 background: #999999 !important;
2053 /* skin-black logo */
2055 background-color: #333333;
2058 .skin-black .logo > a {
2061 .skin-black .logo:hover {
2062 background: #303030;
2064 /* skin-black content header */
2065 .skin-black .right-side > .content-header {
2066 background: transparent;
2069 /* Skin-red user panel */
2070 .skin-black .user-panel > .image > img {
2071 border: 1px solid #444;
2073 .skin-black .user-panel > .info,
2074 .skin-black .user-panel > .info > a {
2077 /* skin-black sidebar */
2078 .skin-black .sidebar {
2079 border-bottom: 1px solid #333;
2081 .skin-black .sidebar > .sidebar-menu > li {
2082 border-top: 1px solid #333;
2083 border-bottom: 0px solid #444;
2085 .skin-black .sidebar > .sidebar-menu > li:first-of-type {
2086 border-top: 1px solid #444;
2088 .skin-black .sidebar > .sidebar-menu > li:first-of-type > a {
2089 border-top: 0px solid #333;
2091 .skin-black .sidebar > .sidebar-menu > li > a {
2094 .skin-black .sidebar > .sidebar-menu > li > a:hover,
2095 .skin-black .sidebar > .sidebar-menu > li.active > a {
2099 .skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
2103 .skin-black .left-side {
2106 .skin-black .sidebar a {
2109 .skin-black .sidebar a:hover {
2110 text-decoration: none;
2112 .skin-black .treeview-menu > li > a {
2115 .skin-black .treeview-menu > li.active > a,
2116 .skin-black .treeview-menu > li > a:hover {
2119 .skin-black .sidebar-form {
2120 -webkit-border-radius: 2px;
2121 -moz-border-radius: 2px;
2123 border: 0px solid #555;
2126 .skin-black .sidebar-form input[type="text"],
2127 .skin-black .sidebar-form .btn {
2129 background-color: rgba(255, 255, 255, 0.1);
2130 border: 0 solid rgba(255, 255, 255, 0.1);
2134 .skin-black .sidebar-form input[type="text"] {
2136 -webkit-border-top-left-radius: 2px !important;
2137 -webkit-border-top-right-radius: 0 !important;
2138 -webkit-border-bottom-right-radius: 0 !important;
2139 -webkit-border-bottom-left-radius: 2px !important;
2140 -moz-border-radius-topleft: 2px !important;
2141 -moz-border-radius-topright: 0 !important;
2142 -moz-border-radius-bottomright: 0 !important;
2143 -moz-border-radius-bottomleft: 2px !important;
2144 border-top-left-radius: 2px !important;
2145 border-top-right-radius: 0 !important;
2146 border-bottom-right-radius: 0 !important;
2147 border-bottom-left-radius: 2px !important;
2149 .skin-black .sidebar-form input[type="text"]:focus,
2150 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2151 background-color: #444;
2154 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2157 .skin-black .sidebar-form .btn {
2159 -webkit-border-top-left-radius: 0 !important;
2160 -webkit-border-top-right-radius: 2px !important;
2161 -webkit-border-bottom-right-radius: 2px !important;
2162 -webkit-border-bottom-left-radius: 0 !important;
2163 -moz-border-radius-topleft: 0 !important;
2164 -moz-border-radius-topright: 2px !important;
2165 -moz-border-radius-bottomright: 2px !important;
2166 -moz-border-radius-bottomleft: 0 !important;
2167 border-top-left-radius: 0 !important;
2168 border-top-right-radius: 2px !important;
2169 border-bottom-right-radius: 2px !important;
2170 border-bottom-left-radius: 0 !important;
2174 * iCheck v1.0.1, http://git.io/arlzeA
2175 * =================================
2176 * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
2178 * (c) 2013 Damir Sultanov, http://fronteed.com
2181 /* iCheck plugin Minimal skin, black
2182 ----------------------------------- */
2185 display: inline-block;
2187 vertical-align: middle;
2192 background: rgba(255, 255, 255, 0.7) url(iCheck/minimal/minimal.png) no-repeat;
2196 .icheckbox_minimal {
2197 background-position: 0 0;
2199 .icheckbox_minimal.hover {
2200 background-position: -20px 0;
2202 .icheckbox_minimal.checked {
2203 background-position: -40px 0;
2205 .icheckbox_minimal.disabled {
2206 background-position: -60px 0;
2209 .icheckbox_minimal.checked.disabled {
2210 background-position: -80px 0;
2213 background-position: -100px 0;
2215 .iradio_minimal.hover {
2216 background-position: -120px 0;
2218 .iradio_minimal.checked {
2219 background-position: -140px 0;
2221 .iradio_minimal.disabled {
2222 background-position: -160px 0;
2225 .iradio_minimal.checked.disabled {
2226 background-position: -180px 0;
2228 /* Retina support */
2229 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
2232 background-image: url('iCheck/minimal/minimal@2x.png');
2233 -webkit-background-size: 200px 20px;
2234 background-size: 200px 20px;
2237 .pace .pace-progress {
2238 background: #00c0ef;
2244 -webkit-transition: width 1s;
2245 -moz-transition: width 1s;
2246 -o-transition: width 1s;
2247 transition: width 1s;
2253 * Social Buttons for Bootstrap
2255 * Copyright 2013-2014 Panayiotis Lipiridis
2256 * Licensed under the MIT License
2258 * https://github.com/lipis/bootstrap-social
2260 * Note: this file has been altered to work correctly with AdminLTE
2264 padding-left: 44px !important;
2266 white-space: nowrap;
2268 text-overflow: ellipsis;
2270 .btn-social :first-child {
2275 width: 32px !important;
2276 line-height: 34px !important;
2277 font-size: 1.6em!important;
2279 border-right: 1px solid rgba(0, 0, 0, 0.2);
2281 .btn-social.btn-lg {
2282 padding-left: 60px !important;
2284 .btn-social.btn-lg :first-child {
2289 .btn-social.btn-sm {
2290 padding-left: 38px !important;
2292 .btn-social.btn-sm :first-child {
2297 .btn-social.btn-xs {
2298 padding-left: 30px !important;
2300 .btn-social.btn-xs :first-child {
2307 padding-left: 44px !important;
2309 white-space: nowrap;
2311 text-overflow: ellipsis;
2316 .btn-social-icon :first-child {
2321 width: 32px !important;
2322 line-height: 34px !important;
2323 font-size: 1.6em!important;
2325 border-right: 1px solid rgba(0, 0, 0, 0.2);
2327 .btn-social-icon.btn-lg {
2328 padding-left: 60px !important;
2330 .btn-social-icon.btn-lg :first-child {
2335 .btn-social-icon.btn-sm {
2336 padding-left: 38px !important;
2338 .btn-social-icon.btn-sm :first-child {
2343 .btn-social-icon.btn-xs {
2344 padding-left: 30px !important;
2346 .btn-social-icon.btn-xs :first-child {
2351 .btn-social-icon :first-child {
2354 width: 100%!important;
2356 .btn-social-icon.btn-lg {
2362 .btn-social-icon.btn-sm {
2368 .btn-social-icon.btn-xs {
2376 background-color: #205081;
2377 border-color: rgba(0, 0, 0, 0.2);
2379 .btn-bitbucket:hover,
2380 .btn-bitbucket:focus,
2381 .btn-bitbucket:active,
2382 .btn-bitbucket.active,
2383 .open .dropdown-toggle.btn-bitbucket {
2385 background-color: #183c60;
2386 border-color: rgba(0, 0, 0, 0.2);
2388 .btn-bitbucket:active,
2389 .btn-bitbucket.active,
2390 .open .dropdown-toggle.btn-bitbucket {
2391 background-image: none;
2393 .btn-bitbucket.disabled,
2394 .btn-bitbucket[disabled],
2395 fieldset[disabled] .btn-bitbucket,
2396 .btn-bitbucket.disabled:hover,
2397 .btn-bitbucket[disabled]:hover,
2398 fieldset[disabled] .btn-bitbucket:hover,
2399 .btn-bitbucket.disabled:focus,
2400 .btn-bitbucket[disabled]:focus,
2401 fieldset[disabled] .btn-bitbucket:focus,
2402 .btn-bitbucket.disabled:active,
2403 .btn-bitbucket[disabled]:active,
2404 fieldset[disabled] .btn-bitbucket:active,
2405 .btn-bitbucket.disabled.active,
2406 .btn-bitbucket[disabled].active,
2407 fieldset[disabled] .btn-bitbucket.active {
2408 background-color: #205081;
2409 border-color: rgba(0, 0, 0, 0.2);
2411 .btn-bitbucket .badge {
2413 background-color: #ffffff;
2417 background-color: #1087dd;
2418 border-color: rgba(0, 0, 0, 0.2);
2422 .btn-dropbox:active,
2423 .btn-dropbox.active,
2424 .open .dropdown-toggle.btn-dropbox {
2426 background-color: #0d70b7;
2427 border-color: rgba(0, 0, 0, 0.2);
2429 .btn-dropbox:active,
2430 .btn-dropbox.active,
2431 .open .dropdown-toggle.btn-dropbox {
2432 background-image: none;
2434 .btn-dropbox.disabled,
2435 .btn-dropbox[disabled],
2436 fieldset[disabled] .btn-dropbox,
2437 .btn-dropbox.disabled:hover,
2438 .btn-dropbox[disabled]:hover,
2439 fieldset[disabled] .btn-dropbox:hover,
2440 .btn-dropbox.disabled:focus,
2441 .btn-dropbox[disabled]:focus,
2442 fieldset[disabled] .btn-dropbox:focus,
2443 .btn-dropbox.disabled:active,
2444 .btn-dropbox[disabled]:active,
2445 fieldset[disabled] .btn-dropbox:active,
2446 .btn-dropbox.disabled.active,
2447 .btn-dropbox[disabled].active,
2448 fieldset[disabled] .btn-dropbox.active {
2449 background-color: #1087dd;
2450 border-color: rgba(0, 0, 0, 0.2);
2452 .btn-dropbox .badge {
2454 background-color: #ffffff;
2458 background-color: #3b5998;
2459 border-color: rgba(0, 0, 0, 0.2);
2461 .btn-facebook:hover,
2462 .btn-facebook:focus,
2463 .btn-facebook:active,
2464 .btn-facebook.active,
2465 .open .dropdown-toggle.btn-facebook {
2467 background-color: #30487b;
2468 border-color: rgba(0, 0, 0, 0.2);
2470 .btn-facebook:active,
2471 .btn-facebook.active,
2472 .open .dropdown-toggle.btn-facebook {
2473 background-image: none;
2475 .btn-facebook.disabled,
2476 .btn-facebook[disabled],
2477 fieldset[disabled] .btn-facebook,
2478 .btn-facebook.disabled:hover,
2479 .btn-facebook[disabled]:hover,
2480 fieldset[disabled] .btn-facebook:hover,
2481 .btn-facebook.disabled:focus,
2482 .btn-facebook[disabled]:focus,
2483 fieldset[disabled] .btn-facebook:focus,
2484 .btn-facebook.disabled:active,
2485 .btn-facebook[disabled]:active,
2486 fieldset[disabled] .btn-facebook:active,
2487 .btn-facebook.disabled.active,
2488 .btn-facebook[disabled].active,
2489 fieldset[disabled] .btn-facebook.active {
2490 background-color: #3b5998;
2491 border-color: rgba(0, 0, 0, 0.2);
2493 .btn-facebook .badge {
2495 background-color: #ffffff;
2499 background-color: #ff0084;
2500 border-color: rgba(0, 0, 0, 0.2);
2506 .open .dropdown-toggle.btn-flickr {
2508 background-color: #d6006f;
2509 border-color: rgba(0, 0, 0, 0.2);
2513 .open .dropdown-toggle.btn-flickr {
2514 background-image: none;
2516 .btn-flickr.disabled,
2517 .btn-flickr[disabled],
2518 fieldset[disabled] .btn-flickr,
2519 .btn-flickr.disabled:hover,
2520 .btn-flickr[disabled]:hover,
2521 fieldset[disabled] .btn-flickr:hover,
2522 .btn-flickr.disabled:focus,
2523 .btn-flickr[disabled]:focus,
2524 fieldset[disabled] .btn-flickr:focus,
2525 .btn-flickr.disabled:active,
2526 .btn-flickr[disabled]:active,
2527 fieldset[disabled] .btn-flickr:active,
2528 .btn-flickr.disabled.active,
2529 .btn-flickr[disabled].active,
2530 fieldset[disabled] .btn-flickr.active {
2531 background-color: #ff0084;
2532 border-color: rgba(0, 0, 0, 0.2);
2534 .btn-flickr .badge {
2536 background-color: #ffffff;
2540 background-color: #0072b1;
2541 border-color: rgba(0, 0, 0, 0.2);
2543 .btn-foursquare:hover,
2544 .btn-foursquare:focus,
2545 .btn-foursquare:active,
2546 .btn-foursquare.active,
2547 .open .dropdown-toggle.btn-foursquare {
2549 background-color: #005888;
2550 border-color: rgba(0, 0, 0, 0.2);
2552 .btn-foursquare:active,
2553 .btn-foursquare.active,
2554 .open .dropdown-toggle.btn-foursquare {
2555 background-image: none;
2557 .btn-foursquare.disabled,
2558 .btn-foursquare[disabled],
2559 fieldset[disabled] .btn-foursquare,
2560 .btn-foursquare.disabled:hover,
2561 .btn-foursquare[disabled]:hover,
2562 fieldset[disabled] .btn-foursquare:hover,
2563 .btn-foursquare.disabled:focus,
2564 .btn-foursquare[disabled]:focus,
2565 fieldset[disabled] .btn-foursquare:focus,
2566 .btn-foursquare.disabled:active,
2567 .btn-foursquare[disabled]:active,
2568 fieldset[disabled] .btn-foursquare:active,
2569 .btn-foursquare.disabled.active,
2570 .btn-foursquare[disabled].active,
2571 fieldset[disabled] .btn-foursquare.active {
2572 background-color: #0072b1;
2573 border-color: rgba(0, 0, 0, 0.2);
2575 .btn-foursquare .badge {
2577 background-color: #ffffff;
2581 background-color: #444444;
2582 border-color: rgba(0, 0, 0, 0.2);
2588 .open .dropdown-toggle.btn-github {
2590 background-color: #303030;
2591 border-color: rgba(0, 0, 0, 0.2);
2595 .open .dropdown-toggle.btn-github {
2596 background-image: none;
2598 .btn-github.disabled,
2599 .btn-github[disabled],
2600 fieldset[disabled] .btn-github,
2601 .btn-github.disabled:hover,
2602 .btn-github[disabled]:hover,
2603 fieldset[disabled] .btn-github:hover,
2604 .btn-github.disabled:focus,
2605 .btn-github[disabled]:focus,
2606 fieldset[disabled] .btn-github:focus,
2607 .btn-github.disabled:active,
2608 .btn-github[disabled]:active,
2609 fieldset[disabled] .btn-github:active,
2610 .btn-github.disabled.active,
2611 .btn-github[disabled].active,
2612 fieldset[disabled] .btn-github.active {
2613 background-color: #444444;
2614 border-color: rgba(0, 0, 0, 0.2);
2616 .btn-github .badge {
2618 background-color: #ffffff;
2622 background-color: #dd4b39;
2623 border-color: rgba(0, 0, 0, 0.2);
2625 .btn-google-plus:hover,
2626 .btn-google-plus:focus,
2627 .btn-google-plus:active,
2628 .btn-google-plus.active,
2629 .open .dropdown-toggle.btn-google-plus {
2631 background-color: #ca3523;
2632 border-color: rgba(0, 0, 0, 0.2);
2634 .btn-google-plus:active,
2635 .btn-google-plus.active,
2636 .open .dropdown-toggle.btn-google-plus {
2637 background-image: none;
2639 .btn-google-plus.disabled,
2640 .btn-google-plus[disabled],
2641 fieldset[disabled] .btn-google-plus,
2642 .btn-google-plus.disabled:hover,
2643 .btn-google-plus[disabled]:hover,
2644 fieldset[disabled] .btn-google-plus:hover,
2645 .btn-google-plus.disabled:focus,
2646 .btn-google-plus[disabled]:focus,
2647 fieldset[disabled] .btn-google-plus:focus,
2648 .btn-google-plus.disabled:active,
2649 .btn-google-plus[disabled]:active,
2650 fieldset[disabled] .btn-google-plus:active,
2651 .btn-google-plus.disabled.active,
2652 .btn-google-plus[disabled].active,
2653 fieldset[disabled] .btn-google-plus.active {
2654 background-color: #dd4b39;
2655 border-color: rgba(0, 0, 0, 0.2);
2657 .btn-google-plus .badge {
2659 background-color: #ffffff;
2663 background-color: #3f729b;
2664 border-color: rgba(0, 0, 0, 0.2);
2666 .btn-instagram:hover,
2667 .btn-instagram:focus,
2668 .btn-instagram:active,
2669 .btn-instagram.active,
2670 .open .dropdown-toggle.btn-instagram {
2672 background-color: #335d7e;
2673 border-color: rgba(0, 0, 0, 0.2);
2675 .btn-instagram:active,
2676 .btn-instagram.active,
2677 .open .dropdown-toggle.btn-instagram {
2678 background-image: none;
2680 .btn-instagram.disabled,
2681 .btn-instagram[disabled],
2682 fieldset[disabled] .btn-instagram,
2683 .btn-instagram.disabled:hover,
2684 .btn-instagram[disabled]:hover,
2685 fieldset[disabled] .btn-instagram:hover,
2686 .btn-instagram.disabled:focus,
2687 .btn-instagram[disabled]:focus,
2688 fieldset[disabled] .btn-instagram:focus,
2689 .btn-instagram.disabled:active,
2690 .btn-instagram[disabled]:active,
2691 fieldset[disabled] .btn-instagram:active,
2692 .btn-instagram.disabled.active,
2693 .btn-instagram[disabled].active,
2694 fieldset[disabled] .btn-instagram.active {
2695 background-color: #3f729b;
2696 border-color: rgba(0, 0, 0, 0.2);
2698 .btn-instagram .badge {
2700 background-color: #ffffff;
2704 background-color: #007bb6;
2705 border-color: rgba(0, 0, 0, 0.2);
2707 .btn-linkedin:hover,
2708 .btn-linkedin:focus,
2709 .btn-linkedin:active,
2710 .btn-linkedin.active,
2711 .open .dropdown-toggle.btn-linkedin {
2713 background-color: #005f8d;
2714 border-color: rgba(0, 0, 0, 0.2);
2716 .btn-linkedin:active,
2717 .btn-linkedin.active,
2718 .open .dropdown-toggle.btn-linkedin {
2719 background-image: none;
2721 .btn-linkedin.disabled,
2722 .btn-linkedin[disabled],
2723 fieldset[disabled] .btn-linkedin,
2724 .btn-linkedin.disabled:hover,
2725 .btn-linkedin[disabled]:hover,
2726 fieldset[disabled] .btn-linkedin:hover,
2727 .btn-linkedin.disabled:focus,
2728 .btn-linkedin[disabled]:focus,
2729 fieldset[disabled] .btn-linkedin:focus,
2730 .btn-linkedin.disabled:active,
2731 .btn-linkedin[disabled]:active,
2732 fieldset[disabled] .btn-linkedin:active,
2733 .btn-linkedin.disabled.active,
2734 .btn-linkedin[disabled].active,
2735 fieldset[disabled] .btn-linkedin.active {
2736 background-color: #007bb6;
2737 border-color: rgba(0, 0, 0, 0.2);
2739 .btn-linkedin .badge {
2741 background-color: #ffffff;
2745 background-color: #2c4762;
2746 border-color: rgba(0, 0, 0, 0.2);
2752 .open .dropdown-toggle.btn-tumblr {
2754 background-color: #1f3346;
2755 border-color: rgba(0, 0, 0, 0.2);
2759 .open .dropdown-toggle.btn-tumblr {
2760 background-image: none;
2762 .btn-tumblr.disabled,
2763 .btn-tumblr[disabled],
2764 fieldset[disabled] .btn-tumblr,
2765 .btn-tumblr.disabled:hover,
2766 .btn-tumblr[disabled]:hover,
2767 fieldset[disabled] .btn-tumblr:hover,
2768 .btn-tumblr.disabled:focus,
2769 .btn-tumblr[disabled]:focus,
2770 fieldset[disabled] .btn-tumblr:focus,
2771 .btn-tumblr.disabled:active,
2772 .btn-tumblr[disabled]:active,
2773 fieldset[disabled] .btn-tumblr:active,
2774 .btn-tumblr.disabled.active,
2775 .btn-tumblr[disabled].active,
2776 fieldset[disabled] .btn-tumblr.active {
2777 background-color: #2c4762;
2778 border-color: rgba(0, 0, 0, 0.2);
2780 .btn-tumblr .badge {
2782 background-color: #ffffff;
2786 background-color: #55acee;
2787 border-color: rgba(0, 0, 0, 0.2);
2791 .btn-twitter:active,
2792 .btn-twitter.active,
2793 .open .dropdown-toggle.btn-twitter {
2795 background-color: #309aea;
2796 border-color: rgba(0, 0, 0, 0.2);
2798 .btn-twitter:active,
2799 .btn-twitter.active,
2800 .open .dropdown-toggle.btn-twitter {
2801 background-image: none;
2803 .btn-twitter.disabled,
2804 .btn-twitter[disabled],
2805 fieldset[disabled] .btn-twitter,
2806 .btn-twitter.disabled:hover,
2807 .btn-twitter[disabled]:hover,
2808 fieldset[disabled] .btn-twitter:hover,
2809 .btn-twitter.disabled:focus,
2810 .btn-twitter[disabled]:focus,
2811 fieldset[disabled] .btn-twitter:focus,
2812 .btn-twitter.disabled:active,
2813 .btn-twitter[disabled]:active,
2814 fieldset[disabled] .btn-twitter:active,
2815 .btn-twitter.disabled.active,
2816 .btn-twitter[disabled].active,
2817 fieldset[disabled] .btn-twitter.active {
2818 background-color: #55acee;
2819 border-color: rgba(0, 0, 0, 0.2);
2821 .btn-twitter .badge {
2823 background-color: #ffffff;
2827 background-color: #587ea3;
2828 border-color: rgba(0, 0, 0, 0.2);
2834 .open .dropdown-toggle.btn-vk {
2836 background-color: #4a6a89;
2837 border-color: rgba(0, 0, 0, 0.2);
2841 .open .dropdown-toggle.btn-vk {
2842 background-image: none;
2846 fieldset[disabled] .btn-vk,
2847 .btn-vk.disabled:hover,
2848 .btn-vk[disabled]:hover,
2849 fieldset[disabled] .btn-vk:hover,
2850 .btn-vk.disabled:focus,
2851 .btn-vk[disabled]:focus,
2852 fieldset[disabled] .btn-vk:focus,
2853 .btn-vk.disabled:active,
2854 .btn-vk[disabled]:active,
2855 fieldset[disabled] .btn-vk:active,
2856 .btn-vk.disabled.active,
2857 .btn-vk[disabled].active,
2858 fieldset[disabled] .btn-vk.active {
2859 background-color: #587ea3;
2860 border-color: rgba(0, 0, 0, 0.2);
2864 background-color: #ffffff;
2869 .header .navbar .nav > li > a > .label {
2870 -webkit-border-radius: 50%;
2871 -moz-border-radius: 50%;
2877 font-weight: normal;
2884 .header .navbar .nav > li > a:hover > .label {
2890 background-color: #d9534f;
2892 .label-danger[href]:hover,
2893 .label-danger[href]:focus {
2894 background-color: #c9302c;
2901 .navbar-nav > .notifications-menu > .dropdown-menu,
2902 .navbar-nav > .messages-menu > .dropdown-menu,
2903 .navbar-nav > .tasks-menu > .dropdown-menu {
2905 padding: 0 0 0 0!important;
2906 margin: 0!important;
2908 border: 1px solid #dfdfdf;
2909 -webkit-border-radius: 4px !important;
2910 -moz-border-radius: 4px !important;
2911 border-radius: 4px !important;
2913 .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
2914 .navbar-nav > .messages-menu > .dropdown-menu > li.header,
2915 .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
2916 -webkit-border-top-left-radius: 4px;
2917 -webkit-border-top-right-radius: 4px;
2918 -webkit-border-bottom-right-radius: 0;
2919 -webkit-border-bottom-left-radius: 0;
2920 -moz-border-radius-topleft: 4px;
2921 -moz-border-radius-topright: 4px;
2922 -moz-border-radius-bottomright: 0;
2923 -moz-border-radius-bottomleft: 0;
2924 border-top-left-radius: 4px;
2925 border-top-right-radius: 4px;
2926 border-bottom-right-radius: 0;
2927 border-bottom-left-radius: 0;
2928 background-color: #ffffff;
2930 border-bottom: 1px solid #f4f4f4;
2934 .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
2935 .navbar-nav > .messages-menu > .dropdown-menu > li.header:after,
2936 .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {
2939 border: solid transparent;
2944 pointer-events: none;
2945 border-color: rgba(255, 255, 255, 0);
2946 border-bottom-color: #ffffff;
2950 .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
2951 .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
2952 .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
2953 -webkit-border-top-left-radius: 0px;
2954 -webkit-border-top-right-radius: 0px;
2955 -webkit-border-bottom-right-radius: 4px;
2956 -webkit-border-bottom-left-radius: 4px;
2957 -moz-border-radius-topleft: 0px;
2958 -moz-border-radius-topright: 0px;
2959 -moz-border-radius-bottomright: 4px;
2960 -moz-border-radius-bottomleft: 4px;
2961 border-top-left-radius: 0px;
2962 border-top-right-radius: 0px;
2963 border-bottom-right-radius: 4px;
2964 border-bottom-left-radius: 4px;
2966 background-color: #f4f4f4;
2968 border-bottom: 1px solid #eeeeee;
2972 .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
2973 .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
2974 .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
2975 background: #f4f4f4;
2976 text-decoration: none;
2977 font-weight: normal;
2979 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
2980 .navbar-nav > .messages-menu > .dropdown-menu > li .menu,
2981 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
2987 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
2988 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
2989 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
2991 white-space: nowrap;
2992 /* Prevent text from breaking */
2993 border-bottom: 1px solid #f4f4f4;
2995 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
2996 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
2997 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
2998 background: #f6f6f6;
2999 text-decoration: none;
3001 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
3005 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
3006 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
3007 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
3013 /* Default background and font colors */
3014 background: #00c0ef;
3016 /* Fallback for browsers that doesn't support rgba */
3017 color: rgba(255, 255, 255, 0.7);
3019 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.danger,
3020 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.danger,
3021 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.danger {
3022 background: #f56954;
3024 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.warning,
3025 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.warning,
3026 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.warning {
3027 background: #f39c12;
3029 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.success,
3030 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.success,
3031 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success {
3032 background: #00a65a;
3034 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.info,
3035 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.info,
3036 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.info {
3037 background: #00c0ef;
3039 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
3042 padding: 10px 5px 10px 5px;
3043 -webkit-border-radius: 4px;
3044 -moz-border-radius: 4px;
3047 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
3048 margin: auto 10px auto auto;
3051 border: 1px solid #dddddd;
3053 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
3059 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
3064 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
3069 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
3070 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
3074 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
3077 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
3080 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
3086 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
3090 .navbar-nav > .user-menu > .dropdown-menu {
3091 -webkit-border-radius: 0;
3092 -moz-border-radius: 0;
3095 border-top-width: 0;
3098 .navbar-nav > .user-menu > .dropdown-menu:after {
3101 border: solid transparent;
3106 pointer-events: none;
3107 border-color: rgba(255, 255, 255, 0);
3108 border-bottom-color: #ffffff;
3114 .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
3117 background: #3c8dbc;
3120 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
3125 border-color: transparent;
3126 border-color: rgba(255, 255, 255, 0.2);
3128 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
3131 color: rgba(255, 255, 255, 0.8);
3133 text-shadow: 2px 2px 3px #333333;
3136 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
3140 .navbar-nav > .user-menu > .dropdown-menu > li.user-body {
3142 border-bottom: 1px solid #f4f4f4;
3143 border-top: 1px solid #dddddd;
3145 .navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,
3146 .navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
3150 .navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
3153 .navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
3156 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
3157 background-color: #f9f9f9;
3160 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before,
3161 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
3165 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
3168 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
3171 /* Add fade animation to dropdown menus */
3172 .open:not(.dropup) > .dropdown-menu {
3173 animation-name: fadeAnimation;
3174 animation-duration: .7s;
3175 animation-iteration-count: 1;
3176 animation-timing-function: ease;
3177 animation-fill-mode: forwards;
3178 -webkit-animation-name: fadeAnimation;
3179 -webkit-animation-duration: .7s;
3180 -webkit-animation-iteration-count: 1;
3181 -webkit-animation-timing-function: ease;
3182 -webkit-animation-fill-mode: forwards;
3183 -moz-animation-name: fadeAnimation;
3184 -moz-animation-duration: .7s;
3185 -moz-animation-iteration-count: 1;
3186 -moz-animation-timing-function: ease;
3187 -moz-animation-fill-mode: forwards;
3189 @keyframes fadeAnimation {
3199 @-webkit-keyframes fadeAnimation {
3209 /* Fix dropdown menu for small screens to display correctly on small screens */
3210 @media screen and (max-width: 767px) {
3211 .navbar-nav > .notifications-menu > .dropdown-menu,
3212 .navbar-nav > .user-menu > .dropdown-menu,
3213 .navbar-nav > .tasks-menu > .dropdown-menu,
3214 .navbar-nav > .messages-menu > .dropdown-menu {
3219 border-right: 1px solid #dddddd;
3220 border-bottom: 1px solid #dddddd;
3221 border-left: 1px solid #dddddd;
3222 background: #ffffff;
3225 /* Fix menu positions on xs screens to appear correctly and fully */
3226 @media screen and (max-width: 480px) {
3227 .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
3228 .navbar-nav > .tasks-menu > .dropdown-menu > li.header,
3229 .navbar-nav > .messages-menu > .dropdown-menu > li.header {
3230 /* Remove arrow from the top */
3232 .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
3233 .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,
3234 .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
3235 border-width: 0px!important;
3237 .navbar-nav > .tasks-menu > .dropdown-menu {
3242 .navbar-nav > .notifications-menu > .dropdown-menu {
3247 .navbar-nav > .messages-menu > .dropdown-menu {