diff options
author | 2017-01-20 17:43:08 +0530 | |
---|---|---|
committer | 2017-01-20 17:43:08 +0530 | |
commit | f0b211f269df2b0bb10d5552d14aeb8991a750ed (patch) | |
tree | 1bd6ccf7503f8dad0785e03ce52937a55ae9555b /openo-portal/portal-common/src/main/webapp/common/css/style.css | |
parent | 68036a69f0dd0dad6b6a715d9850997d21f82940 (diff) |
GUI Code refactor
GUI Code refactor for the sun release code.
Issue-Id : CLIENT-11
Change-Id: I771cc25ff3c8ff7a4e939ce7baef7dd94a67974b
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Diffstat (limited to 'openo-portal/portal-common/src/main/webapp/common/css/style.css')
-rw-r--r-- | openo-portal/portal-common/src/main/webapp/common/css/style.css | 9428 |
1 files changed, 4714 insertions, 4714 deletions
diff --git a/openo-portal/portal-common/src/main/webapp/common/css/style.css b/openo-portal/portal-common/src/main/webapp/common/css/style.css index fc070b9d..2207665e 100644 --- a/openo-portal/portal-common/src/main/webapp/common/css/style.css +++ b/openo-portal/portal-common/src/main/webapp/common/css/style.css @@ -1,4715 +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; +/**
+ * 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 |