@charset "UTF-8";

/* 主题颜色变量定义 */
:root {
    --theme-color: rgb(32 92 245); /* 默认使用第一个主题色 */
    --theme-color-10:  rgb(32 92 245 / 10%); 
    --theme-color-20: rgb(32 92 245 / 20%);
    --theme-color-50: rgb(32 92 245 / 50%);
}

/* ============ 顶部导航样式 ============ */
.fream-top {
    background-color: var(--theme-color);
}

.fream-first-menu ul li {
    background-color: var(--theme-color);
}

/* ============ 左侧菜单样式 ============ */
.div-left {
    background: #f5f5f5;
}

/* 一级菜单 */
.left-menu-one .menu-p {
    color: #444 !important;
/*    background: white;*/
}

.left-menu-one .menu-p > span {
    color: #444 !important;
    vertical-align: middle;
}

.left-menu-one .menu-p .zy-phone {
    color: var(--theme-color) !important;
    font-weight: 700;
}

.left-menu-one .menu-p:hover .zy-phone {
    color: var(--theme-color) !important;
    font-weight: 700;
}

.left-menu-one .first_menu_p:hover {
    background: var(--theme-color);
}

.left-menu-one .first_menu_p:hover span {
    color: #fff !important;
}
.small-item span.select-item-color{
	color:var(--theme-color) !important;
	font-size:13px;
}
/* 二级菜单 */
.left-menu-one .menu-s {
   /* background: #fff;*/
}

.left-menu-one .menu-s .class_menu {
    color: #444;
  /*  background: #fff;*/
}

.left-menu-one .menu-s .menu-s-item a:hover {
    background: var(--theme-color);
    color: #fff !important;
}

.left-menu-one .menu-s .class_menu.active a {
    color: var(--theme-color) !important;
}

.left-menu-one .menu-s .class_menu.active a:hover {
    color: #fff !important;
}

.menu-s.method_menu .menu-s-item.active {
    background: var(--theme-color);
}

.menu-s.method_menu .menu-s-item.active a {
    color: #fff !important;
}

/* ============ 收缩菜单样式 ============ */
.left-menu-two .menu-two-li-p {
    margin: 5px 5px;
}

.menu-sun-content {
    background: #fff;
    box-shadow: darkgrey 0px 0px 30px 0px;
}

.menu-sun-content li {
    border-top: 1px solid #ccc;
}

.hover-sun-li {
    background: var(--theme-color-20);
    color: #383838;
    border-radius: 5px;
}

.menu-two-ul-s {
    border: 1px solid #ccc;
    background: #f5f5f5;
}

.menu-two-ul-s .hover-sun-li {
    background: var(--theme-color);
    color: #fff !important;
}

/* ============ 按钮样式 ============ */
/* 白底主题色边框按钮 */
.btn.glyphicon-common,
.btn.glyphicon-refresh,
.btn.glyphicon-pencil,
.btn.glyphicon-share-alt,
.btn.icon-btn-qingchu,
.btn.glyphicon-play,
.btn.glyphicon-stop,
.btn.icon-a-bianji3,
.btn.glyphicon-trash,
.btn.glyphicon-erase,
.btn.glyphicon-export,
.btn.glyphicon-import,
.btn.glyphicon-print,
.btn.btn-reset,
.btn.btn-success,
.btn.btn-info,
.btn.btn-warning,
.btn.btn-primary,
.btn.btn-common,
.btn.glyphicon-leaf,
.btn.glyphicon-repeat,
.btn.btn-close,
.btn.btn-add_note,
.btn.btn-sm-save,
.btn.glyphicon-paste,
.btn.glyphicon-log-in,
.btn.btn-sm-copy,
.btn.glyphicon-default-color,
.btn.btn-detail-search,
.btn.btn-danger {
    border: 1px solid var(--theme-color);
    background-color: white ;
    color: var(--theme-color) ;
}

/* 主题色底白色文字按钮 */
.btn.glyphicon-primary,
.btn.icon-jia,
.btn.glyphicon-arrow-up,
.btn.glyphicon-arrow-down,
.btn.btn-sm-submit,
/*.btn.btn-sm-save,*/
.btn.glyphicon-ok,
.btn.icon-baocun,
.btn.btn-advance-search ,
.btn.glyphicon-save ,
.btn.glyphicon-plus ,
.btn.btn-save{
    background-color: var(--theme-color) ;
    color: white ;
    border-radius: 3px;
}

/* ============ 搜索框样式 ============ */
.oper-search .glyphicon-search {
    background-color: var(--theme-color);
    color: white;
    border-radius: 3px;
    line-height: 15px;
}

.oper-search .model-btn-clear-search {
    border: 1px solid var(--theme-color);
    background-color: white;
    line-height: 15px;
    color: var(--theme-color) !important;
}

.oper-search input:focus {
    box-shadow: 0px 0px 3px var(--theme-color);
    border-color: var(--theme-color);
}

