html {
min-height: 100%;
}
body {
padding-bottom: 0; background-color: #e4e6e9; min-height: 100%; font-family: Microsoft Yahei, Arial, Helvetica, sans-serif; font-size: 14px; color: #393939; line-height: 1.2; position: relative
}
/*--------一级菜单样式 开始--------*/
h1,h2,h3,h4,h5,h6,div,p,table,td,tr,ul,ol,li,dl,dt,dd,img,input,form,span,label,tbody,select {
margin: 0px; padding: 0px
}
th[aria-selected=true] {
background-image: -webkit-gradient(linear, left 0, left 100%, from(#eff3f8), to(#e3e7ed)); background-image: -webkit-linear-gradient(top, #eff3f8, 0%, #e3e7ed, 100%); background-image: -moz-linear-gradient(top, #eff3f8 0, #e3e7ed 100%); background-image: linear-gradient(to bottom, #eff3f8 0, #e3e7ed 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0)
}
th[aria-selected=true] .ui-jqgrid-sortable {
color: #307ecc
}
label {
font-weight: normal; font-size: 14px
}
label,.lbl {
vertical-align: middle
}
td>label,th>label,label.inline {
margin-bottom: 0; line-height: inherit
}
.modal-footer {
padding-top: 5px;
padding-right:10px;
padding-bottom:5px;
padding-left:5px;
text-align: right;
border-top: 1px solid #e5e5e5;
background-color: #EFF3F8
}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"] {
border-radius: 0 !important; color: #858585; background-color: #fff; border: 1px solid #d5d5d5; padding: 5px 4px; line-height: 1; font-size: 14px; font-family: inherit; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition-duration: .1s; transition-duration: .1s
}
textarea:hover,input[type="text"]:hover,input[type="password"]:hover,input[type="datetime"]:hover,input[type="datetime-local"]:hover,input[type="date"]:hover,input[type="month"]:hover,input[type="time"]:hover,input[type="week"]:hover,input[type="number"]:hover,input[type="email"]:hover,input[type="url"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="color"]:hover {
border-color: #b5b5b5
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus {
-webkit-box-shadow: none; box-shadow: none; color: #696969; border-color: #f59942; background-color: #fff; outline: 0
}
textarea.form-control {
padding: 5px 5px
}
select {
padding: 5px 5px; height: 30px
}
select.form-control {
padding: 3px; height: 30px
}
select[multiple],select.form-control[multiple] {
height: auto
}
input.block {
display: block; margin-bottom: 9px
}
textarea.autosize-transition {
-webkit-transition-duration: "height 0.2s"; transition-duration: "height 0.2s"
}
h1 {
font-size: 32px; font-weight: normal;
}
h1.smaller {
font-size: 31px
}
h1.bigger {
font-size: 33px
}
h1.block {
margin-bottom: 16px
}
h2 {
font-size: 26px; font-weight: normal;
}
h2.smaller {
font-size: 25px
}
h2.bigger {
font-size: 27px
}
h2.block {
margin-bottom: 16px
}
h3 {
font-size: 22px; font-weight: normal;
}
h3.smaller {
font-size: 14px
}
h3.bigger {
font-size: 23px
}
h3.block {
margin-bottom: 16px
}
h4 {
font-size: 14px; font-weight: normal;
}
h4.smaller {
font-size: 17px
}
h4.bigger {
font-size: 19px
}
h4.block {
margin-bottom: 16px
}
h5 {
font-size: 15px; font-weight: normal;
}
h5.smaller {
font-size: 14px
}
h5.bigger {
font-size: 16px
}
h5.block {
margin-bottom: 16px
}
h6 {
font-size: 13px; font-weight: normal;
}
h6.smaller {
font-size: 12px
}
h6.bigger {
font-size: 14px
}
h6.block {
margin-bottom: 16px
}
input[readonly] {
color: #939192; background: #f5f5f5 !important; cursor: default;
}
input.input-lg {
font-size: 18px
}
input.input-sm {
font-size: 14px
}
[class*=" icon-"], [class^="icon-"] {
display: inline-block;
text-align: center;
}
/*--------一级菜单样式 结束--------*/
/*--------页面整体布局 开始--------*/
body.navbar-fixed {
padding-top: 45px
}
body.breadcrumbs-fixed {
padding-top: 86px
}
.banner .navbar {
/*width:1200px;*/
width: 1170px; margin: 0 auto
}
.main-container,.container.main-container {
width: 1170px; max-width: 1170px; margin: 0 auto; padding: 0;
}
.main-container:after {
background-color: #FFF; bottom: 0; content: ""; display: block; max-width: inherit; position: fixed; top: 0; width: 100%; z-index: -4
}
.main-container>.main-container-inner {
position: relative;
overflow: inherit;
}
.main-content {
margin: 0 0 0 190px; padding: 0; min-height: 100%;
}
/*--------页面整体布局 结束--------*/
/*--------回到顶部 开始--------*/
.back-to-top {
position: fixed; bottom: 1em; right: 0px; background-color: rgba(235, 235, 235, 0.80); font-size: 24px; padding: 10px; cursor: pointer; display: none;
}
.back-to-top:hover {
background-color: rgba(135, 135, 135, 0.80);
}
.back-to-top a {
text-decoration: none; color: #2A6496;
}
.main-container>.btn-scroll-up {
right: auto; margin-left: 1128px
}
/*--------回到顶部 结束--------*/
/*--------头部navbar开始--------*/
.navbar {
margin-bottom: 0; margin-left: 0; margin-right: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; margin: 0; padding-left: 0; padding-right: 0; position: relative; background: #438eb9
}
.navbar>.container {
padding-left: 0; padding-right: 0
}
.navbar .navbar-text,.navbar .navbar-link {
color: #fff
}
.navbar .navbar-brand {
color: #fff; font-size: 32px; text-shadow: none; padding-top: 4px; padding-bottom: 4px; font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
}
.navbar .navbar-brand img {
width: 48px; height: 48px;
}
.navbar .navbar-brand:hover,.navbar .navbar-brand:focus {
color: #fff
}
.navbar .navbar-header {
margin: 0 !important
}
.navbar .navbar-nav>li>a,.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:focus {
font-size: 13px; text-shadow: none; color: #fff
}
.navbar-fixed-top,.navbar-fixed-bottom {
position: fixed
}
.navbar-container {
padding-left: 10px; padding-right: 20px
}
.navbar-container.container {
padding-left: 0; padding-right: 0
}
/*--------navbar结束--------*/
/*--------头部 ace 的样式--登录人员信息--------*/
.badge {
text-shadow: none; font-size: 14px; padding-top: 1px; padding-bottom: 3px; font-weight: normal; line-height: 15px; background-color: #abbac3 !important
}
.ace-nav {
height: 100%; margin: 0 !important
}
.ace-nav>li {
line-height: 45px; height: 45px; padding: 0; position: relative; float: left !important
}
.ace-nav>li:first-child {
border-left: none
}
.ace-nav>li>a {
color: #FFF; display: block; line-height: inherit; text-align: center; height: 100%; width: auto; min-width: 50px; padding: 0 8px; position: relative; float: left
}
.ace-nav>li>a>[class*="icon-"] {
font-size: 16px; color: #FFF; display: inline-block; width: 20px; text-align: center
}
.ace-nav>li>a>.badge {
position: relative; top: -4px; left: 2px; padding-right: 5px; padding-left: 5px
}
.ace-nav>li>a:hover,.ace-nav>li>a:focus {
background-color: #2c5976
}
.ace-nav>li.open>a {
background-color: #2c5976 !important; color: #FFF !important
}
.ace-nav>li.grey>a {
background-color: #555
}
.ace-nav>li.grey>a:hover,.ace-nav>li.grey>a:focus {
background-color: #4b4b4b
}
.ace-nav>li.open.grey>a {
background-color: #4b4b4b !important
}
.ace-nav>li.purple>a {
background-color: #892e65
}
.ace-nav>li.purple>a:hover,.ace-nav>li.purple>a:focus {
background-color: #762c59
}
.ace-nav>li.open.purple>a {
background-color: #762c59 !important
}
.ace-nav>li.green>a {
background-color: #1ea1f1
}
.ace-nav>li.green>a:hover,.ace-nav>li.green>a:focus {
background-color: #1594e1
}
.ace-nav>li.open.green>a {
background-color: #1594e1 !important
}
/* .ace-nav>li.light-blue>a {
background-color:#62a8d1
} */
.ace-nav>li.light-blue>a:hover,.ace-nav>li.light-blue>a:focus {
background-color: #1594e1
}
.ace-nav>li.open.light-blue>a {
background-color: #579ec8 !important
}
.ace-nav>li.light-blue2>a {
background-color: #42a8e1
}
.ace-nav>li.light-blue2>a:hover,.ace-nav>li.light-blue2>a:focus {
background-color: #359fd9
}
.ace-nav>li.open.light-blue2>a {
background-color: #359fd9 !important
}
.ace-nav>li.red>a {
background-color: #b74635
}
.ace-nav>li.red>a:hover,.ace-nav>li.red>a:focus {
background-color: #a34335
}
.ace-nav>li.open.red>a {
background-color: #a34335 !important
}
.ace-nav>li.light-green>a {
background-color: #9abc32
}
.ace-nav>li.light-green>a:hover,.ace-nav>li.light-green>a:focus {
background-color: #8ba832
}
.ace-nav>li.open.light-green>a {
background-color: #8ba832 !important
}
.ace-nav>li.light-purple>a {
background-color: #cb6fd7
}
.ace-nav>li.light-purple>a:hover,.ace-nav>li.light-purple>a:focus {
background-color: #c263ce
}
.ace-nav>li.open.light-purple>a {
background-color: #c263ce !important
}
.ace-nav>li.light-orange>a {
background-color: #f79263
}
.ace-nav>li.light-orange>a:hover,.ace-nav>li.light-orange>a:focus {
background-color: #f28653
}
.ace-nav>li.open.light-orange>a {
background-color: #f28653 !important
}
.ace-nav>li.light-pink>a {
background-color: #f4dae5
}
.ace-nav>li.light-pink>a:hover,.ace-nav>li.light-pink>a:focus {
background-color: #eeccda
}
.ace-nav>li.open.light-pink>a {
background-color: #eeccda !important
}
.ace-nav>li.dark>a {
background-color: #404040
}
.ace-nav>li.dark>a:hover,.ace-nav>li.dark>a:focus {
background-color: #363636
}
.ace-nav>li.open.dark>a {
background-color: #363636 !important
}
.ace-nav>li.white-opaque>a {
background-color: rgba(255, 255, 255, 0.8)
}
.ace-nav>li.white-opaque>a:hover,.ace-nav>li.white-opaque>a:focus {
background-color: rgba(245, 245, 245, 0.8)
}
.ace-nav>li.open.white-opaque>a {
background-color: rgba(245, 245, 245, 0.8) !important
}
.ace-nav>li.dark-opaque>a {
background-color: rgba(0, 0, 0, 0.2)
}
.ace-nav>li.dark-opaque>a:hover,.ace-nav>li.dark-opaque>a:focus {
background-color: rgba(0, 0, 0, 0.2)
}
.ace-nav>li.open.dark-opaque>a {
background-color: rgba(0, 0, 0, 0.2) !important
}
.ace-nav>li.margin-4 {
margin-left: 4px
}
.ace-nav>li.margin-3 {
margin-left: 3px
}
.ace-nav>li.margin-2 {
margin-left: 2px
}
.ace-nav>li.margin-1 {
margin-left: 1px
}
.ace-nav>li.no-border {
border: none !important
}
.ace-nav>li .dropdown-menu {
z-index: 1031
}
.ace-nav .nav-user-photo {
margin: -4px 8px 0 0; border-radius: 100%; border: 2px solid #FFF; max-width: 40px
}
.ace-nav li:last-child a [class^="icon-"] {
display: inline-block; width: 1.25em; text-align: center
}
.add-main-meau .ace-nav>li {
line-height: 30px; height: 30px; padding: 0; position: relative; float: left !important
}
.label-important,.badge-important {
background-color: #d15b47 !important
}
/*--------头部 ace 的样式结束--------*/
/*--------Banner 头部部分的子系统连接样式 开始--------*/
.main-nav {
position: absolute; bottom: 0; right: 0;
}
.main-nav .nav-meau {
margin: 0; padding: 0; list-style: none; color: #fff;
}
.main-nav .nav-meau>li {
width: auto; margin: 0 1px; float: left; line-height: 30px; height: 30px;
}
.main-nav .nav-meau>li:hover {
background-color: #eee;
}
.main-nav .nav-meau>li.active {
background-color: #eee; margin-bottom: -1px; padding-bottom: 1px; cursor: default; font-weight: bolder; color: #000; padding: 0 15px;
}
.main-nav .nav-meau>li a {
padding: 0 15px; color: #fff; text-decoration: none;
}
.main-nav .nav-meau>li:hover>a {
color: #000
}
/*--------Banner 右下部分的子系统连接样式 结束--------*/
/*--------导航 菜单-----LOGO图标下面的子系统的一级菜单----开始--------*/
.banner,.banner .navbar {
background-color: #228AD1;
}
.menu-container {
background-color: #eee; position: relative; z-index: 1
}
.menu-container ul.menu {
padding-top: 5px; border-bottom: solid 1px #ccced1;
}
.menu-container ul.menu li {
}
.menu-container ul.menu li.menu-item {
float: left; list-style: none; margin-left: 10px; text-align: center; line-height: 29px; cursor: pointer; border: 1px solid #ccced1; border-bottom: none; background-color: #eaeaea;
}
.menu-container ul.menu .menu-item:hover {
background-color: #fff; font-weight: bolder;
}
.menu-container ul.menu .menu-item.active {
padding: 0 15px; border-bottom: none; background-color: #fff; margin-bottom: -1px; padding-bottom: 1px; cursor: default; font-weight: bolder;
}
.menu-container ul.menu li.menu-item a {
padding: 0 15px; color: #333333; text-decoration: none;
}
.menu-container ul.menu li.menu-item .btn-group {
display: block;
}
/*--------导航 菜单-----LOGO图标下面的子系统的一级菜单 结束--------*/
/*--------左侧的菜单--开始--------*/
.sidebar>.nav-search {
position: static; background-color: #fafafa; border-bottom: 1px solid #DDD; text-align: center; height: 35px; padding-top: 6px
}
.sidebar>.nav-search .nav-search-input {
width: 162px !important; border-radius: 0 !important; max-width: 162px !important; opacity: 1 !important; filter: alpha(opacity = 100) !important
}
.sidebar>.nav-search .nav-search-input+.dropdown-menu {
text-align: left
}
.sidebar.menu-min .nav-search .form-search {
position: absolute; left: 5px; z-index: 14
}
.sidebar.menu-min .nav-search .nav-search-input {
width: 0 !important; max-width: 0 !important; opacity: 0 !important; filter: alpha(opacity = 0) !important
}
.sidebar.menu-min .nav-search .nav-search-input:hover,.sidebar.menu-min .nav-search .nav-search-input:focus,.sidebar.menu-min .nav-search .nav-search-input:active {
width: 162px !important; max-width: 162px !important; opacity: 1 !important; filter: alpha(opacity = 100) !important
}
.sidebar.menu-min .nav-search .nav-search-input:hover ~ #nav-search-icon,.sidebar.menu-min .nav-search .nav-search-input:focus ~ #nav-search-icon,.sidebar.menu-min .nav-search .nav-search-input:active ~ #nav-search-icon {
border: 0; border-radius: 0; padding: 0 3px !important
}
.sidebar.menu-min .nav-search:hover .nav-search-input {
width: 162px !important; max-width: 162px !important; opacity: 1 !important; filter: alpha(opacity = 100) !important
}
.sidebar.menu-min .nav-search:hover .nav-search-input ~ .nav-search-icon {
border: 0; border-radius: 0; padding: 0 3px !important
}
.sidebar.menu-min .nav-search .nav-search-icon {
border: 1px solid; border-radius: 32px; background-color: #FFF; padding: 0 5px !important
}
.sidebar {
width: 190px; float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; background-color: #f2f2f2
}
.sidebar:before {
content: " "; display: block; width: 190px; position: fixed; bottom: 0; top: 0; z-index: -1; background-color: #f2f2f2; border: 1px solid #ccc; border-width: 0 1px 0 0
}
.sidebar.fixed,.sidebar.sidebar-fixed {
position: fixed; z-index: 1029; top: 45px; left: 0
}
.sidebar.fixed:before,.sidebar.sidebar-fixed:before {
left: 0; right: auto
}
.nav-list {
margin: 0; padding: 0; list-style: none
}
.nav-list .open>a,.nav-list .open>a:hover,.nav-list .open>a:focus {
background-color: #fafafa
}
.nav-list>li>a,.nav-list .nav-header {
margin: 0
}
.nav-list>li {
display: block; padding: 0; margin: 0; border: 0; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #e5e5e5; position: relative
}
.nav-list>li:first-child {
border-top: 0
}
.nav-list li>a:focus {
outline: 0
}
.nav-list>li>a {
display: block; height: 38px; line-height: 36px; padding: 0 5px; background-color: #f9f9f9; color: #585858; text-shadow: none !important; font-size: 13px; text-decoration: none
}
.nav-list>li>a>[class*="icon-"]:first-child {
display: inline-block; vertical-align: middle; min-width: 30px; text-align: center; font-size: 14px; font-weight: normal; margin-right: 2px
}
.nav-list>li>a:focus {
background-color: #f9f9f9; color: #1963aa
}
.nav-list>li>a:hover {
background-color: #FFF; color: #1963aa
}
.nav-list>li>a:hover:before {
display: block; content: ""; position: absolute; top: -1px; bottom: 0; left: 0; width: 3px; max-width: 3px; overflow: hidden; background-color: #3382af
}
.nav-list>li a>.arrow {
display: inline-block; width: 14px !important; height: 14px; line-height: 14px; text-shadow: none; font-size: 18px; position: absolute; right: 10px; top: 11px; padding: 0; color: #666
}
.nav-list>li a:hover>.arrow,.nav-list>li.active>a>.arrow,.nav-list>li.open>a>.arrow {
color: #1963aa
}
.nav-list>li.separator {
height: 3px; background-color: transparent; position: static; margin: 1px 0; -webkit-box-shadow: none; box-shadow: none
}
.nav-list>li.open>a {
background-color: #fafafa; color: #1963aa
}
.nav-list>li.active {
background-color: #fff
}
.nav-list>li.active>a,.nav-list>li.active>a:hover,.nav-list>li.active>a:focus,.nav-list>li.active>a:active {
background-color: #fff; color: #2b7dbc; font-weight: bold; font-size: 13px
}
.nav-list>li.active>a>[class*="icon-"] {
font-weight: normal
}
.nav-list>li.active>a:hover:before {
display: none
}
.nav-list>li.active:after {
display: inline-block; content: ""; position: absolute; right: -2px; top: -1px; bottom: 0; z-index: 1; border: 2px solid #2b7dbc; border-width: 0 2px 0 0
}
.nav-list>li.open {
border-bottom-color: #e5e5e5
}
.nav-list>li.active .submenu {
display: block
}
.nav-list>li .submenu {
display: none; list-style: none; margin: 0; padding: 0; position: relative; background-color: #fff; border-top: 1px solid #e5e5e5
}
.nav-list>li .submenu>li {
margin-left: 0; position: relative
}
.nav-list>li .submenu>li>a {
display: block; position: relative; color: #616161; padding: 7px 0 9px 30px; margin: 0; border-top: 1px dotted #e4e4e4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.nav-list>li .submenu>li>a:focus {
text-decoration: none
}
.nav-list>li .submenu>li>a:hover {
text-decoration: none; color: #4b88b7
}
.nav-list>li .submenu>li.active>a {
color: #2b7dbc
}
.nav-list>li .submenu>li a>[class*="icon-"]:first-child {
display: none; font-size: 12px; font-weight: normal; width: 18px; height: auto; line-height: 12px; text-align: center; position: absolute; left: 10px; top: 11px; z-index: 1; background-color: #FFF
}
.nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child,.nav-list>li .submenu>li:hover>a>[class*="icon-"]:first-child {
display: inline-block
}
.nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child {
color: #c86139
}
.nav-list>li>.submenu>li:before {
content: ""; display: inline-block; position: absolute; width: 7px; left: 20px; top: 17px; border-top: 1px dotted #9dbdd6
}
.nav-list>li>.submenu>li:first-child>a {
border-top: 1px solid #fafafa
}
.nav-list>li>.submenu:before {
content: ""; display: block; position: absolute; z-index: 1; left: 18px; top: 0; bottom: 0; border: 1px dotted #9dbdd6; border-width: 0 0 0 1px
}
.nav-list>li.active>.submenu>li:before {
border-top-color: #8eb3d0
}
.nav-list>li.active>.submenu:before {
border-left-color: #8eb3d0
}
.nav-list li .submenu {
overflow: hidden
}
.nav-list li.active>a:after {
display: block; content: ""; position: absolute !important; right: 0; top: 4px; border: 8px solid transparent; border-width: 14px 10px; border-right-color: #2b7dbc
}
.nav-list li.open>a:after {
display: none
}
.nav-list li.active.open>.submenu>li.active.open>a.dropdown-toggle:after {
display: none
}
.nav-list li.active>.submenu>li.active>a:after {
display: none
}
.nav-list li.active.open>.submenu>li.active>a:after {
display: block
}
.nav-list li.active.no-active-child>a:after {
display: inline-block !important
}
.nav-list a .badge,.nav-list a .label {
font-size: 12px; padding-left: 6px; padding-right: 6px; position: absolute; top: 9px; right: 11px; opacity: .88
}
.nav-list a .badge [class*="icon-"],.nav-list a .label [class*="icon-"] {
vertical-align: middle; margin: 0
}
.nav-list a.dropdown-toggle .badge,.nav-list a.dropdown-toggle .label {
right: 28px
}
.nav-list a:hover .badge,.nav-list a:hover .label {
opacity: 1
}
.nav-list .submenu .submenu a .badge,.nav-list .submenu .submenu a .label {
top: 6px
}
.nav-list>li>.submenu li>.submenu {
border-top: 0; background-color: transparent; display: none
}
.nav-list>li>.submenu li.active>.submenu {
display: block
}
.nav-list>li>.submenu a>.arrow {
right: 11px; top: 10px; font-size: 16px; color: #6b828e
}
.nav-list>li>.submenu .open>a,.nav-list>li>.submenu .open>a:hover,.nav-list>li>.submenu .open>a:focus {
background-color: transparent; border-color: #e4e4e4
}
.nav-list>li>.submenu li>.submenu>li>a>.arrow {
right: 12px; top: 9px
}
.nav-list>li>.submenu li>.submenu>li {
line-height: 16px
}
.nav-list>li>.submenu li>.submenu>li:before {
display: none
}
.nav-list>li>.submenu li>.submenu>li>a {
margin-left: 20px; padding-left: 22px
}
.nav-list>li>.submenu li>.submenu>li>.submenu>li>a {
margin-left: 20px; padding-left: 38px
}
.nav-list>li>.submenu li>.submenu>li a>[class*="icon-"]:first-child {
display: inline-block; color: inherit; font-size: 14px; position: static; background-color: transparent; margin-right: 1px
}
.nav-list>li>.submenu li>.submenu>li a {
font-size: 13px; color: #777
}
.nav-list>li>.submenu li>.submenu>li a:hover {
color: #316292; text-decoration: underline
}
.nav-list>li>.submenu li>.submenu>li a:hover [class*="icon-"] {
text-decoration: none; color: #316292
}
.nav-list>li>.submenu li.open>a {
color: #25639e
}
.nav-list>li>.submenu li.open>a>[class*="icon-"]:first-child {
display: inline-block
}
.nav-list>li>.submenu li.open>a .arrow {
color: #25639e
}
.nav-list>li>.submenu li>.submenu li.open>a {
color: #25639e
}
.nav-list>li>.submenu li>.submenu li.open>a>[class*="icon-"]:first-child {
display: inline-block; color: #1963aa
}
.nav-list>li>.submenu li>.submenu li.open>a .arrow {
color: #25639e
}
.nav-list>li>.submenu li>.submenu li.active>a {
color: #347cb3
}
.nav-list>li>.submenu li>.submenu li.active>a>[class*="icon-"]:first-child {
display: inline-block; color: #347cb3
}
.nav-list>li.active.open li.active>a:after {
top: 2px; border-width: 14px 8px
}
.nav-list>li.active.open li.active.open li.active>a:after {
top: 0
}
/*--------左侧菜单列表 结束--------*/
/*--------右边内容 开始--------*/
.page-content {
background: #fff; margin: 0; padding: 0px 10px;overflow: inherit;
}
.page-header {
margin: 0 0 12px; border-bottom: 1px dotted #e2e2e2; padding-bottom: 16px; padding-top: 7px
}
.page-header h1 {
padding: 0; margin: 0 8px; font-size: 24px; font-weight: lighter; color: #2679b5
}
.page-header h1 small {
margin: 0 6px; font-size: 14px; font-weight: normal; color: #8089a0
}
/*--------右边内容 结束--------*/
/*--------jQuery UI Dialog 开始 在修改密码用到--------*/
.ui-dialog {
z-index: 1050 !important; background-color: #FFF; padding: 0; border: 1px solid #DDD; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}
.ui-dialog.ui-widget-content {
border: 1px solid #e2e2e2;
}
.ui-dialog .ui-corner-all {
border-radius: 0;
}
.ui-dialog .ui-dialog-titlebar,.ui-dialog .ui-jqdialog-titlebar {
background-color: #f1f1f1; padding: 0; font-size: 15px; color: #000;
}
.ui-dialog .ui-dialog-title,.ui-dialog .ui-jqdialog-title {
float: none; width: auto
}
.ui-dialog .widget-header {
margin: 0;
}
.ui-dialog .ui-dialog-content {
padding: 15px;
}
.ui-dialog .ui-dialog-buttonpane,.ui-dialog .ui-jqdialog-buttonpane {
background-color: #eff3f8; border-top: 1px solid #e4e9ee; padding: 0; margin: 0
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
padding: 5px 15px;
}
.ui-dialog .ui-dialog-buttonpane button,.ui-dialog .ui-jqdialog-buttonpane button {
margin: 0; font-size: 14px
}
.ui-dialog .ui-dialog-buttonpane button+button {
margin-left: 5px;
}
.ui-dialog .ui-dialog-buttonpane button.btn-default {
border: 1px solid #adadad; background: #fff;
}
.ui-dialog .ui-dialog-buttonpane button.btn-default:hover {
border: 1px solid #adadad; background: #e6e6e6;
}
.ui-dialog .ui-dialog-titlebar-close,.ui-dialog .ui-jqdialog-titlebar-close {
border: 0; background: transparent; padding: 0; top: 50%; right: 8px !important; text-align: center; color: #7b7b7b;
}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-jqdialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:hover {
color: #e60606;
}
.ui-dialog .ui-dialog-titlebar-close:before,.ui-dialog .ui-jqdialog-titlebar-close:before {
content: "\f00d"; display: inline; font-family: FontAwesome; font-size: 16px
}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-jqdialog-titlebar-close:hover {
opacity: 1; text-decoration: none; padding: 0
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text,.ui-dialog .ui-jqdialog-titlebar-close .ui-button-text {
text-indent: 0; visibility: hidden
}
.ui-dialog .widget-header .ui-dialog-titlebar-close,.ui-dialog .widget-header .ui-jqdialog-titlebar-close {
right: 10px !important
}
.ui-dialog.ui-dialog-no-close .ui-dialog-titlebar-close {
display: none;
}
/*--------jQuery UI Dialog 结束--------*/
/*--------UI插件--------*/
.ui-state-disabled {
color: #BBB !important
}
.ui-slider {
background-color: #CCC
}
.ui-slider-horizontal {
height: 9px; margin-top: 12px;
}
.ui-slider-vertical {
width: 9px
}
.ui-slider .ui-slider-handle {
border-radius: 0; width: 1.45em; height: 1.45em; background-color: #f5f5f5; border: 1px solid
}
.ui-slider .ui-slider-handle:before {
display: inline-block; content: "|||"; font-size: 8px; font-family: Helvetica, Arial, sans-serif; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; line-height: 15px
}
.ui-slider .ui-slider-handle:hover {
background-color: #FFF
}
.ui-slider .ui-slider-handle:hover,.ui-slider .ui-slider-handle:focus,.ui-slider .ui-slider-handle:active {
outline: 0; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); text-decoration: none
}
.ui-slider .ui-slider-handle:hover:before,.ui-slider .ui-slider-handle:focus:before,.ui-slider .ui-slider-handle:active:before {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}
.ui-slider-horizontal .ui-slider-handle {
margin-left: -0.725em; top: -0.4em
}
.ui-slider-vertical .ui-slider-handle {
left: -0.35em; margin-bottom: -0.65em
}
.ui-slider-small.ui-slider-horizontal {
height: 5px
}
.ui-slider-small.ui-slider-vertical {
width: 5px
}
.ui-slider-small .ui-slider-handle {
border-radius: 24px; width: 16px; height: 16px; top: -5px
}
.ui-slider-small .ui-slider-handle:before {
font-size: 6px; line-height: 13px
}
.ui-slider-range {
background-color: #4aa4ce
}
.ui-slider-handle {
outline: none !important
}
.ui-slider-handle,.ui-slider-handle:hover,.ui-slider-handle:focus,.ui-slider-handle:active {
border-color: #4aa4ce; color: #4aa4ce
}
.ui-slider-green .ui-slider-range {
background-color: #8bbc67
}
.ui-slider-green .ui-slider-handle,.ui-slider-green .ui-slider-handle:hover,.ui-slider-green .ui-slider-handle:focus,.ui-slider-green .ui-slider-handle:active {
border-color: #8bbc67; color: #8bbc67
}
.ui-slider-red .ui-slider-range {
background-color: #d36e6e
}
.ui-slider-red .ui-slider-handle,.ui-slider-red .ui-slider-handle:hover,.ui-slider-red .ui-slider-handle:focus,.ui-slider-red .ui-slider-handle:active {
border-color: #d36e6e; color: #d36e6e
}
.ui-slider-purple .ui-slider-range {
background-color: #ac68ba
}
.ui-slider-purple .ui-slider-handle,.ui-slider-purple .ui-slider-handle:hover,.ui-slider-purple .ui-slider-handle:focus,.ui-slider-purple .ui-slider-handle:active {
border-color: #ac68ba; color: #ac68ba
}
.ui-slider-orange .ui-slider-range {
background-color: #efad62
}
.ui-slider-orange .ui-slider-handle,.ui-slider-orange .ui-slider-handle:hover,.ui-slider-orange .ui-slider-handle:focus,.ui-slider-orange .ui-slider-handle:active {
border-color: #efad62; color: #efad62
}
.ui-slider-dark .ui-slider-range {
background-color: #606060
}
.ui-slider-dark .ui-slider-handle,.ui-slider-dark .ui-slider-handle:hover,.ui-slider-dark .ui-slider-handle:focus,.ui-slider-dark .ui-slider-handle:active {
border-color: #606060; color: #606060
}
.ui-slider-pink .ui-slider-range {
background-color: #d6487e
}
.ui-slider-pink .ui-slider-handle,.ui-slider-pink .ui-slider-handle:hover,.ui-slider-pink .ui-slider-handle:focus,.ui-slider-pink .ui-slider-handle:active {
border-color: #d6487e; color: #d6487e
}
.ui-widget-overlay {
background: rgba(0, 0, 0, 0.5); opacity: 1 !important; filter: alpha(opacity = 100) !important; z-index: 1040 !important
}
.ui-accordion .ui-accordion-header {
color: #478fca; font-weight: normal; background-color: #f9f9f9; border: 1px solid #cdd8e3; padding: 8px 8px 9px 24px
}
.ui-accordion .ui-accordion-header:hover {
color: #6ea6cc; background-color: #f1f8fd
}
.ui-accordion .ui-accordion-header.ui-state-active {
color: #4c8fbd; background-color: #eef4f9; position: relative; font-weight: bold
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
text-indent: 0; margin-top: 0; position: absolute; left: 10px; top: 7px
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
display: inline; font-family: FontAwesome; font-size: 15px; content: "\f0da"
}
.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
content: "\f0d7"; font-weight: normal
}
.ui-accordion .ui-accordion-content {
border: 1px solid #cdd8e3; border-top-width: 0; padding: 11px 16px
}
/**tab **/
.ui-tabs .ui-tabs-nav {
padding: 0; border-bottom: 1px solid #c5d0dc;
}
.ui-tabs .ui-tabs-nav:after {
display: inline-table; height: 28px;
}
.ui-tabs .ui-tabs-nav li.ui-state-default>a {
background-color: #f9f9f9; border: 1px solid #c5d0dc; border-bottom-width: 0; color: #999; line-height: 16px; margin-right: -1px; z-index: 11; padding: 6px 20px; position: relative; top: 2px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active>a {
background-color: #FFF; border: 1px solid; border-color: #4c8fbd #c5d0dc transparent; border-top-width: 2px;
/*-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,0.15);
box-shadow:0 -2px 3px 0 rgba(0,0,0,0.15);*/ color: #576373; position: relative; top: 1px
}
.ui-tabs .ui-tabs-panel {
border: 1px solid #c5d0dc; border-top-width: 0; margin: 0; left: auto; right: auto; top: auto; bottom: auto
}
.nav-tabs.background-blue {
padding-top: 6px;
background-color: #eff3f8;
border: 1px solid #c5d0dc;
}
.ui-tabs .ui-tabs-nav:after {
display: inline-table;
height: 28px;
}
/**tab **/
.ui-menu {
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 150px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.2); padding: 3px
}
.ui-menu .ui-menu-item a {
padding: 4px 7px 5px; color: #444; cursor: pointer; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit
}
.ui-menu .ui-menu-item a .ui-menu-icon {
float: right; position: relative; top: 0; left: auto; right: auto; bottom: auto; text-indent: 0
}
.ui-menu .ui-menu-item a .ui-menu-icon:before {
content: "\f105"; font-family: FontAwesome; font-size: 14px; display: inline
}
.ui-menu .ui-menu-item a:hover,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
background-color: #4f99c6; color: #FFF; margin: auto; font-weight: normal
}
.ui-menu .ui-menu-item a:hover .ui-menu-icon,.ui-menu .ui-menu-item a.ui-state-focus .ui-menu-icon,.ui-menu .ui-menu-item a.ui-state-active .ui-menu-icon {
color: #FFF
}
.ui-menu .ui-state-disabled a {
color: #999; cursor: default
}
.ui-menu .ui-state-disabled a:hover,.ui-menu .ui-state-disabled a.ui-state-focus,.ui-menu .ui-state-disabled a.ui-state-active {
background-color: #FFF; color: #999
}
.ui-autocomplete {
background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}
.ui-autocomplete-category {
padding: 6px; position: relative; background-color: #eef4f9; color: #478fca; font-weight: bolder; border: 1px solid #dae6ed; border-width: 1px 0
}
.ui-spinner-button {
border-width: 0 !important; font-size: 10px; height: 14px; line-height: 14px; width: 18px; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; display: inline-block; position: absolute; text-align: center; padding: 0; width: 16px; height: 50%; cursor: pointer; right: 0; z-index: 2; font-size: 13px;
}
.ui-spinner-button>[class*="icon-"] {
width: 18px; display: inline-block
}
.ui-spinner-up {
top: 0; right: 5px
}
.ui-spinner-down {
bottom: 3px; right: 5px
}
.ui-spinner-input {
margin-top: 0; padding: 5px; max-width: 100px; font-size: 14px
}
.ui-tooltip {
background-color: #444; color: #FFF
}
.ui-progressbar {
background-color: #dadada; height: 22px
}
.ui-progressbar .ui-progressbar-value[class="progress-bar"] {
background-color: #2a91d8
}
.ui-icon {
text-indent: 0; color: #307ecc; float: none; right: 2px; position: absolute
}
.rtl .ui-icon {
right: auto; left: 2px
}
.ui-icon-pencil {
color: #478fca
}
.ui-icon-pencil:before {
content: "\f040"
}
.ui-icon-trash {
color: #dd5a43
}
.ui-icon-trash:before {
content: "\f014"
}
.ui-icon-disk {
color: #69aa46
}
.ui-icon-disk:before {
content: "\f00c"
}
.ui-icon-cancel {
color: #dd5a43
}
.ui-icon-cancel:before {
content: "\f00d"
}
.ui-state-error {
background-color: #f2dede; border: 1px solid #eed3d7; color: #b94a48; margin: 4px 4px 8px; padding: 6px 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-size: 13px
}
/*--------UI插件结束--------*/
/*--------widget部件------.widget-caption,.widget-header>:first-child {
line-height: 36px; padding: 0; margin: 0; display: inline
}
.widget-header>.widget-caption>[class*="icon-"],.widget-header>:first-child>[class*="icon-"] {
margin-right: 5px; font-weight: normal; display: inline-block
}
.widget-header-large>.widget-caption,.widget-header-large>:first-child {
line-height: 48px
}
.widget-header-small>.widget-caption,.widget-header-small>:first-child {
line-height: 30px
}
.widget-toolbar {
display: inline-block; padding: 0 10px; line-height: 37px; float: right; position: relative
}
.widget-header-large>.widget-toolbar {
line-height: 48px
}
.widget-header-small>.widget-toolbar {
line-height: 29px
}
.widget-toolbar.no-padding {
padding: 0
}
.widget-toolbar.padding-5 {
padding: 0 5px
}
.widget-toolbar:before {
display: inline-block; content: ""; position: absolute; top: 3px; bottom: 3px; left: -1px; border: 1px solid #d9d9d9; border-width: 0 1px 0 0
}
.widget-header-large>.widget-toolbar:before {
top: 6px; bottom: 6px
}
[class*="header-color-"]>.widget-toolbar:before {
border-color: #EEE
}
.header-color-orange>.widget-toolbar:before {
border-color: #FEA
}
.header-color-dark>.widget-toolbar:before {
border-color: #222; box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.1)
}
.widget-toolbar.no-border:before {
display: none
}
.widget-toolbar label {
display: inline-block; vertical-align: middle; margin-bottom: 0
}
.widget-toolbar>a {
font-size: 14px; margin: 0 1px; display: inline-block; padding: 0; line-height: 24px
}
.widget-toolbar>a:hover {
text-decoration: none
}
.widget-header-large>.widget-toolbar>a {
font-size: 15px; margin: 0 1px
}
.widget-toolbar>.btn {
line-height: 27px; margin-top: -2px
}
.widget-toolbar>.btn.smaller {
line-height: 26px
}
.widget-toolbar>.btn.bigger {
line-height: 28px
}
.widget-toolbar>.btn-sm {
line-height: 24px
}
.widget-toolbar>.btn-sm.smaller {
line-height: 23px
}
.widget-toolbar>.btn-sm.bigger {
line-height: 25px
}
.widget-toolbar>.btn-xs {
line-height: 22px
}
.widget-toolbar>.btn-xs.smaller {
line-height: 21px
}
.widget-toolbar>.btn-xs.bigger {
line-height: 23px
}
.widget-toolbar>.btn-minier {
line-height: 18px
}
.widget-toolbar>.btn-minier.smaller {
line-height: 17px
}
.widget-toolbar>.btn-minier.bigger {
line-height: 19px
}
.widget-toolbar>.btn-lg {
line-height: 36px
}
.widget-toolbar>.btn-lg.smaller {
line-height: 34px
}
.widget-toolbar>.btn-lg.bigger {
line-height: 38px
}
.widget-toolbar-dark {
background: #444
}
.widget-toolbar-light {
background: rgba(255, 255, 255, 0.85)
}
.widget-toolbar>[data-action]>[class*="icon-"] {
margin-right: 0
}
.widget-toolbar>[data-action]:focus {
text-decoration: none
}
[class*="header-color-"]>.widget-toolbar>[data-action] {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}
[class*="header-color-"]>.widget-toolbar>[data-action="settings"] {
color: #d3e4ed
}
[class*="header-color-"]>.widget-toolbar>[data-action="reload"] {
color: #deead3
}
[class*="header-color-"]>.widget-toolbar>[data-action="collapse"] {
color: #e2e2e2
}
[class*="header-color-"]>.widget-toolbar>[data-action="close"] {
color: #ffd9d5
}
.header-color-orange>.widget-toolbar>[data-action] {
text-shadow: none
}
.header-color-orange>.widget-toolbar>[data-action="settings"] {
color: #559aab
}
.header-color-orange>.widget-toolbar>[data-action="reload"] {
color: #7ca362
}
.header-color-orange>.widget-toolbar>[data-action="collapse"] {
color: #777
}
.header-color-orange>.widget-toolbar>[data-action="close"] {
color: #a05656
}
.widget-toolbar>[data-action="settings"],.header-color-dark>.widget-toolbar>[data-action="settings"] {
color: #99cadb
}
.widget-toolbar>[data-action="reload"],.header-color-dark>.widget-toolbar>[data-action="reload"] {
color: #acd392
}
.widget-toolbar>[data-action="collapse"],.header-color-dark>.widget-toolbar>[data-action="collapse"] {
color: #aaa
}
.widget-toolbar>[data-action="close"],.header-color-dark>.widget-toolbar>[data-action="close"] {
color: #e09e96
}
.widget-body {
/*border: 1px solid #CCC;*/
border: 1px solid #cdd8e3; border-top: 0; border-bottom: 0; background-color: #FFF
}
.widget-main {
padding: 12px
}
.widget-main.padding-32 {
padding: 32px
}
.widget-main.padding-30 {
padding: 30px
}
.widget-main.padding-28 {
padding: 28px
}
.widget-main.padding-26 {
padding: 26px
}
.widget-main.padding-24 {
padding: 24px
}
.widget-main.padding-22 {
padding: 22px
}
.widget-main.padding-20 {
padding: 20px
}
.widget-main.padding-18 {
padding: 18px
}
.widget-main.padding-16 {
padding: 16px
}
.widget-main.padding-14 {
padding: 14px
}
.widget-main.padding-12 {
padding: 12px
}
.widget-main.padding-10 {
padding: 10px
}
.widget-main.padding-8 {
padding: 8px
}
.widget-main.padding-6 {
padding: 6px
}
.widget-main.padding-4 {
padding: 4px
}
.widget-main.padding-2 {
padding: 2px
}
.widget-main.padding-0 {
padding: 0
}
.widget-main.no-padding {
padding: 0
}
.widget-toolbar .progress {
vertical-align: middle; display: inline-block; margin: 0
}
.widget-toolbar>.dropdown,.widget-toolbar>.dropup {
display: inline-block
}
.widget-toolbar>.dropdown>.dropdown-menu:before,.dropdown-menu.dropdown-caret:before {
border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -7px
}
.widget-toolbar>.dropdown>.dropdown-menu:after,.dropdown-menu.dropdown-caret:after {
border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 10px; position: absolute; top: -6px
}
.widget-toolbar>.dropdown>.dropdown-menu.pull-right:before,.dropdown-menu.pull-right.dropdown-caret:before {
left: auto; right: 9px
}
.widget-toolbar>.dropdown>.dropdown-menu.pull-right:after,.dropdown-menu.pull-right.dropdown-caret:after {
left: auto; right: 10px
}
.widget-header[class*="header-color-"] {
color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.widget-box.light-border>[class*="header-color-"]+.widget-body {
border-color: #d6d6d6 !important
}
.widget-box.no-border {
border-bottom: 0
}
.widget-box.no-border>.widget-body {
border: 0
}
.widget-box.transparent {
border: 0; box-shadow: none
}
.widget-box.transparent>.widget-header {
background: 0; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 0; border-bottom: 1px solid #dce8f1; color: #4383b4; padding-left: 3px
}
.widget-box.transparent>.widget-header-large {
padding-left: 5px
}
.widget-box.transparent>.widget-header-small {
padding-left: 1px
}
.widget-box.transparent .widget-body {
border: 0; background-color: transparent
}
.widget-box.transparent .widget-main.no-padding-left {
padding-left: 0
}
.widget-box.transparent .widget-main.no-padding-right {
padding-right: 0
}
.widget-box.transparent .widget-main.no-padding-top {
padding-top: 0
}
.widget-box.transparent .widget-main.no-padding-bottom {
padding-bottom: 0
}
.widget-body .table {
border-top: 1px solid #e5e5e5
}
.widget-body .table thead:first-child tr {
background: #FFF
}
[class*="header-color-"]+.widget-body .table thead:first-child tr {
background: #f2f2f2; background-image: -webkit-gradient(linear, left 0, left 100%, from(#f8f8f8), to(#ececec)); background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ececec, 100%); background-image: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%); background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0)
}
.widget-body .table.table-bordered thead:first-child>tr {
border-top: 0
}
.widget-main.no-padding .table,.widget-main.padding-0 .table {
margin-bottom: 0; border: 0
}
.widget-main.no-padding .table-bordered th:first-child,.widget-main.padding-0 .table-bordered th:first-child,.widget-main.no-padding .table-bordered td:first-child,.widget-main.padding-0 .table-bordered td:first-child {
border-left-width: 0
}
.transparent .widget-main .table-bordered>thead>tr>th:last-child,.widget-main.no-padding .table-bordered>thead>tr>th:last-child,.transparent .widget-main .table-bordered>tbody>tr>td:last-child,.widget-main.no-padding .table-bordered>tbody>tr>td:last-child,.transparent .widget-main .table-bordered>tfoot>tr>td:last-child,.widget-main.no-padding .table-bordered>tfoot>tr>td:last-child {
border-right-width: 0 !important
}
.transparent .widget-main .table-bordered>tbody>tr:last-child>td,.widget-main.no-padding .table-bordered>tbody>tr:last-child>td {
border-bottom-width: 0 !important
}
.table-bordered>thead.thin-border-bottom>tr>th,.table-bordered>thead.thin-border-bottom>tr>td {
border-bottom-width: 1px
}
.widget-body .alert:last-child {
margin-bottom: 0
}
.widget-main .tab-content {
border: 0
}
.widget-toolbar>.nav-tabs {
border-bottom: 0; margin-bottom: 0; position: relative; top: 5px
}
.widget-toolbar>.nav-tabs>li>a {
box-shadow: none
}
.widget-toolbar>.nav-tabs>li:not (.active )>a {
border-color: transparent; background-color: transparent
}
.widget-toolbar>.nav-tabs>li:not (.active )>a:hover {
background-color: transparent
}
.widget-toolbar>.nav-tabs>li.active>a {
background-color: #FFF; border-bottom-color: transparent; box-shadow: none
}
.widget-header-small>.widget-toolbar>.nav-tabs {
top: 5px
}
.widget-header-small>.widget-toolbar>.nav-tabs>li>a {
line-height: 16px; padding-top: 6px; padding-bottom: 6px
}
.widget-header-small>.widget-toolbar>.nav-tabs>li.active>a {
border-top-width: 2px; margin-top: -1px
}
.widget-header-large>.widget-toolbar>.nav-tabs {
top: 8px
}
.widget-header-large>.widget-toolbar>.nav-tabs>li>a {
line-height: 22px; padding-top: 9px; padding-bottom: 9px
}
[class*="header-color-"]>.widget-toolbar>.nav-tabs>li>a {
border-color: transparent; background-color: transparent; color: #FFF; margin-right: 1px
}
[class*="header-color-"]>.widget-toolbar>.nav-tabs>li>a:hover {
background-color: #FFF; color: #555; border-top-color: #FFF
}
[class*="header-color-"]>.widget-toolbar>.nav-tabs>li.active>a {
background-color: #FFF; color: #555; border-top-width: 1px; margin-top: 0
}
.header-color-orange>.widget-toolbar>.nav-tabs>li>a {
color: #855d10
}
.transparent .widget-toolbar>.nav-tabs>li>a {
color: #555; background-color: transparent; border-right: 1px solid transparent; border-left: 1px solid transparent
}
.transparent .widget-toolbar>.nav-tabs>li.active>a {
border-top-color: #4c8fbd; border-right: 1px solid #c5d0dc; border-left: 1px solid #c5d0dc; background-color: #FFF; box-shadow: none
}
.widget-toolbox {
background-color: #EEE
}
.widget-toolbox:first-child {
padding: 2px; border-bottom: 1px solid #CCC
}
.widget-toolbox:last-child {
padding: 2px; border-top: 1px solid #CCC
}
.transparent .widget-toolbox:last-child {
border: 0; border-top: 1px solid #CCC
}
.widget-toolbox>.btn-toolbar {
margin: 0; padding: 0
}
.widget-toolbox.center {
text-align: center
}
.widget-toolbox.padding-16 {
padding: 16px
}
.widget-toolbox.padding-14 {
padding: 14px
}
.widget-toolbox.padding-12 {
padding: 12px
}
.widget-toolbox.padding-10 {
padding: 10px
}
.widget-toolbox.padding-8 {
padding: 8px
}
.widget-toolbox.padding-6 {
padding: 6px
}
.widget-toolbox.padding-4 {
padding: 4px
}
.widget-toolbox.padding-2 {
padding: 2px
}
.widget-toolbox.padding-0 {
padding: 0
}
.widget-box-overlay {
position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 21
}
.widget-box-overlay>[class*="icon-"] {
position: absolute; top: 15%; left: 0; right: 0; text-align: center
}
.widget-box.collapsed .widget-box-overlay>[class*="icon-"] {
top: 5%
}
.widget-box-overlay>.icon-spin {
-moz-animation-duration: 1.2s; -webkit-animation-duration: 1.2s; -o-animation-duration: 1.2s; -ms-animation-duration: 1.2s; animation-duration: 1.2s
}
.widget-main>form {
margin-bottom: 0
}
.widget-main>form .input-append,.widget-main>form .input-prepend {
margin-bottom: 0
}
.widget-main.no-padding>form>fieldset,.widget-main.padding-0>form>fieldset {
padding: 16px
}
.widget-main.no-padding>form>fieldset+.form-actions,.widget-main.padding-0>form>fieldset+.form-actions {
padding: 10px 0 12px
}
.widget-main.no-padding>form>.form-actions,.widget-main.padding-0>form>.form-actions {
margin: 0; padding: 10px 12px 12px
}
.widget-placeholder {
border: 2px dashed #d9d9d9
}
.widget-main .fc {
position: relative; top: -40px
}
.widget-main .fc>.fc-header {
position: relative; z-index: 10
}
.widget-main .fc .fc-header-space {
padding-left: 2px
}
.widget-main .fc-header-title>h2 {
font-size: 18px; line-height: 36px
}
.widget-main .fc-content {
top: -14px; z-index: 11
}
.widget-main .fc-button-content {
height: 37px; line-height: 36px
}
/*--------widget部件结束--------*/
/*--------下拉菜单--消息提醒下拉用到--------*/
.dropdown-menu {
border-radius: 0 !important; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}
.dropdown-menu>li>a {
font-size: 13px; padding-left: 11px; padding-right: 11px; margin-bottom: 1px; margin-top: 1px
}
.dropdown-menu.dropdown-only-icon {
min-width: 50px
}
.dropdown-menu.dropdown-only-icon>li {
float: left; margin: 0 4px
}
.dropdown-menu.dropdown-only-icon>li>a [class*="icon-"] {
width: 18px; display: inline-block
}
.dropdown-menu.dropdown-only-icon>li>a .icon-2x {
width: 36px
}
.dropdown-menu li a:hover,.dropdown-menu li a:focus,.dropdown-menu li a:active,.dropdown-menu li.active a,.dropdown-menu li.active a:hover,.dropdown-menu .dropdown-submenu:hover>a,.nav-tabs .dropdown-menu li>a:focus {
background: #4f99c6; color: #fff
}
.dropdown-default li a:hover,.dropdown-default li a:focus,.dropdown-default li a:active,.dropdown-default li.active a,.dropdown-default li.active a:hover,.dropdown-default .dropdown-submenu:hover>a,.nav-tabs .dropdown-default li>a:focus {
background: #abbac3; color: #fff
}
.dropdown-info li a:hover,.dropdown-info li a:focus,.dropdown-info li a:active,.dropdown-info li.active a,.dropdown-info li.active a:hover,.dropdown-info .dropdown-submenu:hover>a,.nav-tabs .dropdown-info li>a:focus {
background: #6fb3e0; color: #fff
}
.dropdown-primary li a:hover,.dropdown-primary li a:focus,.dropdown-primary li a:active,.dropdown-primary li.active a,.dropdown-primary li.active a:hover,.dropdown-primary .dropdown-submenu:hover>a,.nav-tabs .dropdown-primary li>a:focus {
background: #428bca; color: #fff
}
.dropdown-success li a:hover,.dropdown-success li a:focus,.dropdown-success li a:active,.dropdown-success li.active a,.dropdown-success li.active a:hover,.dropdown-success .dropdown-submenu:hover>a,.nav-tabs .dropdown-success li>a:focus {
background: #87b87f; color: #fff
}
.dropdown-warning li a:hover,.dropdown-warning li a:focus,.dropdown-warning li a:active,.dropdown-warning li.active a,.dropdown-warning li.active a:hover,.dropdown-warning .dropdown-submenu:hover>a,.nav-tabs .dropdown-warning li>a:focus {
background: #ffa24d; color: #fff
}
.dropdown-danger li a:hover,.dropdown-danger li a:focus,.dropdown-danger li a:active,.dropdown-danger li.active a,.dropdown-danger li.active a:hover,.dropdown-danger .dropdown-submenu:hover>a,.nav-tabs .dropdown-danger li>a:focus {
background: #d15b47; color: #fff
}
.dropdown-inverse li a:hover,.dropdown-inverse li a:focus,.dropdown-inverse li a:active,.dropdown-inverse li.active a,.dropdown-inverse li.active a:hover,.dropdown-inverse .dropdown-submenu:hover>a,.nav-tabs .dropdown-inverse li>a:focus {
background: #555; color: #fff
}
.dropdown-purple li a:hover,.dropdown-purple li a:focus,.dropdown-purple li a:active,.dropdown-purple li.active a,.dropdown-purple li.active a:hover,.dropdown-purple .dropdown-submenu:hover>a,.nav-tabs .dropdown-purple li>a:focus {
background: #9585bf; color: #fff
}
.dropdown-pink li a:hover,.dropdown-pink li a:focus,.dropdown-pink li a:active,.dropdown-pink li.active a,.dropdown-pink li.active a:hover,.dropdown-pink .dropdown-submenu:hover>a,.nav-tabs .dropdown-pink li>a:focus {
background: #d6487e; color: #fff
}
.dropdown-grey li a:hover,.dropdown-grey li a:focus,.dropdown-grey li a:active,.dropdown-grey li.active a,.dropdown-grey li.active a:hover,.dropdown-grey .dropdown-submenu:hover>a,.nav-tabs .dropdown-grey li>a:focus {
background: #a0a0a0; color: #fff
}
.dropdown-light li a:hover,.dropdown-light li a:focus,.dropdown-light li a:active,.dropdown-light li.active a,.dropdown-light li.active a:hover,.dropdown-light .dropdown-submenu:hover>a,.nav-tabs .dropdown-light li>a:focus {
background: #e7e7e7; color: #333
}
.dropdown-lighter li a:hover,.dropdown-lighter li a:focus,.dropdown-lighter li a:active,.dropdown-lighter li.active a,.dropdown-lighter li.active a:hover,.dropdown-lighter .dropdown-submenu:hover>a,.nav-tabs .dropdown-lighter li>a:focus {
background: #efefef; color: #444
}
.dropdown-lightest li a:hover,.dropdown-lightest li a:focus,.dropdown-lightest li a:active,.dropdown-lightest li.active a,.dropdown-lightest li.active a:hover,.dropdown-lightest .dropdown-submenu:hover>a,.nav-tabs .dropdown-lightest li>a:focus {
background: #f3f3f3; color: #444
}
.dropdown-yellow li a:hover,.dropdown-yellow li a:focus,.dropdown-yellow li a:active,.dropdown-yellow li.active a,.dropdown-yellow li.active a:hover,.dropdown-yellow .dropdown-submenu:hover>a,.nav-tabs .dropdown-yellow li>a:focus {
background: #fee188; color: #444
}
.dropdown-yellow2 li a:hover,.dropdown-yellow2 li a:focus,.dropdown-yellow2 li a:active,.dropdown-yellow2 li.active a,.dropdown-yellow2 li.active a:hover,.dropdown-yellow2 .dropdown-submenu:hover>a,.nav-tabs .dropdown-yellow2 li>a:focus {
background: #f9e8b3; color: #444
}
.dropdown-light-blue li a:hover,.dropdown-light-blue li a:focus,.dropdown-light-blue li a:active,.dropdown-light-blue li.active a,.dropdown-light-blue li.active a:hover,.dropdown-light-blue .dropdown-submenu:hover>a,.nav-tabs .dropdown-light-blue li>a:focus {
background: #ecf3f9; color: #456
}
.dropdown-light .dropdown-submenu:hover>a:after,.dropdown-lighter .dropdown-submenu:hover>a:after,.dropdown-lightest .dropdown-submenu:hover>a:after {
border-left-color: #444
}
.dropdown-menu.dropdown-close {
top: 92%; left: -5px
}
.dropdown-menu.dropdown-close.pull-right {
left: auto; right: -5px
}
.dropdown-menu.dropdown-closer {
top: 80%; left: -10px
}
.dropdown-menu.dropdown-closer.pull-right {
right: -10px; left: auto
}
.dropdown-submenu>.dropdown-menu {
border-radius: 0
}
.dropdown-submenu>a:after {
margin-right: -5px
}
.dropdown-colorpicker>.dropdown-menu {
top: 80%; left: -7px; padding: 4px; min-width: 130px; max-width: 130px
}
.dropdown-colorpicker>.dropdown-menu.pull-right {
right: -7px; left: auto
}
.dropdown-colorpicker>.dropdown-menu>li {
display: block; float: left; width: 20px; height: 20px; margin: 2px
}
.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn {
display: block; width: 20px; height: 20px; margin: 0; padding: 0; border-radius: 0; position: relative; -webkit-transition: all ease .1s; transition: all ease .1s
}
.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn:hover {
text-decoration: none; opacity: .8; filter: alpha(opacity = 80); -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08)
}
.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn.selected:after {
content: "\f00c"; display: inline-block; font-family: FontAwesome; font-size: 11px; color: #FFF; position: absolute; left: 0; right: 0; text-align: center; line-height: 20px
}
.btn-colorpicker {
display: inline-block; width: 20px; height: 20px; background-color: #DDD; vertical-align: middle; border-radius: 0
}
.dropdown-navbar {
padding: 0; width: 240px; -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); border-color: #bcd4e5
}
.dropdown-navbar>li {
padding: 0 8px; background-color: #fff
}
.dropdown-navbar>li.dropdown-header {
text-shadow: none; padding-top: 0; padding-bottom: 0; line-height: 34px; font-size: 13px; font-weight: bold; text-transform: none; border-bottom: 1px solid #bcd4e5; background-color: #ecf2f7 !important; color: #8090a0;
}
.dropdown-navbar>li>[class*="icon-"],.dropdown-navbar>li>a>[class*="icon-"] {
margin-right: 5px !important; color: #555; font-size: 14px
}
.dropdown-navbar>li>a {
padding: 10px 2px; margin: 0; border-bottom: 1px solid; font-size: 14px; line-height: 16px; color: #555; border-bottom-color: #e4ecf3;
}
.dropdown-navbar>li>a:active,.dropdown-navbar>li>a:hover,.dropdown-navbar>li>a:focus {
background-color: transparent !important; color: #555
}
.dropdown-navbar>li>a .progress {
margin-bottom: 0; margin-top: 4px
}
.dropdown-navbar>li>a .badge {
line-height: 16px; padding-right: 4px; padding-left: 4px; font-size: 12px
}
.dropdown-navbar>li:last-child>a {
border-bottom: 0 solid #DDD; border-top: 1px dotted transparent; color: #4f99c6; text-align: center; font-size: 13px
}
.dropdown-navbar>li:last-child>a:hover {
background-color: #FFF; color: #4f99c6; text-decoration: underline
}
.dropdown-navbar>li:last-child>a:hover>[class*="icon-"] {
text-decoration: none
}
.dropdown-navbar>li:hover {
background-color: #f4f9fc !important
}
.dropdown-navbar>li.dropdown-header>[class*="icon-"] {
color: #8090a0
}
.dropdown-navbar.navbar-pink {
border-color: #e5bcd4
}
.dropdown-navbar.navbar-pink>li:hover {
background-color: #fcf4f9 !important
}
.dropdown-navbar.navbar-pink>li.dropdown-header {
background-color: #f7ecf2 !important; color: #b471a0; border-bottom-color: #e5bcd4
}
.dropdown-navbar.navbar-pink>li.dropdown-header>[class*="icon-"] {
color: #c06090
}
.dropdown-navbar.navbar-pink>li>a {
border-bottom-color: #f3e4ec
}
.dropdown-navbar.navbar-grey {
border-color: #e5e5e5
}
.dropdown-navbar.navbar-grey>li:hover {
background-color: #f8f8f8 !important
}
.dropdown-navbar.navbar-grey>li.dropdown-header {
background-color: #f2f2f2 !important; color: #3a87ad; border-bottom-color: #e5e5e5
}
.dropdown-navbar.navbar-grey>li.dropdown-header>[class*="icon-"] {
color: #3a87ad
}
.dropdown-navbar.navbar-grey>li>a {
border-bottom-color: #eee
}
.dropdown-navbar.navbar-green {
border-color: #b4d5ac
}
.dropdown-navbar.navbar-green>li:hover {
background-color: #f4f9ef !important
}
.dropdown-navbar.navbar-green>li.dropdown-header {
background-color: #ebf7e4 !important; color: #8a6; border-bottom-color: #b4d5ac
}
.dropdown-navbar.navbar-green>li.dropdown-header>[class*="icon-"] {
color: #90c060
}
.dropdown-navbar.navbar-green>li>a {
border-bottom-color: #ecf3e4
}
.dropdown-navbar [class*="btn"][class*="icon-"] {
display: inline-block; margin: 0 5px 0 0; width: 24px; text-align: center; padding-left: 0; padding-right: 0
}
.dropdown-navbar .msg-photo {
margin-right: 6px; max-width: 42px
}
.dropdown-navbar .msg-body {
display: inline-block; line-height: 20px; white-space: normal; vertical-align: middle; max-width: 175px
}
.dropdown-navbar .msg-title {
display: inline-block; line-height: 14px
}
.dropdown-navbar .msg-time {
display: block; font-size: 11px; color: #777
}
.dropdown-navbar .msg-time>[class*="icon-"] {
font-size: 14px; color: #555
}
.dropdown-100 {
min-width: 100px
}
.dropdown-125 {
min-width: 125px
}
.dropdown-150 {
min-width: 150px
}
.dropdown-hover {
position: relative
}
.dropdown-hover:hover>.dropdown-menu {
display: block
}
/*--------下拦菜单 结束--------*/
/*--------wizard向导---开始--------*/
.wizard-steps {
list-style: none; display: table; width: 100%; padding: 0; margin: 0; position: relative
}
.wizard-steps li {
display: table-cell; text-align: center; width: 1%
}
.wizard-steps li .step {
border: 5px solid #ced1d6; color: #546474; font-size: 15px; border-radius: 100%; background-color: #FFF; position: relative; z-index: 2; display: inline-block; width: 40px; height: 40px; line-height: 30px; text-align: center
}
.wizard-steps li:before {
display: block; content: ""; width: 100%; height: 1px; font-size: 0; overflow: hidden; border-top: 4px solid #ced1d6; position: relative; top: 21px; z-index: 1
}
.wizard-steps li:last-child:before {
max-width: 50%; width: 50%
}
.wizard-steps li:first-child:before {
max-width: 51%; left: 50%
}
.wizard-steps li.active:before,.wizard-steps li.complete:before,.wizard-steps li.active .step,.wizard-steps li.complete .step {
border-color: #5293c4
}
.wizard-steps li.complete .step {
cursor: default; color: #FFF; -webkit-transition: transform ease .1s; transition: transform ease .1s
}
.wizard-steps li.complete .step:before {
display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 30px; text-align: center; border-radius: 100%; content: "\f00c"; background-color: #FFF; z-index: 3; font-family: FontAwesome; font-size: 17px; color: #87ba21
}
.wizard-steps li.complete:hover .step {
-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); border-color: #80afd4
}
.wizard-steps li.complete:hover:before {
border-color: #80afd4
}
.wizard-steps li .title {
display: block; margin-top: 4px; max-width: 100%; color: #949ea7; font-size: 14px; z-index: 104; text-align: center; table-layout: fixed; word-wrap: break-word
}
.wizard-steps li.complete .title,.wizard-steps li.active .title {
color: #2b3d53
}
.step-content .step-pane {
display: none; min-height: 200px; padding: 4px 8px 12px
}
.step-content .active {
display: block
}
.wizard-actions {
text-align: right
}
.widget-body .md-header {
margin-top: -30px; margin-left: 9px
}
.widget-body .md-header .btn {
border-color: transparent; background: rgba(255, 255, 255, 0.25) !important; color: #FFF !important; text-align: center; padding-left: 0; padding-right: 0; border-width: 1px !important; padding-top: 2px; padding-bottom: 4px
}
.widget-body .md-header .btn>[class*="icon-"] {
font-size: 14px; width: 25px; max-width: 25px; display: inline-block
}
.widget-body .md-header .btn-inverse {
background: rgba(0, 0, 0, 0.25) !important; padding-right: 5px; margin-left: 4px
}
.widget-body .md-preview {
padding: 8px; min-height: 200px
}
.widget-body .md-input {
border: none !important; box-shadow: none !important; display: block; margin-bottom: 0; background-color: rgba(48, 126, 204, 0.07); padding: 8px; width: 100%
}
.widget-body .md-input:focus {
background-color: #FFF; box-shadow: none !important
}
/*--------wizard向导-结束--------*/
/*--------Messages 开始--------*/
.nav-tabs.padding-32 {
padding-left: 32px
}
.tabs-right>.nav-tabs.padding-32,.tabs-left>.nav-tabs.padding-32 {
padding-left: 0; padding-top: 32px
}
.nav-tabs.padding-30 {
padding-left: 30px
}
.tabs-right>.nav-tabs.padding-30,.tabs-left>.nav-tabs.padding-30 {
padding-left: 0; padding-top: 30px
}
.nav-tabs.padding-28 {
padding-left: 28px
}
.tabs-right>.nav-tabs.padding-28,.tabs-left>.nav-tabs.padding-28 {
padding-left: 0; padding-top: 28px
}
.nav-tabs.padding-26 {
padding-left: 26px
}
.tabs-right>.nav-tabs.padding-26,.tabs-left>.nav-tabs.padding-26 {
padding-left: 0; padding-top: 26px
}
.nav-tabs.padding-24 {
padding-left: 24px
}
.tabs-right>.nav-tabs.padding-24,.tabs-left>.nav-tabs.padding-24 {
padding-left: 0; padding-top: 24px
}
.nav-tabs.padding-22 {
padding-left: 22px
}
.tabs-right>.nav-tabs.padding-22,.tabs-left>.nav-tabs.padding-22 {
padding-left: 0; padding-top: 22px
}
.nav-tabs.padding-20 {
padding-left: 20px
}
.tabs-right>.nav-tabs.padding-20,.tabs-left>.nav-tabs.padding-20 {
padding-left: 0; padding-top: 20px
}
.nav-tabs.padding-18 {
padding-left: 18px
}
.tabs-right>.nav-tabs.padding-18,.tabs-left>.nav-tabs.padding-18 {
padding-left: 0; padding-top: 18px
}
.nav-tabs.padding-16 {
padding-left: 16px
}
.tabs-right>.nav-tabs.padding-16,.tabs-left>.nav-tabs.padding-16 {
padding-left: 0; padding-top: 16px
}
.nav-tabs.padding-14 {
padding-left: 14px
}
.tabs-right>.nav-tabs.padding-14,.tabs-left>.nav-tabs.padding-14 {
padding-left: 0; padding-top: 14px
}
.nav-tabs.padding-12 {
padding-left: 12px
}
.tabs-right>.nav-tabs.padding-12,.tabs-left>.nav-tabs.padding-12 {
padding-left: 0; padding-top: 12px
}
.nav-tabs.padding-10 {
padding-left: 10px
}
.tabs-right>.nav-tabs.padding-10,.tabs-left>.nav-tabs.padding-10 {
padding-left: 0; padding-top: 10px
}
.nav-tabs.padding-8 {
padding-left: 8px
}
.tabs-right>.nav-tabs.padding-8,.tabs-left>.nav-tabs.padding-8 {
padding-left: 0; padding-top: 8px
}
.nav-tabs.padding-6 {
padding-left: 6px
}
.tabs-right>.nav-tabs.padding-6,.tabs-left>.nav-tabs.padding-6 {
padding-left: 0; padding-top: 6px
}
.nav-tabs.padding-4 {
padding-left: 4px
}
.tabs-right>.nav-tabs.padding-4,.tabs-left>.nav-tabs.padding-4 {
padding-left: 0; padding-top: 4px
}
.nav-tabs.padding-2 {
padding-left: 2px
}
.tabs-right>.nav-tabs.padding-2,.tabs-left>.nav-tabs.padding-2 {
padding-left: 0; padding-top: 2px
}
.nav-tabs {
border-color: #c5d0dc; margin-bottom: 0; margin-left: 0; position: relative; top: 1px
}
.nav-tabs>li>a {
padding: 8px 0; padding-left: 10px; padding-right: 10px
}
.nav-tabs>li>a,.nav-tabs>li>a:focus {
background-color: #f9f9f9; color: #999; margin-right: -1px; line-height: 16px; position: relative; z-index: 11; border-color: #c5d0dc; border-radius: 0px !important;
}
.nav-tabs>li>a:hover {
background-color: #FFF; color: #4c8fbd; border-color: #c5d0dc
}
.nav-tabs>li>a:active,.nav-tabs>li>a:focus {
outline: none !important
}
.nav-tabs>li:first-child>a {
margin-left: 0
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
color: #576373; border-color: #ececec; border-top: 2px solid #4C8FBD; border-bottom-color: transparent; background-color: #FFF; z-index: 12; line-height: 16px; margin-top: -1px; box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.15);
}
.tabs-below>.nav-tabs {
top: auto; margin-bottom: 0; margin-top: -1px; border-color: #c5d0dc; border-bottom-width: 0
}
.tabs-below>.nav-tabs>li>a,.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus {
border-color: #c5d0dc
}
.tabs-below>.nav-tabs>li.active>a,.tabs-below>.nav-tabs>li.active>a:hover,.tabs-below>.nav-tabs>li.active>a:focus {
border-color: #c5d0dc; border-top-width: 1px; border-bottom: 2px solid #4c8fbd; border-top-color: transparent; margin-top: 0; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15)
}
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
min-width: 60px
}
.tabs-left>.nav-tabs {
top: auto; margin-bottom: 0; border-color: #c5d0dc; float: left
}
.tabs-left>.nav-tabs>li {
float: none
}
.tabs-left>.nav-tabs>li>a,.tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover {
border-color: #c5d0dc; margin: 0 -1px 0 0
}
.tabs-left>.nav-tabs>li.active>a,.tabs-left>.nav-tabs>li.active>a:focus,.tabs-left>.nav-tabs>li.active>a:hover {
border-color: #c5d0dc; border-top-width: 1px; border-left: 2px solid #4c8fbd; border-right-color: transparent; margin: 0 -1px 0 -1px; -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.15)
}
.tabs-right>.nav-tabs {
top: auto; margin-bottom: 0; border-color: #c5d0dc; float: right
}
.tabs-right>.nav-tabs>li {
float: none
}
.tabs-right>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:hover {
border-color: #c5d0dc; margin: 0 -1px
}
.tabs-right>.nav-tabs>li.active>a,.tabs-right>.nav-tabs>li.active>a:focus,.tabs-right>.nav-tabs>li.active>a:hover {
border-color: #c5d0dc; border-top-width: 1px; border-right: 2px solid #4c8fbd; border-left-color: transparent; margin: 0 -2px 0 -1px; -webkit-box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.15)
}
.nav-tabs>li>a>.badge {
padding: 0 4px; line-height: 15px; opacity: .7
}
.nav-tabs>li>a>[class*="icon-"] {
opacity: .75
}
.nav-tabs>li.active>a>.badge,.nav-tabs>li.active>a>[class*="icon-"] {
opacity: 1
}
.nav-tabs li [class*=" icon-"],.nav-tabs li [class^="icon-"] {
width: 1.25em; display: inline-block; text-align: center
}
.nav-tabs>li.open .dropdown-toggle {
background-color: #4f99c6; border-color: #4f99c6; color: #FFF
}
.nav-tabs>li.open .dropdown-toggle>[class*="icon-"] {
color: #FFF !important
}
.tabs-left .tab-content,.tabs-right .tab-content {
overflow: auto
}
.inbox-tabs.nav-tabs>li>a {
background-color: #fafafa
}
.inbox-tabs.nav-tabs>li.active:not (.open )>a,.inbox-tabs.nav-tabs>li.active:not (.open )>a:hover,.inbox-tabs.nav-tabs>li.active:not (.open )>a:focus {
background-color: #f1f5fa; box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1); color: #48768e
}
.inbox-tabs.nav-tabs>li>a.btn-new-mail {
background-color: transparent; border: none !important; padding: 0 !important
}
.inbox-tabs.nav-tabs>li>a.btn-new-mail>.btn {
border-width: 0 !important; border-radius: 3px !important; padding: 0 6px !important; position: relative; transition: none !important
}
.inbox-tabs.nav-tabs>li.active>a.btn-new-mail {
box-shadow: none !important
}
.inbox-tabs.nav-tabs>li.active>a.btn-new-mail>.btn:before {
content: ""; display: block; position: absolute; top: 100%; left: 35%; left: calc(50% - 6px); border-width: 6px 8px; border-style: solid; border-color: transparent; border-top-color: inherit
}
.inbox-tabs.nav-tabs.tab-size-bigger>li>a {
padding: 5px 15px 7px; font-size: 14px
}
.inbox-tabs.nav-tabs.tab-size-bigger>li>a>[class*="icon-"]:first-child {
margin-bottom: 5px
}
.inbox-tabs.nav-tabs.tab-size-bigger>li>a.btn-new-mail>.btn {
padding: 10px !important; border-radius: 7px !important
}
.inbox-tabs.nav-tabs.tab-size-bigger>li.active>a.btn-new-mail {
margin-top: 0 !important; top: 1px
}
.inbox-tabs.nav-tabs.tab-size-bigger>li.active>a.btn-new-mail>.btn:before {
left: 35%; left: calc(50% - 8px); border-width: 8px 10px
}
.message-container {
position: relative
}
.message-list {
position: relative
}
.message-item {
border: 1px solid #eaedf1; border-bottom-width: 0; padding: 12px 12px 14px; line-height: 18px; position: relative; background-color: #FFF
}
.message-item:first-child {
border-top-width: 0
}
.message-item:hover {
border-color: #e2eaf2; background-color: #f2f6f9
}
.message-item:hover+.message-item {
border-top-color: #e2eaf2
}
.message-item:hover+.message-item.selected {
border-top-color: #FFF
}
.message-item.selected {
background-color: #eff4f7; border-color: #FFF #e2eaf2
}
.message-item.selected+.message-item {
border-top-color: #FFF
}
.message-item.selected+.message-item:hover+.message-item {
border-top-color: #FFF
}
.message-item .sender {
margin: 0 6px 0 4px; vertical-align: middle; color: #467287; display: inline-block; width: 110px; height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer
}
.message-item.message-unread .sender {
color: #6a9cba; font-weight: bold
}
.message-item .summary {
vertical-align: middle; display: inline-block; position: relative; margin-left: 30px; max-width: 250px; max-width: calc(100% - 300px); min-width: 200px; white-space: nowrap
}
.message-item .summary .text {
color: #555; vertical-align: middle; display: inline-block; width: auto; max-width: 100%; height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer
}
.message-item .summary .text:hover {
text-decoration: underline
}
.message-item .summary .message-flags {
display: block; position: absolute; right: 101%; right: calc(100% +4px); height: 18px; white-space: nowrap
}
.message-item.message-unread .summary .text {
color: #609fc4; font-weight: bold
}
.message-item .time {
float: right; width: 60px; height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666
}
.message-item.message-unread .time {
font-weight: bold; color: #609fc4
}
.message-item .attachment {
color: #999; font-size: 18px; vertical-align: middle; float: right; margin: 0 12px; position: relative
}
.message-item.message-unread .attachment {
color: #4f99c6
}
.message-star {
vertical-align: middle; margin: 2px 4px 0 6px; font-size: 15px; cursor: pointer
}
.message-star:hover {
color: #feb902 !important; text-decoration: none
}
.mail-tag:empty {
display: inline-block; width: 8px; height: 11px; padding: 0; line-height: normal; vertical-align: middle; margin: 0 1px 0 0
}
.badge.mail-tag {
border-radius: 2px
}
.btn-message,.btn-message:hover,.btn-message:focus,.btn-message:active,.open .btn-message.dropdown-toggle {
background-color: #FFF !important; border: 1px solid #94b9ce !important; color: #7ca3ba !important; text-shadow: none !important
}
.message-content {
padding: 16px 12px; border: 1px solid #e9e9e9; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.02); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.02); background-color: rgba(255, 255, 255, 0.8); border-top-width: 0
}
.message-item .message-content {
margin-top: 16px; border-top-width: 1px
}
.message-body {
padding: 0 9px; color: #6a7177
}
.message-navbar {
line-height: 24px; padding: 10px 12px; border: 1px solid #d6e1ea; border-color: #d6e1ea transparent; background-color: #f1f5fa; position: relative
}
.message-navbar .dropdown-toggle,.message-content .dropdown-toggle {
color: #777
}
.message-navbar .dropdown-toggle:hover,.message-content .dropdown-toggle:hover,.message-navbar .dropdown-toggle:focus,.message-content .dropdown-toggle:focus {
text-decoration: none; color: #2283c5
}
.message-bar {
display: inline-block; min-height: 28px
}
.message-footer {
background-color: #f1f1f1; padding: 12px 16px; border: 1px solid #e6e6e6; border-width: 1px 0; border-top: 1px solid #e4e9ee
}
.message-footer .pagination {
margin: 0
}
.message-footer .pagination>li {
margin: 0; padding: 0
}
.message-footer .pagination>li>a,.message-footer .pagination>li>span {
color: #777; padding: 3px; margin-left: 3px; margin-right: 3px; background-color: transparent; border: 0
}
.message-footer .pagination>li.disabled>span {
color: #bbb; cursor: default
}
.message-footer .pagination>li>a:hover {
color: #2283c5; text-decoration: none
}
.message-footer input[type=text] {
width: 34px; height: 24px; line-height: 20px; margin-bottom: 0; padding: 3px; vertical-align: middle; text-align: center
}
.message-footer-style2 .pagination>li>a,.message-footer-style2 .pagination>li>span {
border: 1px solid #b5b5b5; border-radius: 100% !important; width: 26px; height: 26px; line-height: 24px; display: inline-block; text-align: center; padding: 0
}
.message-footer-style2 .pagination>li>span {
border-color: #CCC
}
.message-footer-style2 .pagination>li>a:hover {
border-color: #84afc9; background-color: #f7f7f7
}
.message-item.message-inline-open {
background-color: #f2f6f9; border: 1px solid #DDD; border-bottom-color: #CCC
}
.message-item.message-inline-open:first-child {
border-top-color: #EEE
}
.message-item.message-inline-open:last-child {
border-bottom-color: #DDD
}
.message-item.message-inline-open+.message-item {
border-bottom-color: transparent
}
.message-loading-overlay {
position: absolute; z-index: 14; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); text-align: center
}
.message-loading-overlay>[class*="icon-"] {
position: absolute; top: 15%; left: 0; right: 0; text-align: center
}
.message-content .sender {
color: #6a9cba; font-weight: bold; width: auto; text-overflow: inherit; vertical-align: middle; margin: 0
}
.message-content .time {
font-weight: normal; width: auto; text-overflow: inherit; white-space: normal; float: none; vertical-align: middle
}
ul.attachment-list {
margin: 6px 0 4px 8px
}
ul.attachment-list>li {
margin-bottom: 3px
}
.message-attachment {
padding-left: 10px; padding-right: 10px
}
.attached-file {
color: #777; width: 200px
}
.attached-file>[class*="icon-"] {
display: inline-block; width: 16px; margin-right: 2px
}
.attached-file:hover {
text-decoration: none; color: #438eb9
}
.attached-file:hover .attached-name {
color: #2283c5
}
.attached-file .attached-name {
display: inline-block; max-width: 175px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap
}
.messagebar-item-left,.messagebar-item-right {
position: absolute; bottom: 14px; left: 12px; text-align: left
}
.messagebar-item-right {
right: 12px; left: auto
}
.message-navbar .nav-search {
right: auto; left: 60px; top: auto; bottom: 11px
}
.message-form {
border: 1px solid #ddd; border-top: 0; padding-top: 22px
}
.message-form .form-actions {
margin-bottom: 0
}
.message-form .wysiwyg-editor {
overflow: auto; min-height: 150px; max-height: 250px; height: auto
}
.btn-send-message {
position: relative; top: 6px
}
.btn-back-message-list {
color: #777
}
.btn-back-message-list:hover {
color: #478fca; text-decoration: none
}
.message-condensed .message-item {
padding-top: 8px; padding-bottom: 9px
}
.message-condensed .message-navbar,.message-condensed .message-footer {
padding-top: 7px; padding-bottom: 7px
}
.message-condensed .messagebar-item-left,.message-condensed .messagebar-item-right {
bottom: 9px
}
.message-condensed .message-navbar .nav-search {
bottom: 7px
}
/*--------Message 结束--------*/
/*--------class的样式，开始--------*/
.list-group-item {
border-radius: 0 !important
}
.lighter {
font-weight: lighter
}
.bolder {
font-weight: bolder
}
.inline {
display: inline-block !important
}
.block {
display: block !important
}
.center,.align-center {
text-align: center !important
}
.align-left {
text-align: left !important
}
.align-right {
text-align: right !important
}
.middle {
vertical-align: middle
}
.align-middle {
vertical-align: middle !important
}
.align-top {
vertical-align: top !important
}
.align-bottom {
vertical-align: bottom !important
}
.position-relative {
position: relative
}
.position-absolute {
position: absolute
}
.line-height-normal {
line-height: normal !important
}
.line-height-1 {
line-height: 1 !important
}
.dark {
color: #333 !important
}
.white {
color: #fff !important
}
.red {
color: #dd5a43 !important
}
.light-red {
color: #f77 !important
}
.blue {
color: #478fca !important
}
.light-blue {
color: #93cbf9 !important
}
.green {
color: #69aa46 !important
}
.light-green {
color: #b0d877 !important
}
.orange {
color: #ff892a !important
}
.light-orange {
color: #fcac6f !important
}
.orange2 {
color: #feb902 !important
}
.purple {
color: #a069c3 !important
}
.pink {
color: #c6699f !important
}
.pink2 {
color: #d6487e !important
}
.brown {
color: #a52a2a !important
}
.grey {
color: #777 !important
}
.light-grey {
color: #bbb !important
}
.bigger-110 {
font-size: 110%
}
.bigger-120 {
font-size: 120%
}
.bigger-130 {
font-size: 130%
}
.bigger-140 {
font-size: 140%
}
.bigger-150 {
font-size: 150%
}
.bigger-160 {
font-size: 160%
}
.bigger-170 {
font-size: 170%
}
.bigger-180 {
font-size: 180%
}
.bigger-190 {
font-size: 190%
}
.bigger-200 {
font-size: 200%
}
.bigger-210 {
font-size: 210%
}
.bigger-220 {
font-size: 220%
}
.bigger-230 {
font-size: 230%
}
.bigger-240 {
font-size: 240%
}
.bigger-250 {
font-size: 250%
}
.bigger-260 {
font-size: 260%
}
.bigger-270 {
font-size: 270%
}
.bigger-280 {
font-size: 280%
}
.bigger-290 {
font-size: 290%
}
.bigger-300 {
font-size: 300%
}
.bigger-125 {
font-size: 125%
}
.bigger-175 {
font-size: 175%
}
.bigger-225 {
font-size: 225%
}
.bigger-275 {
font-size: 275%
}
.smaller-90 {
font-size: 90%
}
.smaller-80 {
font-size: 80%
}
.smaller-70 {
font-size: 70%
}
.smaller-60 {
font-size: 60%
}
.smaller-50 {
font-size: 50%
}
.smaller-40 {
font-size: 40%
}
.smaller-30 {
font-size: 30%
}
.smaller-20 {
font-size: 20%
}
.smaller-75 {
font-size: 75%
}
.width-20 {
width: 20% !important
}
.width-25 {
width: 25% !important
}
.width-30 {
width: 30% !important
}
.width-35 {
width: 35% !important
}
.width-40 {
width: 40% !important
}
.width-45 {
width: 45% !important
}
.width-50 {
width: 50% !important
}
.width-55 {
width: 55% !important
}
.width-60 {
width: 60% !important
}
.width-65 {
width: 65% !important
}
.width-70 {
width: 70% !important
}
.width-75 {
width: 75% !important
}
.width-80 {
width: 80% !important
}
.width-85 {
width: 85% !important
}
.width-90 {
width: 90% !important
}
.width-95 {
width: 95% !important
}
.width-100 {
width: 100% !important
}
.width-48 {
width: 48% !important
}
.width-auto {
width: auto !important
}
.height-auto {
height: auto !important
}
.no-padding {
padding: 0 !important
}
.no-padding-bottom {
padding-bottom: 0 !important
}
.no-padding-top {
padding-top: 0 !important
}
.no-padding-left {
padding-left: 0 !important
}
.no-padding-right {
padding-right: 0 !important
}
.no-margin {
margin: 0 !important
}
.no-margin-bottom {
margin-bottom: 0 !important
}
.no-margin-top {
margin-top: 0 !important
}
.no-margin-left {
margin-left: 0 !important
}
.no-margin-right {
margin-right: 0 !important
}
.no-border {
border: 0
}
.no-border-bottom {
border-bottom: 0
}
.no-border-top {
border-top: 0
}
.no-border-left {
border-left: none
}
.no-border-right {
border-right: 0
}
.no-underline {
text-decoration: none !important
}
.no-hover-underline:hover {
text-decoration: none !important
}
.no-shadow,.no-box-shadow {
-webkit-box-shadow: none !important; box-shadow: none !important
}
.no-text-shadow {
text-shadow: none !important
}
.overflow-hidden {
overflow: hidden !important
}
.overflow-auto {
overflow: auto !important
}
.overflow-scroll {
overflow: scroll !important
}
.overflow-visible {
overflow: visible !important
}
.hr {
display: block; height: 0; overflow: hidden; font-size: 0; border-top: 1px solid #e3e3e3; margin: 12px 0
}
.hr-double {
height: 3px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3
}
.hr.dotted,.hr-dotted {
border-top-style: dotted
}
.hr-double.dotted {
border-bottom-style: dotted
}
.hr-32,.hr32 {
margin: 32px 0
}
.hr-30,.hr30 {
margin: 30px 0
}
.hr-28,.hr28 {
margin: 28px 0
}
.hr-26,.hr26 {
margin: 26px 0
}
.hr-24,.hr24 {
margin: 24px 0
}
.hr-22,.hr22 {
margin: 22px 0
}
.hr-20,.hr20 {
margin: 20px 0
}
.hr-18,.hr18 {
margin: 18px 0
}
.hr-16,.hr16 {
margin: 16px 0
}
.hr-14,.hr14 {
margin: 14px 0
}
.hr-12,.hr12 {
margin: 12px 0
}
.hr-10,.hr10 {
margin: 10px 0
}
.hr-8,.hr8 {
margin: 8px 0
}
.hr-6,.hr6 {
margin: 6px 0
}
.hr-4,.hr4 {
margin: 4px 0
}
.hr-2,.hr2 {
margin: 2px 0
}
.space {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0
}
.vspace-xs,.vspace-sm,.vspace-md,.vspace-lg {
max-height: 1px; min-height: 1px; overflow: hidden; display: none; margin: 12px 0
}
.space-32 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 32px 0 31px
}
.vspace-32,.vspace-xs-32,.vspace-sm-32,.vspace-md-32,.vspace-lg-32 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 32px 0 31px 0
}
.space-30 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 30px 0 29px
}
.vspace-30,.vspace-xs-30,.vspace-sm-30,.vspace-md-30,.vspace-lg-30 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 30px 0 29px 0
}
.space-28 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 28px 0 27px
}
.vspace-28,.vspace-xs-28,.vspace-sm-28,.vspace-md-28,.vspace-lg-28 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 28px 0 27px 0
}
.space-26 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 26px 0 25px
}
.vspace-26,.vspace-xs-26,.vspace-sm-26,.vspace-md-26,.vspace-lg-26 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 26px 0 25px 0
}
.space-24 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 24px 0 23px
}
.vspace-24,.vspace-xs-24,.vspace-sm-24,.vspace-md-24,.vspace-lg-24 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 24px 0 23px 0
}
.space-22 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 22px 0 21px
}
.vspace-22,.vspace-xs-22,.vspace-sm-22,.vspace-md-22,.vspace-lg-22 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 22px 0 21px 0
}
.space-20 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 20px 0 19px
}
.vspace-20,.vspace-xs-20,.vspace-sm-20,.vspace-md-20,.vspace-lg-20 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 20px 0 19px 0
}
.space-18 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 18px 0 17px
}
.vspace-18,.vspace-xs-18,.vspace-sm-18,.vspace-md-18,.vspace-lg-18 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 18px 0 17px 0
}
.space-16 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 16px 0 15px
}
.vspace-16,.vspace-xs-16,.vspace-sm-16,.vspace-md-16,.vspace-lg-16 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 16px 0 15px 0
}
.space-14 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 14px 0 13px
}
.vspace-14,.vspace-xs-14,.vspace-sm-14,.vspace-md-14,.vspace-lg-14 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 14px 0 13px 0
}
.space-12 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 12px 0 11px
}
.vspace-12,.vspace-xs-12,.vspace-sm-12,.vspace-md-12,.vspace-lg-12 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 12px 0 11px 0
}
.space-10 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 10px 0 9px
}
.vspace-10,.vspace-xs-10,.vspace-sm-10,.vspace-md-10,.vspace-lg-10 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 10px 0 9px 0
}
.space-8 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 8px 0 7px
}
.vspace-8,.vspace-xs-8,.vspace-sm-8,.vspace-md-8,.vspace-lg-8 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 8px 0 7px 0
}
.space-6 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 6px 0 5px
}
.vspace-6,.vspace-xs-6,.vspace-sm-6,.vspace-md-6,.vspace-lg-6 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 6px 0 5px 0
}
.space-4 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 4px 0 3px
}
.vspace-4,.vspace-xs-4,.vspace-sm-4,.vspace-md-4,.vspace-lg-4 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 4px 0 3px 0
}
.space-2 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 2px 0 1px
}
.vspace-2,.vspace-xs-2,.vspace-sm-2,.vspace-md-2,.vspace-lg-2 {
max-height: 1px; min-height: 1px; overflow: hidden; margin: 12px 0; margin: 2px 0 1px 0
}
.header {
line-height: 28px; margin-bottom: 16px; margin-top: 18px; padding-bottom: 4px; border-bottom: 1px solid #CCC
}
.header.blue {
border-bottom-color: #d5e3ef
}
.header.green {
border-bottom-color: #cce2c1
}
.header.purple {
border-bottom-color: #e0d1ea
}
.header.orange {
border-bottom-color: #fdd0ac
}
.header.orange2 {
border-bottom-color: #fbd36b
}
.header.red {
border-bottom-color: #f3cdc6
}
.header.grey {
border-bottom-color: #c3c3c3
}
.header.pink {
border-bottom-color: #f2e0eb
}
.header.pink2 {
border-bottom-color: #e69eb9
}
.header.light-blue {
border-bottom-color: #dceefc
}
.header.light-red {
border-bottom-color: #fec5c5
}
.header.light-green {
border-bottom-color: #d2e7b5
}
.header.brown {
border-bottom-color: #df9393
}
.header>[class*="icon-"] {
margin-right: 2px
}
.nav-search {
position: absolute; top: 6px; right: 22px; line-height: 24px
}
.nav-search .form-search {
margin-bottom: 0
}
.nav-search .nav-search-input {
border: 1px solid #6fb3e0; width: 152px; height: 28px !important; border-radius: 4px !important; font-size: 13px; color: #666 !important; z-index: 11; -webkit-transition: width ease .15s; transition: width ease .15s
}
.nav-search .nav-search-input+.dropdown-menu {
min-width: 0; left: 0; right: 0
}
.nav-search .nav-search-input:focus,.nav-search .nav-search-input:hover {
border-color: #6fb3e0
}
.nav-search .nav-search-icon {
color: #6fb3e0 !important; font-size: 14px !important; line-height: 24px !important
}
.nav-search.minimized .nav-search-input {
width: 0; opacity: 0; filter: alpha(opacity = 0); max-width: 0
}
.nav-search.minimized:hover .nav-search-input,.nav-search.minimized .nav-search-btn:active+.nav-search-input,.nav-search.minimized .nav-search-input:focus,.nav-search.minimized .nav-search-input:hover,.nav-search.minimized .nav-search-input:active {
opacity: 1; filter: alpha(opacity = 100); width: 152px; max-width: 152px
}
.nav-search.minimized .nav-search-icon {
border: 1px solid; border-radius: 100%; background-color: #FFF; padding: 0 5px !important
}
.nav-search.minimized:hover .nav-search-icon,.nav-search.minimized .nav-search-input:focus ~ .nav-search-icon,.nav-search.minimized .nav-search-input:hover ~ .nav-search-icon,.nav-search.minimized .nav-search-input:active ~ .nav-search-icon {
border: 0; border-radius: 0; padding: 0 3px !important
}
.nav-search-icon {
border: 0; border-radius: 0; padding: 0 3px !important
}
.well {
border-radius: 0
}
.well h1,.well h2,.well h3,.well h4,.well h5,.well h6 {
margin-top: 0
}
.well h1,.well h2,.well h3 {
line-height: 36px
}
.alert {
font-size: 14px; border-radius: 0
}
.alert .close {
font-size: 16px
}
.alert-block p+p {
margin-top: 10px
}
.list-unstyled,.list-inline {
margin-left: 0
}
.list-unstyled>li>[class*="icon-"]:first-child,.list-inline>li>[class*="icon-"]:first-child {
width: 18px; text-align: center
}
.spaced>li {
line-height: 27px
}
.spaced2>li {
margin-top: 15px; margin-bottom: 15px
}
/*--------class的样式，结束--------*/
/*--------按钮样式 开始--------*/
.btn {
border-radius: 0px; -webkit-border-radius: 0px; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important
}
.btn-sm {
min-width: 70px;
}
.btn-minier {
padding: 0 4px; line-height: 18px; font-size: 12px
}
button.btn:active {
top: 1px; left: 1px
}
.btn.disabled,.btn[disabled],.btn.ui-button-disabled,fieldset[disabled] .btn {
pointer-events: inherit;
}
.btn-default.ui-button-disabled {
box-shadow: none; opacity: .65;
}
.btn-default.ui-button-disabled,.btn-default.ui-button-disabled:hover,.btn-default.ui-button-disabled:focus,.btn-default.ui-button-disabled:active {
background-color: #fff; border-color: #ccc;
}
.btn-warning {
background-color: #ff8000; border-color: #ee7901
}
.btn-inverse,.btn-inverse:focus {
background-color: #555 !important; border-color: #555
}
.btn-inverse:hover,.open .btn-inverse.dropdown-toggle {
background-color: #303030 !important; border-color: #555
}
.btn-inverse.no-border:hover {
border-color: #303030
}
.btn-inverse.no-hover:hover {
background-color: #555 !important
}
.btn-inverse.active {
background-color: #434343 !important; border-color: #313131
}
.btn-inverse.no-border.active {
background-color: #3b3b3b !important; border-color: #3b3b3b
}
.btn-inverse.disabled,.btn-inverse[disabled],fieldset[disabled] .btn-inverse,.btn-inverse.disabled:hover,.btn-inverse[disabled]:hover,fieldset[disabled] .btn-inverse:hover,.btn-inverse.disabled:focus,.btn-inverse[disabled]:focus,fieldset[disabled] .btn-inverse:focus,.btn-inverse.disabled:active,.btn-inverse[disabled]:active,fieldset[disabled] .btn-inverse:active,.btn-inverse.disabled.active,.btn-inverse[disabled].active,fieldset[disabled] .btn-inverse.active {
background-color: #555 !important; border-color: #555
}
.btn-pink,.btn-pink:focus {
background-color: #d6487e !important; border-color: #d6487e
}
.btn-pink:hover,.open .btn-pink.dropdown-toggle {
background-color: #b73766 !important; border-color: #d6487e
}
.btn-pink.no-border:hover {
border-color: #b73766
}
.btn-pink.no-hover:hover {
background-color: #d6487e !important
}
.btn-pink.active {
background-color: #c74072 !important; border-color: #af3462
}
.btn-pink.no-border.active {
background-color: #be386a !important; border-color: #be386a
}
.btn-pink.disabled,.btn-pink[disabled],fieldset[disabled] .btn-pink,.btn-pink.disabled:hover,.btn-pink[disabled]:hover,fieldset[disabled] .btn-pink:hover,.btn-pink.disabled:focus,.btn-pink[disabled]:focus,fieldset[disabled] .btn-pink:focus,.btn-pink.disabled:active,.btn-pink[disabled]:active,fieldset[disabled] .btn-pink:active,.btn-pink.disabled.active,.btn-pink[disabled].active,fieldset[disabled] .btn-pink.active {
background-color: #d6487e !important; border-color: #d6487e
}
.btn-purple,.btn-purple:focus {
background-color: #9585bf !important; border-color: #9585bf
}
.btn-purple:hover,.open .btn-purple.dropdown-toggle {
background-color: #7461aa !important; border-color: #9585bf
}
.btn-purple.no-border:hover {
border-color: #7461aa
}
.btn-purple.no-hover:hover {
background-color: #9585bf !important
}
.btn-purple.active {
background-color: #8573b5 !important; border-color: #705ca8
}
.btn-purple.no-border.active {
background-color: #7c69af !important; border-color: #7c69af
}
.btn-purple.disabled,.btn-purple[disabled],fieldset[disabled] .btn-purple,.btn-purple.disabled:hover,.btn-purple[disabled]:hover,fieldset[disabled] .btn-purple:hover,.btn-purple.disabled:focus,.btn-purple[disabled]:focus,fieldset[disabled] .btn-purple:focus,.btn-purple.disabled:active,.btn-purple[disabled]:active,fieldset[disabled] .btn-purple:active,.btn-purple.disabled.active,.btn-purple[disabled].active,fieldset[disabled] .btn-purple.active {
background-color: #9585bf !important; border-color: #9585bf
}
.btn-grey,.btn-grey:focus {
background-color: #b7b7b7 !important; border-color: #b7b7b7; color: #fff;
}
.btn-grey:hover,.open .btn-grey.dropdown-toggle {
background-color: #888 !important; border-color: #a0a0a0; color: #fff;
}
.btn-grey.no-border:hover {
border-color: #888
}
.btn-grey.no-hover:hover {
background-color: #a0a0a0 !important
}
.btn-grey.active {
background-color: #949494 !important; border-color: #828282
}
.btn-grey.no-border.active {
background-color: #8c8c8c !important; border-color: #8c8c8c
}
.btn-grey.disabled,.btn-grey[disabled],fieldset[disabled] .btn-grey,.btn-grey.disabled:hover,.btn-grey[disabled]:hover,fieldset[disabled] .btn-grey:hover,.btn-grey.disabled:focus,.btn-grey[disabled]:focus,fieldset[disabled] .btn-grey:focus,.btn-grey.disabled:active,.btn-grey[disabled]:active,fieldset[disabled] .btn-grey:active,.btn-grey.disabled.active,.btn-grey[disabled].active,fieldset[disabled] .btn-grey.active {
background-color: #a0a0a0 !important; border-color: #a0a0a0
}
.btn-yellow {
color: #963 !important; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important
}
.btn-yellow,.btn-yellow:focus {
background-color: #fee188 !important; border-color: #fee188
}
.btn-yellow:hover,.open .btn-yellow.dropdown-toggle {
background-color: #f7d05b !important; border-color: #fee188
}
.btn-yellow.no-border:hover {
border-color: #f7d05b
}
.btn-yellow.no-hover:hover {
background-color: #fee188 !important
}
.btn-yellow.active {
background-color: #fbd972 !important; border-color: #f9cf4f
}
.btn-yellow.no-border.active {
background-color: #fad463 !important; border-color: #fad463
}
.btn-yellow.disabled,.btn-yellow[disabled],fieldset[disabled] .btn-yellow,.btn-yellow.disabled:hover,.btn-yellow[disabled]:hover,fieldset[disabled] .btn-yellow:hover,.btn-yellow.disabled:focus,.btn-yellow[disabled]:focus,fieldset[disabled] .btn-yellow:focus,.btn-yellow.disabled:active,.btn-yellow[disabled]:active,fieldset[disabled] .btn-yellow:active,.btn-yellow.disabled.active,.btn-yellow[disabled].active,fieldset[disabled] .btn-yellow.active {
background-color: #fee188 !important; border-color: #fee188
}
.btn-light {
color: #888 !important; text-shadow: 0 -1px 0 rgba(250, 250, 250, 0.25) !important
}
.btn-light,.btn-light:focus {
background-color: #e7e7e7 !important; border-color: #e7e7e7
}
.btn-light:hover,.open .btn-light.dropdown-toggle {
background-color: #d9d9d9 !important; border-color: #e7e7e7
}
.btn-light.no-border:hover {
border-color: #d9d9d9
}
.btn-light.no-hover:hover {
background-color: #e7e7e7 !important
}
.btn-light.active {
background-color: #e0e0e0 !important; border-color: #cecece
}
.btn-light.no-border.active {
background-color: #d8d8d8 !important; border-color: #d8d8d8
}
.btn-light.disabled,.btn-light[disabled],fieldset[disabled] .btn-light,.btn-light.disabled:hover,.btn-light[disabled]:hover,fieldset[disabled] .btn-light:hover,.btn-light.disabled:focus,.btn-light[disabled]:focus,fieldset[disabled] .btn-light:focus,.btn-light.disabled:active,.btn-light[disabled]:active,fieldset[disabled] .btn-light:active,.btn-light.disabled.active,.btn-light[disabled].active,fieldset[disabled] .btn-light.active {
background-color: #e7e7e7 !important; border-color: #e7e7e7
}
.btn-light.btn-xs:after {
left: -2px; right: -2px; top: -2px; bottom: -2px
}
.btn-light.btn-sm:after {
left: -4px; right: -4px; top: -4px; bottom: -4px
}
.btn-light.btn-large:after {
left: -6px; right: -6px; top: -6px; bottom: -6px
}
.btn.btn-white {
border-bottom: none; border-width: 1px; border-color: #c3d0e0; color: #3c3c3c !important; text-shadow: none !important; background-color: #FFF !important
}
.btn.btn-white:hover,.btn.btn-white:focus {
background-color: #ebebeb !important
}
.btn.btn-white.no-border {
border-color: #CCC
}
.btn.disabled.active,.btn[disabled].active,.btn.disabled:focus,.btn[disabled]:focus,.btn.disabled:active,.btn[disabled]:active {
outline: 0
}
.btn.disabled:active,.btn[disabled]:active {
top: 0; left: 0
}
.btn.active {
color: #efe5b5
}
.btn.active:after {
display: inline-block; content: ""; position: absolute; border-bottom: 1px solid #efe5b5; left: -4px; right: -4px; bottom: -4px
}
.btn.active.btn-sm:after {
left: -3px; right: -3px; bottom: -3px
}
.btn.active.btn-large:after {
left: -5px; right: -5px; bottom: -5px
}
.btn.active.btn-xs:after,.btn.active.btn-minier:after {
left: -1px; right: -1px; bottom: -2px
}
.btn.active.btn-minier:after {
bottom: -1px
}
.btn.active.btn-yellow:after {
border-bottom-color: #c96338
}
.btn.active.btn-light {
color: #515151
}
.btn.active.btn-light:after {
border-bottom-color: #b5b5b5
}
.btn>[class*="icon-"] {
display: inline; margin-right: 4px
}
.btn>[class*="icon-"].icon-on-right {
margin-right: 0; margin-left: 4px
}
.btn>.icon-only[class*="icon-"] {
margin: 0; vertical-align: middle; text-align: center; padding: 0
}
.btn-large>[class*="icon-"] {
margin-right: 6px
}
.btn-large>[class*="icon-"].icon-on-right {
margin-right: 0; margin-left: 6px
}
.btn-sm>[class*="icon-"] {
margin-right: 3px
}
.btn-sm>[class*="icon-"].icon-on-right {
margin-right: 0; margin-left: 3px
}
.btn-xs>[class*="icon-"],.btn-minier>[class*="icon-"] {
margin-right: 2px
}
.btn-xs>[class*="icon-"].icon-on-right,.btn-minier>[class*="icon-"].icon-on-right {
margin-right: 0; margin-left: 2px
}
.btn.btn-link {
border: none !important; background: transparent none !important; color: #08c !important; text-shadow: none !important; padding: 4px 12px !important; line-height: 20px !important
}
.btn.btn-link:hover {
background: none !important; text-shadow: none !important
}
.btn.btn-link.active {
background: none !important; text-decoration: underline; color: #009ceb !important
}
.btn.btn-link.active:after {
display: none
}
.btn.btn-link.disabled,.btn.btn-link[disabled] {
background: 0; opacity: .65; filter: alpha(opacity = 65)
}
.btn.btn-link.disabled:hover,.btn.btn-link[disabled]:hover {
background: none !important; text-decoration: none !important
}
.btn.btn-no-border {
border-width: 0 !important
}
.btn-group>.btn,.btn-group>.btn+.btn {
margin: 0 0 0
}
.btn-group>.btn:first-child {
margin: 0 0 0
}
.btn-group>.btn:first-child,.btn-group>.btn:last-child {
border-radius: 0
}
.btn-group>.btn>.caret {
margin-top: 15px; margin-left: 1px; border-width: 5px; border-top-color: #FFF
}
.btn-group>.btn.btn-sm>.caret {
margin-top: 10px; border-width: 4px
}
.btn-group>.btn.btn-large>.caret {
margin-top: 18px; border-width: 6px
}
.btn-group>.btn.btn-xs>.caret {
margin-top: 9px; border-width: 4px
}
.btn-group>.btn.btn-minier>.caret {
margin-top: 7px; border-width: 3px
}
.btn-group>.btn+.btn.dropdown-toggle {
padding-right: 3px; padding-left: 3px
}
.btn-group>.btn+.btn-large.dropdown-toggle {
padding-right: 4px; padding-left: 4px
}
.btn-group .dropdown-toggle {
border-radius: 0
}
.btn-group>.btn,.btn-group+.btn {
margin: 0 1px 0 0; border-width: 1px
}
.btn-group>.btn.active:after,.btn-group+.btn.active:after {
}
.btn-group>.btn-large,.btn-group+.btn-large {
border-width: 4px
}
.btn-group>.btn-large.active:after,.btn-group+.btn-large.active:after {
left: -3px; right: -3px; bottom: -3px; border-bottom-width: 1px
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
margin-left: -1px
}
.btn-group>.btn-sm,.btn-group+.btn-sm {
border-width: 2px
}
.btn-group>.btn-sm.active:after,.btn-group+.btn-sm.active:after {
left: -1px; right: -1px; bottom: -1px; border-bottom-width: 1px
}
.btn-group>.btn-xs,.btn-group+.btn-xs {
border-width: 1px
}
.btn-group>.btn-xs.active:after,.btn-group+.btn-xs.active:after {
left: 0; right: 0; bottom: 0; border-bottom-width: 1px
}
.btn-group>.btn-minier,.btn-group+.btn-minier {
border-width: 1px
}
.btn-group>.btn-minier.active:after,.btn-group+.btn-minier.active:after {
left: 0; right: 0; bottom: 0; border-bottom-width: 1px
}
.btn-group>.btn {
border-radius: 0 !important
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn+.btn {
margin: 1px 0 0
}
.btn-group-vertical>.btn:first-child {
margin-right: 0
}
.btn.btn-app {
display: inline-block; width: 100px; font-size: 18px; font-weight: normal; color: #FFF; text-align: center; text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2) !important; border: 0; border-radius: 12px; padding: 12px 0 8px; margin: 2px; line-height: 1.7; position: relative
}
.btn-app,.btn-app.btn-default,.btn-app.no-hover:hover,.btn-app.btn-default.no-hover:hover,.btn-app.disabled:hover,.btn-app.btn-default.disabled:hover {
background: #b4c2cc !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#bcc9d5), to(#abbac3)) !important; background-image: -webkit-linear-gradient(top, #bcc9d5, 0%, #abbac3, 100%) !important; background-image: -moz-linear-gradient(top, #bcc9d5 0, #abbac3 100%) !important; background-image: linear-gradient(to bottom, #bcc9d5 0, #abbac3 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcc9d5', endColorstr='#ffabbac3', GradientType=0) !important
}
.btn-app:hover,.btn-app.btn-default:hover {
background: #9baebc !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#a3b5c5), to(#93a6b2)) !important; background-image: -webkit-linear-gradient(top, #a3b5c5, 0%, #93a6b2, 100%) !important; background-image: -moz-linear-gradient(top, #a3b5c5 0, #93a6b2 100%) !important; background-image: linear-gradient(to bottom, #a3b5c5 0, #93a6b2 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3b5c5', endColorstr='#ff93a6b2', GradientType=0) !important
}
.btn-app.btn-primary,.btn-app.btn-primary.no-hover:hover,.btn-app.btn-primary.disabled:hover {
background: #2a8bcc !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#3b98d6), to(#197ec1)) !important; background-image: -webkit-linear-gradient(top, #3b98d6, 0%, #197ec1, 100%) !important; background-image: -moz-linear-gradient(top, #3b98d6 0, #197ec1 100%) !important; background-image: linear-gradient(to bottom, #3b98d6 0, #197ec1 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6', endColorstr='#ff197ec1', GradientType=0) !important
}
.btn-app.btn-primary:hover {
background: #1d6fa6 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#267eb8), to(#136194)) !important; background-image: -webkit-linear-gradient(top, #267eb8, 0%, #136194, 100%) !important; background-image: -moz-linear-gradient(top, #267eb8 0, #136194 100%) !important; background-image: linear-gradient(to bottom, #267eb8 0, #136194 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff267eb8', endColorstr='#ff136194', GradientType=0) !important
}
.btn-app.btn-info,.btn-app.btn-info.no-hover:hover,.btn-app.btn-info.disabled:hover {
background: #68adde !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#75b5e6), to(#5ba4d5)) !important; background-image: -webkit-linear-gradient(top, #75b5e6, 0%, #5ba4d5, 100%) !important; background-image: -moz-linear-gradient(top, #75b5e6 0, #5ba4d5 100%) !important; background-image: linear-gradient(to bottom, #75b5e6 0, #5ba4d5 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0) !important
}
.btn-app.btn-info:hover {
background: #3f96d4 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#4a9ede), to(#348dc9)) !important; background-image: -webkit-linear-gradient(top, #4a9ede, 0%, #348dc9, 100%) !important; background-image: -moz-linear-gradient(top, #4a9ede 0, #348dc9 100%) !important; background-image: linear-gradient(to bottom, #4a9ede 0, #348dc9 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a9ede', endColorstr='#ff348dc9', GradientType=0) !important
}
.btn-app.btn-success,.btn-app.btn-success.no-hover:hover,.btn-app.btn-success.disabled:hover {
background: #86b558 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#8ebf60), to(#7daa50)) !important; background-image: -webkit-linear-gradient(top, #8ebf60, 0%, #7daa50, 100%) !important; background-image: -moz-linear-gradient(top, #8ebf60 0, #7daa50 100%) !important; background-image: linear-gradient(to bottom, #8ebf60 0, #7daa50 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0) !important
}
.btn-app.btn-success:hover {
background: #7daf18 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#74a844), to(#648740)) !important; background-image: -webkit-linear-gradient(top, #74a844, 0%, #648740, 100%) !important; background-image: -moz-linear-gradient(top, #74a844 0, #648740 100%) !important; background-image: linear-gradient(to bottom, #74a844 0, #648740 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff74a844', endColorstr='#ff648740', GradientType=0) !important
}
.btn-app.btn-danger,.btn-app.btn-danger.no-hover:hover,.btn-app.btn-danger.disabled:hover {
background: #d3413b !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#d55b52), to(#d12723)) !important; background-image: -webkit-linear-gradient(top, #d55b52, 0%, #d12723, 100%) !important; background-image: -moz-linear-gradient(top, #d55b52 0, #d12723 100%) !important; background-image: linear-gradient(to bottom, #d55b52 0, #d12723 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd55b52', endColorstr='#ffd12723', GradientType=0) !important
}
.btn-app.btn-danger:hover {
background: #b52c26 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#c43a30), to(#a51f1c)) !important; background-image: -webkit-linear-gradient(top, #c43a30, 0%, #a51f1c, 100%) !important; background-image: -moz-linear-gradient(top, #c43a30 0, #a51f1c 100%) !important; background-image: linear-gradient(to bottom, #c43a30 0, #a51f1c 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc43a30', endColorstr='#ffa51f1c', GradientType=0) !important
}
.btn-app.btn-warning,.btn-app.btn-warning.no-hover:hover,.btn-app.btn-warning.disabled:hover {
background: #ffb44b !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#ffbf66), to(#ffa830)) !important; background-image: -webkit-linear-gradient(top, #ffbf66, 0%, #ffa830, 100%) !important; background-image: -moz-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important; background-image: linear-gradient(to bottom, #ffbf66 0, #ffa830 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf66', endColorstr='#ffffa830', GradientType=0) !important
}
.btn-app.btn-warning:hover {
background: #fe9e19 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#fa3), to(#fc9200)) !important; background-image: -webkit-linear-gradient(top, #fa3, 0%, #fc9200, 100%) !important; background-image: -moz-linear-gradient(top, #fa3 0, #fc9200 100%) !important; background-image: linear-gradient(to bottom, #fa3 0, #fc9200 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa33', endColorstr='#fffc9200', GradientType=0) !important
}
.btn-app.btn-purple,.btn-app.btn-purple.no-hover:hover,.btn-app.btn-purple.disabled:hover {
background: #9889c1 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#a696ce), to(#8a7cb4)) !important; background-image: -webkit-linear-gradient(top, #a696ce, 0%, #8a7cb4, 100%) !important; background-image: -moz-linear-gradient(top, #a696ce 0, #8a7cb4 100%) !important; background-image: linear-gradient(to bottom, #a696ce 0, #8a7cb4 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0) !important
}
.btn-app.btn-purple:hover {
background: #7b68af !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#8973be), to(#6d5ca1)) !important; background-image: -webkit-linear-gradient(top, #8973be, 0%, #6d5ca1, 100%) !important; background-image: -moz-linear-gradient(top, #8973be 0, #6d5ca1 100%) !important; background-image: linear-gradient(to bottom, #8973be 0, #6d5ca1 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8973be', endColorstr='#ff6d5ca1', GradientType=0) !important
}
.btn-app.btn-pink,.btn-app.btn-pink.no-hover:hover,.btn-app.btn-pink.disabled:hover {
background: #d54c7e !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#db5e8c), to(#ce3970)) !important; background-image: -webkit-linear-gradient(top, #db5e8c, 0%, #ce3970, 100%) !important; background-image: -moz-linear-gradient(top, #db5e8c 0, #ce3970 100%) !important; background-image: linear-gradient(to bottom, #db5e8c 0, #ce3970 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb5e8c', endColorstr='#ffce3970', GradientType=0) !important
}
.btn-app.btn-pink:hover {
background: #be2f64 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#d2346e), to(#aa2a59)) !important; background-image: -webkit-linear-gradient(top, #d2346e, 0%, #aa2a59, 100%) !important; background-image: -moz-linear-gradient(top, #d2346e 0, #aa2a59 100%) !important; background-image: linear-gradient(to bottom, #d2346e 0, #aa2a59 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2346e', endColorstr='#ffaa2a59', GradientType=0) !important
}
.btn-app.btn-inverse,.btn-app.btn-inverse.no-hover:hover,.btn-app.btn-inverse.disabled:hover {
background: #444 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#555), to(#333)) !important; background-image: -webkit-linear-gradient(top, #555, 0%, #333, 100%) !important; background-image: -moz-linear-gradient(top, #555 0, #333 100%) !important; background-image: linear-gradient(to bottom, #555 0, #333 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0) !important
}
.btn-app.btn-inverse:hover {
background: #2b2b2b !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#3b3b3b), to(#1a1a1a)) !important; background-image: -webkit-linear-gradient(top, #3b3b3b, 0%, #1a1a1a, 100%) !important; background-image: -moz-linear-gradient(top, #3b3b3b 0, #1a1a1a 100%) !important; background-image: linear-gradient(to bottom, #3b3b3b 0, #1a1a1a 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff1a1a1a', GradientType=0) !important
}
.btn-app.btn-grey,.btn-app.btn-grey.no-hover:hover,.btn-app.btn-grey.disabled:hover {
background: #797979 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#898989), to(#696969)) !important; background-image: -webkit-linear-gradient(top, #898989, 0%, #696969, 100%) !important; background-image: -moz-linear-gradient(top, #898989 0, #696969 100%) !important; background-image: linear-gradient(to bottom, #898989 0, #696969 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0) !important
}
.btn-app.btn-grey:hover {
background: #6c6c6c !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#7c7c7c), to(#5c5c5c)) !important; background-image: -webkit-linear-gradient(top, #7c7c7c, 0%, #5c5c5c, 100%) !important; background-image: -moz-linear-gradient(top, #7c7c7c 0, #5c5c5c 100%) !important; background-image: linear-gradient(to bottom, #7c7c7c 0, #5c5c5c 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c7c', endColorstr='#ff5c5c5c', GradientType=0) !important
}
.btn.btn-app.btn-light {
color: #5a5a5a !important; text-shadow: 0 1px 1px #EEE !important
}
.btn.btn-app.btn-light,.btn.btn-app.btn-light.no-hover:hover,.btn.btn-app.btn-light.disabled:hover {
background: #ededed !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#f4f4f4), to(#e6e6e6)) !important; background-image: -webkit-linear-gradient(top, #f4f4f4, 0%, #e6e6e6, 100%) !important; background-image: -moz-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%) !important; background-image: linear-gradient(to bottom, #f4f4f4 0, #e6e6e6 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe6e6e6', GradientType=0) !important
}
.btn.btn-app.btn-light:hover {
background: #e0e0e0 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#e7e7e7), to(#d9d9d9)) !important; background-image: -webkit-linear-gradient(top, #e7e7e7, 0%, #d9d9d9, 100%) !important; background-image: -moz-linear-gradient(top, #e7e7e7 0, #d9d9d9 100%) !important; background-image: linear-gradient(to bottom, #e7e7e7 0, #d9d9d9 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffd9d9d9', GradientType=0) !important
}
.btn.btn-app.btn-yellow {
color: #963 !important; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important
}
.btn.btn-app.btn-yellow,.btn.btn-app.btn-yellow.no-hover:hover,.btn.btn-app.btn-yellow.disabled:hover {
background: #fee088 !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#ffe8a5), to(#fcd76a)) !important; background-image: -webkit-linear-gradient(top, #ffe8a5, 0%, #fcd76a, 100%) !important; background-image: -moz-linear-gradient(top, #ffe8a5 0, #fcd76a 100%) !important; background-image: linear-gradient(to bottom, #ffe8a5 0, #fcd76a 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe8a5', endColorstr='#fffcd76a', GradientType=0) !important
}
.btn.btn-app.btn-yellow:hover {
background: #fdd96e !important; background-image: -webkit-gradient(linear, left 0, left 100%, from(#ffe18b), to(#fbd051)) !important; background-image: -webkit-linear-gradient(top, #ffe18b, 0%, #fbd051, 100%) !important; background-image: -moz-linear-gradient(top, #ffe18b 0, #fbd051 100%) !important; background-image: linear-gradient(to bottom, #ffe18b 0, #fbd051 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe18b', endColorstr='#fffbd051', GradientType=0) !important
}
.btn.btn-app.btn-sm {
width: 80px; font-size: 16px; border-radius: 10px; line-height: 1.5
}
.btn.btn-app.btn-xs {
width: 64px; font-size: 15px; border-radius: 8px; padding-bottom: 7px; padding-top: 8px; line-height: 1.45
}
.btn.btn-app>[class*=icon] {
display: block; font-size: 42px; margin: 0 0 4px; line-height: 36px; min-width: 0; padding: 0
}
.btn.btn-app.btn-sm>[class*=icon] {
display: block; font-size: 32px; line-height: 30px; margin: 0 0 3px
}
.btn.btn-app.btn-xs>[class*=icon] {
display: block; font-size: 24px; line-height: 24px; margin: 0
}
.btn.btn-app.no-radius {
border-radius: 0
}
.btn.btn-app.radius-4 {
border-radius: 4px
}
.btn.btn-app>.badge,.btn.btn-app>.label {
position: absolute !important; top: -2px; right: -2px; padding: 1px 3px; text-align: center; font-size: 12px
}
.btn.btn-app>.badge.badge-left,.btn.btn-app>.label.badge-left,.btn.btn-app>.badge.label-left,.btn.btn-app>.label.label-left {
right: auto; left: -2px
}
.btn.btn-app>.label {
padding: 1px 6px 3px; font-size: 13px
}
.btn.btn-app.radius-4>.badge,.btn.btn-app.no-radius>.badge {
border-radius: 3px
}
.btn.btn-app.radius-4>.badge.no-radius,.btn.btn-app.no-radius>.badge.no-radius {
border-radius: 0
}
.btn.btn-app.active {
color: #fff
}
.btn.btn-app.active:after {
display: none
}
.btn.btn-app.active.btn-yellow {
color: #963; border-color: #fee188
}
.btn.btn-app.active.btn-light {
color: #515151
}
.btn.btn-app.btn-light,.btn.btn-app.btn-yellow {
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset !important
}
/*--------按钮样式 结束--------*/
/*--------日历-------开始--------*/
.tab-content {
border: 1px solid #ececec; padding: 16px 12px; position: relative; z-index: 11; top: -1px
}
.tab-content.no-padding {
padding: 0
}
.tab-content.no-border {
border: 0; padding: 12px
}
.tab-content.padding-32 {
padding: 32px 24px
}
.tab-content.no-border.padding-32 {
padding: 32px
}
.tab-content.padding-30 {
padding: 30px 23px
}
.tab-content.no-border.padding-30 {
padding: 30px
}
.tab-content.padding-28 {
padding: 28px 21px
}
.tab-content.no-border.padding-28 {
padding: 28px
}
.tab-content.padding-26 {
padding: 26px 20px
}
.tab-content.no-border.padding-26 {
padding: 26px
}
.tab-content.padding-24 {
padding: 24px 18px
}
.tab-content.no-border.padding-24 {
padding: 24px
}
.tab-content.padding-22 {
padding: 22px 17px
}
.tab-content.no-border.padding-22 {
padding: 22px
}
.tab-content.padding-20 {
padding: 20px 15px
}
.tab-content.no-border.padding-20 {
padding: 20px
}
.tab-content.padding-18 {
padding: 18px 14px
}
.tab-content.no-border.padding-18 {
padding: 18px
}
.tab-content.padding-16 {
padding: 16px 12px
}
.tab-content.no-border.padding-16 {
padding: 16px
}
.tab-content.padding-14 {
padding: 14px 11px
}
.tab-content.no-border.padding-14 {
padding: 14px
}
.tab-content.padding-12 {
padding: 12px 9px
}
.tab-content.no-border.padding-12 {
padding: 12px
}
.tab-content.padding-10 {
padding: 10px 8px
}
.tab-content.no-border.padding-10 {
padding: 10px
}
.tab-content.padding-8 {
padding: 8px 6px
}
.tab-content.no-border.padding-8 {
padding: 8px
}
.tab-content.padding-6 {
padding: 6px 5px
}
.tab-content.no-border.padding-6 {
padding: 6px
}
.tab-content.padding-4 {
padding: 4px 3px
}
.tab-content.no-border.padding-4 {
padding: 4px
}
.tab-content.padding-2 {
padding: 2px 2px
}
.tab-content.no-border.padding-2 {
padding: 2px
}
.tab-content.padding-0 {
padding: 0
}
.tab-content.no-border.padding-0 {
padding: 0
}
/*--------日历------结束--------*/
/*--------form-group---开始--------*/
.form-group>label[class*="col-"] {
padding-top: 4px; margin-bottom: 4px
}
.form-group.has-success .input-group .input-group-addon {
/*border-color: #92bf65*/
border-color: #ccc; color: #555; background-color: #eee;
}
.form-group.has-error .input-group .input-group-addon {
/*border-color: #f09784*/
border-color: #ccc; color: #555; background-color: #eee;
}
.form-group.has-warning .input-group .input-group-addon {
border-color: #e0c43a
}
.form-group.has-info .input-group .input-group-addon {
border-color: #64a6bc
}
.form-group select,.form-group textarea,.form-group input[type="text"],.form-group input[type="password"],.form-group input[type="datetime"],.form-group input[type="datetime-local"],.form-group input[type="date"],.form-group input[type="month"],.form-group input[type="time"],.form-group input[type="week"],.form-group input[type="number"],.form-group input[type="email"],.form-group input[type="url"],.form-group input[type="search"],.form-group input[type="tel"],.form-group input[type="color"] {
background: #FFF
}
.form-group.has-success input,.form-group.has-success select,.form-group.has-success textarea {
/*border-color: #92bf65;
color: #8bad4c;*/
-webkit-box-shadow: none; box-shadow: none; border-color: #d5d5d5; color: #858585;
}
.form-group.has-success input:focus,.form-group.has-success select:focus,.form-group.has-success textarea:focus {
/* -webkit-box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3);
box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3);
color: #786;
border-color: #81a85a; */
-webkit-box-shadow: none; box-shadow: none; color: #696969; border-color: #f59942;
}
.form-group.has-success input:focus+[class*="icon-"],.form-group.has-success select:focus+[class*="icon-"],.form-group.has-success textarea:focus+[class*="icon-"] {
/*color: #8bad4c*/
color: #858585
}
.form-group.has-success [class*="icon-"] {
color: #8bad4c
}
.form-group.has-error .input-group-addon [class*="icon-"] {
color: #555
}
.form-group.has-success .btn [class*="icon-"] {
color: inherit
}
.form-group.has-success .control-label,.form-group.has-success .help-block,.form-group.has-success .help-inline {
/*color: #7ba065*/
color: #393939
}
.form-group.has-success .checkbox-inline {
color: #3c3c3c;
}
.form-group.has-info input,.form-group.has-info select,.form-group.has-info textarea {
border-color: #64a6bc; color: #4b89aa; -webkit-box-shadow: none; box-shadow: none
}
.form-group.has-info input:focus,.form-group.has-info select:focus,.form-group.has-info textarea:focus {
-webkit-box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3); box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3); color: #678; border-color: #5a81a8
}
.form-group.has-info input:focus+[class*="icon-"],.form-group.has-info select:focus+[class*="icon-"],.form-group.has-info textarea:focus+[class*="icon-"] {
color: #4b89aa
}
.form-group.has-info [class*="icon-"] {
color: #4b89aa
}
.form-group.has-info .btn [class*="icon-"] {
color: inherit
}
.form-group.has-info .control-label,.form-group.has-info .help-block,.form-group.has-info .help-inline {
color: #657ba0
}
.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea {
/*border-color: #f09784;
color: #d68273;*/
-webkit-box-shadow: none; box-shadow: none; color: #858585; border-color: #d5d5d5;
}
.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus {
/*-webkit-box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3);
box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3);
color: #866;
border-color: #db8978*/
-webkit-box-shadow: none; box-shadow: none; color: #696969; border-color: #f59942;
}
.form-group.has-error input:focus+[class*="icon-"],.form-group.has-error select:focus+[class*="icon-"],.form-group.has-error textarea:focus+[class*="icon-"] {
/*color: #d68273*/
color: #858585
}
.form-group.has-error [class*="icon-"] {
color: #d68273
}
.form-group.has-error .btn [class*="icon-"] {
color: inherit
}
.form-group.has-error .control-label,.form-group.has-error .help-block,.form-group.has-error .help-inline {
/*color: #d16e6c*/
color: #393939
}
.form-group.has-error .checkbox-inline {
color: #3c3c3c;
}
.form-group.has-warning input,.form-group.has-warning select,.form-group.has-warning textarea {
border-color: #e0c43a; color: #d3bd50; -webkit-box-shadow: none; box-shadow: none
}
.form-group.has-warning input:focus,.form-group.has-warning select:focus,.form-group.has-warning textarea:focus {
-webkit-box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3); box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3); color: #875; border-color: #d8bc41
}
.form-group.has-warning input:focus+[class*="icon-"],.form-group.has-warning select:focus+[class*="icon-"],.form-group.has-warning textarea:focus+[class*="icon-"] {
color: #d3bd50
}
.form-group.has-warning [class*="icon-"] {
color: #d3bd50
}
.form-group.has-warning .btn [class*="icon-"] {
color: inherit
}
.form-group.has-warning .control-label,.form-group.has-warning .help-block,.form-group.has-warning .help-inline {
color: #d19d59
}
.form-group input[disabled],.form-group input:disabled {
color: #848484 !important; background-color: #eee !important
}
.form-group.has-error .chosen-single {
border-color: #f09784 !important
}
.form-group.has-info .chosen-single {
border-color: #64a6bc !important
}
.form-group.has-warning .chosen-single {
border-color: #e0c43a !important
}
.form-group.has-success .chosen-single {
border-color: #92bf65 !important
}
.form-group.has-error .select2-choice,.form-group.has-error .select2-choices {
border-color: #f09784 !important
}
.form-group.has-info .select2-choice,.form-group.has-info .select2-choices {
border-color: #64a6bc !important
}
.form-group.has-warning .select2-choice,.form-group.has-warning .select2-choices {
border-color: #e0c43a !important
}
.form-group.has-success .select2-choice,.form-group.has-success .select2-choices {
border-color: #92bf65 !important
}
/*--------form-group-----结束--------*/
/*--------form-control----表单控制---开始------*/
.form-control {
height: 30px; padding: 5px 10px;
}
.form-control,select {
border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; color: #858585; background-color: #fff; border: 1px solid #d5d5d5
}
.form-control:focus,select:focus {
color: #696969; border-color: #f59942; background-color: #fff; outline: 0
}
/*--------form-control----表单控制-结束--------*/
/*--------input--------*/
.input-icon {
position: relative
}
.input-icon>input {
padding-left: 24px; padding-right: 6px
}
.input-icon.input-icon-right>input {
padding-left: 6px; padding-right: 24px
}
.input-icon>[class*="icon-"] {
padding: 0 3px; z-index: 2; position: absolute; top: 1px; bottom: 1px; left: 3px; line-height: 28px; display: inline-block; color: #909090; font-size: 16px
}
.input-icon.input-icon-right>[class*="icon-"] {
left: auto; right: 3px
}
.input-icon>input:focus+[class*="icon-"] {
color: #579
}
.input-icon ~ .help-inline {
padding-left: 8px
}
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input {
border-radius: 0
}
.input-mini {
width: 60px; max-width: 100%
}
.input-small {
width: 90px; max-width: 100%
}
.input-medium {
width: 150px; max-width: 100%
}
.input-large {
width: 210px; max-width: 100%
}
.input-xlarge {
width: 270px; max-width: 100%
}
.input-xxlarge {
width: 530px; max-width: 100%
}
.input-group-addon {
padding: 5px 10px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc;
}
.input-group .input-group-addon {
border-radius: 0 !important
}
.input-group .input-group-addon .btn {
margin: -15px -12px -10px -12px; min-width: 0;
}
.input-group>.btn {
line-height: 20px; padding: 0 6px; border-radius: 0 !important
}
.input-group>.btn.btn-sm {
line-height: 22px
}
.input-group>.btn+.btn {
margin-left: 1px
}
.input-group>.btn-group>.btn {
line-height: 23px
}
.input-group>.btn-group>.btn.btn-sm {
line-height: 26px
}
.input-group>.btn>.caret,.input-group>.btn-group>.btn>.caret,.input-group>.btn.btn-sm>.caret,.input-group>.btn-group>.btn.btn-sm>.caret {
margin-top: 10px
}
.sidebar-collapse {
border-bottom: 1px solid #e0e0e0;
background-color: #f3f3f3;
text-align: center;
padding: 3px 0;
position: relative
}
.sidebar-collapse>[class*="icon-"] {
display: inline-block;
cursor: pointer;
font-size: 14px;
color: #aaa;
border: 1px solid #bbb;
padding: 0 5px;
line-height: 18px;
border-radius: 16px;
background-color: #fff;
position: relative
}
.sidebar-collapse:before {
content: "";
display: inline-block;
height: 0;
border-top: 1px solid #e0e0e0;
position: absolute;
left: 15px;
right: 15px;
top: 13px
}
.sidebar-shortcuts {
background-color: #fafafa;
border-bottom: 1px solid #ddd;
text-align: center;
line-height: 39px;
max-height: 41px;
margin-bottom: 0
}
.sidebar-shortcuts-large {
padding-bottom: 4px
}
.sidebar-shortcuts-large>.btn {
width: 41px;
line-height: 24px;
margin-top: -2px;
padding: 0;
border-width: 4px;
text-align: center
}
.sidebar-shortcuts-large>.btn>[class*="icon-"] {
margin: 0
}
.sidebar-shortcuts-mini {
display: none;
font-size: 0;
width: 42px;
line-height: 18px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #fff
}
.sidebar-shortcuts-mini>.btn {
border-width: 0!important;
font-size: 0;
line-height: 0;
padding: 8px!important;
margin: 0 1px;
border-radius: 0!important;
opacity: .85;
filter: alpha(opacity=85)
}
/*--------input 结束--------*/
/*--------修复 bootstrap3 在 IE 中样式显示不正常的问题 开始--------*/
.g2-container {
display: table; width: 100%;
}
.g2-row {
height: 100%; display: table-row;
}
.g2-col-sm-4 {
display: table-cell;
}
.g2-input-group {
height: 30px;
}
.g2-input-group input[type='radio'],.g2-input-group input[type='checkbox'] {
margin-top: 10px;
}
.g2-input-group label {
margin-top: 7px; margin-left: 0px; margin-right: 10px; vertical-align: top;
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
pointer-events: inherit;
}
.form-group i[class^=icon-] {
cursor: default;
}
/* 表单垂直布局相关 */
.form-horizontal {
padding-top: 10px;
}
form .g2-form-control-static {
display: block;
}
/* 表单水平布局相关 */
.form-horizontal .g2-control-label {
float: left; width: 150px; padding-right: 10px;
}
.form-horizontal .g2-form-control-static {
display: inline-block; margin-top: 0;
}
/* 表单行内布局相关 */
.form-inline .g2-control-label {
margin: 0 7px; display: inline;
}
.form-inline .g2-form-control-static {
display: inline; padding: 0 4px;
}
/**覆盖bootstrap中的样式 此样式会导致select列表中箭头向左移动42.5px*/
.has-feedback .form-control {
padding-right: 0px; /**42.5px*/
}
/* 表单校验 */
.form-horizontal .has-feedback .form-control-feedback {
top: 0; right: 10px;
}
small.error {
color: #a94442; display: block;
}
/*--------修复 bootstrap3 在 IE 中样式显示不正常的问题 结束--------*/
/*--------必需字段前面星号的样式--------*/
.required {
color: red; padding: 5px
}
.form-control+.input-group-addon {
border-left: 0;
}
/*--------平台的统一信息提示的样式--------*/
#gboat2_plateform_error_message {
margin: 20px auto 0 auto; text-align: center; position: fixed; top: 10px; left: 0; z-index: 9999; width: 100%; opacity: 0.9;
}
#gboat2_plateform_error_message .alert-danger,#gboat2_plateform_error_message .alert-warning,#gboat2_plateform_error_message .alert-info,#gboat2_plateform_error_message .alert-success {
min-width: 400px; max-width: 80%; display: inline-block;
}
/*--------编辑、查看页面询问的操作按钮居中显示--------*/
.action-group {
text-align: center; display: block; margin: 10px auto;
}
.clear {
clear: both
}
.fs-12 {
font-size: 12px
}
.ui-button-text-only .ui-button-text {
padding: 0
}
.ui-button-text-only.btn {
padding-left: 0; padding-right: 0
}
/*--------单选框和多选框的选择框和文字描述之间不折行--------*/
.checkbox-wrapper,.radio-wrapper {
white-space: nowrap;
}
/*--------只有下边框的文本输入框 开始--------*/
input.input-underline {
border: none; border-bottom: 1px solid #d5d5d5;
}
input.input-underline:hover {
border-color: #b5b5b5;
}
input.input-underline:focus {
border-color: #f59942;
}
input[readonly].input-underline:hover {
border-color: #c3c3c3;
}
input[readonly].input-underline:focus {
border-color: #aaa;
}
/*--------只有下边框的文本输入框 结束--------*/
/*--------loading 开始--------*/
.g2-loading {
position: absolute; top: 50%; left: 50%; width: 240px; height: 74px; overflow: hidden; margin: -37px 0 0 -120px; padding: 20px 0px 20px 30px; text-align: center; font-weight: bold; border: 3px solid #ccc; color: #e2b018; line-height: 2em; background: url("/zfcg/static/gboat2.base.view/component/ace/css/images/loading.gif") no-repeat 10px 20px #FFF;
}
/*--------选项卡样式 开始--------*/
/*--------选项卡标题栏的样式--------*/
.g2-tabbedpanel {
height: 36px
}
/*--------选项卡右上角的小叉叉--------*/
.g2-tab-closable {
float: left; margin: 0.3em 0 0 0.2em; cursor: pointer; z-index: 100; color: #fff;
}
.g2-tab-closable:hover {
color: #438eb9;
}
.nav-pills [class*=" icon-"],.nav-pills [class*=" icon-"].icon-large,.nav-pills [class^=icon-],.nav-pills [class^=icon-].icon-large,.nav-tabs [class*=" icon-"],.nav-tabs [class*=" icon-"].icon-large,.nav-tabs [class^=icon-],.nav-tabs [class^=icon-].icon-large {
line-height: 0.6em;
}
.ui-tabs .ui-tabs-nav {
padding: 0;
border-bottom: 1px solid #c5d0dc;
}
.ui-tabs .ui-tabs-nav li>a:focus {
outline: 0
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active>a {
background-color: #FFF;
border: 1px solid;
border-color: #4c8fbd #c5d0dc transparent;
border-top-width: 2px;
/*-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,0.15);
box-shadow:0 -2px 3px 0 rgba(0,0,0,0.15);*/
color: #576373;
position: relative;
top: 1px
}
.ui-tabs .ui-tabs-panel {
border: 1px solid #c5d0dc;
border-top-width: 0;
margin: 0;
left: auto;
right: auto;
top: auto;
bottom: auto
}
.ui-tabs .ui-tabs-active .g2-tab-closable {
color: #438eb9;
}
.ui-tabs .ui-tabs-active .g2-tab-closable:hover {
color: #7db4d8;
}
.ui-tabs .ui-tabs-nav.padding-12 {
padding-left: 12px;
}
.ui-tabs .ui-tabs-nav.background-blue {
padding-top: 5px;
}
.ui-tabs .ui-tabs-nav.nav-tabs li.ui-state-default>a {
background-color: #7db4d8; color: #fff;
}
.ui-tabs .ui-tabs-nav.nav-tabs li.ui-state-active>a {
background-color: #fff; color: #4c718a;
}
.ui-tabs .ui-tabs-nav.nav-tabs li.ui-state-disabled>a {
background-color: #eee; color: #999;
}
/* 选项卡显示在下方 */
.ui-tabs.ui-tabs-bottom .ui-tabs-nav {
clear: left; padding-top: 0; border-bottom: none; border-top: 1px solid #c5d0dc;
}
.ui-tabs.ui-tabs-bottom .ui-tabs-nav.background-blue {
padding-bottom: 5px; border-bottom: 1px solid #c5d0dc;
}
.ui-tabs.ui-tabs-bottom .ui-tabs-nav li {
top: auto; bottom: 0; margin: 0 .2em 1px 0; border-bottom: auto; border-top: 0; margin-right: 3px;
}
.ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-active {
margin-top: -1px; padding-top: 1px;
}
.ui-tabs.ui-tabs-bottom .ui-tabs-panel {
border-top-width: 1px; border-bottom-width: 0;
}
.ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-state-default>a {
border-bottom-width: 1px; top: 0; border-top-width: 0;
}
.ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-active>a {
border-bottom: 2px solid #4c8fbd; border-top-width: 0; top: -1px;
}
/*--------选项卡显示在左侧--------*/
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
padding: 0; float: left; width: 10%; border-bottom: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav.background-blue {
padding-left: 6px; border-bottom: 1px solid #c5d0dc; border-right: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav.padding-12 {
padding-top: 12px; padding-bottom: 12px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
clear: left; width: 100%; margin: 0; margin-bottom: 2px; right: -1px;
}
.ui-tabs.ui-tabs.ui-tabs-vertical li.ui-tabs-active>a {
margin-bottom: 3px; border: 1px solid #c5d0dc; border-left: 3px #4c8fbd solid; border-right: 1px solid #fff;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
display: block; width: 100%;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
padding-bottom: 0; padding-right: 0; border-right-width: 1px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-state-default>a {
border-bottom-width: 1px; top: 0;
}
.ui-tabs.ui-tabs-vertical .ui-tabs .ui-tabs-nav li.ui-tabs-active>a {
border-bottom-width: 1px; top: 0; border-top: 1px solid #c5d0dc; border-left: 2px solid #4c8fbd;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
padding: 0.5em 1em; float: right; width: 90%; border-top-width: 1px;
}
/*--------选项卡样式 结束--------*/
/*--------进度条--------*/
.ui-progressbar .ui-progressbar-value {
margin: 0; background-color: #2a91d8;
}
/**hansc 进度条****/
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
/*--------微调样式--------*/
.ui-spinner.ui-corner-all {
border-radius: 4px;
}
.ui-spinner.ui-widget-content {
border: 1px solid #f4f4f4;
}
.ui-spinner .ui-icon:hover {
background-color: #ccc; color: #212121;
}
.ui-spinner .ui-spinner-input {
margin: 0; padding-right: 18px; max-width: 100%;
}
.form-group .ui-spinner,.input-group .ui-spinner {
width: 100%;
}
/*--------微调样式 结束--------*/
/*--------bootbox 开始--------*/
.bootbox {
z-index: 9999;
}
.bootbox h5 {
font-size: 15px; color: #000;
}
.bootbox .modal-dialog {
margin: 0 auto;
}
.bootbox-alert .modal-dialog,.bootbox-confirm .modal-dialog,.bootbox-prompt .modal-dialog {
width: 380px;
}
.bootbox-alert .modal-body,.bootbox-confirm .modal-body {
padding: 40px 20px;
}
.bootbox-alert .bootbox-message-text,.bootbox-confirm .bootbox-message-text,.ui-jqdialog .ui-jqdialog-content .delmsg .message-text {
line-height: 50px; word-wrap: break-word; word-break: break-all;
}
.bootbox-prompt .modal-body,.ui-jqdialog .ui-jqdialog-content .delmsg {
padding: 20px 20px 30px 20px;
}
.bootbox-prompt .bootbox-message-text {
line-height: 30px;
}
.bootbox .bootbox-body .bootbox-icon,.ui-jqdialog .ui-jqdialog-content .delmsg .icon-question-circle {
font-size: 4em; color: #67acda; margin-right: 20px; float: left;
}
.bootbox-confirm .bootbox-body .bootbox-icon,.ui-jqdialog .ui-jqdialog-content .delmsg .icon-question-circle {
color: #ffb752;
}
.ui-dialog .ui-dialog-titlebar,.bootbox .modal-header {
padding: 10px; background-color: #f1f1f1; border: 1px solid #ccc; border-width: 0 0 1px 0;
}
.bootbox .close:hover {
color: #e60606; opacity: 1;
}
.ui-dialog-content #search_cellset,.ui-dialog-content .search-cellset {
padding-top: 0;
}
.ui-dialog-content #search_cell,.ui-dialog-content .search-cell {
padding-top: 0;
}
.ui-dialog .btn,.bootbox .btn {
min-width: 60px;
}
.ui-dialog-content h3 {
font-size: 14px;
}
/*--------bootbox 结束--------*/
/*--------附件列表 开始--------*/
.attach-sequence {
width: 200px; position: fixed; display: none; z-index: 999;
}
.attach-sequence.collapsed .widget-header {
border-bottom: 1px solid #DDD;
}
.attach-sequence .attach-sequence-title {
color: #228ad1;
}
.attach-sequence .widget-body {
padding: 10px; overflow-x: hidden; overflow-y: auto;
}
.attach-sequence .attach-items-title {
font-weight: bold; font-size: 14px; color: #555; margin-bottom: 0;
}
.attach-sequence .attach-items-none {
font-weight: normal; border-bottom: 1px dashed #e2e2e2; line-height: 30px;
}
.attach-sequence .attach-items {
text-align: left; line-height: 30px;
}
.attach-sequence .attach-items li {
list-style: none; padding-left: 10px;
}
.attach-sequence .attach-item {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; border-bottom: 1px dashed #e2e2e2; margin-bottom: 3px;
}
/*--------附件列表 结束--------*/
/*--------通用列表分类检索 开始--------*/
.g2-catagory-head {
font-size: 18px; padding-top: 8px; background-color: #f4f4f4;
}
.g2-catagory-query {
padding: 5px 5px 5px 10px; border-bottom: 1px dashed #ccc;
}
.g2-catagory-query>.g2-catagory-title {
font-weight: bold; width: 60px; float: left;
}
.g2-catagory-query .g2-catagory-item {
list-style-type: none; display: inline; margin-right: 15px;
}
.g2-catagory-query .g2-catagory-item.active,.g2-catagory-query .g2-catagory-item.active>a,.g2-catagory-query .g2-catagory-item.active>a:hover {
font-weight: bolder; color: #f00; text-decoration: none;
}
.g2-catagory-query .g2-catagory-item>a {
color: #019dd8; text-decoration: none;
}
.g2-catagory-query .g2-catagory-item>a:hover {
color: #ff5f10; text-decoration: underline;
}
/*--------通用列表分类检索 结束--------*/
/*--------悬浮操作栏（） 开始--------*/
.g2-operation-div {
position: fixed; bottom: 10px;
text-align: center; padding: 3px 10px; z-index: 999;width:960px;
}
.g2-operation-div-bg {
background-color: #eeeeee; -moz-opacity: 0.8; -webkit-opacity: 0.8; filter: alpha(opacity = 80); opacity: 0.8; z-index: 999;
}
.g2-operation-div .btn {
border-radius: 5; -webkit-border-radius: 0;
}
/*--------悬浮操作栏（） 结束--------*/
.g2-cellset {
margin-top: 0px; margin-bottom: 0px; float: right; padding-left: 0; padding-right: 0;
}
.g2-cell {
padding: 0; margin: 0
}
#search_cellset,.search-cellset {
padding: 10px 0px;
}
#search_cell,.search-cell {
padding: 5px 0;
}
#searchForm,.search-form {
text-align: right;
}
/*--------头像上传组件（） 开始--------*/
.g2-avatar {
padding: 0; position: relative; cursor: pointer; border: 1px solid #ddd; border-radius: 0px; overflow: hidden; text-decoration: none; display: inline-block; *display: inline; *zoom: 1
}
.g2-avatar:hover {
border-color: #ccc;
}
.g2-avatar .g2-avatar-file {
position: absolute; right: 0; top: 0; opacity: 0; moz-opacity: 0; filter: alpha(opacity = 0); cursor: pointer
}
.g2-avatar .g2-avatar-image {
cursor: pointer;
}
/*--------头像上传组件（） 结束--------*/
/*--------可折叠盒型组件（） 结束--------*/
.g2-widget-body {
padding-top: 10px;
}
.g2-widget-body.col-sm-12 {
padding-left: 0; padding-right: 0;
}
/*--------可折叠盒型组件（） 结束--------*/
.s2j-combobox {
position: relative;
display: inline-block;
}
.s2j-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
/* support: IE7 */
*height: 1.7em;
*top: 0.1em;
}
.s2j-combobox-input {
margin: 0;
padding: 0.3em;
}