/*
 *
 *   SKIN blue 若依管理系统
 *   NAME - blue/green/purple/red/yellow
 *
*/
.nav-tabs {
    border-bottom: 0px;
}

.navbar .navbar-toolbar>li>a {
    border: none !important;
}

/* 顶部横向菜单：禁用 li.active 的背景/边框，让样式落在 a 上 */
.navbar .navbar-nav>li.active,
.navbar .navbar-nav>li.selected {
    background: transparent !important;
    border-left: 0 !important;
}
.navbar .navbar-nav>li>a {
    border: none !important;
}

/** 蓝色主题 skin-blue **/
.navbar, .skin-blue .navbar {
	background-color: #3c8dbc
}

.skin-blue .navbar-default .nav>li.selected>a,
.skin-blue .navbar-default .nav>li.selected>a:focus {
	background-color: #1890ff;
    color: rgba(255,255,255,1);
}

.skin-blue .navbar .nav>li>a {
	color: #fff
}

.skin-blue .navbar .nav>li>a:hover,
.skin-blue .navbar .nav>li>a:active,
.skin-blue .navbar .nav>li>a:focus,
.skin-blue .navbar .nav .open>a,
.skin-blue .navbar .nav .open>a:hover,
.skin-blue .navbar .nav .open>a:focus,
.skin-blue .navbar .nav>.active>a {
	background: rgba(0, 0, 0, 0.1);
	color: #f6f6f6
}

.skin-blue .navbar .sidebar-toggle {
	color: #fff
}

.skin-blue .navbar .sidebar-toggle:hover {
	color: #f6f6f6;
	background: rgba(0, 0, 0, 0.1)
}

.skin-blue .navbar .sidebar-toggle {
	color: #fff
}

.skin-blue .navbar .sidebar-toggle:hover {
	background-color: #367fa9
}

@media ( max-width :767px) {
	.skin-blue .navbar .dropdown-menu li.divider {
		background-color: rgba(255, 255, 255, 0.1)
	}
	.skin-blue .navbar .dropdown-menu li a {
		color: #fff
	}
	.skin-blue .navbar .dropdown-menu li a:hover {
		background: #367fa9
	}
}

.skin-blue .logo {
	background-color: #3c8dbc;
	color: #fff;
	border-bottom: 0 solid transparent
}

.skin-blue .logo:hover {
	background-color: #357ca5
}

.skin-blue li.user-header {
	background-color: #3c8dbc
}

.skin-blue .content-header {
	background: transparent
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
	background-color: #222d32
}

.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
	color: #fff
}

.skin-blue .nav>li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-blue .nav:not(.navbar-toolbar)>li.active {
	color: #fff;
	background: #293846;
	border-left: 3px solid #3c8dbc;
}

.skin-blue .nav>li.active>ul li.active {
	border-left: none;
}

.skin-blue .dropdown-menu > .active > a, .skin-blue .dropdown-menu > .active > a:hover, .skin-blue .dropdown-menu > .active > a:focus {
    color: #fff !important;
    text-decoration: none;
    outline: 0;
    background-color: #3c8dbc;
}

.skin-blue .sidebar a {
	color: #b8c7ce
}

.skin-blue .sidebar a:hover {
	text-decoration: none
}

.skin-blue .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
	box-shadow: none;
	background-color: #374850;
	border: 1px solid transparent;
	height: 35px
}

.skin-blue .sidebar-form input[type="text"] {
	color: #666;
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px
}

.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	background-color: #fff;
	color: #666
}

.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	border-left-color: #fff
}

.skin-blue .sidebar-form .btn {
	color: #999;
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0
}

.skin-blue.layout-top-nav>.logo {
	background-color: #3c8dbc;
	color: #fff;
	border-bottom: 0 solid transparent
}

.skin-blue.layout-top-nav>.logo:hover {
	background-color: #3b8ab8
}

.skin-blue .content-tabs {
	border-bottom: 1px solid #e5e5e5;
}

.skin-blue.layout-top-nav>.logo {
	background-color: #3c8dbc;
	color: #fff;
	border-bottom: 0 solid transparent
}

.skin-blue.layout-top-nav>.logo:hover {
	background-color: #3b8ab8
}

/** 绿色主题 skin-green **/
.skin-green .navbar {
	background-color: #00a65a;
}

.skin-green .navbar-default .nav>li.selected>a,
.skin-green .navbar-default .nav>li.selected>a:focus {
	background-color: #52c41a;
    color: rgba(255,255,255,1);
}

.skin-green .content-tabs {
	border-bottom: 1px solid #e5e5e5;
}

.skin-green .navbar .nav>li>a {
	color: #fff
}

.skin-green .navbar .nav>li>a:hover,
.skin-green .navbar .nav>li>a:active,
.skin-green .navbar .nav>li>a:focus,
.skin-green .navbar .nav .open>a,
.skin-green .navbar .nav .open>a:hover,
.skin-green .navbar .nav .open>a:focus,
.skin-green .navbar .nav>.active>a {
	background: rgba(0, 0, 0, 0.1);
	color: #f6f6f6
}

.skin-green .navbar .sidebar-toggle {
	color: #fff
}

.skin-green .navbar .sidebar-toggle:hover {
	color: #f6f6f6;
	background: rgba(0, 0, 0, 0.1)
}

.skin-green .navbar .sidebar-toggle {
	color: #fff
}

.skin-green .navbar .sidebar-toggle:hover {
	background-color: #008d4c
}

