diff options
Diffstat (limited to 'common/src/main/webapp/thirdparty/css/style.css')
| -rw-r--r-- | common/src/main/webapp/thirdparty/css/style.css | 4715 |
1 files changed, 4715 insertions, 0 deletions
diff --git a/common/src/main/webapp/thirdparty/css/style.css b/common/src/main/webapp/thirdparty/css/style.css new file mode 100644 index 00000000..fc070b9d --- /dev/null +++ b/common/src/main/webapp/thirdparty/css/style.css @@ -0,0 +1,4715 @@ +/** + * Copyright 2016, CMCC Technologies Co., Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/*** +Colors +blue: #4b8df8 +light blue: #bfd5fa +red: #e02222 +yellow: #ffb848 +green: #35aa47 +purple: #852b99 +dark: #555555; +light grey: #fafafa; +***/ +/*fontIcon*/ +[class^="ict-"], [class*=" ict-"]{ + padding-right:3px; + display: inline-block; + width: 1.25em; + text-align: center; +} +.page-sidebar-menu [class^="ict-"], .page-sidebar-menu [class*=" ict-"]{ +padding-right:0; +} +/********************* + GENERAL RESET & SETUP +*********************/ + +/*** +Reset and overrides +***/ +body { + color: #333; + /*font-family: 'Open Sans', sans-serif; + font-size:13px; */ + font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important; + padding: 0px !important; + margin: 0px !important; + direction: ltr; +} +.page-content-body{ +padding-left:15px; +padding-right:15px; +padding-top:10px; +} +/* +Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't +properly apply the media queries in Bootstrap's CSS. To address this, +you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix. +*/ +@-webkit-viewport { + width: device-width; +} + +@-moz-viewport { + width: device-width; +} + +@-ms-viewport { + width: device-width; +} + +@-o-viewport { + width: device-width; +} + +@viewport { + width: device-width; +} + +/* Internet Explorer 10 doesn't differentiate device width from viewport width, +and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */ +@-ms-viewport { + width: auto !important; +} + +/*** +Custom Scrollbars +***/ + +::-webkit-scrollbar { + width: 12px; +} + +::-webkit-scrollbar-track { + background-color: #eaeaea; + border-left: 1px solid #cecece; +} + +::-webkit-scrollbar-thumb { + background-color: #cecece; +} + +::-webkit-scrollbar-thumb:hover { + background-color: #aaa; +} + +::-webkit-scrollbar-track { + border-radius: 0; + box-shadow: none; + border: 0; +} + +::-webkit-scrollbar-thumb { + border-radius: 0; + box-shadow: none; + border: 0; +} + +/*** +General typography +***/ +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + color: #444; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: Arial, sans-serif; + font-weight: 300 !important; +} + +h1.block, +h2.block, +h3.block, +h4.block, +h5.block, +h6.block { + padding-top: 10px; + padding-bottom: 10px; +} + +a { + text-shadow: none !important; + color: #5b9bd1; +} + +/*** +Fix link outlines after click +***/ +a,a:focus, a:hover, a:active { + outline: 0; +} + +/*** +General backgrounds. Can be applied to any block or panel +***/ + +.bg-blue { + background-image: none !important; + background-color: #4b8df8 !important; + border-color:#4b8df8 !important; + color: #fff !important; +} + +.bg-red { + background-image: none !important; + background-color: #e02222 !important; + border-color: #e02222 !important; + color: #fff !important; +} + +.bg-yellow { + background-image: none !important; + background-color: #ffb848 !important; + border-color: #ffb848 !important; + color: #fff !important; +} + +.bg-green { + background-image: none !important; + background-color: #35aa47 !important; + border-color: #35aa47 !important; + color: #fff !important; +} + +.bg-purple { + background-image: none !important; + background-color: #852b99 !important; + border-color: #852b99 !important; + color: #fff !important; +} + +.bg-dark { + background-image: none !important; + background-color: #555555 !important; + border-color: #555555 !important; + color: #fff !important; +} + +.bg-grey { + background-image: none !important; + background-color: #fafafa !important; + border-color: #fafafa !important; +} + +/*** +Font Awesome Icons +***/ + +[class^="fa-"], +[class*=" fa-"] { + display: inline-block; +/* margin-top: 1px;*/ + font-size: 14px; + *margin-right: .3em; + line-height: 14px; +} + +/*** +Make font awesome icons fixed width(latest version issue) +***/ + +li [class^="fa-"], +li [class*=" fa-"] { + display: inline-block; + width: 1.25em; + text-align: center; +} +li [class^="fa-"].icon-large, +li [class*=" fa-"].icon-large { + /* increased font size for icon-large */ + width: 1.5625em; +} + +.page-breadcrumb .fa-angle-right{ + display:inline-block; + margin-left:8px; + margin-right:8px; +} + +.page-breadcrumb i[class^="fa-"], [class*=" fa-"],.page-breadcrumb i[class^="ict-"], [class*=" ict-"]{ + display:none; +} + + + +.fa-lg, +.icon-lg { + font-size: 16px; +} + +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} + +.icon-default { + color: #ccc; +} + +.icon-success { + color: #468847; +} + +.icon-info { + color: #27a9e3; +} + +.icon-warning { + color: #dbc056; +} + +.icon-danger { + color: #B94A48; +} + +/*** +Close icon used for modal dialog and other UI element close buttons +***/ +.close { + display: inline-block; + margin-top: 0px; + margin-right: 0px; + width: 9px; + height: 9px; + background-repeat: no-repeat !important; + text-indent: -10000px; + outline: none; + background-image: url("../image/remove-icon-small.png") !important; +} + +.about{ + height:345px; + width:528px; +} + +.aboutmain{ + background-image: url("../image/about/about-bg-light.png"); +} + +.aboutinfo{ + background-image: url("../image/about/about-bg-dark.png"); +} + +.about a{ + color: white; + + margin-left:15px; + text-decoration: none; +} + +.about a.about_close{ + float:right; + margin-right:20px; + font-size: 1.2em; +} + +.about div{ + padding-top:10px; + +} + +.about div.info{ + float: right; + margin-right: 15px; + margin-top: 130px; + color: white; + font-size: 13px; +} + +.about div.info div{ + margin-left:15px; +} + +.about div.info img{ + margin-right: 55px; +} + +.aboutDlg{ + width: 530px; + margin-left:150px; +} + +/*** +General HR +***/ + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #E0DFDF; + border-bottom: 1px solid #FEFEFE; +} + +/*** +Tools +***/ + +.display-none, +.display-hide { + display: none; +} + +.no-space { + margin: 0px !important; + padding: 0px !important; +} + +.no-margin { + margin:0; +} + +.no-border { + border:0 !important; +} + +.margin-bottom-5 { + margin-bottom: 5px; +} + +.margin-bottom-10 { + margin-bottom: 10px !important; +} + +.margin-top-10 { + margin-top: 10px !important; +} + +.margin-bottom-15 { + margin-bottom: 15px !important; +} + +.margin-bottom-20 { + margin-bottom: 20px !important; +} + +.margin-top-20 { + margin-top: 20px !important; +} + +.margin-bottom-25 { + margin-bottom: 25px !important; +} + +.margin-right-10 { + margin-right: 10px !important; +} + +.bold { + font-weight:600 !important; +} + +.fix-margin { + margin-left: 0px !important +} + +.border { + border: 1px solid red; +} + +.inline { + display: inline; +} + +.text-align-reverse { + text-align: right; +} + +/*** +ie8 & ie9 modes +***/ + +.visible-ie8 { + display: none; +} + +.ie8 .visible-ie8 { + display: inherit !important; +} + +.visible-ie9 { + display: none; +} + +.ie9 .visible-ie9 { + display: inherit !important; +} + +.hidden-ie8 { + display: inherit; +} + +.ie8 .hidden-ie8 { + display: none !important; +} + +.hidden-ie9 { + display: inherit; +} + +.ie9 .hidden-ie9 { + display: none !important; +} + +/******************** + GENERAL LAYOUT +*********************/ + +/*** +Header and header elements. +***/ + +.header.navbar { + width: 100%; + padding: 0 20px 0 20px; + margin: 0; + border: 0px; + padding: 0px; + box-shadow: none; + height: 42px; + min-height: 42px; +} + +.header.navbar.navbar-fixed-top { + z-index: 9995 !important; +} + +.header.navbar .navbar-brand { + display: inline-block; + margin-top: -1px; + margin-right: 0; + padding-left: 0; + padding-right: 0; + width: 225px; + height: 42px; +} + +.header.navbar .navbar-brand img { + margin-left: 20px; +} + +.header.navbar .navbar-brand.text-logo { + padding-left: 20px; + padding-top: 12px; +} + +.header.navbar .navbar-toggle { + margin: 8px 6px 4px 6px; + padding: 0; + padding-top:2px; + padding-bottom: 6px; + background-image: none; + filter:none; + box-shadow: none; + color: #fff; + border: 0; +} + +.header.navbar .navbar-toggle:hover { + text-decoration: none; + background: none; +} + +.header.navbar .navbar-nav { + margin-right: 20px; + display: block; +} + +.header.navbar .navbar-nav > li { + margin: 0px; + padding: 0px; +} + +.header.navbar .navbar-nav > li.dropdown, +.header.navbar .navbar-nav > li.dropdown > a { + padding-left: 4px; + padding-right: 4px; +} + +.header.navbar .navbar-nav > li.dropdown > a:last-child { + padding-right: 0; +} + +.header.navbar .navbar-nav > li.dropdown:last-child { + padding-right: 2px; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-toggle { + margin: 0px; + padding: 15px 10px 7px 10px; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-toggle > i { + font-size: 18px; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-menu > li > a > i { + font-size: 14px; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle { + padding-top: 9px; + *padding: 9px 18px 6px 6px; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle:hover { + text-decoration: none; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle .username { + color: #ddd; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle i { + display: inline-block; + margin-top: 5px; + margin: 0; + font-size: 16px; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-menu i { + width: 15px; + display: inline-block; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-toggle .badge { + position: absolute; + top: 8px; + right: 20px; +} + + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle { + padding: 13px 0px 6px 6px; +} + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle:hover { + text-decoration: none; +} + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle .sysname { + color: #ddd; +} + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle i { + display: inline-block; + margin-top: 5px; + margin: 0; + font-size: 16px; +} + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-menu i { + width: 15px; + display: inline-block; +} + +/*** +Header Search +***/ +.header.navbar .search-form { + float: left; + display: inline-block; + padding: 0; + height: 41px; + margin:0; +} + +.header.navbar .search-form .form-control{ + margin-top: 8px; + border: 0; + padding-top: 1px; + padding-right: 27px; +} + +.header.navbar .search-form .submit { + position: relative; + display: block; + float: right; + margin-top: -21px; + margin-right: 8px; + width: 13px; + height: 15px; + box-shadow: none; + border: 0px; + padding: 0px; + background-color: none; + background-repeat: no-repeat !important; + outline: none !important; + opacity: 0.8; + filter: alpha(opacity=80); +} + +.header.navbar .search-form .submit:hover { + opacity: 1; + filter: alpha(opacity=100); +} + +/*** +Language Bar +***/ + +.header.navbar .navbar-nav > li.dropdown.language { + padding-left: 0; + padding-right: 0; + margin: 0; +} + +.header.navbar .navbar-nav > li.dropdown.language > a { + color: #ddd; + font-size: 13px; + padding: 11px 1px 11px 5px; +} + +.header.navbar .navbar-nav > li.dropdown.language > a > img { + margin-bottom: 2px; +} + +.header.navbar .navbar-nav > li.dropdown.language > a > i { + font-size: 16px; +} + +.header.navbar .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img { + margin-bottom: 2px; +} + +.header.navbar .navbar-nav .dropdown-menu { + margin-top: 3px; +} + +/*** +Page container +***/ + +.page-container { + margin: 0px; + padding: 0px; + position: relative; +} + +.page-container:before, +.page-container:after { + display: table; + content: " "; +} + +.page-container:after { + clear: both; +} + +.page-header-fixed .page-container { + margin-top: 42px; +} + +/*** IE 8 Fixes ***/ +/*** +Page sidebar +***/ + +.ie8 .page-sidebar { + width: 225px; + float: left; + position: relative; + margin-right: -100%; +} + +/*** +Page content +***/ + +.ie8 .page-content-wrapper { + float: left; + width: 100%; + } + +.ie8 .page-content { + margin-left: 225px; + margin-top: 0px; + min-height: 540px; + padding: 20px 20px 20px 20px; + } +/*** IE 8 Fixes ***/ + +/*** +Page sidebar +***/ + +.page-sidebar.navbar-collapse { + padding: 0; +} + +.page-sidebar-menu { + list-style: none; + margin: 0; + padding: 0; + margin: 0; + padding: 0; +} + +.page-sidebar-menu > li { + display: block; + margin: 0; + padding: 0; + border: 0px; +} + +.page-sidebar-menu > li.start > a { + border-top-color: transparent !important; +} + +.page-sidebar-menu > li:last-child > a, +.page-sidebar-menu > li.last > a { + border-bottom-color: transparent !important; +} + +.page-sidebar-menu > li > a { + display: block; + position: relative; + margin: 0; + border: 0px; + padding: 10px 15px; + text-decoration: none; + font-size: 14px; + font-weight: 300; +} + +.page-sidebar-fixed .page-sidebar-menu > li > a { + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + transition: all 0.2s ease; +} + +.page-sidebar-reversed.page-sidebar-fixed .page-sidebar-menu > li > a{ + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} + +.page-sidebar-menu > li > a i { + font-size: 16px; + margin-right: 5px; + text-shadow:none; +} + +.page-sidebar-menu > li.break { + margin-bottom: 20px; +} + +.page-sidebar-menu > li.open > a { + font-size: 14px; +} + +.page-sidebar-menu > li.active > a { + border: none; + text-shadow:none; + font-size: 14px; +} + +.page-sidebar-menu > li.active > a .selected { + display: block; + width: 8px; + height: 25px; + background-image: url("../image/sidebar-menu-arrow.png"); + float: right; + position: absolute; + right:0px; + top:8px; +} + +.page-sidebar-reversed .page-sidebar-menu > li.active > a .selected { + background-image: url("../image/sidebar-menu-arrow-reverse.png"); + right: auto; + left:0; +} + +.page-sidebar ul > li > a > .arrow:before { + float: right; + margin-top: 0px; + margin-right: 5px; + display: inline; + font-size: 16px; + font-family: FontAwesome; + height: auto; + content: "\f104"; + font-weight: 300; + text-shadow:none; +} + +.page-sidebar-menu > li > a > .arrow.open:before { + float: right; + margin-top: 0px; + margin-right: 3px; + display: inline; + font-family: FontAwesome; + height: auto; + font-size: 16px; + content: "\f107"; + font-weight: 300; + text-shadow:none; +} + +/* bagin: sidebar menu badges */ +.page-sidebar-menu li > a > .badge { + float: right; + margin-top: 1px; + margin-right: 13px; +} + +/* end: sidebar menu badges */ + +.page-sidebar-menu .sub-menu { + padding: 0; +} + +.page-sidebar-menu > li > ul.sub-menu { + display: none; + list-style: none; + clear: both; + margin: 8px 0px 8px 0px; +} + +.page-sidebar-menu > li.active > ul.sub-menu { + display: block; +} + +.page-sidebar-menu > li > ul.sub-menu > li { + background: none; + margin: 0px; + padding: 0px; + margin-top: 1px !important; +} + +.page-sidebar-menu > li > ul.sub-menu > li > a { + display: block; + margin: 0px 0px 0px 0px; + padding: 5px 0px; + padding-left: 44px !important; + text-decoration: none; + font-size: 14px; + font-weight: 300; + background: none; +} + +/* 3rd level sub menu */ +.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu { + display: none; + list-style: none; + clear: both; + margin: 0px 0px 0px 0px; +} + +.page-sidebar-menu > li > ul.sub-menu li > a > .arrow:before { + float: right; + margin-top: 1px; + margin-right: 20px; + display: inline; + font-size: 16px; + font-family: FontAwesome; + height: auto; + content: "\f104"; + font-weight: 300; + text-shadow:none; +} + +.page-sidebar-menu > li > ul.sub-menu li > a > .arrow.open:before { + float: right; + margin-top: 1px; + margin-right: 18px; + display: inline; + font-family: FontAwesome; + height: auto; + font-size: 16px; + content: "\f107"; + font-weight: 300; + text-shadow:none; +} + +.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu { + display: block; +} + +.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu li { + background: none; + margin: 0px; + padding: 0px; + margin-top: 1px !important; +} + +.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a { + display: block; + margin: 0px 0px 0px 0px; + padding: 5px 0px; + text-decoration: none; + font-size: 14px; + font-weight: 300; + background: none; +} + +.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { + padding-left: 60px; +} + +.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { + padding-left: 80px; +} + +.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu { + display: block; +} + + +.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a > i { + font-size: 13px; +} + +/*** +Sidebar Search +***/ + +.page-sidebar .sidebar-search { + padding:0; + margin: 0; +} + +.page-sidebar .header.navbar-responsive-search { + display: none; +} + +.page-sidebar .sidebar-search .form-container { + margin: 15px 20px 15px 20px; + height: 35px; + padding-top: 7px; +} + +.page-sidebar .sidebar-search .form-container .submit { + display: block; + float: right; + margin-top: 3px; + width: 13px; + height: 15px; + background-repeat: no-repeat; + box-shadow: none; + border: 0px; + padding: 0px; + outline: none !important; +} + +.page-sidebar .sidebar-search .form-container input[type="text"] { + margin: 0px; + width: 165px; + border: 0px; + padding: 0 !important; + font-size: 14px !important; + box-shadow: none !important; + font-size: 14px; + font-weight: normal; +} + +.page-sidebar .sidebar-search .form-container input[type="text"]:focus { + outline: none !important; +} + +/*** +Sidebar toggler(show/hide) +***/ +.sidebar-toggler { + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); + width: 29px; + height: 29px; + background-repeat: no-repeat; +} + +.sidebar-toggler:hover { + filter: alpha(opacity=100); + opacity: 1; +} + +.page-sidebar .sidebar-toggler { + margin-top: 15px; + /* margin-left: 175px;*/ +} + +.header.navbar .sidebar-toggler { + float: left; + display: inline-block; + margin-top: 6px; + margin-left: -42px; +} + +/*** +Page content +***/ +.page-content { + margin-top: 0px; + padding: 0px; + background-color: #fff; +} + +.ie8 .page-content { + padding: 20px; + margin-left: 225px; + margin-top: 0px; + min-height: 760px; +} + +.ie8 .page-sidebar-fixed .page-content { + min-height: 600px; +} + +.ie8 .page-content.no-min-height { + min-height: auto; +} + +.page-full-width .page-content { + margin-left: 0px !important; +} + +.page-full-width .page-sidebar-menu { + display: none; +} + +/*** +Page title +***/ +.page-title { + padding: 0px; + font-size: 30px; + letter-spacing: -1px; + display: block; + color: #666; + margin: 0px 0px 15px 0px; + font-weight: 300; + font-family: 'Open Sans', sans-serif; +} + +.page-title small { + font-size: 14px; + letter-spacing: 0px; + font-weight: 300; + color: #888; +} + +/*** +Page breadcrumb +***/ + +.ie8 .row .page-breadcrumb.breadcrumb > li { + margin-right: 1px; +} + +.page-content .page-breadcrumb.breadcrumb { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + box-shadow: none; + padding-right: 30px; + padding-left: 8px; + margin-top: 15px; + margin-bottom: 25px; + border:0px !important; + background-color: #fff; +} + +.page-content .page-breadcrumb.breadcrumb > li > a, +.page-content .page-breadcrumb.breadcrumb > li > i, +.page-content .page-breadcrumb.breadcrumb > li > span { + color: #333; + font-size: 14px; + text-shadow:none; +} + +.page-content .page-breadcrumb.breadcrumb > li > i { + color: #666; +} + +.page-content .page-breadcrumb.breadcrumb > li+li:before { + display: none; +} + +/* Dashboard breadcrumb Dropdown */ +.page-content .page-breadcrumb.breadcrumb .more-botton-zone .btn-group { + right: 15px; + position: absolute; + margin-top: -8px; +} +.page-content .page-breadcrumb.breadcrumb .more-botton-zone { + position:inherit; +} + +.page-content .page-breadcrumb.breadcrumb .more-botton-zone .btn-group .btn { + padding-top: 8px; + padding-bottom: 8px; + font-size: 12px; +} + +/* Dashboard date range panel */ +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range { + position: relative; + top: -8px; + margin-right: -30px; + display: none; + padding: 9px 9px 8px 9px; + cursor: pointer; + color: #fff; + background-color: #e02222; +} + +/* hack for chrome and safari */ +@media all and (-webkit-min-device-pixel-ratio:0) { + .page-content .page-breadcrumb.breadcrumb .dashboard-date-range { + padding: 9px; + } +} + +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span { + font-size: 12px; + font-weight: 300; + color: #fff; + text-transform: uppercase; +} + +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-calendar { + text-transform: none; + color: #fff; + margin-top: 0px; + font-size: 14px; +} + +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-angle-down { + color:#fff; + font-size: 16px; +} + +/*** +Footer +***/ + +.footer { + padding: 8px 20px 5px 20px; + font-size: 12px; +} + +.footer:after, +.footer:before { + content: ""; + display: table; + line-height: 0; +} + +.footer:after { + clear: both; +} + +.footer .footer-inner { + float: left; + display: inline-block; +} + +.footer .footer-tools { + float: right; + display: inline-block; +} + +.footer .footer-tools .go-top { + display: block; + text-decoration: none; + cursor: pointer; + margin-top: -2px; + margin-right: 0px; + margin-bottom: 0px; + font-size: 16px; + padding: 0px 6px 0px 6px; +} + +.footer .footer-tools .go-top i { + font-size: 22px; + margin-bottom: 5px; +} + + +/******************** + GENERAL UI ELEMENTS +*********************/ + +/*** +Icon stuff +***/ +i.icon, a.icon { + color: #999; + margin-right: 5px; + font-weight: normal; + font-size: 13px; +} + +i.icon-black { + color: #000 !important; +} + +a.icon:hover { + text-decoration: none; + -webkit-transition: all 0.1s ease-in-out; + -moz-transition: all 0.1s ease-in-out; + -o-transition: all 0.1s ease-in-out; + -ms-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + opacity: .4; + filter:alpha(opacity=40); +} + +a.icon.huge i{ + font-size: 16px !important; +} + +i.big { + font-size: 20px; +} + +i.warning { + color: #d12610; +} + +i.critical { + color: #37b7f3; +} + +i.normal { + color: #52e136; +} + +/*** +Custom wells +***/ +.well { + background-color: #fafafa; + border: 1px solid #eee; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.well.mini { + padding: 7px !important; +} + +/*** +Form stuff +***/ + + +/*** +Bordered form layout +***/ + +/*** +Input icons +***/ + +/* input with right aligned and colored icons */ + +/* input with left aligned icons */ +.input-icon { + position: relative; +} + + +.input-icon input { + padding-left: 33px !important; +} + +.input-icon i { + color: #ccc; + display: block; + position: absolute; + margin: 11px 2px 4px 10px; + width: 16px; + height: 16px; + font-size: 16px; + text-align: center; +} + +.input-icon.right input { + padding-left: 12px !important; + padding-right: 33px !important; +} + +.input-icon.right i { + right: 8px; + float: right; +} + +.has-success .input-icon > i { + color: #468847; +} + +.has-warning .input-icon > i { + color: #c09853; +} + +.has-error .input-icon > i { + color: #b94a48; +} + +/*** +Portlets +***/ +.portlet { + clear: both; + margin-top: 0px; + margin-bottom: 25px; + padding: 0px; +} + +.portlet > .portlet-title { + margin-bottom: 15px; + border-bottom: 1px solid #eee; +} + +.portlet > .portlet-title:after, +.portlet > .portlet-title:before { + content: ""; + display: table; + line-height: 0; +} + +.portlet > .portlet-title:after { + clear: both; +} + +.portlet > .portlet-title > .caption { + float: left; + display: inline-block; + font-size: 18px; + line-height: 18px; + font-weight: 400; + margin: 0; + padding: 0; + margin-bottom: 8px; +} + +.portlet > .portlet-title > .caption > i { + float: left; + margin-top: 4px; + display: inline-block !important; + font-size: 13px; + margin-right: 5px; + color: #666; +} + +.portlet.blue > .portlet-title > .caption, +.portlet.green > .portlet-title > .caption, +.portlet.yellow > .portlet-title > .caption, +.portlet.red > .portlet-title > .caption, +.portlet.purple > .portlet-title > .caption, +.portlet.grey > .portlet-title > .caption { + color: #fff; +} + +.portlet.box.blue > .portlet-title > .caption > i, +.portlet.box.green > .portlet-title > .caption > i, +.portlet.box.grey > .portlet-title > .caption > i, +.portlet.box.yellow > .portlet-title > .caption > i, +.portlet.box.red > .portlet-title > .caption > i, +.portlet.box.purple > .portlet-title > .caption > i, +.portlet.box.light-grey > .portlet-title > .caption > i{ + color: #fff; +} + +.sortable .portlet > .portlet-title { + cursor: move; +} + +.portlet > .portlet-title > .tools, +.portlet > .portlet-title > .actions + { + display: inline-block; + padding: 0; + margin: 0; + margin-top: 6px; + float: right; +} + +.portlet > .portlet-title > .tools > a { + display: inline-block; + height: 16px; + margin-left:5px; +} + +.portlet > .portlet-title > .actions > .dropdown-menu i { + color: #000 !important; +} + +.portlet > .portlet-title > .tools > a.remove { + margin-bottom: 2px; + background-image:url(../image/portlet-remove-icon.png); + background-repeat: no-repeat; + width: 11px; +} + +.portlet > .portlet-title > .tools > a.config { + margin-bottom: 2px; + background-image:url(../image/portlet-config-icon.png); + background-repeat: no-repeat; + width: 12px; +} + +.portlet > .portlet-title > .tools > a.reload { + margin-bottom: 2px; + background-image:url(../image/portlet-reload-icon.png); + width: 13px; +} + +.portlet > .portlet-title > .tools > a.expand { + margin-bottom: 2px; + background-image:url(../image/portlet-expand-icon.png); + width: 14px; +} + +.portlet > .portlet-title > .tools > a.collapse { + margin-bottom: 2px; + background-image:url(../image/portlet-collapse-icon.png); + width: 14px; +} + +.portlet > .portlet-title > .tools > a:hover { + text-decoration: none; + -webkit-transition: all 0.1s ease-in-out; + -moz-transition: all 0.1s ease-in-out; + -o-transition: all 0.1s ease-in-out; + -ms-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + opacity:.6; + filter:'alpha(opacity=60)'; +} + +.portlet > .portlet-title > .actions > .btn-group { + margin-top: -13px; +} + +.portlet > .portlet-title > .actions > .btn { + padding: 4px 10px; + margin-top: -14px; +} + +.portlet > .portlet-title > .actions > .btn-group > .btn { + padding: 4px 10px; + margin-top: -1px; +} + +.portlet > .portlet-title > .actions > .btn.btn-sm { + padding: 3px 8px; + margin-top: -13px; +} + +.portlet > .portlet-title > .actions > .btn-group > .btn-sm { + padding: 3px 8px; + margin-top: -1px; +} + +.portlet > .portlet-title > .pagination.pagination-sm { + float: right !important; + display: inline-block !important; + margin: 0px; + margin-top: -4px; +} + +@media (max-width: 767px) { + .portlet > .portlet-title > .actions.btn-set > .btn-group, + .portlet > .portlet-title > .actions.btn-set > .btn { + margin-top: 0px; + margin-bottom: 5px; + } +} + +.portlet > .portlet-body { + clear: both; + padding: 0; +} + +.portlet > .portlet-empty { + min-height: 125px; +} + +.portlet > .portlet-body.light-blue, .portlet.light-blue { + background-color: #bfd5fa !important; +} + +.portlet > .portlet-body.blue, .portlet.blue { + background-color: #4b8df8 !important; +} + +.portlet > .portlet-body.red, .portlet.red { + background-color: #e02222 !important; +} + +.portlet > .portlet-body.yellow, .portlet.yellow { + background-color: #ffb848 !important; +} + +.portlet > .portlet-body.green, .portlet.green { + background-color: #35aa47 !important; +} + +.portlet > .portlet-body.purple, .portlet.purple { + background-color: #852b99 !important; +} + +.portlet > .portlet-body.light-grey, .portlet.light-grey { + background-color: #fafafa !important; +} + +.portlet > .portlet-body.grey, .portlet.grey { + background-color: #555555 !important; +} + +/* draggable girds */ + +.ui-sortable-placeholder { + border: 1px dotted black; + visibility: visible !important; + height: 100% !important; +} + +.ui-sortable-placeholder * { + visibility: hidden; +} + +.sortable-box-placeholder { + background-color: #f5f5f5; + border: 1px dashed #DDDDDD; + display: block; + /* float: left;*/ + margin-top: 0px !important; + margin-bottom: 24px !important; +} + +.sortable-box-placeholder * { + visibility:hidden; +} + +/*** +Solid colored portlet +***/ +.portlet.solid { + padding: 10px; +} + +.portlet.solid > .portlet-title > .tools { + margin-top: 2px; + border: 0px; +} + +.portlet.solid > .portlet-title { + margin-bottom: 5px; + border: 0px; +} + +.portlet.solid.bordered > .portlet-title { + margin-bottom: 15px; +} + +.portlet.solid.red > .portlet-title, +.portlet.solid.red > .portlet-title > .caption > i, +.portlet.solid.red > .portlet-body, + +.portlet.solid.green > .portlet-title, +.portlet.solid.green > .portlet-title > .caption > i, +.portlet.solid.green > .portlet-body, + +.portlet.solid.yellow > .portlet-title, +.portlet.solid.yellow > .portlet-title > .caption > i, +.portlet.solid.yellow > .portlet-body, + +.portlet.solid.grey > .portlet-title, +.portlet.solid.grey > .portlet-title > .caption > i, +.portlet.solid.grey > .portlet-body, + +.portlet.solid.purple > .portlet-title, +.portlet.solid.purple > .portlet-title > .caption > i, +.portlet.solid.purple > .portlet-body, + +.portlet.solid.blue > .portlet-title, +.portlet.solid.blue > .portlet-title > .caption > i, +.portlet.solid.blue > .portlet-body { + border: 0; + color: #fff; +} + +.portlet.bordered { + border-left: 2px solid #ddd; +} + +/*** +Box portlet +***/ + +.portlet.box { + padding:0px !important +} + +.portlet.box > .portlet-title { + padding:8px 10px 2px 10px; + border-bottom: 1px solid #eee; + color: #fff !important; +} + +.portlet.box > .portlet-title > .tools { + margin-top: 3px; +} + +.portlet.box > .portlet-title > .tools > a.remove, +.portlet.solid > .portlet-title > .tools > a.remove { + background-image:url(../image/portlet-remove-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.config, +.portlet.solid > .portlet-title > .tools > a.config { + background-image:url(../image/portlet-config-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.reload, +.portlet.solid > .portlet-title > .tools > a.reload { + background-image:url(../image/portlet-reload-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.expand, +.portlet.solid > .portlet-title > .tools > a.expand { + background-image:url(../image/portlet-expand-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.collapse, +.portlet.solid > .portlet-title > .tools > a.collapse { + background-image:url(../image/portlet-collapse-icon-white.png); +} + +/* portlet buttons */ +.portlet.box > .portlet-body { + background-color: #fff; + padding: 10px; +} + +.portlet.box > .portlet-title { + margin-bottom: 0px; +} + +.portlet.box.blue > .portlet-title { + background-color: #4b8df8; +} + +.portlet.box.blue { + border: 1px solid #b4cef8; + border-top: 0; +} + +.portlet.box.red > .portlet-title { + background-color: #e02222; +} + +.portlet.box.red { + border: 1px solid #ef8476; + border-top: 0; +} + +.portlet.box.yellow > .portlet-title { + background-color: #ffb848; +} + +.portlet.box.yellow { + border: 1px solid #fccb7e; + border-top: 0; +} + +.portlet.box.green > .portlet-title { + background-color: #35aa47; +} + +.portlet.box.green { + border: 1px solid #77e588; + border-top: 0; +} + +.portlet.box.purple > .portlet-title { + background-color: #852b99; +} + +.portlet.box.purple { + border: 1px solid #af5cc1; + border-top: 0; +} + +.portlet.box.grey > .portlet-title { + background-color: #555555; +} + +.portlet.box.grey { + border: 1px solid #9d9c9c; + border-top: 0; +} + +.portlet.box.light-grey > .portlet-title { + background-color: #aaa; +} + +.portlet.box.light-grey { + border: 1px solid #bbb; + border-top: 0; +} + +/*** +Charts and statistics +***/ +.chart, .pie, .bars { + overflow: hidden; + height: 300px; +} + +/*** +Statistic lists +***/ +.item-list.table .percent { + width: 30px; + float: right; + margin-right: 10px; + margin-top: 3px; +} + +/*** +Chart tooltips +***/ +.chart-tooltip { + clear: both; + z-index: 100; + background-color: #736e6e !important; + padding: 5px !important; + color: #fff; +} + +.chart-tooltip .label { + clear: both; + display: block; + margin-bottom: 2px; +} + +/*** +Mini chart containers +***/ +.bar-chart { + display: none +} + +.line-chart { + display: none +} + +/*** +Custom icon buttons +***/ +.icon-btn { + height: 60px; + min-width: 80px; + margin: 5px 5px 0 0; + border: 1px solid #ddd; + padding: 12px 0px 0px 0px; + background-color: #fafafa !important; + background-image: none !important; + filter:none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + display:inline-block !important; + color: #646464 !important; + text-shadow: none !important; + text-align: center; + cursor: pointer; + position: relative; + -webkit-transition: all 0.3s ease !important; + -moz-transition: all 0.3s ease !important; + -ms-transition: all 0.3s ease !important; + -o-transition: all 0.3s ease !important; + transition: all 0.3s ease !important; +} + +.icon-btn i { + font-size: 18px; +} + +.ie8 .icon-btn:hover { + filter: none !important; +} + +.icon-btn:hover { + text-decoration: none !important; + border-color: #999 !important; + color: #444 !important; + text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important; + -webkit-transition: all 0.3s ease !important; + -moz-transition: all 0.3s ease !important; + -ms-transition: all 0.3s ease !important; + -o-transition: all 0.3s ease !important; + transition: all 0.3s ease !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.icon-btn:hover .badge { + -webkit-transition: all 0.3s ease !important; + -moz-transition: all 0.3s ease !important; + -ms-transition: all 0.3s ease !important; + -o-transition: all 0.3s ease !important; + transition: all 0.3s ease !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.icon-btn div { + font-family: 'Open Sans', sans-serif; + margin-top: 5px; + margin-bottom: 20px; + color: #000; + font-size: 12px; + font-weight: 300; +} + +.icon-btn .badge { + position: absolute; + font-family: 'Open Sans', sans-serif; + font-size: 11px !important; + font-weight: 300; + top: -5px; + right: -5px; + padding: 3px 6px 3px 6px; + color: white !important; + text-shadow: none; + border-width: 0; + border-style: solid; + -webkit-border-radius: 12px !important; + -moz-border-radius: 12px !important; + border-radius: 12px !important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +/* extended dropdowns */ +.dropdown-menu.extended { + min-width: 160px !important; + max-width: 300px !important; + width: 233px !important; + background-color: #ffffff !important; +} + +.dropdown-menu.extended:before, +.dropdown-menu.extended:after { + border-bottom-color: #ddd !important; +} + +.dropdown-menu.extended li a{ + display: block; + padding: 5px 10px !important; + clear: both; + font-weight: normal; + line-height: 20px; + white-space: normal !important; +} + +.dropdown-menu.extended li i{ + margin-right: 3px; +} + +.dropdown-menu.extended li a{ + font-size: 13px; + padding: 10px !important; + background-color: #ffffff; +} + +.dropdown-menu.extended li a:hover { + background-image: none; + background-color: #f5f5f5; + color: #000; + filter:none; +} + +.dropdown-menu.extended li p{ + padding: 10px; + background-color: #eee; + margin: 0px; + font-size: 14px; + font-weight: 300; + color: #000; +} + +.dropdown-menu.extended li a{ + padding: 7px 0 5px 0px; + list-style: none; + border-bottom: 1px solid #f4f4f4 !important; + font-size: 12px; + text-shadow: none; +} + +.dropdown-menu.extended li:first-child a { + border-top: none; + border-bottom: 1px solid #f4f4f4 !important; +} + +.dropdown-menu.extended li:last-child a { + border-top: 1px solid white !important; + border-bottom: 1px solid #f4f4f4 !important; +} + +.dropdown-menu.extended li.external > a { + font-size: 13px; + font-weight: 400; +} + +.dropdown-menu.extended li.external > a > i{ + margin-top: 3px; + float: right; +} + +/* header notifications dropdowns */ +.dropdown-menu .dropdown-menu-list.scroller { + padding-right: 0 !important; + padding-left: 0; + list-style: none; +} + +.dropdown-menu.notification li > a .time { + font-size: 12px; + font-weight: 600; + text-align: right; + font-style: italic; +} + +/* header inbox dropdowns */ +.dropdown-menu.inbox li > a .photo { + float: left; + padding-right: 6px; +} + +.dropdown-menu.inbox li > a .photo > img { + height: 40px; + width: 40px; +} + +.dropdown-menu.inbox li > a .subject { + display: block; +} + +.dropdown-menu.inbox li > a .subject .from { + font-size: 14px; + font-weight: 400; + color: #02689b; +} + +.dropdown-menu.inbox li > a .subject .time { + font-size: 12px; + font-weight: 600; + font-style: italic; + position: relative; + float: right; +} + +.dropdown-menu.inbox li > a .message { + display: block !important; + font-size: 12px; +} + +/* header tasks */ +.dropdown-menu.tasks .task { + margin-bottom: 5px; +} + +.dropdown-menu.tasks .task .desc { + font-size: 13px; + font-weight: 300; +} + +.dropdown-menu.tasks .task .percent { + font-size: 14px; + font-weight: 600; + font-family: 'Open Sans', sans-serif; + float: right; + display: inline-block; +} + +.dropdown-menu.tasks .progress { + display: block; + height: 11px; + margin: 0px; +} + +/*** +General list for item with image +***/ +.item-list li .img { + height: 50px; + width: 50px; + float: left; + margin-top: 3px; + margin-right: 5px; +} + +.item-list { + margin: 0px; + list-style: none; +} + +.item-list li { + padding: 7px 0 5px 0px; + list-style: none; + border-top: 1px solid white; + border-bottom: 1px solid #EBEBEB; + font-size: 12px; +} + +.item-list li:first-child { + border-top: none; + border-bottom: 1px solid #EBEBEB; +} + +.item-list li:last-child { + border-top: none; + border-bottom: none; +} + +.item-list li .label { + margin-right: 5px; +} + +.item-list.todo li .label { + position: absolute; + right: 80px; +} + +.item-list.todo li .actions { + position: absolute; + right: 45px; +} + +/*** +Custom tables +***/ +.table-toolbar { + margin-bottom: 15px; +} + +.table.table-full-width { + width: 100% !important; +} + +.table .m-btn { + margin-top: 0px; + margin-left: 0px; + margin-right: 5px; +} + +.table thead tr th { + font-size: 14px; + font-weight: 600; +} + +.table-advance { + margin-bottom: 10px !important; +} + +.table-advance thead { + color: #999; +} + +.table-advance thead tr th{ + background-color: #DDD; + font-size: 14px; + font-weight: 400; + color: #666; +} + +.table-advance div.success, +.table-advance div.info, +.table-advance div.important, +.table-advance div.warning, +.table-advance div.danger { + position: absolute; + margin-top:-5px; + float: left; + width: 2px; + height: 30px; + margin-right: 20px !important; +} + +.table-advance tr td { + border-left-width: 0px; +} +.table-advance tr td:first-child { + border-left-width: 1px !important; +} + +.table-advance tr td.highlight:first-child a { + margin-left: 15px; +} + +.table-advance td.highlight div.success { + border-left: 2px solid #66ee66; +} + +.table-advance td.highlight div.info { + border-left: 2px solid #87ceeb; +} + +.table-advance td.highlight div.important { + border-left: 2px solid #f02c71; +} + +.table-advance td.highlight div.warning { + border-left: 2px solid #fdbb39; +} + +.table-advance td.highlight div.danger { + border-left: 2px solid #e23e29; +} + +/*** +Star rating +***/ +.rating { + unicode-bidi: bidi-override; + direction: rtl; + font-size: 30px; +} + +.rating span.star { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; +} + +.rating span.star:hover { + cursor: pointer; +} + +.rating span.star:before { + content: "\f006"; + padding-right: 5px; + color: #999999; +} + +.rating span.star:hover:before, +.rating span.star:hover ~ span.star:before { + content: "\f005"; + color: #e3cf7a; +} + + +/*** +Item block with details shown on hover +***/ +.item { + overflow: hidden; + display: block; + margin-bottom: 20px; +} + +.item .details { + width: 100%; + display: none; + background-color: #000; + color: #fff !important; + padding: 5px; + text-align: center; + position: relative; + bottom:30px; + margin-bottom:-30px; + overflow: hidden; + z-index: 6; +} + +.item:hover .details { + display: block; + opacity: 0.7; + filter: alpha(opacity = 70); +} + +.item:hover .zoom-icon{ + opacity:0.5; + filter: alpha(opacity = 50); +} + +/*** +Zoom icon overlay on images +***/ +.zoom { + cursor: pointer; + width: 100%; + height: 100%; + position: relative; + z-index: 5; +} + +.zoom .zoom-icon { + background-image:url("../image/overlay-icon.png"); + background-color: #222; + background-repeat: no-repeat; + background-position: 50%; + position: absolute; + width: inherit; + height: inherit; + opacity: 0; + filter: alpha(opacity = 0); + z-index: 6; + top:0; +} + +/*** +Chats +***/ +.chats { + margin:0; + padding: 0; + margin-top: -15px; +} + +.chats li { + list-style: none; + padding: 5px 0; + margin: 10px auto; + font-size: 12px; +} + +.chats li img.avatar { + height: 45px; + width: 45px; + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + border-radius: 50% !important; +} + +.chats li.in img.avatar { + float: left; + margin-right: 10px; +} + +.chats li .name { + color:#3590c1; + font-size: 13px; + font-weight: 400; +} + +.chats li .datetime { + color:#333; + font-size: 13px; + font-weight: 400; +} + +.chats li.out img.avatar { + float: right; + margin-left: 10px; +} + +.chats li .message { + display: block; + padding: 5px; + position: relative; +} + +.chats li.in .message { + text-align: left; + border-left: 2px solid #35aa47; + margin-left: 65px; + background: #fafafa +} + +.chats li.in .message .arrow { + display: block; + position: absolute; + top: 5px; + left: -8px; + width: 0; + height: 0; + + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-right: 8px solid #35aa47; +} + +.chats li.out .message .arrow { + display: block; + position: absolute; + top: 5px; + right: -8px; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 8px solid #da4a38; +} + +.chats li.out .message { + border-right: 2px solid #da4a38; + margin-right: 65px; + background: #fafafa; + text-align: right; +} + +.chats li.out .name, +.chats li.out .datetime { + text-align: right; +} + +.chats li .message .body { + display: block; +} + +.chat-form { + margin-top: 15px; + padding: 10px; + background-color: #e9eff3; + overflow: hidden; + clear: both; +} + +.chat-form .input-cont { + margin-right: 40px; +} + +.chat-form .input-cont .form-control { + width: 100% !important; + margin-bottom: 0px; +} + +.chat-form .input-cont input{ + border: 1px solid #ddd; + width: 100% !important; + margin-top: 0; +} + +.chat-form .input-cont input { + background-color: #fff !important; +} + +.chat-form .input-cont input:focus{ + border: 1px solid #4b8df9 !important; +} + +.chat-form .btn-cont { + margin-top: -42px; + position: relative; + float: right; + width:44px; +} + +.chat-form .btn-cont .arrow { + position: absolute; + top: 17px; + right: 43px; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-right: 8px solid #4d90fe; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.chat-form .btn-cont:hover .arrow { + border-right-color: #0362fd; +} + +.chat-form .btn-cont:hover .btn { + background-color: #0362fd; +} + +.chat-form .btn-cont .btn { + margin-top: 8px; +} + +/*** +System feeds +***/ +.feeds { + margin: 0px; + padding: 0px; + list-style: none; +} + +.feeds li { + background-color: #fafafa; + margin-bottom: 7px; +} + +.feeds li:before, +.feeds li:after { + display: table; + line-height: 0; + content: ""; +} + +.feeds li:after { + clear: both; +} + +.feeds li:last-child { + margin-bottom: 0px; +} + +.feeds .col1 { + float:left; + width:100%; + clear: both; +} + +.feeds .col2 { + float:left; + width:75px; + margin-left:-75px; +} + +.feeds .col1 .cont { + float:left; + margin-right:75px; + overflow:hidden; +} + +.feeds .col1 .cont .cont-col1 { + float:left; + margin-right:-100%; +} + +.feeds .col1 .cont .cont-col1 .label { + display: inline-block; + padding: 5px 4px 6px 5px; + vertical-align: middle; + text-align: center; +} +.feeds .col1 .cont .cont-col1 .label > i { + text-align: center; + font-size: 14px; +} + +.feeds .col1 .cont .cont-col2 { + float:left; + width:100%; +} + +.feeds .col1 .cont .cont-col2 .desc { + margin-left:35px; + padding-top: 4px; + padding-bottom: 5px; + overflow:hidden; +} + +.feeds .col2 .date { + padding: 4px 9px 5px 4px; + text-align: right; + font-style: italic; + color:#c1cbd0; +} + +/*** +Users +***/ +.user-info { + margin-bottom: 10px !important; +} + +.user-info img { + float: left; + margin-right: 5px; +} + +.user-info .details { + display: inline-block; +} + +.user-info .label { + font-weight: 300; + font-size: 11px; +} + +/*** +Accordions +***/ +.accordion-heading { + background:#eee; +} + +.accordion-heading a { + text-decoration:none; +} + +.accordion-heading a:hover { + text-decoration:none; +} + +/*** +Vertical inline menu +***/ +.ver-inline-menu { + padding: 0; + margin: 0; + list-style: none; +} + +.ver-inline-menu li { + position:relative; + margin-bottom:1px; +} + +.ver-inline-menu li i { + width: 37px; + height: 37px; + display: inline-block; + color:#b9cbd5; + font-size:15px; + padding:12px 10px 10px 8px; + margin:0 8px 0 0; + text-align: center; + background:#e0eaf0 !important; +} + +.ver-inline-menu li a { + font-size: 13px; + color:#557386; + display:block; + background:#f0f6fa; + border-left:solid 2px #c4d5df; +} + +.ver-inline-menu li:hover a, +.ver-inline-menu li:hover i { + background:#e0eaf0; + text-decoration:none; +} + +.ver-inline-menu li:hover i { + color:#fff; + background:#c4d5df !important; +} + +.ver-inline-menu li.active a, +.ver-inline-menu li:hover a { + font-size: 13px; +} + +.ver-inline-menu li.active a { + border-left:solid 2px #0c91e5; +} + +.ver-inline-menu li.active a, +.ver-inline-menu li.active i { + color:#fff; + background:#169ef4; + text-decoration:none; +} + +.ver-inline-menu li.active i { + background:#0c91e5 !important; +} + +.ver-inline-menu li.active:after { + content: ''; + display: inline-block; + border-bottom: 6px solid transparent; + border-top: 6px solid transparent; + border-left: 6px solid #169ef4; + position: absolute; + top: 12px; + right: -5px; +} + +/*** +Custom tabs +***/ +.nav-tabs > li > a > .badge, +.nav-pills > li > a > .badge { + margin-top: -3px; +} + +.nav-tabs > li > a, +.nav-pills > li > a { + font-size: 14px; +} + +.nav-tabs-sm > li > a, +.nav-pills-sm > li > a { + font-size: 13px; +} + +.tabbable-custom { + margin-bottom: 15px; + padding: 0px; + overflow: hidden; +} + +.tabbable-custom > .nav-tabs { + border: none; + margin: 0px; +} + +.tabbable-custom > .tab-content { + background-color: #fff; + border: 1px solid #ddd; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + padding: 10px; +} + +.tabbable-custom.nav-justified .tab-content { + margin-top: -1px; +} + +.tabs-below.tabbable-custom.nav-justified .tab-content { + margin-top: 0px; + margin-bottom: -2px; +} + +.tabbable-custom.boxless > .tab-content { + padding:15px 0; + border-left:none; + border-right:none; + border-bottom:none; +} + +.tabbable-custom .nav-tabs > li { + margin-right: 2px; + border-top: 2px solid transparent; +} + +.tabbable-custom .nav-tabs > li > a { + margin-right: 0; + } + +.tabbable-custom .nav-tabs > li > a:hover { + background: none; + border-color:transparent; +} + +.tabbable-custom .nav-tabs > li.active { + border-top: 3px solid #d12610; + margin-top: 0; + position: relative; +} + +.tabbable-custom .nav-tabs > li.active > a { + border-top: none; + font-weight: 400; +} + +.tabbable-custom .nav-tabs > li.active > a:hover { + border-top: none; + background: #fff; + border-color: #d4d4d4 #d4d4d4 transparent; +} + +.tabbable-custom .nav-tabs > li { + margin-right: 2px; + border-top: 2px solid transparent; +} + +/* below tabs */ + +.tabs-below.tabbable-custom .nav-tabs > li > a { + border-top: none; + border-bottom: 2px solid transparent; + margin-top: -1px; +} + +.tabs-below.tabbable-custom .nav-tabs > li.active { + border-top: none; + border-bottom: 3px solid #d12610; + margin-bottom: 0; + position: relative; +} + +.tabs-below.tabbable-custom .nav-tabs > li.active > a { + border-bottom: none +} + +.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { + background: #fff; + border-color: #d4d4d4 #d4d4d4 transparent; +} + +/*full width tabs with bigger titles */ +.tabbable-custom.tabbable-full-width > .tab-content { + padding:15px 0; + border-left:none; + border-right:none; + border-bottom:none; +} + +.tabbable-custom.tabbable-full-width .nav-tabs > li > a { + color:#424242; + font-size:15px; + padding:9px 15px; +} + +/*** +Custom portlet tabs +***/ + +.portlet-tabs > .nav-tabs { + position: relative; + top: -41px; + margin-right: 10px; + overflow: hidden; +} + +.portlet-tabs > .nav-tabs > li { + float: right; +} + +.portlet-tabs > .nav-tabs { + border-bottom: none; +} + +.portlet-tabs > .nav-tabs > li > a { + color: #fff; + padding-top: 8px; + padding-bottom: 10px; + line-height: 16px; + margin-top: 6px; + margin-left: 0px; + margin-right: 0px; + border-left: 0; + border-right: 0; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} + +.portlet-tabs > .nav-tabs > li:last-child > a { + border-right:0; +} + +.portlet-tabs > .nav-tabs > li { + margin-left: 1px; +} + +.portlet-tabs > .nav-tabs > li.active { + color: #333; + border-top-color: transparent; +} + +.portlet-tabs > .nav-tabs > li.active > a { + margin-bottom: 0px; + border-bottom: 0; + margin-left: 0px; + margin-right: 0px; + border-left: 0; + border-right: 0; + border-top-color:transparent !important; +} + +.portlet-tabs > .nav-tabs > li > a:hover { + color: #333; + margin-bottom: 0; + border-bottom-color: transparent; + margin-left: 0; + margin-right: 0; + border-left: 0; + border-right: 0; + border-top-color:transparent; + background-color: #fff; +} + +.portlet-tabs > .nav-tabs > .active > a { + color: #555555; + cursor: default; + background-color: #fff; +} + +.portlet-tabs > .nav-tabs > .active > a:hover { + background-color: #fff !important; +} + +.portlet-tabs > .tab-content { + padding: 10px !important; + margin: 0px; + margin-top: -50px !important; +} + +.portlet.tabbable .portlet-body { + padding: 0px; +} + +.tab-pane > p:last-child { + margin-bottom: 0px; +} + +/* reverse aligned tabs */ + +.tabs-reversed > li { + float: right; +} + +.tabs-reversed > li, +.tabs-reversed > li > a { + margin-right: 0; +} + +/*** +Dashboard container +***/ + +#dashboard { + overflow: hidden; +} + +/*** +Dashboard stats +***/ +.dashboard-stat { + margin-bottom: 25px; +} + +.portlet .dashboard-stat:last-child { + margin-bottom: 0; +} + +.dashboard-stat:before, +.dashboard-stat:after { + display: table; + line-height: 0; + content: ""; +} +.dashboard-stat:after { + clear: both; +} + +.dashboard-stat .visual { + width: 80px; + height:80px; + display: block; + float: left; + padding-top: 10px; + padding-left: 15px; + margin-bottom: 10px; +} + +.dashboard-stat .visual i { + font-size: 65px; + line-height: 65px; + color: #fff; +} + +.dashboard-stat .visual { + font-size: 35px; + line-height: 35px; +} + +@media (min-width: 992px) and (max-width: 1024px) { + + .dashboard-stat .visual i { + font-size: 28px; + line-height: 28px; + } + +} + +.dashboard-stat .details { + position: absolute; + right: 15px; + padding-right: 10px; +} + +.dashboard-stat .details .number { + padding-top: 15px; + text-align: right; + font-size: 34px; + line-height: 34px; + letter-spacing: -1px; + margin-bottom: 5px; + font-weight: 300; + color: #fff; +} + +.dashboard-stat .details .desc { + text-align: right; + font-size: 16px; + letter-spacing: 0px; + font-weight: 300; + color: #fff; +} + +.dashboard-stat .more { + clear: both; + display: block; + padding: 5px 10px 5px 10px; + text-transform: uppercase; + font-weight: 300; + font-size: 11px; + color: #fff; + opacity: 0.7; + filter: alpha(opacity=70); +} + +.dashboard-stat .more:hover { + text-decoration: none; + opacity: 1; + filter: alpha(opacity=100); +} + +.dashboard-stat .more > i { + display: inline-block; + margin-top: 1px; + float: right; +} + +.dashboard-stat.blue { + background-color: #27a9e3; +} + +.dashboard-stat.blue .more { + background-color: #208dbe; +} + +.dashboard-stat.green { + background-color: #28b779; +} + +.dashboard-stat.green .more { + background-color: #10a062; +} + +.dashboard-stat.red { + background-color: #e7191b; +} + +.dashboard-stat.red .more { + background-color:#bc0d0e; +} + +.dashboard-stat.yellow { + background-color: #ffb848; +} + +.dashboard-stat.yellow .more { + background-color: #cb871b; +} + +.dashboard-stat.purple { + background-color: #852b99; +} + +.dashboard-stat.purple .more { + background-color: #6e1881; +} + +/*** +Text Stats +***/ + +.text-stat h3 { + margin-top: 5px; + margin-bottom: 0px; + font-size: 18px; +} + +.text-stat span { + font-size: 12px; + text-transform: uppercase; +} + +@media (max-width: 767px) { + + .text-stat { + margin-top: 20px; + } + +} + +/*** +Tiles(new in v1.1.1) +***/ + +.tiles { + margin-right: -10px; +} + +.tiles:before, +.tiles:after { + display: table; + content: " "; +} + +.tiles:after { + clear: both; +} + +.tile { + display: block; + letter-spacing: 0.02em; + float: left; + height: 135px; + width: 135px !important; + cursor: pointer; + text-decoration: none; + color: #ffffff; + position: relative; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.02em; + line-height: 20px; + overflow: hidden; + border: 4px solid transparent; + margin: 0 10px 10px 0; +} + +.tile:after, +.tile:before { + content: ""; + float: left; +} + +.tile.double { + width: 280px !important; +} + +.tile.double-down { + height: 280px !important; +} + +.tile:active, .tile.selected { + border-color: #ccc !important; +} + +.tile:hover { + border-color: #aaa !important; +} + +.tile.selected .corner:after { + content: ""; + display: inline-block; + border-left: 40px solid transparent; + border-bottom: 40px solid transparent; + border-right: 40px solid #ccc; + position: absolute; + top: -3px; + right: -3px; +} + +.tile.selected .check:after { + content: ""; + font-family: FontAwesome; + font-size: 13px; + content: "\f00c"; + display: inline-block; + position: absolute; + top: 2px; + right: 2px; +} + +.tile * { + color: #ffffff; +} + +.tile .tile-body { + height: 100%; + vertical-align: top; + padding: 10px 10px; + overflow: hidden; + position: relative; + font-weight: 400; + font-size: 12px; + color: #000000; + color: #ffffff; + margin-bottom: 10px; +} + +.tile .tile-body img { + float: left; + margin-right: 10px; +} + +.tile .tile-body img.pull-right { + float: right !important; + margin-left: 10px; + margin-right: 0px; +} + +.tile .tile-body .content { + display: inline-block; +} + +.tile .tile-body > i { + margin-top: 17px; + display: block; + font-size: 56px; + line-height: 56px; + text-align: center; +} + + +.tile.double-down i { + margin-top: 95px; +} + +.tile .tile-body h1, +.tile .tile-body h2, +.tile .tile-body h3, +.tile .tile-body h4, +.tile .tile-body h5, +.tile .tile-body h6, +.tile .tile-body p { + padding: 0; + margin: 0; + line-height: 14px; +} + +.tile .tile-body h3, +.tile .tile-body h4 { + margin-bottom: 5px; +} + +.tile .tile-body h1:hover, +.tile .tile-body h2:hover, +.tile .tile-body h3:hover, +.tile .tile-body h4:hover, +.tile .tile-body h5:hover, +.tile .tile-body h6:hover, +.tile .tile-body p:hover { + color: #ffffff; +} + +.tile .tile-body p { + font-weight: 400; + font-size: 13px; + color: #000000; + color: #ffffff; + line-height: 20px; + overflow: hidden; +} + +.tile .tile-body p:hover { + color: rgba(0, 0, 0, 0.8); +} + +.tile .tile-body p:active { + color: rgba(0, 0, 0, 0.4); +} + +.tile .tile-body p:hover { + color: #ffffff; +} + +.tile.icon > .tile-body { + padding: 0; +} + +.tile .tile-object { + position: absolute; + bottom: 0; + left: 0; + right: 0; + min-height: 30px; + background-color: transparent; + *zoom: 1; +} + +.tile .tile-object:before, +.tile .tile-object:after { + display: table; + content: ""; +} + +.tile .tile-object:after { + clear: both; +} + +.tile .tile-object > .name { + position: absolute; + bottom: 0; + left: 0; + margin-bottom: 5px; + margin-left: 10px; + margin-right: 15px; + font-weight: 400; + font-size: 13px; + color: #ffffff; +} + +.tile .tile-object > .name > i { + vertical-align: middle; + display: block; + font-size: 24px; + height: 18px; + width: 24px; +} + +.tile .tile-object > .number { + position: absolute; + bottom: 0; + right: 0; + margin-bottom: 0; + color: #ffffff; + text-align: center; + font-weight: 600; + font-size: 14px; + letter-spacing: 0.01em; + line-height: 14px; + margin-bottom: 8px; + margin-right: 10px; +} + +.tile.image > .tile-body { + padding: 0 !important; +} + +.tile.image > .tile-body > img{ + width: 100%; + height: auto; + min-height: 100%; + max-width: 100%; +} + +.tile.image .tile-body h3 { + display: inline-block; +} + +/*** +Theme Panel +***/ + +.theme-panel { + width: 400px; + margin-top: 0px; + margin-right: 1px; + z-index: 999; + float: right; + position:relative; +} + +.theme-panel > .toggler { + top:4px; + right:0; + padding:20px; + cursor:pointer; + position:absolute; + background:#c9c9c9 url(../image/icon-color.png) center no-repeat; +} + +.theme-panel > .toggler:hover { + background-color: #3d3d3d !important; +} + +.theme-panel > .toggler-close { + display: none; + top:4px; + right:0; + padding:20px; + cursor:pointer; + position:absolute; + background: #3d3d3d url(../image/icon-color-close.png) center no-repeat !important; +} + +.theme-panel > .toggler-close:hover { + background-color:#222 !important; +} + +.theme-panel > .theme-options { + top:4px; + right:40px; + display:none; + position:absolute; + background:#3d3d3d; +} + +.theme-panel > .theme-options > .theme-option { + color:#cfcfcf; + padding: 15px; + border-top:1px solid #585858; + margin-top: 0px; + margin-bottom: 0px; +} + +.theme-panel > .theme-options > .theme-option.theme-colors { + border-top: 0; +} + +.theme-panel > .theme-options > .theme-option > span { + text-transform:uppercase; + display: inline-block; + width: 138px; + font-size: 14px; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > span { + display: block; + width: auto; +} + +.theme-panel > .theme-options > .theme-option > select.form-control { + display: inline; + width: 100px; + text-transform: lowercase; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul { + list-style:none; + padding: 0; + display: block; + margin-bottom: 1px !important; + margin-top: 10px; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li { + width:37px; + height:37px; + margin:0 4px; + cursor:pointer; + list-style:none; + float: left; + border:solid 1px #707070; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child { + margin-left: 0; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover, +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current { + border:solid 2px #ebebeb; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black { + background:#333438; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey { + background:#6d6d6d; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight { + background:#3366cc; +} +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight { + background:#1ab3ec; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue { + background:#124f94; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown { + background:#623f18; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple { + background:#701584; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white { + background:#fff; +} + +/*** +Top bar menu +***/ + +/* enable arrow for dropdown menu */ +.header.navbar .nav > li > .dropdown-menu:before { + position: absolute; + top: -7px; + right: 9px; + display: inline-block !important; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.header.navbar .nav > li > .dropdown-menu:after { + position: absolute; + top: -6px; + right: 10px; + display: inline-block !important; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-left: 6px solid transparent; + content: ''; +} + +/*** +Mega Menu(new in v1.6) +***/ + +.mega-menu .nav, +.mega-menu .collapse, +.mega-menu .mega-menu-dropup, +.mega-menu .mega-menu-dropdown { + position: static; +} +.mega-menu .container { + position: relative; +} +.mega-menu .mega-menu-dropdown .dropdown-menu { + left: auto; + width: auto; +} +.mega-menu .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.mega-menu .mega-menu-content { + padding: 10px; + margin: 0; +} +.mega-menu .mega-menu-full .dropdown-menu { + left: 20px; + right: 20px; +} + +.mega-menu-responsive-content { + padding: 10px 15px 10px 60px; +} + +.page-boxed .mega-menu .mega-menu-dropdown .dropdown-menu { + top: 42px; +} + +.page-boxed .mega-menu .mega-menu-dropdown.mega-menu-full .dropdown-menu { + margin: 0; + padding: 0; + left: 18px; + right: 18px; +} + +.mega-menu .mega-menu-submenu { + width: auto !important; + padding: 0px 30px 0px 0px !important; + margin: 0 !important; +} + + + .mega-menu-content .row :last-child>ul{ + border-right: 0 !important; +} + +.mega-menu .mega-menu-submenu li > h3 { + font-size: 14px; + margin-top: 10px; + padding-left: 5px; +} + +.mega-menu .mega-menu-submenu li { + padding: 2px !important; + margin: 0 !important; + list-style: none; +} + +.mega-menu .mega-menu-submenu li > a { + padding: 5px !important; + margin: 0 !important; +} + +/*** +Horezantal Menu(new in v1.2) +***/ + +.header.navbar .hor-menu { + margin: 0; + float: left; +} + +.header.navbar .hor-menu ul.nav li > a { + font-size: 15px; + padding: 11px 10px; +} + +.header.navbar .hor-menu ul.nav li.current .selected, +.header.navbar .hor-menu ul.nav li.active .selected { + left: 50%; + bottom:0; + position: absolute; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + /*border-top: 6px solid #e02222;*/ + display: inline-block; + margin: 0; + width: 0px; + height:0px; + margin-left: -7px; + margin-bottom:-6px; +} + +/*drop-down*/ +.header.navbar .hor-menu .dropdown-menu { + margin-top: 0; + border: none; + box-shadow: none; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > .dropdown-menu { + top: 0; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > a:after { + top: 8px; + margin-right: 0px; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a { + padding: 7px 18px !important; + margin-bottom:1px; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu .arrow { + display: none; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a:hover, +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li:hover > a, +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li.active > a { + filter:none !important; +} + +.header.navbar .hor-menu .nav > li > .dropdown-menu:after, +.header.navbar .hor-menu .nav > li > .dropdown-menu:before { + border-bottom: none !important; +} + +/*search*/ +.header.navbar .hor-menu .hor-menu-search-form-toggler { + display: inline-block; + padding: 12px 22px 12px 22px !important; + cursor: pointer; + background: url(../image/hor-menu-search.png) no-repeat center; +} + +.header.navbar .hor-menu .hor-menu-search-form-toggler:hover { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.header.navbar .hor-menu a.hor-menu-search-form-toggler-close { + display: none; +} + +.header.navbar .hor-menu .search-form { + margin: 0; + top:42px; + right:0px; + padding:0 4px; + display:none; + z-index:999; + position:absolute; +} + +.header.navbar .hor-menu .search-form .btn { + padding: 7px 20px; + height: 32px; + width: 10px; + display: inline-block; +} + +.header.navbar .hor-menu .search-form .btn:hover { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.header.navbar .hor-menu .search-form form { + margin-bottom: 0; +} + +.header.navbar .hor-menu .search-form form input { + background: none; + width: 200px; + border: none; + margin-top: 6px; +} + +/*** +Top News Blocks(new in v1.2.2) +***/ +.top-news { + color: #fff; + margin: 8px 0; +} + +.top-news a, +.top-news em, +.top-news span { + display: block; + text-align: left; +} + +.top-news a { + padding: 10px; + position: relative; + margin-bottom: 10px; +} + +.top-news a .top-news-icon { + right: 8px; + bottom: 15px; + opacity:0.3; + font-size: 35px; + position: absolute; + filter: alpha(opacity=30); /*For IE8*/ +} + +.top-news em { + margin-bottom: 0; + font-style: normal; +} + +.top-news span { + font-size: 18px; + margin-bottom: 5px; +} + +/*** +Block Images(new in v1.2.2) +***/ +.blog-images { + margin-bottom: 0; +} + +.blog-images li { + padding: 0; + margin: 0; + display: inline; +} + +.blog-images li a:hover { + text-decoration: none; +} + +.blog-images li img { + width: 50px; + height: 50px; + opacity: 0.6; + margin: 0 2px 8px; +} + +.blog-images li img:hover { + opacity: 1; + box-shadow: 0 0 0 4px #72c02c; + transition: all 0.4s ease-in-out 0s; + -moz-transition: all 0.4s ease-in-out 0s; + -webkit-transition: all 0.4s ease-in-out 0s; +} + +/*Sidebar Tags*/ +ul.sidebar-tags a { + color: #555; + font-size:12px; + padding:3px 5px; + background:#f7f7f7; + margin:0 2px 5px 0; + display:inline-block; +} + +ul.sidebar-tags a:hover, +ul.sidebar-tags a:hover i { + background: #EEE; + text-decoration:none; + -webkit-transition:all 0.3s ease-in-out; + -moz-transition:all 0.3s ease-in-out; + -o-transition:all 0.3s ease-in-out; + transition:all 0.3s ease-in-out; +} + +ul.sidebar-tags a i { + color:#777; +} + +ul.sidebar-tags li { + padding: 0; +} + +/*** +Social Icons(new in v1.2.2) +***/ +.social-icons { + padding: 0; + margin:0; +} + +.social-icons:after, +.social-icons:before { + content: ""; + display: table; +} + +.social-icons:after { + clear: both; +} + +.social-icons li { + float:left; + display:inline; + list-style:none; + margin-right:5px; + margin-bottom:5px; + text-indent:-9999px; +} +.social-icons li a, a.social-icon { + width:28px; + height:28px; + display:block; + background-position:0 0; + background-repeat:no-repeat; + transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; +} +.social-icons li:hover a { + background-position:0 -38px; +} + +.social-icons-color li a { + opacity: 0.7; + background-position:0 -38px !important; +} + +.social-icons-color li a:hover { + opacity: 1; +} + +.social-icons .amazon {background: url(../image/social/amazon.png) no-repeat;} +.social-icons .behance {background: url(../image/social/behance.png) no-repeat;} +.social-icons .blogger {background: url(../image/social/blogger.png) no-repeat;} +.social-icons .deviantart {background: url(../image/social/deviantart.png) no-repeat;} +.social-icons .dribbble {background: url(../image/social/dribbble.png) no-repeat;} +.social-icons .dropbox {background: url(../image/social/dropbox.png) no-repeat;} +.social-icons .evernote {background: url(../image/social/evernote.png) no-repeat;} +.social-icons .facebook {background: url(../image/social/facebook.png) no-repeat;} +.social-icons .forrst {background: url(../image/social/forrst.png) no-repeat;} +.social-icons .github {background: url(../image/social/github.png) no-repeat;} +.social-icons .googleplus {background: url(../image/social/googleplus.png) no-repeat;} +.social-icons .jolicloud {background: url(../image/social/jolicloud.png) no-repeat;} +.social-icons .last-fm {background: url(../image/social/last-fm.png) no-repeat;} +.social-icons .linkedin {background: url(../image/social/linkedin.png) no-repeat;} +.social-icons .picasa {background: url(../image/social/picasa.png) no-repeat;} +.social-icons .pintrest {background: url(../image/social/pintrest.png) no-repeat;} +.social-icons .rss {background: url(../image/social/rss.png) no-repeat;} +.social-icons .skype {background: url(../image/social/skype.png) no-repeat;} +.social-icons .spotify {background: url(../image/social/spotify.png) no-repeat;} +.social-icons .stumbleupon {background: url(../image/social/stumbleupon.png) no-repeat;} +.social-icons .tumblr {background: url(../image/social/tumblr.png) no-repeat;} +.social-icons .twitter {background: url(../image/social/twitter.png) no-repeat;} +.social-icons .vimeo {background: url(../image/social/vimeo.png) no-repeat;} +.social-icons .wordpress {background: url(../image/social/wordpress.png) no-repeat;} +.social-icons .xing {background: url(../image/social/xing.png) no-repeat;} +.social-icons .yahoo {background: url(../image/social/yahoo.png) no-repeat;} +.social-icons .youtube {background: url(../image/social/youtube.png) no-repeat;} +.social-icons .vk {background: url(../image/social/vk.png) no-repeat;} +.social-icons .instagram {background: url(../image/social/instagram.png) no-repeat;} +.social-icons .reddit {background: url(../image/social/reddit.png) no-repeat;} +.social-icons .aboutme {background: url(../image/social/aboutme.png) no-repeat;} +.social-icons .flickr {background: url(../image/social/flickr.png) no-repeat;} +.social-icons .foursquare {background: url(../image/social/foursquare.png) no-repeat;} +.social-icons .gravatar {background: url(../image/social/gravatar.png) no-repeat;} +.social-icons .klout {background: url(../image/social/klout.png) no-repeat;} +.social-icons .myspace {background: url(../image/social/myspace.png) no-repeat;} +.social-icons .quora {background: url(../image/social/quora.png) no-repeat;} + +/*** +Inline Social Icons +***/ + +.social-icon { + display:inline-block !important; + width:28px; + height:28px; + background-position:0 0; + background-repeat:no-repeat; + transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; +} + +.social-icon.amazon {background: url(../image/social/amazon.png) no-repeat;} +.social-icon.behance {background: url(../image/social/behance.png) no-repeat;} +.social-icon.blogger {background: url(../image/social/blogger.png) no-repeat;} +.social-icon.deviantart {background: url(../image/social/deviantart.png) no-repeat;} +.social-icon.dribbble {background: url(../image/social/dribbble.png) no-repeat;} +.social-icon.dropbox {background: url(../image/social/dropbox.png) no-repeat;} +.social-icon.evernote {background: url(../image/social/evernote.png) no-repeat;} +.social-icon.facebook {background: url(../image/social/facebook.png) no-repeat;} +.social-icon.forrst {background: url(../image/social/forrst.png) no-repeat;} +.social-icon.github {background: url(../image/social/github.png) no-repeat;} +.social-icon.googleplus {background: url(../image/social/googleplus.png) no-repeat;} +.social-icon.jolicloud {background: url(../image/social/jolicloud.png) no-repeat;} +.social-icon.last-fm {background: url(../image/social/last-fm.png) no-repeat;} +.social-icon.linkedin {background: url(../image/social/linkedin.png) no-repeat;} +.social-icon.picasa {background: url(../image/social/picasa.png) no-repeat;} +.social-icon.pintrest {background: url(../image/social/pintrest.png) no-repeat;} +.social-icon.rss {background: url(../image/social/rss.png) no-repeat;} +.social-icon.skype {background: url(../image/social/skype.png) no-repeat;} +.social-icon.spotify {background: url(../image/social/spotify.png) no-repeat;} +.social-icon.stumbleupon {background: url(../image/social/stumbleupon.png) no-repeat;} +.social-icon.tumblr {background: url(../image/social/tumblr.png) no-repeat;} +.social-icon.twitter {background: url(../image/social/twitter.png) no-repeat;} +.social-icon.vimeo {background: url(../image/social/vimeo.png) no-repeat;} +.social-icon.wordpress {background: url(../image/social/wordpress.png) no-repeat;} +.social-icon.xing {background: url(../image/social/xing.png) no-repeat;} +.social-icon.yahoo {background: url(../image/social/yahoo.png) no-repeat;} +.social-icon.youtube {background: url(../image/social/youtube.png) no-repeat;} +.social-icon.vk {background: url(../image/social/vk.png) no-repeat;} +.social-icon.instagram {background: url(../image/social/instagram.png) no-repeat;} +.social-icon.reddit {background: url(../image/social/reddit.png) no-repeat;} +.social-icon.aboutme {background: url(../image/social/aboutme.png) no-repeat;} +.social-icon.flickr {background: url(../image/social/flickr.png) no-repeat;} +.social-icon.foursquare {background: url(../image/social/foursquare.png) no-repeat;} +.social-icon.gravatar {background: url(../image/social/gravatar.png) no-repeat;} +.social-icon.klout {background: url(../image/social/klout.png) no-repeat;} +.social-icon.myspace {background: url(../image/social/myspace.png) no-repeat;} +.social-icon.quora {background: url(../image/social/quora.png) no-repeat;} + +.social-icon:hover { + background-position:0 -38px; +} + +.social-icon-color { + opacity: 0.7; + background-position:0 -38px !important; +} + +.social-icon-color:hover { + opacity: 1; +} + +/*** +Notes +***/ + +/* Common styles for all types */ +.note { + margin: 0 0 20px 0; + padding: 15px 30px 15px 15px; + border-left: 5px solid #eee; +} + +.note h1, +.note h2, +.note h3, +.note h4 { + margin-top: 0; +} + +.note p:last-child { + margin-bottom: 0; +} +.note code, +.note .highlight { + background-color: #fff; +} + +/* Variations */ +.note-danger { + background-color: #FAEAE6; + border-color: #ed4e2a; +} + +.note-warning { + background-color: #FCF3E1; + border-color: #fcb322; +} + +.note-info { + background-color: #E8F6FC; + border-color: #57b5e3; +} + +.note-success { + background-color: #EBFCEE; + border-color: #3cc051; +} + +/*** +Demo Utils +***/ +.scrollspy-example { + position: relative; + height: 200px; + margin-top: 10px; + overflow: auto; +} + +.util-btn-margin-bottom-5 .btn { + margin-bottom: 5px !important; +} + +.util-btn-group-margin-bottom-5 .btn-group { + margin-bottom: 5px !important; +} + +.fontawesome-demo i { + font-size: 18px; +} + +.fontawesome-demo li { + padding-top: 5px; + padding-bottom: 5px; +} + +.glyphicons-demo ul { + padding-left: 0; + padding-bottom: 1px; + margin-bottom: 20px; + list-style: none; + overflow: hidden; +} + +.bs-glyphicons { + padding-left: 0; + padding-bottom: 1px; + margin-bottom: 20px; + list-style: none; + overflow: hidden; +} +.glyphicons-demo ul li { + float: left; + width: 25%; + height: 115px; + padding: 10px; + margin: 0 -1px -1px 0; + font-size: 12px; + line-height: 1.4; + text-align: center; + border: 1px solid #ddd; +} + +.glyphicons-demo .glyphicon { + display: block; + margin: 5px auto 10px; + font-size: 24px; +} +.glyphicons-demo ul li:hover { + background-color: rgba(86,61,124,.1); +} + +@media (min-width: 768px) { + .glyphicons-demo ul li { + width: 12.5%; + } +} + +/*** +Forms +****/ + +.static-info { + margin-bottom: 10px; +} + +.static-info .name { + font-size: 14px; +} + +.static-info .value { + font-size: 14px; + font-weight: 600; +} + +.static-info.align-reverse .name, +.static-info.align-reverse .value { + text-align: right; +} + +input.placeholder, +textarea.placeholder { + color: #aaa !important; +} + +.help-block { + margin-top: 5px; + margin-bottom: 5px; +} + +.form-inline input { + margin-bottom: 0px !important; +} + +.control-label { + margin-top: 2px; +} + +.form-control-static { + font-size: 14px; + padding-top: 7px; +} + +.control-label .required { + color: #e02222; + font-size: 12px; + padding-left: 2px; +} + +.switch-wrapper { + display: inline-block; +} + +.form { + padding: 0 !important; +} + +.form-body { + padding: 10px; +} + +.form-actions { + padding: 20px 10px; + margin-top: 20px; +/* background-color: #f5f5f5; + border-top: 1px solid #e5e5e5;*/ + *zoom: 1; +} + +.form-actions.nobg { + background-color: transparent; +} + +.form-actions.top { + margin-top: 0; + margin-bottom: 20px; + border-top: 0; + border-bottom: 1px solid #e5e5e5; +} + +.form-actions.fluid { + padding: 20px 0; +} + +.form-actions.fluid > [class^="col-"] { + padding-left: 13px; +} + +.form-actions:before, +.form-actions:after { + display: table; + line-height: 0; + content: ""; +} + +.form-actions:after { + clear: both; +} + +.form-section { + margin: 30px 0px 25px 0px; + padding-bottom: 5px; + border-bottom: 1px solid #eee; +} + +.form .form-section:first-child { + margin-top: 5px; +} + +.help-inline { + font-size: 13px; + color: #737373; + display: inline-block; + padding: 5px; +} + +/* left, right aligned form actions */ +.form-actions.right { + padding-left: 0; + padding-right: 10px; + text-align: right; +} + +.form-actions.left { + padding-left: 10px; + padding-right: 0; + text-align: left; +} + +/* Checkboxes */ +.form-group .checkbox { + padding-left: 0; +} + +.checkbox-list > label { + display: block; +} + +.checkbox-list > label.checkbox-inline { + display: inline-block; +} + +.checkbox-list > label.checkbox-inline:first-child { + padding-left: 0; +} + +/* Radios */ + +.radio-list > label { + display: block; +} + +.radio-list > label.radio-inline { + display: inline-block; +} + +.radio-list > label.radio-inline:first-child { + padding-left: 0; +} + +.form-horizontal .radio-list .radio { + padding-top: 1px; +} + +.form-horizontal .radio-list > label { + margin-bottom: 0; +} + +.form-horizontal .radio > span { + margin-top: 2px; +} + +/* Rows seperated form layout */ +.form-row-seperated .form-group { + margin: 0; + border-bottom: 1px solid #efefef; + padding: 10px 0px 10px 0px; +} + +.form-row-seperated .form-group.last { + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 10px; +} + +.form-row-seperated .form-actions { + margin-top: 0; +} + +.form-row-seperated .form-body { + padding: 0; + margin-top: 0; +} + +.form-row-seperated .help-block { + margin-bottom: 0; +} + +/* form bordered */ +.form-bordered .form-body { + margin: 0; + padding: 0; +} + +.form-bordered .form-actions { + margin-top: 0; +} + +.form-bordered .form-group { + margin: 0; + border-bottom: 1px solid #efefef; +} + +.form-bordered .form-group.last { + border-bottom: 0; +} + +.form-bordered .help-block { + margin-bottom: 0; +} + +.form-bordered .control-label { + padding-top: 16px; +} + +.form-bordered .form-group > div { + padding: 10px; + border-left: 1px solid #efefef; +} + +.form-bordered .form-actions.fluid > .row > div { + padding-left: 10px; +} + +.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { + background-color: #fcfcfc; +} + +.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { + background-color: #fcfcfc; +} + +.form-horizontal.form-bordered.form-row-stripped .form-control { + background: #fff !important; +} + +.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { + background-color: #ffffff; +} + +/*** +Bordered form layout +***/ + +.form-bordered .form-control { + margin: 0; +} + + +/*** +Disabled Menu Link +***/ + +.disabled-link > a > span.text, +.disabled-link > a > span.title { + font-style: italic !important; + color: #888 !important; +} + +.disabled-link > a:hover { + cursor: not-allowed !important; +} + + +/*** +Responsive & Scrollable Tables +***/ + +.table-scrollable { + width: 100%; + overflow-x: auto; + overflow-y: hidden; + border: 1px solid #dddddd; + margin: 10px 0 !important; +} + +.table-scrollable > .table { + width: 100% !important; + margin: 0 !important; + margin-bottom: 0; + background-color: #fff; +} + +.table-scrollable > .table > thead > tr > th, +.table-scrollable > .table > tbody > tr > th, +.table-scrollable > .table > tfoot > tr > th, +.table-scrollable > .table > thead > tr > td, +.table-scrollable > .table > tbody > tr > td, +.table-scrollable > .table > tfoot > tr > td { + white-space: nowrap; +} + +.table-scrollable > .table-bordered { + border: 0; +} + +.table-scrollable > .table-bordered > thead > tr > th:first-child, +.table-scrollable > .table-bordered > tbody > tr > th:first-child, +.table-scrollable > .table-bordered > tfoot > tr > th:first-child, +.table-scrollable > .table-bordered > thead > tr > td:first-child, +.table-scrollable > .table-bordered > tbody > tr > td:first-child, +.table-scrollable > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} + +.table-scrollable > .table-bordered > thead > tr > th:last-child, +.table-scrollable > .table-bordered > tbody > tr > th:last-child, +.table-scrollable > .table-bordered > tfoot > tr > th:last-child, +.table-scrollable > .table-bordered > thead > tr > td:last-child, +.table-scrollable > .table-bordered > tbody > tr > td:last-child, +.table-scrollable > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} + +.table-scrollable > .table-bordered > thead > tr:last-child > th, +.table-scrollable > .table-bordered > tbody > tr:last-child > th, +.table-scrollable > .table-bordered > tfoot > tr:last-child > th, +.table-scrollable > .table-bordered > thead > tr:last-child > td, +.table-scrollable > .table-bordered > tbody > tr:last-child > td, +.table-scrollable > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; +} + +/*** +Responsive Flip Scroll Tables +***/ + +.flip-scroll table { width: 100%; } + +@media only screen and (max-width: 768px) { + + .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } + .flip-scroll * html .flip-content { zoom: 1; } + .flip-scroll *:first-child+html .flip-content { zoom: 1; } + + .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; } + + .flip-scroll th, + .flip-scroll td { margin: 0; vertical-align: top; } + .flip-scroll th { + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; + border-right: 1px solid #ddd !important; + font-size: 13px !important; + padding: 5px; + width: auto !important; + } + + .flip-scroll table { display: block; position: relative; width: 100%; } + .flip-scroll thead { + display: block; + float: left; + } + .flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; + } + .flip-scroll thead tr { display: block; } + .flip-scroll th { display: block; text-align: right; } + .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; } + .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important} + + /* sort out borders */ + + .flip-scroll th { border-bottom: 0; border-left: 0; } + .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; } + .flip-scroll tbody tr { border-left: 1px solid #ddd; } + .flip-scroll th:last-child, + .flip-scroll td:last-child { border-bottom: 1px solid #ddd; } + +} + +/*** +UI Loading +***/ + +.loading-message { + display: inline-block; + min-width: 125px; + padding: 10px; + margin: 0 auto; + color: #000 !important; + font-size: 13px; + font-weight: 400; + text-align: center; + vertical-align: middle; +} + +.loading-message span { + line-height:20px; + vertical-align: middle; +} + +.loading-message.loading-message-boxed { + border: 1px solid #ddd; + background-color: #eee; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); +} + +.page-loading { + position: fixed; + top: 50%; + left: 50%; + min-width: 125px; + margin-left: -50px; + margin-top: -30px; + padding: 7px; + text-align: center; + color: #333; + font-size: 13px; + border: 1px solid #ddd; + background-color: #eee; + vertical-align: middle; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); +} + +.page-loading span { + line-height:20px; + vertical-align: middle; +} + +.zteDivWidth +{ + width:auto !important +} + + + +.nav-load-error {} + +.nav-pos-option {} + +/*TAB*/ +.nav-tabs{ +border:0; +} +.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ +border:0; +border-top:3px solid #F3565D; +} +.nav-tabs>li>a{ +border-radius:0; +} +.nav-tabs>li>a:hover{ +background-color:#f1f3fa; +border:1Px solid #f1f3fa; +} +/*button*/ +.btn{ +min-width: 80px; +letter-spacing:1px; +} +.btnGroup .btn{ +margin-left:15px; +margin-right:15px; +} +.pagination-panel .btn{ +min-width: 4px; } +/*radius*/ +.radius_l{ +border-radius: 20px; +} +.radius_m{ +border-radius: 8px; +} +.radius_s{ +border-radius: 3px; +} +/*common color*/ +.blue1 { + background-color:#5b9bd1; + color:#fff; +} +.blue1:hover{ + background-color:#487ca9; + color:#fff; +} +.blue2{ + background-color:#57b5e3; + color:#fff; +} +.blue2:hover{ + background-color:#43a1cf; + color:#fff; +} +.red{ + background-color:#E35B5A; + color:#fff; +} +.red:hover{ + background-color:#ad9a4d; + color:#fff; +} +.green{ + background-color:#44B6AE; +} +.green:hover{ + background-color:#329d96; +} +.yellow{ + background-color:#C0AF69; + color:#fff; +} +.yellow:hover{ + background-color:#d45150; + color:#fff; +} +.grey{ + background-color:#e5e5e5; + color:#333; +} +.grey:hover{ + background-color:#d8d8d8; + color:#333; +} +/*Progress Bars*/ +.progress { + border: 0; + background-image: none !important; + filter: none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + +} +.form-wizard .steps > li.active > a.step .number{ +background-color:#45B6AF +} +.progress > .progress-bar-success{ +background-color:#45B6AF +} +/*label*/ +label{ +font-weight:400; +margin-bottom:15px; +} +/**/ +.input-group-btn-vertical.fa{ +font-size:12px; +} +.spinner { + width: 60px; + margin-left:10px; + margin-right:30px; +} +.spinner input { + text-align: right; +} +.input-group-btn-vertical { + position: relative; + white-space: nowrap; + width: 1%; + vertical-align: middle; + display: table-cell; +} +.input-group-btn-vertical > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + padding: 6px; + margin-left: -1px; + position: relative; + border-radius: 0; +} +.input-group-btn-vertical > .btn{ + min-width:20px; +} +.input-group-btn-vertical > .btn:first-child { + border-top-right-radius: 4px; +} +.input-group-btn-vertical > .btn:last-child { + margin-top: -2px; + border-bottom-right-radius: 4px; +} +.input-group-btn-vertical i{ + position: absolute; + top: -2px; + left: 5px; +} +.input-group .form-control{ +height:26px !important; +} + +.about{ + height:345px; + width:528px; +} + +.aboutmain{ + background-image: url("../image/about/about-bg-light.png"); +} + +.aboutinfo{ + background-image: url("../image/about/about-bg-dark.png"); +} + +.about a{ + color: white; + + margin-left:15px; + text-decoration: none; +} + +.about a.about_close{ + float:right; + margin-right:20px; + font-size: 1.2em; +} + +.about div{ + padding-top:7px; + +} + +.about div.info{ + float: right; + margin-right: 15px; + margin-top: 130px; + color: white; + font-size: 13px; +} + +.about div.info div{ + margin-left:15px; +} + +.about div.info img{ + margin-right: 55px; +} + +.aboutDlg{ + width: 530px; + margin-left:150px; +} + +.aboutDlg .dataTable{ + background-color: white; + +} + +.aboutDlg table.dataTable .heading>th.sorting_disabled { + background-color: white !important; +} + +.aboutDlg #abouttable_wrapper{ + height:285px; + background-color: white; + padding:0px; + overflow:auto; +} + +.aboutDlg td , .aboutDlg .table thead tr th{ + font-size:13px; + font-weight:100; +} + +.aboutDlg{ + font-family:microsoft yahei,Arial; + letter-spacing:1px; +} + +.aboutDlg tr { + height:37px; +}
\ No newline at end of file |