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