/* ============ 表格样式 ============ */
.dtable tbody td a.btn,
.dtable tbody td span.btn {
    color: var(--theme-color) !important;
}

/* ============ 分页样式 ============ */
.dataTables_paginate .pagination > .active > a,
.dataTables_paginate .pagination > .active > a:focus,
.dataTables_paginate .pagination > .active > a:hover,
.dataTables_paginate .pagination > .active > span,
.dataTables_paginate .pagination > .active > span:focus,
.dataTables_paginate .pagination > .active > span:hover {
    background-color: var(--theme-color);
}

/* ============ 下拉菜单样式 ============ */
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #262626 !important;
    background-color: var(--theme-color-10) !important;
}




/* ============ Select2样式 ============ */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--theme-color) !important;
    color: white;
}

/* ============ 其他通用样式 ============ */
.select-item-color {
    color: var(--theme-color) !important;
    font-weight: bold;
    font-size: 15px;
}

.hover-item-color {
    color: var(--theme-color) !important;
}

.left-item-selected {
    background-color: var(--theme-color) !important;
    color: #fff !important;
    margin: 5px 5px;
    border-radius: 5px;
}

.fh-subtitle::before {
    background: var(--theme-color) !important;
}
.statistic-title::before {
    background: var(--theme-color) !important;
}

/* ============ Tab样式 ============ */
.layui-tab-brief > .layui-tab-more li.layui-this:after,
.layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom-color: var(--theme-color) !important;
    border-bottom-width: 3px !important;
}
/* ============ 按钮样式补充 ============ */
/* 下拉按钮样式 */
.btn-success.glyphicon.glyphicon-th-list.dropdown-toggle {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}

/* 按钮激活状态 */
.btn-success.active, 
.btn-success:active, 
.open>.dropdown-toggle.btn-success, 
.btn-success:hover, 
.btn-success.active.focus, 
.btn-success.active:focus, 
.btn-success.active:hover, 
.btn-success:active.focus, 
.btn-success:active:focus,
.btn-success:active:hover, 
.open>.dropdown-toggle.btn-success.focus, 
.open>.dropdown-toggle.btn-success:focus, 
.open>.dropdown-toggle.btn-success:hover {
    background-color: inherit !important;
    border-color: var(--theme-color) !important;
    color: var(--theme-color) !important;
}

/* Info按钮状态 */
.btn-info.active, 
.btn-info:active, 
.open>.dropdown-toggle.btn-info, 
.btn-info:hover, 
.btn-info.active.focus, 
.btn-info.active:focus, 
.btn-info.active:hover, 
.btn-info:active.focus, 
.btn-info:active:focus,
.btn-info:active:hover, 
.open>.dropdown-toggle.btn-info.focus, 
.open>.dropdown-toggle.btn-info:focus, 
.open>.dropdown-toggle.btn-info:hover {
    background-color: inherit !important;
    border-color: var(--theme-color) !important;
    color: var(--theme-color) !important;
}

/* 按钮组样式 */
.btn.btn-reset,
.btn.btn-success,
.btn.btn-info,
.btn.btn-warning {
    background-color: white;
    color: var(--theme-color) ;
    border: 1px solid var(--theme-color) ;
}

/* 按钮悬停和激活状态 */
.btn.btn-close,
.btn.btn-danger, 
.btn.btn-danger:hover, 
.btn.btn-danger:focus, 
.btn.btn-danger:active {
    border: 1px solid var(--theme-color);
    background-color: white;
    color: var(--theme-color) !important;
}

/* 选中的checkbox和radio的颜色 */
.pretty.success input:checked+label i:after {
    border-color: var(--theme-color);
    background-color: var(--theme-color) !important;
    top: 0px;
}

/* 按钮样式补充 */
.btn.glyphicon-pencil {
    border: 1px solid var(--theme-color);
    background-color: white;
    color: var(--theme-color);
}

/* .glyphicon-arrow-up,
.glyphicon-arrow-down {
    background-color: var(--theme-color) !important;
    color: white !important;
} */

.btn.glyphicon-ok {
    background-color: var(--theme-color) !important;
    color: white !important;
}

/* 导航样式补充 */
.position-header .page-header .nav>li>a::after {
    background-color: var(--theme-color);
}

/* 表单控件样式补充 */
.pretty.success input:checked+label i:after {
    border-color: var(--theme-color);
    background-color: var(--theme-color) !important;
    top: 0px;
}

