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 > li > a.font-bold {
115 .navbar-top-links .dropdown-menu li {
118 .navbar-top-links .dropdown-menu li:last-child {
121 .navbar-top-links .dropdown-menu li a {
125 .navbar-top-links .dropdown-menu li a div {
128 .navbar-top-links .dropdown-messages,
129 .navbar-top-links .dropdown-tasks,
130 .navbar-top-links .dropdown-alerts {
134 .navbar-top-links .dropdown-messages {
137 .navbar-top-links .dropdown-tasks {
140 .navbar-top-links .dropdown-alerts {
143 .navbar-top-links .dropdown-user {
149 padding: 10px 10px 10px 10px;
151 .dropdown-messages li a,
152 .dropdown-alerts li a {
155 .dropdown-messages li em,
156 .dropdown-alerts li em {
159 .nav.navbar-top-links .dropdown-alerts a {
164 background: url("patterns/header-profile.png") no-repeat;
166 .pace-done .nav-header {
167 transition: all 0.4s;
170 border-left: 4px solid #19aa8d;
173 .nav.nav-second-level > li.active {
176 .nav.nav-second-level.collapse[style] {
177 height: auto !important;
182 .nav-header .text-muted {
187 margin: 14px 5px 5px 20px;
191 .navbar-form-custom {
196 display: inline-table;
198 .navbar-form-custom .form-group {
201 .nav.navbar-top-links a {
204 .navbar-form-custom .form-control {
205 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
225 .active > a > .fa.arrow:before {
228 .nav-second-level li,
229 .nav-third-level li {
230 border-bottom: none !important;
232 .nav-second-level li a {
233 padding: 7px 10px 7px 10px;
236 .nav-third-level li a {
239 .nav-second-level li:last-child {
242 body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
243 .mini-navbar .nav li:focus > .nav-second-level {
245 border-radius: 0 2px 2px 0;
249 body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
253 .fixed-nav .slimScrollDiv #side-menu {
254 padding-bottom: 60px;
256 .mini-navbar .nav-second-level li a {
257 padding: 10px 10px 10px 15px;
259 .mini-navbar .nav-second-level {
263 background-color: #2f4050;
264 padding: 10px 10px 10px 10px;
267 .canvas-menu.mini-navbar .nav-second-level {
270 .mini-navbar li.active .nav-second-level {
273 .navbar-default .special_link a {
277 .navbar-default .special_link a:hover {
278 background: #17987e !important;
281 .navbar-default .special_link a span.label {
285 .navbar-default .landing_link a {
289 .navbar-default .landing_link a:hover {
290 background: #1ab394 !important;
293 .navbar-default .landing_link a span.label {
305 .pace-done .navbar-static-side,
306 .pace-done .nav-header,
307 .pace-done li.active,
308 .pace-done #page-wrapper,
310 -webkit-transition: all 0.4s;
311 -moz-transition: all 0.4s;
312 -o-transition: all 0.4s;
313 transition: all 0.4s;
317 transition-duration: 0.4s;
318 border-bottom: 1px solid #e7eaec !important;
325 .fixed-nav #wrapper {
328 body.fixed-nav #wrapper .navbar-static-side,
329 body.fixed-nav #wrapper #page-wrapper {
332 body.top-navigation.fixed-nav #wrapper #page-wrapper {
335 body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
338 body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
341 body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
344 body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
347 body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
350 body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
353 .fixed-nav .minimalize-styl-2 {
354 margin: 14px 5px 5px 15px;
356 .body-small .navbar-fixed-top {
359 body.mini-navbar .navbar-static-side {
362 body.mini-navbar .profile-element,
363 body.mini-navbar .nav-label,
364 body.mini-navbar .navbar-default .nav li a span {
367 body.canvas-menu .profile-element {
370 body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
373 body.mini-navbar .navbar-default .nav > li > a {
376 body.mini-navbar .logo-element {
379 body.canvas-menu .logo-element {
382 body.mini-navbar .nav-header {
384 background-color: #1ab394;
386 body.canvas-menu .nav-header {
389 body.mini-navbar #page-wrapper {
392 body.fixed-sidebar.mini-navbar .footer,
393 body.canvas-menu.mini-navbar .footer {
394 margin: 0 0 0 0 !important;
396 body.canvas-menu.mini-navbar #page-wrapper,
397 body.canvas-menu.mini-navbar .footer {
400 body.fixed-sidebar .navbar-static-side,
401 body.canvas-menu .navbar-static-side {
407 body.fixed-sidebar.mini-navbar .navbar-static-side {
410 body.fixed-sidebar.mini-navbar #page-wrapper {
413 body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
416 body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
419 .fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,
420 .canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
424 body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
428 body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
432 .fixed-sidebar.mini-navbar .nav-second-level li a,
433 .canvas-menu.mini-navbar .nav-second-level li a {
434 padding: 10px 10px 10px 15px;
436 .fixed-sidebar.mini-navbar .nav-second-level,
437 .canvas-menu.mini-navbar .nav-second-level {
442 .fixed-sidebar.mini-navbar li.active .nav-second-level,
443 .canvas-menu.mini-navbar li.active .nav-second-level {
446 body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
447 body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
450 body.fixed-sidebar.mini-navbar .nav-label,
451 body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
452 body.canvas-menu.mini-navbar .nav-label,
453 body.canvas-menu.mini-navbar .navbar-default .nav li a span {
456 body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
459 .canvas-menu.mini-navbar .nav-second-level li a,
460 .fixed-sidebar.mini-navbar .nav-second-level li a {
461 padding: 7px 10px 7px 52px;
463 .fixed-sidebar.mini-navbar .nav-second-level,
464 .canvas-menu.mini-navbar .nav-second-level {
467 body.canvas-menu nav.navbar-static-side {
474 body.canvas-menu.mini-navbar nav.navbar-static-side {
478 .top-navigation #page-wrapper {
481 .top-navigation .navbar-nav .dropdown-menu > .active > a {
486 .white-bg .navbar-fixed-top,
487 .white-bg .navbar-static-top {
490 .top-navigation .navbar {
493 .top-navigation .nav > li > a {
497 .top-navigation .nav > li a:hover,
498 .top-navigation .nav > li a:focus {
502 .top-navigation .nav > li.active {
506 .top-navigation .nav > li.active > a {
509 .top-navigation .navbar-right {
512 .top-navigation .navbar-nav .dropdown-menu {
514 border: 1px solid #e7eaec;
516 .top-navigation .dropdown-menu > li > a {
520 .navbar .dropdown-menu {
523 .top-navigation .navbar-brand {
528 .top-navigation .navbar-top-links li:last-child {
531 .top-navigation.mini-navbar #page-wrapper,
532 .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
533 .mini-navbar .top-navigation #page-wrapper,
534 .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
535 .canvas-menu #page-wrapper {
538 .top-navigation.fixed-nav #wrapper,
539 .fixed-nav #wrapper.top-navigation {
542 .top-navigation .footer.fixed {
543 margin-left: 0 !important;
545 .top-navigation .wrapper.wrapper-content {
548 .top-navigation.body-small .wrapper.wrapper-content,
549 .body-small .top-navigation .wrapper.wrapper-content {
550 padding: 40px 0 40px 0;
553 background-color: #1ab394;
558 .top-navigation .navbar-nav .open .dropdown-menu > li > a,
559 .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
560 padding: 10px 15px 10px 20px;
562 @media (max-width: 768px) {
563 .top-navigation .navbar-header {
570 display: none !important;
572 @media (min-width: 1200px) {
574 display: block !important;
577 @media (min-width: 992px) {
579 display: block !important;
582 @media (max-width: 767px) {
584 display: block !important;
587 display: block !important;
593 .float-e-margins .btn {
599 .btn-primary.btn-outline {
602 .btn-success.btn-outline {
605 .btn-info.btn-outline {
608 .btn-warning.btn-outline {
611 .btn-danger.btn-outline {
614 .btn-primary.btn-outline:hover,
615 .btn-success.btn-outline:hover,
616 .btn-info.btn-outline:hover,
617 .btn-warning.btn-outline:hover,
618 .btn-danger.btn-outline:hover {
622 background-color: #1ab394;
623 border-color: #1ab394;
630 .open .dropdown-toggle.btn-primary,
631 .btn-primary:active:focus,
632 .btn-primary:active:hover,
633 .btn-primary.active:hover,
634 .btn-primary.active:focus {
635 background-color: #18a689;
636 border-color: #18a689;
641 .open .dropdown-toggle.btn-primary {
642 background-image: none;
644 .btn-primary.disabled,
645 .btn-primary.disabled:hover,
646 .btn-primary.disabled:focus,
647 .btn-primary.disabled:active,
648 .btn-primary.disabled.active,
649 .btn-primary[disabled],
650 .btn-primary[disabled]:hover,
651 .btn-primary[disabled]:focus,
652 .btn-primary[disabled]:active,
653 .btn-primary.active[disabled],
654 fieldset[disabled] .btn-primary,
655 fieldset[disabled] .btn-primary:hover,
656 fieldset[disabled] .btn-primary:focus,
657 fieldset[disabled] .btn-primary:active,
658 fieldset[disabled] .btn-primary.active {
659 background-color: #1dc5a3;
660 border-color: #1dc5a3;
663 background-color: #1c84c6;
664 border-color: #1c84c6;
671 .open .dropdown-toggle.btn-success,
672 .btn-success:active:focus,
673 .btn-success:active:hover,
674 .btn-success.active:hover,
675 .btn-success.active:focus {
676 background-color: #1a7bb9;
677 border-color: #1a7bb9;
682 .open .dropdown-toggle.btn-success {
683 background-image: none;
685 .btn-success.disabled,
686 .btn-success.disabled:hover,
687 .btn-success.disabled:focus,
688 .btn-success.disabled:active,
689 .btn-success.disabled.active,
690 .btn-success[disabled],
691 .btn-success[disabled]:hover,
692 .btn-success[disabled]:focus,
693 .btn-success[disabled]:active,
694 .btn-success.active[disabled],
695 fieldset[disabled] .btn-success,
696 fieldset[disabled] .btn-success:hover,
697 fieldset[disabled] .btn-success:focus,
698 fieldset[disabled] .btn-success:active,
699 fieldset[disabled] .btn-success.active {
700 background-color: #1f90d8;
701 border-color: #1f90d8;
704 background-color: #23c6c8;
705 border-color: #23c6c8;
712 .open .dropdown-toggle.btn-info,
713 .btn-info:active:focus,
714 .btn-info:active:hover,
715 .btn-info.active:hover,
716 .btn-info.active:focus {
717 background-color: #21b9bb;
718 border-color: #21b9bb;
723 .open .dropdown-toggle.btn-info {
724 background-image: none;
727 .btn-info.disabled:hover,
728 .btn-info.disabled:focus,
729 .btn-info.disabled:active,
730 .btn-info.disabled.active,
732 .btn-info[disabled]:hover,
733 .btn-info[disabled]:focus,
734 .btn-info[disabled]:active,
735 .btn-info.active[disabled],
736 fieldset[disabled] .btn-info,
737 fieldset[disabled] .btn-info:hover,
738 fieldset[disabled] .btn-info:focus,
739 fieldset[disabled] .btn-info:active,
740 fieldset[disabled] .btn-info.active {
741 background-color: #26d7d9;
742 border-color: #26d7d9;
747 border: 1px solid #e7eaec;
753 .open .dropdown-toggle.btn-default,
754 .btn-default:active:focus,
755 .btn-default:active:hover,
756 .btn-default.active:hover,
757 .btn-default.active:focus {
759 border: 1px solid #d2d2d2;
763 .open .dropdown-toggle.btn-default {
764 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
766 .btn-default.disabled,
767 .btn-default.disabled:hover,
768 .btn-default.disabled:focus,
769 .btn-default.disabled:active,
770 .btn-default.disabled.active,
771 .btn-default[disabled],
772 .btn-default[disabled]:hover,
773 .btn-default[disabled]:focus,
774 .btn-default[disabled]:active,
775 .btn-default.active[disabled],
776 fieldset[disabled] .btn-default,
777 fieldset[disabled] .btn-default:hover,
778 fieldset[disabled] .btn-default:focus,
779 fieldset[disabled] .btn-default:active,
780 fieldset[disabled] .btn-default.active {
784 background-color: #f8ac59;
785 border-color: #f8ac59;
792 .open .dropdown-toggle.btn-warning,
793 .btn-warning:active:focus,
794 .btn-warning:active:hover,
795 .btn-warning.active:hover,
796 .btn-warning.active:focus {
797 background-color: #f7a54a;
798 border-color: #f7a54a;
803 .open .dropdown-toggle.btn-warning {
804 background-image: none;
806 .btn-warning.disabled,
807 .btn-warning.disabled:hover,
808 .btn-warning.disabled:focus,
809 .btn-warning.disabled:active,
810 .btn-warning.disabled.active,
811 .btn-warning[disabled],
812 .btn-warning[disabled]:hover,
813 .btn-warning[disabled]:focus,
814 .btn-warning[disabled]:active,
815 .btn-warning.active[disabled],
816 fieldset[disabled] .btn-warning,
817 fieldset[disabled] .btn-warning:hover,
818 fieldset[disabled] .btn-warning:focus,
819 fieldset[disabled] .btn-warning:active,
820 fieldset[disabled] .btn-warning.active {
821 background-color: #f9b66d;
822 border-color: #f9b66d;
825 background-color: #ed5565;
826 border-color: #ed5565;
833 .open .dropdown-toggle.btn-danger,
834 .btn-danger:active:focus,
835 .btn-danger:active:hover,
836 .btn-danger.active:hover,
837 .btn-danger.active:focus {
838 background-color: #ec4758;
839 border-color: #ec4758;
844 .open .dropdown-toggle.btn-danger {
845 background-image: none;
847 .btn-danger.disabled,
848 .btn-danger.disabled:hover,
849 .btn-danger.disabled:focus,
850 .btn-danger.disabled:active,
851 .btn-danger.disabled.active,
852 .btn-danger[disabled],
853 .btn-danger[disabled]:hover,
854 .btn-danger[disabled]:focus,
855 .btn-danger[disabled]:active,
856 .btn-danger.active[disabled],
857 fieldset[disabled] .btn-danger,
858 fieldset[disabled] .btn-danger:hover,
859 fieldset[disabled] .btn-danger:focus,
860 fieldset[disabled] .btn-danger:active,
861 fieldset[disabled] .btn-danger.active {
862 background-color: #ef6776;
863 border-color: #ef6776;
872 .open .dropdown-toggle.btn-link {
874 text-decoration: none;
878 .open .dropdown-toggle.btn-link {
879 background-image: none;
882 .btn-link.disabled:hover,
883 .btn-link.disabled:focus,
884 .btn-link.disabled:active,
885 .btn-link.disabled.active,
887 .btn-link[disabled]:hover,
888 .btn-link[disabled]:focus,
889 .btn-link[disabled]:active,
890 .btn-link.active[disabled],
891 fieldset[disabled] .btn-link,
892 fieldset[disabled] .btn-link:hover,
893 fieldset[disabled] .btn-link:focus,
894 fieldset[disabled] .btn-link:active,
895 fieldset[disabled] .btn-link.active {
901 border: 1px solid #e7eaec;
907 .open .dropdown-toggle.btn-white,
908 .btn-white:active:focus,
909 .btn-white:active:hover,
910 .btn-white.active:hover,
911 .btn-white.active:focus {
913 border: 1px solid #d2d2d2;
917 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
921 .open .dropdown-toggle.btn-white {
922 background-image: none;
925 .btn-white.disabled:hover,
926 .btn-white.disabled:focus,
927 .btn-white.disabled:active,
928 .btn-white.disabled.active,
929 .btn-white[disabled],
930 .btn-white[disabled]:hover,
931 .btn-white[disabled]:focus,
932 .btn-white[disabled]:active,
933 .btn-white.active[disabled],
934 fieldset[disabled] .btn-white,
935 fieldset[disabled] .btn-white:hover,
936 fieldset[disabled] .btn-white:focus,
937 fieldset[disabled] .btn-white:active,
938 fieldset[disabled] .btn-white.active {
943 .has-error .form-control:focus,
944 .has-success .form-control:focus,
945 .has-warning .form-control:focus,
948 .navbar-form-custom .form-control:focus,
949 .navbar-form-custom .form-control:hover,
950 .open .btn.dropdown-toggle,
959 background-color: transparent;
971 display: inline-block;
972 text-decoration: none;
973 text-transform: uppercase;
981 margin-bottom: 20px !important;
986 button.btn-primary.dim {
987 box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999;
989 button.btn-primary.dim:active {
990 box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;
992 button.btn-default.dim {
993 box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999;
995 button.btn-default.dim:active {
996 box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999;
998 button.btn-warning.dim {
999 box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;
1001 button.btn-warning.dim:active {
1002 box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;
1004 button.btn-info.dim {
1005 box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999;
1007 button.btn-info.dim:active {
1008 box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999;
1010 button.btn-success.dim {
1011 box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999;
1013 button.btn-success.dim:active {
1014 box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999;
1016 button.btn-danger.dim {
1017 box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
1019 button.btn-danger.dim:active {
1020 box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;
1025 font-weight: normal;
1030 button.dim:active:before {
1035 outline: none !important;
1038 background-color: #d1dade;
1040 font-family: 'Open Sans';
1047 background-color: #d1dade;
1049 font-family: 'Open Sans';
1052 padding-bottom: 4px;
1059 background-color: #1ab394;
1064 background-color: #1c84c6;
1069 background-color: #f8ac59;
1072 .label-warning-light,
1073 .badge-warning-light {
1074 background-color: #f8ac59;
1079 background-color: #ed5565;
1084 background-color: #23c6c8;
1089 background-color: #262626;
1094 background-color: #FFFFFF;
1099 background-color: #2A2E36;
1106 -webkit-user-select: none;
1107 -moz-user-select: none;
1108 -ms-user-select: none;
1110 .onoffswitch-checkbox {
1113 .onoffswitch-label {
1117 border: 2px solid #1ab394;
1120 .onoffswitch-inner {
1123 -moz-transition: margin 0.3s ease-in 0s;
1124 -webkit-transition: margin 0.3s ease-in 0s;
1125 -o-transition: margin 0.3s ease-in 0s;
1126 transition: margin 0.3s ease-in 0s;
1128 .onoffswitch-inner:before,
1129 .onoffswitch-inner:after {
1137 font-family: Trebuchet, Arial, sans-serif;
1139 -moz-box-sizing: border-box;
1140 -webkit-box-sizing: border-box;
1141 box-sizing: border-box;
1143 .onoffswitch-inner:before {
1146 background-color: #1ab394;
1149 .onoffswitch-inner:after {
1151 padding-right: 10px;
1152 background-color: #FFFFFF;
1156 .onoffswitch-switch {
1159 background: #FFFFFF;
1160 border: 2px solid #1ab394;
1166 -moz-transition: all 0.3s ease-in 0s;
1167 -webkit-transition: all 0.3s ease-in 0s;
1168 -o-transition: all 0.3s ease-in 0s;
1169 transition: all 0.3s ease-in 0s;
1171 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
1174 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
1178 .chosen-container-single .chosen-single {
1179 background: #ffffff;
1181 -moz-box-sizing: border-box;
1182 background-color: #FFFFFF;
1183 border: 1px solid #CBD5DD;
1194 .chosen-container-multi .chosen-choices li.search-choice {
1195 background: #f1f1f1;
1196 border: 1px solid #ededed;
1202 margin: 3px 0 3px 5px;
1203 padding: 3px 20px 3px 5px;
1207 .pagination > .active > a,
1208 .pagination > .active > span,
1209 .pagination > .active > a:hover,
1210 .pagination > .active > span:hover,
1211 .pagination > .active > a:focus,
1212 .pagination > .active > span:focus {
1213 background-color: #f4f4f4;
1214 border-color: #DDDDDD;
1219 .pagination > li > a,
1220 .pagination > li > span {
1221 background-color: #FFFFFF;
1222 border: 1px solid #DDDDDD;
1225 line-height: 1.42857;
1229 text-decoration: none;
1233 background-color: #2F4050;
1235 .tooltip.top .tooltip-arrow {
1236 border-top-color: #2F4050;
1238 .tooltip.right .tooltip-arrow {
1239 border-right-color: #2F4050;
1241 .tooltip.bottom .tooltip-arrow {
1242 border-bottom-color: #2F4050;
1244 .tooltip.left .tooltip-arrow {
1245 border-left-color: #2F4050;
1255 display: inline-block;
1257 .easypiechart canvas {
1261 .easypiechart .easypie-text {
1272 -webkit-box-sizing: content-box;
1273 -moz-box-sizing: content-box;
1274 box-sizing: content-box;
1278 background-color: #ffffff;
1279 background-image: none;
1280 background-repeat: repeat-x;
1290 border: 1px solid #e7eaec;
1292 display: inline-block;
1298 white-space: nowrap;
1301 background-color: #1ab394;
1302 border-color: #1ab394;
1305 .fc-header-title h2 {
1310 .fc-content .fc-widget-header,
1311 .fc-content .fc-widget-content {
1312 border-color: #e7eaec;
1313 font-weight: normal;
1315 .fc-border-separate tbody {
1316 background-color: #F8F8F8;
1318 .fc-state-highlight {
1319 background: none repeat scroll 0 0 #FCF8E3;
1327 .fc-ltr .fc-event-hori.fc-event-end,
1328 .fc-rtl .fc-event-hori.fc-event-start {
1332 .fc-agenda .fc-event-time,
1335 background-color: #1ab394;
1336 /* background color */
1337 border-color: #1ab394;
1345 .ui-calendar .fc-event-time,
1346 .ui-calendar .fc-event-title {
1350 .chat-activity-list .chat-element {
1351 border-bottom: 1px solid #e7eaec;
1353 .chat-element:first-child {
1357 padding-bottom: 15px;
1360 .chat-element .media {
1371 .chat-element > .pull-left {
1374 .chat-element img.img-circle,
1375 .dropdown-messages-box img.img-circle {
1379 .chat-element .well {
1380 border: 1px solid #e7eaec;
1388 .chat-element .actions {
1391 .chat-element .photos {
1394 .right.chat-element > .pull-right {
1402 margin-bottom: 10px;
1410 margin-bottom: 10px;
1411 padding-bottom: 5px;
1412 border-bottom: 1px dotted #B3A9A9;
1414 .chat li.left .chat-body {
1417 .chat li.right .chat-body {
1420 .chat li .chat-body p {
1424 .panel .slidedown .glyphicon,
1428 .chat-panel .panel-body {
1433 a.list-group-item.active,
1434 a.list-group-item.active:hover,
1435 a.list-group-item.active:focus {
1436 background-color: #1ab394;
1437 border-color: #1ab394;
1441 .list-group-item-heading {
1444 .list-group-item-text {
1448 line-height: inherit;
1450 .no-padding .list-group-item {
1453 border-bottom: none;
1455 .no-padding .list-group-item:first-child {
1458 border-bottom: none;
1461 .no-padding .list-group {
1465 background-color: inherit;
1466 border: 1px solid #e7eaec;
1468 margin-bottom: -1px;
1472 .elements-list .list-group-item {
1477 .elements-list .list-group-item:first-child {
1480 border-top: none !important;
1482 .elements-list .list-group {
1488 .elements-list .list-group-item.active,
1489 .elements-list .list-group-item:hover {
1490 background: #f3f3f4;
1492 border-color: #e7eaec;
1493 /*border-bottom: 1px solid #e7eaec;*/
1494 /*border-top: 1px solid #e7eaec;*/
1497 .elements-list li.active {
1500 .element-detail-box {
1508 .widget .flot-chart.dashboard-chart {
1513 .flot-chart.dashboard-chart {
1518 .flot-chart-content {
1522 .flot-chart-pie-content {
1533 background: #2b303a;
1534 background-color: rgba(43, 48, 58, 0.8);
1537 white-space: nowrap;
1539 padding: 5px 5px 5px 5px;
1562 .stat-list li:first-child {
1578 table.dataTable thead .sorting,
1579 table.dataTable thead .sorting_asc:after,
1580 table.dataTable thead .sorting_desc,
1581 table.dataTable thead .sorting_asc_disabled,
1582 table.dataTable thead .sorting_desc_disabled {
1583 background: transparent;
1585 .dataTables_wrapper {
1586 padding-bottom: 30px;
1588 .dataTables_length {
1591 .dataTables_filter label {
1598 border: 1px solid #e7eaec;
1605 .html5buttons a:hover,
1606 .html5buttons a:focus:active {
1607 background-color: #eee;
1609 border-color: #d2d2d2;
1611 div.dt-button-info {
1614 @media (max-width: 768px) {
1619 .dataTables_length {
1631 border-radius: 15px;
1634 line-height: 1.428571429;
1636 .btn-circle.btn-lg {
1640 border-radius: 25px;
1644 .btn-circle.btn-xl {
1648 border-radius: 35px;
1652 .show-grid [class^="col-"] {
1654 padding-bottom: 10px;
1655 border: 1px solid #ddd;
1656 background-color: #eee !important;
1662 .css-animation-box h1 {
1665 .animation-efect-links a {
1670 background-color: #f9f8f8;
1671 border-radius: 16px;
1676 .animation-text-box {
1680 margin-left: -100px;
1683 .animation-text-info {
1687 margin-left: -100px;
1691 .animation-text-box h2 {
1696 .animation-text-box p {
1698 text-transform: uppercase;
1702 -webkit-pointer-events: none;
1703 pointer-events: none;
1704 -webkit-user-select: none;
1705 -moz-user-select: none;
1711 .pace .pace-progress {
1712 background: #1ab394;
1727 margin-bottom: 10px;
1740 border: 1px solid #e7eaec;
1741 background: #ffffff;
1743 .widget-head-color-box {
1744 border-radius: 5px 5px 0 0;
1747 .widget .flot-chart {
1750 .vertical-align div {
1751 display: inline-block;
1752 vertical-align: middle;
1755 .vertical-align h3 {
1759 list-style: none outside none;
1764 .todo-list.small-list {
1767 .todo-list.small-list > li {
1768 background: #f3f3f4;
1774 padding: 6px 6px 6px 12px;
1776 .todo-list.small-list .btn-xs,
1777 .todo-list.small-list .btn-group-xs > .btn {
1781 padding: 1px 2px 1px 5px;
1784 background: #f3f3f4;
1785 border-left: 6px solid #e7eaec;
1786 border-right: 6px solid #e7eaec;
1792 .todo-list .handle {
1794 display: inline-block;
1798 .todo-list > li .label {
1806 text-decoration: line-through;
1813 font-family: "FontAwesome";
1817 display: inline-block !important;
1833 background-color: #FFFFFF;
1834 background-image: none;
1835 border: 1px solid #e5e6e7;
1840 transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
1844 .form-control:focus,
1845 .single-line:focus {
1846 border-color: #1ab394 !important;
1848 .has-success .form-control {
1849 border-color: #1ab394;
1851 .has-warning .form-control {
1852 border-color: #f8ac59;
1854 .has-error .form-control {
1855 border-color: #ed5565;
1857 .has-success .control-label {
1860 .has-warning .control-label {
1863 .has-error .control-label {
1866 .input-group-addon {
1867 background-color: #fff;
1868 border: 1px solid #E5E6E7;
1877 .spinner-buttons.input-group-btn .btn-xs {
1880 .spinner-buttons.input-group-btn {
1884 background: none repeat scroll 0 0 #1ab394;
1887 .slider_red .noUi-connect {
1888 background: none repeat scroll 0 0 #ed5565;
1892 .ui-sortable .ibox-title {
1895 .ui-sortable-placeholder {
1896 border: 1px dashed #cecece !important;
1897 visibility: visible !important;
1898 background: #e7eaec;
1900 .ibox.ui-sortable-placeholder {
1901 margin: 0 0 23px !important;
1907 -webkit-user-select: none;
1908 -moz-user-select: none;
1909 -ms-user-select: none;
1911 .onoffswitch-checkbox {
1914 .onoffswitch-label {
1918 border: 2px solid #1AB394;
1921 .onoffswitch-inner {
1925 -moz-transition: margin 0.3s ease-in 0s;
1926 -webkit-transition: margin 0.3s ease-in 0s;
1927 -o-transition: margin 0.3s ease-in 0s;
1928 transition: margin 0.3s ease-in 0s;
1930 .onoffswitch-inner:before,
1931 .onoffswitch-inner:after {
1940 font-family: Trebuchet, Arial, sans-serif;
1942 -moz-box-sizing: border-box;
1943 -webkit-box-sizing: border-box;
1944 box-sizing: border-box;
1946 .onoffswitch-inner:before {
1949 background-color: #1AB394;
1952 .onoffswitch-inner:after {
1955 background-color: #FFFFFF;
1959 .onoffswitch-switch {
1963 background: #FFFFFF;
1964 border: 2px solid #1AB394;
1970 -moz-transition: all 0.3s ease-in 0s;
1971 -webkit-transition: all 0.3s ease-in 0s;
1972 -o-transition: all 0.3s ease-in 0s;
1973 transition: all 0.3s ease-in 0s;
1975 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
1978 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
1983 -moz-box-sizing: content-box;
1986 border-collapse: separate;
1989 border-collapse: separate;
1991 .ui-jqgrid-titlebar {
1995 background-color: #F9F9F9;
1996 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1998 .ui-jqgrid .ui-jqgrid-title {
2000 margin: 1.1em 1em 0.2em;
2002 .ui-jqgrid .ui-jqgrid-titlebar {
2004 border-left: 0 solid;
2005 border-right: 0 solid;
2006 border-top: 0 solid;
2010 background-image: none;
2011 background-color: #f5f5f6;
2012 text-transform: uppercase;
2013 border-top-left-radius: 0;
2014 border-top-right-radius: 0;
2016 .ui-jqgrid tr.ui-row-ltr td {
2017 border-right-color: inherit;
2018 border-right-style: solid;
2019 border-right-width: 1px;
2021 border-color: #DDDDDD;
2022 background-color: inherit;
2024 .ui-search-toolbar input[type="text"] {
2027 border: 1px solid #CCCCCC;
2031 .ui-widget-content .ui-state-default,
2032 .ui-widget-header .ui-state-default {
2033 background: #F9F9F9;
2034 border: 1px solid #DDDDDD;
2038 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2040 .ui-widget-content {
2041 box-sizing: content-box;
2043 .ui-icon-triangle-1-n {
2044 background-position: 1px -16px;
2046 .ui-jqgrid tr.ui-search-toolbar th {
2047 border-top-width: 0 !important;
2048 border-top-color: inherit !important;
2049 border-top-style: ridge !important;
2052 .ui-widget-content .ui-state-hover,
2054 .ui-widget-content .ui-state-focus,
2055 .ui-widget-header .ui-state-focus {
2056 background: #f5f5f5;
2057 border-collapse: separate;
2059 .ui-state-highlight,
2060 .ui-widget-content .ui-state-highlight,
2061 .ui-widget-header .ui-state-highlight {
2062 background: #f2fbff;
2065 .ui-widget-content .ui-state-active,
2066 .ui-widget-header .ui-state-active {
2067 border: 1px solid #dddddd;
2068 background: #ffffff;
2069 font-weight: normal;
2072 .ui-jqgrid .ui-pg-input {
2075 border: 1px solid #CCCCCC;
2078 .ui-jqgrid .ui-pg-selbox {
2086 .ui-jqgrid .ui-pager-control {
2089 .ui-jqgrid .ui-jqgrid-pager {
2093 .ui-pg-table .navtable .ui-corner-all {
2096 .ui-jqgrid .ui-pg-button:hover {
2100 .ui-jqgrid .loading {
2112 border-width: 2px !important;
2115 .ui-jqgrid .form-control {
2128 border-top-left-radius: 0;
2134 border-top-right-radius: 0;
2140 border-bottom-left-radius: 0;
2146 border-bottom-right-radius: 0;
2148 .ui-widget-content {
2149 border: 1px solid #ddd;
2151 .ui-jqgrid .ui-jqgrid-titlebar {
2154 .ui-jqgrid .ui-jqgrid-titlebar {
2155 border-bottom: 1px solid #ddd;
2157 .ui-jqgrid tr.jqgrow td {
2160 .ui-jqdialog .ui-jqdialog-titlebar {
2163 .ui-jqdialog .ui-jqdialog-title {
2164 float: none !important;
2166 .ui-jqdialog > .ui-resizable-se {
2189 .dd-collapsed .dd-list {
2208 text-decoration: none;
2209 border: 1px solid #e7eaec;
2210 background: #f5f5f5;
2211 -webkit-border-radius: 3px;
2213 box-sizing: border-box;
2214 -moz-box-sizing: border-box;
2220 background: #f0f0f0;
2234 white-space: nowrap;
2237 background: transparent;
2243 .dd-item > button:before {
2251 .dd-item > button[data-action="collapse"]:before {
2254 #nestable2 .dd-item > button {
2255 font-family: FontAwesome;
2260 #nestable2 .dd-item > button:before {
2263 #nestable2 .dd-item > button[data-action="collapse"]:before {
2271 background: #f2fbff;
2272 border: 1px dashed #b6bcbf;
2273 box-sizing: border-box;
2274 -moz-box-sizing: border-box;
2277 border: 1px dashed #bbb;
2279 background-color: #e5e5e5;
2280 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);
2281 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);
2282 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);
2283 background-size: 60px 60px;
2284 background-position: 0 0, 30px 30px;
2289 pointer-events: none;
2291 .dd-dragel > .dd-item .dd-handle {
2294 .dd-dragel .dd-handle {
2295 -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
2296 box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
2307 border-top: 2px solid #ddd;
2308 border-bottom: 2px solid #ddd;
2312 margin: 10px 0 20px 0;
2318 line-height: 1.333333em;
2319 font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
2321 box-sizing: border-box;
2322 -moz-box-sizing: border-box;
2324 #nestable2 .dd-handle {
2326 border: 1px dashed #e7eaec;
2327 background: #f3f3f4;
2330 #nestable2 .dd-handle:hover {
2331 /*background: #bbb;*/
2333 #nestable2 span.label {
2340 box-sizing: border-box;
2341 -moz-box-sizing: border-box;
2345 border: 1px solid #eee;
2348 .CodeMirror-scroll {
2359 display: inline-block;
2362 .form-control.error {
2363 border: 1px dotted #cc5965;
2367 border: 1px solid #d4d4d4;
2372 border: 1px solid #d4d4d4;
2378 border-bottom: 1px solid #e7eaec;
2384 background: #F5F5F6;
2387 background: #f9f9f9;
2390 background: #EBF2F1;
2393 border-bottom: 1px solid #e7eaec;
2396 background-color: transparent;
2401 /* Toastr custom style */
2402 #toast-container > .toast {
2403 background-image: none !important;
2405 #toast-container > .toast:before {
2407 font-family: FontAwesome;
2412 padding-right: 0.5em;
2413 margin: auto 0.5em auto -1.5em;
2415 #toast-container > .toast-warning:before {
2418 #toast-container > .toast-error:before {
2421 #toast-container > .toast-info:before {
2424 #toast-container > .toast-success:before {
2427 #toast-container > div {
2428 -moz-box-shadow: 0 0 3px #999;
2429 -webkit-box-shadow: 0 0 3px #999;
2430 box-shadow: 0 0 3px #999;
2432 -ms-filter: alpha(opacity=90);
2433 filter: alpha(opacity=90);
2435 #toast-container > :hover {
2436 -moz-box-shadow: 0 0 4px #999;
2437 -webkit-box-shadow: 0 0 4px #999;
2438 box-shadow: 0 0 4px #999;
2440 -ms-filter: alpha(opacity=100);
2441 filter: alpha(opacity=100);
2445 background-color: #1ab394;
2448 background-color: #1ab394;
2451 background-color: #ed5565;
2454 background-color: #23c6c8;
2457 background-color: #f8ac59;
2459 .toast-top-full-width {
2462 .toast-bottom-full-width {
2463 margin-bottom: 20px;
2466 .cg-notify-message.inspinia-notify {
2469 box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
2470 -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
2471 -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
2476 .inspinia-notify.alert-warning {
2477 border-left: 6px solid #f8ac59;
2479 .inspinia-notify.alert-success {
2480 border-left: 6px solid #1c84c6;
2482 .inspinia-notify.alert-danger {
2483 border-left: 6px solid #ed5565;
2485 .inspinia-notify.alert-info {
2486 border-left: 6px solid #1ab394;
2488 /* Image cropper style */
2500 .forum-post-container .media {
2501 margin: 10px 10px 10px 10px;
2502 padding: 20px 10px 20px 10px;
2503 border-bottom: 1px solid #f1f1f1;
2511 .forum-avatar .img-circle {
2522 padding: 9px 12px 6px 12px;
2523 background: #f9f9f9;
2524 border: 1px solid #f1f1f1;
2526 .media-body > .media {
2527 background: #f9f9f9;
2529 border: 1px solid #f1f1f1;
2531 .forum-post-container .media-body .photos {
2538 .media-body > .media .forum-avatar {
2542 .media-body > .media .forum-avatar .img-circle {
2551 padding: 10px 0 20px;
2552 border-bottom: 1px solid #f1f1f1;
2560 .forum-post-container {
2561 padding: 30px !important;
2566 .forum-item .forum-sub-title {
2571 margin: 15px 0 15px 0;
2585 a.forum-item-title {
2591 a.forum-item-title:hover {
2599 .forum-item.active .fa {
2602 .forum-item.active a.forum-item-title {
2605 @media (max-width: 992px) {
2607 margin: 15px 0 10px 0;
2608 /* Comment this is you want to show forum info in small devices */
2612 float: none !important;
2615 /* New Timeline style */
2616 .vertical-container {
2617 /* 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 */
2622 .vertical-container::after {
2628 #vertical-timeline {
2634 #vertical-timeline::before {
2641 background: #f1f1f1;
2643 .vertical-timeline-content .btn {
2646 #vertical-timeline.light-timeline:before {
2647 background: #e7eaec;
2649 .dark-timeline .vertical-timeline-content:before {
2650 border-color: transparent #f5f5f5 transparent transparent;
2652 .dark-timeline.center-orientation .vertical-timeline-content:before {
2653 border-color: transparent transparent transparent #f5f5f5;
2655 .dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
2656 .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
2657 border-color: transparent #f5f5f5 transparent transparent;
2659 .dark-timeline .vertical-timeline-content,
2660 .dark-timeline.center-orientation .vertical-timeline-content {
2661 background: #f5f5f5;
2663 @media only screen and (min-width: 1170px) {
2664 #vertical-timeline.center-orientation {
2668 #vertical-timeline.center-orientation:before {
2673 @media only screen and (max-width: 1170px) {
2674 .center-orientation.dark-timeline .vertical-timeline-content:before {
2675 border-color: transparent #f5f5f5 transparent transparent;
2678 .vertical-timeline-block {
2682 .vertical-timeline-block:after {
2687 .vertical-timeline-block:first-child {
2690 .vertical-timeline-block:last-child {
2693 @media only screen and (min-width: 1170px) {
2694 .center-orientation .vertical-timeline-block {
2697 .center-orientation .vertical-timeline-block:first-child {
2700 .center-orientation .vertical-timeline-block:last-child {
2704 .vertical-timeline-icon {
2712 border: 3px solid #f1f1f1;
2715 .vertical-timeline-icon i {
2725 @media only screen and (min-width: 1170px) {
2726 .center-orientation .vertical-timeline-icon {
2731 -webkit-transform: translateZ(0);
2732 -webkit-backface-visibility: hidden;
2735 .center-orientation .vertical-timeline-icon i {
2739 .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
2743 .vertical-timeline-content {
2747 border-radius: 0.25em;
2750 .vertical-timeline-content:after {
2755 .vertical-timeline-content h2 {
2759 .vertical-timeline-content p {
2763 .vertical-timeline-content .vertical-date {
2767 .vertical-date small {
2771 .vertical-timeline-content::before {
2778 border: 7px solid transparent;
2779 border-right: 7px solid white;
2781 @media only screen and (min-width: 768px) {
2782 .vertical-timeline-content h2 {
2785 .vertical-timeline-content p {
2789 @media only screen and (min-width: 1170px) {
2790 .center-orientation .vertical-timeline-content {
2795 .center-orientation .vertical-timeline-content::before {
2798 border-color: transparent;
2799 border-left-color: white;
2801 .center-orientation .vertical-timeline-content .btn {
2804 .center-orientation .vertical-timeline-content .vertical-date {
2811 .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
2814 .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
2818 border-color: transparent;
2819 border-right-color: white;
2821 .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
2824 .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
2829 .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
2834 .tabs-container .panel-body {
2836 border: 1px solid #e7eaec;
2841 .tabs-container .nav-tabs > li.active > a,
2842 .tabs-container .nav-tabs > li.active > a:hover,
2843 .tabs-container .nav-tabs > li.active > a:focus {
2844 border: 1px solid #e7eaec;
2845 border-bottom-color: transparent;
2846 background-color: #fff;
2848 .tabs-container .nav-tabs > li {
2850 margin-bottom: -1px;
2852 .tabs-container .tab-pane .panel-body {
2855 .tabs-container .nav-tabs > li.active > a,
2856 .tabs-container .nav-tabs > li.active > a:hover,
2857 .tabs-container .nav-tabs > li.active > a:focus {
2858 border: 1px solid #e7eaec;
2859 border-bottom-color: transparent;
2861 .tabs-container .nav-tabs {
2862 border-bottom: 1px solid #e7eaec;
2864 .tabs-container .tab-pane .panel-body {
2867 .tabs-container .tabs-left .tab-pane .panel-body,
2868 .tabs-container .tabs-right .tab-pane .panel-body {
2869 border-top: 1px solid #e7eaec;
2871 .tabs-container .nav-tabs > li a:hover {
2872 background: transparent;
2873 border-color: transparent;
2875 .tabs-container .tabs-below > .nav-tabs,
2876 .tabs-container .tabs-right > .nav-tabs,
2877 .tabs-container .tabs-left > .nav-tabs {
2880 .tabs-container .tabs-left .panel-body {
2883 .tabs-container .tabs-left > .nav-tabs,
2884 .tabs-container .tabs-right > .nav-tabs {
2887 .tabs-container .tabs-left .panel-body {
2891 .tabs-container .tabs-right .panel-body {
2895 .tabs-container .tab-content > .tab-pane,
2896 .tabs-container .pill-content > .pill-pane {
2899 .tabs-container .tab-content > .active,
2900 .tabs-container .pill-content > .active {
2903 .tabs-container .tabs-below > .nav-tabs {
2904 border-top: 1px solid #e7eaec;
2906 .tabs-container .tabs-below > .nav-tabs > li {
2910 .tabs-container .tabs-below > .nav-tabs > li > a {
2911 -webkit-border-radius: 0 0 4px 4px;
2912 -moz-border-radius: 0 0 4px 4px;
2913 border-radius: 0 0 4px 4px;
2915 .tabs-container .tabs-below > .nav-tabs > li > a:hover,
2916 .tabs-container .tabs-below > .nav-tabs > li > a:focus {
2917 border-top-color: #e7eaec;
2918 border-bottom-color: transparent;
2920 .tabs-container .tabs-left > .nav-tabs > li,
2921 .tabs-container .tabs-right > .nav-tabs > li {
2924 .tabs-container .tabs-left > .nav-tabs > li > a,
2925 .tabs-container .tabs-right > .nav-tabs > li > a {
2930 .tabs-container .tabs-left > .nav-tabs {
2934 .tabs-container .tabs-left > .nav-tabs > li > a {
2936 -webkit-border-radius: 4px 0 0 4px;
2937 -moz-border-radius: 4px 0 0 4px;
2938 border-radius: 4px 0 0 4px;
2940 .tabs-container .tabs-left > .nav-tabs .active > a,
2941 .tabs-container .tabs-left > .nav-tabs .active > a:hover,
2942 .tabs-container .tabs-left > .nav-tabs .active > a:focus {
2943 border-color: #e7eaec transparent #e7eaec #e7eaec;
2944 *border-right-color: #ffffff;
2946 .tabs-container .tabs-right > .nav-tabs {
2950 .tabs-container .tabs-right > .nav-tabs > li > a {
2952 -webkit-border-radius: 0 4px 4px 0;
2953 -moz-border-radius: 0 4px 4px 0;
2954 border-radius: 0 4px 4px 0;
2956 .tabs-container .tabs-right > .nav-tabs .active > a,
2957 .tabs-container .tabs-right > .nav-tabs .active > a:hover,
2958 .tabs-container .tabs-right > .nav-tabs .active > a:focus {
2959 border-color: #e7eaec #e7eaec #e7eaec transparent;
2960 *border-left-color: #ffffff;
2963 @media (max-width: 767px) {
2964 .tabs-container .nav-tabs > li {
2965 float: none !important;
2967 .tabs-container .nav-tabs > li.active > a {
2968 border-bottom: 1px solid #e7eaec !important;
2973 .jvectormap-container {
2982 border: solid 1px #CDCDCD;
2984 background: #292929;
2986 font-family: sans-serif, Verdana;
2991 .jvectormap-zoomout,
2992 .jvectormap-goback {
2996 background: #1ab394;
3002 box-sizing: content-box;
3005 .jvectormap-zoomout {
3009 .jvectormap-zoomin {
3012 .jvectormap-zoomout {
3015 .jvectormap-goback {
3020 .jvectormap-spinner {
3026 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==);
3028 .jvectormap-legend-title {
3033 .jvectormap-legend-cnt {
3036 .jvectormap-legend-cnt-h {
3040 .jvectormap-legend-cnt-v {
3044 .jvectormap-legend {
3049 .jvectormap-legend-cnt-h .jvectormap-legend {
3051 margin: 0 10px 10px 0;
3052 padding: 3px 3px 1px 3px;
3054 .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
3057 .jvectormap-legend-cnt-v .jvectormap-legend {
3058 margin: 10px 10px 0 0;
3061 .jvectormap-legend-cnt-h .jvectormap-legend-tick {
3064 .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
3067 .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
3070 display: inline-block;
3071 vertical-align: middle;
3073 .jvectormap-legend-tick-text {
3076 .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
3079 .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
3080 display: inline-block;
3081 vertical-align: middle;
3087 .slick-next:before {
3088 color: #1ab394 !important;
3092 background: #ffffff;
3094 margin-bottom: 25px;
3095 border: 1px solid #e7eaec;
3101 .payments-method.panel-group .panel + .panel {
3104 .payments-method .panel-heading {
3107 .payments-method .panel {
3110 .payments-method .panel-heading h5 {
3113 .payments-method .panel-heading i {
3116 /* Select2 custom styles */
3117 .select2-container--default .select2-selection--single,
3118 .select2-container--default .select2-selection--multiple {
3119 border-color: #e7eaec;
3122 .tour-tour .btn.btn-default {
3123 background-color: #ffffff;
3124 border: 1px solid #d2d2d2;
3127 .tour-step-backdrop {
3134 .popover[class*=tour-] {
3137 body.tour-open .animated {
3138 animation-fill-mode: initial;
3141 .resizable-panels .ibox {
3149 .resizable-panels .ibox .ibox-content {
3150 height: calc(100% - 49px);
3152 .ui-resizable-helper {
3153 background: rgba(211, 211, 211, 0.4);
3155 /* Wizard step fix */
3156 .wizard > .content > .body {
3161 background: #ebebed;
3166 .sidebard-panel .feed-element img.img-circle {
3170 .sidebard-panel .feed-element,
3175 .sidebard-panel .feed-element {
3179 .sidebard-panel .list-group {
3180 margin-bottom: 10px;
3182 .sidebard-panel .list-group .list-group-item {
3187 .sidebar-content .wrapper,
3188 .wrapper.sidebar-content {
3189 padding-right: 230px !important;
3191 .body-small .sidebar-content .wrapper,
3192 .body-small .wrapper.sidebar-content {
3193 padding-right: 20px !important;
3196 background-color: #fff;
3197 border-left: 1px solid #e7eaec;
3198 border-top: 1px solid #e7eaec;
3202 width: 260px !important;
3207 #right-sidebar.sidebar-open {
3210 #right-sidebar.sidebar-open.sidebar-top {
3214 .sidebar-container ul.nav-tabs {
3217 .sidebar-container ul.nav-tabs.navs-4 li {
3220 .sidebar-container ul.nav-tabs.navs-3 li {
3223 .sidebar-container ul.nav-tabs.navs-2 li {
3226 .sidebar-container ul.nav-tabs li {
3229 .sidebar-container ul.nav-tabs li a {
3234 background: #2f4050;
3237 border-right: 1px solid #334556;
3239 .sidebar-container ul.nav-tabs li.active a {
3241 background: #f9f9f9;
3245 .sidebar-container .nav-tabs > li.active > a:hover,
3246 .sidebar-container .nav-tabs > li.active > a:focus {
3249 .sidebar-container ul.sidebar-list {
3253 .sidebar-container ul.sidebar-list li {
3254 border-bottom: 1px solid #e7eaec;
3259 .sidebar-container .sidebar-message:nth-child(2n+2) {
3260 background: #f9f9f9;
3262 .sidebar-container ul.sidebar-list li a {
3263 text-decoration: none;
3266 .sidebar-container .sidebar-content {
3270 .sidebar-container .sidebar-title {
3271 background: #f9f9f9;
3273 border-bottom: 1px solid #e7eaec;
3275 .sidebar-container .sidebar-title h3 {
3279 .sidebar-container .tab-content h4 {
3282 .sidebar-container .sidebar-message > a > .pull-left {
3285 .sidebar-container .sidebar-message > a {
3286 text-decoration: none;
3289 .sidebar-container .sidebar-message {
3292 .sidebar-container .sidebar-message .message-avatar {
3297 .sidebar-container .setings-item {
3299 border-bottom: 1px solid #e7eaec;
3302 font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3303 background-color: #2f4050;
3312 body.full-height-layout #wrapper,
3313 body.full-height-layout #page-wrapper {
3320 background: url('patterns/shattered.png');
3322 body.boxed-layout #wrapper {
3323 background-color: #2f4050;
3326 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
3327 -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
3328 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
3330 .top-navigation.boxed-layout #wrapper,
3331 .boxed-layout #wrapper.top-navigation {
3332 max-width: 1300px !important;
3346 text-decoration: none;
3349 border-bottom: 1px solid #e7eaec !important;
3358 text-transform: uppercase;
3361 border-right: 1px solid #e7eaec;
3364 border-top: 1px dashed #e7eaec;
3366 background-color: #ffffff;
3371 border-bottom: 1px solid #e7eaec;
3372 background-color: rgba(0, 0, 0, 0);
3373 border-style: solid !important;
3375 margin-bottom: 15px;
3378 width: 100% !important;
3379 height: auto !important;
3382 .gallery > .row > div {
3383 margin-bottom: 15px;
3390 /* Summernote text editor */
3392 height: auto !important;
3395 .note-editor.fullscreen {
3400 background-clip: padding-box;
3401 background-color: #FFFFFF;
3402 border: 1px solid rgba(0, 0, 0, 0);
3404 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
3412 padding: 20px 30px 30px 30px;
3414 .inmodal .modal-body {
3415 background: #f8fafb;
3417 .inmodal .modal-header {
3421 .animated.modal.fade .modal-dialog {
3422 -webkit-transform: none;
3423 -ms-transform: none;
3427 .inmodal .modal-title {
3430 .inmodal .modal-icon {
3446 padding: 20px 10px 40px;
3451 position: relative !important;
3453 @media (min-width: 768px) {
3456 margin: 0 0 0 240px;
3478 list-style: none outside none;
3482 font-size: 160px !important;
3487 background: none repeat scroll 0 0 white;
3488 border-top: 1px solid #e7eaec;
3495 .footer.fixed_full {
3503 border-top: 1px solid #e7eaec;
3513 border-top: 1px solid #e7eaec;
3516 body.mini-navbar .footer.fixed,
3517 body.body-small.mini-navbar .footer.fixed {
3520 body.mini-navbar.canvas-menu .footer.fixed,
3521 body.canvas-menu .footer.fixed {
3522 margin: 0 !important;
3524 body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
3525 margin: 0 0 0 220px;
3527 body.body-small .footer.fixed {
3533 padding: 0 10px 20px 10px;
3541 border: 1px solid #EBEBEB;
3543 .table-bordered > thead > tr > th,
3544 .table-bordered > thead > tr > td {
3545 background-color: #F5F5F6;
3546 border-bottom-width: 1px;
3548 .table-bordered > thead > tr > th,
3549 .table-bordered > tbody > tr > th,
3550 .table-bordered > tfoot > tr > th,
3551 .table-bordered > thead > tr > td,
3552 .table-bordered > tbody > tr > td,
3553 .table-bordered > tfoot > tr > td {
3554 border: 1px solid #e7e7e7;
3556 .table > thead > tr > th {
3557 border-bottom: 1px solid #DDDDDD;
3558 vertical-align: bottom;
3560 .table > thead > tr > th,
3561 .table > tbody > tr > th,
3562 .table > tfoot > tr > th,
3563 .table > thead > tr > td,
3564 .table > tbody > tr > td,
3565 .table > tfoot > tr > td {
3566 border-top: 1px solid #e7eaec;
3567 line-height: 1.42857;
3569 vertical-align: top;
3572 .panel.blank-panel {
3576 .blank-panel .panel-heading {
3579 .nav-tabs > li.active > a,
3580 .nav-tabs > li.active > a:hover,
3581 .nav-tabs > li.active > a:focus {
3582 -moz-border-bottom-colors: none;
3583 -moz-border-left-colors: none;
3584 -moz-border-right-colors: none;
3585 -moz-border-top-colors: none;
3587 border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
3588 border-bottom: #f3f3f4;
3590 border-style: solid;
3599 .nav-tabs > li > a {
3602 padding: 10px 20px 10px 25px;
3604 .nav-tabs > li > a:hover,
3605 .nav-tabs > li > a:focus {
3606 background-color: #e6e6e6;
3609 .ui-tab .tab-content {
3614 padding: 0 !important;
3617 border: none !important;
3620 margin: 0 !important;
3623 border-top: 0 !important;
3625 .ibox-content.text-box {
3629 .border-left-right {
3630 border-left: 1px solid #e7eaec;
3631 border-right: 1px solid #e7eaec;
3633 border-bottom: none;
3636 border-left: 1px solid #e7eaec;
3639 border-bottom: none;
3643 border-right: 1px solid #e7eaec;
3645 border-bottom: none;
3648 width: 100% !important;
3654 .nav.navbar-top-links .link-block a {
3661 body.mini-navbar .branding {
3665 border: 6px solid #FFFFFF;
3675 background-color: #1ab394;
3682 margin-bottom: 10px;
3684 .icons-box .infont a i {
3689 .icons-box .infont a {
3692 .icons-box .infont a {
3697 .ui-draggable .ibox-title {
3701 background-color: #ffffff;
3705 .breadcrumb > li a {
3708 .breadcrumb > .active {
3712 background-color: #F9F2F4;
3717 white-space: nowrap;
3721 margin-bottom: 25px;
3725 .ibox.collapsed .ibox-content {
3728 .ibox.collapsed .fa.fa-chevron-up:before {
3731 .ibox.collapsed .fa.fa-chevron-down:before {
3739 -moz-border-bottom-colors: none;
3740 -moz-border-left-colors: none;
3741 -moz-border-right-colors: none;
3742 -moz-border-top-colors: none;
3743 background-color: #ffffff;
3744 border-color: #e7eaec;
3746 border-style: solid solid none;
3747 border-width: 3px 0 0;
3750 padding: 14px 15px 7px;
3754 background-color: #ffffff;
3756 padding: 15px 20px 20px 20px;
3757 border-color: #e7eaec;
3759 border-style: solid solid none;
3760 border-width: 1px 0;
3764 border-top: 1px solid #e7eaec;
3766 background: #ffffff;
3769 table.table-mail tr td {
3772 .table-mail .check-mail {
3775 .table-mail .mail-date {
3776 padding-right: 20px;
3789 font-weight: normal;
3793 background-color: #f9f8f8;
3799 background-color: #f3f6fb;
3800 border-bottom: none;
3807 display: inline-block;
3811 text-overflow: ellipsis;
3814 .ibox-title .label {
3831 .ibox-tools a.btn-primary {
3834 .ibox-tools .dropdown-menu > li > a {
3838 .ibox .ibox-tools.open > .dropdown-menu {
3844 background-color: #f3f3f4;
3847 background-color: #ffffff;
3850 background-color: #1ab394;
3854 background-color: #1c84c6;
3858 background-color: #23c6c8;
3862 background-color: #f8ac59;
3866 background-color: #ed5565;
3870 background-color: #262626;
3873 border-color: #1ab394;
3875 .panel-primary > .panel-heading {
3876 background-color: #1ab394;
3877 border-color: #1ab394;
3880 border-color: #1c84c6;
3882 .panel-success > .panel-heading {
3883 background-color: #1c84c6;
3884 border-color: #1c84c6;
3888 border-color: #23c6c8;
3890 .panel-info > .panel-heading {
3891 background-color: #23c6c8;
3892 border-color: #23c6c8;
3896 border-color: #f8ac59;
3898 .panel-warning > .panel-heading {
3899 background-color: #f8ac59;
3900 border-color: #f8ac59;
3904 border-color: #ed5565;
3906 .panel-danger > .panel-heading {
3907 background-color: #ed5565;
3908 border-color: #ed5565;
3912 background-color: #1ab394;
3915 .progress-small .progress-bar {
3923 .progress-mini .progress-bar {
3927 .progress-bar-navy-light {
3928 background-color: #3dc7ab;
3930 .progress-bar-success {
3931 background-color: #1c84c6;
3933 .progress-bar-info {
3934 background-color: #23c6c8;
3936 .progress-bar-warning {
3937 background-color: #f8ac59;
3939 .progress-bar-danger {
3940 background-color: #ed5565;
3978 background-color: #f3f3f4;
3979 border: 1px solid #e7eaec;
3986 display: inline-block;
3989 -webkit-box-shadow: 0 0 3px 0 #919191;
3990 -moz-box-shadow: 0 0 3px 0 #919191;
3991 box-shadow: 0 0 3px 0 #919191;
3993 /* For handle diferent bg color in AngularJS version */
3994 .dashboards\.dashboard_2 nav.navbar,
3995 .dashboards\.dashboard_3 nav.navbar,
3996 .mailbox\.inbox nav.navbar,
3997 .mailbox\.email_view nav.navbar,
3998 .mailbox\.email_compose nav.navbar,
3999 .dashboards\.dashboard_4_1 nav.navbar,
4000 .metrics nav.navbar,
4001 .metrics\.index nav.navbar,
4002 .dashboards\.dashboard_5 nav.navbar {
4005 /* For handle diferent bg color in MVC version */
4006 .Dashboard_2 .navbar.navbar-static-top,
4007 .Dashboard_3 .navbar.navbar-static-top,
4008 .Dashboard_4_1 .navbar.navbar-static-top,
4009 .ComposeEmail .navbar.navbar-static-top,
4010 .EmailView .navbar.navbar-static-top,
4011 .Inbox .navbar.navbar-static-top,
4012 .Metrics .navbar.navbar-static-top,
4013 .Dashboard_5 .navbar.navbar-static-top {
4016 a.close-canvas-menu {
4023 a.close-canvas-menu:hover {
4026 .close-canvas-menu {
4029 .canvas-menu .close-canvas-menu {
4032 .light-navbar .navbar.navbar-static-top {
4033 background-color: #ffffff;
4040 height: calc(100% - 196px);
4045 height: calc(100% - 99px);
4056 z-index: 2040 !important;
4059 z-index: 2050 !important;
4065 /* MARGINS & PADDINGS */
4127 margin: 0 !important;
4247 margin-right: -10px;
4250 margin-right: -15px;
4253 margin-right: -20px;
4256 margin-right: -30px;
4259 margin-right: -40px;
4271 margin-bottom: 10px;
4274 margin-bottom: 15px;
4277 margin-bottom: 20px;
4280 margin-bottom: 30px;
4283 margin-bottom: 40px;
4286 margin-bottom: -1px;
4289 margin-bottom: -5px;
4292 margin-bottom: -10px;
4295 margin-bottom: -15px;
4298 margin-bottom: -20px;
4301 margin-bottom: -30px;
4304 margin-bottom: -40px;
4318 .fullscreen-ibox-mode .animated {
4321 body.fullscreen-ibox-mode {
4334 .ibox.fullscreen .collapse-link {
4337 .ibox.fullscreen .ibox-content {
4338 min-height: calc(100% - 48px);
4341 padding-right: inherit !important;
4343 body.modal-open .animated {
4344 animation-fill-mode: initial;
4347 /* Show profile dropdown on fixed sidebar */
4348 body.mini-navbar.fixed-sidebar .profile-element,
4350 display: block !important;
4352 body.mini-navbar.fixed-sidebar .nav-header {
4355 body.mini-navbar.fixed-sidebar .logo-element {
4358 .fullscreen-video .animated {
4369 .search-result .search-link {
4378 background-color: #ffffff;
4379 border: 1px solid #e7eaec;
4381 margin-bottom: 20px;
4386 .contact-box.center-version {
4387 border: 1px solid #e7eaec;
4390 .contact-box.center-version > a {
4392 background-color: #ffffff;
4396 .contact-box.center-version > a img {
4400 margin-bottom: 10px;
4402 .contact-box.center-version address {
4405 .contact-box .contact-box-footer {
4407 background-color: #ffffff;
4408 border-top: 1px solid #e7eaec;
4412 .invoice-table tbody > tr > td:last-child,
4413 .invoice-table tbody > tr > td:nth-child(4),
4414 .invoice-table tbody > tr > td:nth-child(3),
4415 .invoice-table tbody > tr > td:nth-child(2) {
4418 .invoice-table thead > tr > th:last-child,
4419 .invoice-table thead > tr > th:nth-child(4),
4420 .invoice-table thead > tr > th:nth-child(3),
4421 .invoice-table thead > tr > th:nth-child(2) {
4424 .invoice-total > tbody > tr > td:first-child {
4427 .invoice-total > tbody > tr > td {
4430 .invoice-total > tbody > tr > td:last-child {
4431 border-bottom: 1px solid #DDDDDD;
4435 /* ERROR & LOGIN & LOCKSCREEN*/
4442 .lockscreen.middle-box {
4446 .loginscreen.middle-box {
4452 padding: 100px 20px 20px 20px;
4457 padding: 100px 20px 20px 20px;
4463 letter-spacing: -10px;
4469 .wrapper .middle-box {
4477 margin-left: -470px;
4483 display: inline-block;
4485 .lock-word .first-word {
4486 margin-right: 160px;
4491 padding: 20px 20px 20px 20px;
4493 .dashboard-header h2 {
4498 border-top: none !important;
4503 .dashboard-header .list-group-item span.label {
4506 .list-group.clear-list .list-group-item {
4507 border-top: 1px solid #e7eaec;
4513 ul.clear-list:first-child {
4514 border-top: none !important;
4517 .timeline-item .date i {
4524 border-top: 1px solid #e7eaec;
4525 border-bottom: 1px solid #e7eaec;
4526 border-left: 1px solid #e7eaec;
4527 background: #f8f8f8;
4529 .timeline-item .date {
4535 .timeline-item .content {
4536 border-left: 1px solid #e7eaec;
4537 border-top: 1px solid #e7eaec;
4541 .timeline-item .content:hover {
4542 background: #f6f6f6;
4554 text-decoration: none;
4563 ul.notes li div small {
4576 margin: 10px 40px 50px 0;
4583 text-decoration: none;
4591 -moz-box-shadow: 5px 5px 2px #212121;
4593 -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
4595 box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
4598 -webkit-transform: rotate(-6deg);
4599 -o-transform: rotate(-6deg);
4600 -moz-transform: rotate(-6deg);
4602 ul.notes li:nth-child(even) div {
4603 -o-transform: rotate(4deg);
4604 -webkit-transform: rotate(4deg);
4605 -moz-transform: rotate(4deg);
4609 ul.notes li:nth-child(3n) div {
4610 -o-transform: rotate(-3deg);
4611 -webkit-transform: rotate(-3deg);
4612 -moz-transform: rotate(-3deg);
4616 ul.notes li:nth-child(5n) div {
4617 -o-transform: rotate(5deg);
4618 -webkit-transform: rotate(5deg);
4619 -moz-transform: rotate(5deg);
4623 ul.notes li div:hover,
4624 ul.notes li div:focus {
4625 -webkit-transform: scale(1.1);
4626 -moz-transform: scale(1.1);
4627 -o-transform: scale(1.1);
4632 text-decoration: none;
4639 -moz-box-shadow: 5px 5px 7px #212121;
4640 -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
4641 box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
4642 -moz-transition: -moz-transform 0.15s linear;
4643 -o-transition: -o-transform 0.15s linear;
4644 -webkit-transition: -webkit-transform 0.15s linear;
4652 text-transform: uppercase;
4655 list-style: none outside none;
4665 border-bottom: 1px solid #e7eaec;
4672 .category-list li a {
4680 .category-list li i {
4684 .category-list li a .text-navy {
4687 .category-list li a .text-primary {
4690 .category-list li a .text-info {
4693 .category-list li a .text-danger {
4696 .category-list li a .text-warning {
4699 .file-manager h5.tag-title {
4707 background-color: #f3f3f4;
4711 border: 1px solid #e7eaec;
4717 border: 1px solid #e7eaec;
4719 background-color: #ffffff;
4721 margin-bottom: 20px;
4724 .file-manager .hr-line-dashed {
4741 .file-control.active {
4742 text-decoration: underline;
4750 background-color: #f8f8f8;
4751 border-top: 1px solid #e7eaec;
4758 display: inline-block;
4762 border: 0.6em solid transparent;
4763 border-right: 0.6em solid #f1f1f1;
4764 border-bottom: 0.6em solid #f1f1f1;
4776 border-top: none !important;
4785 .profile-image img {
4792 .feed-activity-list .feed-element {
4793 border-bottom: 1px solid #e7eaec;
4795 .feed-element:first-child {
4799 padding-bottom: 15px;
4802 .feed-element .media {
4809 .feed-element > .pull-left {
4812 .feed-element img.img-circle,
4813 .dropdown-messages-box img.img-circle {
4817 .feed-element .well {
4818 border: 1px solid #e7eaec;
4826 .feed-element .actions {
4829 .feed-element .photos {
4837 margin-bottom: 10px;
4843 border: 1px solid #e7eaec;
4849 .file-list li a:hover {
4860 background-color: #ffffff;
4861 border: 1px solid #e7eaec;
4864 margin-bottom: 20px;
4867 background-color: #ffffff;
4868 border: 1px solid #e7eaec;
4870 padding: 30px 20px 20px 20px;
4872 .mail-box-header h2 {
4875 .mailbox-content .tag-list li a {
4876 background: #ffffff;
4879 border-top: 1px solid #e7eaec;
4883 border-top: 1px solid #e7eaec;
4885 .mail-text .note-toolbar {
4888 .mail-body .form-group {
4891 .mail-text .note-editor .note-toolbar {
4892 background-color: #F9F8F8;
4895 border-top: 1px solid #e7eaec;
4911 vertical-align: middle;
4917 .project-people img {
4926 .project-list table tr td {
4928 border-bottom: 1px solid #e7eaec;
4930 vertical-align: middle;
4932 .project-manager .tag-list li a {
4934 background-color: white;
4938 border: 1px solid #e7eaec;
4943 .project-files li a {
4961 .faq-question:hover {
4966 background: #f3f3f4;
4967 border: 1px solid #e7eaec;
4971 .faq-item .tag-item {
4972 background: #f3f3f4;
4975 text-transform: uppercase;
4979 height: 90px !important;
4992 border-bottom: 1px solid #e7eaec;
5004 @media (max-width: 992px) {
5010 .chat-view .ibox-content {
5019 border: 1px solid #e7eaec;
5023 .chat-discussion .chat-message.left .message-avatar {
5027 .chat-discussion .chat-message.right .message-avatar {
5032 background-color: #fff;
5033 border: 1px solid #e7eaec;
5040 .chat-discussion .chat-message.left .message-date {
5043 .chat-discussion .chat-message.right .message-date {
5046 .chat-discussion .chat-message.left .message {
5050 .chat-discussion .chat-message.right .message {
5071 .chat-message-form .form-group {
5075 .jstree-open > .jstree-anchor > .fa-folder:before {
5078 .jstree-default .jstree-icon.none {
5085 .clients-list .tab-pane {
5093 .clients-list table tr td {
5095 vertical-align: middle;
5102 .client-link:hover {
5108 .client-avatar img {
5120 .client-detail .vertical-timeline-content p {
5123 .client-detail .vertical-timeline-icon.gray-bg {
5126 .clients-list .nav-tabs > li.active > a,
5127 .clients-list .nav-tabs > li.active > a:hover,
5128 .clients-list .nav-tabs > li.active > a:focus {
5129 border-bottom: 1px solid #fff;
5152 margin: 40px 0 100px 0;
5154 .article .ibox-content {
5158 .issue-tracker .btn-link {
5161 table.issue-tracker tbody tr td {
5162 vertical-align: middle;
5179 .team-members img.img-circle {
5193 background: #FAFAFB;
5194 border: 1px solid #e7eaec;
5199 .agile-list li:hover {
5203 .agile-list li.warning-element {
5204 border-left: 3px solid #f8ac59;
5206 .agile-list li.danger-element {
5207 border-left: 3px solid #ed5565;
5209 .agile-list li.info-element {
5210 border-left: 3px solid #1c84c6;
5212 .agile-list li.success-element {
5213 border-left: 3px solid #1ab394;
5221 background-color: #c6ffc6;
5222 text-decoration: none;
5225 background-color: #ffc6c6;
5230 border: 1px solid #e7eaec;
5233 .product-box.active {
5234 border: 1px solid transparent;
5235 -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
5236 -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
5237 box-shadow: 0 3px 7px 0 #a8a8a8;
5239 .product-imitation {
5242 background-color: #f8f8f9;
5246 .cart-product-imitation {
5251 background-color: #f8f8f9;
5253 .product-imitation.xl {
5260 .ecommerce .tag-list {
5263 .ecommerce .fa-star {
5266 .ecommerce .fa-star.active {
5269 .ecommerce .note-editor {
5270 border: 1px solid #e7eaec;
5272 table.shoping-cart-table {
5275 table.shoping-cart-table tr td {
5279 table.shoping-cart-table tr td.desc,
5280 table.shoping-cart-table tr td:first-child {
5283 table.shoping-cart-table tr td:last-child {
5291 margin: 2px 0 5px 0;
5293 .product-name:hover,
5294 .product-name:focus {
5301 background-color: #1ab394;
5307 .product-detail .ibox-content {
5308 padding: 30px 30px 50px 30px;
5311 background-color: #f8f8f9;
5315 .product-main-price small {
5322 .social-feed-separated .social-feed-box {
5325 .social-feed-separated .social-avatar {
5329 .social-feed-separated .social-avatar img {
5332 border: 1px solid #e7eaec;
5334 .social-feed-separated .social-feed-box .social-avatar {
5335 padding: 15px 15px 0 15px;
5340 border: 1px solid #e7eaec;
5342 margin-bottom: 15px;
5344 .article .social-feed-box {
5346 border-bottom: none;
5348 .article .social-feed-box:last-child {
5350 border-bottom: 1px solid #e7eaec;
5352 .article .social-feed-box p {
5360 padding: 15px 15px 0 15px;
5362 .social-comment .social-comment {
5365 .social-avatar img {
5370 .social-avatar .media-body a {
5378 margin-bottom: 10px;
5381 border-top: 1px solid #e7eaec;
5383 background: #f9f9f9;
5385 .social-footer .social-comment img {
5389 .social-comment:first-child {
5395 .social-comment textarea {
5401 background: #ffffff;
5402 border-top: 1px solid #e7eaec;
5404 .vote-item:last-child {
5405 border-bottom: 1px solid #e7eaec;
5408 background: #fbfbfb;
5447 .vote-info a:hover {
5459 body.body-small .vote-icon {
5465 .lightBoxGallery img {
5474 #small-chat .badge {
5483 background: #1ab394;
5489 .open-small-chat:hover {
5491 background: #1ab394;
5499 border: 1px solid #e7eaec;
5504 .small-chat-box.ng-small-chat {
5507 .body-small .small-chat-box {
5511 .small-chat-box.active {
5514 .small-chat-box .heading {
5515 background: #2f4050;
5520 .small-chat-box .chat-date {
5523 font-weight: normal;
5525 .small-chat-box .content {
5528 .small-chat-box .content .author-name {
5533 .small-chat-box .content > div {
5534 padding-bottom: 20px;
5536 .small-chat-box .content .chat-message {
5542 background: #f3f3f4;
5543 margin-bottom: 10px;
5545 .small-chat-box .content .chat-message.active {
5546 background: #1ab394;
5549 .small-chat-box .content .left {
5553 .small-chat-box .content .left .chat-message {
5556 .small-chat-box .content .right {
5560 .small-chat-box .content .right .chat-message {
5563 .small-chat-box .form-chat {
5567 * metismenu - v2.0.2
5568 * A jQuery menu plugin
5569 * https://github.com/onokumus/metisMenu
5571 * Made by Osman Nuri Okumus
5574 .metismenu .plus-minus,
5575 .metismenu .plus-times {
5580 line-height: 1.42857;
5582 .metismenu .glyphicon.arrow:before {
5585 .metismenu .active > a > .glyphicon.arrow:before {
5588 .metismenu .fa.arrow:before {
5591 .metismenu .active > a > .fa.arrow:before {
5594 .metismenu .ion.arrow:before {
5597 .metismenu .active > a > .ion.arrow:before {
5600 .metismenu .fa.plus-minus:before,
5601 .metismenu .fa.plus-times:before {
5604 .metismenu .active > a > .fa.plus-times {
5605 -webkit-transform: rotate(45deg);
5606 -ms-transform: rotate(45deg);
5607 transform: rotate(45deg);
5609 .metismenu .active > a > .fa.plus-minus:before {
5612 .metismenu .collapse {
5615 .metismenu .collapse.in {
5618 .metismenu .collapsing {
5622 -webkit-transition-timing-function: ease;
5623 transition-timing-function: ease;
5624 -webkit-transition-duration: .35s;
5625 transition-duration: .35s;
5626 -webkit-transition-property: height, visibility;
5627 transition-property: height, visibility;
5632 * <div class="sk-spinner sk-spinner-rotating-plane"></div>
5635 .sk-spinner-rotating-plane.sk-spinner {
5638 background-color: #1ab394;
5640 -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
5641 animation: sk-rotatePlane 1.2s infinite ease-in-out;
5643 @-webkit-keyframes sk-rotatePlane {
5645 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
5646 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
5649 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
5650 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
5653 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
5654 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
5657 @keyframes sk-rotatePlane {
5659 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
5660 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
5663 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
5664 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
5667 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
5668 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
5674 * <div class="sk-spinner sk-spinner-double-bounce">
5675 * <div class="sk-double-bounce1"></div>
5676 * <div class="sk-double-bounce2"></div>
5680 .sk-spinner-double-bounce.sk-spinner {
5686 .sk-spinner-double-bounce .sk-double-bounce1,
5687 .sk-spinner-double-bounce .sk-double-bounce2 {
5691 background-color: #1ab394;
5696 -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
5697 animation: sk-doubleBounce 2s infinite ease-in-out;
5699 .sk-spinner-double-bounce .sk-double-bounce2 {
5700 -webkit-animation-delay: -1s;
5701 animation-delay: -1s;
5703 @-webkit-keyframes sk-doubleBounce {
5706 -webkit-transform: scale(0);
5707 transform: scale(0);
5710 -webkit-transform: scale(1);
5711 transform: scale(1);
5714 @keyframes sk-doubleBounce {
5717 -webkit-transform: scale(0);
5718 transform: scale(0);
5721 -webkit-transform: scale(1);
5722 transform: scale(1);
5728 * <div class="sk-spinner sk-spinner-wave">
5729 * <div class="sk-rect1"></div>
5730 * <div class="sk-rect2"></div>
5731 * <div class="sk-rect3"></div>
5732 * <div class="sk-rect4"></div>
5733 * <div class="sk-rect5"></div>
5737 .sk-spinner-wave.sk-spinner {
5744 .sk-spinner-wave div {
5745 background-color: #1ab394;
5748 display: inline-block;
5749 -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
5750 animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
5752 .sk-spinner-wave .sk-rect2 {
5753 -webkit-animation-delay: -1.1s;
5754 animation-delay: -1.1s;
5756 .sk-spinner-wave .sk-rect3 {
5757 -webkit-animation-delay: -1s;
5758 animation-delay: -1s;
5760 .sk-spinner-wave .sk-rect4 {
5761 -webkit-animation-delay: -0.9s;
5762 animation-delay: -0.9s;
5764 .sk-spinner-wave .sk-rect5 {
5765 -webkit-animation-delay: -0.8s;
5766 animation-delay: -0.8s;
5768 @-webkit-keyframes sk-waveStretchDelay {
5772 -webkit-transform: scaleY(0.4);
5773 transform: scaleY(0.4);
5776 -webkit-transform: scaleY(1);
5777 transform: scaleY(1);
5780 @keyframes sk-waveStretchDelay {
5784 -webkit-transform: scaleY(0.4);
5785 transform: scaleY(0.4);
5788 -webkit-transform: scaleY(1);
5789 transform: scaleY(1);
5795 * <div class="sk-spinner sk-spinner-wandering-cubes">
5796 * <div class="sk-cube1"></div>
5797 * <div class="sk-cube2"></div>
5801 .sk-spinner-wandering-cubes.sk-spinner {
5807 .sk-spinner-wandering-cubes .sk-cube1,
5808 .sk-spinner-wandering-cubes .sk-cube2 {
5809 background-color: #1ab394;
5815 -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
5816 animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
5818 .sk-spinner-wandering-cubes .sk-cube2 {
5819 -webkit-animation-delay: -0.9s;
5820 animation-delay: -0.9s;
5822 @-webkit-keyframes sk-wanderingCubeMove {
5824 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
5825 transform: translateX(42px) rotate(-90deg) scale(0.5);
5828 /* Hack to make FF rotate in the right direction */
5829 -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
5830 transform: translateX(42px) translateY(42px) rotate(-179deg);
5833 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
5834 transform: translateX(42px) translateY(42px) rotate(-180deg);
5837 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
5838 transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
5841 -webkit-transform: rotate(-360deg);
5842 transform: rotate(-360deg);
5845 @keyframes sk-wanderingCubeMove {
5847 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
5848 transform: translateX(42px) rotate(-90deg) scale(0.5);
5851 /* Hack to make FF rotate in the right direction */
5852 -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
5853 transform: translateX(42px) translateY(42px) rotate(-179deg);
5856 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
5857 transform: translateX(42px) translateY(42px) rotate(-180deg);
5860 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
5861 transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
5864 -webkit-transform: rotate(-360deg);
5865 transform: rotate(-360deg);
5871 * <div class="sk-spinner sk-spinner-pulse"></div>
5874 .sk-spinner-pulse.sk-spinner {
5878 background-color: #1ab394;
5879 border-radius: 100%;
5880 -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
5881 animation: sk-pulseScaleOut 1s infinite ease-in-out;
5883 @-webkit-keyframes sk-pulseScaleOut {
5885 -webkit-transform: scale(0);
5886 transform: scale(0);
5889 -webkit-transform: scale(1);
5890 transform: scale(1);
5894 @keyframes sk-pulseScaleOut {
5896 -webkit-transform: scale(0);
5897 transform: scale(0);
5900 -webkit-transform: scale(1);
5901 transform: scale(1);
5908 * <div class="sk-spinner sk-spinner-chasing-dots">
5909 * <div class="sk-dot1"></div>
5910 * <div class="sk-dot2"></div>
5914 .sk-spinner-chasing-dots.sk-spinner {
5920 -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
5921 animation: sk-chasingDotsRotate 2s infinite linear;
5923 .sk-spinner-chasing-dots .sk-dot1,
5924 .sk-spinner-chasing-dots .sk-dot2 {
5927 display: inline-block;
5930 background-color: #1ab394;
5931 border-radius: 100%;
5932 -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
5933 animation: sk-chasingDotsBounce 2s infinite ease-in-out;
5935 .sk-spinner-chasing-dots .sk-dot2 {
5938 -webkit-animation-delay: -1s;
5939 animation-delay: -1s;
5941 @-webkit-keyframes sk-chasingDotsRotate {
5943 -webkit-transform: rotate(360deg);
5944 transform: rotate(360deg);
5947 @keyframes sk-chasingDotsRotate {
5949 -webkit-transform: rotate(360deg);
5950 transform: rotate(360deg);
5953 @-webkit-keyframes sk-chasingDotsBounce {
5956 -webkit-transform: scale(0);
5957 transform: scale(0);
5960 -webkit-transform: scale(1);
5961 transform: scale(1);
5964 @keyframes sk-chasingDotsBounce {
5967 -webkit-transform: scale(0);
5968 transform: scale(0);
5971 -webkit-transform: scale(1);
5972 transform: scale(1);
5978 * <div class="sk-spinner sk-spinner-three-bounce">
5979 * <div class="sk-bounce1"></div>
5980 * <div class="sk-bounce2"></div>
5981 * <div class="sk-bounce3"></div>
5985 .sk-spinner-three-bounce.sk-spinner {
5990 .sk-spinner-three-bounce div {
5993 background-color: #1ab394;
5994 border-radius: 100%;
5995 display: inline-block;
5996 -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
5997 animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
5998 /* Prevent first frame from flickering when animation starts */
5999 -webkit-animation-fill-mode: both;
6000 animation-fill-mode: both;
6002 .sk-spinner-three-bounce .sk-bounce1 {
6003 -webkit-animation-delay: -0.32s;
6004 animation-delay: -0.32s;
6006 .sk-spinner-three-bounce .sk-bounce2 {
6007 -webkit-animation-delay: -0.16s;
6008 animation-delay: -0.16s;
6010 @-webkit-keyframes sk-threeBounceDelay {
6014 -webkit-transform: scale(0);
6015 transform: scale(0);
6018 -webkit-transform: scale(1);
6019 transform: scale(1);
6022 @keyframes sk-threeBounceDelay {
6026 -webkit-transform: scale(0);
6027 transform: scale(0);
6030 -webkit-transform: scale(1);
6031 transform: scale(1);
6037 * <div class="sk-spinner sk-spinner-circle">
6038 * <div class="sk-circle1 sk-circle"></div>
6039 * <div class="sk-circle2 sk-circle"></div>
6040 * <div class="sk-circle3 sk-circle"></div>
6041 * <div class="sk-circle4 sk-circle"></div>
6042 * <div class="sk-circle5 sk-circle"></div>
6043 * <div class="sk-circle6 sk-circle"></div>
6044 * <div class="sk-circle7 sk-circle"></div>
6045 * <div class="sk-circle8 sk-circle"></div>
6046 * <div class="sk-circle9 sk-circle"></div>
6047 * <div class="sk-circle10 sk-circle"></div>
6048 * <div class="sk-circle11 sk-circle"></div>
6049 * <div class="sk-circle12 sk-circle"></div>
6053 .sk-spinner-circle.sk-spinner {
6059 .sk-spinner-circle .sk-circle {
6066 .sk-spinner-circle .sk-circle:before {
6072 background-color: #1ab394;
6073 border-radius: 100%;
6074 -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
6075 animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
6076 /* Prevent first frame from flickering when animation starts */
6077 -webkit-animation-fill-mode: both;
6078 animation-fill-mode: both;
6080 .sk-spinner-circle .sk-circle2 {
6081 -webkit-transform: rotate(30deg);
6082 -ms-transform: rotate(30deg);
6083 transform: rotate(30deg);
6085 .sk-spinner-circle .sk-circle3 {
6086 -webkit-transform: rotate(60deg);
6087 -ms-transform: rotate(60deg);
6088 transform: rotate(60deg);
6090 .sk-spinner-circle .sk-circle4 {
6091 -webkit-transform: rotate(90deg);
6092 -ms-transform: rotate(90deg);
6093 transform: rotate(90deg);
6095 .sk-spinner-circle .sk-circle5 {
6096 -webkit-transform: rotate(120deg);
6097 -ms-transform: rotate(120deg);
6098 transform: rotate(120deg);
6100 .sk-spinner-circle .sk-circle6 {
6101 -webkit-transform: rotate(150deg);
6102 -ms-transform: rotate(150deg);
6103 transform: rotate(150deg);
6105 .sk-spinner-circle .sk-circle7 {
6106 -webkit-transform: rotate(180deg);
6107 -ms-transform: rotate(180deg);
6108 transform: rotate(180deg);
6110 .sk-spinner-circle .sk-circle8 {
6111 -webkit-transform: rotate(210deg);
6112 -ms-transform: rotate(210deg);
6113 transform: rotate(210deg);
6115 .sk-spinner-circle .sk-circle9 {
6116 -webkit-transform: rotate(240deg);
6117 -ms-transform: rotate(240deg);
6118 transform: rotate(240deg);
6120 .sk-spinner-circle .sk-circle10 {
6121 -webkit-transform: rotate(270deg);
6122 -ms-transform: rotate(270deg);
6123 transform: rotate(270deg);
6125 .sk-spinner-circle .sk-circle11 {
6126 -webkit-transform: rotate(300deg);
6127 -ms-transform: rotate(300deg);
6128 transform: rotate(300deg);
6130 .sk-spinner-circle .sk-circle12 {
6131 -webkit-transform: rotate(330deg);
6132 -ms-transform: rotate(330deg);
6133 transform: rotate(330deg);
6135 .sk-spinner-circle .sk-circle2:before {
6136 -webkit-animation-delay: -1.1s;
6137 animation-delay: -1.1s;
6139 .sk-spinner-circle .sk-circle3:before {
6140 -webkit-animation-delay: -1s;
6141 animation-delay: -1s;
6143 .sk-spinner-circle .sk-circle4:before {
6144 -webkit-animation-delay: -0.9s;
6145 animation-delay: -0.9s;
6147 .sk-spinner-circle .sk-circle5:before {
6148 -webkit-animation-delay: -0.8s;
6149 animation-delay: -0.8s;
6151 .sk-spinner-circle .sk-circle6:before {
6152 -webkit-animation-delay: -0.7s;
6153 animation-delay: -0.7s;
6155 .sk-spinner-circle .sk-circle7:before {
6156 -webkit-animation-delay: -0.6s;
6157 animation-delay: -0.6s;
6159 .sk-spinner-circle .sk-circle8:before {
6160 -webkit-animation-delay: -0.5s;
6161 animation-delay: -0.5s;
6163 .sk-spinner-circle .sk-circle9:before {
6164 -webkit-animation-delay: -0.4s;
6165 animation-delay: -0.4s;
6167 .sk-spinner-circle .sk-circle10:before {
6168 -webkit-animation-delay: -0.3s;
6169 animation-delay: -0.3s;
6171 .sk-spinner-circle .sk-circle11:before {
6172 -webkit-animation-delay: -0.2s;
6173 animation-delay: -0.2s;
6175 .sk-spinner-circle .sk-circle12:before {
6176 -webkit-animation-delay: -0.1s;
6177 animation-delay: -0.1s;
6179 @-webkit-keyframes sk-circleBounceDelay {
6183 -webkit-transform: scale(0);
6184 transform: scale(0);
6187 -webkit-transform: scale(1);
6188 transform: scale(1);
6191 @keyframes sk-circleBounceDelay {
6195 -webkit-transform: scale(0);
6196 transform: scale(0);
6199 -webkit-transform: scale(1);
6200 transform: scale(1);
6206 * <div class="sk-spinner sk-spinner-cube-grid">
6207 * <div class="sk-cube"></div>
6208 * <div class="sk-cube"></div>
6209 * <div class="sk-cube"></div>
6210 * <div class="sk-cube"></div>
6211 * <div class="sk-cube"></div>
6212 * <div class="sk-cube"></div>
6213 * <div class="sk-cube"></div>
6214 * <div class="sk-cube"></div>
6215 * <div class="sk-cube"></div>
6219 .sk-spinner-cube-grid {
6227 .sk-spinner-cube-grid.sk-spinner {
6232 .sk-spinner-cube-grid .sk-cube {
6235 background-color: #1ab394;
6237 -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
6238 animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
6240 .sk-spinner-cube-grid .sk-cube:nth-child(1) {
6241 -webkit-animation-delay: 0.2s;
6242 animation-delay: 0.2s;
6244 .sk-spinner-cube-grid .sk-cube:nth-child(2) {
6245 -webkit-animation-delay: 0.3s;
6246 animation-delay: 0.3s;
6248 .sk-spinner-cube-grid .sk-cube:nth-child(3) {
6249 -webkit-animation-delay: 0.4s;
6250 animation-delay: 0.4s;
6252 .sk-spinner-cube-grid .sk-cube:nth-child(4) {
6253 -webkit-animation-delay: 0.1s;
6254 animation-delay: 0.1s;
6256 .sk-spinner-cube-grid .sk-cube:nth-child(5) {
6257 -webkit-animation-delay: 0.2s;
6258 animation-delay: 0.2s;
6260 .sk-spinner-cube-grid .sk-cube:nth-child(6) {
6261 -webkit-animation-delay: 0.3s;
6262 animation-delay: 0.3s;
6264 .sk-spinner-cube-grid .sk-cube:nth-child(7) {
6265 -webkit-animation-delay: 0s;
6266 animation-delay: 0s;
6268 .sk-spinner-cube-grid .sk-cube:nth-child(8) {
6269 -webkit-animation-delay: 0.1s;
6270 animation-delay: 0.1s;
6272 .sk-spinner-cube-grid .sk-cube:nth-child(9) {
6273 -webkit-animation-delay: 0.2s;
6274 animation-delay: 0.2s;
6276 @-webkit-keyframes sk-cubeGridScaleDelay {
6280 -webkit-transform: scale3D(1, 1, 1);
6281 transform: scale3D(1, 1, 1);
6284 -webkit-transform: scale3D(0, 0, 1);
6285 transform: scale3D(0, 0, 1);
6288 @keyframes sk-cubeGridScaleDelay {
6292 -webkit-transform: scale3D(1, 1, 1);
6293 transform: scale3D(1, 1, 1);
6296 -webkit-transform: scale3D(0, 0, 1);
6297 transform: scale3D(0, 0, 1);
6303 * <div class="sk-spinner sk-spinner-wordpress">
6304 * <span class="sk-inner-circle"></span>
6308 .sk-spinner-wordpress.sk-spinner {
6309 background-color: #1ab394;
6312 border-radius: 30px;
6315 -webkit-animation: sk-innerCircle 1s linear infinite;
6316 animation: sk-innerCircle 1s linear infinite;
6318 .sk-spinner-wordpress .sk-inner-circle {
6320 background-color: #fff;
6328 @-webkit-keyframes sk-innerCircle {
6330 -webkit-transform: rotate(0);
6331 transform: rotate(0);
6334 -webkit-transform: rotate(360deg);
6335 transform: rotate(360deg);
6338 @keyframes sk-innerCircle {
6340 -webkit-transform: rotate(0);
6341 transform: rotate(0);
6344 -webkit-transform: rotate(360deg);
6345 transform: rotate(360deg);
6351 * <div class="sk-spinner sk-spinner-fading-circle">
6352 * <div class="sk-circle1 sk-circle"></div>
6353 * <div class="sk-circle2 sk-circle"></div>
6354 * <div class="sk-circle3 sk-circle"></div>
6355 * <div class="sk-circle4 sk-circle"></div>
6356 * <div class="sk-circle5 sk-circle"></div>
6357 * <div class="sk-circle6 sk-circle"></div>
6358 * <div class="sk-circle7 sk-circle"></div>
6359 * <div class="sk-circle8 sk-circle"></div>
6360 * <div class="sk-circle9 sk-circle"></div>
6361 * <div class="sk-circle10 sk-circle"></div>
6362 * <div class="sk-circle11 sk-circle"></div>
6363 * <div class="sk-circle12 sk-circle"></div>
6367 .sk-spinner-fading-circle.sk-spinner {
6373 .sk-spinner-fading-circle .sk-circle {
6380 .sk-spinner-fading-circle .sk-circle:before {
6386 background-color: #1ab394;
6387 border-radius: 100%;
6388 -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
6389 animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
6390 /* Prevent first frame from flickering when animation starts */
6391 -webkit-animation-fill-mode: both;
6392 animation-fill-mode: both;
6394 .sk-spinner-fading-circle .sk-circle2 {
6395 -webkit-transform: rotate(30deg);
6396 -ms-transform: rotate(30deg);
6397 transform: rotate(30deg);
6399 .sk-spinner-fading-circle .sk-circle3 {
6400 -webkit-transform: rotate(60deg);
6401 -ms-transform: rotate(60deg);
6402 transform: rotate(60deg);
6404 .sk-spinner-fading-circle .sk-circle4 {
6405 -webkit-transform: rotate(90deg);
6406 -ms-transform: rotate(90deg);
6407 transform: rotate(90deg);
6409 .sk-spinner-fading-circle .sk-circle5 {
6410 -webkit-transform: rotate(120deg);
6411 -ms-transform: rotate(120deg);
6412 transform: rotate(120deg);
6414 .sk-spinner-fading-circle .sk-circle6 {
6415 -webkit-transform: rotate(150deg);
6416 -ms-transform: rotate(150deg);
6417 transform: rotate(150deg);
6419 .sk-spinner-fading-circle .sk-circle7 {
6420 -webkit-transform: rotate(180deg);
6421 -ms-transform: rotate(180deg);
6422 transform: rotate(180deg);
6424 .sk-spinner-fading-circle .sk-circle8 {
6425 -webkit-transform: rotate(210deg);
6426 -ms-transform: rotate(210deg);
6427 transform: rotate(210deg);
6429 .sk-spinner-fading-circle .sk-circle9 {
6430 -webkit-transform: rotate(240deg);
6431 -ms-transform: rotate(240deg);
6432 transform: rotate(240deg);
6434 .sk-spinner-fading-circle .sk-circle10 {
6435 -webkit-transform: rotate(270deg);
6436 -ms-transform: rotate(270deg);
6437 transform: rotate(270deg);
6439 .sk-spinner-fading-circle .sk-circle11 {
6440 -webkit-transform: rotate(300deg);
6441 -ms-transform: rotate(300deg);
6442 transform: rotate(300deg);
6444 .sk-spinner-fading-circle .sk-circle12 {
6445 -webkit-transform: rotate(330deg);
6446 -ms-transform: rotate(330deg);
6447 transform: rotate(330deg);
6449 .sk-spinner-fading-circle .sk-circle2:before {
6450 -webkit-animation-delay: -1.1s;
6451 animation-delay: -1.1s;
6453 .sk-spinner-fading-circle .sk-circle3:before {
6454 -webkit-animation-delay: -1s;
6455 animation-delay: -1s;
6457 .sk-spinner-fading-circle .sk-circle4:before {
6458 -webkit-animation-delay: -0.9s;
6459 animation-delay: -0.9s;
6461 .sk-spinner-fading-circle .sk-circle5:before {
6462 -webkit-animation-delay: -0.8s;
6463 animation-delay: -0.8s;
6465 .sk-spinner-fading-circle .sk-circle6:before {
6466 -webkit-animation-delay: -0.7s;
6467 animation-delay: -0.7s;
6469 .sk-spinner-fading-circle .sk-circle7:before {
6470 -webkit-animation-delay: -0.6s;
6471 animation-delay: -0.6s;
6473 .sk-spinner-fading-circle .sk-circle8:before {
6474 -webkit-animation-delay: -0.5s;
6475 animation-delay: -0.5s;
6477 .sk-spinner-fading-circle .sk-circle9:before {
6478 -webkit-animation-delay: -0.4s;
6479 animation-delay: -0.4s;
6481 .sk-spinner-fading-circle .sk-circle10:before {
6482 -webkit-animation-delay: -0.3s;
6483 animation-delay: -0.3s;
6485 .sk-spinner-fading-circle .sk-circle11:before {
6486 -webkit-animation-delay: -0.2s;
6487 animation-delay: -0.2s;
6489 .sk-spinner-fading-circle .sk-circle12:before {
6490 -webkit-animation-delay: -0.1s;
6491 animation-delay: -0.1s;
6493 @-webkit-keyframes sk-circleFadeDelay {
6503 @keyframes sk-circleFadeDelay {
6515 * INSPINIA Landing Page - Responsive Admin Theme
6516 * Copyright 2014 Webapplayers.com
6520 -------------------------------------------------- */
6522 -------------------------------------------------- */
6523 .landing-page.pace .pace-progress {
6530 -webkit-transition: width 1s;
6531 -moz-transition: width 1s;
6532 -o-transition: width 1s;
6533 transition: width 1s;
6540 font-family: 'Open Sans', helvetica, arial, sans-serif;
6541 background-color: #fff;
6544 /* CUSTOMIZE THE NAVBAR
6545 -------------------------------------------------- */
6546 /* Flip around the padding for proper display in narrow viewports */
6547 /* BACKGROUNDS SLIDER
6548 -------------------------------------------------- */
6549 /* CUSTOMIZE THE CAROUSEL
6550 -------------------------------------------------- */
6551 /* Carousel base class */
6552 /* Since positioning the image, we need to help out the caption */
6553 /* Declare heights because of positioning of img element */
6555 ------------------------- */
6556 /* Buttons - only primary custom button
6557 ------------------------- */
6559 -------------------------------------------------- */
6561 .landing-page span.navy {
6564 .landing-page p.text-color {
6567 .landing-page a.navy-link {
6569 text-decoration: none;
6571 .landing-page a.navy-link:hover {
6574 .landing-page section p {
6578 .landing-page address {
6586 .landing-page .navy-line {
6589 margin: 60px auto 0;
6590 border-bottom: 2px solid #1ab394;
6592 .landing-page .navbar-wrapper {
6599 .landing-page .navbar-wrapper > .container {
6603 .landing-page .navbar-wrapper .navbar {
6604 padding-right: 15px;
6607 .landing-page .navbar-default.navbar-scroll {
6608 background-color: #fff;
6612 .landing-page .navbar-default {
6613 background-color: transparent;
6614 border-color: transparent;
6615 transition: all 0.3s ease-in-out 0s;
6617 .landing-page .navbar-default .nav li a {
6619 font-family: 'Open Sans', helvetica, arial, sans-serif;
6621 letter-spacing: 1px;
6622 text-transform: uppercase;
6625 .landing-page .navbar-nav > li > a {
6627 border-top: 6px solid transparent;
6629 .landing-page .navbar-default .navbar-nav > .active > a,
6630 .landing-page .navbar-default .navbar-nav > .active > a:hover {
6631 background: transparent;
6633 border-top: 6px solid #1ab394;
6635 .landing-page .navbar-default .navbar-nav > li > a:hover,
6636 .landing-page .navbar-default .navbar-nav > li > a:focus {
6638 background: inherit;
6640 .landing-page .navbar-default .navbar-nav > .active > a:focus {
6641 background: transparent;
6644 .landing-page .navbar-default .navbar-nav > .active > a:focus {
6645 background: transparent;
6648 .landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
6649 background: transparent;
6652 .landing-page .navbar-default .navbar-brand:hover,
6653 .landing-page .navbar-default .navbar-brand:focus {
6654 background: #179d82;
6657 .landing-page .navbar-default .navbar-brand {
6662 background: #1ab394;
6663 padding: 15px 20px 15px 20px;
6664 border-radius: 0 0 5px 5px;
6666 transition: all 0.3s ease-in-out 0s;
6668 .landing-page .navbar-scroll.navbar-default .nav li a {
6671 .landing-page .navbar-scroll.navbar-default .nav li a:hover {
6674 .landing-page .navbar-wrapper .navbar.navbar-scroll {
6677 border-bottom: 1px solid #e7eaec;
6680 .landing-page .nav > li.active {
6682 background: inherit;
6684 .landing-page .nav > li > a {
6685 padding: 25px 10px 15px 10px;
6687 .landing-page .navbar-scroll .navbar-nav > li > a {
6690 .landing-page .navbar-default .navbar-nav > .active > a,
6691 .landing-page .navbar-default .navbar-nav > .active > a:hover {
6692 border-top: 6px solid #1ab394;
6694 .landing-page .navbar-fixed-top {
6695 border: none !important;
6697 .landing-page .navbar-fixed-top.navbar-scroll {
6698 border-bottom: 1px solid #e7eaec !important;
6700 .landing-page .navbar.navbar-scroll .navbar-brand {
6707 .landing-page .header-back {
6711 /*.landing-page .header-back.one {
6712 background: url('../../images/header_one.jpg') 50% 0 no-repeat;
6714 .landing-page .header-back.two {
6715 background: url('../../images/header_two.jpg') 50% 0 no-repeat;
6717 .landing-page .carousel {
6720 .landing-page .carousel-caption {
6723 .landing-page .carousel .item {
6725 background-color: #777;
6727 .landing-page .carousel-inner > .item > img {
6734 .landing-page .carousel-fade .carousel-inner .item {
6736 -webkit-transition-property: opacity;
6737 transition-property: opacity;
6739 .landing-page .carousel-fade .carousel-inner .active {
6742 .landing-page .carousel-fade .carousel-inner .active.left,
6743 .landing-page .carousel-fade .carousel-inner .active.right {
6748 .landing-page .carousel-fade .carousel-inner .next.left,
6749 .landing-page .carousel-fade .carousel-inner .prev.right {
6752 .landing-page .carousel-fade .carousel-control {
6755 .landing-page .carousel-control.left,
6756 .landing-page .carousel-control.right {
6759 .landing-page .carousel-control {
6762 .landing-page .carousel-inner .container {
6765 .landing-page .carousel-inner {
6768 .landing-page .carousel-caption {
6776 .landing-page .carousel-caption {
6784 .landing-page .carousel-caption.blank {
6787 .landing-page .carousel-image {
6792 .landing-page .carousel-indicators {
6793 padding-right: 60px;
6795 .landing-page .carousel-caption h1 {
6798 text-transform: uppercase;
6800 letter-spacing: -1.5px;
6802 .landing-page .carousel-caption p {
6804 text-transform: uppercase;
6807 .landing-page .caption-link {
6810 text-transform: capitalize;
6813 .landing-page .caption-link:hover {
6814 text-decoration: none;
6817 .landing-page .services {
6820 .landing-page .services h2 {
6822 letter-spacing: -1px;
6824 text-transform: uppercase;
6826 .landing-page .features-block {
6829 .landing-page .features-text {
6832 .landing-page .features small {
6835 .landing-page .features h2 {
6839 .landing-page .features-text-alone {
6842 .landing-page .features-text-alone h1 {
6845 .landing-page .features-icon {
6849 .landing-page .navy-section {
6851 background: #1ab394;
6855 .landing-page .gray-section {
6856 background: #f4f4f4;
6859 .landing-page .team-member {
6862 .landing-page .team-member img {
6865 .landing-page .social-icon a {
6866 background: #1ab394;
6872 border-radius: 50px;
6874 .landing-page .social-icon a:hover {
6875 background: #179d82;
6877 .landing-page .img-small {
6881 .landing-page .pricing-plan {
6882 margin: 20px 30px 0 30px;
6885 .landing-page .pricing-plan.selected {
6886 transform: scale(1.1);
6887 background: #f4f4f4;
6889 .landing-page .pricing-plan li {
6891 border-top: 1px solid #e7eaec;
6895 .landing-page .pricing-plan .pricing-price span {
6899 .landing-page li.pricing-desc {
6904 .landing-page li.pricing-title {
6905 background: #1ab394;
6908 border-radius: 4px 4px 0 0;
6912 .landing-page .testimonials {
6914 padding-bottom: 90px;
6915 background-color: #1ab394;
6916 background-image: url('../../images/landing/avatar_all.png');
6918 .landing-page .big-icon {
6919 font-size: 56px !important;
6921 .landing-page .features .big-icon {
6922 color: #1ab394 !important;
6924 .landing-page .contact {
6925 /*background-image: url('../../images/word_map.png');*/
6926 background-position: 50% 50%;
6927 background-repeat: no-repeat;
6930 .landing-page section.timeline {
6931 padding-bottom: 30px;
6933 .landing-page section.comments {
6934 padding-bottom: 80px;
6936 .landing-page .comments-avatar {
6940 .landing-page .comments-avatar .commens-name {
6944 .landing-page .comments-avatar img {
6950 .landing-page .bubble {
6954 background: #FFFFFF;
6955 -webkit-border-radius: 10px;
6956 -moz-border-radius: 10px;
6957 border-radius: 10px;
6961 .landing-page .bubble:after {
6964 border-style: solid;
6965 border-width: 15px 14px 0;
6966 border-color: #FFFFFF transparent;
6973 .landing-page .btn-primary.btn-outline:hover,
6974 .landing-page .btn-success.btn-outline:hover,
6975 .landing-page .btn-info.btn-outline:hover,
6976 .landing-page .btn-warning.btn-outline:hover,
6977 .landing-page .btn-danger.btn-outline:hover {
6980 .landing-page .btn-primary {
6981 background-color: #1ab394;
6982 border-color: #1ab394;
6988 .landing-page .btn-primary:hover,
6989 .landing-page .btn-primary:focus,
6990 .landing-page .btn-primary:active,
6991 .landing-page .btn-primary.active,
6992 .landing-page .open .dropdown-toggle.btn-primary {
6993 background-color: #179d82;
6994 border-color: #179d82;
6997 .landing-page .btn-primary:active,
6998 .landing-page .btn-primary.active,
6999 .landing-page .open .dropdown-toggle.btn-primary {
7000 background-image: none;
7002 .landing-page .btn-primary.disabled,
7003 .landing-page .btn-primary.disabled:hover,
7004 .landing-page .btn-primary.disabled:focus,
7005 .landing-page .btn-primary.disabled:active,
7006 .landing-page .btn-primary.disabled.active,
7007 .landing-page .btn-primary[disabled],
7008 .landing-page .btn-primary[disabled]:hover,
7009 .landing-page .btn-primary[disabled]:focus,
7010 .landing-page .btn-primary[disabled]:active,
7011 .landing-page .btn-primary.active[disabled],
7012 .landing-page fieldset[disabled] .btn-primary,
7013 .landing-page fieldset[disabled] .btn-primary:hover,
7014 .landing-page fieldset[disabled] .btn-primary:focus,
7015 .landing-page fieldset[disabled] .btn-primary:active,
7016 .landing-page fieldset[disabled] .btn-primary.active {
7017 background-color: #1dc5a3;
7018 border-color: #1dc5a3;
7020 @media (min-width: 768px) {
7022 /* Navbar positioning foo */
7023 /* The navbar becomes detached from the top, so we round the corners */
7024 /* Bump up size of carousel content */
7026 .landing-page .navbar-wrapper {
7029 .landing-page .navbar-wrapper .container {
7030 padding-right: 15px;
7033 .landing-page .navbar-wrapper .navbar {
7037 .landing-page .navbar-wrapper .navbar {
7040 .landing-page .carousel-caption p {
7041 margin-bottom: 20px;
7045 .landing-page .featurette-heading {
7049 @media (max-width: 992px) {
7050 .landing-page .carousel-image {
7054 @media (max-width: 768px) {
7055 .landing-page .carousel-caption,
7056 .landing-page .carousel-caption.blank {
7060 .landing-page .carousel-caption h1 {
7063 .landing-page .navbar.navbar-scroll .navbar-brand {
7066 .landing-page .navbar-default {
7067 background-color: #fff;
7071 .landing-page .navbar-default .navbar-nav > .active > a:focus {
7072 background: transparent;
7075 .landing-page .navbar-default .nav li a {
7078 .landing-page .navbar-default .nav li a:hover {
7081 .landing-page .navbar-wrapper .navbar {
7083 padding-bottom: 5px;
7084 border-bottom: 1px solid #e7eaec;
7087 .landing-page .nav > li > a {
7088 padding: 25px 10px 15px 10px;
7090 .landing-page .navbar-nav > li > a {
7093 .landing-page .navbar .navbar-brand {
7100 .landing-page .navbar-wrapper .navbar {
7104 .landing-page .navbar-default .navbar-nav > .active > a,
7105 .landing-page .navbar-default .navbar-nav > .active > a:hover {
7108 .landing-page .carousel-control {
7112 @media (min-width: 992px) {
7113 .landing-page .featurette-heading {
7117 @media (max-width: 768px) {
7118 .landing-page .navbar .navbar-header {
7122 .landing-page .navbar .navbar-header .navbar-toggle {
7123 background-color: #ffffff;
7131 body.rtls #page-wrapper {
7132 margin: 0 220px 0 0;
7134 body.rtls .nav-second-level li a {
7135 padding: 7px 35px 7px 10px;
7137 body.rtls .ibox-title h5 {
7140 body.rtls .pull-right {
7141 float: left !important;
7143 body.rtls .pull-left {
7144 float: right !important;
7146 body.rtls .ibox-tools {
7149 body.rtls .stat-percent {
7152 body.rtls .navbar-right {
7153 float: left !important;
7155 body.rtls .navbar-top-links li:last-child {
7159 body.rtls .minimalize-styl-2 {
7161 margin: 14px 20px 5px 5px;
7163 body.rtls .feed-element > .pull-left {
7167 body.rtls .timeline-item .date {
7170 body.rtls .timeline-item .date i {
7174 body.rtls .timeline-item .content {
7175 border-right: 1px solid #e7eaec;
7178 body.rtls .theme-config {
7182 body.rtls .spin-icon {
7183 border-radius: 0 20px 20px 0;
7185 body.rtls .toast-close-button {
7188 body.rtls #toast-container > .toast:before {
7189 margin: auto -1.5em auto 0.5em;
7191 body.rtls #toast-container > div {
7192 padding: 15px 50px 15px 15px;
7194 body.rtls .center-orientation .vertical-timeline-icon i {
7196 margin-right: -12px;
7198 body.rtls .vertical-timeline-icon i {
7202 margin-right: -12px;
7204 body.rtls .file-box {
7207 body.rtls ul.notes li {
7210 body.rtls .chat-users,
7211 body.rtls .chat-statistic {
7212 margin-right: -30px;
7215 body.rtls .dropdown-menu > li > a {
7219 border-left: 1px solid #e7eaec;
7222 body.rtls .dd-list .dd-list {
7223 padding-right: 30px;
7226 body.rtls .dd-item > button {
7229 body.rtls .theme-config-box {
7230 margin-left: -220px;
7233 body.rtls .theme-config-box.show {
7237 body.rtls .spin-icon {
7241 body.rtls .skin-setttings {
7245 body.rtls .skin-setttings {
7248 body.rtls .footer.fixed {
7249 margin-right: 220px;
7252 @media (max-width: 992px) {
7253 body.rtls .chat-users,
7254 body.rtls .chat-statistic {
7258 body.rtls.mini-navbar .footer.fixed,
7259 body.body-small.mini-navbar .footer.fixed {
7262 body.rtls.mini-navbar.fixed-sidebar .footer.fixed,
7263 body.body-small.mini-navbar .footer.fixed {
7266 body.rtls.top-navigation .navbar-toggle {
7271 .body-small.rtls.top-navigation .navbar-header {
7274 body.rtls.top-navigation #page-wrapper {
7277 body.rtls.mini-navbar #page-wrapper {
7280 body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
7283 body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
7284 margin: 0 220px 0 0;
7286 body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
7289 .body-small.rtls .navbar-fixed-top {
7292 .body-small.rtls .navbar-header {
7295 body.rtls .navbar-top-links li:last-child {
7298 body.rtls .top-navigation #page-wrapper,
7299 body.rtls.mini-navbar .top-navigation #page-wrapper,
7300 body.rtls.mini-navbar.top-navigation #page-wrapper {
7303 body.rtls .top-navigation .footer.fixed,
7304 body.rtls.top-navigation .footer.fixed {
7307 @media (max-width: 768px) {
7308 body.rtls .navbar-top-links li:last-child {
7311 .body-small.rtls #page-wrapper {
7316 .body-small.rtls .navbar-static-side {
7322 .body-small.rtls.mini-navbar .navbar-static-side {
7325 .rtls.fixed-sidebar.body-small .navbar-static-side {
7331 .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
7335 .rtls .ltr-support {
7338 .rtls.mini-navbar .nav-second-level,
7339 .rtls.mini-navbar li.active .nav-second-level {
7343 .rtls #right-sidebar {
7347 .rtls #right-sidebar.sidebar-open {
7352 * This is style for skin config
7353 * Use only in demo theme
7363 margin-right: -220px;
7366 transition-duration: 0.8s;
7368 .theme-config-box.show {
7372 background: #1ab394;
7374 padding: 7px 10px 7px 13px;
7375 border-radius: 20px 0 0 20px;
7386 background: #f3f3f4;
7388 .skin-setttings .title {
7389 background: #efefef;
7391 text-transform: uppercase;
7400 .setings-item.skin {
7403 .setings-item .switch {
7407 text-transform: uppercase;
7420 background: #283A49;
7422 .default-skin:hover {
7423 background: #1e2e3d;
7427 background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
7430 background: #0d8ddb;
7434 background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
7436 .yellow-skin:hover {
7437 background: #ce8735;
7442 background: url("patterns/3.png") repeat scroll 0 0;
7445 background: url("patterns/4.png") repeat scroll 0 0;
7449 * SKIN 1 - INSPINIA - Responsive Admin Theme
7453 .skin-1 .minimalize-styl-2 {
7454 margin: 14px 5px 5px 30px;
7456 .skin-1 .navbar-top-links li:last-child {
7459 .skin-1.fixed-nav .minimalize-styl-2 {
7460 margin: 14px 5px 5px 15px;
7462 .skin-1 .spin-icon {
7463 background: #0e9aef !important;
7465 .skin-1 .nav-header {
7466 background: #0e9aef;
7467 background: url('patterns/header-profile-skin-1.png');
7469 .skin-1.mini-navbar .nav-second-level {
7470 background: #3e495f;
7472 .skin-1 .breadcrumb {
7473 background: transparent;
7475 .skin-1 .page-heading {
7478 .skin-1 .nav > li.active {
7479 background: #3a4459;
7481 .skin-1 .nav > li > a {
7484 .skin-1 .nav > li.active > a {
7487 .skin-1 .navbar-minimalize {
7488 background: #0e9aef;
7489 border-color: #0e9aef;
7492 background: #3e495f;
7494 .skin-1 .navbar-static-top {
7495 background: #ffffff;
7497 .skin-1 .dashboard-header {
7498 background: transparent;
7499 border-bottom: none !important;
7501 padding: 20px 30px 10px 30px;
7503 .fixed-nav.skin-1 .navbar-fixed-top {
7506 .skin-1 .wrapper-content {
7509 .skin-1 #page-wrapper {
7510 background: #f4f6fa;
7512 .skin-1 .ibox-title,
7513 .skin-1 .ibox-content {
7516 .skin-1 .ibox-content:last-child {
7517 border-style: solid solid solid solid;
7519 .skin-1 .nav > li.active {
7522 .skin-1 .nav-header {
7523 padding: 35px 25px 25px 25px;
7525 .skin-1 .nav-header a.dropdown-toggle {
7529 .skin-1 .nav-header a.dropdown-toggle .text-muted {
7533 .skin-1 .profile-element {
7536 .skin-1 .img-circle {
7539 .skin-1 .navbar-default .nav > li > a:hover,
7540 .skin-1 .navbar-default .nav > li > a:focus {
7541 background: #3a4459;
7544 .skin-1 .nav.nav-tabs > li.active > a {
7547 .skin-1 .nav.nav-tabs > li.active {
7548 background: transparent;
7552 * SKIN 2 - INSPINIA - Responsive Admin Theme
7553 * NAME - Inspinia Ultra
7557 color: #565758 !important;
7559 .skin-2 .minimalize-styl-2 {
7560 margin: 14px 5px 5px 25px;
7562 .skin-2 .navbar-top-links li:last-child {
7565 .skin-2 .spin-icon {
7566 background: #23c6c8 !important;
7568 .skin-2 .nav-header {
7569 background: #23c6c8;
7570 background: url('patterns/header-profile-skin-2.png');
7572 .skin-2.mini-navbar .nav-second-level {
7573 background: #ededed;
7575 .skin-2 .breadcrumb {
7576 background: transparent;
7578 .skin-2.fixed-nav .minimalize-styl-2 {
7579 margin: 14px 5px 5px 15px;
7581 .skin-2 .page-heading {
7583 background: rgba(255, 255, 255, 0.7);
7585 .skin-2 .nav > li.active {
7586 background: #e0e0e0;
7588 .skin-2 .logo-element {
7591 .skin-2 .nav > li > a,
7592 .skin-2 .welcome-message {
7595 .skin-2 #top-search::-moz-placeholder {
7599 .skin-2 #side-menu > li > a,
7600 .skin-2 .nav.nav-second-level > li > a {
7603 .skin-2 .nav > li.active > a {
7606 .skin-2.mini-navbar .nav-header {
7607 background: #213a53;
7609 .skin-2 .navbar-minimalize {
7610 background: #23c6c8;
7611 border-color: #23c6c8;
7613 .skin-2 .border-bottom {
7614 border-bottom: none !important;
7616 .skin-2 #top-search {
7619 body.skin-2 #wrapper {
7620 background-color: #ededed;
7622 .skin-2 .navbar-static-top {
7623 background: #213a53;
7625 .fixed-nav.skin-2 .navbar-fixed-top {
7626 background: #213a53;
7627 border-bottom: none !important;
7629 .skin-2 .nav-header {
7630 padding: 30px 25px 30px 25px;
7632 .skin-2 .dashboard-header {
7633 background: rgba(255, 255, 255, 0.4);
7634 border-bottom: none !important;
7636 padding: 20px 30px 20px 30px;
7638 .skin-2 .wrapper-content {
7641 .skin-2 .dashoard-1 .wrapper-content {
7642 padding: 0 30px 25px 30px;
7644 .skin-2 .ibox-title {
7645 background: rgba(255, 255, 255, 0.7);
7649 .skin-2 .ibox-content {
7650 background: rgba(255, 255, 255, 0.4);
7651 border: none !important;
7653 .skin-2 #page-wrapper {
7654 background: #f6f6f6;
7655 background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
7656 background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
7657 background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
7658 background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%);
7659 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)";
7661 .skin-2 .ibox-title,
7662 .skin-2 .ibox-content {
7665 .skin-2 .ibox-content:last-child {
7666 border-style: solid solid solid solid;
7668 .skin-2 .nav > li.active {
7671 .skin-2 .nav-header a.dropdown-toggle {
7675 .skin-2 .nav-header a.dropdown-toggle .text-muted {
7679 .skin-2 .img-circle {
7680 border-radius: 10px;
7682 .skin-2 .nav.navbar-top-links > li > a:hover,
7683 .skin-2 .nav.navbar-top-links > li > a:focus {
7684 background: #1a2d41;
7686 .skin-2 .navbar-default .nav > li > a:hover,
7687 .skin-2 .navbar-default .nav > li > a:focus {
7688 background: #e0e0e0;
7691 .skin-2 .nav.nav-tabs > li.active > a {
7694 .skin-2 .nav.nav-tabs > li.active {
7695 background: transparent;
7699 * SKIN 3 - INSPINIA - Responsive Admin Theme
7700 * NAME - Yellow/purple
7703 .skin-3 .minimalize-styl-2 {
7704 margin: 14px 5px 5px 30px;
7706 .skin-3 .navbar-top-links li:last-child {
7709 .skin-3.fixed-nav .minimalize-styl-2 {
7710 margin: 14px 5px 5px 15px;
7712 .skin-3 .spin-icon {
7713 background: #ecba52 !important;
7715 body.boxed-layout.skin-3 #wrapper {
7716 background: #3e2c42;
7718 .skin-3 .nav-header {
7719 background: #ecba52;
7720 background: url('patterns/header-profile-skin-3.png');
7722 .skin-3.mini-navbar .nav-second-level {
7723 background: #3e2c42;
7725 .skin-3 .breadcrumb {
7726 background: transparent;
7728 .skin-3 .page-heading {
7731 .skin-3 .nav > li.active {
7732 background: #38283c;
7734 .fixed-nav.skin-3 .navbar-fixed-top {
7737 .skin-3 .nav > li > a {
7740 .skin-3 .nav > li.active > a {
7743 .skin-3 .navbar-minimalize {
7744 background: #ecba52;
7745 border-color: #ecba52;
7748 background: #3e2c42;
7750 .skin-3 .navbar-static-top {
7751 background: #ffffff;
7753 .skin-3 .dashboard-header {
7754 background: transparent;
7755 border-bottom: none !important;
7757 padding: 20px 30px 10px 30px;
7759 .skin-3 .wrapper-content {
7762 .skin-3 #page-wrapper {
7763 background: #f4f6fa;
7765 .skin-3 .ibox-title,
7766 .skin-3 .ibox-content {
7769 .skin-3 .ibox-content:last-child {
7770 border-style: solid solid solid solid;
7772 .skin-3 .nav > li.active {
7775 .skin-3 .nav-header {
7776 padding: 35px 25px 25px 25px;
7778 .skin-3 .nav-header a.dropdown-toggle {
7782 .skin-3 .nav-header a.dropdown-toggle .text-muted {
7786 .skin-3 .profile-element {
7789 .skin-3 .img-circle {
7792 .skin-3 .navbar-default .nav > li > a:hover,
7793 .skin-3 .navbar-default .nav > li > a:focus {
7794 background: #38283c;
7797 .skin-3 .nav.nav-tabs > li.active > a {
7800 .skin-3 .nav.nav-tabs > li.active {
7801 background: transparent;
7804 font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
7805 background-color: #ffffff;
7807 .md-skin .nav-header {
7808 background: url("patterns/4.png") no-repeat;
7812 font-family: 'Roboto';
7814 .md-skin .font-bold {
7817 .md-skin .wrapper-content {
7818 padding: 30px 20px 40px;
7820 @media (max-width: 768px) {
7821 .md-skin .wrapper-content {
7822 padding: 30px 0 40px;
7825 .md-skin .page-heading {
7826 border-bottom: none !important;
7828 padding: 0 10px 20px 10px;
7829 box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);
7831 .md-skin .full-height-layout .page-heading {
7832 border-bottom: 1px solid #e7eaec !important;
7836 margin-bottom: 25px;
7839 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);
7841 .md-skin .ibox.border-bottom {
7842 border-bottom: none !important;
7844 .md-skin .ibox-title,
7845 .md-skin .ibox-content {
7848 .md-skin .ibox-title h5 {
7852 .md-skin a.close-canvas-menu {
7855 .md-skin .welcome-message {
7859 .md-skin #top-search::-moz-placeholder {
7862 .md-skin #top-search::-webkit-input-placeholder {
7865 .md-skin #nestable-output,
7866 .md-skin #nestable2-output {
7867 font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
7869 .md-skin .landing-page {
7870 font-family: 'Roboto', helvetica, arial, sans-serif;
7872 .md-skin .landing-page.navbar-default.navbar-scroll {
7873 background-color: #fff !important;
7875 .md-skin .landing-page.navbar-default {
7876 background-color: transparent !important;
7879 .md-skin .landing-page.navbar-default .nav li a {
7880 font-family: 'Roboto', helvetica, arial, sans-serif;
7882 .md-skin .nav > li > a {
7884 padding: 14px 20px 14px 25px;
7886 .md-skin .nav.navbar-right > li > a {
7889 .md-skin .nav > li.active > a {
7893 .md-skin .navbar-default .nav > li > a:hover,
7894 .md-skin .navbar-default .nav > li > a:focus {
7898 .md-skin .nav .open > a,
7899 .md-skin .nav .open > a:hover,
7900 .md-skin .nav .open > a:focus {
7901 background: #1ab394;
7903 .md-skin .navbar-top-links li {
7904 display: inline-table;
7906 .md-skin .navbar-top-links .dropdown-menu li {
7909 .md-skin .pace-done .nav-header {
7910 transition: all 0.4s;
7912 .md-skin .nav > li.active {
7913 background: #f8f8f9;
7915 .md-skin .nav-second-level li a {
7916 padding: 7px 10px 7px 52px;
7918 .md-skin .navbar-top-links li a {
7922 .md-skin .nav > li > a {
7925 .md-skin .navbar-static-side .nav > li > a:focus,
7926 .md-skin .navbar-static-side .nav > li > a:hover {
7927 background-color: inherit;
7929 .md-skin .navbar-top-links .dropdown-menu li a {
7931 min-height: inherit;
7933 .md-skin .nav-header .navbar-fixed-top a {
7936 .md-skin .nav-header .text-muted {
7939 .md-skin .navbar-form-custom .form-control {
7942 .md-skin .mini-navbar .nav-second-level {
7943 background-color: inherit;
7945 .md-skin .mini-navbar li.active .nav-second-level {
7948 .md-skin .canvas-menu.mini-navbar .nav-second-level {
7949 background: inherit;
7951 .md-skin .pace-done .navbar-static-side,
7952 .md-skin .pace-done .nav-header,
7953 .md-skin .pace-done li.active,
7954 .md-skin .pace-done #page-wrapper,
7955 .md-skin .pace-done .footer {
7956 -webkit-transition: all 0.4s;
7957 -moz-transition: all 0.4s;
7958 -o-transition: all 0.4s;
7959 transition: all 0.4s;
7961 .md-skin .navbar-fixed-top {
7963 transition-duration: 0.4s;
7965 border-bottom: none !important;
7967 .md-skin .navbar-fixed-top,
7968 .md-skin .navbar-static-top {
7969 background-color: #1ab394 !important;
7970 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);
7972 .md-skin .navbar-static-side {
7973 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);
7975 .md-skin #right-sidebar {
7976 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);
7980 .md-skin .white-bg .navbar-fixed-top,
7981 .md-skin .white-bg .navbar-static-top {
7982 background: #fff !important;
7984 .md-skin .contact-box {
7985 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);
7988 .md-skin .dashboard-header {
7989 border-bottom: none !important;
7991 padding: 20px 20px 20px 20px;
7992 margin: 30px 20px 0 20px;
7993 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);
7995 @media (max-width: 768px) {
7996 .md-skin .dashboard-header {
8000 .md-skin ul.notes li div {
8001 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);
8005 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);
8007 .md-skin .mail-box {
8008 background-color: #ffffff;
8009 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);
8011 margin-bottom: 20px;
8014 .md-skin .mail-box-header {
8016 background-color: #ffffff;
8017 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);
8018 padding: 30px 20px 20px 20px;
8020 .md-skin .mailbox-content {
8023 background: #ffffff;
8025 .md-skin .social-feed-box {
8028 margin-bottom: 15px;
8029 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);
8031 .md-skin.landing-page .navbar-default {
8032 background-color: transparent !important;
8033 border-color: transparent;
8034 transition: all 0.3s ease-in-out 0s;
8037 .md-skin.landing-page .navbar-default.navbar-scroll,
8038 .md-skin.landing-page.body-small .navbar-default {
8039 background-color: #ffffff !important;
8041 .md-skin.landing-page .nav > li.active {
8042 background: inherit;
8044 .md-skin.landing-page .navbar-scroll .navbar-nav > li > a {
8047 .md-skin.landing-page .navbar-default .nav li a {
8048 font-family: 'Roboto', helvetica, arial, sans-serif;
8050 .md-skin.landing-page .nav > li > a {
8051 padding: 25px 10px 15px 10px;
8053 .md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,
8054 .md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
8055 background: inherit;
8058 .md-skin.landing-page.body-small .nav.navbar-right > li > a {
8061 .md-skin .landing_link a,
8062 .md-skin .special_link a {
8063 color: #ffffff !important;
8065 .md-skin.canvas-menu.mini-navbar .nav-second-level {
8066 background: #f8f8f9;
8068 .md-skin.mini-navbar .nav-second-level {
8069 background-color: #ffffff;
8070 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);
8072 .md-skin.mini-navbar .nav-second-level li a {
8075 .md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {
8078 .md-skin.top-navigation .nav.navbar-right > li > a {
8082 .md-skin.top-navigation .nav > li a:hover,
8083 .md-skin .top-navigation .nav > li a:focus,
8084 .md-skin.top-navigation .nav .open > a,
8085 .md-skin.top-navigation .nav .open > a:hover,
8086 .md-skin.top-navigation .nav .open > a:focus {
8088 background: #ffffff;
8090 .md-skin.top-navigation .nav > li.active a {
8092 background: #ffffff;
8094 .md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {
8097 .md-skin.fixed-sidebar.mini-navbar .navbar-static-side {
8100 .md-skin.fixed-sidebar.mini-navbar #page-wrapper {
8103 .md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper {
8106 .md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
8108 background-color: #ffffff;
8110 .md-skin.canvas-menu nav.navbar-static-side {
8112 background: #ffffff;
8117 @media (min-width: 768px) {
8120 margin: 0 0 0 220px;
8123 .navbar-static-side {
8128 .navbar-top-links .dropdown-messages,
8129 .navbar-top-links .dropdown-tasks,
8130 .navbar-top-links .dropdown-alerts {
8134 @media (max-width: 768px) {
8140 .body-small .navbar-static-side {
8146 .body-small.mini-navbar .navbar-static-side {
8152 .navbar-form-custom {
8163 min-height: 100% !important;
8165 .sidebar-content .wrapper {
8169 .fixed-sidebar.body-small .navbar-static-side {
8175 .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
8184 @media (max-width: 350px) {
8185 .timeline-item .date {
8191 .timeline-item .date i {
8198 border: 1px solid #e7eaec;
8199 background: #f8f8f8;
8201 .timeline-item .content {
8203 border-top: 1px solid #e7eaec;
8207 .nav.navbar-top-links li.dropdown {
8213 display: inline-block;
8217 @media (max-width: 1000px) {
8223 nav.navbar-static-side {