﻿@charset "utf-8";
/**
 * 本文件是在bootstrap的基础上扩展和重写的一些样式
 */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
    font: 14px/1.5 "Helvetica Neue",Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
    margin-bottom: 0;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0;
}

a {
    color: #0088cc;
}

a:hover {
    color: #005580;
    text-decoration: underline;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkbox-inline, .radio-inline {
    padding-left: 15px;
}

.checkbox-inline input[type=checkbox],
.radio-inline input[type=radio] {
    margin-left: -15px;
}

/*去除IE输入框后面的x和眼睛*/
::-ms-clear,
::-ms-reveal {
    display: none;
}

.hide-scrollbar {
    overflow: hidden;
}

/*table start*/
.table {
    width: 100%;
    background-color: #fff;
    margin-bottom: 0;
}
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    border-top: 0;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}
/*table end*/

/*滚动条 start*/
.scrollbar::-webkit-scrollbar { /* 滚动条的滑轨背景颜色 */
    width: 10px;
    height: 10px;
}
.scrollbar::-webkit-scrollbar-track-piece {     /* 滚动条的滑轨 */
    background-color: #e9e9e9;
    -webkit-border-radius: 6px;
}
.scrollbar::-webkit-scrollbar-thumb:vertical {  /* 垂直滑块 */
    height: 9px;
    background-color: #aaa;
    -webkit-border-radius: 6px;
}
.scrollbar::-webkit-scrollbar-thumb:horizontal {    /* 水平滑块 */
    width: 9px;
    background-color: #aaa;
    -webkit-border-radius: 6px;
}

/*IE*/
.scrollbar {
    /*scrollbar-base-color: #fff;       滚动条的基本颜色*/
    /*scrollbar-arrow-color: #e9e9e9;     三角箭头的颜色*/
    /*scrollbar-face-color: #b46868;      立体滚动条的颜色*/
    /*scrollbar-3dlight-color: #666;      立体滚动条亮边的颜色*/
    /*scrollbar-highlight-color: #666;    滚动条空白部分的颜色*/
    /*scrollbar-shadow-color: #999;       立体滚动条阴影的颜色*/
    /*scrollbar-darkshadow-color: #666;   立体滚动条强阴影的颜色*/
    /*scrollbar-track-color: #e9e9e9;        立体滚动条背景颜色*/
}

/*滚动条 end*/

/*icon start*/
.icon-link {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
}
.icon {
    display: inline-block;
    *display: inline;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    vertical-align: middle;
}
.icon-xls {background: url(/assets/img/tn-icon-file.png) -40px 0 no-repeat;}
.icon-xlsx {background:url(/assets/img/tn-icon-file.png) -200px 0 no-repeat;}
.icon-doc {background:url(/assets/img/tn-icon-file.png) -80px 0 no-repeat;}
.icon-docx {background:url(/assets/img/tn-icon-file.png) -179px 0 no-repeat;}
.icon-ppt {background:url(/assets/img/tn-icon-file.png) -60px 0 no-repeat;}
.icon-pptx {background:url(/assets/img/tn-icon-file.png) -220px 0 no-repeat;}
.icon-pdf {background:url(/assets/img/tn-icon-file.png) -100px 0 no-repeat;}
.icon-txt {background:url(/assets/img/tn-icon-file.png) -160px 0 no-repeat;}
.icon-xml {background:url(/assets/img/tn-icon-file.png) -20px -40px no-repeat;}
.icon-csv {background:url(/assets/img/tn-icon-file.png) -20px 0 no-repeat;}
.icon-zip {background:url(/assets/img/tn-icon-file.png) -140px 0 no-repeat;}
.icon-rar {background:url(/assets/img/tn-icon-file.png) -120px 0 no-repeat;}
.icon-png {background:url(/assets/img/tn-icon-file.png) -40px -20px no-repeat;}
.icon-jpg {background:url(/assets/img/tn-icon-file.png) 0px -20px no-repeat;}
.icon-gif {background:url(/assets/img/tn-icon-file.png) -20px -20px no-repeat;}
.icon-js {background:url(/assets/img/tn-icon-file.png) -60px -40px no-repeat;}
.icon-css {background:url(/assets/img/tn-icon-file.png) -40px -40px no-repeat;}
.icon-more {background:url(/assets/img/tn-icon-file.png) -77px -40px no-repeat;}
/*icon end*/

/*导航栏自定义样式 start*/
.navbar {
    font-size: 14px;
    border-top: 0;
    border-radius: 0;
}
.navbar-brand {
    line-height: 50px;
    padding: 0;    
    margin-left: 0 !important;
    margin-right: 15px;
}
.navbar-text {
    height: 50px;
    line-height: 50px;
    margin: 0 15px;
}
.navbar-padding-top {
    padding-top: 51px;
}
.navbar-blue {
    background-color: #148CCA;
    color: #fff;
    font-family: "hiragino sans gb","microsoft yahei";
}
.navbar-blue a {
    color: #fff;
}
.navbar-blue .nav .open > a, 
.navbar-blue .nav .open > a:hover,
.navbar-blue .nav > li > a:hover,
.navbar-blue .nav > li > a:focus,
.navbar-blue .nav > li.active > a {
    background-color: #006699;
    color: #fff;
}
.navbar-blue .dropdown-menu {
    left: -1px;
}
.navbar-blue .icon-bar {
    background-color: #fff;
}
.navbar-blue .navbar-link:hover {
    background-color: #006699;
    color: #fff;
    text-decoration: none;
}
.navbar-custom {
    background-color:#229922;
    color:#ffffff;
    border-radius:0;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
}