@media ( max-width :767px) {
	.skin-green .navbar .dropdown-menu li.divider {
		background-color: rgba(255, 255, 255, 0.1)
	}
	.skin-green .navbar .dropdown-menu li a {
		color: #fff
	}
	.skin-green .navbar .dropdown-menu li a:hover {
		background: #008d4c
	}
}

.skin-green .logo {
	background-color: #008d4c;
	color: #fff;
	border-bottom: 0 solid transparent
}

.skin-green .logo:hover {
	background-color: #008749
}

.skin-green li.user-header {
	background-color: #00a65a
}

.skin-green .content-header {
	background: transparent
}

.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
	background-color: #222d32
}

.skin-green .user-panel>.info,
.skin-green .user-panel>.info>a {
	color: #fff
}

.skin-green .nav>li.header {
	color: #4b646f;
	background: #1a2226;
}

.skin-green .nav:not(.navbar-toolbar)>li.active {
	color: #fff;
	background: #293846;
	border-left: 3px solid #00a65a;
}

.skin-green .nav>li.active>ul li.active {
	border-left: none;
}

.skin-green .dropdown-menu > .active > a, .skin-green .dropdown-menu > .active > a:hover, .skin-green .dropdown-menu > .active > a:focus {
    color: #fff !important;
    text-decoration: none;
    outline: 0;
    background-color: #00a65a;
}

.skin-green .sidebar a {
	color: #b8c7ce
}

.skin-green .sidebar a:hover {
	text-decoration: none
}

.skin-green .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
	box-shadow: none;
	background-color: #374850;
	border: 1px solid transparent;
	height: 35px
}

.skin-green .sidebar-form input[type="text"] {
	color: #666;
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px
}

.skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	background-color: #fff;
	color: #666
}

.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	border-left-color: #fff
}

.skin-green .sidebar-form .btn {
	color: #999;
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0
}

/** 红色主题 skin-red **/
.skin-red .navbar {
	background-color: #dd4b39
}

.skin-red .navbar-default .nav>li.selected>a,
.skin-red .navbar-default .nav>li.selected>a:focus {
	background-color: #f5222d;
    color: rgba(255,255,255,1);
}

.skin-red .navbar .nav>li>a {
	color: #fff
}

.skin-red .navbar .nav>li>a:hover,
.skin-red .navbar .nav>li>a:active,
.skin-red .navbar .nav>li>a:focus,
.skin-red .navbar .nav .open>a,
.skin-red .navbar .nav .open>a:hover,
.skin-red .navbar .nav .open>a:focus,
.skin-red .navbar .nav>.active>a {
	background: rgba(0, 0, 0, 0.1);
	color: #f6f6f6
}

.skin-red .navbar .sidebar-toggle {
	color: #fff
}

.skin-red .navbar .sidebar-toggle:hover {
	color: #f6f6f6;
	background: rgba(0, 0, 0, 0.1)
}

.skin-red .navbar .sidebar-toggle {
	color: #fff
}

.skin-red .navbar .sidebar-toggle:hover {
	background-color: #d73925
}

@media ( max-width :767px) {
	.skin-red .navbar .dropdown-menu li.divider {
		background-color: rgba(255, 255, 255, 0.1)
	}
	.skin-red .navbar .dropdown-menu li a {
		color: #fff
	}
	.skin-red .navbar .dropdown-menu li a:hover {
		background: #d73925
	}
}

.skin-red .logo {
	background-color: #d73925;
	color: #fff;
	border-bottom: 0 solid transparent
}

.skin-red .logo:hover {
	background-color: #d33724
}

.skin-red li.user-header {
	background-color: #dd4b39
}

.skin-red .content-header {
	background: transparent
}

.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
	background-color: #222d32
}

.skin-red .user-panel>.info,
.skin-red .user-panel>.info>a {
	color: #fff
}

.skin-red .nav>li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-red .nav:not(.navbar-toolbar)>li.active {
	color: #fff;
	border-left: 3px solid #dd4b39;
	background: #293846;
}

.skin-red .nav>li.active>ul li.active {
	border-left: none;
}

.skin-red .dropdown-menu > .active > a, .skin-red .dropdown-menu > .active > a:hover, .skin-red .dropdown-menu > .active > a:focus {
    color: #fff !important;
    text-decoration: none;
    outline: 0;
    background-color: #dd4b39;
}

.skin-red .content-tabs {
	border-bottom: 1px solid #e5e5e5;
}

.skin-red .sidebar a {
	color: #b8c7ce
}

.skin-red .sidebar a:hover {
	text-decoration: none
}

.skin-red .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

.skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form .btn {
	box-shadow: none;
	background-color: #374850;
	border: 1px solid transparent;
	height: 35px
}

.skin-red .sidebar-form input[type="text"] {
	color: #fff;
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px
}

.skin-red .sidebar-form input[type="text"]:focus,
.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	background-color: #fff;
	color: #666
}

.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	border-left-color: #fff
}

.skin-red .sidebar-form .btn {
	color: #999;
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0
}

/** 黄色主题 skin-red **/
.skin-yellow .navbar {
	background-color: #f39c12
}

.skin-yellow .navbar-default .nav>li.selected>a,
.skin-yellow .navbar-default .nav>li.selected>a:focus {
	background-color: #faad14;
    color: rgba(255,255,255,1);
}

.skin-yellow .navbar .nav>li>a {
	color: #fff
}

.skin-yellow .navbar .nav>li>a:hover,
.skin-yellow .navbar .nav>li>a:active,
.skin-yellow .navbar .nav>li>a:focus,
.skin-yellow .navbar .nav .open>a,
.skin-yellow .navbar .nav .open>a:hover,
.skin-yellow .navbar .nav .open>a:focus,
.skin-yellow .navbar .nav>.active>a {
	background: rgba(0, 0, 0, 0.1);
	color: #f6f6f6
}

