@charset "utf-8";
:root {
  	--primary-color: rgb(0, 118, 246);
    --opacity16-color: rgba(0, 118, 246, 0.16);
    --opacity10-color: rgba(0, 118, 246, 0.1);
    --opacity08-color: rgba(0, 118, 246, 0.08);
    --opacity05-color: rgba(0, 118, 246, 0.05);
    
    --opacity30-color: rgba(255, 255, 255, 0.3);
}

.nav-bar {
	background: var(--primary-color);
}

.nav-menu .moreNavBox{
	background: var(--primary-color);
}

.nav-bar .nav-logo {
	background: none;
}

.layout-inverse .sidebar-new .nav-logo {
	background: var(--primary-color);
}

.nav-bar .nav-quick .nav-popover .bar .item a:hover,
.nav-bar .nav-quick .nav-popover .bar .item.open a {
	background-color: var(--opacity30-color);
}

.nav-menu .menu-list li a:hover,
.nav-menu .menu-list li a.hover {
	background-color: var(--opacity30-color);
}

.nav-menu .sidebar-control:hover{
	background-color: var(--opacity30-color);
}

.sidebar .nav-s{
	background: var(--primary-color);
}

.sidebar .nav-t{
	background: var(--opacity30-color);
}

.sidebar .nav-s li.hover, .sidebar .nav-s li.cur{
	background: var(--opacity30-color);
}

/* 2022 sidebar new */

/*.sidebar-new.open——start*/
.sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-title:hover,
.sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-first.hover .nav-menu-title,
.sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-second:hover>.nav-menu-item,
.sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-second.hover>.nav-menu-item {
    background: var(--opacity16-color);
}

.sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-first.hover .nav-menu-title,
.sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-second.hover>.nav-menu-item {
	color: var(--primary-color);
}

.sidebar-new.open .scroll-sidebar .nav-menu-first .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li:hover,
.sidebar-new.open .scroll-sidebar .nav-menu-first .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li.hover {
    background: var(--opacity16-color);
}

.sidebar-new.open .scroll-sidebar .nav-menu-first .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li.hover {
	color: var(--primary-color);
}

.sidebar-new.open .nav-all-item.nav-menu-title:hover {
    background: var(--opacity16-color);
}
/*.sidebar-new.open——end*/


/*.sidebar-new.retract——start*/
.sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li:hover, .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li.hover {
    background: var(--opacity16-color);   
}

.sidebar-new.retract .scroll-sidebar ul li .nav-menu-title:hover,
.sidebar-new.retract .scroll-sidebar ul li .nav-menu-title.retractHover {
    background: var(--opacity16-color);
}

.sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li:hover {
    background: var(--opacity16-color);
}

.sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li.hover {
	background: var(--opacity16-color);
	color: var(--primary-color);
}
/*.sidebar-new.retract——end*/


/*.sidebar-new.common——start*/
.sidebar-new .menu-control .nav-menu-title:hover {
    background: var(--opacity16-color);
}

.sidebar-new .all-item-box .itemList .wrap-nav>li>.nav-menu-title {
    background: var(--opacity16-color);   
}

.sidebar-new .all-item-box .itemList .nav-menu-first-subs>li:hover {
    background: var(--opacity16-color);
	color: var(--primary-color);
}

.sidebar-new .all-item-box .itemList .nav-menu-first-subs>li.nav-menu-second>span:hover {
    background: var(--opacity16-color);    
}

.sidebar-new .all-item-box .itemList .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li:hover {
    background: var(--opacity16-color);
}

.sidebar-new .all-item-box .itemList li .filter, .sidebar-new .all-item-box .itemList li .filter a {
    color: var(--primary-color) !important;
}
/*.sidebar-new.common——end*/

/*侧边栏跟随主题色*/
.color-follow .sidebar-new {
    background: var(--primary-color);
}

.color-follow .sidebar-new .nav-logo {
    background: var(--primary-color);
}

.color-follow .nav-bar .nav-quick .nav-popover .bar .item a:hover,
.color-follow .nav-bar .nav-quick .nav-popover .bar .item.open a {
    background: var(--opacity30-color);
}

.color-follow .sidebar-new .scroll-sidebar .wrap-nav .nav-menu-title .iconBox .iconShow {
    color:#fff;
}

.color-follow .sidebar-new .scroll-sidebar .nav-menu-title span:before {
    border-color: #fff !important;
}

.color-follow .sidebar-new .nav-menu-title.nav-all-item span, .color-follow .sidebar-new .nav-menu-title.nav-all-item span a{
    color:#fff;
}

/*.sidebar-new.open——start*/
.color-follow .sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-first .nav-menu-title,
.color-follow .sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-second,
.color-follow .sidebar-new.open .scroll-sidebar .nav-menu-first .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li {
    color:rgba(255,255,255,0.8);
}

.color-follow .sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-title:hover,
.color-follow .sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-first.hover .nav-menu-title,
.color-follow .sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-second:hover>.nav-menu-item,
.color-follow .sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-second.hover>.nav-menu-item {
    background: var(--opacity30-color);
    color: #fff;
}

.color-follow .sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-first.hover .nav-menu-title,
.color-follow .sidebar-new.open .scroll-sidebar .wrap-nav .nav-menu-second.hover>.nav-menu-item {
    color: #fff;
}

.color-follow .sidebar-new.open .scroll-sidebar .nav-menu-first .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li:hover,
.color-follow .sidebar-new.open .scroll-sidebar .nav-menu-first .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li.hover {
    background: var(--opacity30-color);
    color: #fff;
}