/* 弹出层model 的按钮样式 */
.div-model-btn .model-btn-sub-and-continue {
    color: white;
    border: 1px solid var(--theme-color) !important;
    background-color: var(--theme-color) !important;
}
.div-model-btn .model-btn-sub {
    color: white;
    border: 1px solid var(--theme-color) !important;
    background-color: var(--theme-color) !important;
}
.div-model-btn .model-btn:last-child {  /* 旧版本 */
    color: white;
    border: 1px solid var(--theme-color) !important;
    background-color: var(--theme-color) !important;
}
.div-model-btn .model-btn-confirm {  /* 旧版本 */
    color: white;
    border: 1px solid var(--theme-color) !important;
    background-color: var(--theme-color) !important;
}
.modal-footer .btn:last-child {  /* 旧版本 */
    color: white!important;
    border: 1px solid var(--theme-color) !important;
    background-color: var(--theme-color) !important;
}
.modal-footer .model-btn:last-child {  /* 旧版本 */
    color: white!important;
    border: 1px solid var(--theme-color) !important;
    background-color: var(--theme-color) !important;
}
.confirm-btn-skin .layui-layer-btn .layui-layer-btn1,
.layui-layer-prompt .layui-layer-btn .layui-layer-btn0 {
    color: white!important;
    background-color: var(--theme-color) !important;
    border: 1px solid var(--theme-color) !important;
}
.form-group .btn.icon-preview {
    border: 1px solid var(--theme-color);
    background-color: white;
    color: var(--theme-color) !important;
}
.detail-title-button-approval-record,
span.btn.btn-sm.text-btn {
    color: var(--theme-color) !important;
}
.btn.glyphicon-import {
    min-width: 68px;
}
/* ============ Radio和Checkbox全局样式 ============ */
/* Radio样式 */
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #ddd;
    border-radius: 50% !important;
    outline: none;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    padding: 0 !important;
}

input[type="radio"]:checked {
    border-color: var(--theme-color);
}

input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--theme-color);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Checkbox样式 */
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px!important;
    height: 16px!important;
    border: 1px solid #ddd;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
}

input[type="checkbox"]:checked {
    border-color: var(--theme-color);
    background: var(--theme-color);
}

input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    top: 2px;
    left: 5px;
    transform: rotate(45deg);
}

/* 禁用状态 */
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
    cursor: not-allowed;
    opacity: 0.6;
    background: #f5f5f5;
}

.class-menu-two-ul-s .menu-two-ul-s .menu-two-ul-item {
    background: #fff;
    border: none;
    padding-left: 35px;
}

.class-menu-two-ul-s .menu-two-ul-s .menu-two-ul-item:hover {
    background: var(--theme-color);
    color: #fff !important;
}

.task-dept-loc-tree-container .tab-item.active {
    border-top: 2px solid var(--theme-color);
}

.task-nav-item.active>div {
    border-bottom: 2px solid var(--theme-color);
}

.task-nav-item:hover>div {
    border-bottom: 2px solid var(--theme-color);
}

.view-mode-selector-item.active {
    background-color: var(--theme-color-10);
    color: var(--theme-color);
    border-color: var(--theme-color);
}
.repair-title > span{
	background: var(--theme-color);
}
.auditInfo-main ul.nav-tab > li.active{
	border-bottom: 3px solid var(--theme-color) !important;
}
.slider-button{
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}
.slider-button--highlight {
    background: var(--theme-color);
    color: #fff;
}
.pretty.success input[type='radio']:checked+label i.default:before{
	background-color: var(--theme-color) !important;
}
.pretty.success input[type='radio']:checked+label i.default:after{
	/*border-color: var(--theme-color) !important;*/
    background: none !important;
    border-color: var(--theme-color) !important;
}
.detail-title-button-bar .detail-title-button-bar-btns .icon-shenpi:before{
	color: var(--theme-color) !important;
	font-weight: normal;
}
.contextmenu li:not([disabled]):hover {
    background: var(--theme-color) ;
    color: white;
}
.layui-layer-btn .layui-layer-btn1 {
    border-color: var(--theme-color);
    background-color: var(--theme-color);
    color: white;
}
.field-group-title {
    border-left: 3px solid var(--theme-color);
}
.fh-subtitle .btn-search:hover{
	border-color: var(--theme-color) !important;
}
.fh-subtitle .btn-search{
	color:  var(--theme-color) !important;
}
.btn-success {
    background-color: white;
    border: 1px solid  var(--theme-color) !important;
}
.detail-sub-btn {
    background-color: var(--theme-color) !important;
}
.task-nav-item.active>div {
	color:  var(--theme-color) !important;
	border-bottom: 2px solid  var(--theme-color) !important;
}
.task-nav-item:hover>div {
	color:var(--theme-color) !important;
	border-bottom: 2px solid  var(--theme-color) !important;
}
.layui-layer-tips .layui-layer-content{
	background-color:var(--theme-color) !important;
}
.layui-layer-tips .layui-layer-TipsG{
	border-right-color:var(--theme-color) !important;
}
.nav>li>a::after{
	background:var(--theme-color) !important;
}
.overlay-btn{
	color:var(--theme-color) !important;
}
.btn-common-btn{
	background-color: white;
    border: 1px solid  var(--theme-color) !important;
    color:var(--theme-color) !important;
}