diff options
Diffstat (limited to 'portal-common/src/main/webapp/common/css/style.css')
| -rw-r--r-- | portal-common/src/main/webapp/common/css/style.css | 4715 |
1 files changed, 0 insertions, 4715 deletions
diff --git a/portal-common/src/main/webapp/common/css/style.css b/portal-common/src/main/webapp/common/css/style.css deleted file mode 100644 index 1cb9b76c..00000000 --- a/portal-common/src/main/webapp/common/css/style.css +++ /dev/null @@ -1,4715 +0,0 @@ -/**
- * Copyright 2016-2017, 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 |