diff options
Diffstat (limited to 'common/src/main/webapp/thirdparty/css/style.css')
| -rwxr-xr-x | common/src/main/webapp/thirdparty/css/style.css | 4715 |
1 files changed, 0 insertions, 4715 deletions
diff --git a/common/src/main/webapp/thirdparty/css/style.css b/common/src/main/webapp/thirdparty/css/style.css deleted file mode 100755 index fc070b9d..00000000 --- a/common/src/main/webapp/thirdparty/css/style.css +++ /dev/null @@ -1,4715 +0,0 @@ -/** - * 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 |