.skin-yellow .navbar .sidebar-toggle {
	color: #fff
}

.skin-yellow .navbar .sidebar-toggle:hover {
	color: #f6f6f6;
	background: rgba(0, 0, 0, 0.1)
}

.skin-yellow .navbar .sidebar-toggle {
	color: #fff
}

.skin-yellow .navbar .sidebar-toggle:hover {
	background-color: #e08e0b
}

@media ( max-width :767px) {
	.skin-yellow .navbar .dropdown-menu li.divider {
		background-color: rgba(255, 255, 255, 0.1)
	}
	.skin-yellow .navbar .dropdown-menu li a {
		color: #fff
	}
	.skin-yellow .navbar .dropdown-menu li a:hover {
		background: #e08e0b
	}
}

.skin-yellow .logo {
	background-color: #e08e0b;
	color: #fff;
	border-bottom: 0 solid transparent
}

.skin-yellow .logo:hover {
	background-color: #db8b0b
}

.skin-yellow li.user-header {
	background-color: #f39c12
}

.skin-yellow .content-header {
	background: transparent
}

.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
	background-color: #222d32
}

.skin-yellow .user-panel>.info,
.skin-yellow .user-panel>.info>a {
	color: #fff
}

.skin-yellow .nav>li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-yellow .nav:not(.navbar-toolbar)>li.active {
	color: #fff;
	background: #293846;
	border-left: 3px solid #f39c12;
}

.skin-yellow .nav>li.active>ul li.active {
	border-left: none;
}

.skin-yellow .dropdown-menu > .active > a, .skin-yellow .dropdown-menu > .active > a:hover, .skin-yellow .dropdown-menu > .active > a:focus {
    color: #fff !important;
    text-decoration: none;
    outline: 0;
    background-color: #f39c12;
}

.skin-yellow .content-tabs {
	 border-bottom: 1px solid #e5e5e5;
}

.skin-yellow .sidebar a {
	color: #b8c7ce
}

.skin-yellow .sidebar a:hover {
	text-decoration: none
}

.skin-yellow .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn {
	box-shadow: none;
	background-color: #374850;
	border: 1px solid transparent;
	height: 35px
}

.skin-yellow .sidebar-form input[type="text"] {
	color: #666;
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px
}

.skin-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	background-color: #fff;
	color: #666
}

.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	border-left-color: #fff
}

.skin-yellow .sidebar-form .btn {
	color: #999;
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0
}

/** 紫色主题 skin-purple **/
.skin-purple .navbar {
	background-color: #605ca8
}

.skin-purple .navbar-default .nav>li.selected>a,
.skin-purple .navbar-default .nav>li.selected>a:focus {
	background-color: #722ed1;
    color: rgba(255,255,255,1);
}

.skin-purple .navbar .nav>li>a {
	color: #fff
}

.skin-purple .navbar .nav>li>a:hover,
.skin-purple .navbar .nav>li>a:active,
.skin-purple .navbar .nav>li>a:focus,
.skin-purple .navbar .nav .open>a,
.skin-purple .navbar .nav .open>a:hover,
.skin-purple .navbar .nav .open>a:focus,
.skin-purple .navbar .nav>.active>a {
	background: rgba(0, 0, 0, 0.1);
	color: #f6f6f6
}

.skin-purple .navbar .sidebar-toggle {
	color: #fff
}

.skin-purple .navbar .sidebar-toggle:hover {
	color: #f6f6f6;
	background: rgba(0, 0, 0, 0.1)
}

.skin-purple .navbar .sidebar-toggle {
	color: #fff
}

.skin-purple .navbar .sidebar-toggle:hover {
	background-color: #555299
}

@media ( max-width :767px) {
	.skin-purple .navbar .dropdown-menu li.divider {
		background-color: rgba(255, 255, 255, 0.1)
	}
	.skin-purple .navbar .dropdown-menu li a {
		color: #fff
	}
	.skin-purple .navbar .dropdown-menu li a:hover {
		background: #555299
	}
}

.skin-purple .logo {
	background-color: #555299;
	color: #fff;
	border-bottom: 0 solid transparent
}

.skin-purple .logo:hover {
	background-color: #545096
}

.skin-purple li.user-header {
	background-color: #605ca8
}

.skin-purple .content-header {
	background: transparent
}

.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
	background-color: #222d32
}

.skin-purple .user-panel>.info,
.skin-purple .user-panel>.info>a {
	color: #fff
}

.skin-purple .nav>li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-purple .nav:not(.navbar-toolbar)>li.active {
	color: #fff;
	background: #293846;
	border-left: 3px solid #605ca8;
}

.skin-purple .nav>li.active>ul li.active {
	border-left: none;
}

.skin-purple .dropdown-menu > .active > a, .skin-purple .dropdown-menu > .active > a:hover, .skin-purple .dropdown-menu > .active > a:focus {
    color: #fff !important;
    text-decoration: none;
    outline: 0;
    background-color: #605ca8;
}

.skin-purple .content-tabs {
	 border-bottom: 1px solid #e5e5e5;
}

.skin-purple .sidebar a {
	color: #b8c7ce
}

.skin-purple .sidebar a:hover {
	text-decoration: none
}

.skin-purple .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
	box-shadow: none;
	background-color: #374850;
	border: 1px solid transparent;
	height: 35px
}

