1 @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
\r
2 @import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
\r
5 * INSPINIA - Responsive Admin Theme
\r
44 padding: 14px 20px 14px 25px;
\r
46 .nav.navbar-right > li > a {
\r
49 .nav > li.active > a {
\r
52 .navbar-default .nav > li > a:hover,
\r
53 .navbar-default .nav > li > a:focus {
\r
54 background-color: #293846;
\r
58 .nav .open > a:hover,
\r
59 .nav .open > a:focus {
\r
62 .nav.navbar-top-links > li > a:hover,
\r
63 .nav.navbar-top-links > li > a:focus {
\r
64 background-color: transparent;
\r
73 background-color: transparent;
\r
74 border-color: #2f4050;
\r
76 .navbar-top-links li {
\r
77 display: inline-block;
\r
79 .navbar-top-links li:last-child {
\r
82 .body-small .navbar-top-links li:last-child {
\r
85 .navbar-top-links li a {
\r
90 border: medium none;
\r
92 box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
\r
97 list-style: none outside none;
\r
104 .dropdown-menu > li > a {
\r
105 border-radius: 3px;
\r
110 font-weight: normal;
\r
112 .dropdown-menu > .active > a,
\r
113 .dropdown-menu > .active > a:focus,
\r
114 .dropdown-menu > .active > a:hover {
\r
116 text-decoration: none;
\r
117 background-color: #1ab394;
\r
120 .dropdown-menu > li > a.font-bold {
\r
123 .navbar-top-links .dropdown-menu li {
\r
126 .navbar-top-links .dropdown-menu li:last-child {
\r
129 .navbar-top-links .dropdown-menu li a {
\r
133 .navbar-top-links .dropdown-menu li a div {
\r
134 white-space: normal;
\r
136 .navbar-top-links .dropdown-messages,
\r
137 .navbar-top-links .dropdown-tasks,
\r
138 .navbar-top-links .dropdown-alerts {
\r
142 .navbar-top-links .dropdown-messages {
\r
145 .navbar-top-links .dropdown-tasks {
\r
146 margin-left: -59px;
\r
148 .navbar-top-links .dropdown-alerts {
\r
149 margin-left: -123px;
\r
151 .navbar-top-links .dropdown-user {
\r
155 .dropdown-messages,
\r
157 padding: 10px 10px 10px 10px;
\r
159 .dropdown-messages li a,
\r
160 .dropdown-alerts li a {
\r
163 .dropdown-messages li em,
\r
164 .dropdown-alerts li em {
\r
167 .nav.navbar-top-links .dropdown-alerts a {
\r
171 padding: 33px 25px;
\r
172 background-color: #2f4050;
\r
174 .pace-done .nav-header {
\r
175 transition: all 0.4s;
\r
177 ul.nav-second-level {
\r
178 background: #293846;
\r
181 border-left: 4px solid #19aa8d;
\r
182 background: #293846;
\r
184 .nav.nav-second-level > li.active {
\r
187 .nav.nav-second-level.collapse[style] {
\r
188 height: auto !important;
\r
193 .nav-header .text-muted {
\r
196 .minimalize-styl-2 {
\r
198 margin: 14px 5px 5px 20px;
\r
202 .navbar-form-custom {
\r
209 .navbar-form-custom .form-group {
\r
212 .nav.navbar-top-links a {
\r
215 .navbar-form-custom .form-control {
\r
216 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
\r
217 border: medium none;
\r
223 .count-info .label {
\r
226 position: absolute;
\r
236 .active > a > .fa.arrow:before {
\r
239 .nav-second-level li,
\r
240 .nav-third-level li {
\r
241 border-bottom: none !important;
\r
243 .nav-second-level li a {
\r
244 padding: 7px 10px 7px 10px;
\r
245 padding-left: 52px;
\r
247 .nav-third-level li a {
\r
248 padding-left: 62px;
\r
250 .nav-second-level li:last-child {
\r
251 margin-bottom: 10px;
\r
253 body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
\r
254 .mini-navbar .nav li:focus > .nav-second-level {
\r
256 border-radius: 0 2px 2px 0;
\r
260 body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
\r
262 border-radius: 3px;
\r
264 .fixed-nav .slimScrollDiv #side-menu {
\r
265 padding-bottom: 60px;
\r
267 .mini-navbar .nav-second-level li a {
\r
268 padding: 10px 10px 10px 15px;
\r
270 .mini-navbar .nav .nav-second-level {
\r
271 position: absolute;
\r
274 background-color: #2f4050;
\r
275 padding: 10px 10px 10px 10px;
\r
278 .canvas-menu.mini-navbar .nav-second-level {
\r
279 background: #293846;
\r
281 .mini-navbar li.active .nav-second-level {
\r
284 .navbar-default .special_link a {
\r
285 background: #1ab394;
\r
288 .navbar-default .special_link a:hover {
\r
289 background: #17987e !important;
\r
292 .navbar-default .special_link a span.label {
\r
296 .navbar-default .landing_link a {
\r
297 background: #1cc09f;
\r
300 .navbar-default .landing_link a:hover {
\r
301 background: #1ab394 !important;
\r
304 .navbar-default .landing_link a span.label {
\r
309 text-align: center;
\r
316 .pace-done .navbar-static-side,
\r
317 .pace-done .nav-header,
\r
318 .pace-done li.active,
\r
319 .pace-done #page-wrapper,
\r
320 .pace-done .footer {
\r
321 -webkit-transition: all 0.4s;
\r
322 -moz-transition: all 0.4s;
\r
323 -o-transition: all 0.4s;
\r
324 transition: all 0.4s;
\r
326 .navbar-fixed-top {
\r
328 transition-duration: 0.4s;
\r
329 border-bottom: 1px solid #e7eaec !important;
\r
333 .navbar-static-top {
\r
334 background: #f3f3f4;
\r
336 .fixed-nav #wrapper {
\r
339 .nav-tabs > li.active > a,
\r
340 .nav-tabs > li.active > a:hover,
\r
341 .nav-tabs > li.active > a:focus {
\r
342 -moz-border-bottom-colors: none;
\r
343 -moz-border-left-colors: none;
\r
344 -moz-border-right-colors: none;
\r
345 -moz-border-top-colors: none;
\r
347 border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
\r
348 border-bottom: #f3f3f4;
\r
349 border-image: none;
\r
350 border-style: solid;
\r
359 body.fixed-nav #wrapper .navbar-static-side,
\r
360 body.fixed-nav #wrapper #page-wrapper {
\r
363 body.top-navigation.fixed-nav #wrapper #page-wrapper {
\r
366 body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
\r
369 body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
\r
372 body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
\r
375 body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
\r
378 body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
\r
381 body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
\r
384 .fixed-nav .minimalize-styl-2 {
\r
385 margin: 14px 5px 5px 15px;
\r
387 .body-small .navbar-fixed-top {
\r
390 body.mini-navbar .navbar-static-side {
\r
393 body.mini-navbar .profile-element,
\r
394 body.mini-navbar .nav-label,
\r
395 body.mini-navbar .navbar-default .nav li a span {
\r
398 body.canvas-menu .profile-element {
\r
401 body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
\r
404 body.mini-navbar .navbar-default .nav > li > a {
\r
407 body.mini-navbar .logo-element {
\r
410 body.canvas-menu .logo-element {
\r
413 body.mini-navbar .nav-header {
\r
415 background-color: #1ab394;
\r
417 body.canvas-menu .nav-header {
\r
418 padding: 33px 25px;
\r
420 body.mini-navbar #page-wrapper {
\r
421 margin: 0 0 0 70px;
\r
423 body.fixed-sidebar.mini-navbar .footer,
\r
424 body.canvas-menu.mini-navbar .footer {
\r
425 margin: 0 0 0 0 !important;
\r
427 body.canvas-menu.mini-navbar #page-wrapper,
\r
428 body.canvas-menu.mini-navbar .footer {
\r
431 body.fixed-sidebar .navbar-static-side,
\r
432 body.canvas-menu .navbar-static-side {
\r
438 body.fixed-sidebar.mini-navbar .navbar-static-side {
\r
441 body.fixed-sidebar.mini-navbar #page-wrapper {
\r
444 body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
\r
445 margin: 0 0 0 220px;
\r
447 body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
\r
450 .fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,
\r
451 .canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
\r
455 body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
\r
457 border-radius: 3px;
\r
459 body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
\r
461 border-radius: 3px;
\r
463 .fixed-sidebar.mini-navbar .nav-second-level li a,
\r
464 .canvas-menu.mini-navbar .nav-second-level li a {
\r
465 padding: 10px 10px 10px 15px;
\r
467 .fixed-sidebar.mini-navbar .nav-second-level,
\r
468 .canvas-menu.mini-navbar .nav-second-level {
\r
469 position: relative;
\r
473 .fixed-sidebar.mini-navbar li.active .nav-second-level,
\r
474 .canvas-menu.mini-navbar li.active .nav-second-level {
\r
477 body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
\r
478 body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
\r
481 body.fixed-sidebar.mini-navbar .nav-label,
\r
482 body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
\r
483 body.canvas-menu.mini-navbar .nav-label,
\r
484 body.canvas-menu.mini-navbar .navbar-default .nav li a span {
\r
487 body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
\r
490 .canvas-menu.mini-navbar .nav-second-level li a,
\r
491 .fixed-sidebar.mini-navbar .nav-second-level li a {
\r
492 padding: 7px 10px 7px 52px;
\r
494 .fixed-sidebar.mini-navbar .nav-second-level,
\r
495 .canvas-menu.mini-navbar .nav-second-level {
\r
498 body.canvas-menu nav.navbar-static-side {
\r
500 background: #2f4050;
\r
505 body.canvas-menu.mini-navbar nav.navbar-static-side {
\r
509 .top-navigation #page-wrapper {
\r
512 .top-navigation .navbar-nav .dropdown-menu > .active > a {
\r
517 .white-bg .navbar-fixed-top,
\r
518 .white-bg .navbar-static-top {
\r
521 .top-navigation .navbar {
\r
524 .top-navigation .nav > li > a {
\r
525 padding: 15px 20px;
\r
528 .top-navigation .nav > li a:hover,
\r
529 .top-navigation .nav > li a:focus {
\r
533 .top-navigation .navbar .nav > li.active {
\r
537 .top-navigation .nav > li.active > a {
\r
540 .top-navigation .navbar-right {
\r
541 margin-right: 10px;
\r
543 .top-navigation .navbar-nav .dropdown-menu {
\r
545 border: 1px solid #e7eaec;
\r
547 .top-navigation .dropdown-menu > li > a {
\r
551 .navbar .dropdown-menu {
\r
554 .top-navigation .navbar-brand {
\r
555 background: #1ab394;
\r
557 padding: 15px 25px;
\r
559 .top-navigation .navbar-top-links li:last-child {
\r
562 .top-navigation.mini-navbar #page-wrapper,
\r
563 .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
\r
564 .mini-navbar .top-navigation #page-wrapper,
\r
565 .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
\r
566 .canvas-menu #page-wrapper {
\r
569 .top-navigation.fixed-nav #wrapper,
\r
570 .fixed-nav #wrapper.top-navigation {
\r
573 .top-navigation .footer.fixed {
\r
574 margin-left: 0 !important;
\r
576 .top-navigation .wrapper.wrapper-content {
\r
579 .top-navigation.body-small .wrapper.wrapper-content,
\r
580 .body-small .top-navigation .wrapper.wrapper-content {
\r
581 padding: 40px 0 40px 0;
\r
584 background-color: #1ab394;
\r
589 .top-navigation .navbar-nav .open .dropdown-menu > li > a,
\r
590 .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
\r
591 padding: 10px 15px 10px 20px;
\r
593 @media (max-width: 768px) {
\r
594 .top-navigation .navbar-header {
\r
601 display: none !important;
\r
603 @media (min-width: 1200px) {
\r
605 display: block !important;
\r
608 @media (min-width: 992px) {
\r
610 display: block !important;
\r
613 @media (max-width: 767px) {
\r
615 display: block !important;
\r
618 display: block !important;
\r
622 border-radius: 3px;
\r
624 .float-e-margins .btn {
\r
625 margin-bottom: 5px;
\r
630 .btn-primary.btn-outline {
\r
633 .btn-success.btn-outline {
\r
636 .btn-info.btn-outline {
\r
639 .btn-warning.btn-outline {
\r
642 .btn-danger.btn-outline {
\r
645 .btn-primary.btn-outline:hover,
\r
646 .btn-success.btn-outline:hover,
\r
647 .btn-info.btn-outline:hover,
\r
648 .btn-warning.btn-outline:hover,
\r
649 .btn-danger.btn-outline:hover {
\r
653 background-color: #1ab394;
\r
654 border-color: #1ab394;
\r
657 .btn-primary:hover,
\r
658 .btn-primary:focus,
\r
659 .btn-primary:active,
\r
660 .btn-primary.active,
\r
661 .open .dropdown-toggle.btn-primary,
\r
662 .btn-primary:active:focus,
\r
663 .btn-primary:active:hover,
\r
664 .btn-primary.active:hover,
\r
665 .btn-primary.active:focus {
\r
666 background-color: #18a689;
\r
667 border-color: #18a689;
\r
670 .btn-primary:active,
\r
671 .btn-primary.active,
\r
672 .open .dropdown-toggle.btn-primary {
\r
673 background-image: none;
\r
675 .btn-primary.disabled,
\r
676 .btn-primary.disabled:hover,
\r
677 .btn-primary.disabled:focus,
\r
678 .btn-primary.disabled:active,
\r
679 .btn-primary.disabled.active,
\r
680 .btn-primary[disabled],
\r
681 .btn-primary[disabled]:hover,
\r
682 .btn-primary[disabled]:focus,
\r
683 .btn-primary[disabled]:active,
\r
684 .btn-primary.active[disabled],
\r
685 fieldset[disabled] .btn-primary,
\r
686 fieldset[disabled] .btn-primary:hover,
\r
687 fieldset[disabled] .btn-primary:focus,
\r
688 fieldset[disabled] .btn-primary:active,
\r
689 fieldset[disabled] .btn-primary.active {
\r
690 background-color: #1dc5a3;
\r
691 border-color: #1dc5a3;
\r
694 background-color: #1c84c6;
\r
695 border-color: #1c84c6;
\r
698 .btn-success:hover,
\r
699 .btn-success:focus,
\r
700 .btn-success:active,
\r
701 .btn-success.active,
\r
702 .open .dropdown-toggle.btn-success,
\r
703 .btn-success:active:focus,
\r
704 .btn-success:active:hover,
\r
705 .btn-success.active:hover,
\r
706 .btn-success.active:focus {
\r
707 background-color: #1a7bb9;
\r
708 border-color: #1a7bb9;
\r
711 .btn-success:active,
\r
712 .btn-success.active,
\r
713 .open .dropdown-toggle.btn-success {
\r
714 background-image: none;
\r
716 .btn-success.disabled,
\r
717 .btn-success.disabled:hover,
\r
718 .btn-success.disabled:focus,
\r
719 .btn-success.disabled:active,
\r
720 .btn-success.disabled.active,
\r
721 .btn-success[disabled],
\r
722 .btn-success[disabled]:hover,
\r
723 .btn-success[disabled]:focus,
\r
724 .btn-success[disabled]:active,
\r
725 .btn-success.active[disabled],
\r
726 fieldset[disabled] .btn-success,
\r
727 fieldset[disabled] .btn-success:hover,
\r
728 fieldset[disabled] .btn-success:focus,
\r
729 fieldset[disabled] .btn-success:active,
\r
730 fieldset[disabled] .btn-success.active {
\r
731 background-color: #1f90d8;
\r
732 border-color: #1f90d8;
\r
735 background-color: #23c6c8;
\r
736 border-color: #23c6c8;
\r
743 .open .dropdown-toggle.btn-info,
\r
744 .btn-info:active:focus,
\r
745 .btn-info:active:hover,
\r
746 .btn-info.active:hover,
\r
747 .btn-info.active:focus {
\r
748 background-color: #21b9bb;
\r
749 border-color: #21b9bb;
\r
754 .open .dropdown-toggle.btn-info {
\r
755 background-image: none;
\r
757 .btn-info.disabled,
\r
758 .btn-info.disabled:hover,
\r
759 .btn-info.disabled:focus,
\r
760 .btn-info.disabled:active,
\r
761 .btn-info.disabled.active,
\r
762 .btn-info[disabled],
\r
763 .btn-info[disabled]:hover,
\r
764 .btn-info[disabled]:focus,
\r
765 .btn-info[disabled]:active,
\r
766 .btn-info.active[disabled],
\r
767 fieldset[disabled] .btn-info,
\r
768 fieldset[disabled] .btn-info:hover,
\r
769 fieldset[disabled] .btn-info:focus,
\r
770 fieldset[disabled] .btn-info:active,
\r
771 fieldset[disabled] .btn-info.active {
\r
772 background-color: #26d7d9;
\r
773 border-color: #26d7d9;
\r
778 border: 1px solid #e7eaec;
\r
780 .btn-default:hover,
\r
781 .btn-default:focus,
\r
782 .btn-default:active,
\r
783 .btn-default.active,
\r
784 .open .dropdown-toggle.btn-default,
\r
785 .btn-default:active:focus,
\r
786 .btn-default:active:hover,
\r
787 .btn-default.active:hover,
\r
788 .btn-default.active:focus {
\r
790 border: 1px solid #d2d2d2;
\r
792 .btn-default:active,
\r
793 .btn-default.active,
\r
794 .open .dropdown-toggle.btn-default {
\r
795 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
\r
797 .btn-default.disabled,
\r
798 .btn-default.disabled:hover,
\r
799 .btn-default.disabled:focus,
\r
800 .btn-default.disabled:active,
\r
801 .btn-default.disabled.active,
\r
802 .btn-default[disabled],
\r
803 .btn-default[disabled]:hover,
\r
804 .btn-default[disabled]:focus,
\r
805 .btn-default[disabled]:active,
\r
806 .btn-default.active[disabled],
\r
807 fieldset[disabled] .btn-default,
\r
808 fieldset[disabled] .btn-default:hover,
\r
809 fieldset[disabled] .btn-default:focus,
\r
810 fieldset[disabled] .btn-default:active,
\r
811 fieldset[disabled] .btn-default.active {
\r
815 background-color: #f8ac59;
\r
816 border-color: #f8ac59;
\r
819 .btn-warning:hover,
\r
820 .btn-warning:focus,
\r
821 .btn-warning:active,
\r
822 .btn-warning.active,
\r
823 .open .dropdown-toggle.btn-warning,
\r
824 .btn-warning:active:focus,
\r
825 .btn-warning:active:hover,
\r
826 .btn-warning.active:hover,
\r
827 .btn-warning.active:focus {
\r
828 background-color: #f7a54a;
\r
829 border-color: #f7a54a;
\r
832 .btn-warning:active,
\r
833 .btn-warning.active,
\r
834 .open .dropdown-toggle.btn-warning {
\r
835 background-image: none;
\r
837 .btn-warning.disabled,
\r
838 .btn-warning.disabled:hover,
\r
839 .btn-warning.disabled:focus,
\r
840 .btn-warning.disabled:active,
\r
841 .btn-warning.disabled.active,
\r
842 .btn-warning[disabled],
\r
843 .btn-warning[disabled]:hover,
\r
844 .btn-warning[disabled]:focus,
\r
845 .btn-warning[disabled]:active,
\r
846 .btn-warning.active[disabled],
\r
847 fieldset[disabled] .btn-warning,
\r
848 fieldset[disabled] .btn-warning:hover,
\r
849 fieldset[disabled] .btn-warning:focus,
\r
850 fieldset[disabled] .btn-warning:active,
\r
851 fieldset[disabled] .btn-warning.active {
\r
852 background-color: #f9b66d;
\r
853 border-color: #f9b66d;
\r
856 background-color: #ed5565;
\r
857 border-color: #ed5565;
\r
862 .btn-danger:active,
\r
863 .btn-danger.active,
\r
864 .open .dropdown-toggle.btn-danger,
\r
865 .btn-danger:active:focus,
\r
866 .btn-danger:active:hover,
\r
867 .btn-danger.active:hover,
\r
868 .btn-danger.active:focus {
\r
869 background-color: #ec4758;
\r
870 border-color: #ec4758;
\r
873 .btn-danger:active,
\r
874 .btn-danger.active,
\r
875 .open .dropdown-toggle.btn-danger {
\r
876 background-image: none;
\r
878 .btn-danger.disabled,
\r
879 .btn-danger.disabled:hover,
\r
880 .btn-danger.disabled:focus,
\r
881 .btn-danger.disabled:active,
\r
882 .btn-danger.disabled.active,
\r
883 .btn-danger[disabled],
\r
884 .btn-danger[disabled]:hover,
\r
885 .btn-danger[disabled]:focus,
\r
886 .btn-danger[disabled]:active,
\r
887 .btn-danger.active[disabled],
\r
888 fieldset[disabled] .btn-danger,
\r
889 fieldset[disabled] .btn-danger:hover,
\r
890 fieldset[disabled] .btn-danger:focus,
\r
891 fieldset[disabled] .btn-danger:active,
\r
892 fieldset[disabled] .btn-danger.active {
\r
893 background-color: #ef6776;
\r
894 border-color: #ef6776;
\r
903 .open .dropdown-toggle.btn-link {
\r
905 text-decoration: none;
\r
909 .open .dropdown-toggle.btn-link {
\r
910 background-image: none;
\r
912 .btn-link.disabled,
\r
913 .btn-link.disabled:hover,
\r
914 .btn-link.disabled:focus,
\r
915 .btn-link.disabled:active,
\r
916 .btn-link.disabled.active,
\r
917 .btn-link[disabled],
\r
918 .btn-link[disabled]:hover,
\r
919 .btn-link[disabled]:focus,
\r
920 .btn-link[disabled]:active,
\r
921 .btn-link.active[disabled],
\r
922 fieldset[disabled] .btn-link,
\r
923 fieldset[disabled] .btn-link:hover,
\r
924 fieldset[disabled] .btn-link:focus,
\r
925 fieldset[disabled] .btn-link:active,
\r
926 fieldset[disabled] .btn-link.active {
\r
932 border: 1px solid #e7eaec;
\r
938 .open .dropdown-toggle.btn-white,
\r
939 .btn-white:active:focus,
\r
940 .btn-white:active:hover,
\r
941 .btn-white.active:hover,
\r
942 .btn-white.active:focus {
\r
944 border: 1px solid #d2d2d2;
\r
947 .btn-white.active {
\r
948 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
\r
952 .open .dropdown-toggle.btn-white {
\r
953 background-image: none;
\r
955 .btn-white.disabled,
\r
956 .btn-white.disabled:hover,
\r
957 .btn-white.disabled:focus,
\r
958 .btn-white.disabled:active,
\r
959 .btn-white.disabled.active,
\r
960 .btn-white[disabled],
\r
961 .btn-white[disabled]:hover,
\r
962 .btn-white[disabled]:focus,
\r
963 .btn-white[disabled]:active,
\r
964 .btn-white.active[disabled],
\r
965 fieldset[disabled] .btn-white,
\r
966 fieldset[disabled] .btn-white:hover,
\r
967 fieldset[disabled] .btn-white:focus,
\r
968 fieldset[disabled] .btn-white:active,
\r
969 fieldset[disabled] .btn-white.active {
\r
973 .form-control:focus,
\r
974 .has-error .form-control:focus,
\r
975 .has-success .form-control:focus,
\r
976 .has-warning .form-control:focus,
\r
979 .navbar-form-custom .form-control:focus,
\r
980 .navbar-form-custom .form-control:hover,
\r
981 .open .btn.dropdown-toggle,
\r
990 background-color: transparent;
\r
991 transition: all .5s;
\r
994 border-radius: 50px;
\r
1002 display: inline-block;
\r
1003 text-decoration: none;
\r
1004 text-transform: uppercase;
\r
1005 text-align: center;
\r
1007 margin-right: 10px;
\r
1008 position: relative;
\r
1010 border-radius: 5px;
\r
1012 margin-bottom: 20px !important;
\r
1014 button.dim:active {
\r
1017 button.btn-primary.dim {
\r
1018 box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999;
\r
1020 button.btn-primary.dim:active {
\r
1021 box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;
\r
1023 button.btn-default.dim {
\r
1024 box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999;
\r
1026 button.btn-default.dim:active {
\r
1027 box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999;
\r
1029 button.btn-warning.dim {
\r
1030 box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;
\r
1032 button.btn-warning.dim:active {
\r
1033 box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;
\r
1035 button.btn-info.dim {
\r
1036 box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999;
\r
1038 button.btn-info.dim:active {
\r
1039 box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999;
\r
1041 button.btn-success.dim {
\r
1042 box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999;
\r
1044 button.btn-success.dim:active {
\r
1045 box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999;
\r
1047 button.btn-danger.dim {
\r
1048 box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
\r
1050 button.btn-danger.dim:active {
\r
1051 box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;
\r
1053 button.dim:before {
\r
1056 font-weight: normal;
\r
1059 padding-top: 10px;
\r
1061 button.dim:active:before {
\r
1066 outline: none !important;
\r
1069 background-color: #d1dade;
\r
1071 font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
\r
1074 text-shadow: none;
\r
1081 background-color: #d1dade;
\r
1083 font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
\r
1086 padding-bottom: 4px;
\r
1087 padding-left: 6px;
\r
1088 padding-right: 6px;
\r
1089 text-shadow: none;
\r
1093 background-color: #1ab394;
\r
1098 background-color: #1c84c6;
\r
1103 background-color: #f8ac59;
\r
1106 .label-warning-light,
\r
1107 .badge-warning-light {
\r
1108 background-color: #f8ac59;
\r
1113 background-color: #ed5565;
\r
1118 background-color: #23c6c8;
\r
1123 background-color: #262626;
\r
1128 background-color: #FFFFFF;
\r
1133 background-color: #2A2E36;
\r
1136 /* TOOGLE SWICH */
\r
1138 position: relative;
\r
1140 -webkit-user-select: none;
\r
1141 -moz-user-select: none;
\r
1142 -ms-user-select: none;
\r
1144 .onoffswitch-checkbox {
\r
1147 .onoffswitch-label {
\r
1151 border: 2px solid #1ab394;
\r
1152 border-radius: 2px;
\r
1154 .onoffswitch-inner {
\r
1156 margin-left: -100%;
\r
1157 -moz-transition: margin 0.3s ease-in 0s;
\r
1158 -webkit-transition: margin 0.3s ease-in 0s;
\r
1159 -o-transition: margin 0.3s ease-in 0s;
\r
1160 transition: margin 0.3s ease-in 0s;
\r
1162 .onoffswitch-inner:before,
\r
1163 .onoffswitch-inner:after {
\r
1168 line-height: 20px;
\r
1171 font-family: Trebuchet, Arial, sans-serif;
\r
1172 font-weight: bold;
\r
1173 -moz-box-sizing: border-box;
\r
1174 -webkit-box-sizing: border-box;
\r
1175 box-sizing: border-box;
\r
1177 .onoffswitch-inner:before {
\r
1179 padding-left: 10px;
\r
1180 background-color: #1ab394;
\r
1183 .onoffswitch-inner:after {
\r
1185 padding-right: 10px;
\r
1186 background-color: #FFFFFF;
\r
1188 text-align: right;
\r
1190 .onoffswitch-switch {
\r
1193 background: #FFFFFF;
\r
1194 border: 2px solid #1ab394;
\r
1195 border-radius: 2px;
\r
1196 position: absolute;
\r
1200 -moz-transition: all 0.3s ease-in 0s;
\r
1201 -webkit-transition: all 0.3s ease-in 0s;
\r
1202 -o-transition: all 0.3s ease-in 0s;
\r
1203 transition: all 0.3s ease-in 0s;
\r
1205 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
\r
1208 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
\r
1211 .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:before {
\r
1212 background-color: #919191;
\r
1214 .onoffswitch-checkbox:disabled + .onoffswitch-label,
\r
1215 .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
\r
1216 border-color: #919191;
\r
1218 /* CHOSEN PLUGIN */
\r
1219 .chosen-container-single .chosen-single {
\r
1220 background: #ffffff;
\r
1222 -moz-box-sizing: border-box;
\r
1223 border-radius: 2px;
\r
1225 height: auto !important;
\r
1229 padding: 4px 12px;
\r
1230 position: relative;
\r
1233 .chosen-container-multi .chosen-choices li.search-choice {
\r
1234 background: #f1f1f1;
\r
1235 border: 1px solid #e5e6e7;
\r
1236 border-radius: 2px;
\r
1240 line-height: 13px;
\r
1241 margin: 3px 0 3px 5px;
\r
1242 padding: 3px 20px 3px 5px;
\r
1243 position: relative;
\r
1245 /* Tags Input Plugin */
\r
1246 .bootstrap-tagsinput {
\r
1247 border: 1px solid #e5e6e7;
\r
1251 .pagination > .active > a,
\r
1252 .pagination > .active > span,
\r
1253 .pagination > .active > a:hover,
\r
1254 .pagination > .active > span:hover,
\r
1255 .pagination > .active > a:focus,
\r
1256 .pagination > .active > span:focus {
\r
1257 background-color: #f4f4f4;
\r
1258 border-color: #DDDDDD;
\r
1263 .pagination > li > a,
\r
1264 .pagination > li > span {
\r
1265 background-color: #FFFFFF;
\r
1266 border: 1px solid #DDDDDD;
\r
1269 line-height: 1.42857;
\r
1270 margin-left: -1px;
\r
1271 padding: 4px 10px;
\r
1272 position: relative;
\r
1273 text-decoration: none;
\r
1277 background-color: #2F4050;
\r
1279 .tooltip.top .tooltip-arrow {
\r
1280 border-top-color: #2F4050;
\r
1282 .tooltip.right .tooltip-arrow {
\r
1283 border-right-color: #2F4050;
\r
1285 .tooltip.bottom .tooltip-arrow {
\r
1286 border-bottom-color: #2F4050;
\r
1288 .tooltip.left .tooltip-arrow {
\r
1289 border-left-color: #2F4050;
\r
1291 /* EASY PIE CHART*/
\r
1293 position: relative;
\r
1294 text-align: center;
\r
1296 .easypiechart .h2 {
\r
1297 margin-left: 10px;
\r
1299 display: inline-block;
\r
1301 .easypiechart canvas {
\r
1305 .easypiechart .easypie-text {
\r
1307 position: absolute;
\r
1312 .easypiechart img {
\r
1316 -webkit-box-sizing: content-box;
\r
1317 -moz-box-sizing: content-box;
\r
1318 box-sizing: content-box;
\r
1320 /* FULLCALENDAR */
\r
1321 .fc-state-default {
\r
1322 background-color: #ffffff;
\r
1323 background-image: none;
\r
1324 background-repeat: repeat-x;
\r
1327 text-shadow: none;
\r
1329 .fc-state-default {
\r
1330 border: 1px solid;
\r
1334 border: 1px solid #e7eaec;
\r
1336 display: inline-block;
\r
1338 line-height: 1.9em;
\r
1341 position: relative;
\r
1342 white-space: nowrap;
\r
1344 .fc-state-active {
\r
1345 background-color: #1ab394;
\r
1346 border-color: #1ab394;
\r
1349 .fc-header-title h2 {
\r
1354 .fc-content .fc-widget-header,
\r
1355 .fc-content .fc-widget-content {
\r
1356 border-color: #e7eaec;
\r
1357 font-weight: normal;
\r
1359 .fc-border-separate tbody {
\r
1360 background-color: #F8F8F8;
\r
1362 .fc-state-highlight {
\r
1363 background: none repeat scroll 0 0 #FCF8E3;
\r
1366 padding: 5px 10px;
\r
1367 border-radius: 2px;
\r
1369 margin-bottom: 5px;
\r
1371 .fc-ltr .fc-event-hori.fc-event-end,
\r
1372 .fc-rtl .fc-event-hori.fc-event-start {
\r
1373 border-radius: 2px;
\r
1376 .fc-agenda .fc-event-time,
\r
1379 background-color: #1ab394;
\r
1380 /* background color */
\r
1381 border-color: #1ab394;
\r
1382 /* border color */
\r
1389 .ui-calendar .fc-event-time,
\r
1390 .ui-calendar .fc-event-title {
\r
1394 .chat-activity-list .chat-element {
\r
1395 border-bottom: 1px solid #e7eaec;
\r
1397 .chat-element:first-child {
\r
1401 padding-bottom: 15px;
\r
1404 .chat-element .media {
\r
1411 .chat-element .media-body {
\r
1415 .chat-element > .pull-left {
\r
1416 margin-right: 10px;
\r
1418 .chat-element img.img-circle,
\r
1419 .dropdown-messages-box img.img-circle {
\r
1423 .chat-element .well {
\r
1424 border: 1px solid #e7eaec;
\r
1427 margin-bottom: 5px;
\r
1428 padding: 10px 20px;
\r
1430 line-height: 16px;
\r
1432 .chat-element .actions {
\r
1435 .chat-element .photos {
\r
1438 .right.chat-element > .pull-right {
\r
1439 margin-left: 10px;
\r
1442 max-height: 180px;
\r
1443 border-radius: 4px;
\r
1445 margin-right: 10px;
\r
1446 margin-bottom: 10px;
\r
1454 margin-bottom: 10px;
\r
1455 padding-bottom: 5px;
\r
1456 border-bottom: 1px dotted #B3A9A9;
\r
1458 .chat li.left .chat-body {
\r
1459 margin-left: 60px;
\r
1461 .chat li.right .chat-body {
\r
1462 margin-right: 60px;
\r
1464 .chat li .chat-body p {
\r
1468 .panel .slidedown .glyphicon,
\r
1469 .chat .glyphicon {
\r
1470 margin-right: 5px;
\r
1472 .chat-panel .panel-body {
\r
1474 overflow-y: scroll;
\r
1477 a.list-group-item.active,
\r
1478 a.list-group-item.active:hover,
\r
1479 a.list-group-item.active:focus {
\r
1480 background-color: #1ab394;
\r
1481 border-color: #1ab394;
\r
1485 .list-group-item-heading {
\r
1488 .list-group-item-text {
\r
1492 line-height: inherit;
\r
1494 .no-padding .list-group-item {
\r
1495 border-left: none;
\r
1496 border-right: none;
\r
1497 border-bottom: none;
\r
1499 .no-padding .list-group-item:first-child {
\r
1500 border-left: none;
\r
1501 border-right: none;
\r
1502 border-bottom: none;
\r
1505 .no-padding .list-group {
\r
1508 .list-group-item {
\r
1509 background-color: inherit;
\r
1510 border: 1px solid #e7eaec;
\r
1512 margin-bottom: -1px;
\r
1513 padding: 10px 15px;
\r
1514 position: relative;
\r
1516 .elements-list .list-group-item {
\r
1517 border-left: none;
\r
1518 border-right: none;
\r
1519 padding: 15px 25px;
\r
1521 .elements-list .list-group-item:first-child {
\r
1522 border-left: none;
\r
1523 border-right: none;
\r
1524 border-top: none !important;
\r
1526 .elements-list .list-group {
\r
1529 .elements-list a {
\r
1532 .elements-list .list-group-item.active,
\r
1533 .elements-list .list-group-item:hover {
\r
1534 background: #f3f3f4;
\r
1536 border-color: #e7eaec;
\r
1539 .elements-list li.active {
\r
1542 .element-detail-box {
\r
1550 .widget .flot-chart.dashboard-chart {
\r
1555 .flot-chart.dashboard-chart {
\r
1560 .flot-chart-content {
\r
1564 .flot-chart-pie-content {
\r
1570 position: absolute;
\r
1574 visibility: hidden;
\r
1575 background: #2b303a;
\r
1576 background-color: rgba(43, 48, 58, 0.8);
\r
1579 white-space: nowrap;
\r
1581 padding: 5px 5px 5px 5px;
\r
1583 border-radius: 3px;
\r
1596 min-height: 150px;
\r
1599 min-height: 200px;
\r
1602 min-height: 300px;
\r
1614 padding-left: 5px;
\r
1616 .stat-list li:first-child {
\r
1629 position: relative;
\r
1632 table.dataTable thead .sorting,
\r
1633 table.dataTable thead .sorting_asc:after,
\r
1634 table.dataTable thead .sorting_desc,
\r
1635 table.dataTable thead .sorting_asc_disabled,
\r
1636 table.dataTable thead .sorting_desc_disabled {
\r
1637 background: transparent;
\r
1639 .dataTables_wrapper {
\r
1640 padding-bottom: 30px;
\r
1642 .dataTables_length {
\r
1645 .dataTables_filter label {
\r
1646 margin-right: 5px;
\r
1652 border: 1px solid #e7eaec;
\r
1659 .html5buttons a:hover,
\r
1660 .html5buttons a:focus:active {
\r
1661 background-color: #eee;
\r
1663 border-color: #d2d2d2;
\r
1665 div.dt-button-info {
\r
1668 @media (max-width: 768px) {
\r
1673 .dataTables_length {
\r
1679 border-radius: 50%;
\r
1685 border-radius: 15px;
\r
1686 text-align: center;
\r
1688 line-height: 1.428571429;
\r
1690 .btn-circle.btn-lg {
\r
1693 padding: 10px 16px;
\r
1694 border-radius: 25px;
\r
1696 line-height: 1.33;
\r
1698 .btn-circle.btn-xl {
\r
1701 padding: 10px 16px;
\r
1702 border-radius: 35px;
\r
1704 line-height: 1.33;
\r
1706 .show-grid [class^="col-"] {
\r
1707 padding-top: 10px;
\r
1708 padding-bottom: 10px;
\r
1709 border: 1px solid #ddd;
\r
1710 background-color: #eee !important;
\r
1716 .css-animation-box h1 {
\r
1719 .animation-efect-links a {
\r
1724 background-color: #f9f8f8;
\r
1725 border-radius: 16px;
\r
1728 padding-top: 80px;
\r
1730 .animation-text-box {
\r
1731 position: absolute;
\r
1734 margin-left: -100px;
\r
1737 .animation-text-info {
\r
1738 position: absolute;
\r
1739 margin-top: -60px;
\r
1741 margin-left: -100px;
\r
1745 .animation-text-box h2 {
\r
1748 margin-bottom: 5px;
\r
1750 .animation-text-box p {
\r
1752 text-transform: uppercase;
\r
1756 -webkit-pointer-events: none;
\r
1757 pointer-events: none;
\r
1758 -webkit-user-select: none;
\r
1759 -moz-user-select: none;
\r
1760 user-select: none;
\r
1765 .pace .pace-progress {
\r
1766 background: #1ab394;
\r
1779 border-radius: 5px;
\r
1780 padding: 15px 20px;
\r
1781 margin-bottom: 10px;
\r
1784 .widget.style1 h2 {
\r
1792 .widget-text-box {
\r
1794 border: 1px solid #e7eaec;
\r
1795 background: #ffffff;
\r
1797 .widget-head-color-box {
\r
1798 border-radius: 5px 5px 0 0;
\r
1801 .widget .flot-chart {
\r
1804 .vertical-align div {
\r
1805 display: inline-block;
\r
1806 vertical-align: middle;
\r
1808 .vertical-align h2,
\r
1809 .vertical-align h3 {
\r
1813 list-style: none outside none;
\r
1818 .todo-list.small-list {
\r
1821 .todo-list.small-list > li {
\r
1822 background: #f3f3f4;
\r
1823 border-left: none;
\r
1824 border-right: none;
\r
1825 border-radius: 4px;
\r
1827 margin-bottom: 2px;
\r
1828 padding: 6px 6px 6px 12px;
\r
1830 .todo-list.small-list .btn-xs,
\r
1831 .todo-list.small-list .btn-group-xs > .btn {
\r
1832 border-radius: 5px;
\r
1835 padding: 1px 2px 1px 5px;
\r
1838 background: #f3f3f4;
\r
1839 border-left: 6px solid #e7eaec;
\r
1840 border-right: 6px solid #e7eaec;
\r
1841 border-radius: 4px;
\r
1843 margin-bottom: 2px;
\r
1846 .todo-list .handle {
\r
1848 display: inline-block;
\r
1852 .todo-list > li .label {
\r
1854 margin-left: 10px;
\r
1860 text-decoration: line-through;
\r
1862 .geo-statistic h1 {
\r
1867 font-family: "FontAwesome";
\r
1871 display: inline-block !important;
\r
1887 background-color: #FFFFFF;
\r
1888 background-image: none;
\r
1889 border: 1px solid #e5e6e7;
\r
1890 border-radius: 1px;
\r
1893 padding: 6px 12px;
\r
1894 transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
\r
1897 .form-control:focus,
\r
1898 .single-line:focus {
\r
1899 border-color: #1ab394;
\r
1901 .has-success .form-control,
\r
1902 .has-success .form-control:focus {
\r
1903 border-color: #1ab394;
\r
1905 .has-warning .form-control,
\r
1906 .has-warning .form-control:focus {
\r
1907 border-color: #f8ac59;
\r
1909 .has-error .form-control,
\r
1910 .has-error .form-control:focus {
\r
1911 border-color: #ed5565;
\r
1913 .has-success .control-label {
\r
1916 .has-warning .control-label {
\r
1919 .has-error .control-label {
\r
1922 .input-group-addon {
\r
1923 background-color: #fff;
\r
1924 border: 1px solid #E5E6E7;
\r
1925 border-radius: 1px;
\r
1930 padding: 6px 12px;
\r
1931 text-align: center;
\r
1933 .spinner-buttons.input-group-btn .btn-xs {
\r
1934 line-height: 1.13;
\r
1936 .spinner-buttons.input-group-btn {
\r
1940 background: none repeat scroll 0 0 #1ab394;
\r
1943 .slider_red .noUi-connect {
\r
1944 background: none repeat scroll 0 0 #ed5565;
\r
1948 .ui-sortable .ibox-title {
\r
1951 .ui-sortable-placeholder {
\r
1952 border: 1px dashed #cecece !important;
\r
1953 visibility: visible !important;
\r
1954 background: #e7eaec;
\r
1956 .ibox.ui-sortable-placeholder {
\r
1957 margin: 0 0 23px !important;
\r
1961 position: relative;
\r
1963 -webkit-user-select: none;
\r
1964 -moz-user-select: none;
\r
1965 -ms-user-select: none;
\r
1967 .onoffswitch-checkbox {
\r
1970 .onoffswitch-label {
\r
1974 border: 2px solid #1AB394;
\r
1975 border-radius: 3px;
\r
1977 .onoffswitch-inner {
\r
1980 margin-left: -100%;
\r
1981 -moz-transition: margin 0.3s ease-in 0s;
\r
1982 -webkit-transition: margin 0.3s ease-in 0s;
\r
1983 -o-transition: margin 0.3s ease-in 0s;
\r
1984 transition: margin 0.3s ease-in 0s;
\r
1986 .onoffswitch-inner:before,
\r
1987 .onoffswitch-inner:after {
\r
1993 line-height: 16px;
\r
1996 font-family: Trebuchet, Arial, sans-serif;
\r
1997 font-weight: bold;
\r
1998 -moz-box-sizing: border-box;
\r
1999 -webkit-box-sizing: border-box;
\r
2000 box-sizing: border-box;
\r
2002 .onoffswitch-inner:before {
\r
2004 padding-left: 7px;
\r
2005 background-color: #1AB394;
\r
2008 .onoffswitch-inner:after {
\r
2010 padding-right: 7px;
\r
2011 background-color: #FFFFFF;
\r
2013 text-align: right;
\r
2015 .onoffswitch-switch {
\r
2019 background: #FFFFFF;
\r
2020 border: 2px solid #1AB394;
\r
2021 border-radius: 3px;
\r
2022 position: absolute;
\r
2026 -moz-transition: all 0.3s ease-in 0s;
\r
2027 -webkit-transition: all 0.3s ease-in 0s;
\r
2028 -o-transition: all 0.3s ease-in 0s;
\r
2029 transition: all 0.3s ease-in 0s;
\r
2031 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
\r
2034 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
\r
2039 -moz-box-sizing: content-box;
\r
2041 .ui-jqgrid-btable {
\r
2042 border-collapse: separate;
\r
2044 .ui-jqgrid-htable {
\r
2045 border-collapse: separate;
\r
2047 .ui-jqgrid-titlebar {
\r
2049 line-height: 15px;
\r
2051 background-color: #F9F9F9;
\r
2052 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
\r
2054 .ui-jqgrid .ui-jqgrid-title {
\r
2056 margin: 1.1em 1em 0.2em;
\r
2058 .ui-jqgrid .ui-jqgrid-titlebar {
\r
2059 position: relative;
\r
2060 border-left: 0 solid;
\r
2061 border-right: 0 solid;
\r
2062 border-top: 0 solid;
\r
2064 .ui-widget-header {
\r
2066 background-image: none;
\r
2067 background-color: #f5f5f6;
\r
2068 text-transform: uppercase;
\r
2069 border-top-left-radius: 0;
\r
2070 border-top-right-radius: 0;
\r
2072 .ui-jqgrid tr.ui-row-ltr td {
\r
2073 border-right-color: inherit;
\r
2074 border-right-style: solid;
\r
2075 border-right-width: 1px;
\r
2077 border-color: #DDDDDD;
\r
2078 background-color: inherit;
\r
2080 .ui-search-toolbar input[type="text"] {
\r
2083 border: 1px solid #CCCCCC;
\r
2086 .ui-state-default,
\r
2087 .ui-widget-content .ui-state-default,
\r
2088 .ui-widget-header .ui-state-default {
\r
2089 background: #F9F9F9;
\r
2090 border: 1px solid #DDDDDD;
\r
2091 line-height: 15px;
\r
2092 font-weight: bold;
\r
2094 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
\r
2096 .ui-widget-content {
\r
2097 box-sizing: content-box;
\r
2099 .ui-icon-triangle-1-n {
\r
2100 background-position: 1px -16px;
\r
2102 .ui-jqgrid tr.ui-search-toolbar th {
\r
2103 border-top-width: 0 !important;
\r
2104 border-top-color: inherit !important;
\r
2105 border-top-style: ridge !important;
\r
2108 .ui-widget-content .ui-state-hover,
\r
2110 .ui-widget-content .ui-state-focus,
\r
2111 .ui-widget-header .ui-state-focus {
\r
2112 background: #f5f5f5;
\r
2113 border-collapse: separate;
\r
2115 .ui-state-highlight,
\r
2116 .ui-widget-content .ui-state-highlight,
\r
2117 .ui-widget-header .ui-state-highlight {
\r
2118 background: #f2fbff;
\r
2121 .ui-widget-content .ui-state-active,
\r
2122 .ui-widget-header .ui-state-active {
\r
2123 border: 1px solid #dddddd;
\r
2124 background: #ffffff;
\r
2125 font-weight: normal;
\r
2128 .ui-jqgrid .ui-pg-input {
\r
2129 font-size: inherit;
\r
2131 border: 1px solid #CCCCCC;
\r
2134 .ui-jqgrid .ui-pg-selbox {
\r
2138 line-height: 18px;
\r
2142 .ui-jqgrid .ui-pager-control {
\r
2143 position: relative;
\r
2145 .ui-jqgrid .ui-jqgrid-pager {
\r
2147 position: relative;
\r
2149 .ui-pg-table .navtable .ui-corner-all {
\r
2152 .ui-jqgrid .ui-pg-button:hover {
\r
2156 .ui-jqgrid .loading {
\r
2157 position: absolute;
\r
2165 text-align: center;
\r
2166 font-weight: bold;
\r
2168 border-width: 2px !important;
\r
2171 .ui-jqgrid .form-control {
\r
2175 padding: 10px 12px;
\r
2177 .ui-jqgrid-pager {
\r
2184 border-top-left-radius: 0;
\r
2190 border-top-right-radius: 0;
\r
2193 .ui-corner-bottom,
\r
2196 border-bottom-left-radius: 0;
\r
2199 .ui-corner-bottom,
\r
2202 border-bottom-right-radius: 0;
\r
2204 .ui-widget-content {
\r
2205 border: 1px solid #ddd;
\r
2207 .ui-jqgrid .ui-jqgrid-titlebar {
\r
2210 .ui-jqgrid .ui-jqgrid-titlebar {
\r
2211 border-bottom: 1px solid #ddd;
\r
2213 .ui-jqgrid tr.jqgrow td {
\r
2216 .ui-jqdialog .ui-jqdialog-titlebar {
\r
2217 padding: 10px 10px;
\r
2219 .ui-jqdialog .ui-jqdialog-title {
\r
2220 float: none !important;
\r
2222 .ui-jqdialog > .ui-resizable-se {
\r
2223 position: absolute;
\r
2225 /* Nestable list */
\r
2227 position: relative;
\r
2233 line-height: 20px;
\r
2237 position: relative;
\r
2242 .dd-list .dd-list {
\r
2243 padding-left: 30px;
\r
2245 .dd-collapsed .dd-list {
\r
2252 position: relative;
\r
2257 line-height: 20px;
\r
2262 padding: 5px 10px;
\r
2264 text-decoration: none;
\r
2265 border: 1px solid #e7eaec;
\r
2266 background: #f5f5f5;
\r
2267 -webkit-border-radius: 3px;
\r
2268 border-radius: 3px;
\r
2269 box-sizing: border-box;
\r
2270 -moz-box-sizing: border-box;
\r
2273 font-weight: bold;
\r
2275 .dd-handle:hover {
\r
2276 background: #f0f0f0;
\r
2278 font-weight: bold;
\r
2280 .dd-item > button {
\r
2282 position: relative;
\r
2289 text-indent: 100%;
\r
2290 white-space: nowrap;
\r
2293 background: transparent;
\r
2296 text-align: center;
\r
2297 font-weight: bold;
\r
2299 .dd-item > button:before {
\r
2302 position: absolute;
\r
2304 text-align: center;
\r
2307 .dd-item > button[data-action="collapse"]:before {
\r
2310 #nestable2 .dd-item > button {
\r
2311 font-family: FontAwesome;
\r
2316 #nestable2 .dd-item > button:before {
\r
2319 #nestable2 .dd-item > button[data-action="collapse"]:before {
\r
2327 background: #f2fbff;
\r
2328 border: 1px dashed #b6bcbf;
\r
2329 box-sizing: border-box;
\r
2330 -moz-box-sizing: border-box;
\r
2333 border: 1px dashed #bbb;
\r
2334 min-height: 100px;
\r
2335 background-color: #e5e5e5;
\r
2336 background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
\r
2337 background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
\r
2338 background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
\r
2339 background-size: 60px 60px;
\r
2340 background-position: 0 0, 30px 30px;
\r
2343 position: absolute;
\r
2345 pointer-events: none;
\r
2347 .dd-dragel > .dd-item .dd-handle {
\r
2350 .dd-dragel .dd-handle {
\r
2351 -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
\r
2352 box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
\r
2363 border-top: 2px solid #ddd;
\r
2364 border-bottom: 2px solid #ddd;
\r
2368 margin: 10px 0 20px 0;
\r
2371 #nestable2-output {
\r
2373 font-size: 0.75em;
\r
2374 line-height: 1.333333em;
\r
2375 font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
\r
2377 box-sizing: border-box;
\r
2378 -moz-box-sizing: border-box;
\r
2380 #nestable2 .dd-handle {
\r
2382 border: 1px dashed #e7eaec;
\r
2383 background: #f3f3f4;
\r
2386 #nestable2 span.label {
\r
2387 margin-right: 10px;
\r
2390 #nestable2-output {
\r
2393 box-sizing: border-box;
\r
2394 -moz-box-sizing: border-box;
\r
2398 border: 1px solid #eee;
\r
2401 .CodeMirror-scroll {
\r
2402 overflow-y: hidden;
\r
2412 display: inline-block;
\r
2415 .form-control.error {
\r
2416 border: 1px dotted #cc5965;
\r
2420 border: 1px solid #d4d4d4;
\r
2425 border: 1px solid #d4d4d4;
\r
2430 border-right: none;
\r
2431 border-bottom: 1px solid #e7eaec;
\r
2434 border-right: none;
\r
2437 background: #F5F5F6;
\r
2440 background: #f9f9f9;
\r
2443 background: #EBF2F1;
\r
2446 border-bottom: 1px solid #e7eaec;
\r
2449 background-color: transparent;
\r
2452 border-right: none;
\r
2454 /* Toastr custom style */
\r
2455 #toast-container > .toast {
\r
2456 background-image: none !important;
\r
2458 #toast-container > .toast:before {
\r
2460 font-family: FontAwesome;
\r
2462 line-height: 24px;
\r
2465 padding-right: 0.5em;
\r
2466 margin: auto 0.5em auto -1.5em;
\r
2468 #toast-container > .toast-warning:before {
\r
2471 #toast-container > .toast-error:before {
\r
2474 #toast-container > .toast-info:before {
\r
2477 #toast-container > .toast-success:before {
\r
2480 #toast-container > div {
\r
2481 -moz-box-shadow: 0 0 3px #999;
\r
2482 -webkit-box-shadow: 0 0 3px #999;
\r
2483 box-shadow: 0 0 3px #999;
\r
2485 -ms-filter: alpha(opacity=90);
\r
2486 filter: alpha(opacity=90);
\r
2488 #toast-container > :hover {
\r
2489 -moz-box-shadow: 0 0 4px #999;
\r
2490 -webkit-box-shadow: 0 0 4px #999;
\r
2491 box-shadow: 0 0 4px #999;
\r
2493 -ms-filter: alpha(opacity=100);
\r
2494 filter: alpha(opacity=100);
\r
2498 background-color: #1ab394;
\r
2501 background-color: #1ab394;
\r
2504 background-color: #ed5565;
\r
2507 background-color: #23c6c8;
\r
2510 background-color: #f8ac59;
\r
2512 .toast-top-full-width {
\r
2515 .toast-bottom-full-width {
\r
2516 margin-bottom: 20px;
\r
2519 .cg-notify-message.inspinia-notify {
\r
2522 box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
\r
2523 -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
\r
2524 -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
\r
2529 .inspinia-notify.alert-warning {
\r
2530 border-left: 6px solid #f8ac59;
\r
2532 .inspinia-notify.alert-success {
\r
2533 border-left: 6px solid #1c84c6;
\r
2535 .inspinia-notify.alert-danger {
\r
2536 border-left: 6px solid #ed5565;
\r
2538 .inspinia-notify.alert-info {
\r
2539 border-left: 6px solid #1ab394;
\r
2541 /* Image cropper style */
\r
2545 text-align: center;
\r
2552 /* Forum styles */
\r
2553 .forum-post-container .media {
\r
2554 margin: 10px 10px 10px 10px;
\r
2555 padding: 20px 10px 20px 10px;
\r
2556 border-bottom: 1px solid #f1f1f1;
\r
2560 margin-right: 20px;
\r
2561 text-align: center;
\r
2564 .forum-avatar .img-circle {
\r
2572 text-align: center;
\r
2574 .forum-post-info {
\r
2575 padding: 9px 12px 6px 12px;
\r
2576 background: #f9f9f9;
\r
2577 border: 1px solid #f1f1f1;
\r
2579 .media-body > .media {
\r
2580 background: #f9f9f9;
\r
2581 border-radius: 3px;
\r
2582 border: 1px solid #f1f1f1;
\r
2584 .forum-post-container .media-body .photos {
\r
2589 border-radius: 3px;
\r
2591 .media-body > .media .forum-avatar {
\r
2593 margin-right: 10px;
\r
2595 .media-body > .media .forum-avatar .img-circle {
\r
2604 padding: 10px 0 20px;
\r
2605 border-bottom: 1px solid #f1f1f1;
\r
2609 line-height: 18px;
\r
2613 .forum-post-container {
\r
2614 padding: 30px !important;
\r
2616 .forum-item small {
\r
2619 .forum-item .forum-sub-title {
\r
2621 margin-left: 50px;
\r
2624 margin: 15px 0 15px 0;
\r
2627 text-align: center;
\r
2635 margin-right: 20px;
\r
2636 text-align: center;
\r
2638 a.forum-item-title {
\r
2644 a.forum-item-title:hover {
\r
2652 .forum-item.active .fa {
\r
2655 .forum-item.active a.forum-item-title {
\r
2658 @media (max-width: 992px) {
\r
2660 margin: 15px 0 10px 0;
\r
2661 /* Comment this is you want to show forum info in small devices */
\r
2665 float: none !important;
\r
2668 /* New Timeline style */
\r
2669 .vertical-container {
\r
2670 /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
\r
2672 max-width: 1170px;
\r
2675 .vertical-container::after {
\r
2681 #vertical-timeline {
\r
2682 position: relative;
\r
2685 margin-bottom: 2em;
\r
2687 #vertical-timeline::before {
\r
2689 position: absolute;
\r
2694 background: #f1f1f1;
\r
2696 .vertical-timeline-content .btn {
\r
2699 #vertical-timeline.light-timeline:before {
\r
2700 background: #e7eaec;
\r
2702 .dark-timeline .vertical-timeline-content:before {
\r
2703 border-color: transparent #f5f5f5 transparent transparent;
\r
2705 .dark-timeline.center-orientation .vertical-timeline-content:before {
\r
2706 border-color: transparent transparent transparent #f5f5f5;
\r
2708 .dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
\r
2709 .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
\r
2710 border-color: transparent #f5f5f5 transparent transparent;
\r
2712 .dark-timeline .vertical-timeline-content,
\r
2713 .dark-timeline.center-orientation .vertical-timeline-content {
\r
2714 background: #f5f5f5;
\r
2716 @media only screen and (min-width: 1170px) {
\r
2717 #vertical-timeline.center-orientation {
\r
2719 margin-bottom: 3em;
\r
2721 #vertical-timeline.center-orientation:before {
\r
2723 margin-left: -2px;
\r
2726 @media only screen and (max-width: 1170px) {
\r
2727 .center-orientation.dark-timeline .vertical-timeline-content:before {
\r
2728 border-color: transparent #f5f5f5 transparent transparent;
\r
2731 .vertical-timeline-block {
\r
2732 position: relative;
\r
2735 .vertical-timeline-block:after {
\r
2740 .vertical-timeline-block:first-child {
\r
2743 .vertical-timeline-block:last-child {
\r
2746 @media only screen and (min-width: 1170px) {
\r
2747 .center-orientation .vertical-timeline-block {
\r
2750 .center-orientation .vertical-timeline-block:first-child {
\r
2753 .center-orientation .vertical-timeline-block:last-child {
\r
2757 .vertical-timeline-icon {
\r
2758 position: absolute;
\r
2763 border-radius: 50%;
\r
2765 border: 3px solid #f1f1f1;
\r
2766 text-align: center;
\r
2768 .vertical-timeline-icon i {
\r
2772 position: relative;
\r
2775 margin-left: -12px;
\r
2778 @media only screen and (min-width: 1170px) {
\r
2779 .center-orientation .vertical-timeline-icon {
\r
2783 margin-left: -25px;
\r
2784 -webkit-transform: translateZ(0);
\r
2785 -webkit-backface-visibility: hidden;
\r
2788 .center-orientation .vertical-timeline-icon i {
\r
2789 margin-left: -12px;
\r
2790 margin-top: -10px;
\r
2792 .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
\r
2793 visibility: hidden;
\r
2796 .vertical-timeline-content {
\r
2797 position: relative;
\r
2798 margin-left: 60px;
\r
2799 background: white;
\r
2800 border-radius: 0.25em;
\r
2803 .vertical-timeline-content:after {
\r
2808 .vertical-timeline-content h2 {
\r
2812 .vertical-timeline-content p {
\r
2816 .vertical-timeline-content .vertical-date {
\r
2820 .vertical-date small {
\r
2824 .vertical-timeline-content::before {
\r
2826 position: absolute;
\r
2831 border: 7px solid transparent;
\r
2832 border-right: 7px solid white;
\r
2834 @media only screen and (min-width: 768px) {
\r
2835 .vertical-timeline-content h2 {
\r
2838 .vertical-timeline-content p {
\r
2842 @media only screen and (min-width: 1170px) {
\r
2843 .center-orientation .vertical-timeline-content {
\r
2848 .center-orientation .vertical-timeline-content::before {
\r
2851 border-color: transparent;
\r
2852 border-left-color: white;
\r
2854 .center-orientation .vertical-timeline-content .btn {
\r
2857 .center-orientation .vertical-timeline-content .vertical-date {
\r
2858 position: absolute;
\r
2864 .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
\r
2867 .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
\r
2871 border-color: transparent;
\r
2872 border-right-color: white;
\r
2874 .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
\r
2877 .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
\r
2880 text-align: right;
\r
2882 .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
\r
2883 visibility: hidden;
\r
2887 .tabs-container .panel-body {
\r
2889 border: 1px solid #e7eaec;
\r
2890 border-radius: 2px;
\r
2892 position: relative;
\r
2894 .tabs-container .nav-tabs > li.active > a,
\r
2895 .tabs-container .nav-tabs > li.active > a:hover,
\r
2896 .tabs-container .nav-tabs > li.active > a:focus {
\r
2897 border: 1px solid #e7eaec;
\r
2898 border-bottom-color: transparent;
\r
2899 background-color: #fff;
\r
2901 .tabs-container .nav-tabs > li {
\r
2903 margin-bottom: -1px;
\r
2905 .tabs-container .tab-pane .panel-body {
\r
2908 .tabs-container .nav-tabs > li.active > a,
\r
2909 .tabs-container .nav-tabs > li.active > a:hover,
\r
2910 .tabs-container .nav-tabs > li.active > a:focus {
\r
2911 border: 1px solid #e7eaec;
\r
2912 border-bottom-color: transparent;
\r
2914 .tabs-container .nav-tabs {
\r
2915 border-bottom: 1px solid #e7eaec;
\r
2917 .tabs-container .tab-pane .panel-body {
\r
2920 .tabs-container .tabs-left .tab-pane .panel-body,
\r
2921 .tabs-container .tabs-right .tab-pane .panel-body {
\r
2922 border-top: 1px solid #e7eaec;
\r
2924 .tabs-container .nav-tabs > li a:hover {
\r
2925 background: transparent;
\r
2926 border-color: transparent;
\r
2928 .tabs-container .tabs-below > .nav-tabs,
\r
2929 .tabs-container .tabs-right > .nav-tabs,
\r
2930 .tabs-container .tabs-left > .nav-tabs {
\r
2933 .tabs-container .tabs-left .panel-body {
\r
2936 .tabs-container .tabs-left > .nav-tabs,
\r
2937 .tabs-container .tabs-right > .nav-tabs {
\r
2940 .tabs-container .tabs-left .panel-body {
\r
2944 .tabs-container .tabs-right .panel-body {
\r
2946 margin-right: 20%;
\r
2948 .tabs-container .tab-content > .tab-pane,
\r
2949 .tabs-container .pill-content > .pill-pane {
\r
2952 .tabs-container .tab-content > .active,
\r
2953 .tabs-container .pill-content > .active {
\r
2956 .tabs-container .tabs-below > .nav-tabs {
\r
2957 border-top: 1px solid #e7eaec;
\r
2959 .tabs-container .tabs-below > .nav-tabs > li {
\r
2963 .tabs-container .tabs-below > .nav-tabs > li > a {
\r
2964 -webkit-border-radius: 0 0 4px 4px;
\r
2965 -moz-border-radius: 0 0 4px 4px;
\r
2966 border-radius: 0 0 4px 4px;
\r
2968 .tabs-container .tabs-below > .nav-tabs > li > a:hover,
\r
2969 .tabs-container .tabs-below > .nav-tabs > li > a:focus {
\r
2970 border-top-color: #e7eaec;
\r
2971 border-bottom-color: transparent;
\r
2973 .tabs-container .tabs-left > .nav-tabs > li,
\r
2974 .tabs-container .tabs-right > .nav-tabs > li {
\r
2977 .tabs-container .tabs-left > .nav-tabs > li > a,
\r
2978 .tabs-container .tabs-right > .nav-tabs > li > a {
\r
2981 margin-bottom: 3px;
\r
2983 .tabs-container .tabs-left > .nav-tabs {
\r
2985 margin-right: 19px;
\r
2987 .tabs-container .tabs-left > .nav-tabs > li > a {
\r
2988 margin-right: -1px;
\r
2989 -webkit-border-radius: 4px 0 0 4px;
\r
2990 -moz-border-radius: 4px 0 0 4px;
\r
2991 border-radius: 4px 0 0 4px;
\r
2993 .tabs-container .tabs-left > .nav-tabs .active > a,
\r
2994 .tabs-container .tabs-left > .nav-tabs .active > a:hover,
\r
2995 .tabs-container .tabs-left > .nav-tabs .active > a:focus {
\r
2996 border-color: #e7eaec transparent #e7eaec #e7eaec;
\r
2998 .tabs-container .tabs-right > .nav-tabs {
\r
3000 margin-left: 19px;
\r
3002 .tabs-container .tabs-right > .nav-tabs > li > a {
\r
3003 margin-left: -1px;
\r
3004 -webkit-border-radius: 0 4px 4px 0;
\r
3005 -moz-border-radius: 0 4px 4px 0;
\r
3006 border-radius: 0 4px 4px 0;
\r
3008 .tabs-container .tabs-right > .nav-tabs .active > a,
\r
3009 .tabs-container .tabs-right > .nav-tabs .active > a:hover,
\r
3010 .tabs-container .tabs-right > .nav-tabs .active > a:focus {
\r
3011 border-color: #e7eaec #e7eaec #e7eaec transparent;
\r
3014 @media (max-width: 767px) {
\r
3015 .tabs-container .nav-tabs > li {
\r
3016 float: none !important;
\r
3018 .tabs-container .nav-tabs > li.active > a {
\r
3019 border-bottom: 1px solid #e7eaec !important;
\r
3024 .jvectormap-container {
\r
3027 position: relative;
\r
3031 position: absolute;
\r
3033 border: solid 1px #CDCDCD;
\r
3034 border-radius: 3px;
\r
3035 background: #292929;
\r
3037 font-family: sans-serif, Verdana;
\r
3038 font-size: smaller;
\r
3041 .jvectormap-zoomin,
\r
3042 .jvectormap-zoomout,
\r
3043 .jvectormap-goback {
\r
3044 position: absolute;
\r
3046 border-radius: 3px;
\r
3047 background: #1ab394;
\r
3051 line-height: 10px;
\r
3052 text-align: center;
\r
3053 box-sizing: content-box;
\r
3055 .jvectormap-zoomin,
\r
3056 .jvectormap-zoomout {
\r
3060 .jvectormap-zoomin {
\r
3063 .jvectormap-zoomout {
\r
3066 .jvectormap-goback {
\r
3071 .jvectormap-spinner {
\r
3072 position: absolute;
\r
3077 background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
\r
3079 .jvectormap-legend-title {
\r
3080 font-weight: bold;
\r
3082 text-align: center;
\r
3084 .jvectormap-legend-cnt {
\r
3085 position: absolute;
\r
3087 .jvectormap-legend-cnt-h {
\r
3091 .jvectormap-legend-cnt-v {
\r
3095 .jvectormap-legend {
\r
3096 background: black;
\r
3098 border-radius: 3px;
\r
3100 .jvectormap-legend-cnt-h .jvectormap-legend {
\r
3102 margin: 0 10px 10px 0;
\r
3103 padding: 3px 3px 1px 3px;
\r
3105 .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
\r
3108 .jvectormap-legend-cnt-v .jvectormap-legend {
\r
3109 margin: 10px 10px 0 0;
\r
3112 .jvectormap-legend-cnt-h .jvectormap-legend-tick {
\r
3115 .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
\r
3118 .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
\r
3121 display: inline-block;
\r
3122 vertical-align: middle;
\r
3124 .jvectormap-legend-tick-text {
\r
3127 .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
\r
3128 text-align: center;
\r
3130 .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
\r
3131 display: inline-block;
\r
3132 vertical-align: middle;
\r
3133 line-height: 20px;
\r
3134 padding-left: 3px;
\r
3136 /*Slick Carousel */
\r
3137 .slick-prev:before,
\r
3138 .slick-next:before {
\r
3139 color: #1ab394 !important;
\r
3143 background: #ffffff;
\r
3145 margin-bottom: 25px;
\r
3146 border: 1px solid #e7eaec;
\r
3148 .payment-icon-big {
\r
3152 .payments-method.panel-group .panel + .panel {
\r
3155 .payments-method .panel-heading {
\r
3158 .payments-method .panel {
\r
3161 .payments-method .panel-heading h5 {
\r
3162 margin-bottom: 5px;
\r
3164 .payments-method .panel-heading i {
\r
3167 /* Select2 custom styles */
\r
3168 .select2-container--default .select2-selection--single,
\r
3169 .select2-container--default .select2-selection--multiple {
\r
3170 border-color: #e7eaec;
\r
3172 .select2-container--default.select2-container--focus .select2-selection--single,
\r
3173 .select2-container--default.select2-container--focus .select2-selection--multiple {
\r
3174 border-color: #1ab394;
\r
3176 .select2-container--default .select2-results__option--highlighted[aria-selected] {
\r
3177 background-color: #1ab394;
\r
3179 .select2-container--default .select2-search--dropdown .select2-search__field {
\r
3180 border-color: #e7eaec;
\r
3182 .select2-dropdown {
\r
3183 border-color: #e7eaec;
\r
3185 .select2-dropdown input:focus {
\r
3188 .select2-selection {
\r
3191 .ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > a {
\r
3192 background-color: #1ab394;
\r
3195 .tour-tour .btn.btn-default {
\r
3196 background-color: #ffffff;
\r
3197 border: 1px solid #d2d2d2;
\r
3200 .tour-step-backdrop {
\r
3207 .popover[class*=tour-] {
\r
3210 body.tour-open .animated {
\r
3211 animation-fill-mode: initial;
\r
3214 .resizable-panels .ibox {
\r
3219 min-height: 150px;
\r
3222 .resizable-panels .ibox .ibox-content {
\r
3223 height: calc(100% - 49px);
\r
3225 .ui-resizable-helper {
\r
3226 background: rgba(211, 211, 211, 0.4);
\r
3228 /* Wizard step fix */
\r
3229 .wizard > .content > .body {
\r
3230 position: relative;
\r
3232 /* PDF js style */
\r
3239 min-height: 140px;
\r
3240 border: 1px dashed #1ab394;
\r
3241 background: white;
\r
3242 padding: 20px 20px;
\r
3244 .dropzone .dz-message {
\r
3247 /* Activity stream */
\r
3249 position: relative;
\r
3252 .stream:first-child .stream-badge:before {
\r
3255 .stream:last-child .stream-badge:before {
\r
3258 .stream .stream-badge {
\r
3261 .stream .stream-badge i {
\r
3262 border: 1px solid #e7eaec;
\r
3263 border-radius: 50%;
\r
3266 position: absolute;
\r
3267 background-color: #ffffff;
\r
3270 .stream .stream-badge i.fa-circle {
\r
3273 .stream .stream-badge i.bg-success {
\r
3275 background-color: #1c84c6;
\r
3276 border-color: #1c84c6;
\r
3278 .stream .stream-badge i.bg-primary {
\r
3280 background-color: #1ab394;
\r
3281 border-color: #1ab394;
\r
3283 .stream .stream-badge i.bg-warning {
\r
3285 background-color: #f8ac59;
\r
3286 border-color: #f8ac59;
\r
3288 .stream .stream-badge i.bg-info {
\r
3290 background-color: #23c6c8;
\r
3291 border-color: #23c6c8;
\r
3293 .stream .stream-badge i.bg-danger {
\r
3295 background-color: #ed5565;
\r
3296 border-color: #ed5565;
\r
3298 .stream .stream-badge:before {
\r
3301 background-color: #e7eaec;
\r
3302 position: absolute;
\r
3307 .stream .stream-info {
\r
3309 margin-bottom: 5px;
\r
3311 .stream .stream-info img {
\r
3312 border-radius: 50%;
\r
3315 margin-right: 2px;
\r
3318 .stream .stream-info .date {
\r
3322 .stream .stream-panel {
\r
3323 margin-left: 55px;
\r
3328 .stream-small .label {
\r
3330 margin-right: 2px;
\r
3334 background: #ebebed;
\r
3335 padding: 10px 20px;
\r
3336 position: absolute;
\r
3339 .sidebar-panel .feed-element img.img-circle {
\r
3343 .sidebar-panel .feed-element,
\r
3345 .sidebar-panel p {
\r
3348 .sidebar-panel .feed-element {
\r
3350 padding-bottom: 0;
\r
3352 .sidebar-panel .list-group {
\r
3353 margin-bottom: 10px;
\r
3355 .sidebar-panel .list-group .list-group-item {
\r
3360 .sidebar-content .wrapper,
\r
3361 .wrapper.sidebar-content {
\r
3362 padding-right: 230px !important;
\r
3364 .body-small .sidebar-content .wrapper,
\r
3365 .body-small .wrapper.sidebar-content {
\r
3366 padding-right: 20px !important;
\r
3369 background-color: #fff;
\r
3370 border-left: 1px solid #e7eaec;
\r
3371 border-top: 1px solid #e7eaec;
\r
3375 width: 260px !important;
\r
3380 #right-sidebar.sidebar-open {
\r
3383 #right-sidebar.sidebar-open.sidebar-top {
\r
3387 .sidebar-container ul.nav-tabs {
\r
3390 .sidebar-container ul.nav-tabs.navs-4 li {
\r
3393 .sidebar-container ul.nav-tabs.navs-3 li {
\r
3396 .sidebar-container ul.nav-tabs.navs-2 li {
\r
3399 .sidebar-container ul.nav-tabs li {
\r
3402 .sidebar-container ul.nav-tabs li a {
\r
3404 padding: 12px 10px;
\r
3407 background: #2f4050;
\r
3409 text-align: center;
\r
3410 border-right: 1px solid #334556;
\r
3412 .sidebar-container ul.nav-tabs li.active a {
\r
3414 background: #f9f9f9;
\r
3416 font-weight: bold;
\r
3418 .sidebar-container .nav-tabs > li.active > a:hover,
\r
3419 .sidebar-container .nav-tabs > li.active > a:focus {
\r
3422 .sidebar-container ul.sidebar-list {
\r
3426 .sidebar-container ul.sidebar-list li {
\r
3427 border-bottom: 1px solid #e7eaec;
\r
3428 padding: 15px 20px;
\r
3432 .sidebar-container .sidebar-message:nth-child(2n+2) {
\r
3433 background: #f9f9f9;
\r
3435 .sidebar-container ul.sidebar-list li a {
\r
3436 text-decoration: none;
\r
3439 .sidebar-container .sidebar-content {
\r
3440 padding: 15px 20px;
\r
3443 .sidebar-container .sidebar-title {
\r
3444 background: #f9f9f9;
\r
3446 border-bottom: 1px solid #e7eaec;
\r
3448 .sidebar-container .sidebar-title h3 {
\r
3449 margin-bottom: 3px;
\r
3450 padding-left: 2px;
\r
3452 .sidebar-container .tab-content h4 {
\r
3453 margin-bottom: 5px;
\r
3455 .sidebar-container .sidebar-message > a > .pull-left {
\r
3456 margin-right: 10px;
\r
3458 .sidebar-container .sidebar-message > a {
\r
3459 text-decoration: none;
\r
3462 .sidebar-container .sidebar-message {
\r
3463 padding: 15px 20px;
\r
3465 .sidebar-container .sidebar-message .media-body {
\r
3469 .sidebar-container .sidebar-message .message-avatar {
\r
3472 border-radius: 50%;
\r
3474 .sidebar-container .setings-item {
\r
3475 padding: 15px 20px;
\r
3476 border-bottom: 1px solid #e7eaec;
\r
3479 font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
\r
3480 background-color: #2f4050;
\r
3483 overflow-x: hidden;
\r
3489 body.full-height-layout #wrapper,
\r
3490 body.full-height-layout #page-wrapper {
\r
3496 body.boxed-layout #wrapper {
\r
3497 background-color: #2f4050;
\r
3498 max-width: 1200px;
\r
3500 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
\r
3501 -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
\r
3502 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
\r
3504 .top-navigation.boxed-layout #wrapper,
\r
3505 .boxed-layout #wrapper.top-navigation {
\r
3506 max-width: 1300px !important;
\r
3520 text-decoration: none;
\r
3523 border-bottom: 1px solid #e7eaec !important;
\r
3532 text-transform: uppercase;
\r
3535 font-style: italic;
\r
3538 border-right: 1px solid #e7eaec;
\r
3541 border-top: 1px dashed #e7eaec;
\r
3543 background-color: #ffffff;
\r
3548 border-bottom: 1px solid #e7eaec;
\r
3549 background-color: rgba(0, 0, 0, 0);
\r
3550 border-style: solid !important;
\r
3552 margin-bottom: 15px;
\r
3555 width: 100% !important;
\r
3556 height: auto !important;
\r
3559 .gallery > .row > div {
\r
3560 margin-bottom: 15px;
\r
3563 margin-bottom: 5px;
\r
3564 /* Only for demo */
\r
3567 /* Summernote text editor */
\r
3569 height: auto !important;
\r
3571 .note-editor.fullscreen {
\r
3574 .note-editor.note-frame.fullscreen {
\r
3577 .note-editor.note-frame .note-editing-area .note-editable {
\r
3581 .note-editor.note-frame {
\r
3584 .note-editor.panel {
\r
3589 background-clip: padding-box;
\r
3590 background-color: #FFFFFF;
\r
3591 border: 1px solid rgba(0, 0, 0, 0);
\r
3592 border-radius: 4px;
\r
3593 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
\r
3595 position: relative;
\r
3601 padding: 20px 30px 30px 30px;
\r
3603 .inmodal .modal-body {
\r
3604 background: #f8fafb;
\r
3606 .inmodal .modal-header {
\r
3607 padding: 30px 15px;
\r
3608 text-align: center;
\r
3610 .animated.modal.fade .modal-dialog {
\r
3611 -webkit-transform: none;
\r
3612 -ms-transform: none;
\r
3613 -o-transform: none;
\r
3616 .inmodal .modal-title {
\r
3619 .inmodal .modal-icon {
\r
3629 overflow-x: hidden;
\r
3634 .wrapper-content {
\r
3635 padding: 20px 10px 40px;
\r
3639 min-height: 568px;
\r
3640 position: relative !important;
\r
3642 @media (min-width: 768px) {
\r
3644 position: inherit;
\r
3645 margin: 0 0 0 240px;
\r
3646 min-height: 2002px;
\r
3650 text-align: right;
\r
3651 padding-top: 30px;
\r
3667 list-style: none outside none;
\r
3671 font-size: 160px !important;
\r
3676 background: none repeat scroll 0 0 white;
\r
3677 border-top: 1px solid #e7eaec;
\r
3680 padding: 10px 20px;
\r
3681 position: absolute;
\r
3684 .footer.fixed_full {
\r
3690 padding: 10px 20px;
\r
3691 background: white;
\r
3692 border-top: 1px solid #e7eaec;
\r
3700 padding: 10px 20px;
\r
3701 background: white;
\r
3702 border-top: 1px solid #e7eaec;
\r
3703 margin-left: 220px;
\r
3705 body.mini-navbar .footer.fixed,
\r
3706 body.body-small.mini-navbar .footer.fixed {
\r
3707 margin: 0 0 0 70px;
\r
3709 body.mini-navbar.canvas-menu .footer.fixed,
\r
3710 body.canvas-menu .footer.fixed {
\r
3711 margin: 0 !important;
\r
3713 body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
\r
3714 margin: 0 0 0 220px;
\r
3716 body.body-small .footer.fixed {
\r
3722 padding: 0 10px 20px 10px;
\r
3724 .panel-heading h1,
\r
3725 .panel-heading h2 {
\r
3726 margin-bottom: 5px;
\r
3730 border: 1px solid #EBEBEB;
\r
3732 .table-bordered > thead > tr > th,
\r
3733 .table-bordered > thead > tr > td {
\r
3734 background-color: #F5F5F6;
\r
3735 border-bottom-width: 1px;
\r
3737 .table-bordered > thead > tr > th,
\r
3738 .table-bordered > tbody > tr > th,
\r
3739 .table-bordered > tfoot > tr > th,
\r
3740 .table-bordered > thead > tr > td,
\r
3741 .table-bordered > tbody > tr > td,
\r
3742 .table-bordered > tfoot > tr > td {
\r
3743 border: 1px solid #e7e7e7;
\r
3745 .table > thead > tr > th {
\r
3746 border-bottom: 1px solid #DDDDDD;
\r
3747 vertical-align: bottom;
\r
3749 .table > thead > tr > th,
\r
3750 .table > tbody > tr > th,
\r
3751 .table > tfoot > tr > th,
\r
3752 .table > thead > tr > td,
\r
3753 .table > tbody > tr > td,
\r
3754 .table > tfoot > tr > td {
\r
3755 border-top: 1px solid #e7eaec;
\r
3756 line-height: 1.42857;
\r
3758 vertical-align: top;
\r
3761 .panel.blank-panel {
\r
3765 .blank-panel .panel-heading {
\r
3766 padding-bottom: 0;
\r
3768 .nav-tabs > li > a {
\r
3771 padding: 10px 20px 10px 25px;
\r
3773 .nav-tabs > li > a:hover,
\r
3774 .nav-tabs > li > a:focus {
\r
3775 background-color: #e6e6e6;
\r
3778 .ui-tab .tab-content {
\r
3783 padding: 0 !important;
\r
3786 border: none !important;
\r
3789 margin: 0 !important;
\r
3792 border-top: 0 !important;
\r
3794 .ibox-content.text-box {
\r
3795 padding-bottom: 0;
\r
3796 padding-top: 15px;
\r
3798 .border-left-right {
\r
3799 border-left: 1px solid #e7eaec;
\r
3800 border-right: 1px solid #e7eaec;
\r
3802 .border-top-bottom {
\r
3803 border-top: 1px solid #e7eaec;
\r
3804 border-bottom: 1px solid #e7eaec;
\r
3807 border-left: 1px solid #e7eaec;
\r
3810 border-right: 1px solid #e7eaec;
\r
3813 border-top: 1px solid #e7eaec;
\r
3816 border-bottom: 1px solid #e7eaec;
\r
3819 border-width: 3px;
\r
3822 border-width: 6px;
\r
3825 border-width: 9px;
\r
3828 border-width: 12px;
\r
3831 width: 100% !important;
\r
3837 .nav.navbar-top-links .link-block a {
\r
3844 body.mini-navbar .branding {
\r
3847 img.circle-border {
\r
3848 border: 6px solid #FFFFFF;
\r
3849 border-radius: 50%;
\r
3856 padding: 17px 20px;
\r
3857 text-align: center;
\r
3858 background-color: #1ab394;
\r
3865 margin-bottom: 10px;
\r
3867 .icons-box .infont a i {
\r
3872 .icons-box .infont a {
\r
3875 .icons-box .infont a {
\r
3880 .ui-draggable .ibox-title {
\r
3884 background-color: #ffffff;
\r
3888 .breadcrumb > li a {
\r
3891 .breadcrumb > .active {
\r
3895 background-color: #F9F2F4;
\r
3896 border-radius: 4px;
\r
3900 white-space: nowrap;
\r
3904 margin-bottom: 25px;
\r
3908 .ibox.collapsed .ibox-content {
\r
3911 .ibox.collapsed .fa.fa-chevron-up:before {
\r
3914 .ibox.collapsed .fa.fa-chevron-down:before {
\r
3922 -moz-border-bottom-colors: none;
\r
3923 -moz-border-left-colors: none;
\r
3924 -moz-border-right-colors: none;
\r
3925 -moz-border-top-colors: none;
\r
3926 background-color: #ffffff;
\r
3927 border-color: #e7eaec;
\r
3928 border-image: none;
\r
3929 border-style: solid solid none;
\r
3930 border-width: 2px 0 0;
\r
3933 padding: 15px 15px 7px;
\r
3937 background-color: #ffffff;
\r
3939 padding: 15px 20px 20px 20px;
\r
3940 border-color: #e7eaec;
\r
3941 border-image: none;
\r
3942 border-style: solid solid none;
\r
3943 border-width: 1px 0;
\r
3947 border-top: 1px solid #e7eaec;
\r
3949 background: #ffffff;
\r
3950 padding: 10px 15px;
\r
3952 table.table-mail tr td {
\r
3955 .table-mail .check-mail {
\r
3956 padding-left: 20px;
\r
3958 .table-mail .mail-date {
\r
3959 padding-right: 20px;
\r
3972 font-weight: normal;
\r
3976 background-color: #f9f8f8;
\r
3982 background-color: #f3f6fb;
\r
3983 border-bottom: none;
\r
3985 .ibox-heading h3 {
\r
3990 display: inline-block;
\r
3994 text-overflow: ellipsis;
\r
3997 .ibox-title .label {
\r
4005 position: relative;
\r
4007 text-align: right;
\r
4014 .ibox-tools a.btn-primary {
\r
4017 .ibox-tools .dropdown-menu > li > a {
\r
4018 padding: 4px 10px;
\r
4021 .ibox .ibox-tools.open > .dropdown-menu {
\r
4028 background-color: #f3f3f4;
\r
4031 background-color: #ffffff;
\r
4035 background-color: #1c84c6;
\r
4040 background-color: #1ab394;
\r
4045 background-color: #23c6c8;
\r
4050 background-color: #f8ac59;
\r
4055 background-color: #ed5565;
\r
4059 background-color: #262626;
\r
4062 border-color: #1ab394;
\r
4064 .panel-primary > .panel-heading {
\r
4065 background-color: #1ab394;
\r
4066 border-color: #1ab394;
\r
4069 border-color: #1c84c6;
\r
4071 .panel-success > .panel-heading {
\r
4072 background-color: #1c84c6;
\r
4073 border-color: #1c84c6;
\r
4077 border-color: #23c6c8;
\r
4079 .panel-info > .panel-heading {
\r
4080 background-color: #23c6c8;
\r
4081 border-color: #23c6c8;
\r
4085 border-color: #f8ac59;
\r
4087 .panel-warning > .panel-heading {
\r
4088 background-color: #f8ac59;
\r
4089 border-color: #f8ac59;
\r
4093 border-color: #ed5565;
\r
4095 .panel-danger > .panel-heading {
\r
4096 background-color: #ed5565;
\r
4097 border-color: #ed5565;
\r
4101 background-color: #1ab394;
\r
4104 .progress-small .progress-bar {
\r
4112 .progress-mini .progress-bar {
\r
4116 .progress-bar-navy-light {
\r
4117 background-color: #3dc7ab;
\r
4119 .progress-bar-success {
\r
4120 background-color: #1c84c6;
\r
4122 .progress-bar-info {
\r
4123 background-color: #23c6c8;
\r
4125 .progress-bar-warning {
\r
4126 background-color: #f8ac59;
\r
4128 .progress-bar-danger {
\r
4129 background-color: #ed5565;
\r
4132 font-size: inherit;
\r
4135 border-radius: 6px;
\r
4167 background-color: #f3f3f4;
\r
4168 border: 1px solid #e7eaec;
\r
4169 border-radius: 2px;
\r
4172 margin-right: 5px;
\r
4174 padding: 5px 12px;
\r
4175 display: inline-block;
\r
4178 -webkit-box-shadow: 0 0 3px 0 #919191;
\r
4179 -moz-box-shadow: 0 0 3px 0 #919191;
\r
4180 box-shadow: 0 0 3px 0 #919191;
\r
4182 /* For handle diferent bg color in AngularJS version */
\r
4183 .dashboards\.dashboard_2 nav.navbar,
\r
4184 .dashboards\.dashboard_3 nav.navbar,
\r
4185 .mailbox\.inbox nav.navbar,
\r
4186 .mailbox\.email_view nav.navbar,
\r
4187 .mailbox\.email_compose nav.navbar,
\r
4188 .dashboards\.dashboard_4_1 nav.navbar,
\r
4189 .metrics nav.navbar,
\r
4190 .metrics\.index nav.navbar,
\r
4191 .dashboards\.dashboard_5 nav.navbar {
\r
4194 /* For handle diferent bg color in MVC version */
\r
4195 .Dashboard_2 .navbar.navbar-static-top,
\r
4196 .Dashboard_3 .navbar.navbar-static-top,
\r
4197 .Dashboard_4_1 .navbar.navbar-static-top,
\r
4198 .ComposeEmail .navbar.navbar-static-top,
\r
4199 .EmailView .navbar.navbar-static-top,
\r
4200 .Inbox .navbar.navbar-static-top,
\r
4201 .Metrics .navbar.navbar-static-top,
\r
4202 .Dashboard_5 .navbar.navbar-static-top {
\r
4205 a.close-canvas-menu {
\r
4206 position: absolute;
\r
4212 a.close-canvas-menu:hover {
\r
4215 .close-canvas-menu {
\r
4218 .canvas-menu .close-canvas-menu {
\r
4221 .light-navbar .navbar.navbar-static-top {
\r
4222 background-color: #ffffff;
\r
4229 height: calc(100% - 196px);
\r
4231 position: relative;
\r
4233 .fh-no-breadcrumb {
\r
4234 height: calc(100% - 99px);
\r
4236 position: relative;
\r
4245 z-index: 2040 !important;
\r
4248 z-index: 2050 !important;
\r
4252 padding-top: 70px;
\r
4254 /* MARGINS & PADDINGS */
\r
4334 margin: 0 !important;
\r
4343 margin-left: 10px;
\r
4346 margin-left: 15px;
\r
4349 margin-left: 20px;
\r
4352 margin-left: 30px;
\r
4355 margin-left: 40px;
\r
4358 margin-left: -1px;
\r
4361 margin-left: -5px;
\r
4364 margin-left: -10px;
\r
4367 margin-left: -15px;
\r
4370 margin-left: -20px;
\r
4373 margin-left: -30px;
\r
4376 margin-left: -40px;
\r
4409 margin-top: -10px;
\r
4412 margin-top: -15px;
\r
4415 margin-top: -20px;
\r
4418 margin-top: -30px;
\r
4421 margin-top: -40px;
\r
4427 margin-right: 1px;
\r
4430 margin-right: 5px;
\r
4433 margin-right: 10px;
\r
4436 margin-right: 15px;
\r
4439 margin-right: 20px;
\r
4442 margin-right: 30px;
\r
4445 margin-right: 40px;
\r
4448 margin-right: -1px;
\r
4451 margin-right: -5px;
\r
4454 margin-right: -10px;
\r
4457 margin-right: -15px;
\r
4460 margin-right: -20px;
\r
4463 margin-right: -30px;
\r
4466 margin-right: -40px;
\r
4472 margin-bottom: 1px;
\r
4475 margin-bottom: 5px;
\r
4478 margin-bottom: 10px;
\r
4481 margin-bottom: 15px;
\r
4484 margin-bottom: 20px;
\r
4487 margin-bottom: 30px;
\r
4490 margin-bottom: 40px;
\r
4493 margin-bottom: -1px;
\r
4496 margin-bottom: -5px;
\r
4499 margin-bottom: -10px;
\r
4502 margin-bottom: -15px;
\r
4505 margin-bottom: -20px;
\r
4508 margin-bottom: -30px;
\r
4511 margin-bottom: -40px;
\r
4538 -webkit-border-radius: 1px;
\r
4539 -moz-border-radius: 1px;
\r
4540 border-radius: 1px;
\r
4543 -webkit-border-radius: 3px;
\r
4544 -moz-border-radius: 3px;
\r
4545 border-radius: 3px;
\r
4548 -webkit-border-radius: 6px;
\r
4549 -moz-border-radius: 6px;
\r
4550 border-radius: 6px;
\r
4553 -webkit-border-radius: 12px;
\r
4554 -moz-border-radius: 12px;
\r
4555 border-radius: 12px;
\r
4558 -webkit-border-radius: 24px;
\r
4559 -moz-border-radius: 24px;
\r
4560 border-radius: 24px;
\r
4562 .fullscreen-ibox-mode .animated {
\r
4565 body.fullscreen-ibox-mode {
\r
4566 overflow-y: hidden;
\r
4568 .ibox.fullscreen {
\r
4578 .ibox.fullscreen .collapse-link {
\r
4581 .ibox.fullscreen .ibox-content {
\r
4582 min-height: calc(100% - 48px);
\r
4585 padding-right: inherit !important;
\r
4587 body.modal-open .wrapper-content.animated {
\r
4588 -webkit-animation: none;
\r
4589 -ms-animation-nam: none;
\r
4592 body.modal-open .animated {
\r
4593 animation-fill-mode: initial;
\r
4596 /* Show profile dropdown on fixed sidebar */
\r
4597 body.mini-navbar.fixed-sidebar .profile-element,
\r
4599 display: block !important;
\r
4601 body.mini-navbar.fixed-sidebar .nav-header {
\r
4602 padding: 33px 25px;
\r
4604 body.mini-navbar.fixed-sidebar .logo-element {
\r
4607 .fullscreen-video .animated {
\r
4614 .search-result h3 {
\r
4618 .search-result .search-link {
\r
4621 .search-result p {
\r
4627 background-color: #ffffff;
\r
4628 border: 1px solid #e7eaec;
\r
4630 margin-bottom: 20px;
\r
4632 .contact-box > a {
\r
4635 .contact-box.center-version {
\r
4636 border: 1px solid #e7eaec;
\r
4639 .contact-box.center-version > a {
\r
4641 background-color: #ffffff;
\r
4643 text-align: center;
\r
4645 .contact-box.center-version > a img {
\r
4649 margin-bottom: 10px;
\r
4651 .contact-box.center-version address {
\r
4654 .contact-box .contact-box-footer {
\r
4655 text-align: center;
\r
4656 background-color: #ffffff;
\r
4657 border-top: 1px solid #e7eaec;
\r
4658 padding: 15px 20px;
\r
4661 .invoice-table tbody > tr > td:last-child,
\r
4662 .invoice-table tbody > tr > td:nth-child(4),
\r
4663 .invoice-table tbody > tr > td:nth-child(3),
\r
4664 .invoice-table tbody > tr > td:nth-child(2) {
\r
4665 text-align: right;
\r
4667 .invoice-table thead > tr > th:last-child,
\r
4668 .invoice-table thead > tr > th:nth-child(4),
\r
4669 .invoice-table thead > tr > th:nth-child(3),
\r
4670 .invoice-table thead > tr > th:nth-child(2) {
\r
4671 text-align: right;
\r
4673 .invoice-total > tbody > tr > td:first-child {
\r
4674 text-align: right;
\r
4676 .invoice-total > tbody > tr > td {
\r
4679 .invoice-total > tbody > tr > td:last-child {
\r
4680 border-bottom: 1px solid #DDDDDD;
\r
4681 text-align: right;
\r
4684 /* ERROR & LOGIN & LOCKSCREEN*/
\r
4689 padding-top: 40px;
\r
4691 .lockscreen.middle-box {
\r
4693 padding-top: 110px;
\r
4695 .loginscreen.middle-box {
\r
4701 padding: 100px 20px 20px 20px;
\r
4706 padding: 100px 20px 20px 20px;
\r
4712 letter-spacing: -10px;
\r
4718 .wrapper .middle-box {
\r
4719 margin-top: 140px;
\r
4723 position: absolute;
\r
4726 margin-left: -470px;
\r
4732 display: inline-block;
\r
4734 .lock-word .first-word {
\r
4735 margin-right: 160px;
\r
4738 .dashboard-header {
\r
4740 padding: 20px 20px 20px 20px;
\r
4742 .dashboard-header h2 {
\r
4747 border-top: none !important;
\r
4752 .dashboard-header .list-group-item span.label {
\r
4753 margin-right: 10px;
\r
4755 .list-group.clear-list .list-group-item {
\r
4756 border-top: 1px solid #e7eaec;
\r
4762 ul.clear-list:first-child {
\r
4763 border-top: none !important;
\r
4766 .timeline-item .date i {
\r
4767 position: absolute;
\r
4772 text-align: center;
\r
4773 border-top: 1px solid #e7eaec;
\r
4774 border-bottom: 1px solid #e7eaec;
\r
4775 border-left: 1px solid #e7eaec;
\r
4776 background: #f8f8f8;
\r
4778 .timeline-item .date {
\r
4779 text-align: right;
\r
4781 position: relative;
\r
4782 padding-top: 30px;
\r
4784 .timeline-item .content {
\r
4785 border-left: 1px solid #e7eaec;
\r
4786 border-top: 1px solid #e7eaec;
\r
4787 padding-top: 10px;
\r
4788 min-height: 100px;
\r
4790 .timeline-item .content:hover {
\r
4791 background: #f6f6f6;
\r
4803 text-decoration: none;
\r
4810 position: relative;
\r
4812 ul.notes li div small {
\r
4813 position: absolute;
\r
4818 ul.notes li div a {
\r
4819 position: absolute;
\r
4825 margin: 10px 40px 50px 0;
\r
4828 ul.notes li div p {
\r
4832 text-decoration: none;
\r
4840 -moz-box-shadow: 5px 5px 2px #212121;
\r
4841 /* Safari+Chrome */
\r
4842 -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
\r
4844 box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
\r
4847 -webkit-transform: rotate(-6deg);
\r
4848 -o-transform: rotate(-6deg);
\r
4849 -moz-transform: rotate(-6deg);
\r
4850 -ms-transform: rotate(-6deg);
\r
4852 ul.notes li:nth-child(even) div {
\r
4853 -o-transform: rotate(4deg);
\r
4854 -webkit-transform: rotate(4deg);
\r
4855 -moz-transform: rotate(4deg);
\r
4856 -ms-transform: rotate(4deg);
\r
4857 position: relative;
\r
4860 ul.notes li:nth-child(3n) div {
\r
4861 -o-transform: rotate(-3deg);
\r
4862 -webkit-transform: rotate(-3deg);
\r
4863 -moz-transform: rotate(-3deg);
\r
4864 -ms-transform: rotate(-3deg);
\r
4865 position: relative;
\r
4868 ul.notes li:nth-child(5n) div {
\r
4869 -o-transform: rotate(5deg);
\r
4870 -webkit-transform: rotate(5deg);
\r
4871 -moz-transform: rotate(5deg);
\r
4872 -ms-transform: rotate(5deg);
\r
4873 position: relative;
\r
4876 ul.notes li div:hover,
\r
4877 ul.notes li div:focus {
\r
4878 -webkit-transform: scale(1.1);
\r
4879 -moz-transform: scale(1.1);
\r
4880 -o-transform: scale(1.1);
\r
4881 -ms-transform: scale(1.1);
\r
4882 position: relative;
\r
4886 text-decoration: none;
\r
4893 -moz-box-shadow: 5px 5px 7px #212121;
\r
4894 -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
\r
4895 box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
\r
4896 -moz-transition: -moz-transform 0.15s linear;
\r
4897 -o-transition: -o-transform 0.15s linear;
\r
4898 -webkit-transition: -webkit-transform 0.15s linear;
\r
4900 /* FILE MANAGER */
\r
4905 .file-manager h5 {
\r
4906 text-transform: uppercase;
\r
4909 list-style: none outside none;
\r
4913 .folder-list li a {
\r
4919 border-bottom: 1px solid #e7eaec;
\r
4922 .folder-list li i {
\r
4923 margin-right: 8px;
\r
4926 .category-list li a {
\r
4931 .category-list li {
\r
4934 .category-list li i {
\r
4935 margin-right: 8px;
\r
4938 .category-list li a .text-navy {
\r
4941 .category-list li a .text-primary {
\r
4944 .category-list li a .text-info {
\r
4947 .category-list li a .text-danger {
\r
4950 .category-list li a .text-warning {
\r
4953 .file-manager h5.tag-title {
\r
4961 background-color: #f3f3f4;
\r
4962 padding: 5px 12px;
\r
4964 border-radius: 2px;
\r
4965 border: 1px solid #e7eaec;
\r
4966 margin-right: 5px;
\r
4971 border: 1px solid #e7eaec;
\r
4973 background-color: #ffffff;
\r
4974 position: relative;
\r
4975 margin-bottom: 20px;
\r
4976 margin-right: 20px;
\r
4978 .file-manager .hr-line-dashed {
\r
4987 padding: 15px 10px;
\r
4988 text-align: center;
\r
4993 margin-right: 10px;
\r
4995 .file-control.active {
\r
4996 text-decoration: underline;
\r
5002 .file .file-name {
\r
5004 background-color: #f8f8f8;
\r
5005 border-top: 1px solid #e7eaec;
\r
5007 .file-name small {
\r
5011 position: absolute;
\r
5012 display: inline-block;
\r
5016 border: 0.6em solid transparent;
\r
5017 border-right: 0.6em solid #f1f1f1;
\r
5018 border-bottom: 0.6em solid #f1f1f1;
\r
5023 padding: 8px 10px;
\r
5029 .profile-content {
\r
5030 border-top: none !important;
\r
5033 margin-right: 10px;
\r
5039 .profile-image img {
\r
5044 margin-left: 120px;
\r
5046 .feed-activity-list .feed-element {
\r
5047 border-bottom: 1px solid #e7eaec;
\r
5049 .feed-element:first-child {
\r
5053 padding-bottom: 15px;
\r
5056 .feed-element .media {
\r
5063 .feed-element > .pull-left {
\r
5064 margin-right: 10px;
\r
5066 .feed-element img.img-circle,
\r
5067 .dropdown-messages-box img.img-circle {
\r
5071 .feed-element .well {
\r
5072 border: 1px solid #e7eaec;
\r
5075 margin-bottom: 5px;
\r
5076 padding: 10px 20px;
\r
5078 line-height: 16px;
\r
5080 .feed-element .actions {
\r
5083 .feed-element .photos {
\r
5087 max-height: 180px;
\r
5088 border-radius: 4px;
\r
5090 margin-right: 10px;
\r
5091 margin-bottom: 10px;
\r
5094 padding: 5px 10px;
\r
5096 border-radius: 2px;
\r
5097 border: 1px solid #e7eaec;
\r
5098 margin-bottom: 5px;
\r
5103 .file-list li a:hover {
\r
5106 .user-friends img {
\r
5109 margin-bottom: 5px;
\r
5110 margin-right: 5px;
\r
5114 background-color: #ffffff;
\r
5115 border: 1px solid #e7eaec;
\r
5118 margin-bottom: 20px;
\r
5120 .mail-box-header {
\r
5121 background-color: #ffffff;
\r
5122 border: 1px solid #e7eaec;
\r
5124 padding: 30px 20px 20px 20px;
\r
5126 .mail-box-header h2 {
\r
5129 .mailbox-content .tag-list li a {
\r
5130 background: #ffffff;
\r
5133 border-top: 1px solid #e7eaec;
\r
5137 border-top: 1px solid #e7eaec;
\r
5139 .mail-text .note-toolbar {
\r
5140 padding: 10px 15px;
\r
5142 .mail-body .form-group {
\r
5143 margin-bottom: 5px;
\r
5145 .mail-text .note-editor .note-toolbar {
\r
5146 background-color: #F9F8F8;
\r
5148 .mail-attachment {
\r
5149 border-top: 1px solid #e7eaec;
\r
5153 .mailbox-content {
\r
5163 .project-actions {
\r
5164 text-align: right;
\r
5165 vertical-align: middle;
\r
5167 dd.project-people {
\r
5171 .project-people img {
\r
5175 .project-title a {
\r
5180 .project-list table tr td {
\r
5182 border-bottom: 1px solid #e7eaec;
\r
5183 padding: 15px 10px;
\r
5184 vertical-align: middle;
\r
5186 .project-manager .tag-list li a {
\r
5188 background-color: white;
\r
5189 padding: 5px 12px;
\r
5191 border-radius: 2px;
\r
5192 border: 1px solid #e7eaec;
\r
5193 margin-right: 5px;
\r
5197 .project-files li a {
\r
5200 margin-left: 10px;
\r
5201 line-height: 22px;
\r
5206 margin-bottom: 2px;
\r
5215 .faq-question:hover {
\r
5220 background: #f3f3f4;
\r
5221 border: 1px solid #e7eaec;
\r
5222 border-radius: 3px;
\r
5225 .faq-item .tag-item {
\r
5226 background: #f3f3f4;
\r
5229 text-transform: uppercase;
\r
5233 height: 90px !important;
\r
5239 margin-right: 10px;
\r
5245 padding: 8px 10px;
\r
5246 border-bottom: 1px solid #e7eaec;
\r
5256 margin-left: -30px;
\r
5258 @media (max-width: 992px) {
\r
5264 .chat-view .ibox-content {
\r
5268 padding: 10px 20px;
\r
5273 border: 1px solid #e7eaec;
\r
5274 border-radius: 4px;
\r
5277 .chat-discussion .chat-message.left .message-avatar {
\r
5279 margin-right: 10px;
\r
5281 .chat-discussion .chat-message.right .message-avatar {
\r
5283 margin-left: 10px;
\r
5286 background-color: #fff;
\r
5287 border: 1px solid #e7eaec;
\r
5290 padding: 10px 20px;
\r
5291 position: relative;
\r
5292 border-radius: 4px;
\r
5294 .chat-discussion .chat-message.left .message-date {
\r
5297 .chat-discussion .chat-message.right .message-date {
\r
5300 .chat-discussion .chat-message.left .message {
\r
5302 margin-left: 55px;
\r
5304 .chat-discussion .chat-message.right .message {
\r
5305 text-align: right;
\r
5306 margin-right: 55px;
\r
5312 .message-content {
\r
5315 .chat-discussion {
\r
5325 .chat-message-form .form-group {
\r
5329 .jstree-open > .jstree-anchor > .fa-folder:before {
\r
5332 .jstree-default .jstree-icon.none {
\r
5339 .clients-list .tab-pane {
\r
5340 position: relative;
\r
5344 position: relative;
\r
5347 .clients-list table tr td {
\r
5349 vertical-align: middle;
\r
5356 .client-link:hover {
\r
5362 .client-avatar img {
\r
5365 border-radius: 50%;
\r
5374 .client-detail .vertical-timeline-content p {
\r
5377 .client-detail .vertical-timeline-icon.gray-bg {
\r
5380 .clients-list .nav-tabs > li.active > a,
\r
5381 .clients-list .nav-tabs > li.active > a:hover,
\r
5382 .clients-list .nav-tabs > li.active > a:focus {
\r
5383 border-bottom: 1px solid #fff;
\r
5385 /* BLOG ARTICLE */
\r
5390 margin: 0 0 5px 0;
\r
5393 margin: 0 0 5px 0;
\r
5402 line-height: 26px;
\r
5405 text-align: center;
\r
5406 margin: 40px 0 100px 0;
\r
5408 .article .ibox-content {
\r
5411 /* ISSUE TRACKER */
\r
5412 .issue-tracker .btn-link {
\r
5415 table.issue-tracker tbody tr td {
\r
5416 vertical-align: middle;
\r
5426 .issue-info small {
\r
5433 .team-members img.img-circle {
\r
5436 margin-bottom: 5px;
\r
5447 background: #FAFAFB;
\r
5448 border: 1px solid #e7eaec;
\r
5449 margin: 0 0 10px 0;
\r
5451 border-radius: 2px;
\r
5453 .agile-list li:hover {
\r
5457 .agile-list li.warning-element {
\r
5458 border-left: 3px solid #f8ac59;
\r
5460 .agile-list li.danger-element {
\r
5461 border-left: 3px solid #ed5565;
\r
5463 .agile-list li.info-element {
\r
5464 border-left: 3px solid #1c84c6;
\r
5466 .agile-list li.success-element {
\r
5467 border-left: 3px solid #1ab394;
\r
5475 background-color: #c6ffc6;
\r
5476 text-decoration: none;
\r
5479 background-color: #ffc6c6;
\r
5484 border: 1px solid #e7eaec;
\r
5486 .product-box:hover,
\r
5487 .product-box.active {
\r
5488 border: 1px solid transparent;
\r
5489 -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
\r
5490 -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
\r
5491 box-shadow: 0 3px 7px 0 #a8a8a8;
\r
5493 .product-imitation {
\r
5494 text-align: center;
\r
5496 background-color: #f8f8f9;
\r
5500 .cart-product-imitation {
\r
5501 text-align: center;
\r
5502 padding-top: 30px;
\r
5505 background-color: #f8f8f9;
\r
5507 .product-imitation.xl {
\r
5512 position: relative;
\r
5514 .ecommerce .tag-list {
\r
5517 .ecommerce .fa-star {
\r
5520 .ecommerce .fa-star.active {
\r
5523 .ecommerce .note-editor {
\r
5524 border: 1px solid #e7eaec;
\r
5526 table.shoping-cart-table {
\r
5529 table.shoping-cart-table tr td {
\r
5531 text-align: right;
\r
5533 table.shoping-cart-table tr td.desc,
\r
5534 table.shoping-cart-table tr td:first-child {
\r
5537 table.shoping-cart-table tr td:last-child {
\r
5545 margin: 2px 0 5px 0;
\r
5547 .product-name:hover,
\r
5548 .product-name:focus {
\r
5555 background-color: #1ab394;
\r
5556 padding: 6px 12px;
\r
5557 position: absolute;
\r
5561 .product-detail .ibox-content {
\r
5562 padding: 30px 30px 50px 30px;
\r
5564 .image-imitation {
\r
5565 background-color: #f8f8f9;
\r
5566 text-align: center;
\r
5569 .product-main-price small {
\r
5576 .social-feed-separated .social-feed-box {
\r
5577 margin-left: 62px;
\r
5579 .social-feed-separated .social-avatar {
\r
5583 .social-feed-separated .social-avatar img {
\r
5586 border: 1px solid #e7eaec;
\r
5588 .social-feed-separated .social-feed-box .social-avatar {
\r
5589 padding: 15px 15px 0 15px;
\r
5592 .social-feed-box {
\r
5593 /*padding: 15px;*/
\r
5594 border: 1px solid #e7eaec;
\r
5596 margin-bottom: 15px;
\r
5598 .article .social-feed-box {
\r
5600 border-bottom: none;
\r
5602 .article .social-feed-box:last-child {
\r
5604 border-bottom: 1px solid #e7eaec;
\r
5606 .article .social-feed-box p {
\r
5608 line-height: 18px;
\r
5614 padding: 15px 15px 0 15px;
\r
5616 .social-comment .social-comment {
\r
5617 margin-left: 45px;
\r
5619 .social-avatar img {
\r
5622 margin-right: 10px;
\r
5624 .social-avatar .media-body a {
\r
5631 .social-body img {
\r
5632 margin-bottom: 10px;
\r
5635 border-top: 1px solid #e7eaec;
\r
5636 padding: 10px 15px;
\r
5637 background: #f9f9f9;
\r
5639 .social-footer .social-comment img {
\r
5641 margin-right: 10px;
\r
5643 .social-comment:first-child {
\r
5649 .social-comment textarea {
\r
5654 padding: 20px 25px;
\r
5655 background: #ffffff;
\r
5656 border-top: 1px solid #e7eaec;
\r
5658 .vote-item:last-child {
\r
5659 border-bottom: 1px solid #e7eaec;
\r
5661 .vote-item:hover {
\r
5662 background: #fbfbfb;
\r
5667 margin-right: 15px;
\r
5668 text-align: center;
\r
5683 margin-bottom: 2px;
\r
5685 .vote-title:hover,
\r
5686 .vote-title:focus {
\r
5691 margin-left: 45px;
\r
5699 margin-right: 10px;
\r
5701 .vote-info a:hover {
\r
5705 text-align: right;
\r
5710 .vote-icon.active {
\r
5713 body.body-small .vote-icon {
\r
5716 .lightBoxGallery {
\r
5717 text-align: center;
\r
5719 .lightBoxGallery img {
\r
5728 #small-chat .badge {
\r
5729 position: absolute;
\r
5733 .open-small-chat {
\r
5737 background: #1ab394;
\r
5739 text-align: center;
\r
5741 border-radius: 50%;
\r
5743 .open-small-chat:hover {
\r
5745 background: #1ab394;
\r
5753 border: 1px solid #e7eaec;
\r
5756 border-radius: 4px;
\r
5758 .small-chat-box.ng-small-chat {
\r
5761 .body-small .small-chat-box {
\r
5765 .small-chat-box.active {
\r
5768 .small-chat-box .heading {
\r
5769 background: #2f4050;
\r
5770 padding: 8px 15px;
\r
5771 font-weight: bold;
\r
5774 .small-chat-box .chat-date {
\r
5777 font-weight: normal;
\r
5779 .small-chat-box .content {
\r
5780 padding: 15px 15px;
\r
5782 .small-chat-box .content .author-name {
\r
5783 font-weight: bold;
\r
5784 margin-bottom: 3px;
\r
5787 .small-chat-box .content > div {
\r
5788 padding-bottom: 20px;
\r
5790 .small-chat-box .content .chat-message {
\r
5791 padding: 5px 10px;
\r
5792 border-radius: 6px;
\r
5794 line-height: 14px;
\r
5796 background: #f3f3f4;
\r
5797 margin-bottom: 10px;
\r
5799 .small-chat-box .content .chat-message.active {
\r
5800 background: #1ab394;
\r
5803 .small-chat-box .content .left {
\r
5807 .small-chat-box .content .left .chat-message {
\r
5810 .small-chat-box .content .right {
\r
5811 text-align: right;
\r
5814 .small-chat-box .content .right .chat-message {
\r
5817 .small-chat-box .form-chat {
\r
5818 padding: 10px 10px;
\r
5824 * <div class="sk-spinner sk-spinner-rotating-plane"></div>
\r
5827 .sk-spinner-rotating-plane.sk-spinner {
\r
5830 background-color: #1ab394;
\r
5832 -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
\r
5833 animation: sk-rotatePlane 1.2s infinite ease-in-out;
\r
5835 @-webkit-keyframes sk-rotatePlane {
\r
5837 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
\r
5838 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
\r
5841 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
\r
5842 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
\r
5845 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
\r
5846 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
\r
5849 @keyframes sk-rotatePlane {
\r
5851 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
\r
5852 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
\r
5855 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
\r
5856 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
\r
5859 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
\r
5860 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
\r
5866 * <div class="sk-spinner sk-spinner-double-bounce">
\r
5867 * <div class="sk-double-bounce1"></div>
\r
5868 * <div class="sk-double-bounce2"></div>
\r
5872 .sk-spinner-double-bounce.sk-spinner {
\r
5875 position: relative;
\r
5878 .sk-spinner-double-bounce .sk-double-bounce1,
\r
5879 .sk-spinner-double-bounce .sk-double-bounce2 {
\r
5882 border-radius: 50%;
\r
5883 background-color: #1ab394;
\r
5885 position: absolute;
\r
5888 -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
\r
5889 animation: sk-doubleBounce 2s infinite ease-in-out;
\r
5891 .sk-spinner-double-bounce .sk-double-bounce2 {
\r
5892 -webkit-animation-delay: -1s;
\r
5893 animation-delay: -1s;
\r
5895 @-webkit-keyframes sk-doubleBounce {
\r
5898 -webkit-transform: scale(0);
\r
5899 transform: scale(0);
\r
5902 -webkit-transform: scale(1);
\r
5903 transform: scale(1);
\r
5906 @keyframes sk-doubleBounce {
\r
5909 -webkit-transform: scale(0);
\r
5910 transform: scale(0);
\r
5913 -webkit-transform: scale(1);
\r
5914 transform: scale(1);
\r
5920 * <div class="sk-spinner sk-spinner-wave">
\r
5921 * <div class="sk-rect1"></div>
\r
5922 * <div class="sk-rect2"></div>
\r
5923 * <div class="sk-rect3"></div>
\r
5924 * <div class="sk-rect4"></div>
\r
5925 * <div class="sk-rect5"></div>
\r
5929 .sk-spinner-wave.sk-spinner {
\r
5933 text-align: center;
\r
5936 .sk-spinner-wave div {
\r
5937 background-color: #1ab394;
\r
5940 display: inline-block;
\r
5941 -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
\r
5942 animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
\r
5944 .sk-spinner-wave .sk-rect2 {
\r
5945 -webkit-animation-delay: -1.1s;
\r
5946 animation-delay: -1.1s;
\r
5948 .sk-spinner-wave .sk-rect3 {
\r
5949 -webkit-animation-delay: -1s;
\r
5950 animation-delay: -1s;
\r
5952 .sk-spinner-wave .sk-rect4 {
\r
5953 -webkit-animation-delay: -0.9s;
\r
5954 animation-delay: -0.9s;
\r
5956 .sk-spinner-wave .sk-rect5 {
\r
5957 -webkit-animation-delay: -0.8s;
\r
5958 animation-delay: -0.8s;
\r
5960 @-webkit-keyframes sk-waveStretchDelay {
\r
5964 -webkit-transform: scaleY(0.4);
\r
5965 transform: scaleY(0.4);
\r
5968 -webkit-transform: scaleY(1);
\r
5969 transform: scaleY(1);
\r
5972 @keyframes sk-waveStretchDelay {
\r
5976 -webkit-transform: scaleY(0.4);
\r
5977 transform: scaleY(0.4);
\r
5980 -webkit-transform: scaleY(1);
\r
5981 transform: scaleY(1);
\r
5987 * <div class="sk-spinner sk-spinner-wandering-cubes">
\r
5988 * <div class="sk-cube1"></div>
\r
5989 * <div class="sk-cube2"></div>
\r
5993 .sk-spinner-wandering-cubes.sk-spinner {
\r
5997 position: relative;
\r
5999 .sk-spinner-wandering-cubes .sk-cube1,
\r
6000 .sk-spinner-wandering-cubes .sk-cube2 {
\r
6001 background-color: #1ab394;
\r
6004 position: absolute;
\r
6007 -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
\r
6008 animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
\r
6010 .sk-spinner-wandering-cubes .sk-cube2 {
\r
6011 -webkit-animation-delay: -0.9s;
\r
6012 animation-delay: -0.9s;
\r
6014 @-webkit-keyframes sk-wanderingCubeMove {
\r
6016 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
\r
6017 transform: translateX(42px) rotate(-90deg) scale(0.5);
\r
6020 /* Hack to make FF rotate in the right direction */
\r
6021 -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
\r
6022 transform: translateX(42px) translateY(42px) rotate(-179deg);
\r
6025 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
\r
6026 transform: translateX(42px) translateY(42px) rotate(-180deg);
\r
6029 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
\r
6030 transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
\r
6033 -webkit-transform: rotate(-360deg);
\r
6034 transform: rotate(-360deg);
\r
6037 @keyframes sk-wanderingCubeMove {
\r
6039 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
\r
6040 transform: translateX(42px) rotate(-90deg) scale(0.5);
\r
6043 /* Hack to make FF rotate in the right direction */
\r
6044 -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
\r
6045 transform: translateX(42px) translateY(42px) rotate(-179deg);
\r
6048 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
\r
6049 transform: translateX(42px) translateY(42px) rotate(-180deg);
\r
6052 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
\r
6053 transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
\r
6056 -webkit-transform: rotate(-360deg);
\r
6057 transform: rotate(-360deg);
\r
6063 * <div class="sk-spinner sk-spinner-pulse"></div>
\r
6066 .sk-spinner-pulse.sk-spinner {
\r
6070 background-color: #1ab394;
\r
6071 border-radius: 100%;
\r
6072 -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
\r
6073 animation: sk-pulseScaleOut 1s infinite ease-in-out;
\r
6075 @-webkit-keyframes sk-pulseScaleOut {
\r
6077 -webkit-transform: scale(0);
\r
6078 transform: scale(0);
\r
6081 -webkit-transform: scale(1);
\r
6082 transform: scale(1);
\r
6086 @keyframes sk-pulseScaleOut {
\r
6088 -webkit-transform: scale(0);
\r
6089 transform: scale(0);
\r
6092 -webkit-transform: scale(1);
\r
6093 transform: scale(1);
\r
6100 * <div class="sk-spinner sk-spinner-chasing-dots">
\r
6101 * <div class="sk-dot1"></div>
\r
6102 * <div class="sk-dot2"></div>
\r
6106 .sk-spinner-chasing-dots.sk-spinner {
\r
6110 position: relative;
\r
6111 text-align: center;
\r
6112 -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
\r
6113 animation: sk-chasingDotsRotate 2s infinite linear;
\r
6115 .sk-spinner-chasing-dots .sk-dot1,
\r
6116 .sk-spinner-chasing-dots .sk-dot2 {
\r
6119 display: inline-block;
\r
6120 position: absolute;
\r
6122 background-color: #1ab394;
\r
6123 border-radius: 100%;
\r
6124 -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
\r
6125 animation: sk-chasingDotsBounce 2s infinite ease-in-out;
\r
6127 .sk-spinner-chasing-dots .sk-dot2 {
\r
6130 -webkit-animation-delay: -1s;
\r
6131 animation-delay: -1s;
\r
6133 @-webkit-keyframes sk-chasingDotsRotate {
\r
6135 -webkit-transform: rotate(360deg);
\r
6136 transform: rotate(360deg);
\r
6139 @keyframes sk-chasingDotsRotate {
\r
6141 -webkit-transform: rotate(360deg);
\r
6142 transform: rotate(360deg);
\r
6145 @-webkit-keyframes sk-chasingDotsBounce {
\r
6148 -webkit-transform: scale(0);
\r
6149 transform: scale(0);
\r
6152 -webkit-transform: scale(1);
\r
6153 transform: scale(1);
\r
6156 @keyframes sk-chasingDotsBounce {
\r
6159 -webkit-transform: scale(0);
\r
6160 transform: scale(0);
\r
6163 -webkit-transform: scale(1);
\r
6164 transform: scale(1);
\r
6170 * <div class="sk-spinner sk-spinner-three-bounce">
\r
6171 * <div class="sk-bounce1"></div>
\r
6172 * <div class="sk-bounce2"></div>
\r
6173 * <div class="sk-bounce3"></div>
\r
6177 .sk-spinner-three-bounce.sk-spinner {
\r
6180 text-align: center;
\r
6182 .sk-spinner-three-bounce div {
\r
6185 background-color: #1ab394;
\r
6186 border-radius: 100%;
\r
6187 display: inline-block;
\r
6188 -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
\r
6189 animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
\r
6190 /* Prevent first frame from flickering when animation starts */
\r
6191 -webkit-animation-fill-mode: both;
\r
6192 animation-fill-mode: both;
\r
6194 .sk-spinner-three-bounce .sk-bounce1 {
\r
6195 -webkit-animation-delay: -0.32s;
\r
6196 animation-delay: -0.32s;
\r
6198 .sk-spinner-three-bounce .sk-bounce2 {
\r
6199 -webkit-animation-delay: -0.16s;
\r
6200 animation-delay: -0.16s;
\r
6202 @-webkit-keyframes sk-threeBounceDelay {
\r
6206 -webkit-transform: scale(0);
\r
6207 transform: scale(0);
\r
6210 -webkit-transform: scale(1);
\r
6211 transform: scale(1);
\r
6214 @keyframes sk-threeBounceDelay {
\r
6218 -webkit-transform: scale(0);
\r
6219 transform: scale(0);
\r
6222 -webkit-transform: scale(1);
\r
6223 transform: scale(1);
\r
6229 * <div class="sk-spinner sk-spinner-circle">
\r
6230 * <div class="sk-circle1 sk-circle"></div>
\r
6231 * <div class="sk-circle2 sk-circle"></div>
\r
6232 * <div class="sk-circle3 sk-circle"></div>
\r
6233 * <div class="sk-circle4 sk-circle"></div>
\r
6234 * <div class="sk-circle5 sk-circle"></div>
\r
6235 * <div class="sk-circle6 sk-circle"></div>
\r
6236 * <div class="sk-circle7 sk-circle"></div>
\r
6237 * <div class="sk-circle8 sk-circle"></div>
\r
6238 * <div class="sk-circle9 sk-circle"></div>
\r
6239 * <div class="sk-circle10 sk-circle"></div>
\r
6240 * <div class="sk-circle11 sk-circle"></div>
\r
6241 * <div class="sk-circle12 sk-circle"></div>
\r
6245 .sk-spinner-circle.sk-spinner {
\r
6249 position: relative;
\r
6251 .sk-spinner-circle .sk-circle {
\r
6254 position: absolute;
\r
6258 .sk-spinner-circle .sk-circle:before {
\r
6264 background-color: #1ab394;
\r
6265 border-radius: 100%;
\r
6266 -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
\r
6267 animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
\r
6268 /* Prevent first frame from flickering when animation starts */
\r
6269 -webkit-animation-fill-mode: both;
\r
6270 animation-fill-mode: both;
\r
6272 .sk-spinner-circle .sk-circle2 {
\r
6273 -webkit-transform: rotate(30deg);
\r
6274 -ms-transform: rotate(30deg);
\r
6275 transform: rotate(30deg);
\r
6277 .sk-spinner-circle .sk-circle3 {
\r
6278 -webkit-transform: rotate(60deg);
\r
6279 -ms-transform: rotate(60deg);
\r
6280 transform: rotate(60deg);
\r
6282 .sk-spinner-circle .sk-circle4 {
\r
6283 -webkit-transform: rotate(90deg);
\r
6284 -ms-transform: rotate(90deg);
\r
6285 transform: rotate(90deg);
\r
6287 .sk-spinner-circle .sk-circle5 {
\r
6288 -webkit-transform: rotate(120deg);
\r
6289 -ms-transform: rotate(120deg);
\r
6290 transform: rotate(120deg);
\r
6292 .sk-spinner-circle .sk-circle6 {
\r
6293 -webkit-transform: rotate(150deg);
\r
6294 -ms-transform: rotate(150deg);
\r
6295 transform: rotate(150deg);
\r
6297 .sk-spinner-circle .sk-circle7 {
\r
6298 -webkit-transform: rotate(180deg);
\r
6299 -ms-transform: rotate(180deg);
\r
6300 transform: rotate(180deg);
\r
6302 .sk-spinner-circle .sk-circle8 {
\r
6303 -webkit-transform: rotate(210deg);
\r
6304 -ms-transform: rotate(210deg);
\r
6305 transform: rotate(210deg);
\r
6307 .sk-spinner-circle .sk-circle9 {
\r
6308 -webkit-transform: rotate(240deg);
\r
6309 -ms-transform: rotate(240deg);
\r
6310 transform: rotate(240deg);
\r
6312 .sk-spinner-circle .sk-circle10 {
\r
6313 -webkit-transform: rotate(270deg);
\r
6314 -ms-transform: rotate(270deg);
\r
6315 transform: rotate(270deg);
\r
6317 .sk-spinner-circle .sk-circle11 {
\r
6318 -webkit-transform: rotate(300deg);
\r
6319 -ms-transform: rotate(300deg);
\r
6320 transform: rotate(300deg);
\r
6322 .sk-spinner-circle .sk-circle12 {
\r
6323 -webkit-transform: rotate(330deg);
\r
6324 -ms-transform: rotate(330deg);
\r
6325 transform: rotate(330deg);
\r
6327 .sk-spinner-circle .sk-circle2:before {
\r
6328 -webkit-animation-delay: -1.1s;
\r
6329 animation-delay: -1.1s;
\r
6331 .sk-spinner-circle .sk-circle3:before {
\r
6332 -webkit-animation-delay: -1s;
\r
6333 animation-delay: -1s;
\r
6335 .sk-spinner-circle .sk-circle4:before {
\r
6336 -webkit-animation-delay: -0.9s;
\r
6337 animation-delay: -0.9s;
\r
6339 .sk-spinner-circle .sk-circle5:before {
\r
6340 -webkit-animation-delay: -0.8s;
\r
6341 animation-delay: -0.8s;
\r
6343 .sk-spinner-circle .sk-circle6:before {
\r
6344 -webkit-animation-delay: -0.7s;
\r
6345 animation-delay: -0.7s;
\r
6347 .sk-spinner-circle .sk-circle7:before {
\r
6348 -webkit-animation-delay: -0.6s;
\r
6349 animation-delay: -0.6s;
\r
6351 .sk-spinner-circle .sk-circle8:before {
\r
6352 -webkit-animation-delay: -0.5s;
\r
6353 animation-delay: -0.5s;
\r
6355 .sk-spinner-circle .sk-circle9:before {
\r
6356 -webkit-animation-delay: -0.4s;
\r
6357 animation-delay: -0.4s;
\r
6359 .sk-spinner-circle .sk-circle10:before {
\r
6360 -webkit-animation-delay: -0.3s;
\r
6361 animation-delay: -0.3s;
\r
6363 .sk-spinner-circle .sk-circle11:before {
\r
6364 -webkit-animation-delay: -0.2s;
\r
6365 animation-delay: -0.2s;
\r
6367 .sk-spinner-circle .sk-circle12:before {
\r
6368 -webkit-animation-delay: -0.1s;
\r
6369 animation-delay: -0.1s;
\r
6371 @-webkit-keyframes sk-circleBounceDelay {
\r
6375 -webkit-transform: scale(0);
\r
6376 transform: scale(0);
\r
6379 -webkit-transform: scale(1);
\r
6380 transform: scale(1);
\r
6383 @keyframes sk-circleBounceDelay {
\r
6387 -webkit-transform: scale(0);
\r
6388 transform: scale(0);
\r
6391 -webkit-transform: scale(1);
\r
6392 transform: scale(1);
\r
6398 * <div class="sk-spinner sk-spinner-cube-grid">
\r
6399 * <div class="sk-cube"></div>
\r
6400 * <div class="sk-cube"></div>
\r
6401 * <div class="sk-cube"></div>
\r
6402 * <div class="sk-cube"></div>
\r
6403 * <div class="sk-cube"></div>
\r
6404 * <div class="sk-cube"></div>
\r
6405 * <div class="sk-cube"></div>
\r
6406 * <div class="sk-cube"></div>
\r
6407 * <div class="sk-cube"></div>
\r
6411 .sk-spinner-cube-grid {
\r
6413 * Spinner positions
\r
6419 .sk-spinner-cube-grid.sk-spinner {
\r
6424 .sk-spinner-cube-grid .sk-cube {
\r
6427 background-color: #1ab394;
\r
6429 -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
\r
6430 animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
\r
6432 .sk-spinner-cube-grid .sk-cube:nth-child(1) {
\r
6433 -webkit-animation-delay: 0.2s;
\r
6434 animation-delay: 0.2s;
\r
6436 .sk-spinner-cube-grid .sk-cube:nth-child(2) {
\r
6437 -webkit-animation-delay: 0.3s;
\r
6438 animation-delay: 0.3s;
\r
6440 .sk-spinner-cube-grid .sk-cube:nth-child(3) {
\r
6441 -webkit-animation-delay: 0.4s;
\r
6442 animation-delay: 0.4s;
\r
6444 .sk-spinner-cube-grid .sk-cube:nth-child(4) {
\r
6445 -webkit-animation-delay: 0.1s;
\r
6446 animation-delay: 0.1s;
\r
6448 .sk-spinner-cube-grid .sk-cube:nth-child(5) {
\r
6449 -webkit-animation-delay: 0.2s;
\r
6450 animation-delay: 0.2s;
\r
6452 .sk-spinner-cube-grid .sk-cube:nth-child(6) {
\r
6453 -webkit-animation-delay: 0.3s;
\r
6454 animation-delay: 0.3s;
\r
6456 .sk-spinner-cube-grid .sk-cube:nth-child(7) {
\r
6457 -webkit-animation-delay: 0s;
\r
6458 animation-delay: 0s;
\r
6460 .sk-spinner-cube-grid .sk-cube:nth-child(8) {
\r
6461 -webkit-animation-delay: 0.1s;
\r
6462 animation-delay: 0.1s;
\r
6464 .sk-spinner-cube-grid .sk-cube:nth-child(9) {
\r
6465 -webkit-animation-delay: 0.2s;
\r
6466 animation-delay: 0.2s;
\r
6468 @-webkit-keyframes sk-cubeGridScaleDelay {
\r
6472 -webkit-transform: scale3D(1, 1, 1);
\r
6473 transform: scale3D(1, 1, 1);
\r
6476 -webkit-transform: scale3D(0, 0, 1);
\r
6477 transform: scale3D(0, 0, 1);
\r
6480 @keyframes sk-cubeGridScaleDelay {
\r
6484 -webkit-transform: scale3D(1, 1, 1);
\r
6485 transform: scale3D(1, 1, 1);
\r
6488 -webkit-transform: scale3D(0, 0, 1);
\r
6489 transform: scale3D(0, 0, 1);
\r
6495 * <div class="sk-spinner sk-spinner-wordpress">
\r
6496 * <span class="sk-inner-circle"></span>
\r
6500 .sk-spinner-wordpress.sk-spinner {
\r
6501 background-color: #1ab394;
\r
6504 border-radius: 30px;
\r
6505 position: relative;
\r
6507 -webkit-animation: sk-innerCircle 1s linear infinite;
\r
6508 animation: sk-innerCircle 1s linear infinite;
\r
6510 .sk-spinner-wordpress .sk-inner-circle {
\r
6512 background-color: #fff;
\r
6515 position: absolute;
\r
6516 border-radius: 8px;
\r
6520 @-webkit-keyframes sk-innerCircle {
\r
6522 -webkit-transform: rotate(0);
\r
6523 transform: rotate(0);
\r
6526 -webkit-transform: rotate(360deg);
\r
6527 transform: rotate(360deg);
\r
6530 @keyframes sk-innerCircle {
\r
6532 -webkit-transform: rotate(0);
\r
6533 transform: rotate(0);
\r
6536 -webkit-transform: rotate(360deg);
\r
6537 transform: rotate(360deg);
\r
6543 * <div class="sk-spinner sk-spinner-fading-circle">
\r
6544 * <div class="sk-circle1 sk-circle"></div>
\r
6545 * <div class="sk-circle2 sk-circle"></div>
\r
6546 * <div class="sk-circle3 sk-circle"></div>
\r
6547 * <div class="sk-circle4 sk-circle"></div>
\r
6548 * <div class="sk-circle5 sk-circle"></div>
\r
6549 * <div class="sk-circle6 sk-circle"></div>
\r
6550 * <div class="sk-circle7 sk-circle"></div>
\r
6551 * <div class="sk-circle8 sk-circle"></div>
\r
6552 * <div class="sk-circle9 sk-circle"></div>
\r
6553 * <div class="sk-circle10 sk-circle"></div>
\r
6554 * <div class="sk-circle11 sk-circle"></div>
\r
6555 * <div class="sk-circle12 sk-circle"></div>
\r
6559 .sk-spinner-fading-circle.sk-spinner {
\r
6563 position: relative;
\r
6565 .sk-spinner-fading-circle .sk-circle {
\r
6568 position: absolute;
\r
6572 .sk-spinner-fading-circle .sk-circle:before {
\r
6578 background-color: #1ab394;
\r
6579 border-radius: 100%;
\r
6580 -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
\r
6581 animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
\r
6582 /* Prevent first frame from flickering when animation starts */
\r
6583 -webkit-animation-fill-mode: both;
\r
6584 animation-fill-mode: both;
\r
6586 .sk-spinner-fading-circle .sk-circle2 {
\r
6587 -webkit-transform: rotate(30deg);
\r
6588 -ms-transform: rotate(30deg);
\r
6589 transform: rotate(30deg);
\r
6591 .sk-spinner-fading-circle .sk-circle3 {
\r
6592 -webkit-transform: rotate(60deg);
\r
6593 -ms-transform: rotate(60deg);
\r
6594 transform: rotate(60deg);
\r
6596 .sk-spinner-fading-circle .sk-circle4 {
\r
6597 -webkit-transform: rotate(90deg);
\r
6598 -ms-transform: rotate(90deg);
\r
6599 transform: rotate(90deg);
\r
6601 .sk-spinner-fading-circle .sk-circle5 {
\r
6602 -webkit-transform: rotate(120deg);
\r
6603 -ms-transform: rotate(120deg);
\r
6604 transform: rotate(120deg);
\r
6606 .sk-spinner-fading-circle .sk-circle6 {
\r
6607 -webkit-transform: rotate(150deg);
\r
6608 -ms-transform: rotate(150deg);
\r
6609 transform: rotate(150deg);
\r
6611 .sk-spinner-fading-circle .sk-circle7 {
\r
6612 -webkit-transform: rotate(180deg);
\r
6613 -ms-transform: rotate(180deg);
\r
6614 transform: rotate(180deg);
\r
6616 .sk-spinner-fading-circle .sk-circle8 {
\r
6617 -webkit-transform: rotate(210deg);
\r
6618 -ms-transform: rotate(210deg);
\r
6619 transform: rotate(210deg);
\r
6621 .sk-spinner-fading-circle .sk-circle9 {
\r
6622 -webkit-transform: rotate(240deg);
\r
6623 -ms-transform: rotate(240deg);
\r
6624 transform: rotate(240deg);
\r
6626 .sk-spinner-fading-circle .sk-circle10 {
\r
6627 -webkit-transform: rotate(270deg);
\r
6628 -ms-transform: rotate(270deg);
\r
6629 transform: rotate(270deg);
\r
6631 .sk-spinner-fading-circle .sk-circle11 {
\r
6632 -webkit-transform: rotate(300deg);
\r
6633 -ms-transform: rotate(300deg);
\r
6634 transform: rotate(300deg);
\r
6636 .sk-spinner-fading-circle .sk-circle12 {
\r
6637 -webkit-transform: rotate(330deg);
\r
6638 -ms-transform: rotate(330deg);
\r
6639 transform: rotate(330deg);
\r
6641 .sk-spinner-fading-circle .sk-circle2:before {
\r
6642 -webkit-animation-delay: -1.1s;
\r
6643 animation-delay: -1.1s;
\r
6645 .sk-spinner-fading-circle .sk-circle3:before {
\r
6646 -webkit-animation-delay: -1s;
\r
6647 animation-delay: -1s;
\r
6649 .sk-spinner-fading-circle .sk-circle4:before {
\r
6650 -webkit-animation-delay: -0.9s;
\r
6651 animation-delay: -0.9s;
\r
6653 .sk-spinner-fading-circle .sk-circle5:before {
\r
6654 -webkit-animation-delay: -0.8s;
\r
6655 animation-delay: -0.8s;
\r
6657 .sk-spinner-fading-circle .sk-circle6:before {
\r
6658 -webkit-animation-delay: -0.7s;
\r
6659 animation-delay: -0.7s;
\r
6661 .sk-spinner-fading-circle .sk-circle7:before {
\r
6662 -webkit-animation-delay: -0.6s;
\r
6663 animation-delay: -0.6s;
\r
6665 .sk-spinner-fading-circle .sk-circle8:before {
\r
6666 -webkit-animation-delay: -0.5s;
\r
6667 animation-delay: -0.5s;
\r
6669 .sk-spinner-fading-circle .sk-circle9:before {
\r
6670 -webkit-animation-delay: -0.4s;
\r
6671 animation-delay: -0.4s;
\r
6673 .sk-spinner-fading-circle .sk-circle10:before {
\r
6674 -webkit-animation-delay: -0.3s;
\r
6675 animation-delay: -0.3s;
\r
6677 .sk-spinner-fading-circle .sk-circle11:before {
\r
6678 -webkit-animation-delay: -0.2s;
\r
6679 animation-delay: -0.2s;
\r
6681 .sk-spinner-fading-circle .sk-circle12:before {
\r
6682 -webkit-animation-delay: -0.1s;
\r
6683 animation-delay: -0.1s;
\r
6685 @-webkit-keyframes sk-circleFadeDelay {
\r
6695 @keyframes sk-circleFadeDelay {
\r
6705 .ibox-content > .sk-spinner {
\r
6708 .ibox-content.sk-loading {
\r
6709 position: relative;
\r
6711 .ibox-content.sk-loading:after {
\r
6713 background-color: rgba(255, 255, 255, 0.7);
\r
6714 position: absolute;
\r
6720 .ibox-content.sk-loading > .sk-spinner {
\r
6722 position: absolute;
\r
6730 * INSPINIA Landing Page - Responsive Admin Theme
\r
6731 * Copyright 2014 Webapplayers.com
\r
6735 -------------------------------------------------- */
\r
6737 -------------------------------------------------- */
\r
6738 .landing-page.pace .pace-progress {
\r
6745 -webkit-transition: width 1s;
\r
6746 -moz-transition: width 1s;
\r
6747 -o-transition: width 1s;
\r
6748 transition: width 1s;
\r
6753 body.landing-page {
\r
6755 font-family: 'Open Sans', helvetica, arial, sans-serif;
\r
6756 background-color: #fff;
\r
6759 /* CUSTOMIZE THE NAVBAR
\r
6760 -------------------------------------------------- */
\r
6761 /* Flip around the padding for proper display in narrow viewports */
\r
6762 /* BACKGROUNDS SLIDER
\r
6763 -------------------------------------------------- */
\r
6764 /* CUSTOMIZE THE CAROUSEL
\r
6765 -------------------------------------------------- */
\r
6766 /* Carousel base class */
\r
6767 /* Since positioning the image, we need to help out the caption */
\r
6768 /* Declare heights because of positioning of img element */
\r
6770 ------------------------- */
\r
6771 /* Buttons - only primary custom button
\r
6772 ------------------------- */
\r
6774 -------------------------------------------------- */
\r
6776 .landing-page .container {
\r
6779 .landing-page span.navy {
\r
6782 .landing-page p.text-color {
\r
6785 .landing-page a.navy-link {
\r
6787 text-decoration: none;
\r
6789 .landing-page a.navy-link:hover {
\r
6792 .landing-page section p {
\r
6796 .landing-page address {
\r
6799 .landing-page h1 {
\r
6804 .landing-page .navy-line {
\r
6807 margin: 60px auto 0;
\r
6808 border-bottom: 2px solid #1ab394;
\r
6810 .landing-page .navbar-wrapper {
\r
6817 .landing-page .navbar-wrapper > .container {
\r
6821 .landing-page .navbar-wrapper .navbar {
\r
6822 padding-right: 15px;
\r
6823 padding-left: 15px;
\r
6825 .landing-page .navbar-default.navbar-scroll {
\r
6826 background-color: #fff;
\r
6827 border-color: #fff;
\r
6830 .landing-page .navbar-default {
\r
6831 background-color: transparent;
\r
6832 border-color: transparent;
\r
6833 transition: all 0.3s ease-in-out 0s;
\r
6835 .landing-page .navbar-default .nav li a {
\r
6837 font-family: 'Open Sans', helvetica, arial, sans-serif;
\r
6839 letter-spacing: 1px;
\r
6840 text-transform: uppercase;
\r
6843 .landing-page .navbar-nav > li > a {
\r
6844 padding-top: 25px;
\r
6845 border-top: 6px solid transparent;
\r
6847 .landing-page .navbar-default .navbar-nav > .active > a,
\r
6848 .landing-page .navbar-default .navbar-nav > .active > a:hover {
\r
6849 background: transparent;
\r
6851 border-top: 6px solid #1ab394;
\r
6853 .landing-page .navbar-default .navbar-nav > li > a:hover,
\r
6854 .landing-page .navbar-default .navbar-nav > li > a:focus {
\r
6856 background: inherit;
\r
6858 .landing-page .navbar-default .navbar-nav > .active > a:focus {
\r
6859 background: transparent;
\r
6862 .landing-page .navbar-default .navbar-nav > .active > a:focus {
\r
6863 background: transparent;
\r
6866 .landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
\r
6867 background: transparent;
\r
6870 .landing-page .navbar-default .navbar-brand:hover,
\r
6871 .landing-page .navbar-default .navbar-brand:focus {
\r
6872 background: #179d82;
\r
6875 .landing-page .navbar-default .navbar-brand {
\r
6880 background: #1ab394;
\r
6881 padding: 15px 20px 15px 20px;
\r
6882 border-radius: 0 0 5px 5px;
\r
6884 transition: all 0.3s ease-in-out 0s;
\r
6886 .landing-page .navbar-scroll.navbar-default .nav li a {
\r
6889 .landing-page .navbar-scroll.navbar-default .nav li a:hover {
\r
6892 .landing-page .navbar-wrapper .navbar.navbar-scroll {
\r
6894 padding-bottom: 5px;
\r
6895 border-bottom: 1px solid #e7eaec;
\r
6898 .landing-page .nav > li.active {
\r
6900 background: inherit;
\r
6902 .landing-page .nav > li > a {
\r
6903 padding: 25px 10px 15px 10px;
\r
6905 .landing-page .navbar-scroll .navbar-nav > li > a {
\r
6906 padding: 20px 10px;
\r
6908 .landing-page .navbar-default .navbar-nav > .active > a,
\r
6909 .landing-page .navbar-default .navbar-nav > .active > a:hover {
\r
6910 border-top: 6px solid #1ab394;
\r
6912 .landing-page .navbar-fixed-top {
\r
6913 border: none !important;
\r
6915 .landing-page .navbar-fixed-top.navbar-scroll {
\r
6916 border-bottom: 1px solid #e7eaec !important;
\r
6918 .landing-page .navbar.navbar-scroll .navbar-brand {
\r
6920 border-radius: 5px;
\r
6925 .landing-page .header-back {
\r
6929 .landing-page .carousel {
\r
6932 .landing-page .carousel-caption {
\r
6935 .landing-page .carousel .item {
\r
6937 background-color: #777;
\r
6939 .landing-page .carousel-inner > .item > img {
\r
6940 position: absolute;
\r
6946 .landing-page .carousel-fade .carousel-inner .item {
\r
6948 -webkit-transition-property: opacity;
\r
6949 transition-property: opacity;
\r
6951 .landing-page .carousel-fade .carousel-inner .active {
\r
6954 .landing-page .carousel-fade .carousel-inner .active.left,
\r
6955 .landing-page .carousel-fade .carousel-inner .active.right {
\r
6960 .landing-page .carousel-fade .carousel-inner .next.left,
\r
6961 .landing-page .carousel-fade .carousel-inner .prev.right {
\r
6964 .landing-page .carousel-fade .carousel-control {
\r
6967 .landing-page .carousel-control.left,
\r
6968 .landing-page .carousel-control.right {
\r
6971 .landing-page .carousel-control {
\r
6974 .landing-page .carousel-inner .container {
\r
6975 position: relative;
\r
6976 overflow: visible;
\r
6978 .landing-page .carousel-inner {
\r
6979 overflow: visible;
\r
6981 .landing-page .carousel-caption {
\r
6982 position: absolute;
\r
6989 .landing-page .carousel-caption {
\r
6990 position: absolute;
\r
6997 .landing-page .carousel-caption.blank {
\r
7000 .landing-page .carousel-image {
\r
7001 position: absolute;
\r
7005 .landing-page .carousel-indicators {
\r
7006 padding-right: 60px;
\r
7008 .landing-page .carousel-caption h1 {
\r
7011 text-transform: uppercase;
\r
7012 text-shadow: none;
\r
7013 letter-spacing: -1.5px;
\r
7015 .landing-page .carousel-caption p {
\r
7017 text-transform: uppercase;
\r
7018 text-shadow: none;
\r
7020 .landing-page .caption-link {
\r
7022 margin-left: 10px;
\r
7023 text-transform: capitalize;
\r
7026 .landing-page .caption-link:hover {
\r
7027 text-decoration: none;
\r
7030 .landing-page .services {
\r
7031 padding-top: 60px;
\r
7033 .landing-page .services h2 {
\r
7035 letter-spacing: -1px;
\r
7037 text-transform: uppercase;
\r
7039 .landing-page .features-block {
\r
7042 .landing-page .features-text {
\r
7045 .landing-page .features small {
\r
7048 .landing-page .features h2 {
\r
7052 .landing-page .features-text-alone {
\r
7055 .landing-page .features-text-alone h1 {
\r
7058 .landing-page .features-icon {
\r
7062 .landing-page .navy-section {
\r
7064 background: #1ab394;
\r
7068 .landing-page .gray-section {
\r
7069 background: #f4f4f4;
\r
7072 .landing-page .team-member {
\r
7073 text-align: center;
\r
7075 .landing-page .team-member img {
\r
7078 .landing-page .social-icon a {
\r
7079 background: #1ab394;
\r
7085 border-radius: 50px;
\r
7087 .landing-page .social-icon a:hover {
\r
7088 background: #179d82;
\r
7090 .landing-page .img-small {
\r
7094 .landing-page .pricing-plan {
\r
7095 margin: 20px 30px 0 30px;
\r
7096 border-radius: 4px;
\r
7098 .landing-page .pricing-plan.selected {
\r
7099 transform: scale(1.1);
\r
7100 background: #f4f4f4;
\r
7102 .landing-page .pricing-plan li {
\r
7103 padding: 10px 16px;
\r
7104 border-top: 1px solid #e7eaec;
\r
7105 text-align: center;
\r
7108 .landing-page .pricing-plan .pricing-price span {
\r
7112 .landing-page li.pricing-desc {
\r
7115 padding: 20px 16px;
\r
7117 .landing-page li.pricing-title {
\r
7118 background: #1ab394;
\r
7121 border-radius: 4px 4px 0 0;
\r
7125 .landing-page .big-icon {
\r
7126 font-size: 56px !important;
\r
7128 .landing-page .features .big-icon {
\r
7129 color: #1ab394 !important;
\r
7131 .landing-page section.timeline {
\r
7132 padding-bottom: 30px;
\r
7134 .landing-page section.comments {
\r
7135 padding-bottom: 80px;
\r
7137 .landing-page .comments-avatar {
\r
7139 margin-left: 22px;
\r
7140 margin-bottom: 25px;
\r
7142 .landing-page .comments-avatar .commens-name {
\r
7146 .landing-page .comments-avatar img {
\r
7149 border-radius: 50%;
\r
7150 margin-right: 10px;
\r
7152 .landing-page .bubble {
\r
7153 position: relative;
\r
7156 background: #FFFFFF;
\r
7157 -webkit-border-radius: 10px;
\r
7158 -moz-border-radius: 10px;
\r
7159 border-radius: 10px;
\r
7160 font-style: italic;
\r
7163 .landing-page .bubble:after {
\r
7165 position: absolute;
\r
7166 border-style: solid;
\r
7167 border-width: 15px 14px 0;
\r
7168 border-color: #FFFFFF transparent;
\r
7175 .landing-page .btn-primary.btn-outline:hover,
\r
7176 .landing-page .btn-success.btn-outline:hover,
\r
7177 .landing-page .btn-info.btn-outline:hover,
\r
7178 .landing-page .btn-warning.btn-outline:hover,
\r
7179 .landing-page .btn-danger.btn-outline:hover {
\r
7182 .landing-page .btn-primary {
\r
7183 background-color: #1ab394;
\r
7184 border-color: #1ab394;
\r
7187 padding: 10px 20px;
\r
7190 .landing-page .btn-primary:hover,
\r
7191 .landing-page .btn-primary:focus,
\r
7192 .landing-page .btn-primary:active,
\r
7193 .landing-page .btn-primary.active,
\r
7194 .landing-page .open .dropdown-toggle.btn-primary {
\r
7195 background-color: #179d82;
\r
7196 border-color: #179d82;
\r
7199 .landing-page .btn-primary:active,
\r
7200 .landing-page .btn-primary.active,
\r
7201 .landing-page .open .dropdown-toggle.btn-primary {
\r
7202 background-image: none;
\r
7204 .landing-page .btn-primary.disabled,
\r
7205 .landing-page .btn-primary.disabled:hover,
\r
7206 .landing-page .btn-primary.disabled:focus,
\r
7207 .landing-page .btn-primary.disabled:active,
\r
7208 .landing-page .btn-primary.disabled.active,
\r
7209 .landing-page .btn-primary[disabled],
\r
7210 .landing-page .btn-primary[disabled]:hover,
\r
7211 .landing-page .btn-primary[disabled]:focus,
\r
7212 .landing-page .btn-primary[disabled]:active,
\r
7213 .landing-page .btn-primary.active[disabled],
\r
7214 .landing-page fieldset[disabled] .btn-primary,
\r
7215 .landing-page fieldset[disabled] .btn-primary:hover,
\r
7216 .landing-page fieldset[disabled] .btn-primary:focus,
\r
7217 .landing-page fieldset[disabled] .btn-primary:active,
\r
7218 .landing-page fieldset[disabled] .btn-primary.active {
\r
7219 background-color: #1dc5a3;
\r
7220 border-color: #1dc5a3;
\r
7222 @media (min-width: 768px) {
\r
7224 /* Navbar positioning foo */
\r
7225 /* The navbar becomes detached from the top, so we round the corners */
\r
7226 /* Bump up size of carousel content */
\r
7228 .landing-page .navbar-wrapper {
\r
7231 .landing-page .navbar-wrapper .container {
\r
7232 padding-right: 15px;
\r
7233 padding-left: 15px;
\r
7235 .landing-page .navbar-wrapper .navbar {
\r
7239 .landing-page .navbar-wrapper .navbar {
\r
7240 border-radius: 4px;
\r
7242 .landing-page .carousel-caption p {
\r
7243 margin-bottom: 20px;
\r
7247 .landing-page .featurette-heading {
\r
7251 @media (max-width: 992px) {
\r
7252 .landing-page .carousel-image {
\r
7256 @media (max-width: 768px) {
\r
7257 .landing-page .carousel-caption,
\r
7258 .landing-page .carousel-caption.blank {
\r
7262 .landing-page .carousel-caption h1 {
\r
7265 .landing-page .navbar.navbar-scroll .navbar-brand {
\r
7268 .landing-page .navbar-default {
\r
7269 background-color: #fff;
\r
7270 border-color: #fff;
\r
7273 .landing-page .navbar-default .navbar-nav > .active > a:focus {
\r
7274 background: transparent;
\r
7277 .landing-page .navbar-default .nav li a {
\r
7280 .landing-page .navbar-default .nav li a:hover {
\r
7283 .landing-page .navbar-wrapper .navbar {
\r
7285 padding-bottom: 5px;
\r
7286 border-bottom: 1px solid #e7eaec;
\r
7289 .landing-page .nav > li > a {
\r
7290 padding: 25px 10px 15px 10px;
\r
7292 .landing-page .navbar-nav > li > a {
\r
7293 padding: 20px 10px;
\r
7295 .landing-page .navbar .navbar-brand {
\r
7297 border-radius: 5px;
\r
7302 .landing-page .navbar-wrapper .navbar {
\r
7303 padding-left: 15px;
\r
7304 padding-right: 5px;
\r
7306 .landing-page .navbar-default .navbar-nav > .active > a,
\r
7307 .landing-page .navbar-default .navbar-nav > .active > a:hover {
\r
7310 .landing-page .carousel-control {
\r
7314 @media (min-width: 992px) {
\r
7315 .landing-page .featurette-heading {
\r
7316 margin-top: 120px;
\r
7319 @media (max-width: 768px) {
\r
7320 .landing-page .navbar .navbar-header {
\r
7324 .landing-page .navbar .navbar-header .navbar-toggle {
\r
7325 background-color: #ffffff;
\r
7326 padding: 9px 10px;
\r
7331 /* Theme config */
\r
7333 body.rtls #page-wrapper {
\r
7334 margin: 0 220px 0 0;
\r
7336 body.rtls .nav-second-level li a {
\r
7337 padding: 7px 35px 7px 10px;
\r
7339 body.rtls .ibox-title h5 {
\r
7342 body.rtls .pull-right {
\r
7343 float: left !important;
\r
7345 body.rtls .pull-left {
\r
7346 float: right !important;
\r
7348 body.rtls .ibox-tools {
\r
7351 body.rtls .stat-percent {
\r
7354 body.rtls .navbar-right {
\r
7355 float: left !important;
\r
7357 body.rtls .navbar-top-links li:last-child {
\r
7358 margin-left: 40px;
\r
7361 body.rtls .minimalize-styl-2 {
\r
7363 margin: 14px 20px 5px 5px;
\r
7365 body.rtls .feed-element > .pull-left {
\r
7366 margin-left: 10px;
\r
7369 body.rtls .timeline-item .date {
\r
7372 body.rtls .timeline-item .date i {
\r
7376 body.rtls .timeline-item .content {
\r
7377 border-right: 1px solid #e7eaec;
\r
7378 border-left: none;
\r
7380 body.rtls .theme-config {
\r
7384 body.rtls .spin-icon {
\r
7385 border-radius: 0 20px 20px 0;
\r
7387 body.rtls .toast-close-button {
\r
7390 body.rtls #toast-container > .toast:before {
\r
7391 margin: auto -1.5em auto 0.5em;
\r
7393 body.rtls #toast-container > div {
\r
7394 padding: 15px 50px 15px 15px;
\r
7396 body.rtls .center-orientation .vertical-timeline-icon i {
\r
7398 margin-right: -12px;
\r
7400 body.rtls .vertical-timeline-icon i {
\r
7403 margin-left: auto;
\r
7404 margin-right: -12px;
\r
7406 body.rtls .file-box {
\r
7409 body.rtls ul.notes li {
\r
7412 body.rtls .chat-users,
\r
7413 body.rtls .chat-statistic {
\r
7414 margin-right: -30px;
\r
7415 margin-left: auto;
\r
7417 body.rtls .dropdown-menu > li > a {
\r
7418 text-align: right;
\r
7421 border-left: 1px solid #e7eaec;
\r
7422 border-right: none;
\r
7424 body.rtls .dd-list .dd-list {
\r
7425 padding-right: 30px;
\r
7428 body.rtls .dd-item > button {
\r
7431 body.rtls .theme-config-box {
\r
7432 margin-left: -220px;
\r
7435 body.rtls .theme-config-box.show {
\r
7439 body.rtls .spin-icon {
\r
7443 body.rtls .skin-settings {
\r
7444 margin-right: 40px;
\r
7447 body.rtls .skin-settings {
\r
7450 body.rtls .footer.fixed {
\r
7451 margin-right: 220px;
\r
7454 @media (max-width: 992px) {
\r
7455 body.rtls .chat-users,
\r
7456 body.rtls .chat-statistic {
\r
7460 body.rtls.mini-navbar .footer.fixed,
\r
7461 body.body-small.mini-navbar .footer.fixed {
\r
7462 margin: 0 70px 0 0;
\r
7464 body.rtls.mini-navbar.fixed-sidebar .footer.fixed,
\r
7465 body.body-small.mini-navbar .footer.fixed {
\r
7468 body.rtls.top-navigation .navbar-toggle {
\r
7470 margin-left: 15px;
\r
7471 margin-right: 15px;
\r
7473 .body-small.rtls.top-navigation .navbar-header {
\r
7476 body.rtls.top-navigation #page-wrapper {
\r
7479 body.rtls.mini-navbar #page-wrapper {
\r
7480 margin: 0 70px 0 0;
\r
7482 body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
\r
7485 body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
\r
7486 margin: 0 220px 0 0;
\r
7488 body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
\r
7491 .body-small.rtls .navbar-fixed-top {
\r
7494 .body-small.rtls .navbar-header {
\r
7497 body.rtls .navbar-top-links li:last-child {
\r
7498 margin-left: 20px;
\r
7500 body.rtls .top-navigation #page-wrapper,
\r
7501 body.rtls.mini-navbar .top-navigation #page-wrapper,
\r
7502 body.rtls.mini-navbar.top-navigation #page-wrapper {
\r
7505 body.rtls .top-navigation .footer.fixed,
\r
7506 body.rtls.top-navigation .footer.fixed {
\r
7509 @media (max-width: 768px) {
\r
7510 body.rtls .navbar-top-links li:last-child {
\r
7511 margin-left: 20px;
\r
7513 .body-small.rtls #page-wrapper {
\r
7514 position: inherit;
\r
7516 min-height: 1000px;
\r
7518 .body-small.rtls .navbar-static-side {
\r
7521 position: absolute;
\r
7524 .body-small.rtls.mini-navbar .navbar-static-side {
\r
7527 .rtls.fixed-sidebar.body-small .navbar-static-side {
\r
7533 .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
\r
7537 .rtls .ltr-support {
\r
7540 .rtls.mini-navbar .nav-second-level,
\r
7541 .rtls.mini-navbar li.active .nav-second-level {
\r
7545 .rtls #right-sidebar {
\r
7549 .rtls #right-sidebar.sidebar-open {
\r
7554 * This is style for skin config
\r
7555 * Use only in demo theme
\r
7559 position: absolute;
\r
7564 .theme-config-box {
\r
7565 margin-right: -220px;
\r
7566 position: relative;
\r
7568 transition-duration: 0.8s;
\r
7570 .theme-config-box.show {
\r
7574 background: #1ab394;
\r
7575 position: absolute;
\r
7576 padding: 7px 10px 7px 13px;
\r
7577 border-radius: 20px 0 0 20px;
\r
7587 margin-left: 40px;
\r
7588 background: #f3f3f4;
\r
7590 .skin-settings .title {
\r
7591 background: #efefef;
\r
7592 text-align: center;
\r
7593 text-transform: uppercase;
\r
7596 padding: 10px 15px;
\r
7600 padding: 10px 30px;
\r
7602 .setings-item.skin {
\r
7603 text-align: center;
\r
7605 .setings-item .switch {
\r
7609 text-transform: uppercase;
\r
7618 text-align: center;
\r
7622 background: #283A49;
\r
7624 .default-skin:hover {
\r
7625 background: #1e2e3d;
\r
7627 .blue-skin:hover {
\r
7628 background: #0d8ddb;
\r
7630 .yellow-skin:hover {
\r
7631 background: #ce8735;
\r
7635 * SKIN 1 - INSPINIA - Responsive Admin Theme
\r
7636 * NAME - Blue light
\r
7639 .skin-1 .minimalize-styl-2 {
\r
7640 margin: 14px 5px 5px 30px;
\r
7642 .skin-1 .navbar-top-links li:last-child {
\r
7643 margin-right: 30px;
\r
7645 .skin-1.fixed-nav .minimalize-styl-2 {
\r
7646 margin: 14px 5px 5px 15px;
\r
7648 .skin-1 .spin-icon {
\r
7649 background: #0e9aef !important;
\r
7651 .skin-1.mini-navbar .nav-second-level {
\r
7652 background: #3e495f;
\r
7654 .skin-1 .breadcrumb {
\r
7655 background: transparent;
\r
7657 .skin-1 .page-heading {
\r
7660 .skin-1 .nav > li.active {
\r
7661 background: #3a4459;
\r
7663 .skin-1 .nav > li > a {
\r
7666 .skin-1 ul.nav-second-level {
\r
7667 background-color: inherit;
\r
7669 .skin-1 .nav > li.active > a {
\r
7672 .skin-1 .navbar-minimalize {
\r
7673 background: #0e9aef;
\r
7674 border-color: #0e9aef;
\r
7677 background: #3e495f;
\r
7679 .skin-1 .navbar-static-top {
\r
7680 background: #ffffff;
\r
7682 .skin-1 .dashboard-header {
\r
7683 background: transparent;
\r
7684 border-bottom: none !important;
\r
7686 padding: 20px 30px 10px 30px;
\r
7688 .fixed-nav.skin-1 .navbar-fixed-top {
\r
7691 .skin-1 .wrapper-content {
\r
7692 padding: 30px 15px;
\r
7694 .skin-1 #page-wrapper {
\r
7695 background: #f4f6fa;
\r
7697 .skin-1 .ibox-title,
\r
7698 .skin-1 .ibox-content {
\r
7699 border-width: 1px;
\r
7701 .skin-1 .ibox-content:last-child {
\r
7702 border-style: solid solid solid solid;
\r
7704 .skin-1 .nav > li.active {
\r
7707 .skin-1 .nav-header {
\r
7708 padding: 35px 25px 25px 25px;
\r
7710 .skin-1 .nav-header a.dropdown-toggle {
\r
7714 .skin-1 .nav-header a.dropdown-toggle .text-muted {
\r
7718 .skin-1 .profile-element {
\r
7719 text-align: center;
\r
7721 .skin-1 .img-circle {
\r
7722 border-radius: 5px;
\r
7724 .skin-1 .navbar-default .nav > li > a:hover,
\r
7725 .skin-1 .navbar-default .nav > li > a:focus {
\r
7726 background: #3a4459;
\r
7729 .skin-1 .nav.nav-tabs > li.active > a {
\r
7732 .skin-1 .nav.nav-tabs > li.active {
\r
7733 background: transparent;
\r
7737 * SKIN 2 - INSPINIA - Responsive Admin Theme
\r
7738 * NAME - Inspinia Ultra
\r
7742 color: #565758 !important;
\r
7744 .skin-2 .minimalize-styl-2 {
\r
7745 margin: 14px 5px 5px 25px;
\r
7747 .skin-2 .navbar-top-links li:last-child {
\r
7748 margin-right: 25px;
\r
7750 .skin-2 .spin-icon {
\r
7751 background: #23c6c8 !important;
\r
7753 .skin-2.mini-navbar .nav-second-level {
\r
7754 background: #ededed;
\r
7756 .skin-2 .breadcrumb {
\r
7757 background: transparent;
\r
7759 .skin-2.fixed-nav .minimalize-styl-2 {
\r
7760 margin: 14px 5px 5px 15px;
\r
7762 .skin-2 .page-heading {
\r
7764 background: rgba(255, 255, 255, 0.7);
\r
7766 .skin-2 ul.nav-second-level {
\r
7767 background-color: inherit;
\r
7769 .skin-2 .nav > li.active {
\r
7770 background: #e0e0e0;
\r
7772 .skin-2 .logo-element {
\r
7775 .skin-2 .nav > li > a,
\r
7776 .skin-2 .welcome-message {
\r
7779 .skin-2 #top-search::-moz-placeholder {
\r
7783 .skin-2 #side-menu > li > a,
\r
7784 .skin-2 .nav.nav-second-level > li > a {
\r
7787 .skin-2 .nav > li.active > a {
\r
7790 .skin-2.mini-navbar .nav-header {
\r
7791 background: #213a53;
\r
7793 .skin-2 .navbar-minimalize {
\r
7794 background: #23c6c8;
\r
7795 border-color: #23c6c8;
\r
7797 .skin-2 .border-bottom {
\r
7798 border-bottom: none !important;
\r
7800 .skin-2 #top-search {
\r
7803 body.skin-2 #wrapper {
\r
7804 background-color: #ededed;
\r
7806 .skin-2 .navbar-static-top {
\r
7807 background: #213a53;
\r
7809 .fixed-nav.skin-2 .navbar-fixed-top {
\r
7810 background: #213a53;
\r
7811 border-bottom: none !important;
\r
7813 .skin-2 .nav-header {
\r
7814 padding: 30px 25px 30px 25px;
\r
7816 .skin-2 .dashboard-header {
\r
7817 background: rgba(255, 255, 255, 0.4);
\r
7818 border-bottom: none !important;
\r
7820 padding: 20px 30px 20px 30px;
\r
7822 .skin-2 .wrapper-content {
\r
7823 padding: 30px 15px;
\r
7825 .skin-2 .dashoard-1 .wrapper-content {
\r
7826 padding: 0 30px 25px 30px;
\r
7828 .skin-2 .ibox-title {
\r
7829 background: rgba(255, 255, 255, 0.7);
\r
7831 margin-bottom: 1px;
\r
7833 .skin-2 .ibox-content {
\r
7834 background: rgba(255, 255, 255, 0.4);
\r
7835 border: none !important;
\r
7837 .skin-2 #page-wrapper {
\r
7838 background: #f6f6f6;
\r
7839 background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
\r
7840 background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
\r
7841 background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
\r
7842 background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%);
\r
7843 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)";
\r
7845 .skin-2 .ibox-title,
\r
7846 .skin-2 .ibox-content {
\r
7847 border-width: 1px;
\r
7849 .skin-2 .ibox-content:last-child {
\r
7850 border-style: solid solid solid solid;
\r
7852 .skin-2 .nav > li.active {
\r
7855 .skin-2 .nav-header a.dropdown-toggle {
\r
7859 .skin-2 .nav-header a.dropdown-toggle .text-muted {
\r
7863 .skin-2 .img-circle {
\r
7864 border-radius: 10px;
\r
7866 .skin-2 .nav.navbar-top-links > li > a:hover,
\r
7867 .skin-2 .nav.navbar-top-links > li > a:focus {
\r
7868 background: #1a2d41;
\r
7870 .skin-2 .navbar-default .nav > li > a:hover,
\r
7871 .skin-2 .navbar-default .nav > li > a:focus {
\r
7872 background: #e0e0e0;
\r
7875 .skin-2 .nav.nav-tabs > li.active > a {
\r
7878 .skin-2 .nav.nav-tabs > li.active {
\r
7879 background: transparent;
\r
7883 * SKIN 3 - INSPINIA - Responsive Admin Theme
\r
7884 * NAME - Yellow/purple
\r
7887 .skin-3 .minimalize-styl-2 {
\r
7888 margin: 14px 5px 5px 30px;
\r
7890 .skin-3 .navbar-top-links li:last-child {
\r
7891 margin-right: 30px;
\r
7893 .skin-3.fixed-nav .minimalize-styl-2 {
\r
7894 margin: 14px 5px 5px 15px;
\r
7896 .skin-3 .spin-icon {
\r
7897 background: #ecba52 !important;
\r
7899 body.boxed-layout.skin-3 #wrapper {
\r
7900 background: #3e2c42;
\r
7902 .skin-3.mini-navbar .nav-second-level {
\r
7903 background: #3e2c42;
\r
7905 .skin-3 .breadcrumb {
\r
7906 background: transparent;
\r
7908 .skin-3 .page-heading {
\r
7911 .skin-3 ul.nav-second-level {
\r
7912 background-color: inherit;
\r
7914 .skin-3 .nav > li.active {
\r
7915 background: #38283c;
\r
7917 .fixed-nav.skin-3 .navbar-fixed-top {
\r
7920 .skin-3 .nav > li > a {
\r
7923 .skin-3 .nav > li.active > a {
\r
7926 .skin-3 .navbar-minimalize {
\r
7927 background: #ecba52;
\r
7928 border-color: #ecba52;
\r
7931 background: #3e2c42;
\r
7933 .skin-3 .navbar-static-top {
\r
7934 background: #ffffff;
\r
7936 .skin-3 .dashboard-header {
\r
7937 background: transparent;
\r
7938 border-bottom: none !important;
\r
7940 padding: 20px 30px 10px 30px;
\r
7942 .skin-3 .wrapper-content {
\r
7943 padding: 30px 15px;
\r
7945 .skin-3 #page-wrapper {
\r
7946 background: #f4f6fa;
\r
7948 .skin-3 .ibox-title,
\r
7949 .skin-3 .ibox-content {
\r
7950 border-width: 1px;
\r
7952 .skin-3 .ibox-content:last-child {
\r
7953 border-style: solid solid solid solid;
\r
7955 .skin-3 .nav > li.active {
\r
7958 .skin-3 .nav-header {
\r
7959 padding: 35px 25px 25px 25px;
\r
7961 .skin-3 .nav-header a.dropdown-toggle {
\r
7965 .skin-3 .nav-header a.dropdown-toggle .text-muted {
\r
7969 .skin-3 .profile-element {
\r
7970 text-align: center;
\r
7972 .skin-3 .img-circle {
\r
7973 border-radius: 5px;
\r
7975 .skin-3 .navbar-default .nav > li > a:hover,
\r
7976 .skin-3 .navbar-default .nav > li > a:focus {
\r
7977 background: #38283c;
\r
7980 .skin-3 .nav.nav-tabs > li.active > a {
\r
7983 .skin-3 .nav.nav-tabs > li.active {
\r
7984 background: transparent;
\r
7987 font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
\r
7988 background-color: #ffffff;
\r
7992 font-family: 'Roboto';
\r
7994 .md-skin ul.nav-second-level {
\r
7995 background-color: inherit;
\r
7997 .md-skin .font-bold {
\r
8000 .md-skin .wrapper-content {
\r
8001 padding: 30px 20px 40px;
\r
8003 @media (max-width: 768px) {
\r
8004 .md-skin .wrapper-content {
\r
8005 padding: 30px 0 40px;
\r
8008 .md-skin .page-heading {
\r
8009 border-bottom: none !important;
\r
8011 padding: 0 10px 20px 10px;
\r
8012 box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);
\r
8014 .md-skin .full-height-layout .page-heading {
\r
8015 border-bottom: 1px solid #e7eaec !important;
\r
8019 margin-bottom: 25px;
\r
8022 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8024 .md-skin .ibox.border-bottom {
\r
8025 border-bottom: none !important;
\r
8027 .md-skin .ibox-title,
\r
8028 .md-skin .ibox-content {
\r
8029 border-style: none;
\r
8031 .md-skin .ibox-title h5 {
\r
8035 .md-skin a.close-canvas-menu {
\r
8038 .md-skin .welcome-message {
\r
8042 .md-skin #top-search::-moz-placeholder {
\r
8045 .md-skin #top-search::-webkit-input-placeholder {
\r
8048 .md-skin #nestable-output,
\r
8049 .md-skin #nestable2-output {
\r
8050 font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
\r
8052 .md-skin .landing-page {
\r
8053 font-family: 'Roboto', helvetica, arial, sans-serif;
\r
8055 .md-skin .landing-page.navbar-default.navbar-scroll {
\r
8056 background-color: #fff !important;
\r
8058 .md-skin .landing-page.navbar-default {
\r
8059 background-color: transparent !important;
\r
8062 .md-skin .landing-page.navbar-default .nav li a {
\r
8063 font-family: 'Roboto', helvetica, arial, sans-serif;
\r
8065 .md-skin .nav > li > a {
\r
8067 padding: 14px 20px 14px 25px;
\r
8069 .md-skin .nav.navbar-right > li > a {
\r
8072 .md-skin .nav > li.active > a {
\r
8076 .md-skin .navbar-default .nav > li > a:hover,
\r
8077 .md-skin .navbar-default .nav > li > a:focus {
\r
8081 .md-skin .nav .open > a,
\r
8082 .md-skin .nav .open > a:hover,
\r
8083 .md-skin .nav .open > a:focus {
\r
8084 background: #1ab394;
\r
8086 .md-skin .navbar-top-links li {
\r
8087 display: inline-table;
\r
8089 .md-skin .navbar-top-links .dropdown-menu li {
\r
8092 .md-skin .pace-done .nav-header {
\r
8093 transition: all 0.4s;
\r
8095 .md-skin .nav > li.active {
\r
8096 background: #f8f8f9;
\r
8098 .md-skin .nav-second-level li a {
\r
8099 padding: 7px 10px 7px 52px;
\r
8101 .md-skin .nav-third-level li a {
\r
8102 padding-left: 62px;
\r
8104 .md-skin .navbar-top-links li a {
\r
8105 padding: 20px 10px;
\r
8108 .md-skin .nav > li > a {
\r
8111 .md-skin .navbar-static-side .nav > li > a:focus,
\r
8112 .md-skin .navbar-static-side .nav > li > a:hover {
\r
8113 background-color: inherit;
\r
8115 .md-skin .navbar-top-links .dropdown-menu li a {
\r
8116 padding: 3px 20px;
\r
8117 min-height: inherit;
\r
8119 .md-skin .nav-header .navbar-fixed-top a {
\r
8122 .md-skin .nav-header .text-muted {
\r
8125 .md-skin .navbar-form-custom .form-control {
\r
8128 .md-skin .mini-navbar .nav-second-level {
\r
8129 background-color: inherit;
\r
8131 .md-skin .mini-navbar li.active .nav-second-level {
\r
8134 .md-skin .canvas-menu.mini-navbar .nav-second-level {
\r
8135 background: inherit;
\r
8137 .md-skin .pace-done .navbar-static-side,
\r
8138 .md-skin .pace-done .nav-header,
\r
8139 .md-skin .pace-done li.active,
\r
8140 .md-skin .pace-done #page-wrapper,
\r
8141 .md-skin .pace-done .footer {
\r
8142 -webkit-transition: all 0.4s;
\r
8143 -moz-transition: all 0.4s;
\r
8144 -o-transition: all 0.4s;
\r
8145 transition: all 0.4s;
\r
8147 .md-skin .navbar-fixed-top {
\r
8149 transition-duration: 0.4s;
\r
8151 border-bottom: none !important;
\r
8153 .md-skin .navbar-fixed-top,
\r
8154 .md-skin .navbar-static-top {
\r
8155 background-color: #1ab394 !important;
\r
8156 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8158 .md-skin .navbar-static-side {
\r
8159 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8161 .md-skin #right-sidebar {
\r
8162 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8166 .md-skin .white-bg .navbar-fixed-top,
\r
8167 .md-skin .white-bg .navbar-static-top {
\r
8168 background: #fff !important;
\r
8170 .md-skin .contact-box {
\r
8171 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8174 .md-skin .dashboard-header {
\r
8175 border-bottom: none !important;
\r
8177 padding: 20px 20px 20px 20px;
\r
8178 margin: 30px 20px 0 20px;
\r
8179 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8181 @media (max-width: 768px) {
\r
8182 .md-skin .dashboard-header {
\r
8183 margin: 20px 0 0 0;
\r
8186 .md-skin ul.notes li div {
\r
8187 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8191 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8193 .md-skin .mail-box {
\r
8194 background-color: #ffffff;
\r
8195 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8197 margin-bottom: 20px;
\r
8200 .md-skin .mail-box-header {
\r
8202 background-color: #ffffff;
\r
8203 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8204 padding: 30px 20px 20px 20px;
\r
8206 .md-skin .mailbox-content {
\r
8209 background: #ffffff;
\r
8211 .md-skin .social-feed-box {
\r
8214 margin-bottom: 15px;
\r
8215 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8217 .md-skin.landing-page .navbar-default {
\r
8218 background-color: transparent !important;
\r
8219 border-color: transparent;
\r
8220 transition: all 0.3s ease-in-out 0s;
\r
8223 .md-skin.landing-page .navbar-default.navbar-scroll,
\r
8224 .md-skin.landing-page.body-small .navbar-default {
\r
8225 background-color: #ffffff !important;
\r
8227 .md-skin.landing-page .nav > li.active {
\r
8228 background: inherit;
\r
8230 .md-skin.landing-page .navbar-scroll .navbar-nav > li > a {
\r
8231 padding: 20px 10px;
\r
8233 .md-skin.landing-page .navbar-default .nav li a {
\r
8234 font-family: 'Roboto', helvetica, arial, sans-serif;
\r
8236 .md-skin.landing-page .nav > li > a {
\r
8237 padding: 25px 10px 15px 10px;
\r
8239 .md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,
\r
8240 .md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
\r
8241 background: inherit;
\r
8244 .md-skin.landing-page.body-small .nav.navbar-right > li > a {
\r
8247 .md-skin .landing_link a,
\r
8248 .md-skin .special_link a {
\r
8249 color: #ffffff !important;
\r
8251 .md-skin.canvas-menu.mini-navbar .nav-second-level {
\r
8252 background: #f8f8f9;
\r
8254 .md-skin.mini-navbar .nav-second-level {
\r
8255 background-color: #ffffff;
\r
8256 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
\r
8258 .md-skin.mini-navbar .nav-second-level li a {
\r
8261 .md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {
\r
8262 padding-left: 52px;
\r
8264 .md-skin.top-navigation .nav.navbar-right > li > a {
\r
8265 padding: 15px 20px;
\r
8268 .md-skin.top-navigation .nav > li a:hover,
\r
8269 .md-skin .top-navigation .nav > li a:focus,
\r
8270 .md-skin.top-navigation .nav .open > a,
\r
8271 .md-skin.top-navigation .nav .open > a:hover,
\r
8272 .md-skin.top-navigation .nav .open > a:focus {
\r
8274 background: #ffffff;
\r
8276 .md-skin.top-navigation .nav > li.active a {
\r
8278 background: #ffffff;
\r
8280 .md-skin.fixed-nav #side-menu {
\r
8281 background-color: #fff;
\r
8283 .md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {
\r
8286 .md-skin.fixed-sidebar.mini-navbar .navbar-static-side {
\r
8289 .md-skin.fixed-sidebar.mini-navbar #page-wrapper {
\r
8292 .md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper {
\r
8295 .md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
\r
8297 background-color: #ffffff;
\r
8299 .md-skin.boxed-layout #wrapper {
\r
8300 background-color: #ffffff;
\r
8302 .md-skin.canvas-menu nav.navbar-static-side {
\r
8304 background: #ffffff;
\r
8309 @media (min-width: 768px) {
\r
8311 position: inherit;
\r
8312 margin: 0 0 0 220px;
\r
8313 min-height: 100vh;
\r
8315 .navbar-static-side {
\r
8317 position: absolute;
\r
8320 .navbar-top-links .dropdown-messages,
\r
8321 .navbar-top-links .dropdown-tasks,
\r
8322 .navbar-top-links .dropdown-alerts {
\r
8323 margin-left: auto;
\r
8326 @media (max-width: 768px) {
\r
8328 position: inherit;
\r
8330 min-height: 100vh;
\r
8332 .body-small .navbar-static-side {
\r
8335 position: absolute;
\r
8338 .body-small.mini-navbar .navbar-static-side {
\r
8344 .navbar-form-custom {
\r
8353 position: relative;
\r
8355 min-height: 100% !important;
\r
8357 .sidebar-content .wrapper {
\r
8361 .fixed-sidebar.body-small .navbar-static-side {
\r
8367 .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
\r
8372 text-align: right;
\r
8375 .navbar-static-side {
\r
8378 body:not(.mini-navbar) {
\r
8379 -webkit-transition: background-color 500ms linear;
\r
8380 -moz-transition: background-color 500ms linear;
\r
8381 -o-transition: background-color 500ms linear;
\r
8382 -ms-transition: background-color 500ms linear;
\r
8383 transition: background-color 500ms linear;
\r
8384 background-color: #f3f3f4;
\r
8387 @media (max-width: 350px) {
\r
8388 .timeline-item .date {
\r
8391 position: relative;
\r
8392 padding-top: 30px;
\r
8394 .timeline-item .date i {
\r
8395 position: absolute;
\r
8400 text-align: center;
\r
8401 border: 1px solid #e7eaec;
\r
8402 background: #f8f8f8;
\r
8404 .timeline-item .content {
\r
8405 border-left: none;
\r
8406 border-top: 1px solid #e7eaec;
\r
8407 padding-top: 10px;
\r
8408 min-height: 100px;
\r
8410 .nav.navbar-top-links li.dropdown {
\r
8416 display: inline-block;
\r
8420 @media (max-width: 1000px) {
\r
8421 .welcome-message {
\r
8426 nav.navbar-static-side {
\r
8430 overflow: visible !important;
\r