/* 说明：控制系统颜色显示
 * --auto-theme-color 主题色
 * --auto-theme-color-font 依托主题色为背景的字体颜色
 * --auto-menu-background 左侧导航背景色
 * --auto_menu-leve1-background 未选中一级导航菜单背景色
 * --auto_menu-opened-container-background 导航菜单下拉框背景色
 * --auto_menu-leve2-fontcolor 未选中导航菜单二/三级字体颜色
 */
/* --auto-theme-color 用于：
 * 导航菜单 - 选中一级背景色
 * 面包屑 - 当前高亮字体色 
 * 首页 - 常用功能模块--按钮字体色
 * 按钮背景色 - 包括确定、保存、提交等 
 * 按钮栏按钮文字颜色
 * table - 表头背景色
 * table - 表格外部功能按钮
 * table - 表格行内按钮(编辑/查看)
 * table - 表格行内按钮(其他)
 * pages - 页码按钮背景色（被选中）
 * pages - 分页鼠标滑过项文字颜色
 * 自动化列表 - 搜索栏 - 搜索按钮背景色
 * 自动化列表 - 搜索栏 - 添加按钮文字颜色
 * 自动化列表 - 列表 - 表头背景色
 * tab选项卡 - 选中项下划线颜色
 * tab选项卡 - 选中项文字颜色
 * 栏目管理 - 一级栏目背景色
 * 树结构 - 选中背景色
 * 弹窗 - 头部背景色
 * 表单 - 主题色（表单中的按钮，单选选中高亮，勾选选中高亮等颜色）
 * input元素内按钮文字颜色
 * 以及其他
 */