.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
    background-color:transparent;
}

.navbar-custom .navbar-nav .dropdown-menu>.active>a,
.navbar-custom .navbar-nav  .dropdown-menu>.active>a:focus,
.navbar-custom .navbar-nav  .dropdown-menu>.active>a:hover{
    background-image: none;
    background-color: #229922;
    color:rgb(190, 216, 177)
}
.navbar-custom .dropdown-menu>li>a,.navbar-custom .dropdown-menu>li>a{
    background-color:#33aa33;
    background-image:none;
    color:#fff;
}
.navbar-custom .dropdown-menu>li>a:focus,.navbar-custom .dropdown-menu>li>a:hover{
    background-color:#229922;
    background-image:none;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a {
    text-decoration: none;
    background-color: #33aa33;
}

.navbar-custom .navbar-brand {
    color:#eeeeee;
}
.navbar-custom .navbar-toggle {
    background-color:#eeeeee;
}
.navbar-custom .icon-bar {
    background-color:#33aa33;
}
.navbar-custom .navbar-nav .dropdown-menu  { 
  background-color: #33aa33;
}
/*.navbar-custom .navbar-nav .dropdown-menu>li>a  { 
  color: #fff;
}*/
.navbar-custom .nav .open > a, 
.navbar-custom .nav .open > a:hover, 
.navbar-custom .nav > li > a:hover,
 .navbar-custom .nav > li > a:focus, 
.navbar-custom .nav > li.active > a  { 
  background-color: #33aa33;

}
.navbar-gray {
    border-bottom: 1px solid #d4d4d4;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
    background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background-image: -o-linear-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(to bottom,#fff,#f2f2f2);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    color: #777;
}
.navbar-gray .navbar-brand {
    text-shadow: 0 1px 0 #fff;
    color: #666;
}
.navbar-gray .navbar-brand:hover {
    color: #222;
}
.navbar-gray .nav > li > a {
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}
.navbar-gray .nav > li > a:hover {
    color: #222;
}
.navbar-gray .nav > .active > a, 
.navbar-gray .nav > .active > a:hover, 
.navbar-gray .nav > .active > a:focus {
    color: #555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    background-image: none;
}
.navbar-gray .dropdown-menu > li > a:hover {
    
}
.navbar-gray .dropdown-menu > .active > a, 
.navbar-gray .dropdown-menu > .active > a:focus, 
.navbar-gray .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e5e5e5;
    background-image: none;
}
.navbar-gray .navbar-link {
    color: #777;
}
/*导航栏自定义样式 end*/

/*panel样式重写 start*/
.panel-info {
    border-color: #2aabd2;
}
.panel-info > .panel-heading {
    color: #fff;
    background-image: -moz-linear-gradient(top, #5bc0de, #2aabd2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2aabd2));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2aabd2);
    background-image: -o-linear-gradient(top, #5bc0de, #2aabd2);
    background-image: linear-gradient(to bottom, #5bc0de, #2aabd2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    border-color: #2aabd2;
}
.panel-primary {
    border-color: #0044cc;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc;
}
.panel-default > .panel-heading {
    border-color: #e8e8e8;
}
.panel-heading {
    position: relative;
}
.panel-heading .panel-title {
    line-height: 16px;
}
.panel-option {
    position: absolute;
    right: 15px;
    top: 3px;
    text-align: right;
}
.panel-dark {
    border: 1px solid #535a6c;
}
.panel-dark > .panel-heading {
    background-color: #535a6c;
    color: #fff;
}
.panel[data-expand] > .panel-heading:before {
    display: block;
    font-family: "foundation-icons";
    font-size: 13px;
    line-height: 16px;
    float: left;
    position: relative;
    margin-right: 5px;
}
.panel[data-expand="N"] > .panel-heading:before {
    content: "︽";
}
.panel[data-expand="Y"] > .panel-heading:before {
    content: "︾";
}
.panel[data-expand="N"] > .panel-body {
    display: none;
}
.panel[data-expand="N"] > .panel-heading .panel-option {
    display: none;
}
/*panel样式重写 end*/

/*按钮重写 start*/
/*.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary.disabled, 
.btn-primary.disabled.active, 
.btn-primary.disabled.focus, 
.btn-primary.disabled:active, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:hover, 
.btn-primary[disabled],
.btn-primary[disabled].active, 
.btn-primary[disabled].focus, 
.btn-primary[disabled]:active, 
.btn-primary[disabled]:focus, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary, 
fieldset[disabled] .btn-primary.active, 
fieldset[disabled] .btn-primary.focus, 
fieldset[disabled] .btn-primary:active, 
fieldset[disabled] .btn-primary:focus, 
fieldset[disabled] .btn-primary:hover {
    color: #fff;
    background-color: #04c;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}*/
/*按钮样式重写 end*/

/*表单行item start*/
.item {
    position: relative;
    display: table;
    width: 100%;
}
.item-name {
    display: table-cell;
    width: 100px;
    margin: 0;
    padding: 7px 10px 0 0;
    vertical-align: top;
}
.item-name.required:before {
    content: "*";
    color: red;
    position: relative;
    right: 2px;
}
.item-control {
    display: table-cell;
    vertical-align: middle;
}
.item-static {
    display: table-cell;
    padding-top: 7px;
}
.item-bordered {
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #eee;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
/*表单行item end*/

/*菜单栏样式*/
   .dropdown:hover .menu-top {
    display: block;
}

.dropdown-submenu{
    position:relative;
}

.dropdown-submenu > .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
/*菜单栏样式  end*/