.color-follow .sidebar-new.open .scroll-sidebar .nav-menu-first .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li.hover {
    color: #fff;
}

.color-follow .sidebar-new.open .nav-all-item.nav-menu-title:hover {
    background: var(--opacity30-color);
}
/*.sidebar-new.open——end*/


/*侧边栏跟随主题色-收缩*/
.sidebar-new.retract .nav-logo {
    justify-content: left;
}

/*.sidebar-new.retract——start*/
.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs,
.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs {
    background-color: var(--primary-color);
}

.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li,
.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li a,
.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li {
    color: rgba(255,255,255,0.8);
}

.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li:hover,
.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li.nav-menu-second .nav-menu-second-subs li.hover {
    background: var(--opacity30-color);
    color: #fff;
}

.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-title:hover,
.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-title.retractHover {
    background: var(--opacity30-color);
}

.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li:hover {
    background: var(--opacity30-color);
    color: #fff;
}

.color-follow .sidebar-new.retract .scroll-sidebar ul li .nav-menu-first-subs>li.hover {
    background: var(--opacity30-color);
    color: #fff;
}
/*.sidebar-new.retract——end*/

/*侧边栏跟随主题色 ------ end*/

.layout-settings .setting-btn .save {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.layout-settings .setting-btn .save:hover {
    background-color:var(--primary-color);
}

.main-content .main-bread span:hover,.layout-inverse .main-content .header .nav-bar .nav-bread span:hover {
    color: var(--primary-color);
}

.main-content .table-search ._search-btn{
    background-color: #ffffff;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.main-content .table-search ._search-btn:hover{
	background-color: var(--opacity16-color); 
}

.message-box .message-type{
	 background-color: var(--opacity10-color);
}

.message-box .message-type .type-horizontal .message-type-item.on {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.message-box .message-type .type-horizontal .message-type-item:hover {
    color: var(--primary-color);
}

/* datagrid cell background */
.datagrid-body tr:hover, .datagrid-body tr.hover {
	background-color:var(--opacity08-color);
}

.window .window-header {
	background-color: #ffffff;
	border-color: #ccc;
}

.window, .window .window-body {
	border-color: #ccc;
}

.window .window-header .panel-title {
	color: #575765;
}

.window .window-header .panel-tool .panel-tool-close {
	background: url('images/panel_tools_gray.png') no-repeat -16px 0px;
}

.window .window-header .panel-tool .panel-tool-min {
	background: url('images/panel_tools_gray.png') no-repeat 0px 0px;
}

.window .window-header .panel-tool .panel-tool-max {
	background: url('images/panel_tools_gray.png') no-repeat 0px -16px;
}

.window .window-header .panel-tool .panel-tool-restore {
	background: url('images/panel_tools_gray.png') no-repeat -16px -16px;
}

.window .window-header .panel-tool .panel-tool-collapse {
	background: url('images/panel_tools_gray.png') no-repeat -32px 0;
}

.window .window-header .panel-tool .panel-tool-expand {
	background: url('images/panel_tools_gray.png') no-repeat -32px -16px;
}

.window .window-header .panel-tool a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #E6E6E6;
  -moz-border-radius: -2px -2px -2px -2px;
  -webkit-border-radius: -2px -2px -2px -2px;
  border-radius: -2px -2px -2px -2px;
  padding: 2px;
}

.l-btn-plain:hover {
	color: var(--primary-color);
    background: var(--opacity10-color);
    border-color: var(--opacity16-color);
    filter: none;
}

.pagination .l-btn-plain.go-to-page-btn{
	background: #ffffff;
	border-color: #ddd;
}

.pagination .l-btn-plain:hover {
    color: var(--primary-color);
    background: var(--opacity10-color);
    border-color: var(--opacity16-color);
    filter: none;
    border-radius: 2px;
}

.pagination .pagination-num:focus{
	border-color: var(--primary-color);
  	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 ,0 ,0 , 0.08), 0 0 8px var(--opacity16-color); 
   	box-shadow: inset 0 1px 1px rgb(0 ,0 ,0 , 0.08), 0 0 8px var(--opacity16-color); 
}

.combobox-item-hover, .tree-node-hover {  
	background-color: var(--opacity10-color);
	color: var(--primary-color);
}

.combobox-item-selected, .tree-node-selected {	
	background-color: var(--opacity10-color);	
	color: var(--primary-color);
}

.combo-arrow:hover {
    background-color: var(--opacity10-color);
}

.textbox-focused {
  border-color: var(--primary-color);
  outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 ,0 ,0 , 0.08), 0 0 8px var(--opacity16-color); 
   box-shadow: inset 0 1px 1px rgb(0 ,0 ,0 , 0.08), 0 0 8px var(--opacity16-color); 
}

.tabs li.tabs-selected a.tabs-inner {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.tabs li.tabs-selected a.tabs-inner,
.tabs-header-bottom .tabs li.tabs-selected a.tabs-inner,
.tabs-header-left .tabs li.tabs-selected a.tabs-inner,
.tabs-header-right .tabs li.tabs-selected a.tabs-inner{
	border-color: var(--primary-color);
}

.accordion .accordion-header:hover{
	background-color: var(--opacity10-color);
}

.accordion .accordion-header-selected{
	background-color: var(--opacity10-color);
}

.input-control.text:focus, .input-control.password:focus, .input-control.file:focus {
  border-color: var(--primary-color);
  outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgb(0 ,0 ,0 , 0.08), 0 0 8px var(--opacity16-color); 
   box-shadow: inset 0 1px 1px rgb(0 ,0 ,0 , 0.08), 0 0 8px var(--opacity16-color); 
}