:root {
	/* 主题色 */
	--auto-theme-color: #216FED; 
	/* 依托主题色为背景的字体颜色 */
	--auto-theme-color-font: #ffffff;
	/* 左侧导航背景色 */
	--auto-menu-background: #21252D;
	--auto_menu-leve1-background: #2F3541;
	--auto_menu-opened-container-background: #243860;
	--auto_menu-leve2-fontcolor: #A3BDF1;
	
	/*-------------------- 左侧导航部分 ---------------------------*/
	/* 导航栏背景色 */
	--nav-background: var(--auto-menu-background);
	/* 一级导航栏文字颜色（未选中） */
	--first-nav-fontcolor: var(--auto-theme-color-font);
	/* 一级导航栏文字颜色（选中） */
	--acitve-first-nav-fontcolor: var(--auto-theme-color-font);
	/* 一级导航项背景色（未选中） */
	--first-nav-background: var(--auto_menu-leve1-background);
	/* 一级导航项背景色（选中） */
	--active-first-nav-background: var(--auto-theme-color);
	/* 选中后一级和二级整体导航容器背景色 */
	--opened-nav-container-background: var(--auto_menu-opened-container-background);
	/* 二级导航项背景色（选中） */
	--active-second-nav-background: var(--auto_menu-opened-container-background);
	/* 二级导航项文字颜色（未选中） */
	--second-nav-fontcolor: var(--auto_menu-leve2-fontcolor);
	/* 二级导航项文字颜色（选中） */
	--active-second-nav-fontcolor: var(--auto-theme-color-font);
	/* 3级导航项背景色（选中） */
	--active-three-nav-background: var(--auto_menu-opened-container-background);

	/* ---------------------- 面包屑导航栏部分 -------------------*/
	/* 面包屑导航栏背景色 */
	--breadcrumb-background: #fff;
	--breadcrumb-active-fontcolor: var(--auto-theme-color);
	/* 自动化表单 - 面包屑 - 当前高亮项 - 字体颜色 */
	--auto-crumb-on-fontcolor: var(--auto-theme-color);
	/* 自动化表单 - 面包屑 - icon */
	--auto-crumb-icon: url(../img/autolist_crumb_icon.png);
	/* 自动化表单 - 面包屑 - 字体颜色 */
	--auto-crumb-fontcolor: #999999;

	/* ----------------------- 内容部分 ------------------------------*/
	/* 内容容器背景色 */
	--content-container: #F0F0F0;
	--content-box: #fff;
	/* 条件筛选栏背景色 */
	--filter-bar: #fff;
	/* 表单标题背景色 */
	--title-background: var(--auto-theme-color);
	/* 表单标题文字颜色 */
	--title-fontcolor: var(--auto-theme-color-font);
	/* 线颜色 */
	--border-color1: #ffffff4d;
	--border-color2: #ddd;
	/* 首页--常用功能模块  按钮 */
	--home-btns-fontcolor: var(--auto-theme-color);
	--home-btns-background: #e6efff;
	/* 首页- 信息模块 */
	--home-box1-background: #3a6ff6;
	--home-box2-background: #479efe;
	--home-box3-background: #8f7fff;
	--home-box4-background: #1ac0cf;

	/*------------------------ 按钮部分 ------------------------------*/
	/* 确定按钮背景色（包括确定、保存、提交等） */
	--confirm-btn-background: var(--auto-theme-color);
	/* 确定按钮文字颜色 */
	--confirm-btn-fontcolor: var(--auto-theme-color-font);
	/* 取消按钮背景色 */
	--cancel-btn-background: #fff;
	/* 取消按钮文字颜色 */
	--cancel-btn-fontcolor: #666;
	/* 取消按钮边框颜色 */
	--cancel-btn-bordercolor: #ddd;
	/* 按钮栏按钮文字颜色 */
	--btnbar-btn-fontcolor: var(--auto-theme-color);
	/* 按钮栏按钮边框颜色 */
	--btnbar-btn-bordercolor: #ddd;
	/* input元素内按钮背景色 */
	--input-btn-background: #DBE9FF;
	/* input元素内按钮文字颜色 */
	--input-btn-fontcolor: var(--auto-theme-color);

	/*-------------------------- 表格+分页部分-------------------------- */
	/* 表头背景色 */
	--table-thead-background: var(--auto-theme-color);
	/* 表头文字颜色 */
	--table-thead-fontcolor: var(--auto-theme-color-font);
	/* 表格表框颜色（包含内部线） */
	--table-bordercolor: #e0e1e5;
	/* 页码按钮背景色（被选中） */
	--page-selected-background: var(--auto-theme-color);
	/* 页码按钮文字颜色（被选中） */
	--page-selected-fontcolor: var(--auto-theme-color-font);
	/* 分页 - 鼠标滑过项文字颜色 */
	--page-selected-hover-fontcolor: var(--auto-theme-color);
	/* 表格-外部-功能按钮 */
	--table-funbtn-background: var(--auto-theme-color);
	--table-funbtn-fontcolor: var(--auto-theme-color);
	/* 表格-行内-删除按钮 */
	--table-delbtn-fontcolor: #eb2f2f;
	/* 表格-行内-删除按钮 (流程)*/
	--flow-table-btns-red: #eb2f2f;
	/* 表格-行内-编辑按钮 + 查看按钮*/
	--table-editbtn-fontcolor: var(--auto-theme-color);
	/* 表格-行内-其他按钮 */
	--table-nombtn-fontcolor: var(--auto-theme-color);
	/* 表格-行内-禁用/启动按钮 */
	--table-huibtn-fontcolor: #999999;
	/* 自动化列表 - 搜索栏 - 搜索按钮背景色 */
	--search-subbtn-background: var(--auto-theme-color);
	/* 自动化列表 - 搜索栏 - 添加按钮文字颜色 */
	--auto-list-addbtn-background: var(--auto-theme-color);
	/* 自动化列表 - 列表 - 表头背景色 */
	--auto-table-thead-background: var(--auto-theme-color);
	/* 机构列表 - 功能按钮 - 字体颜色 */
	--organ-sub-button-fontcolor: var(--auto-theme-color);

	/*-------------------------- tab部分--------------------------- */
	/* 选中状态的tab项下划线颜色 */
	--tab-active-bordercolor: var(--auto-theme-color);
	/* 选中状态的tab项文字颜色 */
	--tab-active-fontcolor: var(--auto-theme-color);
	/* 为选中状态的tab项文字颜色 */
	--tab-unactive-fontcolor: #2A2A2A;

	/*------------------------- 栏目管理 ----------------------------*/
	/* 一级栏目背景色 */
	--column-lev1-background: var(--auto-theme-color);

	/*------------------------- 树结构 ------------------------------*/
	/* 树结构选中后的背景色 */
	--tree-selected-background: var(--auto-theme-color);
	/* 树结构选中后的文字颜色 */
	--tree-selected-fontcolor: var(--auto-theme-color-font);

	/* -----------------弹窗------------------------------ */
	/* 弹窗头部背景色 */
	--pop-top-background: var(--auto-theme-color);
	/* 弹窗头部字体颜色 */
	--pop-top-fontcolor: var(--auto-theme-color-font);
	/* 表单主题色 */
	--form-main-color: var(--auto-theme-color);

	/* ----------------- 框架组件 ------------------------------ */
	/* 框架组件 - 日期选择器 */
	--date-btn-background: var(--auto-theme-color);
	/* 框架组件 - 表单 - select下拉 - 选中项背景色  */
	--select-act-background: var(--auto-theme-color);
	/* 框架组件 - 表单 - 单选/勾选 - 选中高亮颜色  */
	--mcb-form-input-active-color: var(--auto-theme-color);
	/* 框架组件 - 上传文件 - 按钮背景色 */
	--upload-btn-background: var(--auto-theme-color);
	/* 框架组件 - 表单 - 保存按钮 - 背景色 */
	--mcb-button-background: var(--auto-theme-color);
	
	/* ----------------- 流程管理 ------------------------------ */
	/* 流程管理 - 列表 - 功能按钮（添加/搜索） - 背景色 */
	--flow-table-btns-blue1: var(--auto-theme-color);
	/* 流程管理 - 列表 - 表头背景色 */
	--flow-table-thead: var(--auto-theme-color);
	/* 流程管理 - 列表 - 表头字体颜色 */
	--flow-table-thead-fontcolor: var(--auto-theme-color-font);
	/* 流程管理 - 列表 - 按钮背景色（编辑/流程设计） + 按钮边框色（停用/启用）  */
	--flow-table-btns-blue: var(--auto-theme-color);
	/* 流程管理 - 列表 - （编辑）弹窗头部背景色 */
	--flow-popu-title-bg: #e6efff;
	/* 流程管理 - 列表 - （编辑）弹窗输入框背景色 */
	--flow-form-xiang-bg: #e6efff;
	--flow-form-xiang-border: var(--auto-theme-color);
	
	/* -------------------------搜索框---------------------------- */
	/* 搜索按钮 */
	--search-subbtn-background: var(--auto-theme-color);
	/* 重置按钮 */
	--search-resbtn-bordercolor: var(--auto-theme-color);
	--search-resbtn-fontcolor: var(--auto-theme-color);
	/* input聚焦时边框颜色 */
	--mhc-input-focus: var(--auto-theme-color);
}