/*******************************************
 * 自定义配色css文件放在defaut_color的同级目录,然后在 "系统/配置管理" 中为"COLOR_STYLE"增加一行配置项
 *********************************************/

/********************************************
 * base.css
 * 描述：重置页面元素并设置布局样式
 * 作用范围： 全局
 *******************************************/

html,body,input,textarea,select,legend{
	color:#404040;
	/*全局默认文字颜色*/
}
a {
    color: #0ED3B7;;
	/*全局默认链接颜色*/
}
a:hover{
	color: #0fad96;
	/*全局默认链接悬停颜色*/
}

/*************************************************
 * common.css 
 * 描述：定义公共类名
 * 作用范围: 公共，独立样式
 *************************************************/

/* 文章搜索/用户搜素 下拉弹出按钮 实心小箭头 */
.arrow-down {
	border-top-color: #000;
}
.arrow-up {
	border-bottom-color: #000;
}
.arrow-left {
	border-right-color: #000;
}
.arrow-right {
	border-left-color: #000;
}

/********************************************** 
 * module.css 
 * 描述：定义常用组件样式
 * 作用范围: 公共，组件模块
 ***********************************************/

/* 文章新增编辑页,权限授权页,分类编辑页 tab标签 */
.tab-nav {
	border-bottom-color: #e0e0e0;
}
.tab-nav .current a,
.tab-nav .current a:hover {
	border-color: #34b4e0 #e0e0e0 #f6f6f6;
}


/* (暂未使用) 面包屑导航 */
.breadcrumb {
	color: #999;
}
.tags-crumb li {
	background-color: #e0e0e0;
}
.tags-crumb .current {
	background-color: #f60;
}
.tags-crumb .current a {
	color: #fff;
}
.tags-crumb li i {
	border-left-color: #fff
}
.tags-crumb li b {
	border-left-color: #e0e0e0
}
.tags-crumb .current b {
	border-left-color: #f60;
}	

/* 列表分页 */
.page a,
.page span {
    color: #686868;
    border: 1px solid #CCCCCC;
}
.page a:hover
 {
    background: #E1E1E1;
}
.page .current {
	border-top: 3px solid #4BBD00;
	height: 28px;
	line-height: 26px;
}

/* uploadify插件上传按钮 */
.uploadify-button {
	color: #fff;
	background-color: #27ae60;
}

/* 分类管理/分类授权 树形菜单（目前只支持3级）
------------------------------------------ */
.category .hd {
	border-bottom-color: #d4d4d4;
	color:#fff;
	background-color: #353535;
}
.category .cate-item dt {
	border-bottom-color: #E7E7E7;
}
.category .name .error {
	color: #B94A48;
}
.category .name .success {
	color: #468847;
}

/* 组织管理/组织成员分配 树形菜单（目前只支持3级）
------------------------------------------ */
.organize .hd {
	border-bottom-color: #d4d4d4;
	color:#fff;
	background-color: #353535;
}
.organize .cate-item dt {
	border-bottom-color: #E7E7E7;
}
.organize .name .error {
	color: #B94A48;
}
.organize .name .success {
	color: #468847;
}