.skin-purple .sidebar-form input[type="text"] {
	color: #666;
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px
}

.skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	background-color: #fff;
	color: #666
}

.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	border-left-color: #fff
}

.skin-purple .sidebar-form .btn {
	color: #999;
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0
}

/*
 *
 *   侧边栏主题 若依管理系统
 *   NAME - .theme-dark/theme-light
 *
*/
/** 深黑主题 .theme-dark **/
.theme-dark .user-panel>.info>p, .theme-dark .user-panel>.info, .theme-dark .user-panel>.info>a{
	color: #fff
}

.theme-dark .nav:not(.navbar-toolbar)>li.active {
	background: #293846;
}

.theme-dark .navbar-static-side {
	background-color: #2f4050;
}

.theme-dark .user-panel {
	background-color: #2f4050;
}

.theme-dark .navbar-default .nav>li>a:hover,
.theme-dark .navbar-default .nav>li>a:focus {
	background: #293846;
}

/** 深色主题 theme-dark - 产品级深色模式适配 **/

/* 1. 基础背景与文字 */
.theme-dark, 
.theme-dark body, 
.theme-dark .gray-bg, 
.theme-dark .white-bg,
.theme-dark #wrapper,
.theme-dark .mainContent,
.theme-dark .container-div,
.theme-dark .ui-layout-center,
.theme-dark .ui-layout-west,
.theme-dark .ui-layout-pane,
.theme-dark .navbar-static-top,
.theme-dark .navbar-static-top .navbar-header,
.theme-dark .navbar-static-top .navbar-top-links {
    background-color: #1c1c1e !important;
    color: #f2f2f7 !important;
}

/* 深色模式按钮强制显示样式 */
#darkModeToggle {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#darkModeToggle i {
    font-size: 16px !important;
    margin-right: 3px !important;
}

#darkModeToggle span {
    display: inline-block !important;
}

.navbar-top-links li {
    display: inline-block !important;
}

.navbar-top-links > li {
    display: inline-block !important;
}

.theme-dark .navbar-top-links li a,
.theme-dark .navbar-top-links li a i,
.theme-dark .navbar-top-links li a span {
    color: #f2f2f7 !important;
}

.theme-dark .navbar-top-links li a:hover {
    background-color: #2c2c2e !important;
}

.theme-dark .navbar-minimalize {
    background-color: #1c1c1e !important;
    color: #ffffff !important;
}

/* 2. 布局组件 - 顶部页签栏修复 */
.theme-dark .content-tabs {
    background-color: #2c2c2e !important;
    border-bottom: 1px solid #3a3a3c !important;
}

.theme-dark .content-tabs .roll-nav,
.theme-dark .content-tabs button,
.theme-dark .roll-right.tabReload,
.theme-dark .roll-right.tabExit,
.theme-dark .roll-right.tabRight,
.theme-dark .page-tabs-list {
    background-color: #2c2c2e !important;
    color: #aeaeb2 !important;
    border-color: #3a3a3c !important;
}

.theme-dark .content-tabs .roll-nav:hover,
.theme-dark .content-tabs button:hover,
.theme-dark .roll-right.tabReload:hover,
.theme-dark .roll-right.tabExit:hover,
.theme-dark .roll-right.tabRight:hover,
.theme-dark .page-tabs-list:hover {
    background-color: #3a3a3c !important;
    color: #ffffff !important;
}

.theme-dark .page-tabs a {
    background-color: #2c2c2e !important;
    color: #aeaeb2 !important;
    border-right: 1px solid #3a3a3c !important;
}

.theme-dark .page-tabs a:hover {
    background-color: #3a3a3c !important;
    color: #ffffff !important;
}

.theme-dark .page-tabs a.active {
    background-color: #1c1c1e !important;
    color: #ffffff !important;
}

.theme-dark .roll-right.btn-group button {
    background-color: #2c2c2e !important;
    color: #aeaeb2 !important;
    border-left: 1px solid #3a3a3c !important;
}

.theme-dark .roll-right.btn-group button:hover {
    background-color: #3a3a3c !important;
    color: #ffffff !important;
}

/* 3. 面板与卡片 (ibox/box) */
.theme-dark .ibox,
.theme-dark .panel,
.theme-dark .box-main,
.theme-dark .search-collapse,
.theme-dark .select-table {
    background-color: #2c2c2e !important;
    border: 1px solid #3a3a3c !important;
    box-shadow: none !important;
}

.theme-dark .ibox-title,
.theme-dark .panel-heading,
.theme-dark .box-header {
    background-color: #2c2c2e !important;
    border-bottom: 1px solid #3a3a3c !important;
    color: #ffffff !important;
}

.theme-dark .ibox-content,
.theme-dark .panel-body,
.theme-dark .ui-layout-content {
    background-color: #2c2c2e !important;
    border: none !important;
    color: #f2f2f7 !important;
}

/* 4. 表格适配 */
.theme-dark .table,
.theme-dark .bootstrap-table {
    background-color: #2c2c2e !important;
    color: #f2f2f7 !important;
}

.theme-dark .fixed-table-toolbar,
.theme-dark .fixed-table-pagination,
.theme-dark .fixed-table-container {
    background-color: #2c2c2e !important;
    border-color: #3a3a3c !important;
    color: #f2f2f7 !important;
}

.theme-dark .table>thead>tr>th {
    /* background-color: #3a3a3c !important; */
    border-bottom: 2px solid #48484a !important;
    color: #ffffff !important;
}

.theme-dark .table>tbody>tr>td {
    border-top: 1px solid #3a3a3c !important;
    color: #f2f2f7 !important;
}

