2 * Copyright 2016-2017, CMCC Technologies Co., Ltd.
\r
4 * Licensed under the Apache License, Version 2.0 (the "License");
\r
5 * you may not use this file except in compliance with the License.
\r
6 * You may obtain a copy of the License at
\r
8 * http://www.apache.org/licenses/LICENSE-2.0
\r
10 * Unless required by applicable law or agreed to in writing, software
\r
11 * distributed under the License is distributed on an "AS IS" BASIS,
\r
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
\r
13 * See the License for the specific language governing permissions and
\r
14 * limitations under the License.
\r
25 light grey: #fafafa;
\r
28 [class^="ict-"], [class*=" ict-"]{
\r
30 display: inline-block;
\r
34 .page-sidebar-menu [class^="ict-"], .page-sidebar-menu [class*=" ict-"]{
\r
37 /*********************
\r
38 GENERAL RESET & SETUP
\r
39 *********************/
\r
42 Reset and overrides
\r
46 /*font-family: 'Open Sans', sans-serif;
\r
48 font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;
\r
49 padding: 0px !important;
\r
50 margin: 0px !important;
\r
59 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't
\r
60 properly apply the media queries in Bootstrap's CSS. To address this,
\r
61 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
\r
63 @-webkit-viewport {
\r
64 width: device-width;
\r
68 width: device-width;
\r
72 width: device-width;
\r
76 width: device-width;
\r
80 width: device-width;
\r
83 /* Internet Explorer 10 doesn't differentiate device width from viewport width,
\r
84 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */
\r
86 width: auto !important;
\r
93 ::-webkit-scrollbar {
\r
97 ::-webkit-scrollbar-track {
\r
98 background-color: #eaeaea;
\r
99 border-left: 1px solid #cecece;
\r
102 ::-webkit-scrollbar-thumb {
\r
103 background-color: #cecece;
\r
106 ::-webkit-scrollbar-thumb:hover {
\r
107 background-color: #aaa;
\r
110 ::-webkit-scrollbar-track {
\r
116 ::-webkit-scrollbar-thumb {
\r
123 General typography
\r
140 font-family: Arial, sans-serif;
\r
141 font-weight: 300 !important;
\r
150 padding-top: 10px;
\r
151 padding-bottom: 10px;
\r
155 text-shadow: none !important;
\r
160 Fix link outlines after click
\r
162 a,a:focus, a:hover, a:active {
\r
167 General backgrounds. Can be applied to any block or panel
\r
171 background-image: none !important;
\r
172 background-color: #4b8df8 !important;
\r
173 border-color:#4b8df8 !important;
\r
174 color: #fff !important;
\r
178 background-image: none !important;
\r
179 background-color: #e02222 !important;
\r
180 border-color: #e02222 !important;
\r
181 color: #fff !important;
\r
185 background-image: none !important;
\r
186 background-color: #ffb848 !important;
\r
187 border-color: #ffb848 !important;
\r
188 color: #fff !important;
\r
192 background-image: none !important;
\r
193 background-color: #35aa47 !important;
\r
194 border-color: #35aa47 !important;
\r
195 color: #fff !important;
\r
199 background-image: none !important;
\r
200 background-color: #852b99 !important;
\r
201 border-color: #852b99 !important;
\r
202 color: #fff !important;
\r
206 background-image: none !important;
\r
207 background-color: #555555 !important;
\r
208 border-color: #555555 !important;
\r
209 color: #fff !important;
\r
213 background-image: none !important;
\r
214 background-color: #fafafa !important;
\r
215 border-color: #fafafa !important;
\r
224 display: inline-block;
\r
225 /* margin-top: 1px;*/
\r
227 *margin-right: .3em;
\r
232 Make font awesome icons fixed width(latest version issue)
\r
236 li [class*=" fa-"] {
\r
237 display: inline-block;
\r
239 text-align: center;
\r
241 li [class^="fa-"].icon-large,
\r
242 li [class*=" fa-"].icon-large {
\r
243 /* increased font size for icon-large */
\r
247 .page-breadcrumb .fa-angle-right{
\r
248 display:inline-block;
\r
253 .page-breadcrumb i[class^="fa-"], [class*=" fa-"],.page-breadcrumb i[class^="ict-"], [class*=" ict-"]{
\r
298 Close icon used for modal dialog and other UI element close buttons
\r
301 display: inline-block;
\r
306 background-repeat: no-repeat !important;
\r
307 text-indent: -10000px;
\r
309 background-image: url("../image/remove-icon-small.png") !important;
\r
318 background-image: url("../image/about/about-bg-light.png");
\r
322 background-image: url("../image/about/about-bg-dark.png");
\r
329 text-decoration: none;
\r
332 .about a.about_close{
\r
345 margin-right: 15px;
\r
351 .about div.info div{
\r
355 .about div.info img{
\r
356 margin-right: 55px;
\r
371 border-top: 1px solid #E0DFDF;
\r
372 border-bottom: 1px solid #FEFEFE;
\r
385 margin: 0px !important;
\r
386 padding: 0px !important;
\r
394 border:0 !important;
\r
398 margin-bottom: 5px;
\r
401 .margin-bottom-10 {
\r
402 margin-bottom: 10px !important;
\r
406 margin-top: 10px !important;
\r
409 .margin-bottom-15 {
\r
410 margin-bottom: 15px !important;
\r
413 .margin-bottom-20 {
\r
414 margin-bottom: 20px !important;
\r
418 margin-top: 20px !important;
\r
421 .margin-bottom-25 {
\r
422 margin-bottom: 25px !important;
\r
426 margin-right: 10px !important;
\r
430 font-weight:600 !important;
\r
434 margin-left: 0px !important
\r
438 border: 1px solid red;
\r
445 .text-align-reverse {
\r
457 .ie8 .visible-ie8 {
\r
458 display: inherit !important;
\r
465 .ie9 .visible-ie9 {
\r
466 display: inherit !important;
\r
474 display: none !important;
\r
482 display: none !important;
\r
485 /********************
\r
487 *********************/
\r
490 Header and header elements.
\r
495 padding: 0 20px 0 20px;
\r
504 .header.navbar.navbar-fixed-top {
\r
505 z-index: 9995 !important;
\r
508 .header.navbar .navbar-brand {
\r
509 display: inline-block;
\r
518 .header.navbar .navbar-brand img {
\r
519 margin-left: 20px;
\r
522 .header.navbar .navbar-brand.text-logo {
\r
523 padding-left: 20px;
\r
527 .header.navbar .navbar-toggle {
\r
528 margin: 8px 6px 4px 6px;
\r
531 padding-bottom: 6px;
\r
532 background-image: none;
\r
539 .header.navbar .navbar-toggle:hover {
\r
540 text-decoration: none;
\r
544 .header.navbar .navbar-nav {
\r
545 margin-right: 20px;
\r
549 .header.navbar .navbar-nav > li {
\r
554 .header.navbar .navbar-nav > li.dropdown,
\r
555 .header.navbar .navbar-nav > li.dropdown > a {
\r
556 padding-left: 4px;
\r
557 padding-right: 4px;
\r
560 .header.navbar .navbar-nav > li.dropdown > a:last-child {
\r
564 .header.navbar .navbar-nav > li.dropdown:last-child {
\r
565 padding-right: 2px;
\r
568 .header.navbar .navbar-nav > li.dropdown .dropdown-toggle {
\r
570 padding: 15px 10px 7px 10px;
\r
573 .header.navbar .navbar-nav > li.dropdown .dropdown-toggle > i {
\r
577 .header.navbar .navbar-nav > li.dropdown .dropdown-menu > li > a > i {
\r
581 .header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle {
\r
583 *padding: 9px 18px 6px 6px;
\r
586 .header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle:hover {
\r
587 text-decoration: none;
\r
590 .header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle .username {
\r
594 .header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle i {
\r
595 display: inline-block;
\r
601 .header.navbar .navbar-nav > li.dropdown.user .dropdown-menu i {
\r
603 display: inline-block;
\r
606 .header.navbar .navbar-nav > li.dropdown .dropdown-toggle .badge {
\r
607 position: absolute;
\r
613 .header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle {
\r
614 padding: 13px 0px 6px 6px;
\r
617 .header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle:hover {
\r
618 text-decoration: none;
\r
621 .header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle .sysname {
\r
625 .header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle i {
\r
626 display: inline-block;
\r
632 .header.navbar .navbar-nav > li.dropdown.system .dropdown-menu i {
\r
634 display: inline-block;
\r
640 .header.navbar .search-form {
\r
642 display: inline-block;
\r
648 .header.navbar .search-form .form-control{
\r
652 padding-right: 27px;
\r
655 .header.navbar .search-form .submit {
\r
656 position: relative;
\r
666 background-color: none;
\r
667 background-repeat: no-repeat !important;
\r
668 outline: none !important;
\r
670 filter: alpha(opacity=80);
\r
673 .header.navbar .search-form .submit:hover {
\r
675 filter: alpha(opacity=100);
\r
682 .header.navbar .navbar-nav > li.dropdown.language {
\r
688 .header.navbar .navbar-nav > li.dropdown.language > a {
\r
691 padding: 11px 1px 11px 5px;
\r
694 .header.navbar .navbar-nav > li.dropdown.language > a > img {
\r
695 margin-bottom: 2px;
\r
698 .header.navbar .navbar-nav > li.dropdown.language > a > i {
\r
702 .header.navbar .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img {
\r
703 margin-bottom: 2px;
\r
706 .header.navbar .navbar-nav .dropdown-menu {
\r
717 position: relative;
\r
720 .page-container:before,
\r
721 .page-container:after {
\r
726 .page-container:after {
\r
730 .page-header-fixed .page-container {
\r
734 /*** IE 8 Fixes ***/
\r
739 .ie8 .page-sidebar {
\r
742 position: relative;
\r
743 margin-right: -100%;
\r
750 .ie8 .page-content-wrapper {
\r
755 .ie8 .page-content {
\r
756 margin-left: 225px;
\r
758 min-height: 540px;
\r
759 padding: 20px 20px 20px 20px;
\r
761 /*** IE 8 Fixes ***/
\r
767 .page-sidebar.navbar-collapse {
\r
771 .page-sidebar-menu {
\r
779 .page-sidebar-menu > li {
\r
786 .page-sidebar-menu > li.start > a {
\r
787 border-top-color: transparent !important;
\r
790 .page-sidebar-menu > li:last-child > a,
\r
791 .page-sidebar-menu > li.last > a {
\r
792 border-bottom-color: transparent !important;
\r
795 .page-sidebar-menu > li > a {
\r
797 position: relative;
\r
800 padding: 10px 15px;
\r
801 text-decoration: none;
\r
806 .page-sidebar-fixed .page-sidebar-menu > li > a {
\r
807 -webkit-transition: all 0.2s ease;
\r
808 -moz-transition: all 0.2s ease;
\r
809 -o-transition: all 0.2s ease;
\r
810 transition: all 0.2s ease;
\r
813 .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-menu > li > a{
\r
814 -webkit-transition: none;
\r
815 -moz-transition: none;
\r
816 -o-transition: none;
\r
820 .page-sidebar-menu > li > a i {
\r
826 .page-sidebar-menu > li.break {
\r
827 margin-bottom: 20px;
\r
830 .page-sidebar-menu > li.open > a {
\r
834 .page-sidebar-menu > li.active > a {
\r
840 .page-sidebar-menu > li.active > a .selected {
\r
844 background-image: url("../image/sidebar-menu-arrow.png");
\r
846 position: absolute;
\r
851 .page-sidebar-reversed .page-sidebar-menu > li.active > a .selected {
\r
852 background-image: url("../image/sidebar-menu-arrow-reverse.png");
\r
857 .page-sidebar ul > li > a > .arrow:before {
\r
863 font-family: FontAwesome;
\r
870 .page-sidebar-menu > li > a > .arrow.open:before {
\r
875 font-family: FontAwesome;
\r
883 /* bagin: sidebar menu badges */
\r
884 .page-sidebar-menu li > a > .badge {
\r
887 margin-right: 13px;
\r
890 /* end: sidebar menu badges */
\r
892 .page-sidebar-menu .sub-menu {
\r
896 .page-sidebar-menu > li > ul.sub-menu {
\r
900 margin: 8px 0px 8px 0px;
\r
903 .page-sidebar-menu > li.active > ul.sub-menu {
\r
907 .page-sidebar-menu > li > ul.sub-menu > li {
\r
911 margin-top: 1px !important;
\r
914 .page-sidebar-menu > li > ul.sub-menu > li > a {
\r
916 margin: 0px 0px 0px 0px;
\r
918 padding-left: 44px !important;
\r
919 text-decoration: none;
\r
925 /* 3rd level sub menu */
\r
926 .page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu {
\r
930 margin: 0px 0px 0px 0px;
\r
933 .page-sidebar-menu > li > ul.sub-menu li > a > .arrow:before {
\r
936 margin-right: 20px;
\r
939 font-family: FontAwesome;
\r
946 .page-sidebar-menu > li > ul.sub-menu li > a > .arrow.open:before {
\r
949 margin-right: 18px;
\r
951 font-family: FontAwesome;
\r
959 .page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
\r
963 .page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu li {
\r
967 margin-top: 1px !important;
\r
970 .page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a {
\r
972 margin: 0px 0px 0px 0px;
\r
974 text-decoration: none;
\r
980 .page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
\r
981 padding-left: 60px;
\r
984 .page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
\r
985 padding-left: 80px;
\r
988 .page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
\r
993 .page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a > i {
\r
1001 .page-sidebar .sidebar-search {
\r
1006 .page-sidebar .header.navbar-responsive-search {
\r
1010 .page-sidebar .sidebar-search .form-container {
\r
1011 margin: 15px 20px 15px 20px;
\r
1016 .page-sidebar .sidebar-search .form-container .submit {
\r
1022 background-repeat: no-repeat;
\r
1026 outline: none !important;
\r
1029 .page-sidebar .sidebar-search .form-container input[type="text"] {
\r
1033 padding: 0 !important;
\r
1034 font-size: 14px !important;
\r
1035 box-shadow: none !important;
\r
1037 font-weight: normal;
\r
1040 .page-sidebar .sidebar-search .form-container input[type="text"]:focus {
\r
1041 outline: none !important;
\r
1045 Sidebar toggler(show/hide)
\r
1047 .sidebar-toggler {
\r
1050 filter: alpha(opacity=50);
\r
1053 background-repeat: no-repeat;
\r
1056 .sidebar-toggler:hover {
\r
1057 filter: alpha(opacity=100);
\r
1061 .page-sidebar .sidebar-toggler {
\r
1063 /* margin-left: 175px;*/
\r
1066 .header.navbar .sidebar-toggler {
\r
1068 display: inline-block;
\r
1070 margin-left: -42px;
\r
1079 background-color: #fff;
\r
1082 .ie8 .page-content {
\r
1084 margin-left: 225px;
\r
1086 min-height: 760px;
\r
1089 .ie8 .page-sidebar-fixed .page-content {
\r
1090 min-height: 600px;
\r
1093 .ie8 .page-content.no-min-height {
\r
1097 .page-full-width .page-content {
\r
1098 margin-left: 0px !important;
\r
1101 .page-full-width .page-sidebar-menu {
\r
1111 letter-spacing: -1px;
\r
1114 margin: 0px 0px 15px 0px;
\r
1116 font-family: 'Open Sans', sans-serif;
\r
1119 .page-title small {
\r
1121 letter-spacing: 0px;
\r
1130 .ie8 .row .page-breadcrumb.breadcrumb > li {
\r
1131 margin-right: 1px;
\r
1134 .page-content .page-breadcrumb.breadcrumb {
\r
1135 -webkit-border-radius: 0px;
\r
1136 -moz-border-radius: 0px;
\r
1137 border-radius: 0px;
\r
1139 padding-right: 30px;
\r
1140 padding-left: 8px;
\r
1142 margin-bottom: 25px;
\r
1143 border:0px !important;
\r
1144 background-color: #fff;
\r
1147 .page-content .page-breadcrumb.breadcrumb > li > a,
\r
1148 .page-content .page-breadcrumb.breadcrumb > li > i,
\r
1149 .page-content .page-breadcrumb.breadcrumb > li > span {
\r
1155 .page-content .page-breadcrumb.breadcrumb > li > i {
\r
1159 .page-content .page-breadcrumb.breadcrumb > li+li:before {
\r
1163 /* Dashboard breadcrumb Dropdown */
\r
1164 .page-content .page-breadcrumb.breadcrumb .more-botton-zone .btn-group {
\r
1166 position: absolute;
\r
1169 .page-content .page-breadcrumb.breadcrumb .more-botton-zone {
\r
1173 .page-content .page-breadcrumb.breadcrumb .more-botton-zone .btn-group .btn {
\r
1175 padding-bottom: 8px;
\r
1179 /* Dashboard date range panel */
\r
1180 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range {
\r
1181 position: relative;
\r
1183 margin-right: -30px;
\r
1185 padding: 9px 9px 8px 9px;
\r
1188 background-color: #e02222;
\r
1191 /* hack for chrome and safari */
\r
1192 @media all and (-webkit-min-device-pixel-ratio:0) {
\r
1193 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range {
\r
1198 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span {
\r
1200 font-weight: 300;
\r
1202 text-transform: uppercase;
\r
1205 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-calendar {
\r
1206 text-transform: none;
\r
1212 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-angle-down {
\r
1222 padding: 8px 20px 5px 20px;
\r
1237 .footer .footer-inner {
\r
1239 display: inline-block;
\r
1242 .footer .footer-tools {
\r
1244 display: inline-block;
\r
1247 .footer .footer-tools .go-top {
\r
1249 text-decoration: none;
\r
1252 margin-right: 0px;
\r
1253 margin-bottom: 0px;
\r
1255 padding: 0px 6px 0px 6px;
\r
1258 .footer .footer-tools .go-top i {
\r
1260 margin-bottom: 5px;
\r
1264 /********************
\r
1265 GENERAL UI ELEMENTS
\r
1266 *********************/
\r
1273 margin-right: 5px;
\r
1274 font-weight: normal;
\r
1279 color: #000 !important;
\r
1283 text-decoration: none;
\r
1284 -webkit-transition: all 0.1s ease-in-out;
\r
1285 -moz-transition: all 0.1s ease-in-out;
\r
1286 -o-transition: all 0.1s ease-in-out;
\r
1287 -ms-transition: all 0.1s ease-in-out;
\r
1288 transition: all 0.1s ease-in-out;
\r
1290 filter:alpha(opacity=40);
\r
1294 font-size: 16px !important;
\r
1317 background-color: #fafafa;
\r
1318 border: 1px solid #eee;
\r
1319 -webkit-border-radius: 0px;
\r
1320 -moz-border-radius: 0px;
\r
1321 border-radius: 0px;
\r
1322 -webkit-box-shadow: none !important;
\r
1323 -moz-box-shadow: none !important;
\r
1324 box-shadow: none !important;
\r
1328 padding: 7px !important;
\r
1337 Bordered form layout
\r
1344 /* input with right aligned and colored icons */
\r
1346 /* input with left aligned icons */
\r
1348 position: relative;
\r
1352 .input-icon input {
\r
1353 padding-left: 33px !important;
\r
1359 position: absolute;
\r
1360 margin: 11px 2px 4px 10px;
\r
1364 text-align: center;
\r
1367 .input-icon.right input {
\r
1368 padding-left: 12px !important;
\r
1369 padding-right: 33px !important;
\r
1372 .input-icon.right i {
\r
1377 .has-success .input-icon > i {
\r
1381 .has-warning .input-icon > i {
\r
1385 .has-error .input-icon > i {
\r
1395 margin-bottom: 25px;
\r
1399 .portlet > .portlet-title {
\r
1400 margin-bottom: 15px;
\r
1401 border-bottom: 1px solid #eee;
\r
1404 .portlet > .portlet-title:after,
\r
1405 .portlet > .portlet-title:before {
\r
1411 .portlet > .portlet-title:after {
\r
1415 .portlet > .portlet-title > .caption {
\r
1417 display: inline-block;
\r
1419 line-height: 18px;
\r
1423 margin-bottom: 8px;
\r
1426 .portlet > .portlet-title > .caption > i {
\r
1429 display: inline-block !important;
\r
1431 margin-right: 5px;
\r
1435 .portlet.blue > .portlet-title > .caption,
\r
1436 .portlet.green > .portlet-title > .caption,
\r
1437 .portlet.yellow > .portlet-title > .caption,
\r
1438 .portlet.red > .portlet-title > .caption,
\r
1439 .portlet.purple > .portlet-title > .caption,
\r
1440 .portlet.grey > .portlet-title > .caption {
\r
1444 .portlet.box.blue > .portlet-title > .caption > i,
\r
1445 .portlet.box.green > .portlet-title > .caption > i,
\r
1446 .portlet.box.grey > .portlet-title > .caption > i,
\r
1447 .portlet.box.yellow > .portlet-title > .caption > i,
\r
1448 .portlet.box.red > .portlet-title > .caption > i,
\r
1449 .portlet.box.purple > .portlet-title > .caption > i,
\r
1450 .portlet.box.light-grey > .portlet-title > .caption > i{
\r
1454 .sortable .portlet > .portlet-title {
\r
1458 .portlet > .portlet-title > .tools,
\r
1459 .portlet > .portlet-title > .actions
\r
1461 display: inline-block;
\r
1468 .portlet > .portlet-title > .tools > a {
\r
1469 display: inline-block;
\r
1474 .portlet > .portlet-title > .actions > .dropdown-menu i {
\r
1475 color: #000 !important;
\r
1478 .portlet > .portlet-title > .tools > a.remove {
\r
1479 margin-bottom: 2px;
\r
1480 background-image:url(../image/portlet-remove-icon.png);
\r
1481 background-repeat: no-repeat;
\r
1485 .portlet > .portlet-title > .tools > a.config {
\r
1486 margin-bottom: 2px;
\r
1487 background-image:url(../image/portlet-config-icon.png);
\r
1488 background-repeat: no-repeat;
\r
1492 .portlet > .portlet-title > .tools > a.reload {
\r
1493 margin-bottom: 2px;
\r
1494 background-image:url(../image/portlet-reload-icon.png);
\r
1498 .portlet > .portlet-title > .tools > a.expand {
\r
1499 margin-bottom: 2px;
\r
1500 background-image:url(../image/portlet-expand-icon.png);
\r
1504 .portlet > .portlet-title > .tools > a.collapse {
\r
1505 margin-bottom: 2px;
\r
1506 background-image:url(../image/portlet-collapse-icon.png);
\r
1510 .portlet > .portlet-title > .tools > a:hover {
\r
1511 text-decoration: none;
\r
1512 -webkit-transition: all 0.1s ease-in-out;
\r
1513 -moz-transition: all 0.1s ease-in-out;
\r
1514 -o-transition: all 0.1s ease-in-out;
\r
1515 -ms-transition: all 0.1s ease-in-out;
\r
1516 transition: all 0.1s ease-in-out;
\r
1518 filter:'alpha(opacity=60)';
\r
1521 .portlet > .portlet-title > .actions > .btn-group {
\r
1522 margin-top: -13px;
\r
1525 .portlet > .portlet-title > .actions > .btn {
\r
1526 padding: 4px 10px;
\r
1527 margin-top: -14px;
\r
1530 .portlet > .portlet-title > .actions > .btn-group > .btn {
\r
1531 padding: 4px 10px;
\r
1535 .portlet > .portlet-title > .actions > .btn.btn-sm {
\r
1537 margin-top: -13px;
\r
1540 .portlet > .portlet-title > .actions > .btn-group > .btn-sm {
\r
1545 .portlet > .portlet-title > .pagination.pagination-sm {
\r
1546 float: right !important;
\r
1547 display: inline-block !important;
\r
1552 @media (max-width: 767px) {
\r
1553 .portlet > .portlet-title > .actions.btn-set > .btn-group,
\r
1554 .portlet > .portlet-title > .actions.btn-set > .btn {
\r
1556 margin-bottom: 5px;
\r
1560 .portlet > .portlet-body {
\r
1565 .portlet > .portlet-empty {
\r
1566 min-height: 125px;
\r
1569 .portlet > .portlet-body.light-blue, .portlet.light-blue {
\r
1570 background-color: #bfd5fa !important;
\r
1573 .portlet > .portlet-body.blue, .portlet.blue {
\r
1574 background-color: #4b8df8 !important;
\r
1577 .portlet > .portlet-body.red, .portlet.red {
\r
1578 background-color: #e02222 !important;
\r
1581 .portlet > .portlet-body.yellow, .portlet.yellow {
\r
1582 background-color: #ffb848 !important;
\r
1585 .portlet > .portlet-body.green, .portlet.green {
\r
1586 background-color: #35aa47 !important;
\r
1589 .portlet > .portlet-body.purple, .portlet.purple {
\r
1590 background-color: #852b99 !important;
\r
1593 .portlet > .portlet-body.light-grey, .portlet.light-grey {
\r
1594 background-color: #fafafa !important;
\r
1597 .portlet > .portlet-body.grey, .portlet.grey {
\r
1598 background-color: #555555 !important;
\r
1601 /* draggable girds */
\r
1603 .ui-sortable-placeholder {
\r
1604 border: 1px dotted black;
\r
1605 visibility: visible !important;
\r
1606 height: 100% !important;
\r
1609 .ui-sortable-placeholder * {
\r
1610 visibility: hidden;
\r
1613 .sortable-box-placeholder {
\r
1614 background-color: #f5f5f5;
\r
1615 border: 1px dashed #DDDDDD;
\r
1618 margin-top: 0px !important;
\r
1619 margin-bottom: 24px !important;
\r
1622 .sortable-box-placeholder * {
\r
1623 visibility:hidden;
\r
1627 Solid colored portlet
\r
1633 .portlet.solid > .portlet-title > .tools {
\r
1638 .portlet.solid > .portlet-title {
\r
1639 margin-bottom: 5px;
\r
1643 .portlet.solid.bordered > .portlet-title {
\r
1644 margin-bottom: 15px;
\r
1647 .portlet.solid.red > .portlet-title,
\r
1648 .portlet.solid.red > .portlet-title > .caption > i,
\r
1649 .portlet.solid.red > .portlet-body,
\r
1651 .portlet.solid.green > .portlet-title,
\r
1652 .portlet.solid.green > .portlet-title > .caption > i,
\r
1653 .portlet.solid.green > .portlet-body,
\r
1655 .portlet.solid.yellow > .portlet-title,
\r
1656 .portlet.solid.yellow > .portlet-title > .caption > i,
\r
1657 .portlet.solid.yellow > .portlet-body,
\r
1659 .portlet.solid.grey > .portlet-title,
\r
1660 .portlet.solid.grey > .portlet-title > .caption > i,
\r
1661 .portlet.solid.grey > .portlet-body,
\r
1663 .portlet.solid.purple > .portlet-title,
\r
1664 .portlet.solid.purple > .portlet-title > .caption > i,
\r
1665 .portlet.solid.purple > .portlet-body,
\r
1667 .portlet.solid.blue > .portlet-title,
\r
1668 .portlet.solid.blue > .portlet-title > .caption > i,
\r
1669 .portlet.solid.blue > .portlet-body {
\r
1674 .portlet.bordered {
\r
1675 border-left: 2px solid #ddd;
\r
1683 padding:0px !important
\r
1686 .portlet.box > .portlet-title {
\r
1687 padding:8px 10px 2px 10px;
\r
1688 border-bottom: 1px solid #eee;
\r
1689 color: #fff !important;
\r
1692 .portlet.box > .portlet-title > .tools {
\r
1696 .portlet.box > .portlet-title > .tools > a.remove,
\r
1697 .portlet.solid > .portlet-title > .tools > a.remove {
\r
1698 background-image:url(../image/portlet-remove-icon-white.png);
\r
1701 .portlet.box > .portlet-title > .tools > a.config,
\r
1702 .portlet.solid > .portlet-title > .tools > a.config {
\r
1703 background-image:url(../image/portlet-config-icon-white.png);
\r
1706 .portlet.box > .portlet-title > .tools > a.reload,
\r
1707 .portlet.solid > .portlet-title > .tools > a.reload {
\r
1708 background-image:url(../image/portlet-reload-icon-white.png);
\r
1711 .portlet.box > .portlet-title > .tools > a.expand,
\r
1712 .portlet.solid > .portlet-title > .tools > a.expand {
\r
1713 background-image:url(../image/portlet-expand-icon-white.png);
\r
1716 .portlet.box > .portlet-title > .tools > a.collapse,
\r
1717 .portlet.solid > .portlet-title > .tools > a.collapse {
\r
1718 background-image:url(../image/portlet-collapse-icon-white.png);
\r
1721 /* portlet buttons */
\r
1722 .portlet.box > .portlet-body {
\r
1723 background-color: #fff;
\r
1727 .portlet.box > .portlet-title {
\r
1728 margin-bottom: 0px;
\r
1731 .portlet.box.blue > .portlet-title {
\r
1732 background-color: #4b8df8;
\r
1735 .portlet.box.blue {
\r
1736 border: 1px solid #b4cef8;
\r
1740 .portlet.box.red > .portlet-title {
\r
1741 background-color: #e02222;
\r
1744 .portlet.box.red {
\r
1745 border: 1px solid #ef8476;
\r
1749 .portlet.box.yellow > .portlet-title {
\r
1750 background-color: #ffb848;
\r
1753 .portlet.box.yellow {
\r
1754 border: 1px solid #fccb7e;
\r
1758 .portlet.box.green > .portlet-title {
\r
1759 background-color: #35aa47;
\r
1762 .portlet.box.green {
\r
1763 border: 1px solid #77e588;
\r
1767 .portlet.box.purple > .portlet-title {
\r
1768 background-color: #852b99;
\r
1771 .portlet.box.purple {
\r
1772 border: 1px solid #af5cc1;
\r
1776 .portlet.box.grey > .portlet-title {
\r
1777 background-color: #555555;
\r
1780 .portlet.box.grey {
\r
1781 border: 1px solid #9d9c9c;
\r
1785 .portlet.box.light-grey > .portlet-title {
\r
1786 background-color: #aaa;
\r
1789 .portlet.box.light-grey {
\r
1790 border: 1px solid #bbb;
\r
1795 Charts and statistics
\r
1797 .chart, .pie, .bars {
\r
1805 .item-list.table .percent {
\r
1808 margin-right: 10px;
\r
1818 background-color: #736e6e !important;
\r
1819 padding: 5px !important;
\r
1823 .chart-tooltip .label {
\r
1826 margin-bottom: 2px;
\r
1830 Mini chart containers
\r
1841 Custom icon buttons
\r
1846 margin: 5px 5px 0 0;
\r
1847 border: 1px solid #ddd;
\r
1848 padding: 12px 0px 0px 0px;
\r
1849 background-color: #fafafa !important;
\r
1850 background-image: none !important;
\r
1851 filter:none !important;
\r
1852 -webkit-box-shadow: none !important;
\r
1853 -moz-box-shadow: none !important;
\r
1854 box-shadow: none !important;
\r
1855 display:inline-block !important;
\r
1856 color: #646464 !important;
\r
1857 text-shadow: none !important;
\r
1858 text-align: center;
\r
1860 position: relative;
\r
1861 -webkit-transition: all 0.3s ease !important;
\r
1862 -moz-transition: all 0.3s ease !important;
\r
1863 -ms-transition: all 0.3s ease !important;
\r
1864 -o-transition: all 0.3s ease !important;
\r
1865 transition: all 0.3s ease !important;
\r
1872 .ie8 .icon-btn:hover {
\r
1873 filter: none !important;
\r
1877 text-decoration: none !important;
\r
1878 border-color: #999 !important;
\r
1879 color: #444 !important;
\r
1880 text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
\r
1881 -webkit-transition: all 0.3s ease !important;
\r
1882 -moz-transition: all 0.3s ease !important;
\r
1883 -ms-transition: all 0.3s ease !important;
\r
1884 -o-transition: all 0.3s ease !important;
\r
1885 transition: all 0.3s ease !important;
\r
1886 -webkit-box-shadow: none !important;
\r
1887 -moz-box-shadow: none !important;
\r
1888 box-shadow: none !important;
\r
1891 .icon-btn:hover .badge {
\r
1892 -webkit-transition: all 0.3s ease !important;
\r
1893 -moz-transition: all 0.3s ease !important;
\r
1894 -ms-transition: all 0.3s ease !important;
\r
1895 -o-transition: all 0.3s ease !important;
\r
1896 transition: all 0.3s ease !important;
\r
1897 -webkit-box-shadow: none !important;
\r
1898 -moz-box-shadow: none !important;
\r
1899 box-shadow: none !important;
\r
1903 font-family: 'Open Sans', sans-serif;
\r
1905 margin-bottom: 20px;
\r
1911 .icon-btn .badge {
\r
1912 position: absolute;
\r
1913 font-family: 'Open Sans', sans-serif;
\r
1914 font-size: 11px !important;
\r
1918 padding: 3px 6px 3px 6px;
\r
1919 color: white !important;
\r
1920 text-shadow: none;
\r
1922 border-style: solid;
\r
1923 -webkit-border-radius: 12px !important;
\r
1924 -moz-border-radius: 12px !important;
\r
1925 border-radius: 12px !important;
\r
1926 -webkit-box-shadow: none;
\r
1927 -moz-box-shadow: none;
\r
1931 /* extended dropdowns */
\r
1932 .dropdown-menu.extended {
\r
1933 min-width: 160px !important;
\r
1934 max-width: 300px !important;
\r
1935 width: 233px !important;
\r
1936 background-color: #ffffff !important;
\r
1939 .dropdown-menu.extended:before,
\r
1940 .dropdown-menu.extended:after {
\r
1941 border-bottom-color: #ddd !important;
\r
1944 .dropdown-menu.extended li a{
\r
1946 padding: 5px 10px !important;
\r
1948 font-weight: normal;
\r
1949 line-height: 20px;
\r
1950 white-space: normal !important;
\r
1953 .dropdown-menu.extended li i{
\r
1954 margin-right: 3px;
\r
1957 .dropdown-menu.extended li a{
\r
1959 padding: 10px !important;
\r
1960 background-color: #ffffff;
\r
1963 .dropdown-menu.extended li a:hover {
\r
1964 background-image: none;
\r
1965 background-color: #f5f5f5;
\r
1970 .dropdown-menu.extended li p{
\r
1972 background-color: #eee;
\r
1979 .dropdown-menu.extended li a{
\r
1980 padding: 7px 0 5px 0px;
\r
1982 border-bottom: 1px solid #f4f4f4 !important;
\r
1984 text-shadow: none;
\r
1987 .dropdown-menu.extended li:first-child a {
\r
1989 border-bottom: 1px solid #f4f4f4 !important;
\r
1992 .dropdown-menu.extended li:last-child a {
\r
1993 border-top: 1px solid white !important;
\r
1994 border-bottom: 1px solid #f4f4f4 !important;
\r
1997 .dropdown-menu.extended li.external > a {
\r
1999 font-weight: 400;
\r
2002 .dropdown-menu.extended li.external > a > i{
\r
2007 /* header notifications dropdowns */
\r
2008 .dropdown-menu .dropdown-menu-list.scroller {
\r
2009 padding-right: 0 !important;
\r
2014 .dropdown-menu.notification li > a .time {
\r
2017 text-align: right;
\r
2018 font-style: italic;
\r
2021 /* header inbox dropdowns */
\r
2022 .dropdown-menu.inbox li > a .photo {
\r
2024 padding-right: 6px;
\r
2027 .dropdown-menu.inbox li > a .photo > img {
\r
2032 .dropdown-menu.inbox li > a .subject {
\r
2036 .dropdown-menu.inbox li > a .subject .from {
\r
2042 .dropdown-menu.inbox li > a .subject .time {
\r
2045 font-style: italic;
\r
2046 position: relative;
\r
2050 .dropdown-menu.inbox li > a .message {
\r
2051 display: block !important;
\r
2055 /* header tasks */
\r
2056 .dropdown-menu.tasks .task {
\r
2057 margin-bottom: 5px;
\r
2060 .dropdown-menu.tasks .task .desc {
\r
2065 .dropdown-menu.tasks .task .percent {
\r
2068 font-family: 'Open Sans', sans-serif;
\r
2070 display: inline-block;
\r
2073 .dropdown-menu.tasks .progress {
\r
2080 General list for item with image
\r
2082 .item-list li .img {
\r
2087 margin-right: 5px;
\r
2096 padding: 7px 0 5px 0px;
\r
2098 border-top: 1px solid white;
\r
2099 border-bottom: 1px solid #EBEBEB;
\r
2103 .item-list li:first-child {
\r
2105 border-bottom: 1px solid #EBEBEB;
\r
2108 .item-list li:last-child {
\r
2110 border-bottom: none;
\r
2113 .item-list li .label {
\r
2114 margin-right: 5px;
\r
2117 .item-list.todo li .label {
\r
2118 position: absolute;
\r
2122 .item-list.todo li .actions {
\r
2123 position: absolute;
\r
2131 margin-bottom: 15px;
\r
2134 .table.table-full-width {
\r
2135 width: 100% !important;
\r
2140 margin-left: 0px;
\r
2141 margin-right: 5px;
\r
2144 .table thead tr th {
\r
2150 margin-bottom: 10px !important;
\r
2153 .table-advance thead {
\r
2157 .table-advance thead tr th{
\r
2158 background-color: #DDD;
\r
2160 font-weight: 400;
\r
2164 .table-advance div.success,
\r
2165 .table-advance div.info,
\r
2166 .table-advance div.important,
\r
2167 .table-advance div.warning,
\r
2168 .table-advance div.danger {
\r
2169 position: absolute;
\r
2174 margin-right: 20px !important;
\r
2177 .table-advance tr td {
\r
2178 border-left-width: 0px;
\r
2180 .table-advance tr td:first-child {
\r
2181 border-left-width: 1px !important;
\r
2184 .table-advance tr td.highlight:first-child a {
\r
2185 margin-left: 15px;
\r
2188 .table-advance td.highlight div.success {
\r
2189 border-left: 2px solid #66ee66;
\r
2192 .table-advance td.highlight div.info {
\r
2193 border-left: 2px solid #87ceeb;
\r
2196 .table-advance td.highlight div.important {
\r
2197 border-left: 2px solid #f02c71;
\r
2200 .table-advance td.highlight div.warning {
\r
2201 border-left: 2px solid #fdbb39;
\r
2204 .table-advance td.highlight div.danger {
\r
2205 border-left: 2px solid #e23e29;
\r
2212 unicode-bidi: bidi-override;
\r
2217 .rating span.star {
\r
2218 font-family: FontAwesome;
\r
2219 font-weight: normal;
\r
2220 font-style: normal;
\r
2221 display: inline-block;
\r
2224 .rating span.star:hover {
\r
2228 .rating span.star:before {
\r
2230 padding-right: 5px;
\r
2234 .rating span.star:hover:before,
\r
2235 .rating span.star:hover ~ span.star:before {
\r
2242 Item block with details shown on hover
\r
2247 margin-bottom: 20px;
\r
2253 background-color: #000;
\r
2254 color: #fff !important;
\r
2256 text-align: center;
\r
2257 position: relative;
\r
2259 margin-bottom:-30px;
\r
2260 overflow: hidden;
\r
2264 .item:hover .details {
\r
2267 filter: alpha(opacity = 70);
\r
2270 .item:hover .zoom-icon{
\r
2272 filter: alpha(opacity = 50);
\r
2276 Zoom icon overlay on images
\r
2282 position: relative;
\r
2286 .zoom .zoom-icon {
\r
2287 background-image:url("../image/overlay-icon.png");
\r
2288 background-color: #222;
\r
2289 background-repeat: no-repeat;
\r
2290 background-position: 50%;
\r
2291 position: absolute;
\r
2295 filter: alpha(opacity = 0);
\r
2306 margin-top: -15px;
\r
2312 margin: 10px auto;
\r
2316 .chats li img.avatar {
\r
2319 -webkit-border-radius: 50% !important;
\r
2320 -moz-border-radius: 50% !important;
\r
2321 border-radius: 50% !important;
\r
2324 .chats li.in img.avatar {
\r
2326 margin-right: 10px;
\r
2335 .chats li .datetime {
\r
2341 .chats li.out img.avatar {
\r
2343 margin-left: 10px;
\r
2346 .chats li .message {
\r
2349 position: relative;
\r
2352 .chats li.in .message {
\r
2354 border-left: 2px solid #35aa47;
\r
2355 margin-left: 65px;
\r
2356 background: #fafafa
\r
2359 .chats li.in .message .arrow {
\r
2361 position: absolute;
\r
2367 border-top: 8px solid transparent;
\r
2368 border-bottom: 8px solid transparent;
\r
2369 border-right: 8px solid #35aa47;
\r
2372 .chats li.out .message .arrow {
\r
2374 position: absolute;
\r
2377 border-top: 8px solid transparent;
\r
2378 border-bottom: 8px solid transparent;
\r
2379 border-left: 8px solid #da4a38;
\r
2382 .chats li.out .message {
\r
2383 border-right: 2px solid #da4a38;
\r
2384 margin-right: 65px;
\r
2385 background: #fafafa;
\r
2386 text-align: right;
\r
2389 .chats li.out .name,
\r
2390 .chats li.out .datetime {
\r
2391 text-align: right;
\r
2394 .chats li .message .body {
\r
2401 background-color: #e9eff3;
\r
2406 .chat-form .input-cont {
\r
2407 margin-right: 40px;
\r
2410 .chat-form .input-cont .form-control {
\r
2411 width: 100% !important;
\r
2412 margin-bottom: 0px;
\r
2415 .chat-form .input-cont input{
\r
2416 border: 1px solid #ddd;
\r
2417 width: 100% !important;
\r
2421 .chat-form .input-cont input {
\r
2422 background-color: #fff !important;
\r
2425 .chat-form .input-cont input:focus{
\r
2426 border: 1px solid #4b8df9 !important;
\r
2429 .chat-form .btn-cont {
\r
2430 margin-top: -42px;
\r
2431 position: relative;
\r
2436 .chat-form .btn-cont .arrow {
\r
2437 position: absolute;
\r
2440 border-top: 8px solid transparent;
\r
2441 border-bottom: 8px solid transparent;
\r
2442 border-right: 8px solid #4d90fe;
\r
2443 -webkit-box-sizing: border-box;
\r
2444 -moz-box-sizing: border-box;
\r
2445 box-sizing: border-box;
\r
2448 .chat-form .btn-cont:hover .arrow {
\r
2449 border-right-color: #0362fd;
\r
2452 .chat-form .btn-cont:hover .btn {
\r
2453 background-color: #0362fd;
\r
2456 .chat-form .btn-cont .btn {
\r
2470 background-color: #fafafa;
\r
2471 margin-bottom: 7px;
\r
2474 .feeds li:before,
\r
2485 .feeds li:last-child {
\r
2486 margin-bottom: 0px;
\r
2498 margin-left:-75px;
\r
2501 .feeds .col1 .cont {
\r
2503 margin-right:75px;
\r
2507 .feeds .col1 .cont .cont-col1 {
\r
2509 margin-right:-100%;
\r
2512 .feeds .col1 .cont .cont-col1 .label {
\r
2513 display: inline-block;
\r
2514 padding: 5px 4px 6px 5px;
\r
2515 vertical-align: middle;
\r
2516 text-align: center;
\r
2518 .feeds .col1 .cont .cont-col1 .label > i {
\r
2519 text-align: center;
\r
2523 .feeds .col1 .cont .cont-col2 {
\r
2528 .feeds .col1 .cont .cont-col2 .desc {
\r
2531 padding-bottom: 5px;
\r
2535 .feeds .col2 .date {
\r
2536 padding: 4px 9px 5px 4px;
\r
2537 text-align: right;
\r
2538 font-style: italic;
\r
2546 margin-bottom: 10px !important;
\r
2551 margin-right: 5px;
\r
2554 .user-info .details {
\r
2555 display: inline-block;
\r
2558 .user-info .label {
\r
2566 .accordion-heading {
\r
2570 .accordion-heading a {
\r
2571 text-decoration:none;
\r
2574 .accordion-heading a:hover {
\r
2575 text-decoration:none;
\r
2579 Vertical inline menu
\r
2581 .ver-inline-menu {
\r
2587 .ver-inline-menu li {
\r
2588 position:relative;
\r
2589 margin-bottom:1px;
\r
2592 .ver-inline-menu li i {
\r
2595 display: inline-block;
\r
2598 padding:12px 10px 10px 8px;
\r
2600 text-align: center;
\r
2601 background:#e0eaf0 !important;
\r
2604 .ver-inline-menu li a {
\r
2608 background:#f0f6fa;
\r
2609 border-left:solid 2px #c4d5df;
\r
2612 .ver-inline-menu li:hover a,
\r
2613 .ver-inline-menu li:hover i {
\r
2614 background:#e0eaf0;
\r
2615 text-decoration:none;
\r
2618 .ver-inline-menu li:hover i {
\r
2620 background:#c4d5df !important;
\r
2623 .ver-inline-menu li.active a,
\r
2624 .ver-inline-menu li:hover a {
\r
2628 .ver-inline-menu li.active a {
\r
2629 border-left:solid 2px #0c91e5;
\r
2632 .ver-inline-menu li.active a,
\r
2633 .ver-inline-menu li.active i {
\r
2635 background:#169ef4;
\r
2636 text-decoration:none;
\r
2639 .ver-inline-menu li.active i {
\r
2640 background:#0c91e5 !important;
\r
2643 .ver-inline-menu li.active:after {
\r
2645 display: inline-block;
\r
2646 border-bottom: 6px solid transparent;
\r
2647 border-top: 6px solid transparent;
\r
2648 border-left: 6px solid #169ef4;
\r
2649 position: absolute;
\r
2657 .nav-tabs > li > a > .badge,
\r
2658 .nav-pills > li > a > .badge {
\r
2662 .nav-tabs > li > a,
\r
2663 .nav-pills > li > a {
\r
2667 .nav-tabs-sm > li > a,
\r
2668 .nav-pills-sm > li > a {
\r
2672 .tabbable-custom {
\r
2673 margin-bottom: 15px;
\r
2678 .tabbable-custom > .nav-tabs {
\r
2683 .tabbable-custom > .tab-content {
\r
2684 background-color: #fff;
\r
2685 border: 1px solid #ddd;
\r
2686 -webkit-border-radius: 0;
\r
2687 -moz-border-radius: 0;
\r
2688 border-radius: 0;
\r
2692 .tabbable-custom.nav-justified .tab-content {
\r
2696 .tabs-below.tabbable-custom.nav-justified .tab-content {
\r
2698 margin-bottom: -2px;
\r
2701 .tabbable-custom.boxless > .tab-content {
\r
2704 border-right:none;
\r
2705 border-bottom:none;
\r
2708 .tabbable-custom .nav-tabs > li {
\r
2709 margin-right: 2px;
\r
2710 border-top: 2px solid transparent;
\r
2713 .tabbable-custom .nav-tabs > li > a {
\r
2717 .tabbable-custom .nav-tabs > li > a:hover {
\r
2719 border-color:transparent;
\r
2722 .tabbable-custom .nav-tabs > li.active {
\r
2723 border-top: 3px solid #d12610;
\r
2725 position: relative;
\r
2728 .tabbable-custom .nav-tabs > li.active > a {
\r
2729 border-top: none;
\r
2730 font-weight: 400;
\r
2733 .tabbable-custom .nav-tabs > li.active > a:hover {
\r
2734 border-top: none;
\r
2735 background: #fff;
\r
2736 border-color: #d4d4d4 #d4d4d4 transparent;
\r
2739 .tabbable-custom .nav-tabs > li {
\r
2740 margin-right: 2px;
\r
2741 border-top: 2px solid transparent;
\r
2746 .tabs-below.tabbable-custom .nav-tabs > li > a {
\r
2747 border-top: none;
\r
2748 border-bottom: 2px solid transparent;
\r
2749 margin-top: -1px;
\r
2752 .tabs-below.tabbable-custom .nav-tabs > li.active {
\r
2753 border-top: none;
\r
2754 border-bottom: 3px solid #d12610;
\r
2755 margin-bottom: 0;
\r
2756 position: relative;
\r
2759 .tabs-below.tabbable-custom .nav-tabs > li.active > a {
\r
2760 border-bottom: none
\r
2763 .tabs-below.tabbable-custom .nav-tabs > li.active > a:hover {
\r
2764 background: #fff;
\r
2765 border-color: #d4d4d4 #d4d4d4 transparent;
\r
2768 /*full width tabs with bigger titles */
\r
2769 .tabbable-custom.tabbable-full-width > .tab-content {
\r
2772 border-right:none;
\r
2773 border-bottom:none;
\r
2776 .tabbable-custom.tabbable-full-width .nav-tabs > li > a {
\r
2783 Custom portlet tabs
\r
2786 .portlet-tabs > .nav-tabs {
\r
2787 position: relative;
\r
2789 margin-right: 10px;
\r
2793 .portlet-tabs > .nav-tabs > li {
\r
2797 .portlet-tabs > .nav-tabs {
\r
2798 border-bottom: none;
\r
2801 .portlet-tabs > .nav-tabs > li > a {
\r
2804 padding-bottom: 10px;
\r
2805 line-height: 16px;
\r
2808 margin-right: 0px;
\r
2811 -webkit-border-radius: 0px;
\r
2812 -moz-border-radius: 0px;
\r
2813 border-radius: 0px;
\r
2816 .portlet-tabs > .nav-tabs > li:last-child > a {
\r
2820 .portlet-tabs > .nav-tabs > li {
\r
2824 .portlet-tabs > .nav-tabs > li.active {
\r
2826 border-top-color: transparent;
\r
2829 .portlet-tabs > .nav-tabs > li.active > a {
\r
2830 margin-bottom: 0px;
\r
2833 margin-right: 0px;
\r
2836 border-top-color:transparent !important;
\r
2839 .portlet-tabs > .nav-tabs > li > a:hover {
\r
2842 border-bottom-color: transparent;
\r
2847 border-top-color:transparent;
\r
2848 background-color: #fff;
\r
2851 .portlet-tabs > .nav-tabs > .active > a {
\r
2854 background-color: #fff;
\r
2857 .portlet-tabs > .nav-tabs > .active > a:hover {
\r
2858 background-color: #fff !important;
\r
2861 .portlet-tabs > .tab-content {
\r
2862 padding: 10px !important;
\r
2864 margin-top: -50px !important;
\r
2867 .portlet.tabbable .portlet-body {
\r
2871 .tab-pane > p:last-child {
\r
2872 margin-bottom: 0px;
\r
2875 /* reverse aligned tabs */
\r
2877 .tabs-reversed > li {
\r
2881 .tabs-reversed > li,
\r
2882 .tabs-reversed > li > a {
\r
2887 Dashboard container
\r
2898 margin-bottom: 25px;
\r
2901 .portlet .dashboard-stat:last-child {
\r
2905 .dashboard-stat:before,
\r
2906 .dashboard-stat:after {
\r
2911 .dashboard-stat:after {
\r
2915 .dashboard-stat .visual {
\r
2920 padding-top: 10px;
\r
2921 padding-left: 15px;
\r
2922 margin-bottom: 10px;
\r
2925 .dashboard-stat .visual i {
\r
2927 line-height: 65px;
\r
2931 .dashboard-stat .visual {
\r
2933 line-height: 35px;
\r
2936 @media (min-width: 992px) and (max-width: 1024px) {
\r
2938 .dashboard-stat .visual i {
\r
2940 line-height: 28px;
\r
2945 .dashboard-stat .details {
\r
2946 position: absolute;
\r
2948 padding-right: 10px;
\r
2951 .dashboard-stat .details .number {
\r
2952 padding-top: 15px;
\r
2953 text-align: right;
\r
2955 line-height: 34px;
\r
2956 letter-spacing: -1px;
\r
2957 margin-bottom: 5px;
\r
2962 .dashboard-stat .details .desc {
\r
2963 text-align: right;
\r
2965 letter-spacing: 0px;
\r
2970 .dashboard-stat .more {
\r
2973 padding: 5px 10px 5px 10px;
\r
2974 text-transform: uppercase;
\r
2979 filter: alpha(opacity=70);
\r
2982 .dashboard-stat .more:hover {
\r
2983 text-decoration: none;
\r
2985 filter: alpha(opacity=100);
\r
2988 .dashboard-stat .more > i {
\r
2989 display: inline-block;
\r
2994 .dashboard-stat.blue {
\r
2995 background-color: #27a9e3;
\r
2998 .dashboard-stat.blue .more {
\r
2999 background-color: #208dbe;
\r
3002 .dashboard-stat.green {
\r
3003 background-color: #28b779;
\r
3006 .dashboard-stat.green .more {
\r
3007 background-color: #10a062;
\r
3010 .dashboard-stat.red {
\r
3011 background-color: #e7191b;
\r
3014 .dashboard-stat.red .more {
\r
3015 background-color:#bc0d0e;
\r
3018 .dashboard-stat.yellow {
\r
3019 background-color: #ffb848;
\r
3022 .dashboard-stat.yellow .more {
\r
3023 background-color: #cb871b;
\r
3026 .dashboard-stat.purple {
\r
3027 background-color: #852b99;
\r
3030 .dashboard-stat.purple .more {
\r
3031 background-color: #6e1881;
\r
3040 margin-bottom: 0px;
\r
3046 text-transform: uppercase;
\r
3049 @media (max-width: 767px) {
\r
3058 Tiles(new in v1.1.1)
\r
3062 margin-right: -10px;
\r
3077 letter-spacing: 0.02em;
\r
3080 width: 135px !important;
\r
3082 text-decoration: none;
\r
3084 position: relative;
\r
3087 letter-spacing: 0.02em;
\r
3088 line-height: 20px;
\r
3090 border: 4px solid transparent;
\r
3091 margin: 0 10px 10px 0;
\r
3101 width: 280px !important;
\r
3104 .tile.double-down {
\r
3105 height: 280px !important;
\r
3108 .tile:active, .tile.selected {
\r
3109 border-color: #ccc !important;
\r
3113 border-color: #aaa !important;
\r
3116 .tile.selected .corner:after {
\r
3118 display: inline-block;
\r
3119 border-left: 40px solid transparent;
\r
3120 border-bottom: 40px solid transparent;
\r
3121 border-right: 40px solid #ccc;
\r
3122 position: absolute;
\r
3127 .tile.selected .check:after {
\r
3129 font-family: FontAwesome;
\r
3132 display: inline-block;
\r
3133 position: absolute;
\r
3142 .tile .tile-body {
\r
3144 vertical-align: top;
\r
3145 padding: 10px 10px;
\r
3147 position: relative;
\r
3152 margin-bottom: 10px;
\r
3155 .tile .tile-body img {
\r
3157 margin-right: 10px;
\r
3160 .tile .tile-body img.pull-right {
\r
3161 float: right !important;
\r
3162 margin-left: 10px;
\r
3163 margin-right: 0px;
\r
3166 .tile .tile-body .content {
\r
3167 display: inline-block;
\r
3170 .tile .tile-body > i {
\r
3174 line-height: 56px;
\r
3175 text-align: center;
\r
3179 .tile.double-down i {
\r
3183 .tile .tile-body h1,
\r
3184 .tile .tile-body h2,
\r
3185 .tile .tile-body h3,
\r
3186 .tile .tile-body h4,
\r
3187 .tile .tile-body h5,
\r
3188 .tile .tile-body h6,
\r
3189 .tile .tile-body p {
\r
3192 line-height: 14px;
\r
3195 .tile .tile-body h3,
\r
3196 .tile .tile-body h4 {
\r
3197 margin-bottom: 5px;
\r
3200 .tile .tile-body h1:hover,
\r
3201 .tile .tile-body h2:hover,
\r
3202 .tile .tile-body h3:hover,
\r
3203 .tile .tile-body h4:hover,
\r
3204 .tile .tile-body h5:hover,
\r
3205 .tile .tile-body h6:hover,
\r
3206 .tile .tile-body p:hover {
\r
3210 .tile .tile-body p {
\r
3215 line-height: 20px;
\r
3219 .tile .tile-body p:hover {
\r
3220 color: rgba(0, 0, 0, 0.8);
\r
3223 .tile .tile-body p:active {
\r
3224 color: rgba(0, 0, 0, 0.4);
\r
3227 .tile .tile-body p:hover {
\r
3231 .tile.icon > .tile-body {
\r
3235 .tile .tile-object {
\r
3236 position: absolute;
\r
3241 background-color: transparent;
\r
3245 .tile .tile-object:before,
\r
3246 .tile .tile-object:after {
\r
3251 .tile .tile-object:after {
\r
3255 .tile .tile-object > .name {
\r
3256 position: absolute;
\r
3259 margin-bottom: 5px;
\r
3260 margin-left: 10px;
\r
3261 margin-right: 15px;
\r
3267 .tile .tile-object > .name > i {
\r
3268 vertical-align: middle;
\r
3275 .tile .tile-object > .number {
\r
3276 position: absolute;
\r
3281 text-align: center;
\r
3284 letter-spacing: 0.01em;
\r
3285 line-height: 14px;
\r
3286 margin-bottom: 8px;
\r
3287 margin-right: 10px;
\r
3290 .tile.image > .tile-body {
\r
3291 padding: 0 !important;
\r
3294 .tile.image > .tile-body > img{
\r
3301 .tile.image .tile-body h3 {
\r
3302 display: inline-block;
\r
3312 margin-right: 1px;
\r
3315 position:relative;
\r
3318 .theme-panel > .toggler {
\r
3323 position:absolute;
\r
3324 background:#c9c9c9 url(../image/icon-color.png) center no-repeat;
\r
3327 .theme-panel > .toggler:hover {
\r
3328 background-color: #3d3d3d !important;
\r
3331 .theme-panel > .toggler-close {
\r
3337 position:absolute;
\r
3338 background: #3d3d3d url(../image/icon-color-close.png) center no-repeat !important;
\r
3341 .theme-panel > .toggler-close:hover {
\r
3342 background-color:#222 !important;
\r
3345 .theme-panel > .theme-options {
\r
3349 position:absolute;
\r
3350 background:#3d3d3d;
\r
3353 .theme-panel > .theme-options > .theme-option {
\r
3356 border-top:1px solid #585858;
\r
3358 margin-bottom: 0px;
\r
3361 .theme-panel > .theme-options > .theme-option.theme-colors {
\r
3365 .theme-panel > .theme-options > .theme-option > span {
\r
3366 text-transform:uppercase;
\r
3367 display: inline-block;
\r
3372 .theme-panel > .theme-options > .theme-option.theme-colors > span {
\r
3377 .theme-panel > .theme-options > .theme-option > select.form-control {
\r
3380 text-transform: lowercase;
\r
3383 .theme-panel > .theme-options > .theme-option.theme-colors > ul {
\r
3387 margin-bottom: 1px !important;
\r
3391 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
\r
3398 border:solid 1px #707070;
\r
3401 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {
\r
3405 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover,
\r
3406 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {
\r
3407 border:solid 2px #ebebeb;
\r
3410 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black {
\r
3411 background:#333438;
\r
3414 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {
\r
3415 background:#6d6d6d;
\r
3418 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight {
\r
3419 background:#3366cc;
\r
3421 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight {
\r
3422 background:#1ab3ec;
\r
3425 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {
\r
3426 background:#124f94;
\r
3429 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown {
\r
3430 background:#623f18;
\r
3433 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple {
\r
3434 background:#701584;
\r
3437 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white {
\r
3445 /* enable arrow for dropdown menu */
\r
3446 .header.navbar .nav > li > .dropdown-menu:before {
\r
3447 position: absolute;
\r
3450 display: inline-block !important;
\r
3451 border-right: 7px solid transparent;
\r
3452 border-bottom: 7px solid #ccc;
\r
3453 border-left: 7px solid transparent;
\r
3454 border-bottom-color: rgba(0, 0, 0, 0.2);
\r
3458 .header.navbar .nav > li > .dropdown-menu:after {
\r
3459 position: absolute;
\r
3462 display: inline-block !important;
\r
3463 border-right: 6px solid transparent;
\r
3464 border-bottom: 6px solid #fff;
\r
3465 border-left: 6px solid transparent;
\r
3470 Mega Menu(new in v1.6)
\r
3474 .mega-menu .collapse,
\r
3475 .mega-menu .mega-menu-dropup,
\r
3476 .mega-menu .mega-menu-dropdown {
\r
3479 .mega-menu .container {
\r
3480 position: relative;
\r
3482 .mega-menu .mega-menu-dropdown .dropdown-menu {
\r
3486 .mega-menu .nav.navbar-right .dropdown-menu {
\r
3490 .mega-menu .mega-menu-content {
\r
3494 .mega-menu .mega-menu-full .dropdown-menu {
\r
3499 .mega-menu-responsive-content {
\r
3500 padding: 10px 15px 10px 60px;
\r
3503 .page-boxed .mega-menu .mega-menu-dropdown .dropdown-menu {
\r
3507 .page-boxed .mega-menu .mega-menu-dropdown.mega-menu-full .dropdown-menu {
\r
3514 .mega-menu .mega-menu-submenu {
\r
3515 width: auto !important;
\r
3516 padding: 0px 30px 0px 0px !important;
\r
3517 margin: 0 !important;
\r
3521 .mega-menu-content .row :last-child>ul{
\r
3522 border-right: 0 !important;
\r
3525 .mega-menu .mega-menu-submenu li > h3 {
\r
3528 padding-left: 5px;
\r
3531 .mega-menu .mega-menu-submenu li {
\r
3532 padding: 2px !important;
\r
3533 margin: 0 !important;
\r
3537 .mega-menu .mega-menu-submenu li > a {
\r
3538 padding: 5px !important;
\r
3539 margin: 0 !important;
\r
3543 Horezantal Menu(new in v1.2)
\r
3546 .header.navbar .hor-menu {
\r
3551 .header.navbar .hor-menu ul.nav li > a {
\r
3553 padding: 11px 10px;
\r
3556 .header.navbar .hor-menu ul.nav li.current .selected,
\r
3557 .header.navbar .hor-menu ul.nav li.active .selected {
\r
3560 position: absolute;
\r
3561 border-left: 6px solid transparent;
\r
3562 border-right: 6px solid transparent;
\r
3563 /*border-top: 6px solid #e02222;*/
\r
3564 display: inline-block;
\r
3568 margin-left: -7px;
\r
3569 margin-bottom:-6px;
\r
3573 .header.navbar .hor-menu .dropdown-menu {
\r
3579 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > .dropdown-menu {
\r
3583 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > a:after {
\r
3585 margin-right: 0px;
\r
3588 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a {
\r
3589 padding: 7px 18px !important;
\r
3590 margin-bottom:1px;
\r
3593 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu .arrow {
\r
3597 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a:hover,
\r
3598 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li:hover > a,
\r
3599 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li.active > a {
\r
3600 filter:none !important;
\r
3603 .header.navbar .hor-menu .nav > li > .dropdown-menu:after,
\r
3604 .header.navbar .hor-menu .nav > li > .dropdown-menu:before {
\r
3605 border-bottom: none !important;
\r
3609 .header.navbar .hor-menu .hor-menu-search-form-toggler {
\r
3610 display: inline-block;
\r
3611 padding: 12px 22px 12px 22px !important;
\r
3613 background: url(../image/hor-menu-search.png) no-repeat center;
\r
3616 .header.navbar .hor-menu .hor-menu-search-form-toggler:hover {
\r
3618 filter: alpha(opacity=80);
\r
3621 .header.navbar .hor-menu a.hor-menu-search-form-toggler-close {
\r
3625 .header.navbar .hor-menu .search-form {
\r
3632 position:absolute;
\r
3635 .header.navbar .hor-menu .search-form .btn {
\r
3636 padding: 7px 20px;
\r
3639 display: inline-block;
\r
3642 .header.navbar .hor-menu .search-form .btn:hover {
\r
3644 filter: alpha(opacity=80);
\r
3647 .header.navbar .hor-menu .search-form form {
\r
3651 .header.navbar .hor-menu .search-form form input {
\r
3659 Top News Blocks(new in v1.2.2)
\r
3675 position: relative;
\r
3676 margin-bottom: 10px;
\r
3679 .top-news a .top-news-icon {
\r
3684 position: absolute;
\r
3685 filter: alpha(opacity=30); /*For IE8*/
\r
3690 font-style: normal;
\r
3695 margin-bottom: 5px;
\r
3699 Block Images(new in v1.2.2)
\r
3711 .blog-images li a:hover {
\r
3712 text-decoration: none;
\r
3715 .blog-images li img {
\r
3719 margin: 0 2px 8px;
\r
3722 .blog-images li img:hover {
\r
3724 box-shadow: 0 0 0 4px #72c02c;
\r
3725 transition: all 0.4s ease-in-out 0s;
\r
3726 -moz-transition: all 0.4s ease-in-out 0s;
\r
3727 -webkit-transition: all 0.4s ease-in-out 0s;
\r
3731 ul.sidebar-tags a {
\r
3735 background:#f7f7f7;
\r
3736 margin:0 2px 5px 0;
\r
3737 display:inline-block;
\r
3740 ul.sidebar-tags a:hover,
\r
3741 ul.sidebar-tags a:hover i {
\r
3743 text-decoration:none;
\r
3744 -webkit-transition:all 0.3s ease-in-out;
\r
3745 -moz-transition:all 0.3s ease-in-out;
\r
3746 -o-transition:all 0.3s ease-in-out;
\r
3747 transition:all 0.3s ease-in-out;
\r
3750 ul.sidebar-tags a i {
\r
3754 ul.sidebar-tags li {
\r
3759 Social Icons(new in v1.2.2)
\r
3766 .social-icons:after,
\r
3767 .social-icons:before {
\r
3772 .social-icons:after {
\r
3776 .social-icons li {
\r
3781 margin-bottom:5px;
\r
3782 text-indent:-9999px;
\r
3784 .social-icons li a, a.social-icon {
\r
3788 background-position:0 0;
\r
3789 background-repeat:no-repeat;
\r
3790 transition: all 0.3s ease-in-out;
\r
3791 -o-transition: all 0.3s ease-in-out;
\r
3792 -ms-transition: all 0.3s ease-in-out;
\r
3793 -moz-transition: all 0.3s ease-in-out;
\r
3794 -webkit-transition: all 0.3s ease-in-out;
\r
3796 .social-icons li:hover a {
\r
3797 background-position:0 -38px;
\r
3800 .social-icons-color li a {
\r
3802 background-position:0 -38px !important;
\r
3805 .social-icons-color li a:hover {
\r
3809 .social-icons .amazon {background: url(../image/social/amazon.png) no-repeat;}
\r
3810 .social-icons .behance {background: url(../image/social/behance.png) no-repeat;}
\r
3811 .social-icons .blogger {background: url(../image/social/blogger.png) no-repeat;}
\r
3812 .social-icons .deviantart {background: url(../image/social/deviantart.png) no-repeat;}
\r
3813 .social-icons .dribbble {background: url(../image/social/dribbble.png) no-repeat;}
\r
3814 .social-icons .dropbox {background: url(../image/social/dropbox.png) no-repeat;}
\r
3815 .social-icons .evernote {background: url(../image/social/evernote.png) no-repeat;}
\r
3816 .social-icons .facebook {background: url(../image/social/facebook.png) no-repeat;}
\r
3817 .social-icons .forrst {background: url(../image/social/forrst.png) no-repeat;}
\r
3818 .social-icons .github {background: url(../image/social/github.png) no-repeat;}
\r
3819 .social-icons .googleplus {background: url(../image/social/googleplus.png) no-repeat;}
\r
3820 .social-icons .jolicloud {background: url(../image/social/jolicloud.png) no-repeat;}
\r
3821 .social-icons .last-fm {background: url(../image/social/last-fm.png) no-repeat;}
\r
3822 .social-icons .linkedin {background: url(../image/social/linkedin.png) no-repeat;}
\r
3823 .social-icons .picasa {background: url(../image/social/picasa.png) no-repeat;}
\r
3824 .social-icons .pintrest {background: url(../image/social/pintrest.png) no-repeat;}
\r
3825 .social-icons .rss {background: url(../image/social/rss.png) no-repeat;}
\r
3826 .social-icons .skype {background: url(../image/social/skype.png) no-repeat;}
\r
3827 .social-icons .spotify {background: url(../image/social/spotify.png) no-repeat;}
\r
3828 .social-icons .stumbleupon {background: url(../image/social/stumbleupon.png) no-repeat;}
\r
3829 .social-icons .tumblr {background: url(../image/social/tumblr.png) no-repeat;}
\r
3830 .social-icons .twitter {background: url(../image/social/twitter.png) no-repeat;}
\r
3831 .social-icons .vimeo {background: url(../image/social/vimeo.png) no-repeat;}
\r
3832 .social-icons .wordpress {background: url(../image/social/wordpress.png) no-repeat;}
\r
3833 .social-icons .xing {background: url(../image/social/xing.png) no-repeat;}
\r
3834 .social-icons .yahoo {background: url(../image/social/yahoo.png) no-repeat;}
\r
3835 .social-icons .youtube {background: url(../image/social/youtube.png) no-repeat;}
\r
3836 .social-icons .vk {background: url(../image/social/vk.png) no-repeat;}
\r
3837 .social-icons .instagram {background: url(../image/social/instagram.png) no-repeat;}
\r
3838 .social-icons .reddit {background: url(../image/social/reddit.png) no-repeat;}
\r
3839 .social-icons .aboutme {background: url(../image/social/aboutme.png) no-repeat;}
\r
3840 .social-icons .flickr {background: url(../image/social/flickr.png) no-repeat;}
\r
3841 .social-icons .foursquare {background: url(../image/social/foursquare.png) no-repeat;}
\r
3842 .social-icons .gravatar {background: url(../image/social/gravatar.png) no-repeat;}
\r
3843 .social-icons .klout {background: url(../image/social/klout.png) no-repeat;}
\r
3844 .social-icons .myspace {background: url(../image/social/myspace.png) no-repeat;}
\r
3845 .social-icons .quora {background: url(../image/social/quora.png) no-repeat;}
\r
3848 Inline Social Icons
\r
3852 display:inline-block !important;
\r
3855 background-position:0 0;
\r
3856 background-repeat:no-repeat;
\r
3857 transition: all 0.3s ease-in-out;
\r
3858 -o-transition: all 0.3s ease-in-out;
\r
3859 -ms-transition: all 0.3s ease-in-out;
\r
3860 -moz-transition: all 0.3s ease-in-out;
\r
3861 -webkit-transition: all 0.3s ease-in-out;
\r
3864 .social-icon.amazon {background: url(../image/social/amazon.png) no-repeat;}
\r
3865 .social-icon.behance {background: url(../image/social/behance.png) no-repeat;}
\r
3866 .social-icon.blogger {background: url(../image/social/blogger.png) no-repeat;}
\r
3867 .social-icon.deviantart {background: url(../image/social/deviantart.png) no-repeat;}
\r
3868 .social-icon.dribbble {background: url(../image/social/dribbble.png) no-repeat;}
\r
3869 .social-icon.dropbox {background: url(../image/social/dropbox.png) no-repeat;}
\r
3870 .social-icon.evernote {background: url(../image/social/evernote.png) no-repeat;}
\r
3871 .social-icon.facebook {background: url(../image/social/facebook.png) no-repeat;}
\r
3872 .social-icon.forrst {background: url(../image/social/forrst.png) no-repeat;}
\r
3873 .social-icon.github {background: url(../image/social/github.png) no-repeat;}
\r
3874 .social-icon.googleplus {background: url(../image/social/googleplus.png) no-repeat;}
\r
3875 .social-icon.jolicloud {background: url(../image/social/jolicloud.png) no-repeat;}
\r
3876 .social-icon.last-fm {background: url(../image/social/last-fm.png) no-repeat;}
\r
3877 .social-icon.linkedin {background: url(../image/social/linkedin.png) no-repeat;}
\r
3878 .social-icon.picasa {background: url(../image/social/picasa.png) no-repeat;}
\r
3879 .social-icon.pintrest {background: url(../image/social/pintrest.png) no-repeat;}
\r
3880 .social-icon.rss {background: url(../image/social/rss.png) no-repeat;}
\r
3881 .social-icon.skype {background: url(../image/social/skype.png) no-repeat;}
\r
3882 .social-icon.spotify {background: url(../image/social/spotify.png) no-repeat;}
\r
3883 .social-icon.stumbleupon {background: url(../image/social/stumbleupon.png) no-repeat;}
\r
3884 .social-icon.tumblr {background: url(../image/social/tumblr.png) no-repeat;}
\r
3885 .social-icon.twitter {background: url(../image/social/twitter.png) no-repeat;}
\r
3886 .social-icon.vimeo {background: url(../image/social/vimeo.png) no-repeat;}
\r
3887 .social-icon.wordpress {background: url(../image/social/wordpress.png) no-repeat;}
\r
3888 .social-icon.xing {background: url(../image/social/xing.png) no-repeat;}
\r
3889 .social-icon.yahoo {background: url(../image/social/yahoo.png) no-repeat;}
\r
3890 .social-icon.youtube {background: url(../image/social/youtube.png) no-repeat;}
\r
3891 .social-icon.vk {background: url(../image/social/vk.png) no-repeat;}
\r
3892 .social-icon.instagram {background: url(../image/social/instagram.png) no-repeat;}
\r
3893 .social-icon.reddit {background: url(../image/social/reddit.png) no-repeat;}
\r
3894 .social-icon.aboutme {background: url(../image/social/aboutme.png) no-repeat;}
\r
3895 .social-icon.flickr {background: url(../image/social/flickr.png) no-repeat;}
\r
3896 .social-icon.foursquare {background: url(../image/social/foursquare.png) no-repeat;}
\r
3897 .social-icon.gravatar {background: url(../image/social/gravatar.png) no-repeat;}
\r
3898 .social-icon.klout {background: url(../image/social/klout.png) no-repeat;}
\r
3899 .social-icon.myspace {background: url(../image/social/myspace.png) no-repeat;}
\r
3900 .social-icon.quora {background: url(../image/social/quora.png) no-repeat;}
\r
3902 .social-icon:hover {
\r
3903 background-position:0 -38px;
\r
3906 .social-icon-color {
\r
3908 background-position:0 -38px !important;
\r
3911 .social-icon-color:hover {
\r
3919 /* Common styles for all types */
\r
3921 margin: 0 0 20px 0;
\r
3922 padding: 15px 30px 15px 15px;
\r
3923 border-left: 5px solid #eee;
\r
3933 .note p:last-child {
\r
3937 .note .highlight {
\r
3938 background-color: #fff;
\r
3943 background-color: #FAEAE6;
\r
3944 border-color: #ed4e2a;
\r
3948 background-color: #FCF3E1;
\r
3949 border-color: #fcb322;
\r
3953 background-color: #E8F6FC;
\r
3954 border-color: #57b5e3;
\r
3958 background-color: #EBFCEE;
\r
3959 border-color: #3cc051;
\r
3965 .scrollspy-example {
\r
3966 position: relative;
\r
3972 .util-btn-margin-bottom-5 .btn {
\r
3973 margin-bottom: 5px !important;
\r
3976 .util-btn-group-margin-bottom-5 .btn-group {
\r
3977 margin-bottom: 5px !important;
\r
3980 .fontawesome-demo i {
\r
3984 .fontawesome-demo li {
\r
3986 padding-bottom: 5px;
\r
3989 .glyphicons-demo ul {
\r
3991 padding-bottom: 1px;
\r
3992 margin-bottom: 20px;
\r
3999 padding-bottom: 1px;
\r
4000 margin-bottom: 20px;
\r
4004 .glyphicons-demo ul li {
\r
4009 margin: 0 -1px -1px 0;
\r
4012 text-align: center;
\r
4013 border: 1px solid #ddd;
\r
4016 .glyphicons-demo .glyphicon {
\r
4018 margin: 5px auto 10px;
\r
4021 .glyphicons-demo ul li:hover {
\r
4022 background-color: rgba(86,61,124,.1);
\r
4025 @media (min-width: 768px) {
\r
4026 .glyphicons-demo ul li {
\r
4036 margin-bottom: 10px;
\r
4039 .static-info .name {
\r
4043 .static-info .value {
\r
4048 .static-info.align-reverse .name,
\r
4049 .static-info.align-reverse .value {
\r
4050 text-align: right;
\r
4053 input.placeholder,
\r
4054 textarea.placeholder {
\r
4055 color: #aaa !important;
\r
4060 margin-bottom: 5px;
\r
4063 .form-inline input {
\r
4064 margin-bottom: 0px !important;
\r
4071 .form-control-static {
\r
4076 .control-label .required {
\r
4079 padding-left: 2px;
\r
4083 display: inline-block;
\r
4087 padding: 0 !important;
\r
4095 padding: 20px 10px;
\r
4097 /* background-color: #f5f5f5;
\r
4098 border-top: 1px solid #e5e5e5;*/
\r
4102 .form-actions.nobg {
\r
4103 background-color: transparent;
\r
4106 .form-actions.top {
\r
4108 margin-bottom: 20px;
\r
4110 border-bottom: 1px solid #e5e5e5;
\r
4113 .form-actions.fluid {
\r
4117 .form-actions.fluid > [class^="col-"] {
\r
4118 padding-left: 13px;
\r
4121 .form-actions:before,
\r
4122 .form-actions:after {
\r
4128 .form-actions:after {
\r
4133 margin: 30px 0px 25px 0px;
\r
4134 padding-bottom: 5px;
\r
4135 border-bottom: 1px solid #eee;
\r
4138 .form .form-section:first-child {
\r
4145 display: inline-block;
\r
4149 /* left, right aligned form actions */
\r
4150 .form-actions.right {
\r
4152 padding-right: 10px;
\r
4153 text-align: right;
\r
4156 .form-actions.left {
\r
4157 padding-left: 10px;
\r
4163 .form-group .checkbox {
\r
4167 .checkbox-list > label {
\r
4171 .checkbox-list > label.checkbox-inline {
\r
4172 display: inline-block;
\r
4175 .checkbox-list > label.checkbox-inline:first-child {
\r
4181 .radio-list > label {
\r
4185 .radio-list > label.radio-inline {
\r
4186 display: inline-block;
\r
4189 .radio-list > label.radio-inline:first-child {
\r
4193 .form-horizontal .radio-list .radio {
\r
4197 .form-horizontal .radio-list > label {
\r
4201 .form-horizontal .radio > span {
\r
4205 /* Rows seperated form layout */
\r
4206 .form-row-seperated .form-group {
\r
4208 border-bottom: 1px solid #efefef;
\r
4209 padding: 10px 0px 10px 0px;
\r
4212 .form-row-seperated .form-group.last {
\r
4215 padding-bottom: 10px;
\r
4218 .form-row-seperated .form-actions {
\r
4222 .form-row-seperated .form-body {
\r
4227 .form-row-seperated .help-block {
\r
4231 /* form bordered */
\r
4232 .form-bordered .form-body {
\r
4237 .form-bordered .form-actions {
\r
4241 .form-bordered .form-group {
\r
4243 border-bottom: 1px solid #efefef;
\r
4246 .form-bordered .form-group.last {
\r
4250 .form-bordered .help-block {
\r
4254 .form-bordered .control-label {
\r
4255 padding-top: 16px;
\r
4258 .form-bordered .form-group > div {
\r
4260 border-left: 1px solid #efefef;
\r
4263 .form-bordered .form-actions.fluid > .row > div {
\r
4264 padding-left: 10px;
\r
4267 .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
\r
4268 background-color: #fcfcfc;
\r
4271 .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
\r
4272 background-color: #fcfcfc;
\r
4275 .form-horizontal.form-bordered.form-row-stripped .form-control {
\r
4276 background: #fff !important;
\r
4279 .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
\r
4280 background-color: #ffffff;
\r
4284 Bordered form layout
\r
4287 .form-bordered .form-control {
\r
4293 Disabled Menu Link
\r
4296 .disabled-link > a > span.text,
\r
4297 .disabled-link > a > span.title {
\r
4298 font-style: italic !important;
\r
4299 color: #888 !important;
\r
4302 .disabled-link > a:hover {
\r
4303 cursor: not-allowed !important;
\r
4308 Responsive & Scrollable Tables
\r
4311 .table-scrollable {
\r
4314 overflow-y: hidden;
\r
4315 border: 1px solid #dddddd;
\r
4316 margin: 10px 0 !important;
\r
4319 .table-scrollable > .table {
\r
4320 width: 100% !important;
\r
4321 margin: 0 !important;
\r
4323 background-color: #fff;
\r
4326 .table-scrollable > .table > thead > tr > th,
\r
4327 .table-scrollable > .table > tbody > tr > th,
\r
4328 .table-scrollable > .table > tfoot > tr > th,
\r
4329 .table-scrollable > .table > thead > tr > td,
\r
4330 .table-scrollable > .table > tbody > tr > td,
\r
4331 .table-scrollable > .table > tfoot > tr > td {
\r
4332 white-space: nowrap;
\r
4335 .table-scrollable > .table-bordered {
\r
4339 .table-scrollable > .table-bordered > thead > tr > th:first-child,
\r
4340 .table-scrollable > .table-bordered > tbody > tr > th:first-child,
\r
4341 .table-scrollable > .table-bordered > tfoot > tr > th:first-child,
\r
4342 .table-scrollable > .table-bordered > thead > tr > td:first-child,
\r
4343 .table-scrollable > .table-bordered > tbody > tr > td:first-child,
\r
4344 .table-scrollable > .table-bordered > tfoot > tr > td:first-child {
\r
4348 .table-scrollable > .table-bordered > thead > tr > th:last-child,
\r
4349 .table-scrollable > .table-bordered > tbody > tr > th:last-child,
\r
4350 .table-scrollable > .table-bordered > tfoot > tr > th:last-child,
\r
4351 .table-scrollable > .table-bordered > thead > tr > td:last-child,
\r
4352 .table-scrollable > .table-bordered > tbody > tr > td:last-child,
\r
4353 .table-scrollable > .table-bordered > tfoot > tr > td:last-child {
\r
4357 .table-scrollable > .table-bordered > thead > tr:last-child > th,
\r
4358 .table-scrollable > .table-bordered > tbody > tr:last-child > th,
\r
4359 .table-scrollable > .table-bordered > tfoot > tr:last-child > th,
\r
4360 .table-scrollable > .table-bordered > thead > tr:last-child > td,
\r
4361 .table-scrollable > .table-bordered > tbody > tr:last-child > td,
\r
4362 .table-scrollable > .table-bordered > tfoot > tr:last-child > td {
\r
4367 Responsive Flip Scroll Tables
\r
4370 .flip-scroll table { width: 100%; }
\r
4372 @media only screen and (max-width: 768px) {
\r
4374 .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
\r
4375 .flip-scroll * html .flip-content { zoom: 1; }
\r
4376 .flip-scroll *:first-child+html .flip-content { zoom: 1; }
\r
4378 .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
\r
4381 .flip-scroll td { margin: 0; vertical-align: top; }
\r
4382 .flip-scroll th {
\r
4383 text-align: left;
\r
4384 border: 0 !important;
\r
4385 border-bottom: 1px solid #ddd !important;
\r
4386 border-right: 1px solid #ddd !important;
\r
4387 font-size: 13px !important;
\r
4389 width: auto !important;
\r
4392 .flip-scroll table { display: block; position: relative; width: 100%; }
\r
4393 .flip-scroll thead {
\r
4397 .flip-scroll tbody {
\r
4400 position: relative;
\r
4401 overflow-x: auto;
\r
4402 white-space: nowrap;
\r
4404 .flip-scroll thead tr { display: block; }
\r
4405 .flip-scroll th { display: block; text-align: right; }
\r
4406 .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; }
\r
4407 .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important}
\r
4409 /* sort out borders */
\r
4411 .flip-scroll th { border-bottom: 0; border-left: 0; }
\r
4412 .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
\r
4413 .flip-scroll tbody tr { border-left: 1px solid #ddd; }
\r
4414 .flip-scroll th:last-child,
\r
4415 .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }
\r
4423 .loading-message {
\r
4424 display: inline-block;
\r
4428 color: #000 !important;
\r
4431 text-align: center;
\r
4432 vertical-align: middle;
\r
4435 .loading-message span {
\r
4437 vertical-align: middle;
\r
4440 .loading-message.loading-message-boxed {
\r
4441 border: 1px solid #ddd;
\r
4442 background-color: #eee;
\r
4443 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
\r
4444 -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
\r
4445 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
\r
4453 margin-left: -50px;
\r
4454 margin-top: -30px;
\r
4456 text-align: center;
\r
4459 border: 1px solid #ddd;
\r
4460 background-color: #eee;
\r
4461 vertical-align: middle;
\r
4462 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
\r
4463 -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
\r
4464 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
\r
4467 .page-loading span {
\r
4469 vertical-align: middle;
\r
4474 width:auto !important
\r
4479 .nav-load-error {}
\r
4481 .nav-pos-option {}
\r
4487 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
\r
4489 border-top:3px solid #F3565D;
\r
4494 .nav-tabs>li>a:hover{
\r
4495 background-color:#f1f3fa;
\r
4496 border:1Px solid #f1f3fa;
\r
4501 letter-spacing:1px;
\r
4505 margin-right:15px;
\r
4507 .pagination-panel .btn{
\r
4511 border-radius: 20px;
\r
4514 border-radius: 8px;
\r
4517 border-radius: 3px;
\r
4521 background-color:#5b9bd1;
\r
4525 background-color:#487ca9;
\r
4529 background-color:#57b5e3;
\r
4533 background-color:#43a1cf;
\r
4537 background-color:#E35B5A;
\r
4541 background-color:#ad9a4d;
\r
4545 background-color:#44B6AE;
\r
4548 background-color:#329d96;
\r
4551 background-color:#C0AF69;
\r
4555 background-color:#d45150;
\r
4559 background-color:#e5e5e5;
\r
4563 background-color:#d8d8d8;
\r
4569 background-image: none !important;
\r
4570 filter: none !important;
\r
4571 -webkit-box-shadow: none !important;
\r
4572 -moz-box-shadow: none !important;
\r
4573 box-shadow: none !important;
\r
4576 .form-wizard .steps > li.active > a.step .number{
\r
4577 background-color:#45B6AF
\r
4579 .progress > .progress-bar-success{
\r
4580 background-color:#45B6AF
\r
4585 margin-bottom:15px;
\r
4588 .input-group-btn-vertical.fa{
\r
4594 margin-right:30px;
\r
4597 text-align: right;
\r
4599 .input-group-btn-vertical {
\r
4600 position: relative;
\r
4601 white-space: nowrap;
\r
4603 vertical-align: middle;
\r
4604 display: table-cell;
\r
4606 .input-group-btn-vertical > .btn {
\r
4612 margin-left: -1px;
\r
4613 position: relative;
\r
4616 .input-group-btn-vertical > .btn{
\r
4619 .input-group-btn-vertical > .btn:first-child {
\r
4620 border-top-right-radius: 4px;
\r
4622 .input-group-btn-vertical > .btn:last-child {
\r
4624 border-bottom-right-radius: 4px;
\r
4626 .input-group-btn-vertical i{
\r
4627 position: absolute;
\r
4631 .input-group .form-control{
\r
4632 height:26px !important;
\r
4641 background-image: url("../image/about/about-bg-light.png");
\r
4645 background-image: url("../image/about/about-bg-dark.png");
\r
4652 text-decoration: none;
\r
4655 .about a.about_close{
\r
4657 margin-right:20px;
\r
4668 margin-right: 15px;
\r
4669 margin-top: 130px;
\r
4674 .about div.info div{
\r
4678 .about div.info img{
\r
4679 margin-right: 55px;
\r
4684 margin-left:150px;
\r
4687 .aboutDlg .dataTable{
\r
4688 background-color: white;
\r
4692 .aboutDlg table.dataTable .heading>th.sorting_disabled {
\r
4693 background-color: white !important;
\r
4696 .aboutDlg #abouttable_wrapper{
\r
4698 background-color: white;
\r
4703 .aboutDlg td , .aboutDlg .table thead tr th{
\r
4709 font-family:microsoft yahei,Arial;
\r
4710 letter-spacing:1px;
\r