.close {
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

/******************************************** 
 * form.css 
 * 描述：定义表单样式
 * 作用范围: 公共，表单模块，表单布局
 *********************************************/

/* 表单组件
------------------------------------------ */
.text,.textarea {
	border-color: #eeeeee;
	background-color: #fff;
}
select {
	border-color: #ccc;
}
.must {
	color: #f00; /* 表单必填项标识字符*/
}

/* 多行两列表单
------------------------------------------ */
.form-horizontal .item-label .check-tips {
	color: #aaa; /* 表单label后面的提示文字 */
}
.form-horizontal .controls .check-tips {
	color: #999; /*表单ajax操作完成后返回的提示文字*/
}

/* 搜索表单
------------------------------------------ */
.search-form .sleft {/* 高级搜索左边的搜索框 */
	border-color: #ebebeb;
	background-color: #fff;
}

/* 状态搜索下拉选项 */
.search-form .drop-down ul {
	background-color: #fff;
	border-color: #ebebeb;
}
.search-form .drop-down ul li {
	border-top-color: #ebebeb;
}
.search-form .drop-down ul a {
	color: #404040;
}
.search-form .drop-down ul a:hover {
	background-color: #f0f0f0;
}
.search-form .sch-btn:hover {
	/* 搜索提交按钮 */
	color: #fff;
}

.focus{
	border: 1px solid #d1d1d1;
	box-shadow: 0 0 12px #ECECEC;
}
/*********************************************
 * table.css 
 * 描述：定义数据表格样式
 * 作用范围: 公共，表格模块
 **********************************************/

/* 内容区 行默认颜色*/
.data-table tbody tr {
	background-color: #ffffff;
	color: #686868;
}
.data-table thead th,
.data-table tbody td {
	/*非隔行变色时 用于行区分的单元格底线颜色 */
    border-bottom-color:  #f4f4f4;
    padding:10px 8px;
}
/* 表头配色 */
.data-table thead th {
	color:#333;
    background-color: #f6f6f6;
    font-weight: bold;
    /* border-top:1px solid #ddd; */
    border-bottom:1px solid #ddd;
}
/* 隔行变色 行默认颜色 */
.table-striped tbody tr {
	background-color: #ffffff;
	color: #686868;
}
/* 隔行变色 偶数行配色 */
.table-striped tbody tr:nth-child(even) {
	background-color: #f2f2f2;

}


/************************************* 
 * button.css 
 * 描述：定义按钮样式
 * 作用范围: 公共，按钮组，单独按钮
 *************************************/

/* 普通按钮 */
.btn {
    color: #edffd1;
    /* background-color: #00A3BD; */
    background: linear-gradient(90deg, #37BFD9 0%, #0ED3B7 100%);
    border-radius: 2px;
}
.btn:hover {
    color: #ffffff;
    /* background-color: #53828A; */
    background: linear-gradient(90deg, #47CFE9 0%, #1EE3C7 100%);
}

/* 表单返回按钮 */
.btn-return {
	color: #fff;
}

/* 表单提交按钮(确定,保存,提交) */
.submit-btn {
	color: #fff;
    background-color: #CC3900;
}
.submit-btn:hover {
    color: #fff;
    background-color: #ff2610;
}

/* 下拉弹出按钮 */
.btn-group .dropdown,
.btn-group-click .dropdown {
	border-color: #ccc;
	background-color: #fff;
}
.btn-group .dropdown a:hover,
.btn-group-click .dropdown a:hover {
    background-color: #eee;
}

/* 被禁用的按钮 */
.btn.disabled {
    background-color: #8d8d8d;
	background: #8d8d8d;
	cursor: not-allowed;
}


/************************************* 
 * style.css
 *************************************/

/* 头部Logo,主导航*/
.header {
    background-color: #ffffff;
    box-shadow: 0px -3px 8px 0px;
}
/* 主导航 */
.main-nav a {
    color: #333;
    font-weight: normal;
}
.main-nav a:hover {
    color:#0ED3B7;
    background: none;
}
.main-nav .current{
    color:#0ED3B7;
}
.main-nav .current a {
    color:#0ED3B7;
    background-color: #fff;
    border-bottom: 2px solid #0ED3B7;
    height: 48px;
}

/* 顶部右侧 用户bar */
.header .user-menu {
    border-color: #ddd;
    background-color: #fff;
}
.header .user-menu li {
    border-bottom-color: #ddd;
}
.header .user-menu a:hover {
    color: #424242;
    background-color: #f5f5f5;
}

/* 边栏导航样式
------------------------------------------ */
.sidebar {
	/* 左侧栏背景 */
    background: #ffffff;
    box-shadow: -6px 0px 4px 4px #000;
}
/* 子导航Group标题栏 */
.subnav h3 {
    color: #333;
}
.subnav h3 a {
	color: #333;
}
.subnav h3.current {
    color: #0ED3B7;
}
.subnav h3.current a {
    color: #0ED3B7;
}

/* 左侧二级菜单 */
.side-sub-menu > li > .item,
.side-sub-menu li .subitem > li > .item {
    color: #333;
    margin-left: -15px;
    padding-left: 41px;
}
.side-sub-menu > li > .item:hover{
	color: #333;
	background: rgba(14, 211, 183, 0.14);
}
.side-sub-menu > li .subitem > li > .item:hover{
	color: #333;
	background: #7c7c7c;
}
.side-sub-menu > .current > .item,
.side-sub-menu > .hover > .item {
    color: #414141;
}
.side-sub-menu > .current > .item,
.side-sub-menu > .current > .item:hover {
	/* 高亮导航 */
    color: #414141;
    background: rgba(14, 211, 183, 0.14);
}
.subnav .side-sub-menu li.current a{
    border-right:2px solid #0ED3B7;
    margin-right: 1px;
}

/* windows开始菜单式子菜单 */
.side-sub-menu li .subitem {
    /*border-color: #ccc;
    background-color: #ccc;*/
}
.side-sub-menu .subitem .item:hover {
    background: rgba(14, 211, 183, 0.14);
}
.side-sub-menu .subitem > .current > .item,
.side-sub-menu .subitem > .current > .item:hover {
	/* 高亮导航 */
	color: #414141;
    background: rgba(14, 211, 183, 0.14);
}

/* 后台主内容区域
------------------------------------------------- */
.main {
	background-color: #f6f6f6;
}
.main-title{padding-bottom: 15px;}
.main-title h2 {
    font-size: 18px;
    color: #445566;   
}
.main-title .ca {
	/* 内容列表 面包屑 */
    background: url(../images/subnav_current.png) no-repeat center center;
}

/* 访问授权页面 大类区块 */
.checkmod {
    border-color: #ebebeb;
}
.checkmod dt {
    border-bottom-color: #ebebeb;
    background-color: #ECECEC;
}


/* 版权信息 */
.cont-ft {
    background-color: #f6f6f6;
}
.copyright {
    border-top-color: #ccc;
}


/*************************************
 *  登陆页面css
 ***********************************/

/* body 配色*/
#login-page {
    /* color: #000;
    background-color: #30333F; */
}


#login-page .login-form {
    /* background-color: #fff;
    box-shadow: 0 0 26px #041A36;
    border-top-color: #42EC00; */
}
#login-page .login-form h3 {
    color: #8D9CAA;
}
#login-page .login-form .check-tips {
    color: #ff0000;
}
#login-page .login-form .item {
    border-color:  #ddd;
}
#login-page .login-form .focus {
    border-color: #A6E1F3;
    box-shadow: 0 0 12px #BAF7FF;
}
#login-page .login-form .icon-login-user,
#login-page .login-form .icon-login-pwd,
#login-page .login-form .icon-login-verifycode {
    background: url("../images/icon24_login.png") no-repeat;
}
#login-page .login-form .icon-login-user {
    background-position: 0 0;
}
#login-page .login-form .icon-login-pwd {
    background-position: -48px 0;
}
#login-page .login-form .icon-login-verifycode {
    background-position: -24px 0;
}
#login-page .login-form input {
    background-color: #fff;
    color:#686868;
}
#login-page .login-form .login-btn {
    color: #FFFFFF;
    background-color: #40C402;
}
#login-page .login-form .login-btn:hover {
    background-color: #42EC00;
}
#login-page .login-form .login-btn[disabled] {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
    box-shadow: none;
}
#login-page .icon-loading {
    background: url(../images/loading_icon.gif) no-repeat 0 0;
}