.theme-dark .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #323234 !important;
}

.theme-dark .table-hover>tbody>tr:hover {
    background-color: #3a3a3c !important;
}

.theme-dark .bootstrap-table .fixed-table-container,
.theme-dark .fixed-table-header {
    background-color: #2c2c2e !important;
    border-color: #3a3a3c !important;
}

/* 5. 表单控件与搜索区域 */
.theme-dark .select-list li {
    color: #f2f2f7 !important;
}

.theme-dark label,
.theme-dark .select-list li label {
    color: #aeaeb2 !important;
}

.theme-dark .form-control,
.theme-dark select,
.theme-dark textarea,
.theme-dark input[type="text"],
.theme-dark input[type="number"],
.theme-dark input[type="password"],
.theme-dark input[type="datetime-local"],
.theme-dark input[type="date"] {
    background-color: #3a3a3c !important;
    border: 1px solid #48484a !important;
    color: #ffffff !important;
}

.theme-dark .form-control:focus,
.theme-dark select:focus,
.theme-dark input:focus {
    border-color: #3c8dbc !important;
    background-color: #48484a !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(60,141,188,.6) !important;
}

.theme-dark .input-group-addon {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
    color: #aeaeb2 !important;
}

/* 6. 按钮 */
.theme-dark .btn-default,
.theme-dark .btn-white,
.theme-dark .btn-outline {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .btn-primary,
.theme-dark .btn-success,
.theme-dark .btn-info,
.theme-dark .btn-warning,
.theme-dark .btn-danger {
    color: #ffffff !important;
}

.theme-dark .btn-default:hover,
.theme-dark .btn-white:hover,
.theme-dark .btn-outline:hover,
.theme-dark .btn-default:focus,
.theme-dark .btn-white:focus,
.theme-dark .btn-outline:focus {
    background-color: #48484a !important;
    border-color: #5a5a5c !important;
    color: #ffffff !important;
}

/* 7. 分页 */
.theme-dark .pagination>li>a,
.theme-dark .pagination>li>span {
    background-color: #2c2c2e !important;
    border-color: #3a3a3c !important;
    color: #aeaeb2 !important;
}

.theme-dark .pagination>.active>a,
.theme-dark .pagination>.active>span {
    background-color: #007aff !important;
    border-color: #007aff !important;
    color: #ffffff !important;
}

/* 8. 弹窗与遮罩 */
.theme-dark .modal-content {
    background-color: #2c2c2e !important;
    border: 1px solid #48484a !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

.theme-dark .modal-header,
.theme-dark .modal-footer {
    border-color: #3a3a3c !important;
}

.theme-dark .layui-layer {
    background-color: #2c2c2e !important;
    color: #f2f2f7 !important;
    border: 1px solid #48484a !important;
}

.theme-dark .layui-layer-title {
    background-color: #3a3a3c !important;
    color: #ffffff !important;
    border-bottom: 1px solid #48484a !important;
}

.theme-dark .layui-layer-btn {
    background-color: #2c2c2e !important;
    border-top: 1px solid #3a3a3c !important;
    padding: 10px 15px 12px !important;
}

.theme-dark .layui-layer-btn a {
    background-color: #3a3a3c !important;
    border: 1px solid #48484a !important;
    color: #ffffff !important;
}

.theme-dark .layui-layer-btn .layui-layer-btn0 {
    background-color: #007aff !important; /* 确定按钮使用苹果蓝 */
    border-color: #007aff !important;
    color: #ffffff !important;
}

.theme-dark .layui-layer-btn a:hover {
    opacity: 0.9 !important;
    background-color: #48484a !important;
}

.ruoyi-layer-alert,
.theme-dark .ruoyi-layer-alert {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.ruoyi-layer-alert .layui-layer-title,
.theme-dark .ruoyi-layer-alert .layui-layer-title {
    background-color: #f8f8f8 !important;
    color: #333333 !important;
    border-bottom: 1px solid #eeeeee !important;
}

.ruoyi-layer-alert .layui-layer-content,
.theme-dark .ruoyi-layer-alert .layui-layer-content,
.ruoyi-layer-alert .layui-layer-padding,
.theme-dark .ruoyi-layer-alert .layui-layer-padding {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.ruoyi-layer-alert .layui-layer-content *,
.theme-dark .ruoyi-layer-alert .layui-layer-content * {
    color: inherit !important;
}

.ruoyi-layer-alert .layui-layer-btn,
.theme-dark .ruoyi-layer-alert .layui-layer-btn {
    background-color: #ffffff !important;
    border-top: 1px solid #eeeeee !important;
}

/* 9. 树形控件与搜索 */
.theme-dark .ztree *,
.theme-dark .treeview {
    color: #f2f2f7 !important;
}

.theme-dark .ztree li a.curSelectedNode {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
}

/* 10. 下拉菜单与右键菜单 */
.theme-dark .dropdown-menu,
.theme-dark .context-menu-list {
    background-color: #2c2c2e !important;
    border: 1px solid #48484a !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important;
    padding: 5px 0 !important;
}

.theme-dark .dropdown-menu>li>a,
.theme-dark .dropdown-menu>li.dropdown-item-marker label,
.theme-dark .dropdown-menu>li.dropdown-item-marker span,
.theme-dark .context-menu-item {
    background-color: transparent !important;
    color: #f2f2f7 !important;
}

.theme-dark .context-menu-item > span {
    color: #f2f2f7 !important;
}

.theme-dark .context-menu-item.context-menu-hover,
.theme-dark .context-menu-item.context-menu-active,
.theme-dark .dropdown-menu>li.dropdown-item-marker:hover,
.theme-dark .dropdown-menu>li.dropdown-item-marker label:hover,
.theme-dark .dropdown-menu>li>a:hover {
    background-color: #3a3a3c !important;
    color: #ffffff !important;
}

.theme-dark .context-menu-separator {
    border-bottom: 1px solid #48484a !important;
    background-color: transparent !important;
}

.theme-dark .context-menu-item.context-menu-icon::before {
    color: #aeaeb2 !important;
}

/* 11. 底部 */
.theme-dark .footer {
    background-color: #1c1c1e !important;
    border-top: 1px solid #2c2c2e !important;
    color: #8e8e93 !important;
}

/* 13. 侧边栏菜单深色模式强制覆盖 */
.theme-dark .navbar-static-side,
.theme-dark .navbar-static-side .sidebar-collapse,
.theme-dark .nav-header,
.theme-dark #side-menu,
.theme-dark .logo {
    background-color: #1c1c1e !important;
}

/* 在侧边栏右侧添加深色分割线，从顶到底 */
.theme-dark .navbar-static-side {
    border-right: 1px solid #2c2c2e !important;
    box-shadow: 1px 0 0 0 #2c2c2e !important; /* 增强视觉分割感 */
}

.theme-dark .logo .logo-lg,
.theme-dark .logo .logo-mini {
    color: #ffffff !important;
}

.theme-dark .nav > li > a {
    color: #aeaeb2 !important;
}

.theme-dark .nav > li > a:hover,
.theme-dark .nav > li > a:focus,
.theme-dark .nav li.active > a {
    background-color: #2c2c2e !important;
    color: #ffffff !important;
}

.theme-dark .nav-second-level li a {
    background-color: #1c1c1e !important;
}

.theme-dark .nav-second-level li a:hover {
    background-color: #2c2c2e !important;
}

.theme-dark .sidebar-container .nav>li>a:hover,
.theme-dark .sidebar-container .nav>li>a:focus {
    background-color: #2c2c2e !important;
}

/* 用户面板背景 */
.theme-dark .user-panel {
    background-color: #1c1c1e !important;
    border-bottom: 1px solid #2c2c2e !important;
}

.theme-dark .user-panel .info p {
    color: #ffffff !important;
}
.theme-dark .select-list li {
    color: #f2f2f7 !important;
}

.theme-dark .select-list li input,
.theme-dark .select-list li select {
    background-color: #3a3a3c !important;
    border: 1px solid #48484a !important;
    color: #ffffff !important;
    border-radius: 4px;
}

.theme-dark .box-title {
    color: #ffffff !important;
}

/* 搜索折叠区域样式修复 */
.theme-dark .search-collapse {
    background-color: #2c2c2e !important;
    margin-bottom: 10px;
    border-radius: 4px;
}

/* 树形布局左侧背景修复 */
.theme-dark .ui-layout-west {
    border-right: 1px solid #3a3a3c !important;
}

.theme-dark .ui-layout-resizer {
    background-color: #1c1c1e !important;
    border: 1px solid #3a3a3c !important;
}

.theme-dark .breadcrumb {
    background-color: transparent !important;
    color: #aeaeb2 !important;
}

.theme-dark .breadcrumb > li > a {
    color: #007aff !important;
}

.theme-dark .breadcrumb > .active {
    color: #aeaeb2 !important;
}

/* 进度条 */
.theme-dark .progress {
    background-color: #3a3a3c !important;
}

/* 标签页导航 */
.theme-dark .nav-tabs {
    border-bottom: 1px solid #3a3a3c !important;
}

.theme-dark .nav-tabs > li > a {
    color: #aeaeb2 !important;
}

.theme-dark .nav-tabs > li.active > a,
.theme-dark .nav-tabs > li.active > a:hover,
.theme-dark .nav-tabs > li.active > a:focus {
    background-color: #2c2c2e !important;
    border: 1px solid #3a3a3c !important;
    border-bottom-color: transparent !important;
    color: #ffffff !important;
}

/* 下拉框 Select2 / Chosen */
.theme-dark .select2-container--default .select2-selection--single {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--default.select2-container--focus .select2-selection--single,
.theme-dark .select2-container--default .select2-selection--single:focus {
    border-color: #3c8dbc !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(60,141,188,.6) !important;
}

.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
}

.theme-dark .select2-dropdown {
    background-color: #2c2c2e !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--bootstrap .select2-selection {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--bootstrap.select2-container--focus .select2-selection,
.theme-dark .select2-container--bootstrap .select2-selection:focus {
    border-color: #3c8dbc !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(60,141,188,.6) !important;
}

.theme-dark .select2-container--bootstrap .select2-selection__rendered {
    color: #ffffff !important;
}

.theme-dark .select2-container--bootstrap .select2-dropdown {
    background-color: #2c2c2e !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--bootstrap .select2-results__option {
    color: #ffffff !important;
}

.theme-dark .select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: transparent !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7 !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--default .select2-dropdown {
    background-color: #2c2c2e !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--default .select2-results__option {
    color: #ffffff !important;
}

.theme-dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7 !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.theme-dark .select2-container--bootstrap .select2-search--dropdown .select2-search__field:focus {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .select2-container--default .select2-search--dropdown .select2-search__field,
.theme-dark .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .bootstrap-select .bs-searchbox .form-control,
.theme-dark .bootstrap-select .bs-searchbox .form-control:focus {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .bootstrap-select .dropdown-toggle {
    color: #ffffff !important;
}

.theme-dark .bootstrap-select.form-control .btn-default {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

.theme-dark .bootstrap-select.form-control .btn-default:hover,
.theme-dark .bootstrap-select.form-control .btn-default:focus,
.theme-dark .bootstrap-select.form-control .btn-default:active {
    background-color: #48484a !important;
    border-color: #5a5a5c !important;
    color: #ffffff !important;
}

.theme-dark .chosen-container-single .chosen-single {
    background-color: #3a3a3c !important;
    border-color: #48484a !important;
    color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

.theme-dark .chosen-container .chosen-drop {
    background-color: #2c2c2e !important;
    border-color: #48484a !important;
    color: #ffffff !important;
}

/* 搜索框与提示 */
.theme-dark .search-list,
.theme-dark .search-input {
    background-color: #3a3a3c !important;
    color: #ffffff !important;
}

/* 表格分页详情 */
.theme-dark .fixed-table-pagination .pagination-detail,
.theme-dark .fixed-table-pagination div.pagination {
    color: #aeaeb2 !important;
}

.theme-dark .page-list .btn-group .dropdown-menu {
    background-color: #2c2c2e !important;
}

/* 徽章 */
.theme-dark .badge {
    background-color: #48484a !important;
    color: #ffffff !important;
}

/* 修复一些特定的白色元素 */
.theme-dark .ibox-tools a {
    color: #aeaeb2 !important;
}

.theme-dark .wrapper-content {
    background-color: #1c1c1e !important;
}

/* 13. 滚动条美化 */
.theme-dark ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.theme-dark ::-webkit-scrollbar-track {
    background: #1c1c1e !important;
}

.theme-dark ::-webkit-scrollbar-thumb {
    background: #3a3a3c !important;
    border-radius: 5px;
    border: 2px solid #1c1c1e;
}

.theme-dark ::-webkit-scrollbar-thumb:hover {
    background: #48484a !important;
}

/* 14. 基础控件增强 (Checkbox/Radio) */
.theme-dark input[type="checkbox"], 
.theme-dark input[type="radio"] {
    filter: invert(100%) hue-rotate(180deg) brightness(1.2);
}

/* 15. 登录页面适配 */
.theme-dark.signin {
    background-color: #1c1c1e !important;
}

.theme-dark .signinpanel {
    background: #2c2c2e !important;
    border: 1px solid #3a3a3c !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

.theme-dark .signin-info h4,
.theme-dark .signin-info strong,
.theme-dark .signin-info h5 {
    color: #ffffff !important;
}

.theme-dark .signin-info ul li {
    color: #aeaeb2 !important;
}

.theme-dark .signin-info a {
    color: #007aff !important;
}

.theme-dark #signupForm h4 {
    color: #ffffff !important;
}

.theme-dark .signup-footer {
    color: #8e8e93 !important;
}

/** 浅色主题 theme-light **/
.theme-light .user-panel>.info>p, .theme-light .user-panel>.info, .theme-light .user-panel>.info>a{
	color: #555
}

.theme-light .nav:not(.navbar-toolbar)>li.active{
	background: #f9fafc;
}

.theme-light .navbar-static-side {
	background-color: #ffffff;
	box-shadow: 2px 0 2px 0 rgba(29,35,41,.05);
}

.theme-light .user-panel {
	background-color: #ffffff;
}

.theme-light .navbar-default .nav>li>a {
	color: #585757;
}

.theme-light.skin-blue .navbar-default .nav>li.active>a {
	color: #1890ff;
}

.theme-light.skin-blue .navbar-default .nav>li.selected>a,
.theme-light.skin-blue .navbar-default .nav>li.selected>a:focus {
	background-color: rgb(240, 245, 255);
	/* color: rgb(47, 84, 235); */
}

.theme-light.skin-green .navbar-default .nav>li.active>a {
	color: #52c41a;
}

.theme-light.skin-green .navbar-default .nav>li.selected>a,
.theme-light.skin-green .navbar-default .nav>li.selected>a:focus {
	background-color: rgb(246, 255, 237);
	color: rgb(82, 196, 26);
}

.theme-light.skin-purple .navbar-default .nav>li.active>a {
	color: rgb(114, 46, 209);
}

.theme-light.skin-purple .navbar-default .nav>li.selected>a,
.theme-light.skin-purple .navbar-default .nav>li.selected>a:focus {
	background-color: #f9f0ff;
	color: #722ed1;
}

.theme-light.skin-red .navbar-default .nav>li.active>a {
	color: rgb(245, 34, 45);
}

.theme-light.skin-red .navbar-default .nav>li.selected>a,
.theme-light.skin-red .navbar-default .nav>li.selected>a:focus {
	background-color: rgb(255, 241, 240);
	color: rgb(245, 34, 45);
}

.theme-light.skin-yellow .navbar-default .nav>li.active>a {
	color: rgb(250, 173, 20);
}

.theme-light.skin-yellow .navbar-default .nav>li.selected>a,
.theme-light.skin-yellow .navbar-default .nav>li.selected>a:focus {
	background-color: #fffbe6;
	color: #faad14;
}

.theme-light .navbar-default .nav>li>a:hover,
.theme-light .navbar-default .nav>li>a:focus {
	background-color: rgb(240, 245, 255);
}

.theme-light .navbar-default .navbar-nav>li.active>a,
.theme-light .navbar-default .navbar-nav>li.selected>a {
	background-color: rgb(240, 245, 255);
}

.fixed-sidebar.theme-light.mini-navbar .nav li:hover>a> span.nav-label {
    background-color: #ffffff;
}

.fixed-sidebar.theme-light.mini-navbar .nav li:hover>.nav-second-level {
    background-color: #ffffff;
}

.theme-light.skin-blue .nav:not(.navbar-toolbar)>li.selected {
	/* border-right: 3px solid #1890ff; */
	/* margin-right: 2px; */
}

.theme-light.skin-purple .nav:not(.navbar-toolbar)>li.selected{
	border-right: 3px solid #722ed1;
	margin-right: 2px;
}

.theme-light.skin-green .nav:not(.navbar-toolbar)>li.selected{
	border-right: 3px solid #52c41a;
	margin-right: 2px;
}

.theme-light.skin-red .nav:not(.navbar-toolbar)>li.selected{
	border-right: 3px solid #f5222d;
	margin-right: 2px;
}

.theme-light.skin-yellow .nav:not(.navbar-toolbar)>li.selected{
	border-right: 3px solid #faad14;
	margin-right: 2px;
}

/** 深蓝主题 theme-light **/
/**
.skin-blue.theme-blue .logo, .skin-white.theme-blue .logo {
	background-color: #2f4050 !important;
	color: #fff;
}
**/
.theme-blue .user-panel>.info>p, .theme-blue .user-panel>.info, .theme-blue .user-panel>.info>a{
	color: #a3b1cc
}

.theme-blue .nav:not(.navbar-toolbar)>li.active{
	background-color: #2f4050;
}

.theme-blue .navbar-static-side {
	background-color: #2f4050;
	box-shadow: 2px 0 2px 0 rgba(29,35,41,.05);
}

.theme-blue .user-panel {
	background-color: #2f4050;
}

.theme-blue .navbar-default .nav>li>a {
	color: #a3b1cc;
}

.theme-blue.skin-blue .navbar-default .nav>li.active>a {
	color: #1890ff;
}

.theme-blue.skin-blue .navbar-default .nav>li.selected>a,
.theme-blue.skin-blue .navbar-default .nav>li.selected>a:focus {
	background-color: #1890ff;
	color: rgba(255,255,255,1);
}

.theme-blue.skin-green .navbar-default .nav>li.active>a {
	color: #52c41a;
}

.theme-blue.skin-green .navbar-default .nav>li.selected>a,
.theme-blue.skin-green .navbar-default .nav>li.selected>a:focus {
	background-color: #52c41a;
    color: rgba(255,255,255,1);
}

.theme-blue.skin-purple .navbar-default .nav>li.active>a {
	color: rgb(114, 46, 209);
}

.theme-blue.skin-purple .navbar-default .nav>li.selected>a,
.theme-blue.skin-purple .navbar-default .nav>li.selected>a:focus {
	background-color: #722ed1;
    color: rgba(255,255,255,1);
}

.theme-blue.skin-red .navbar-default .nav>li.active>a {
	color: rgb(245, 34, 45);
}

.theme-blue.skin-red .navbar-default .nav>li.selected>a,
.theme-blue.skin-red .navbar-default .nav>li.selected>a:focus {
	background-color: #f5222d;
    color: rgba(255,255,255,1);
}

.theme-blue.skin-yellow .navbar-default .nav>li.active>a {
	color: rgb(250, 173, 20);
}

.theme-blue.skin-yellow .navbar-default .nav>li.selected>a,
.theme-blue.skin-yellow .navbar-default .nav>li.selected>a:focus {
	background-color: #faad14;
    color: rgba(255,255,255,1);
}

.theme-blue .navbar-default .nav>li>a:hover,
.theme-blue .navbar-default .nav>li>a:focus {
	background-color: #2f4050;
	box-shadow: 2px 0 2px 0 rgba(29,35,41,.05);
}

.fixed-sidebar.theme-blue.mini-navbar .nav li:hover>a> span.nav-label {
    background-color: #2f4050;
}

.fixed-sidebar.theme-blue.mini-navbar .nav li:hover>.nav-second-level {
    background-color: #2f4050;
}

/* tab页签样式 */
.page-tabs a {
	color: rgba(0,0,0,0.65)!important;
	padding: 0 8px 0 8px;
	min-width: 50px;
	text-align: center;
	line-height: 26px;
	border-radius: 2px;
	margin:5px 0 0 4px;
	/* border: 1px solid #d9d9d9; */
}

.page-tabs a.active:hover, .page-tabs a.active i:hover {
	color: #000000!important;
	background: #f5f5f5!important;
}

.page-tabs a.active:hover i {
	color: #ffffff!important;
}

.page-tabs a.active i:hover {
	color: #ffffff!important;
	background: transparent!important;
}

.page-tabs a.active i {
	color: #ffffff;
}

/* tab页签主题样式 */
.skin-blue .page-tabs a.active {
	color: #ffffff!important;
	background: #1890ff!important;
	border: 1px solid #1890ff;
}

.skin-purple .page-tabs a.active {
	color: #ffffff!important;
	background: #722ed1!important;
	border: 1px solid #722ed1;
}

.skin-green .page-tabs a.active {
	color: #ffffff!important;
	background: #52c41a!important;
	border: 1px solid #52c41a;
}

.skin-red .page-tabs a.active {
	color: #ffffff!important;
	background: #dd4b39!important;
	border: 1px solid #dd4b39;
}

.skin-yellow .page-tabs a.active {
	color: #ffffff!important;
	background: #f39c12!important;
	border: 1px solid #f39c12;
}

/* 侧边栏菜单字体大小调整 */
#side-menu .tab-pane .nav > li > a {
    font-size: 14px;
}