#login-page input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
#login-page .logo-img {
    background: url(../images/logo.png) no-repeat 0 center;
}

#login-page .welcome{
    color:#ddd;
}

#login-page .reloadverify{
    color:#69C3FF;
}

#login-page img.verifyimg{
	border-color: #ececec;
}


/* 头部样式重写 */
#main_nav{background: #ffffff}

/* 顶部导航右侧用户图标 */
.header .user-bar .user-entrance{margin-top:0px;padding-bottom: 0px;background: none;font-size: 20px;width:auto;height: auto;color:#333}
.header .user-bar .user-entrance:hover{color:#0ED3B7;}

/* 主体内容 */
.main-cont{background: #fff;border: 2px;padding:15px}

/* 表格相关 */
.data-table tbody tr:nth-child(even){background: none;}
.data-table tbody tr td{border-bottom: 1px solid #ddd;}

/* radio和checkbox框重写，需要先引用图标选择器 */
input[type='checkbox'], input[type='radio'] {box-sizing: border-box; padding: 0;}
input[type='radio'],input[type='checkbox'] {position: relative;display: inline-block;border: 0;outline: 0 !important;background-color: transparent;-webkit-appearance: none;vertical-align: middle;}
input[type='radio'][disabled]:before,input[type='checkbox'][disabled]::before {opacity: .3;}
input[type='radio']:before,input[type='checkbox']:before {font-family: alicon;font-size: 18px;font-weight: normal;line-height: 1;text-decoration: none;color: #aaa;border-radius: 0;background: none;-webkit-font-smoothing: antialiased;}
input[type='radio']:checked:before, input[type='checkbox']:checked:before {color: #007aff;}
input[type='radio']:before {content: '\e64c';}
input[type='radio']:checked:before {content: '\e64b';}
input[type='checkbox']:before {content: '\e648';}
input[type='checkbox']:checked:before {content: '\e64a';}

/* 分页重写 */
.page span, .page a{margin-right:8px; border-radius: 2px;}
.page .current{border:1px solid #0ED3B7; height: 30px;line-height: 30px; color:#0ED3B7}

/* 三级选框列表 */
.auth-form{padding:0px}
.checkmod{margin-bottom: 15px;}
.checkmod dt{background: #FAFAFA;}
.checkmod dd{background: #FFFFFF;}

/* 选项卡 */
.tab-nav li a{color:#555}
.tab-nav .current a, .tab-nav .current a:hover{color:#0ED3B7; border-color: #0ED3B7 #e0e0e0 #f6f6f6;}

/* 组织三级列表 */
.organize .hd{background-color: #f6f6f6;color:#333}

/* 搜索下拉条 */
.search-form .drop-down ul{z-index: 1;}

/* 通用列表重写 */
.showinfo{margin-top:0px}
.showinfo li.bg-gray {margin: 15px -15px;border-bottom: 0px;padding: 7px 0px;}