/**
 * date:2024/04/11
 * Banhave后台管理系统模板
 * 基于Bootstrap v5.3.0的一款纯静态页面模板
 * Banhave<915250820@qq.com>
 */
:root {
	/* 圆角样式 */
	--border-radius-mini: 12px;
	--border-radius-small: 16px;
	--border-radius-medium: 24px;
	--border-radius-large: 32px;
    
    /* 侧边栏菜单宽度 */
    --sidebar-width: 240px;
    /* header高度 */
    --header-height: 68px;

	--bs-purple: #926dde;
    --bs-purple-hover: #a282e3;
	--bs-pink: #f96197;
    --bs-pink-hover: #fa75a4;
	--bs-yellow: #fcc525;
    --bs-yellow-hover: #fdd04d;
	--bs-teal: #33cabb;
    --bs-teal-hover: #52d3c7;
	--bs-cyan: #57c7d4;
    --bs-cyan-hover: #77d2dc;
	--bs-brown: #8d6658;
    --bs-brown-hover: #9d7162;
    --bs-indigo: #6610f2;
    --bs-indigo-hover: #7516F4;
	--bs-primary: #007bff;
    --bs-primary-hover: #0096FF;
	--bs-success: #15c377; /* green */
    --bs-success-hover: #16d17f;
	--bs-info: #48b0f7; /* blue */
    --bs-info-hover: #65bdf8;
	--bs-warning: #faa64b; /* orange */
    --bs-warning-hover: #fbb264;
	--bs-danger: #f44236; /* red */
    --bs-danger-hover: #fa8181;
    --bs-dark: #212529;
    --bs-dark-hover: #393F45;
    --bs-secondary: #6c757d;
    --bs-secondary-hover: #7a838a;
    --bs-light: #fcfdfe;
    --bs-light-hover: #f9fafb;
    --bs-pre: #f8f9fa;
    --bs-pre-font: #2f6f9f;
    --bs-pure-black: #000000;
    
	--bs-primary-rgb: 0, 123, 255;
	--bs-success-rgb: 21, 195, 119;
	--bs-info-rgb: 72, 176, 247;
	--bs-warning-rgb: 250, 166, 75;
	--bs-danger-rgb: 244, 66, 54;
	--bs-teal-rgb: 51, 202, 187;
	--bs-indigo-rgb: 102, 16, 242;
	--bs-purple-rgb: 146, 109, 222;
	--bs-pink-rgb: 249, 97, 151;
	--bs-yellow-rgb: 252, 197, 37;
	--bs-cyan-rgb: 87, 199, 212;
	--bs-brown-rgb: 141, 102, 88;
	--bs-dark-rgb: 33, 37, 41;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-light-rgb: 252, 253, 254;
	--bs-body-color-rgb: 73, 80, 87;
    --bs-gray-rgb: 108, 117, 125;
	--bs-font-sans-serif: system-ui, -apple-system, "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-body-font-size: 14px;
	--bs-body-line-height: 1.72;
	--bs-body-color: #495057;
	--bs-body-bg: #f4f5fa;
	--bs-border-color: #ededee;
	--bs-border-rgb: 237, 237, 238;
}

body,html{height:100%}
a{color:var(--bs-primary);text-decoration:none;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
a:hover{color:var(--bs-primary-hover)}
a:active,a:focus,a:hover{text-decoration:none;outline:0}
.input-group-text:active,.input-group-text:focus,a,a:active,a:focus,button,button:active,button:focus{outline:0!important}
hr{background-color:rgba(var(--bs-body-color-rgb),.1);opacity:1}
pre{background-color:var(--bs-pre);border:none;padding:15px;border-radius:3px;font-size:inherit;color:var(--bs-pre-font)}
img{max-width:100%}


/**
 * -------------------------------
 * 发现的一个问题
 * flex的布局下，按钮里面的多个英文或中文不会在一行显示
 * 这里强制其不换行
 * -------------------------------
 */
.d-flex .btn,
.d-flex .nav-link {
	white-space: nowrap;
}

/**
 * -------------------------------
 * 通用辅助类
 * -------------------------------
 */
/* padding */
.p-2-5{padding:.75rem!important}
.px-2-5{padding-right:.75rem!important;padding-left:.75rem!important}
.py-2-5{padding-top:.75rem!important;padding-bottom:.75rem!important}
.pt-2-5{padding-top:.75rem!important}
.pe-2-5{padding-right:.75rem!important}
.pb-2-5{padding-bottom:.75rem!important}
.ps-2-5{padding-left:.75rem!important}
.m-2-5{margin:.75rem!important}
.mx-2-5{margin-right:.75rem!important;margin-left:.75rem!important}
.my-2-5{margin-top:.75rem!important;margin-bottom:.75rem!important}
.mt-2-5{margin-top:.75rem!important}
.mb-2-5{margin-bottom:.75rem!important}
.me-2-5{margin-right:.75rem!important}
.ms-2-5{margin-left:.75rem!important}

/* 垂直水平居中 */
.center-vh{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;height:100%}

/* 布局 */
.flex-box{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}

/* 分割线 */
.divider{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-flex:0;flex:0 1;color:var(--bs-body-color);font-size:14px;letter-spacing:.5px;margin:2rem auto;width:100%}
.divider::after,.divider::before{content:'';-webkit-box-flex:1;flex-grow:1;border-top:1px solid var(--bs-border-color)}
.divider::before{margin-right:15px}
.divider::after{margin-left:15px}

/* 头像 */
.avatar-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.avatar-xs{height:1rem;width:1rem}
.avatar-sm{height:2rem;width:2rem}
.avatar-md{height:3rem;width:3rem}
.avatar-lg{height:4rem;width:4rem}
.avatar-xl{height:5rem;width:5rem}

/* 其他 */
.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.btn-close:focus{box-shadow:none}
.overflow-x-hidden{overflow-x:hidden!important}
.overflow-y-hidden{overflow-y:hidden!important}

/**
 * -------------------------------
 * 重置样式
 * -------------------------------
 */

/* 布局 */
.container-fluid{padding-left:1rem!important;padding-right:1rem!important;padding-top:1rem!important;padding-bottom:0!important}
.navbar .container-fluid{padding:.5rem!important}

/* 标题 */

/* 按钮 */
.btn{font-size:14px;padding:.4695rem .75rem;-webkit-border-radius:.125rem;border-radius:.125rem}
.btn-mini{padding:6px 14px}
.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:none}
.btn-w-xs{width:80px}
.btn-w-sm{width:100px}
.btn-w-md{width:120px}
.btn-w-lg{width:145px}
.btn-w-xl{width:180px}

.btn-default {
	background-color: var(--bs-light);
	border-color: var(--bs-border-color);
	color: var(--bs-secondary) !important;
}

.btn-default:hover {
	background-color: var(--bs-light-hover);
	border-color: var(--bs-border-color);
	color: var(--bs-body-color);
}

.btn-default:focus,
.btn-default.focus {
	background-color: var(--bs-light-hover) !important;
	border-color: var(--bs-border-color) !important;
	color: var(--bs-body-color);
}

.btn-default:not([disabled]):not(.disabled).active,
.btn-default:not([disabled]):not(.disabled):active,
.show>.btn-default.dropdown-toggle {
	background-color: var(--bs-light-hover) !important;
	border-color: var(--bs-border-color) !important;
	color: var(--bs-body-color);
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus,
.show>.btn-default.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-default.disabled,
.btn-default:disabled {
	background-color: var(--bs-light);
	border-color: var(--bs-border-color);
	opacity: 0.5
}

.btn-primary {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-primary:hover {
	background-color: var(--bs-primary-hover);
	border-color: var(--bs-primary-hover);
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
	background-color: var(--bs-primary-hover);
	border-color: var(--bs-primary-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
	background-color: var(--bs-primary-hover);
	border-color: var(--bs-primary-hover);
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-primary:disabled,
.btn-primary.disabled {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-secondary {
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

.btn-secondary:hover {
	background-color: var(--bs-secondary-hover);
	border-color: var(--bs-secondary-hover);
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
	background-color: var(--bs-secondary-hover);
	border-color: var(--bs-secondary-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
	background-color: var(--bs-secondary-hover);
	border-color: var(--bs-secondary-hover);
}

.btn-check:checked+.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-success {
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}

.btn-success:hover {
	background-color: var(--bs-success-hover);
	border-color: var(--bs-success-hover);
}

.btn-check:focus+.btn-success,
.btn-success:focus {
	background-color: var(--bs-success-hover);
	border-color: var(--bs-success-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-success,
.btn-check:active+.btn-success,
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
	background-color: var(--bs-success-hover);
	border-color: var(--bs-success-hover);
}

.btn-check:checked+.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show>.btn-success.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-success:disabled,
.btn-success.disabled {
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}

.btn-info {
	color: var(--bs-white);
	background-color: var(--bs-info);
	border-color: var(--bs-info);
}

.btn-info:hover {
	color: var(--bs-white);
	background-color: var(--bs-info-hover);
	border-color: var(--bs-info-hover);
}

.btn-check:focus+.btn-info,
.btn-info:focus {
	color: var(--bs-white);
	background-color: var(--bs-info-hover);
	border-color: var(--bs-info-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-info,
.btn-check:active+.btn-info,
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
	color: var(--bs-white);
	background-color: var(--bs-info-hover);
	border-color: var(--bs-info-hover);
}

.btn-check:checked+.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show>.btn-info.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-info:disabled,
.btn-info.disabled {
	color: var(--bs-white);
	background-color: var(--bs-info);
	border-color: var(--bs-info);
}

.btn-warning {
	color: var(--bs-white);
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.btn-warning:hover {
	color: var(--bs-white);
	background-color: var(--bs-warning-hover);
	border-color: var(--bs-warning-hover);
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
	color: var(--bs-white);
	background-color: var(--bs-warning-hover);
	border-color: var(--bs-warning-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-warning,
.btn-check:active+.btn-warning,
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
	color: var(--bs-white);
	background-color: var(--bs-warning-hover);
	border-color: var(--bs-warning-hover);
}

.btn-check:checked+.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show>.btn-warning.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-warning:disabled,
.btn-warning.disabled {
	color: var(--bs-white);
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.btn-danger {
	background-color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.btn-danger:hover {
	background-color: var(--bs-danger-hover);
	border-color: var(--bs-danger-hover);
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
	background-color: var(--bs-danger-hover);
	border-color: var(--bs-danger-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-danger,
.btn-check:active+.btn-danger,
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
	background-color: var(--bs-danger-hover);
	border-color: var(--bs-danger-hover);
}

.btn-check:checked+.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-danger:disabled,
.btn-danger.disabled {
	background-color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.btn-check:focus+.btn-light,
.btn-light:focus {
	box-shadow: none;
}

.btn-check:checked+.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show>.btn-light.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-dark {
    color: var(--bs-white);
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
}

.btn-dark:hover {
	background-color: var(--bs-dark-hover);
	border-color: var(--bs-dark-hover);
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
	background-color: var(--bs-dark-hover);
	border-color: var(--bs-dark-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-dark,
.btn-check:active+.btn-dark,
.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
	background-color: var(--bs-dark-hover);
	border-color: var(--bs-dark-hover);
}

.btn-check:checked+.btn-dark:focus,
.btn-check:active+.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show>.btn-dark.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-purple {
	color: var(--bs-white);
	background-color: var(--bs-purple);
	border-color: var(--bs-purple);
}

.btn-purple:hover {
	color: var(--bs-white);
	background-color: var(--bs-purple-hover);
	border-color: var(--bs-purple-hover);
}

.btn-check:focus+.btn-purple,
.btn-purple:focus {
	color: var(--bs-white);
	background-color: var(--bs-purple-hover);
	border-color: var(--bs-purple-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-purple,
.btn-check:active+.btn-purple,
.btn-purple:active,
.btn-purple.active,
.show>.btn-purple.dropdown-toggle {
	color: var(--bs-white);
	background-color: var(--bs-purple-hover);
	border-color: var(--bs-purple-hover);
}

.btn-check:checked+.btn-purple:focus,
.btn-check:active+.btn-purple:focus,
.btn-purple:active:focus,
.btn-purple.active:focus,
.show>.btn-purple.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-purple:disabled,
.btn-purple.disabled {
	color: var(--bs-white);
	background-color: var(--bs-purple);
	border-color: var(--bs-purple);
}

.btn-pink {
	color: var(--bs-white);
	background-color: var(--bs-pink);
	border-color: var(--bs-pink);
}

.btn-pink:hover {
	color: var(--bs-white);
	background-color: var(--bs-pink-hover);
	border-color: var(--bs-pink-hover);
}

.btn-check:focus+.btn-pink,
.btn-pink:focus {
	color: var(--bs-white);
	background-color: var(--bs-pink-hover);
	border-color: var(--bs-pink-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-pink,
.btn-check:active+.btn-pink,
.btn-pink:active,
.btn-pink.active,
.show>.btn-pink.dropdown-toggle {
	color: var(--bs-white);
	background-color: var(--bs-pink-hover);
	border-color: var(--bs-pink-hover);
}

.btn-check:checked+.btn-pink:focus,
.btn-check:active+.btn-pink:focus,
.btn-pink:active:focus,
.btn-pink.active:focus,
.show>.btn-pink.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-pink:disabled,
.btn-pink.disabled {
	color: var(--bs-white);
	background-color: var(--bs-pink);
	border-color: var(--bs-pink);
}

.btn-cyan {
	color: var(--bs-white);
	background-color: var(--bs-cyan);
	border-color: var(--bs-cyan);
}

.btn-cyan:hover {
	color: var(--bs-white);
	background-color: var(--bs-cyan-hover);
	border-color: var(--bs-cyan-hover);
}

.btn-check:focus+.btn-cyan,
.btn-cyan:focus {
	color: var(--bs-white);
	background-color: var(--bs-cyan-hover);
	border-color: var(--bs-cyan-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-cyan,
.btn-check:active+.btn-cyan,
.btn-cyan:active,
.btn-cyan.active,
.show>.btn-cyan.dropdown-toggle {
	color: var(--bs-white);
	background-color: var(--bs-cyan-hover);
	border-color: var(--bs-cyan-hover);
}

.btn-check:checked+.btn-cyan:focus,
.btn-check:active+.btn-cyan:focus,
.btn-cyan:active:focus,
.btn-cyan.active:focus,
.show>.btn-cyan.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-cyan:disabled,
.btn-cyan.disabled {
	color: var(--bs-white);
	background-color: var(--bs-cyan);
	border-color: var(--bs-cyan);
}

.btn-yellow {
	color: var(--bs-white);
	background-color: var(--bs-yellow);
	border-color: var(--bs-yellow);
}

.btn-yellow:hover {
	color: var(--bs-white);
	background-color: var(--bs-yellow-hover);
	border-color: var(--bs-yellow-hover);
}

.btn-check:focus+.btn-yellow,
.btn-yellow:focus {
	color: var(--bs-white);
	background-color: var(--bs-yellow-hover);
	border-color: var(--bs-yellow-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-yellow,
.btn-check:active+.btn-yellow,
.btn-yellow:active,
.btn-yellow.active,
.show>.btn-yellow.dropdown-toggle {
	color: var(--bs-white);
	background-color: var(--bs-yellow-hover);
	border-color: var(--bs-yellow-hover);
}

.btn-check:checked+.btn-yellow:focus,
.btn-check:active+.btn-yellow:focus,
.btn-yellow:active:focus,
.btn-yellow.active:focus,
.show>.btn-yellow.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-yellow:disabled,
.btn-yellow.disabled {
	color: var(--bs-white);
	background-color: var(--bs-yellow);
	border-color: var(--bs-yellow);
}

.btn-indigo {
	color: var(--bs-white);
	background-color: var(--bs-indigo);
	border-color: var(--bs-indigo);
}

.btn-indigo:hover {
	color: var(--bs-white);
	background-color: var(--bs-indigo-hover);
	border-color: var(--bs-indigo-hover);
}

.btn-check:focus+.btn-indigo,
.btn-indigo:focus {
	color: var(--bs-white);
	background-color: var(--bs-indigo-hover);
	border-color: var(--bs-indigo-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-indigo,
.btn-check:active+.btn-indigo,
.btn-indigo:active,
.btn-indigo.active,
.show>.btn-indigo.dropdown-toggle {
	color: var(--bs-white);
	background-color: var(--bs-indigo-hover);
	border-color: var(--bs-indigo-hover);
}

.btn-check:checked+.btn-indigo:focus,
.btn-check:active+.btn-indigo:focus,
.btn-indigo:active:focus,
.btn-indigo.active:focus,
.show>.btn-indigo.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-indigo:disabled,
.btn-indigo.disabled {
	color: var(--bs-white);
	background-color: var(--bs-indigo);
	border-color: var(--bs-indigo);
}

.btn-brown {
	color: var(--bs-white);
	background-color: var(--bs-brown);
	border-color: var(--bs-brown);
}

.btn-brown:hover {
	color: var(--bs-white);
	background-color: var(--bs-brown-hover);
	border-color: var(--bs-brown-hover);
}

.btn-check:focus+.btn-brown,
.btn-brown:focus {
	color: var(--bs-white);
	background-color: var(--bs-brown-hover);
	border-color: var(--bs-brown-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-brown,
.btn-check:active+.btn-brown,
.btn-brown:active,
.btn-brown.active,
.show>.btn-brown.dropdown-toggle {
	color: var(--bs-white);
	background-color: var(--bs-brown-hover);
	border-color: var(--bs-brown-hover);
}

.btn-check:checked+.btn-brown:focus,
.btn-check:active+.btn-brown:focus,
.btn-brown:active:focus,
.btn-brown.active:focus,
.show>.btn-brown.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-brown:disabled,
.btn-brown.disabled {
	color: var(--bs-white);
	background-color: var(--bs-brown);
	border-color: var(--bs-brown);
}

.btn-teal {
	color: var(--bs-white);
	background-color: var(--bs-teal);
	border-color: var(--bs-teal);
}

.btn-teal:hover {
	color: var(--bs-white);
	background-color: var(--bs-teal-hover);
	border-color: var(--bs-teal-hover);
}

.btn-check:focus+.btn-teal,
.btn-teal:focus {
	color: var(--bs-white);
	background-color: var(--bs-teal-hover);
	border-color: var(--bs-teal-hover);
	box-shadow: none;
}

.btn-check:checked+.btn-teal,
.btn-check:active+.btn-teal,
.btn-teal:active,
.btn-teal.active,
.show>.btn-teal.dropdown-toggle {
	color: var(--bs-white);
	background-color: var(--bs-teal-hover);
	border-color: var(--bs-teal-hover);
}

.btn-check:checked+.btn-teal:focus,
.btn-check:active+.btn-teal:focus,
.btn-teal:active:focus,
.btn-teal.active:focus,
.show>.btn-teal.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-teal:disabled,
.btn-teal.disabled {
	color: var(--bs-white);
	background-color: var(--bs-teal);
	border-color: var(--bs-teal);
}

.btn-outline-primary {
	color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
	box-shadow: none;
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
	color: var(--bs-primary);
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
	box-shadow: none;
}

.btn-check:checked+.btn-outline-secondary:focus,
.btn-check:active+.btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-success {
	color: var(--bs-success);
	border-color: var(--bs-success);
}

.btn-outline-success:hover {
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
	box-shadow: none;
}

.btn-check:checked+.btn-outline-success,
.btn-check:active+.btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}

.btn-check:checked+.btn-outline-success:focus,
.btn-check:active+.btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
	color: var(--bs-success);
}

.btn-outline-info {
	color: var(--bs-info);
	border-color: var(--bs-info);
}

.btn-outline-info:hover {
	color: var(--bs-white);
	background-color: var(--bs-info);
	border-color: var(--bs-info);
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
	box-shadow: none;
}

.btn-check:checked+.btn-outline-info,
.btn-check:active+.btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
	color: var(--bs-white);
	background-color: var(--bs-info);
	border-color: var(--bs-info);
}

.btn-check:checked+.btn-outline-info:focus,
.btn-check:active+.btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-info:disabled,
.btn-outline-info.disabled {
	color: var(--bs-info);
	background-color: transparent;
}

.btn-outline-warning {
	color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.btn-outline-warning:hover {
	color: var(--bs-white);
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
	box-shadow: none;
}

.btn-check:checked+.btn-outline-warning,
.btn-check:active+.btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
	color: var(--bs-white);
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.btn-check:checked+.btn-outline-warning:focus,
.btn-check:active+.btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.5);
}

.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
	color: var(--bs-warning);
}

.btn-outline-danger {
	color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.btn-outline-danger:hover {
	background-color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
	box-shadow: none;
}

.btn-check:checked+.btn-outline-danger,
.btn-check:active+.btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
	background-color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.btn-check:checked+.btn-outline-danger:focus,
.btn-check:active+.btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:var(--bs-danger)}
.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:none}

.btn-check:checked+.btn-outline-light:focus,
.btn-check:active+.btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:none}

.btn-check:checked+.btn-outline-dark:focus,
.btn-check:active+.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-purple{color:var(--bs-purple);border-color:var(--bs-purple)}
.btn-outline-purple:hover{background-color:var(--bs-purple);border-color:var(--bs-purple);color:var(--bs-white)}
.btn-check:focus+.btn-outline-purple,.btn-outline-purple:focus{box-shadow:none}

.btn-check:checked+.btn-outline-purple,
.btn-check:active+.btn-outline-purple,
.btn-outline-purple:active,
.btn-outline-purple.active,
.btn-outline-purple.dropdown-toggle.show {
	background-color: var(--bs-purple);
	border-color: var(--bs-purple);
}

.btn-check:checked+.btn-outline-purple:focus,
.btn-check:active+.btn-outline-purple:focus,
.btn-outline-purple:active:focus,
.btn-outline-purple.active:focus,
.btn-outline-purple.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-purple.disabled,.btn-outline-purple:disabled{color:var(--bs-purple)}
.btn-outline-pink{color:var(--bs-pink);border-color:var(--bs-pink)}
.btn-outline-pink:hover{background-color:var(--bs-pink);border-color:var(--bs-pink);color:var(--bs-white)}
.btn-check:focus+.btn-outline-pink,.btn-outline-pink:focus{box-shadow:none}

.btn-check:checked+.btn-outline-pink,
.btn-check:active+.btn-outline-pink,
.btn-outline-pink:active,
.btn-outline-pink.active,
.btn-outline-pink.dropdown-toggle.show {
	background-color: var(--bs-pink);
	border-color: var(--bs-pink);
}

.btn-check:checked+.btn-outline-pink:focus,
.btn-check:active+.btn-outline-pink:focus,
.btn-outline-pink:active:focus,
.btn-outline-pink.active:focus,
.btn-outline-pink.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:var(--bs-pink)}
.btn-outline-cyan{color:var(--bs-cyan);border-color:var(--bs-cyan)}
.btn-outline-cyan:hover{background-color:var(--bs-cyan);border-color:var(--bs-cyan);color:var(--bs-white)}
.btn-check:focus+.btn-outline-cyan,.btn-outline-cyan:focus{box-shadow:none}

.btn-check:checked+.btn-outline-cyan,
.btn-check:active+.btn-outline-cyan,
.btn-outline-cyan:active,
.btn-outline-cyan.active,
.btn-outline-cyan.dropdown-toggle.show {
	background-color: var(--bs-cyan);
	border-color: var(--bs-cyan);
}

.btn-check:checked+.btn-outline-cyan:focus,
.btn-check:active+.btn-outline-cyan:focus,
.btn-outline-cyan:active:focus,
.btn-outline-cyan.active:focus,
.btn-outline-cyan.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:var(--bs-cyan)}
.btn-outline-yellow{color:var(--bs-yellow);border-color:var(--bs-yellow)}
.btn-outline-yellow:hover{background-color:var(--bs-yellow);border-color:var(--bs-yellow);color:var(--bs-white)}
.btn-check:focus+.btn-outline-yellow,.btn-outline-yellow:focus{box-shadow:none}

.btn-check:checked+.btn-outline-yellow,
.btn-check:active+.btn-outline-yellow,
.btn-outline-yellow:active,
.btn-outline-yellow.active,
.btn-outline-yellow.dropdown-toggle.show {
	background-color: var(--bs-yellow);
	border-color: var(--bs-yellow);
}

.btn-check:checked+.btn-outline-yellow:focus,
.btn-check:active+.btn-outline-yellow:focus,
.btn-outline-yellow:active:focus,
.btn-outline-yellow.active:focus,
.btn-outline-yellow.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:var(--bs-yellow)}
.btn-outline-brown{color:var(--bs-brown);border-color:var(--bs-brown)}
.btn-outline-brown:hover{background-color:var(--bs-brown);border-color:var(--bs-brown);color:var(--bs-white)}
.btn-check:focus+.btn-outline-brown,.btn-outline-brown:focus{box-shadow:none}

.btn-check:checked+.btn-outline-brown,
.btn-check:active+.btn-outline-brown,
.btn-outline-brown:active,
.btn-outline-brown.active,
.btn-outline-brown.dropdown-toggle.show {
	background-color: var(--bs-brown);
	border-color: var(--bs-brown);
}

.btn-check:checked+.btn-outline-brown:focus,
.btn-check:active+.btn-outline-brown:focus,
.btn-outline-brown:active:focus,
.btn-outline-brown.active:focus,
.btn-outline-brown.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-brown.disabled,.btn-outline-brown:disabled{color:var(--bs-brown)}
.btn-outline-indigo{color:var(--bs-indigo);border-color:var(--bs-indigo)}
.btn-outline-indigo:hover{background-color:var(--bs-indigo);border-color:var(--bs-indigo);color:var(--bs-white)}
.btn-check:focus+.btn-outline-indigo,.btn-outline-indigo:focus{box-shadow:none}

.btn-check:checked+.btn-outline-indigo,
.btn-check:active+.btn-outline-indigo,
.btn-outline-indigo:active,
.btn-outline-indigo.active,
.btn-outline-indigo.dropdown-toggle.show {
	background-color: var(--bs-indigo);
	border-color: var(--bs-indigo);
}

.btn-check:checked+.btn-outline-indigo:focus,
.btn-check:active+.btn-outline-indigo:focus,
.btn-outline-indigo:active:focus,
.btn-outline-indigo.active:focus,
.btn-outline-indigo.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-indigo.disabled,.btn-outline-indigo:disabled{color:var(--bs-indigo)}
.btn-outline-teal{color:var(--bs-teal);border-color:var(--bs-teal)}
.btn-outline-teal:hover{background-color:var(--bs-teal);border-color:var(--bs-teal);color:var(--bs-white)}

.btn-check:focus+.btn-outline-teal,
.btn-outline-teal:focus {
	box-shadow: none;
}

.btn-check:checked+.btn-outline-teal,
.btn-check:active+.btn-outline-teal,
.btn-outline-teal:active,
.btn-outline-teal.active,
.btn-outline-teal.dropdown-toggle.show {
	background-color: var(--bs-teal);
	border-color: var(--bs-teal);
}

.btn-check:checked+.btn-outline-teal:focus,
.btn-check:active+.btn-outline-teal:focus,
.btn-outline-teal:active:focus,
.btn-outline-teal.active:focus,
.btn-outline-teal.dropdown-toggle.show:focus {
	box-shadow: none;
}

.btn-outline-teal.disabled,.btn-outline-teal:disabled{color:var(--bs-teal)}
.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem}
.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
.btn-round{-webkit-border-radius:10rem;border-radius:10rem}
.btn-label{position:relative;padding-left:52px;overflow:hidden}
.btn-label label{position:absolute;left:0;top:0;bottom:0;width:36px;line-height:1.5;padding-top:4px;padding-bottom:5px;background-color:rgba(var(--bs-dark-rgb),.1);cursor:pointer;margin-bottom:0}
.btn-label label i{font-size:16px}

/* 输入框 & 下拉选择 */
.form-control,.form-select{font-size:.875rem;color:var(--bs-body-color);border-color:var(--bs-gray-300);padding:.4695rem .75rem;-webkit-border-radius:.125rem;border-radius:.125rem}
.form-select{padding:.4695rem 2.25rem .4695rem .75rem;background-color: rgb(255, 255, 255);}
.form-control-plaintext:focus{box-shadow:none;outline:0}
.form-control:focus,.form-select:focus{color:var(--bs-body-color);border-color:var(--bs-primary);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25)}
.form-control-lg,.form-select-lg{font-size:1.125rem}
.form-control-sm,.form-select-sm{font-size:.625rem}

/* 复选框 */
.form-check{padding-left:1.75em}
.form-check .form-check-input{margin-left:-1.75em}
.form-check-input[type=checkbox]{border-radius:.3em;background-color: rgb(255, 255, 255);}

/* 单选框 */
.form-check-input{width:1.286em;height:1.286em}
.form-check-input:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25)}
.form-check-input:checked,.form-check-input[type=checkbox]:indeterminate{background-color:var(--bs-primary);border-color:var(--bs-primary)}

/* 开关 */
.form-switch{padding-left:2.5em}
.form-switch .form-check-input{margin-left:-2.5em}
.form-switch .form-check-input{border-radius:2em}

/* 遗留的问题，这类图像背景的颜色怎么替换成变量 */
.form-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23007bff'/%3e%3c/svg%3e");
}

.form-switch .form-check-blue.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2348b0f7'/%3e%3c/svg%3e");
}

.form-switch .form-check-indigo.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236610f2'/%3e%3c/svg%3e");
}

.form-switch .form-check-purple.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23926dde'/%3e%3c/svg%3e");
}

.form-switch .form-check-pink.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f96197'/%3e%3c/svg%3e");
}

.form-switch .form-check-red.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f44236'/%3e%3c/svg%3e");
}

.form-switch .form-check-orange.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23faa64b'/%3e%3c/svg%3e");
}

.form-switch .form-check-yellow.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fcc525'/%3e%3c/svg%3e");
}

.form-switch .form-check-green.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2315c377'/%3e%3c/svg%3e");
}

.form-switch .form-check-brown.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238d6658'/%3e%3c/svg%3e");
}

.form-switch .form-check-gray.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236c757d'/%3e%3c/svg%3e");
}

.form-switch .form-check-dark.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23212529'/%3e%3c/svg%3e");
}

.form-switch .form-check-teal.form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2333cabb'/%3e%3c/svg%3e") !important;
}

.form-switch .form-check-input:checked {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

/* 滑块（范围） */
.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--bs-white),0 0 0 .25rem rgba(var(--bs-primary-rgb),.25)}
.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px var(--bs-white),0 0 0 .25rem rgba(var(--bs-primary-rgb),.25)}
.form-range::-webkit-slider-thumb{background-color:var(--bs-primary)}
.form-range::-webkit-slider-thumb:active{background-color:rgba(var(--bs-primary-rgb),.375)}
.form-range::-webkit-slider-runnable-track{background-color:var(--bs-gray-300)}
.form-range::-moz-range-thumb{background-color:var(--bs-primary)}
.form-range::-moz-range-thumb:active{background-color:rgba(var(--bs-primary-rgb),.375)}
.form-range::-moz-range-track{background-color:var(--bs-gray-300)}

/* input其他着色 */
.form-check-blue.form-check-input:checked,
.form-check-blue.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-info)!important;
	border-color: var(--bs-info)!important;
}

.form-check-blue.form-check-input:focus {
	border-color: var(--bs-info);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-info-rgb), 0.25);
}

.form-check-indigo.form-check-input:checked,
.form-check-indigo.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-indigo)!important;
	border-color: var(--bs-indigo)!important;
}

.form-check-indigo.form-check-input:focus {
	border-color: var(--bs-indigo);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-indigo-rgb), 0.25);
}

.form-check-purple.form-check-input:checked,
.form-check-purple.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-purple)!important;
	border-color: var(--bs-purple)!important;
}

.form-check-purple.form-check-input:focus {
	border-color: var(--bs-purple);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-purple-rgb), 0.25);
}

.form-check-pink.form-check-input:checked,
.form-check-pink.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-pink)!important;
	border-color: var(--bs-pink)!important;
}

.form-check-pink.form-check-input:focus {
	border-color: var(--bs-pink);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-pink-rgb), 0.25);
}

.form-check-red.form-check-input:checked,
.form-check-red.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-danger)!important;
	border-color: var(--bs-danger)!important;
}

.form-check-red.form-check-input:focus {
	border-color: var(--bs-danger);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.form-check-orange.form-check-input:checked,
.form-check-orange.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-warning)!important;
	border-color: var(--bs-warning)!important;
}

.form-check-orange.form-check-input:focus {
	border-color: var(--bs-warning);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.25);
}

.form-check-yellow.form-check-input:checked,
.form-check-yellow.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-yellow)!important;
	border-color: var(--bs-yellow)!important;
}

.form-check-yellow.form-check-input:focus {
	border-color: var(--bs-yellow);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-yellow-rgb), 0.25);
}

.form-check-green.form-check-input:checked,
.form-check-green.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-success)!important;
	border-color: var(--bs-success)!important;
}

.form-check-green.form-check-input:focus {
	border-color: var(--bs-success);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.form-check-cyan.form-check-input:checked,
.form-check-cyan.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-cyan)!important;
	border-color: var(--bs-cyan)!important;
}

.form-check-cyan.form-check-input:focus {
	border-color: var(--bs-cyan);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-cyan-rgb), 0.25);
}

.form-check-brown.form-check-input:checked,
.form-check-brown.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-brown)!important;
	border-color: var(--bs-brown)!important;
}

.form-check-brown.form-check-input:focus {
	border-color: var(--bs-brown);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-brown-rgb), 0.25);
}

.form-check-gray.form-check-input:checked,
.form-check-gray.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-gray)!important;
	border-color: var(--bs-gray)!important;
}

.form-check-gray.form-check-input:focus {
	border-color: var(--bs-gray);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.25);
}

.form-check-dark.form-check-input:checked,
.form-check-dark.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-dark)!important;
	border-color: var(--bs-dark)!important;
}

.form-check-dark.form-check-input:focus {
	border-color: var(--bs-dark);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-dark-rgb), 0.25);
}

.form-check-teal.form-check-input:checked,
.form-check-teal.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--bs-teal)!important;
	border-color: var(--bs-teal)!important;
}

.form-check-teal.form-check-input:focus {
	border-color: var(--bs-teal);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-teal-rgb), 0.25);
}

/* 输入组 */
.input-group-text{color:var(--bs-body-color);border-color:var(--bs-gray-300);background-color:var(--bs-gray-100);border-radius:.125rem;font-size:14px}

/* file控件 */
.form-control::-webkit-file-upload-button,
.form-control::file-selector-button {
	background-color: var(--bs-gray-100);
	padding-top: 0.55rem;
	padding-bottom: 0.55rem;
	margin-top: -0.55rem;
	margin-bottom: -0.55rem;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: var(--bs-gray-200);
}

.form-control-sm::-webkit-file-upload-button,
.form-control-sm::file-selector-button {
	margin-left: -0.75rem;
}

/* 引用 */
.blockquote{font-size:1rem}

/* 徽章 */
.badge{-webkit-border-radius:.125rem;border-radius:.125rem;font-weight:300}
[class*=badge-outline-]{position:relative;border:1px solid var(--bs-gray-300);color:var(--bs-body-color);font-size:12px}
[class*=badge-outline-]:before{content:"";margin-right:5px;width:8px;height:8px;display:inline-block;-wekit-border-radius:50%;border-radius:50%}
.badge-outline-primary::before{background-color:var(--bs-primary)}
.badge-outline-secondary::before{background-color:var(--bs-secondary)}
.badge-outline-success::before{background-color:var(--bs-success)}
.badge-outline-danger::before{background-color:var(--bs-danger)}
.badge-outline-warning::before{background-color:var(--bs-warning)}
.badge-outline-info::before{background-color:var(--bs-info)}
.badge-outline-light::before{background-color:var(--bs-light)}
.badge-outline-dark::before{background-color:var(--bs-dark)}
.badge-outline-indigo::before{background-color:var(--bs-indigo)}
.badge-outline-purple::before{background-color:var(--bs-purple)}
.badge-outline-pink::before{background-color:var(--bs-pink)}
.badge-outline-cyan::before{background-color:var(--bs-cyan)}
.badge-outline-yellow::before{background-color:var(--bs-yellow)}
.badge-outline-brown::before{background-color:var(--bs-brown)}
.badge-outline-teal::before{background-color:var(--bs-teal)}

/* 表格 */
.table{--bs-table-striped-color:#495057;--bs-table-striped-bg:rgba(249, 250, 251, 0.75);--bs-table-active-color:#495057;--bs-table-active-bg:rgba(var(--bs-black-rgb), .0375);--bs-table-hover-color:#495057;--bs-table-hover-bg:rgba(241, 251, 251, 0.75);color:var(--bs-body-color);border-color:var(--bs-border-color)}
.table>:not(:first-child){border-top-color:var(--bs-border-color)!important}
.table-primary{--bs-table-bg:#d5f5f3!important;--bs-table-striped-bg:#cef3f1!important;--bs-table-striped-color:#495057!important;--bs-table-active-bg:#bdefec!important;--bs-table-active-color:#495057!important;--bs-table-hover-bg:#c6f1ef!important;--bs-table-hover-color:#495057!important;color:var(--bs-body-color)!important;border-color:var(--bs-border-color)!important}
.table-secondary{--bs-table-bg:#e2e3e5!important;--bs-table-striped-bg:#dddee1!important;--bs-table-striped-color:#495057!important;--bs-table-active-bg:#d7d9dc!important;--bs-table-active-color:#495057!important;--bs-table-hover-bg:#d0d3d6!important;--bs-table-hover-color:#495057!important;color:var(--bs-body-color)!important;border-color:var(--bs-border-color)!important}
.table-success{--bs-table-bg:#d4edda!important;--bs-table-striped-bg:#cdead4!important;--bs-table-striped-color:#495057!important;--bs-table-active-bg:#c5e6cd!important;--bs-table-active-color:#495057!important;--bs-table-hover-bg:#bce2c5!important;--bs-table-hover-color:#495057!important;color:var(--bs-body-color)!important;border-color:var(--bs-border-color)!important}
.table-info{--bs-table-bg:#cce5ff!important;--bs-table-striped-bg:#c4e1ff!important;--bs-table-striped-color:#495057!important;--bs-table-active-bg:#bbdcff!important;--bs-table-active-color:#495057!important;--bs-table-hover-bg:#b1d6ff!important;--bs-table-hover-color:#495057!important;color:var(--bs-body-color)!important;border-color:var(--bs-border-color)!important}
.table-warning{--bs-table-striped-bg:#fff1c5!important;--bs-table-striped-color:#495057!important;--bs-table-active-bg:#ffefbc!important;--bs-table-active-color:#495057!important;--bs-table-hover-bg:#ffecb2!important;--bs-table-hover-color:#495057!important;color:var(--bs-body-color)!important;border-color:var(--bs-border-color)!important}
.table-danger{--bs-table-striped-bg:#f7d0d4!important;--bs-table-striped-color:#495057!important;--bs-table-active-bg:#f6c8cd!important;--bs-table-active-color:#495057!important;--bs-table-hover-bg:#f4bfc5!important;--bs-table-hover-color:#495057!important;color:var(--bs-body-color)!important;border-color:var(--bs-border-color)!important}
.table-light{--bs-table-bg:#f7fafc!important;--bs-table-striped-bg:#f6f9fc!important;--bs-table-striped-color:#495057!important;--bs-table-active-bg:#f4f8fc!important;--bs-table-active-color:#495057!important;--bs-table-hover-bg:#f2f7fc!important;--bs-table-hover-color:#495057!important;color:var(--bs-body-color)!important;border-color:var(--bs-border-color)!important}
.table-dark{--bs-table-striped-bg:#1c1f22!important;--bs-table-striped-color:#fff!important;--bs-table-active-bg:#171a1c!important;--bs-table-active-color:#fff!important;--bs-table-hover-bg:#131617!important;--bs-table-hover-color:#fff!important;color:var(--bs-white)!important;border-color:var(--bs-border-color)!important}

/* 警告框 */
.alert{border-radius:.125rem}
.alert .alert-link:hover{text-decoration:underline}
.alert p:last-child{margin-bottom:0}
.alert .mdi:before{vertical-align:middle}

/* 标注 */
.callout{padding:.75rem 1rem;border:1px solid var(--bs-border-color);border-left:3px solid transparent}
.callout-primary{border-left-color:var(--bs-primary)}
.callout-success{border-left-color:var(--bs-success)}
.callout-info{border-left-color:var(--bs-info)}
.callout-warning{border-left-color:var(--bs-warning)}
.callout-danger{border-left-color:var(--bs-danger)}
.callout p:last-child{margin-bottom:0}

/* 背景色 */
.bg-indigo{--bs-bg-opacity:1;background-color:rgba(var(--bs-indigo-rgb),var(--bs-bg-opacity))!important}
.bg-purple{--bs-bg-opacity:1;background-color:rgba(var(--bs-purple-rgb),var(--bs-bg-opacity))!important}
.bg-pink{--bs-bg-opacity:1;background-color:rgba(var(--bs-pink-rgb),var(--bs-bg-opacity))!important}
.bg-yellow{--bs-bg-opacity:1;background-color:rgba(var(--bs-yellow-rgb),var(--bs-bg-opacity))!important}
.bg-cyan{--bs-bg-opacity:1;background-color:rgba(var(--bs-cyan-rgb),var(--bs-bg-opacity))!important}
.bg-brown{--bs-bg-opacity:1;background-color:rgba(var(--bs-brown-rgb),var(--bs-bg-opacity))!important}
.bg-teal{--bs-bg-opacity:1;background-color:rgba(var(--bs-teal-rgb),var(--bs-bg-opacity))!important}

/* 链接颜色 */
.link-primary{color:var(--bs-primary)!important}
.link-secondary{color:var(--bs-secondary)!important}
.link-success{color:var(--bs-success)!important}
.link-danger{color:var(--bs-danger)!important}
.link-warning{color:var(--bs-warning)!important}
.link-info{color:var(--bs-info)!important}
.link-light{color:var(--bs-light)!important}
.link-dark{color:var(--bs-dark)!important}

/* 边框颜色 */
.border-primary{border-color:var(--bs-primary)!important}
.border-success{border-color:var(--bs-success)!important}
.border-info{border-color:var(--bs-info)!important}
.border-warning{border-color:var(--bs-warning)!important}
.border-danger{border-color:var(--bs-danger)!important}

/* 文本颜色 */
.text-indigo{--bs-text-opacity:1;color:rgba(var(--bs-indigo-rgb),var(--bs-text-opacity))!important}
.text-purple{--bs-text-opacity:1;color:rgba(var(--bs-purple-rgb),var(--bs-text-opacity))!important}
.text-pink{--bs-text-opacity:1;color:rgba(var(--bs-pink-rgb),var(--bs-text-opacity))!important}
.text-yellow{--bs-text-opacity:1;color:rgba(var(--bs-yellow-rgb),var(--bs-text-opacity))!important}
.text-cyan{--bs-text-opacity:1;color:rgba(var(--bs-cyan-rgb),var(--bs-text-opacity))!important}
.text-brown{--bs-text-opacity:1;color:rgba(var(--bs-brown-rgb),var(--bs-text-opacity))!important}
.text-muted{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}

/* 列表组 */
.list-group-item{color:var(--bs-body-color);border-color:var(--bs-border-color)}
.list-group-item.active{border-color:var(--bs-primary);background-color:var(--bs-primary)}

/* 分页 */
.page-link{margin-right:6px;border-radius:.125rem!important;color:var(--bs-gray);white-space:nowrap;background-color: rgb(255,255,255);font-size: 14px;}
.page-link:hover{color:var(--bs-body-color);background-color:var(--bs-light-hover)}
.page-link:focus{color:var(--bs-body-color);box-shadow:none;background-color:var(--bs-light-hover)}
.page-item.active .page-link{background-color:var(--bs-primary);border-color:var(--bs-primary)}
.page-item.disabled .page-link{opacity:.6;background-color: rgb(255,255,255);}
.page-item:last-child .page-link{margin-right:0}
.pagination-sm .page-item .page-link{border-radius:.1rem!important}
.pagination-lg .page-item .page-link{border-radius:.15rem!important}

/* offcanvas */
.offcanvas-bottom,.offcanvas-end,.offcanvas-start,.offcanvas-top{border-color:var(--bs-border-color)}

/* popover */
.popover{border-color:var(--bs-border-color);border-radius:.125rem}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{border-top-color:var(--bs-border-color)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{border-right-color:var(--bs-border-color)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{border-bottom-color:var(--bs-border-color)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{border-left-color:var(--bs-border-color)}
.popover-header{background-color:var(--bs-light);border-bottom-color:var(--bs-border-color)}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{border-bottom-color:var(--bs-light)}
.popover-body{color:var(--bs-body-color)}

/* 下拉菜单 修复新版bootstrap的dropdown-menu背景为透明的问题 */
.dropdown-menu{font-size:14px;border-radius:0;border:none;-webkit-box-shadow:0 3px 8px rgb(var(--bs-dark-rgb),.1);box-shadow:0 3px 8px rgb(var(--bs-dark-rgb),.1);background-color: #fff;}
.dropdown-header,.dropdown-item,.dropdown-item-text{padding:8px 15px}
/* 新版后台 */
.dropdown-menu .dropdown-item span{padding-left: 8px;}
.dropleft .dropdown-toggle::before{vertical-align:1px}
.dropdown-item:focus,.dropdown-item:hover{background-color:var(--bs-light-hover)}
.dropdown-item.active,.dropdown-item:active{background-color:var(--bs-primary)}
.dropdown-divider{border-top-color:var(--bs-border-color)}
hr.dropdown-divider{background-color:var(--bs-border-color);border-top-color:var(--bs-border-color)}

/* 标签页 */
.nav-tabs{border-color:var(--bs-border-color);margin-bottom:1rem}
.nav-tabs .nav-link{color:var(--bs-body-color);border-top:0;border-left:0;border-right:0;border-radius:0}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{color:var(--bs-body-color);border-color:var(--bs-primary)}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-body-color);background-color:var(--bs-white);border-color:var(--bs-primary)}
.tab-content>.tab-pane{overflow:inherit!important}

/* 卡片 新增白色背景 */
.card{border:none;border-radius:var(--border-radius-mini);margin-bottom:1rem;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;-webkit-box-shadow:0 0 4px rgba(var(--bs-dark-rgb),.075);-moz-box-shadow:0 0 4px rgba(var(--bs-dark-rgb),.075);box-shadow:0 0 4px rgba(var(--bs-dark-rgb),.075);background-color: #fff;}
.card[class*=border-]{border-width:1px;border-style:solid}
.card-header{padding:.75rem 1.25rem;background-color:transparent;border-bottom:1px solid var(--bs-border-color)}
.card-header .card-title{margin-bottom:0}
.card-header div.card-title{font-size:16px}
.card-header>:last-child{margin-right:0}
.card>.card-header+.callout{background-color:var(--bs-light-hover);border-top-width:0;border-right-width:0;border-bottom-width:0}
.card-body{padding:1.25rem}
.card-body>:last-child{margin-bottom:0}
.card-body>p:last-child{margin-bottom:0}
.card-bordered{border:1px solid var(--bs-gray-200)}
.card-hover-shadow:hover,.card-shadowed{-webkit-box-shadow:0 0 25px rgba(var(--bs-dark-rgb),.375);box-shadow:0 0 25px rgba(var(--bs-dark-rgb),.375)}
.card-footer{border-top:1px solid var(--bs-border-color);padding:.75rem 1rem}/*background-color:var(--bs-light);*/
.card-footer:last-child{border-radius:0 0 var(--border-radius-mini) var(--border-radius-mini)}
.card>.list-group{border-bottom:1px solid var(--bs-border-color)}
.card-header-tabs{margin-bottom:-.75rem}
.card-actions{list-style-type:none;padding-left:0;margin-bottom:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.card-actions>li>a{display:inline-block;padding:0 4px;margin:0 4px;color:var(--bs-secondary);opacity:.8;-webkit-transition:.3s linear;transition:.3s linear}
.card-actions>li:first-child>a{margin-right:0}
.card-actions>li>a>i{height:20px;text-align:center;vertical-align:middle;cursor:pointer;line-height:20px}
.card-actions>li>a>.mdi{font-size:18px}
.card-actions>li.dropdown{line-height:26px}
.card-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;margin-bottom:0!important;z-index:998}
.card-fullscreen .card-btn-fullscreen{color:var(--bs-primary)}

/* 通用导航 */
.nav-link{color:var(--bs-primary);}
.nav-link:focus,.nav-link:hover{color:var(--bs-primary-hover);}
.nav-pills .nav-link{border-radius:.125rem}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--bs-primary);}

/* toast */
.toast{border-color:var(--bs-border-color);box-shadow:0 .125rem .75rem rgba(var(--bs-dark-rgb),.0375);border-radius:.125rem;}
.toast-header i{line-height:1em;}

/* 模态框 */
.modal-content,.modal-footer,.modal-header{border-color:var(--bs-border-color);}

/* 进度条 */
.progress{height:.75rem;border-radius:.15rem;}
.progress-bar{background-color:var(--bs-primary);}
.progress-xs{height:.25rem;}
.progress-sm{height:.5rem;}

/* 工具提示 */
.tooltip-inner{border-radius:.125rem;}

/* 加载动画 */
.spinner-border{border-width:.125em;}

/* 手风琴折叠效果 */
.accordion-item{border-color:var(--bs-border-color)}
.accordion-button:focus{border-color:inherit;box-shadow:none}
.accordion-button:not(.collapsed){background-color:rgba(var(--bs-primary-rgb),.075);color:var(--bs-primary);box-shadow:inset 0 -1px 0 var(--bs-border-color)}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23007bff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* 图库 */
.gallery-grid{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}
.gallery-grid img{max-width:100%}
.gallery-item{display:block;-webkit-column-break-inside:avoid;break-inside:avoid;padding-bottom:30px}
.gallery-grid{-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}
.gallery-grid .gallery-item{padding-bottom:16px}

/*
 * ----------------------------------
 * 		页面加载loading
 * ----------------------------------
 */
 #loading{position:absolute;width:100%;height:calc(100% - 48px);z-index:9990;background:var(--bs-body-bg);display:flex;align-items:center;justify-content:center}

 /*
 * ----------------
 * 		步骤条
 * ----------------
 */
 .nav-step{margin-bottom:1rem}
 .nav-step .nav-item{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;-webkit-box-align:center;align-items:center;flex:1 1;padding:0 12px}
 .nav-step .nav-item:first-child a::before{display:none}
.nav-step .nav-item.complete .nav-link,
.nav-step .nav-item.complete .nav-link::before,
.nav-step .nav-item  .nav-link.active,
.nav-step .nav-item  .nav-link.active::before {
	background-color: rgba(var(--bs-primary-rgb), .2)
}
.nav-step .nav-item.complete .nav-link::after,
.nav-step .nav-item .nav-link.active::after {
	background-color: var(--bs-primary);
	width: 24px;
	height: 24px;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	color: #fff
}
.nav-step .nav-item.complete .nav-link::after{width:29px;height:29px;-webkit-transform:translateX(0);transform:translateX(0);color:#fff}
.nav-step .nav-item .nav-link.active::after{width:13px;height:13px;margin-top:8px;-webkit-transform:translateX(8px);transform:translateX(8px);color:transparent}
.nav-step .nav-link{display:-webkit-inline-box;display:inline-flex;padding:0;margin:10px 0;width:29px;height:29px;max-height:29px;border-radius:50%;background-color:var(--bs-pre);-webkit-transition:.5s;transition:.5s;z-index:1}
.nav-step .nav-link::before{content:'';position:absolute;left:calc(-50% + 14.5px);right:calc(50% + 14.5px);height:10px;margin-top:9.5px;background-color:var(--bs-pre);cursor:default;-webkit-transition:.5s;transition:.5s}
.nav-step .nav-link::after{content:"\F012C";font-family:"Material Design Icons";width:0;height:0;text-align:center;font-size:18px;position:absolute;border-radius:50%;background-color:transparent;color:transparent;-webkit-transform:translate(14.5px,14.5px);transform:translate(14.5px,14.5px);-webkit-transition:.5s;transition:.5s;z-index:1;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}
.nav-step-pane.active{display:block!important}

/* 上传 */
.uploads-pic{display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;flex-direction:row;flex-wrap:wrap;margin-bottom:-10px}
.uploads-pic li{position:relative;margin-bottom:10px}
.uploads-pic .list-images-item .progress{position:absolute;bottom:0;margin-bottom:0;left:12px;right:12px}
.uploads-pic figure{position:relative;margin:0;background:#4d5259;overflow:hidden;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center;min-height:165px;max-height:165px}
.uploads-pic figure img{position:relative;display:block;min-height:100%;max-width:100%;width:100%;vertical-align:bottom;opacity:1;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:opacity .5s;transition:opacity .5s}
.uploads-pic figure:hover img{opacity:.5}
.uploads-pic figure figcaption,.uploads-pic figure figcaption>a:not(.btn){position:absolute;top:0;left:0;width:100%;height:100%}
.uploads-pic figure figcaption{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;text-transform:none;padding:2em;color:#fff;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.35s;transition:.35s}
.uploads-pic figure figcaption>a{position:static;z-index:auto;text-indent:0;white-space:nowrap;opacity:1;margin-left:2px;margin-right:2px}
.uploads-pic figure figcaption>:first-child{margin-left:0}
.uploads-pic figure:hover figcaption{-webkit-transform:scale(1);transform:scale(1)}
.uploads-pic .error,.uploads-pic .success{position:absolute;top:0;background-color:rgba(0,0,0,.125);right:12px;left:12px;color:#fff;text-align:center}

/* 时光轴 */
.timeline{margin:0;padding:0;list-style:none}
.timeline .timeline-item{display:-webkit-box;display:flex}
.timeline-date{position:relative;padding:30px 0;text-align:center}
.timeline-date time{font-size:16px!important;color:#8b95a5}
.timeline-item-dot{position:relative;flex-shrink:0;-webkit-box-flex:0;flex-grow:0;-webkit-box-ordinal-group:3;order:2;width:80px;padding-bottom:30px;text-align:center}
.timeline-item-dot .badge{display:inline-block;vertical-align:inherit;width:11px;height:11px;padding:0;-wekit-border-radius:50%;border-radius:50%;position:relative;z-index:3}
.timeline-item-dot::before{content:'';position:absolute;top:9px;left:50%;bottom:-9px;width:1px;margin-left:-1px;z-index:1;background-color:#f2f3f3}
.timeline-item-action{-webkit-box-flex:1;flex:1 1;padding-bottom:30px;color:#8b95a5}
.timeline-item-content{-webkit-box-flex:1;flex:1 1;margin-bottom:50px}
.timeline-item-content .card{margin-bottom:0}
.timeline-item-content time{color:#8b95a5}
.timeline-left .timeline-item .timeline-item-content{-webkit-box-ordinal-group:4!important;order:3!important}
.timeline-right .timeline-item .timeline-item-content{text-align:right;-webkit-box-ordinal-group:2!important;order:1!important}
.timeline-left .timeline-item-content,.timeline-right .timeline-item-content{margin-bottom:10px}
.timeline-left .timeline-item-dot,.timeline-right .timeline-item-dot{width:40px}
.timeline-left .timeline-item-dot::before,.timeline-right .timeline-item-dot::before{margin-left:0}
.timeline-item.text-muted .badge{background-color:#8b95a5}

/*
 * -----------------------
 * 		滚动条插件样式
 * -----------------------
 */
 .ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}
 .ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:6px;bottom:2px;position:absolute}
 .ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:6px;right:2px;position:absolute}
 .ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
	opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
	background-color: var(--bs-gray-200);
	opacity: 0.9;
}

.ps__thumb-x{background-color:var(--bs-gray-400);border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}
.ps__thumb-y{background-color:var(--bs-gray-400);border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:3px;right:0;position:absolute}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
	background-color: var(--bs-gray-500);
	height: 6px;
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
	background-color: var(--bs-gray-500);
	width: 6px;
}

@supports (-ms-overflow-style: none) {
	.ps{overflow:auto!important}
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
	.ps{overflow:auto!important}
}


/*
 * --------------------------
 * 			网站布局
 * --------------------------
 */
 body{background-color:transparent}
 body.index{background-color:var(--bs-body-bg)}
 

/** ----------------------------------
 * 左侧导航
 -------------------------------------- */
.layout-sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 5;
	display: block;
	width: var(--sidebar-width);
	font-weight: 500;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.3s transform;
	transition: 0.3s transform;
	transform: translateX(0);
	-webkit-box-shadow: 0px 0px 5px rgba(var(--bs-dark-rgb), 0.075);
	-moz-box-shadow: 0px 0px 5px rgba(var(--bs-dark-rgb), 0.075);
	box-shadow: 0px 0px 5px rgba(var(--bs-dark-rgb), 0.075);
}

.layout-sidebar-close .layout-sidebar{width:60px}

.layout-sidebar-close .layout-header,
.layout-sidebar-close .layout-content {
	padding-left: 60px;
}

.layout-sidebar-info {
	height: -moz-calc(100% - var(--header-height));
	height: -webkit-calc(100% - var(--header-height));
	height: calc(100% - var(--header-height));
	position: relative;
	background-color: var(--bs-white);
}

/* logo */
.sidebar-header {
	position: relative;
	overflow: hidden;
	z-index: 999;
	background-color: var(--bs-white);
	width: 100%;
	-webkit-box-shadow: 0 1px 1px -1px rgba(var(--bs-dark-rgb), 0.25);
	box-shadow: 0 1px 1px -1px rgba(var(--bs-dark-rgb), 0.25);
}

.sidebar-header:before,
.sidebar-header:after {
	content: " ";
	display: table;
}

/* 新版后台 */
.sidebar-header a{width:100%;height:var(--header-height);overflow:hidden;display: flex;align-items: center;justify-content: center;}
.sidebar-header a img{max-width:var(--sidebar-width);height: 40px;}
.sidebar-header a h1{font-size: 20px;font-weight: 700;font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;height: var(--header-height);line-height: var(--header-height);margin: 0 0 0 12px;}

/* 菜单栏关闭时动态显示/隐藏logo文字 */
.layout-sidebar-close #logo h1{display: none;}
.layout-sidebar-close .layout-sidebar:hover #logo h1{display: block;}

/* Banhave新版后台 */
/* 左侧菜单 */
.sidebar-main>.nav-drawer>li>ul>li>a>span{display: inline-block;padding-left: 9px;}
/* 左侧菜单文本超长的省略 */
.sidebar-main>.nav-drawer>li a{display: flex;}
.sidebar-main>.nav-drawer>li span{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 左侧菜单修改选中样式 li包含active同时不包含.open的选择器 */
.nav-drawer li.active:not(.open){position: relative;background-color: #e8f0fb;}
.nav-drawer li.active:not(.open)::before{content: "";width: 4px;background-color: var(--bs-primary);position: absolute;top: 0;bottom: 0;left: 0;}

/* 菜单 */
.sidebar-main{-webkit-transform:translateZ(0);transform:translateZ(0)}
.nav-drawer{list-style:none;padding:0;margin:0}
.nav-drawer>li{position:relative;display:block}
.nav-drawer li a{position:relative;display:block;padding-right:24px;padding:10px 15px 10px 52.99999px;color:inherit;font-weight:500;white-space:nowrap}
/* Banhave新版后台 */
/* .nav-drawer>li>a{border-right:3px solid transparent;padding-top:12px;padding-bottom:12px} */
.nav-drawer>li>a{
	padding-top:12px;
	padding-bottom:12px;
}
.nav-drawer>li>a>span{white-space:nowrap}
.nav-drawer>.active>a{background-color:rgba(var(--bs-dark-rgb),.0125);border-color:var(--bs-primary)}
.nav-drawer>li.active>a{background-color:rgba(var(--bs-dark-rgb),.0125)!important}
.nav-drawer>.active>a:active,.nav-drawer>.active>a:focus,.nav-drawer>.active>a:hover{background-color:rgba(var(--bs-dark-rgb),.0125);border-color:var(--bs-primary)}
.nav-drawer .nav-subnav>li.active>a,.nav-drawer .nav-subnav>li>a:hover{color:var(--bs-primary);background-color:transparent}
.nav-drawer>li>a>i{position:absolute;left:21px;top:8px;font-size:1.25em}
.nav-drawer ul li ul{padding-left:15px}
.nav-item-has-subnav>a:after{position:absolute;top:12px;right:24px;font-family:'Material Design Icons';font-size:10px;line-height:2;content:'\F0142';-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}
.nav-item-has-subnav .nav-item-has-subnav>a:after{top:10px}
.nav-item-has-subnav.open>a:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.nav-item-has-subnav.open>.nav-subnav{display:block}
.nav-subnav{display:none;margin-top:8px;margin-bottom:8px}

/* 左侧底部Copyright */
.sidebar-footer{bottom:0;width:100%;height:96px;border-top:1px solid rgba(77,82,89,.1);margin-top:24px;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;font-size:13px;line-height:24px}

/**
 * ---------------------
 * 		头部导航
 * ---------------------
 */
 .layout-header{position:fixed;top:0;right:0;left:0;z-index:4;padding-left:var(--sidebar-width);background-color:var(--bs-white);-webkit-transition:padding .3s;transition:padding .3s;-webkit-box-shadow:0 1px 1px -1px rgb(var(--bs-dark-rgb),.25);-moz-box-shadow:0 1px 1px -1px rgb(var(--bs-dark-rgb),.25);box-shadow:0 1px 1px -1px rgb(var(--bs-dark-rgb),.25)}
 .layout-header .navbar{min-height:var(--header-height);padding:0 1rem;margin-bottom:0;border:0;background-color:transparent}
 
/* 侧边栏开关 */
.aside-toggler{margin-right:.25rem;padding:.25rem .95rem .25rem .25rem;line-height:1.5;cursor:pointer}
.aside-toggler .toggler-bar{display:block;height:2px;width:20px;background-color:var(--bs-gray-700);margin:4px 0;-webkit-transition:.3s;transition:.3s}
.aside-toggler .toggler-bar:nth-child(2){width:15px}
.aside-toggler:hover .toggler-bar:nth-child(2){width:20px}
.layout-sidebar-close .aside-toggler .toggler-bar{width:20px}

/* 头部右侧内容 */
.navbar-right{list-style:none;padding:0;margin:0}
.navbar-right .icon-item{cursor:pointer;display:block;height:var(--header-height);padding:15px 10px}

/* 头像菜单 */
.navbar-right>li>a{position:relative;display:block;height:var(--header-height);line-height:var(--header-height);padding:0 0 0 15px}

/* 消息列表 */
.dropdown-notice .dropdown-menu{min-width:200px;max-width:280px}
.dropdown-notice .badge{font-size:.5em;top:25px}
.dropdown-notice .dropdown-item{text-overflow:ellipsis;overflow:hidden;word-break:break-all}
.dropdown-notice .notifications-title{padding:5px 15px 10px 15px;border-bottom:1px solid var(--bs-border-color)}
.dropdown-notice .notifications-info{position:relative;height:200px;max-height:200px;margin:0;padding:0}

/* 主题配置选择 */
.dropdown-skin .dropdown-menu {
    width: 262px;
    -moz-user-select: none; /* 火狐 */
    -webkit-user-select: none; /* webkit浏览器 */
    -ms-user-select: none; /* IE10 */
    -khtml-user-select: none; /* 早期浏览器 */
    user-select: none;
}
.skin-title p{padding:5px 15px 0 15px}
.skin-li{padding:0 12px}
.skin-li .form-check{padding:0;margin:0}
.skin-li .form-check-input{display:none}
.skin-li .form-check-input+label{display:inline-block;width:20px;height:20px;cursor:pointer;margin:3px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .1s ease;transition:all .1s ease}
.skin-li .form-check-input:checked+label{position:relative}
.skin-li .form-check-input:checked+label::after{content:"\F012C";font-family:"Material Design Icons";font-size:1rem;display:block;color:var(--bs-white);width:100%;text-align:center;line-height:20px;position:absolute;top:0;-webkit-transition:.2s;transition:.2s}
li.skin-li .form-check:first-child .form-check-input:checked+label::after{color:var(--bs-body-color)}

#header_bg_1+label,#logo_bg_1+label,#sidebar_bg_1+label,#site_theme_1+label{background-color:var(--bs-white);border:1px solid var(--bs-border-color)}
#header_bg_2+label,#logo_bg_2+label,#sidebar_bg_2+label{background-color:var(--bs-success);border:1px solid var(--bs-success)}
#header_bg_3+label,#logo_bg_3+label,#sidebar_bg_3+label{background-color:var(--bs-info);border:1px solid var(--bs-info)}
#header_bg_4+label,#logo_bg_4+label,#sidebar_bg_4+label{background-color:var(--bs-warning);border:1px solid var(--bs-warning)}
#header_bg_5+label,#logo_bg_5+label,#sidebar_bg_5+label{background-color:var(--bs-danger);border:1px solid var(--bs-danger)}
#header_bg_6+label,#logo_bg_6+label,#sidebar_bg_6+label{background-color:var(--bs-purple);border:1px solid var(--bs-purple)}
#header_bg_7+label,#logo_bg_7+label,#sidebar_bg_7+label{background-color:var(--bs-teal);border:1px solid var(--bs-teal)}
#header_bg_8+label,#logo_bg_8+label,#sidebar_bg_8+label,#site_theme_8+label{background-color:var(--bs-dark);border:1px solid var(--bs-dark)}

#site_theme_2+label{background-image:-webkit-gradient(linear,left top,right top,from(#00cef9),to(#00e6af));background-image:-webkit-linear-gradient(left,#00cef9,#00e6af);background-image:-moz-linear-gradient(left,#00cef9,#00e6af);background-image:-o-linear-gradient(left,#00cef9,#00e6af);background-image:linear-gradient(to right,#00cef9,#00e6af);background-repeat:repeat-x}
#site_theme_3+label{background-image:-webkit-gradient(linear,left top,right top,from(#9f78ff),to(#32cafe));background-image:-webkit-linear-gradient(left,#9f78ff,#32cafe);background-image:-moz-linear-gradient(left,#9f78ff,#32cafe);background-image:-o-linear-gradient(left,#9f78ff,#32cafe);background-image:linear-gradient(to right,#9f78ff,#32cafe);background-repeat:repeat-x}
#site_theme_4+label{background-image:-webkit-gradient(linear,left top,right top,from(#ff8008),to(#ffc837));background-image:-webkit-linear-gradient(left,#ff8008,#ffc837);background-image:-moz-linear-gradient(left,#ff8008,#ffc837);background-image:-o-linear-gradient(left,#ff8008,#ffc837);background-image:linear-gradient(to right,#ff8008,#ffc837);background-repeat:repeat-x}
#site_theme_5+label{background-image:-webkit-gradient(linear,left top,right top,from(#ff5858),to(#e888b7));background-image:-webkit-linear-gradient(left,#ff5858,#e888b7);background-image:-moz-linear-gradient(left,#ff5858,#e888b7);background-image:-o-linear-gradient(left,#ff5858,#e888b7);background-image:linear-gradient(to right,#ff5858,#e888b7);background-repeat:repeat-x}
#site_theme_6+label{background-image:-webkit-gradient(linear,left top,right top,from(#a376fc),to(#f96f9b));background-image:-webkit-linear-gradient(left,#a376fc,#f96f9b);background-image:-moz-linear-gradient(left,#a376fc,#f96f9b);background-image:-o-linear-gradient(left,#a376fc,#f96f9b);background-image:linear-gradient(to right,#a376fc,#f96f9b);background-repeat:repeat-x}
#site_theme_7+label{background-image:-webkit-gradient(linear,left top,right top,from(#514a9d),to(#24c6dc));background-image:-webkit-linear-gradient(left,#514a9d,#24c6dc);background-image:-moz-linear-gradient(left,#514a9d,#24c6dc);background-image:-o-linear-gradient(left,#514a9d,#24c6dc);background-image:linear-gradient(to right,#514a9d,#24c6dc);background-repeat:repeat-x}


/** ----------------------------------
 * 主要内容
 -------------------------------------- */
 .layout-content{position:absolute;height:100%;width:100%;padding-top:var(--header-height);padding-left:var(--sidebar-width);-webkit-transition:padding .3s;transition:padding .3s}
 .layout-content #iframe-content{height:100%}
 
/** ----------------------------------
 * 响应式处理
 -------------------------------------- */
@media (max-width: 1279.98px) {
    .table-responsive-xxl>.table>tbody>tr>td,
    .table-responsive-xxl>.table>tbody>tr>th,
    .table-responsive-xxl>.table>tfoot>tr>td,
    .table-responsive-xxl>.table>tfoot>tr>th,
    .table-responsive-xxl>.table>thead>tr>td,
    .table-responsive-xxl>.table>thead>tr>th {
        white-space: nowrap;
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl>.table>tbody>tr>td,
    .table-responsive-xl>.table>tbody>tr>th,
    .table-responsive-xl>.table>tfoot>tr>td,
    .table-responsive-xl>.table>tfoot>tr>th,
    .table-responsive-xl>.table>thead>tr>td,
    .table-responsive-xl>.table>thead>tr>th {
        white-space: nowrap;
    }
}
@media (max-width: 1024px) {
	.layout-sidebar{transform:translateX(-100%)}
	.layout-content,.layout-header{padding-left:0}
	.layout-sidebar{-webkit-box-shadow:none;-moz-webkit-box-shadow:none;box-shadow:none}
	.layout-sidebar.aside-open{transform:translateX(0)}

	/* 遮罩层 */
	.mask-modal{background-color:rgba(var(--bs-dark-rgb),.5);height:100%;left:0;opacity:1;top:0;visibility:visible;width:100%;z-index:5;position:fixed;-webkit-transition:visibility 0 linear .4s,opacity .4s cubic-bezier(.4,0,.2,1);transition:visibility 0 linear .4s,opacity .4s cubic-bezier(.4,0,.2,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
	.layout-sidebar-close .layout-sidebar{width:var(--sidebar-width)}
	.layout-sidebar-close .layout-content,.layout-sidebar-close .layout-header{padding-left:0}
	
}

@media (min-width: 1024px) {
	.layout-sidebar-close .nav-drawer>li>a{padding:12px 28px 12px 29px;height:48px}
	.layout-sidebar-close .nav-drawer>li>a span{display:none}
	.layout-sidebar-close .nav-drawer>li>a:after{content:''}
	.layout-sidebar-close .ps__rail-x,.layout-sidebar-close .ps__rail-y{pointer-events:none}
	.layout-sidebar-close .layout-sidebar:not(:hover) .ps{overflow:visible!important}
	.layout-sidebar-close .layout-sidebar:not(:hover) .nav-item-has-subnav>.nav-subnav{display:none!important}
	.layout-sidebar-close .sidebar-footer{visibility:hidden;opacity:0}
	.layout-sidebar{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}
	.layout-sidebar-close .layout-sidebar:hover{width:var(--sidebar-width)}
	.layout-sidebar-close .layout-sidebar:hover .nav-drawer>li>a{padding-right:24px;padding-left:52.99999px;padding-top:12px;padding-bottom:12px}
	.layout-sidebar-close .layout-sidebar:hover .nav-drawer>li>a span{display:block}
	.layout-sidebar-close .layout-sidebar:hover .nav-drawer .nav-item-has-subnav>a:after{content:'\F0142'}
	.layout-sidebar-close .layout-sidebar:hover .sidebar-footer{visibility:visible;opacity:1;-webkit-transition:opacity .3s ease-in-out .15s;transition:opacity .3s ease-in-out .15s}
	body:not(.layout-sidebar-close) .sidebar-footer{-webkit-transition:opacity .3s ease-in-out .15s;transition:opacity .3s ease-in-out .15s}
	.gallery-grid{-webkit-column-count:4;-moz-column-count:4;column-count:4}

}
@media (min-width: 992px) {
    .timeline .timeline-item:nth-child(even) .timeline-item-action{-webkit-box-ordinal-group:2;order:1;text-align:right}
	.timeline .timeline-item:nth-child(odd) .timeline-item-action{-webkit-box-ordinal-group:4;order:3;text-align:left}
	.timeline .timeline-item:nth-child(even) .timeline-item-content{-webkit-box-ordinal-group:4;order:3}
	.timeline .timeline-item:nth-child(odd) .timeline-item-content{-webkit-box-ordinal-group:2;order:1}

}
@media (max-width: 991.98px) {
    .table-responsive-lg>.table>tbody>tr>td,
    .table-responsive-lg>.table>tbody>tr>th,
    .table-responsive-lg>.table>tfoot>tr>td,
    .table-responsive-lg>.table>tfoot>tr>th,
    .table-responsive-lg>.table>thead>tr>td,
    .table-responsive-lg>.table>thead>tr>th {
        white-space: nowrap;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md>.table>tbody>tr>td,
    .table-responsive-md>.table>tbody>tr>th,
    .table-responsive-md>.table>tfoot>tr>td,
    .table-responsive-md>.table>tfoot>tr>th,
    .table-responsive-md>.table>thead>tr>td,
    .table-responsive-md>.table>thead>tr>th {
        white-space: nowrap;
    }
    .gallery-grid {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media (max-width: 575.98px) {
    .table-responsive-sm>.table>tbody>tr>td,
    .table-responsive-sm>.table>tbody>tr>th,
    .table-responsive-sm>.table>tfoot>tr>td,
    .table-responsive-sm>.table>tfoot>tr>th,
    .table-responsive-sm>.table>thead>tr>td,
    .table-responsive-sm>.table>thead>tr>th {
        white-space: nowrap;
    }    
    .pagination .page-item {
        display: none;
    }
    .pagination .page-item:first-child,
    .pagination .page-item:last-child {
        display: block;
    }
    .timeline-center .timeline-item .timeline-item-action {
        display: none;
    }
}
@media screen and (max-width: 430px) {
	.dropdown-skin .dropdown-menu{left:-64px!important}
	.dropdown-notice .dropdown-menu{left:-38px!important}
	.nav-step .nav-step-item p{display:none}
}

/* 配色 */
[data-headerbg=color_2] .layout-header,[data-logobg=color_2] .sidebar-header,[data-sidebarbg=color_2] .layout-sidebar-info{background-color:var(--bs-success)}
[data-headerbg=color_3] .layout-header,[data-logobg=color_3] .sidebar-header,[data-sidebarbg=color_3] .layout-sidebar-info{background-color:var(--bs-info)}
[data-headerbg=color_4] .layout-header,[data-logobg=color_4] .sidebar-header,[data-sidebarbg=color_4] .layout-sidebar-info{background-color:var(--bs-warning)}
[data-headerbg=color_5] .layout-header,[data-logobg=color_5] .sidebar-header,[data-sidebarbg=color_5] .layout-sidebar-info{background-color:var(--bs-danger)}
[data-headerbg=color_6] .layout-header,[data-logobg=color_6] .sidebar-header,[data-sidebarbg=color_6] .layout-sidebar-info{background-color:var(--bs-purple)}
[data-headerbg=color_7] .layout-header,[data-logobg=color_7] .sidebar-header,[data-sidebarbg=color_7] .layout-sidebar-info{background-color:var(--bs-teal)}
[data-headerbg=color_8] .layout-header,[data-logobg=color_8] .sidebar-header,[data-sidebarbg=color_8] .layout-sidebar-info{background-color:var(--bs-dark)}

[data-logobg*='color_'] .sidebar-header img {
    position: relative;
    -webkit-filter: brightness(275%);
	-moz-filter: brightness(275%);
    -ms-filter: brightness(275%);
    -o-filter: brightness(275%);
    filter: brightness(275%);
}
[data-headerbg*='color_'] .layout-header,
[data-headerbg*='color_'] .layout-header .topbar-right > li > a,
[data-sidebarbg*='color_'] .layout-sidebar-info a,
[data-sidebarbg*='color_'] .sidebar-footer {
    color: rgba(var(--bs-white-rgb), .85);
}
[data-sidebarbg*='color_'] .nav-drawer .nav-subnav > li.active > a,
[data-sidebarbg*='color_'] .nav-drawer .nav-subnav > li > a:hover {
    color: var(--bs-white);
}
[data-headerbg*='color_'] .aside-toggler .toggler-bar {
    background-color: var(--bs-white);
}
[data-sidebarbg*='color_'] .nav-drawer > .active > a {
    border-color: rgba(var(--bs-white-rgb), .35);
	background-color: rgba(var(--bs-white-rgb), .075)!important;
}
[data-sidebarbg*='color_'] .nav > li > a:hover {
    background-color: rgba(var(--bs-white-rgb), .035);
}
[data-sidebarbg*='color_'] .nav-drawer > .active > a:hover,
[data-sidebarbg*='color_'] .nav-drawer > .active > a:focus,
[data-sidebarbg*='color_'] .nav-drawer > .active > a:active {
    border-color: rgba(var(--bs-white-rgb), .35);
}
[data-headerbg*='color_'] .navbar-right > li > a {
    color: var(--bs-white);
}

/* 暗黑 */
body.index[data-theme='dark'],
body[data-theme='dark'] .jconfirm .jconfirm-box,
[data-theme='dark'] #loading {
    background-color: #282E38;
    color: var(--bs-gray-400);
}
body[data-theme='dark'] {
    color: var(--bs-gray-400);
}
[data-theme='dark'] .nav-tabs .nav-link,
[data-theme='dark'] .navbar-right a,
[data-theme='dark'] .notifications span,
[data-theme='dark'] .skin-title p,
[data-theme='dark'] .form-control,
[data-theme='dark'] .form-control-plaintext,
[data-theme='dark'] .form-control,
[data-theme='dark'] .form-select,
[data-theme='dark'] .input-group-text,
[data-theme='dark'] .dropdown-item,
[data-theme='dark'] .divider,
[data-theme='dark'] [class*='badge-outline-'],
[data-theme='dark'] .breadcrumb-item.active,
[data-theme='dark'] .breadcrumb-item+.breadcrumb-item::before,
[data-theme='dark'] .page-link,
[data-theme='dark'] .popover-header,
[data-theme='dark'] .popover-body,
[data-theme='dark'] .toast-header,
[data-theme|='translucent'] .bg-body {
    color: var(--bs-gray-400);
}
[data-theme='dark'] .toggler-bar {
    background-color: var(--bs-gray-400);
}
[data-theme='dark'] .sidebar-header,
[data-theme='dark'] .layout-sidebar-info,
[data-theme='dark'] .layout-header,
[data-theme='dark'] .card,
[data-theme='dark'] .mt-nav-bar .mt-nav,
[data-theme='dark'] .nav-tabs .nav-link.active,
[data-theme='dark'] .nav-tabs .nav-item.show .nav-link {
    background-color: #313844;
}
[data-theme='dark'] .dragging-tab > a,
[data-theme|='translucent'] .dragging-tab > a {
    background-color: transparent!important;
}
[data-theme='dark'] .layout-sidebar,
[data-theme|='translucent'] .layout-sidebar {
    -webkit-box-shadow: 0px 0px 1px rgba(var(--bs-white-rgb), .95);
    -moz-box-shadow: 0px 0px 1px rgba(var(--bs-white-rgb), .95);
    box-shadow: 0px 0px 1px rgba(var(--bs-white-rgb), .95);
}
[data-theme='dark'] .sidebar-header,
[data-theme='dark'] .layout-header,
[data-theme|='translucent'] .sidebar-header,
[data-theme|='translucent'] .layout-header {
    -webkit-box-shadow: 0 1px 1px -1px rgba(var(--bs-white-rgb), 0.75);
    -moz-box-shadow: 0 1px 1px -1px rgba(var(--bs-white-rgb), 0.75);
    box-shadow: 0 1px 1px -1px rgba(var(--bs-white-rgb), 0.75);
}
[data-theme='dark'] .mt-nav-bar .nav-tabs,
[data-theme='dark'] .card-header,
[data-theme='dark'] .table>tbody>tr>td,
[data-theme='dark'] .table>tbody>tr>th,
[data-theme='dark'] .table>tfoot>tr>td,
[data-theme='dark'] .table>tfoot>tr>th,
[data-theme='dark'] .table>thead>tr>td,
[data-theme='dark'] .table>thead>tr>th,
[data-theme='dark'] .border-example,
[data-theme='dark'] .border-example-row,
[data-theme|='translucent'] .table>tbody>tr>td,
[data-theme|='translucent'] .table>tbody>tr>th,
[data-theme|='translucent'] .table>tfoot>tr>td,
[data-theme|='translucent'] .table>tfoot>tr>th,
[data-theme|='translucent'] .table>thead>tr>td,
[data-theme|='translucent'] .table>thead>tr>th,
[data-theme|='translucent'] .border-example,
[data-theme|='translucent'] .border-example-row,
[data-theme='dark'] .dropdown-notice .notifications-title,
[data-theme='dark'] #header_bg_8+label,
[data-theme='dark'] #logo_bg_8+label,
[data-theme='dark'] #sidebar_bg_8+label,
[data-theme='dark'] #site_theme_8+label,
[data-theme='dark'] .divider::before,
[data-theme='dark'] .divider::after,
[data-theme='dark'] [class*='badge-outline-'],
[data-theme='dark'] .card>.list-group,
[data-theme='dark'] .list-group-item,
[data-theme|='translucent'] .list-group-item,
[data-theme='dark'] .card-footer,
[data-theme='dark'] .modal-header,
[data-theme='dark'] .modal-footer,
[data-theme|='translucent'] .modal-header,
[data-theme|='translucent'] .modal-footer,
[data-theme='dark'] .offcanvas-start,
[data-theme='dark'] .offcanvas-end,
[data-theme='dark'] .offcanvas-top,
[data-theme='dark'] .offcanvas-bottom,
[data-theme='dark'] .popover-header,
[data-theme='dark'] .sidebar-footer {
    border-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .table> :not(:first-child) ,
[data-theme|='translucent'] .table> :not(:first-child) {
    border-top-color: rgba(var(--bs-white-rgb), 0.125) !important;
}
[data-theme='dark'] .dropdown-menu,
[data-theme='dark'] .modal-content,
[data-theme='dark'] .popover {
    background-color: #292F39;
    border: none;
    -webkit-box-shadow: 0 0 5px rgba(var(--bs-black-rgb), 0.75);
    -moz-box-shadow: 0px 0px 5px rgba(var(--bs-black-rgb), 0.75);
    box-shadow: 0 0 5px rgba(var(--bs-black-rgb), 0.75);
}
[data-theme='dark'] .offcanvas-start,
[data-theme='dark'] .offcanvas-end,
[data-theme='dark'] .offcanvas-top,
[data-theme='dark'] .offcanvas-bottom,
[data-theme='dark'] .popover-header {
    background-color: #292F39;
}
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
[data-theme='dark'] .bs-popover-end>.popover-arrow::after {
    border-right-color: #292F39;
}
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
[data-theme='dark'] .bs-popover-top>.popover-arrow::after {
    border-top-color: #292F39;
}
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
[data-theme='dark'] .bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #292F39;
}
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
[data-theme='dark'] .bs-popover-start>.popover-arrow::after {
    border-left-color: #292F39;
}
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
[data-theme='dark'] .bs-popover-end>.popover-arrow::before {
    border-right-color: #191924;
}
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
[data-theme='dark'] .bs-popover-top>.popover-arrow::before {
    border-top-color: #191924;
}
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
[data-theme='dark'] .bs-popover-bottom>.popover-arrow::before {
    border-bottom-color: #191924;
}
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
[data-theme='dark'] .bs-popover-start>.popover-arrow::before {
    border-left-color: #191924;
}
[data-theme='dark'] .dropdown-menu .dropdown-item:focus,
[data-theme='dark'] .dropdown-menu .dropdown-item:hover,
[data-theme='dark'] .dropdown-menu .dropdown-item.active,
[data-theme='dark'] .dropdown-menu .dropdown-item.active:focus,
[data-theme='dark'] .dropdown-menu .dropdown-item.active:hover,
[data-theme|='translucent'] .dropdown-menu .dropdown-item:focus,
[data-theme|='translucent'] .dropdown-menu .dropdown-item:hover,
[data-theme|='translucent'] .dropdown-menu .dropdown-item.active,
[data-theme|='translucent'] .dropdown-menu .dropdown-item.active:focus,
[data-theme|='translucent'] .dropdown-menu .dropdown-item.active:hover,
[data-theme='dark'] .progress,
[data-theme|='translucent'] .progress,
[data-theme='dark'] .border-example-position-utils .position-relative,
[data-theme|='translucent'] .border-example-position-utils .position-relative,
[data-theme='dark'] .card>.card-header+.callout {
    background-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .table {
    --bs-table-striped-color: var(--bs-gray-400);
    --bs-table-striped-bg: rgba(var(--bs-white-rgb), 0.075);
    --bs-table-active-color: var(--bs-gray-400);
    --bs-table-active-bg: rgba(var(--bs-black-rgb), .0375);
    --bs-table-hover-color: var(--bs-gray-400);
    --bs-table-hover-bg: rgba(var(--bs-white-rgb), 0.075);
    color: var(--bs-gray-400);
    border-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .callout {
    background: rgba(var(--bs-white-rgb), 0.075);
    border-top-color: rgba(var(--bs-white-rgb), 0.125);
    border-right-color: rgba(var(--bs-white-rgb), 0.125);
    border-bottom-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] pre,
[data-theme='dark'] .list-group-item {
    background: rgba(var(--bs-white-rgb), 0.075);
    color: var(--bs-gray-400);
}
[data-theme='dark'] .border-example-row .row>.col,
[data-theme='dark'] .border-example-row .row>[class^=col-],
[data-theme='dark'] .img-thumbnail,
[data-theme='dark'] .form-control,
[data-theme='dark'] .form-check-input,
[data-theme='dark'] .form-select,
[data-theme='dark'] .input-group-text,
[data-theme='dark'] .page-link,
[data-theme='dark'] .border-example-border-utils [class^="border"],
[data-theme='dark'] .border-example-ratios .ratio,
[data-theme|='translucent'] .border-example-row .row>.col,
[data-theme|='translucent'] .border-example-row .row>[class^=col-],
[data-theme|='translucent'] .img-thumbnail,
[data-theme|='translucent'] .form-control,
[data-theme|='translucent'] .form-check-input,
[data-theme|='translucent'] .form-select,
[data-theme|='translucent'] .input-group-text,
[data-theme|='translucent'] .page-link,
[data-theme|='translucent'] .border-example-border-utils [class^="border"],
[data-theme|='translucent'] .border-example-ratios .ratio {
    background-color: rgba(var(--bs-white-rgb), 0.075);
    border: 1px solid rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .form-control:focus {
    border-color: rgba(var(--bs-white-rgb), 0.25);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .form-check-input:checked,
[data-theme='dark'] .form-check-input[type=checkbox]:indeterminate,
[data-theme|='translucent'] .form-check-input:checked,
[data-theme|='translucent'] .form-check-input[type=checkbox]:indeterminate {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
[data-theme='dark'] .form-select:disabled,
[data-theme='dark'] .form-control:disabled,
[data-theme='dark'] .form-control[readonly] {
    color: var(--bs-gray-600);
    background-color: rgba(var(--bs-white-rgb), .15);
}
[data-theme='dark'] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
[data-theme='dark'] .form-select:disabled {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
[data-theme='dark'] .form-range::-webkit-slider-runnable-track {
	background-color: rgba(var(--bs-white-rgb), 0.075);
}
[data-theme='dark'] .form-range::-moz-range-track {
	background-color: rgba(var(--bs-white-rgb), 0.075);
}
[data-theme|='translucent'] .form-range::-webkit-slider-runnable-track {
	background-color: rgba(var(--bs-white-rgb), 0.075);
}
[data-theme|='translucent'] .form-range::-moz-range-track {
	background-color: rgba(var(--bs-white-rgb), 0.075);
}
[data-theme='dark'] .dropdown-divider,
[data-theme|='translucent'] .dropdown-divider {
    border-top-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] hr.dropdown-divider,
[data-theme|='translucent'] hr.dropdown-divider,
[data-theme='dark'] .card-footer {
    background-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .form-control.is-valid,
[data-theme='dark'] .was-validated .form-control:valid,
[data-theme='dark'] .form-select.is-valid,
[data-theme='dark'] .was-validated .form-select:valid {
    border-color: var(--bs-success)
}
[data-theme='dark'] .form-control.is-invalid,
[data-theme='dark'] .was-validated .form-control:invalid,
[data-theme='dark'] .form-select.is-invalid,
[data-theme='dark'] .was-validated .form-select:invalid {
    border-color: var(--bs-danger)
}
[data-theme='dark'] .form-select.is-invalid:not([multiple]):not([size]),
[data-theme='dark'] .form-select.is-invalid:not([multiple])[size="1"],
[data-theme='dark'] .was-validated .form-select:invalid:not([multiple]):not([size]),
[data-theme='dark'] .was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}
[data-theme='dark'] .accordion-button {
    color: var(--bs-gray-400);
    background-color: transparent;
}
[data-theme='dark'] .accordion-button:not(.collapsed),
[data-theme|='translucent'] .accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 rgba(var(--bs-white-rgb), 0.125);
    background-color: rgba(var(--bs-white-rgb), 0.075);
}
[data-theme='dark'] .accordion-item,
[data-theme|='translucent'] .accordion-item {
    background-color: rgba(var(--bs-white-rgb), 0.075);
    border-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .accordion-button::after,
[data-theme|='translucent'] .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ced4da'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
[data-theme='dark'] .btn-outline-dark {
    color: var(--bs-pure-black);
    border-color: var(--bs-pure-black);
}
[data-theme='dark'] .border-dark {
    border-color: var(--bs-pure-black)!important;
}
[data-theme='dark'] .text-dark {
    color: var(--bs-pure-black)!important;
}
[data-theme='dark'] .btn-close,
[data-theme|='translucent'] .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ced4da'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
[data-theme='dark'] .list-group-item.active,
[data-theme|='translucent'] .list-group-item.active {
    border-color: rgba(var(--bs-white-rgb), 0.125);
    background-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .list-group-item.disabled,
[data-theme='dark'] .list-group-item:disabled,
[data-theme='dark'] .nav-tabs .nav-link.disabled {
    color: var(--bs-gray-600);
}
[data-theme='dark'] .navbar.navbar-light.bg-light .form-control {
    border-color: var(--bs-gray-300);
}
[data-theme='dark'] .page-link:hover,
[data-theme='dark'] .page-link:focus {
	color: var(--bs-gray-200);
	background-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .page-link:focus {
	box-shadow: none;
}
[data-theme='dark'] .page-item.disabled .page-link {
    background-color: rgba(var(--bs-white-rgb), 0.075);
    border-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme='dark'] .toast {
    border: none;
    background-color: rgba(41, 47, 57, .85);
}
[data-theme='dark'] .toast-header {
    background-color: rgba(41, 47, 57, .85);
}
[data-theme='dark'] .border,
[data-theme='dark'] .border-start,
[data-theme='dark'] .border-top,
[data-theme='dark'] .border-end,
[data-theme='dark'] .border-bottom,
[data-theme|='translucent'] .border,
[data-theme|='translucent'] .border-start,
[data-theme|='translucent'] .border-top,
[data-theme|='translucent'] .border-end,
[data-theme|='translucent'] .border-bottom {
    border-color: rgba(var(--bs-white-rgb), 0.125)!important;
}
[data-theme='dark'] .shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(var(--bs-black-rgb), 1)!important;
}
[data-theme='dark'] .shadow {
    box-shadow: 0 .5rem 1rem rgba(var(--bs-black-rgb), 1)!important;
}
[data-theme='dark'] .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(var(--bs-black-rgb), 1)!important;
}
[data-theme='dark'] .card-shadowed,
[data-theme='dark'] .card-hover-shadow:hover {
    box-shadow: 0 1rem 3rem rgba(var(--bs-black-rgb), 1)!important;
}
[data-theme='dark'] .datepicker-dropdown:before,
[data-theme='dark'] .datepicker-dropdown:after {
    border-bottom-color: #292F39;
}
[data-theme='dark'] .datepicker-dropdown.datepicker-orient-top:before,
[data-theme='dark'] .datepicker-dropdown.datepicker-orient-top:after {
    border-top-color: #292F39;
}
[data-theme='dark'] .datepicker.datepicker-dropdown,
[data-theme|='translucent'] .datepicker.datepicker-dropdown {
    color: var(--bs-white);
}
[data-theme='dark'] .datepicker table tr td.day:hover,
[data-theme='dark'] .datepicker table tr td.focused,
[data-theme|='translucent'] .datepicker table tr td.day:hover,
[data-theme|='translucent'] .datepicker table tr td.focused,
[data-theme|='translucent'] .datepicker table tr td span.focused,
[data-theme|='translucent'] .datepicker table tr td span:hover {
    background-color: rgba(var(--bs-white-rgb), .2);
}
[data-theme='dark'] .datepicker table tr td.range:hover,
[data-theme|='translucent'] .datepicker table tr td.range:hover {
    color: var(--bs-white);
}
[data-theme='dark'] .form-control::-webkit-file-upload-button {
	color: #fff;
	background-color: rgba(var(--bs-white-rgb), .075);
}
[data-theme='dark'] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: rgba(var(--bs-white-rgb), .125);
}

/* 半透明 */
body[data-theme|='translucent'],
[data-theme|='translucent'] .card.card-fullscreen {
    color: rgba(var(--bs-white-rgb), .85);
    background-size: cover;
    background-attachment: fixed;
}
body[data-theme|='translucent'] .jconfirm .jconfirm-box {
    background: rgba(var(--bs-black-rgb), .125);
    backdrop-filter: blur(10px);
}
body[data-theme|='translucent'] caption,
body[data-theme|='translucent'] .figure-caption,
body[data-theme|='translucent'] .timeline-date time,
body[data-theme|='translucent'] .timeline-item-action {
    color: rgba(var(--bs-white-rgb), .85);
}
[data-theme|='translucent'] .card.card-fullscreen {
    backdrop-filter: blur(10px);
}
[data-theme|='translucent'] .modal-content {
    background: rgba(var(--bs-black-rgb), .125);
    backdrop-filter: blur(10px);
}
body.index[data-theme='translucent-blue'],
[data-theme='translucent-blue'] .popover,
[data-theme='translucent-blue'] .dropdown-menu,
[data-theme='translucent-blue'] .offcanvas,
[data-theme='translucent-blue'] #loading {
    background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),to(#32cafe));
    background-image: -webkit-linear-gradient(left,#9f78ff,#32cafe);
    background-image: -moz-linear-gradient(left,#9f78ff,#32cafe);
    background-image: -o-linear-gradient(left,#9f78ff,#32cafe);
    background-image: linear-gradient(to right,#9f78ff,#32cafe);
    background-repeat: repeat-x;
}
body.index[data-theme='translucent-red'],
[data-theme='translucent-red'] .popover,
[data-theme='translucent-red'] .dropdown-menu,
[data-theme='translucent-red'] .offcanvas,
[data-theme='translucent-red'] #loading {
    background-image: -webkit-gradient(linear,left top,right top,from(#ff5858),to(#e888b7));
    background-image: -webkit-linear-gradient(left,#ff5858,#e888b7);
    background-image: -moz-linear-gradient(left,#ff5858,#e888b7);
    background-image: -o-linear-gradient(left,#ff5858,#e888b7);
    background-image: linear-gradient(to right,#ff5858,#e888b7);
    background-repeat: repeat-x;
}
body.index[data-theme='translucent-green'],
[data-theme='translucent-green'] .popover,
[data-theme='translucent-green'] .dropdown-menu,
[data-theme='translucent-green'] .offcanvas,
[data-theme='translucent-green'] #loading {
    background-image: -webkit-gradient(linear,left top,right top,from(#00cef9),to(#00e6af));
    background-image: -webkit-linear-gradient(left,#00cef9,#00e6af);
    background-image: -moz-linear-gradient(left,#00cef9,#00e6af);
    background-image: -o-linear-gradient(left,#00cef9,#00e6af);
    background-image: linear-gradient(to right,#00cef9,#00e6af);
    background-repeat: repeat-x;
}
body.index[data-theme='translucent-yellow'],
[data-theme='translucent-yellow'] .popover,
[data-theme='translucent-yellow'] .dropdown-menu,
[data-theme='translucent-yellow'] .offcanvas,
[data-theme='translucent-yellow'] #loading {
    background-image: -webkit-gradient(linear,left top,right top,from(#ff8008),to(#ffc837));
    background-image: -webkit-linear-gradient(left,#ff8008,#ffc837);
    background-image: -moz-linear-gradient(left,#ff8008,#ffc837);
    background-image: -o-linear-gradient(left,#ff8008,#ffc837);
    background-image: linear-gradient(to right,#ff8008,#ffc837);
    background-repeat: repeat-x;
}
body.index[data-theme='translucent-cyan'],
[data-theme='translucent-cyan'] .popover,
[data-theme='translucent-cyan'] .dropdown-menu,
[data-theme='translucent-cyan'] .offcanvas,
[data-theme='translucent-cyan'] #loading {
    background-image: -webkit-gradient(linear,left top,right top,from(#514a9d),to(#24c6dc));
    background-image: -webkit-linear-gradient(left,#514a9d,#24c6dc);
    background-image: -moz-linear-gradient(left,#514a9d,#24c6dc);
    background-image: -o-linear-gradient(left,#514a9d,#24c6dc);
    background-image: linear-gradient(to right,#514a9d,#24c6dc);
    background-repeat: repeat-x;
}
body.index[data-theme='translucent-pink'],
[data-theme='translucent-pink'] .popover,
[data-theme='translucent-pink'] .dropdown-menu,
[data-theme='translucent-pink'] .offcanvas,
[data-theme='translucent-pink'] #loading {
    background-image: -webkit-gradient(linear,left top,right top,from(#a376fc),to(#f96f9b));
    background-image: -webkit-linear-gradient(left,#a376fc,#f96f9b);
    background-image: -moz-linear-gradient(left,#a376fc,#f96f9b);
    background-image: -o-linear-gradient(left,#a376fc,#f96f9b);
    background-image: linear-gradient(to right,#a376fc,#f96f9b);
    background-repeat: repeat-x;
}
[data-theme|='translucent'] .datepicker-dropdown:before,
[data-theme|='translucent'] .datepicker-dropdown:after {
    border-bottom-color: transparent;
}
[data-theme|='translucent'] .datepicker-dropdown.datepicker-orient-top:before,
[data-theme|='translucent'] .datepicker-dropdown.datepicker-orient-top:after {
    border-top-color: transparent;
}
[data-theme|='translucent'] .sidebar-header,
[data-theme|='translucent'] .nav-tabs .nav-link.active,
[data-theme|='translucent'] .nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
}
[data-theme|='translucent'] .layout-sidebar-info,
[data-theme|='translucent'] .layout-header,
[data-theme|='translucent'] .card,
[data-theme|='translucent'] .mt-nav-bar .mt-nav,
[data-theme|='translucent'] .card>.card-header+.callout {
    background-color: rgba(var(--bs-black-rgb), .175);
}
[data-theme|='translucent'] ::-webkit-input-placeholder {
    color: rgba(var(--bs-white-rgb), .85);
}
[data-theme|='translucent'] :-moz-placeholder {
    color: rgba(var(--bs-white-rgb), .85);
}
[data-theme|='translucent'] ::-moz-placeholder {
    color: rgba(var(--bs-white-rgb), .85);
}
[data-theme|='translucent'] :-ms-input-placeholder {
    color: rgba(var(--bs-white-rgb), .85);
}
[data-theme|='translucent'] .sidebar-footer {
    border-color: rgba(var(--bs-white-rgb), .075);
}
[data-theme|='translucent'] .aside-toggler .toggler-bar {
    background-color: rgba(var(--bs-white-rgb), .85);
}
[data-theme|='translucent'] .mt-nav-bar {
    box-shadow: none;
}
[data-theme|='translucent'] .mt-nav-bar .nav-tabs,
[data-theme|='translucent'] .card-header,
[data-theme|='translucent'] .card-footer,
[data-theme|='translucent'] .divider::before,
[data-theme|='translucent'] .divider::after,
[data-theme|='translucent'] .card>.list-group,
[data-theme|='translucent'] .notifications-title,
[data-theme|='translucent'] .nav-tabs,
[data-theme|='translucent'] .popover-header {
    border-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme|='translucent'] .close-tab,
[data-theme|='translucent'] .nav-tabs .nav-link,
[data-theme|='translucent'] .nav-tabs .nav-link.active,
[data-theme|='translucent'] .nav-tabs .nav-item.show .nav-link
[data-theme|='translucent'] .navbar-right a,
[data-theme|='translucent'] .notifications span,
[data-theme|='translucent'] .skin-title p,
[data-theme|='translucent'] .form-control,
[data-theme|='translucent'] .form-control-plaintext,
[data-theme|='translucent'] .form-control,
[data-theme|='translucent'] .form-select,
[data-theme|='translucent'] .input-group-text,
[data-theme|='translucent'] .dropdown-item,
[data-theme|='translucent'] .divider,
[data-theme|='translucent'] [class*='badge-outline-'],
[data-theme|='translucent'] .breadcrumb-item.active,
[data-theme|='translucent'] .breadcrumb-item+.breadcrumb-item::before,
[data-theme|='translucent'] .page-link,
[data-theme|='translucent'] .popover-header,
[data-theme|='translucent'] .popover-body,
[data-theme|='translucent'] .toast-header,
[data-theme|='translucent'] pre,
[data-theme|='translucent'] #loading,
[data-theme|='translucent'] .list-group-item,
[data-theme|='translucent'] .card-actions>li>a,
[data-theme|='translucent'] .notifications-title a,
[data-theme|='translucent'] .navbar-right a,
[data-theme|='translucent'] .navbar-light .navbar-brand,
[data-theme|='translucent'] .navbar-light .navbar-nav .nav-link.active,
[data-theme|='translucent'] .navbar-light .navbar-nav .show>.nav-link,
[data-theme|='translucent'] .navbar-light .navbar-nav .nav-link {
    color: rgba(var(--bs-white-rgb), .85);
}
[data-theme|='translucent'] pre,
[data-theme|='translucent'] .list-group-item {
    background-color: rgba(var(--bs-white-rgb), .075);
}
[data-theme|='translucent'] .callout {
    border-top-color: rgba(var(--bs-white-rgb), .075);
    border-right-color: rgba(var(--bs-white-rgb), .075);
    border-bottom-color: rgba(var(--bs-white-rgb), .075);
}
[data-theme|='translucent'] .card-footer {
    background-color: transparent;
}
[data-theme|='translucent'] .form-control,
[data-theme|='translucent'] .form-check-input,
[data-theme|='translucent'] .form-select,
[data-theme|='translucent'] .input-group-text,
[data-theme|='translucent'] .page-link,
[data-theme|='translucent'] .border-example-border-utils [class^="border"],
[data-theme|='translucent'] div.tagsinput,
[data-theme='dark'] div.tagsinput {
    background-color: rgba(var(--bs-white-rgb), 0.075);
    border: 1px solid rgba(var(--bs-white-rgb), 0.125);
}
[data-theme|='translucent'] .table {
    --bs-table-striped-color: rgba(var(--bs-white-rgb), .85);
    --bs-table-striped-bg: rgba(var(--bs-white-rgb), 0.075);
    --bs-table-active-color: rgba(var(--bs-white-rgb), .85);
    --bs-table-active-bg: rgba(var(--bs-black-rgb), .0375);
    --bs-table-hover-color: rgba(var(--bs-white-rgb), .85);
    --bs-table-hover-bg: rgba(var(--bs-white-rgb), 0.075);
    color: rgba(var(--bs-white-rgb), .85);
    border-color: rgba(var(--bs-white-rgb), 0.125);
}
[data-theme|='translucent'] .form-text,
[data-theme|='translucent'] .blockquote-footer,
[data-theme|='translucent'] .nav-tabs .nav-link.disabled,
[data-theme|='translucent'] .nav-link.disabled,
[data-theme|='translucent'] .list-group-item.disabled,
[data-theme|='translucent'] .list-group-item:disabled,
[data-theme|='translucent'] .nav-tabs .nav-link.disabled,
[data-theme|='translucent'] .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(var(--bs-white-rgb), .65);
}
[data-theme|='translucent'] .text-muted {
    color: rgba(var(--bs-white-rgb), .45)!important;
}
[data-theme|='translucent'] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f8f9fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
[data-theme|='translucent'] .form-select:disabled {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e9ecef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
[data-theme='dark'] .form-select[multiple],
[data-theme='dark'] .form-select[size]:not([size="1"]),
[data-theme|='translucent'] .form-select[multiple],
[data-theme|='translucent'] .form-select[size]:not([size="1"]) {
    background-image: none;
}
[data-theme|='translucent'] .form-select:not([multiple]) option {
    background-color: var(--bs-gray-500);
}
[data-theme|='translucent'] .form-select[size]:not([size="1"]) option {
    background-color: transparent;
}
[data-theme|='translucent'] .form-select.is-invalid:not([multiple]):not([size]),
[data-theme|='translucent'] .form-select.is-invalid:not([multiple])[size="1"],
[data-theme|='translucent'] .was-validated .form-select:invalid:not([multiple]):not([size]),
[data-theme|='translucent'] .was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}
[data-theme|='translucent'] .accordion-button {
    color: rgba(var(--bs-white-rgb), .85);
    background-color: transparent;
}
[data-theme|='translucent'] .modal-content,
[data-theme|='translucent'] .popover,
[data-theme|='translucent'] .dropdown-menu,
[data-theme|='translucent'] .offcanvas {
    border: none;
    -webkit-box-shadow: 0 0 4px rgba(var(--bs-black-rgb), .175);
    -moz-box-shadow: 0 0 4px rgba(var(--bs-black-rgb), .175);
    box-shadow: 0 0 4px rgba(var(--bs-black-rgb), .175);
}
[data-theme|='translucent'] .popover-header {
    background-color: transparent;
}
[data-theme|='translucent'] .toast-header {
    background-color: rgb(var(--bs-white-rgb), .175);
}
[data-theme|='translucent'] .toast {
    border: none;
    background-color: rgb(var(--bs-white-rgb), .175);
}
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
[data-theme|='translucent'] .bs-popover-end>.popover-arrow::after {
    border-right-color: rgb(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
[data-theme|='translucent'] .bs-popover-top>.popover-arrow::after {
    border-top-color: rgb(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
[data-theme|='translucent'] .bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: rgb(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
[data-theme|='translucent'] .bs-popover-start>.popover-arrow::after {
    border-left-color: rgb(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
[data-theme|='translucent'] .bs-popover-end>.popover-arrow::before {
    border-right-color: rgb(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
[data-theme|='translucent'] .bs-popover-top>.popover-arrow::before {
    border-top-color: rgb(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
[data-theme|='translucent'] .bs-popover-bottom>.popover-arrow::before,
[data-theme|='translucent'] .bs-popover-bottom .popover-header::before,
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    border-bottom-color: rgb(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
[data-theme|='translucent'] .bs-popover-start>.popover-arrow::before {
    border-left-color: rgb(var(--bs-white-rgb), .375);
}
[data-theme='dark'] .list-group-item-primary,
[data-theme|='translucent'] .list-group-item-primary {
    color: #084298;
    background-color: rgba(207, 226, 255, .375);
}
[data-theme='dark'] .list-group-item-secondary,
[data-theme|='translucent'] .list-group-item-secondary {
    color: #41464b;
    background-color: rgba(226, 227, 229, .375);
}
[data-theme='dark'] .list-group-item-success,
[data-theme|='translucent'] .list-group-item-success {
    color: #0f5132;
    background-color: rgba(209, 231, 221, .375);
}
[data-theme='dark'] .list-group-item-danger,
[data-theme|='translucent'] .list-group-item-danger {
    color: #842029;
    background-color: rgba(248, 215, 218, .375);
}
[data-theme='dark'] .list-group-item-warning,
[data-theme|='translucent'] .list-group-item-warning {
    color: #664d03;
    background-color: rgba(255, 243, 205, .375);
}
[data-theme='dark'] .list-group-item-info,
[data-theme|='translucent'] .list-group-item-info {
    color: #055160;
    background-color: rgba(207, 244, 252, .375);
}
[data-theme='dark'] .list-group-item-light,
[data-theme|='translucent'] .list-group-item-light {
    color: #636464;
    background-color: rgba(254, 254, 254, .375);
}
[data-theme='dark'] .list-group-item-dark,
[data-theme|='translucent'] .list-group-item-dark {
    color: #141619;
    background-color: rgba(211, 211, 212, .375);
}
[data-theme='dark'] .bg-light,
[data-theme|='translucent'] .bg-light {
    --bs-bg-opacity: 0.075;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
}
[data-theme|='translucent'] .nav-drawer .nav-subnav>li.active>a,
[data-theme|='translucent'] .nav-drawer .nav-subnav>li>a:hover {
    color: var(--bs-white);
}
[data-theme|='translucent'] .nav-drawer>.active>a,
[data-theme|='translucent'] .nav-tabs .nav-link.active,
[data-theme|='translucent'] .nav-tabs .nav-item.show .nav-link,
[data-theme|='translucent'] .nav-tabs .nav-link:hover,
[data-theme|='translucent'] .nav-tabs .nav-link:focus {
    border-color: var(--bs-gray-300);
}
[data-logobg*='color_'] .sidebar-header img,
[data-theme='dark'] .sidebar-header img,
[data-theme|='translucent'] .sidebar-header img {
    position: relative;
    -webkit-filter: brightness(275%);
	-moz-filter: brightness(275%);
    -ms-filter: brightness(275%);
    -o-filter: brightness(275%);
    filter: brightness(275%);
}
[data-theme='dark'] .nav-step .nav-link,
[data-theme='dark'] .nav-step .nav-link:before {
    background-color: rgba(var(--bs-gray-rgb), .3);
}
[data-theme|='translucent'] .nav-step .nav-link,
[data-theme|='translucent'] .nav-step .nav-link:before {
    background-color: rgba(var(--bs-white-rgb), .1);
}
[data-theme|='translucent'] .nav-step .nav-item.complete .nav-link,
[data-theme|='translucent'] .nav-step .nav-item.complete .nav-link::before,
[data-theme|='translucent'] .nav-step .nav-item  .nav-link.active,
[data-theme|='translucent'] .nav-step .nav-item  .nav-link.active::before {
	background-color: rgba(var(--bs-white-rgb), .2);
}
[data-theme|='translucent'] .nav-step .nav-item.complete .nav-link::after,
[data-theme|='translucent'] .nav-step .nav-item .nav-link.active::after {
	background-color: var(--bs-gray-300);
}
[data-theme|='translucent'] .nav-step .nav-item.complete .nav-link::after {
    color: rgba(var(--bs-black-rgb), 1);
}
[data-theme|='translucent'] div.tagsinput span.tag {
	background-color: rgba(var(--bs-black-rgb), .075);
}
[data-theme|='translucent'] div.tagsinput input {
	color: var(--bs-white)!important;
}
[data-theme|='translucent'] .form-control:focus,
[data-theme|='translucent'] .form-select:focus {
	border-color: var(--bs-gray-300);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-white-rgb), 0.25);
}
[data-theme|='translucent'] a:not(.btn),
[data-theme|='translucent'] .nav-link {
    color: var(--bs-gray-300);
}
[data-theme|='translucent'] .nav-link:hover,
[data-theme|='translucent'] .nav-link:focus {
	color: var(--bs-white);
}
[data-theme|='translucent'] .nav-pills .nav-link.active,
[data-theme|='translucent'] .nav-pills .show>.nav-link {
	background-color: rgba(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .form-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px var(--bs-white), 0 0 0 0.25rem rgba(var(--bs-white-rgb), 0.25);
}
[data-theme|='translucent'] .form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px var(--bs-white), 0 0 0 0.25rem rgba(var(--bs-white-rgb), 0.25);
}
[data-theme|='translucent'] .form-range::-webkit-slider-thumb {
	background-color: var(--bs-gray-300);
}
[data-theme|='translucent'] .form-range::-webkit-slider-thumb:active {
	background-color: rgba(var(--bs-white-rgb), 0.375);
}
[data-theme|='translucent'] .form-range::-moz-range-thumb {
	background-color: var(--bs-gray-300);
}
[data-theme|='translucent'] .form-range::-moz-range-thumb:active {
	background-color: rgba(var(--bs-white-rgb), 0.375);
}
[data-theme|='translucent'] .datepicker table tr td.active:active,
[data-theme|='translucent'] .datepicker table tr td.active.highlighted:active,
[data-theme|='translucent'] .datepicker table tr td.active.active,
[data-theme|='translucent'] .datepicker table tr td.active.highlighted.active,
[data-theme|='translucent'] .datepicker table tr td span.active:active,
[data-theme|='translucent'] .datepicker table tr td span.active:hover:active,
[data-theme|='translucent'] .datepicker table tr td span.active.disabled:active,
[data-theme|='translucent'] .datepicker table tr td span.active.disabled:hover:active,
[data-theme|='translucent'] .datepicker table tr td span.active.active,
[data-theme|='translucent'] .datepicker table tr td span.active:hover.active,
[data-theme|='translucent'] .datepicker table tr td span.active.disabled.active,
[data-theme|='translucent'] .datepicker table tr td span.active.disabled:hover.active {
    background-color: var(--bs-gray-300);
    border-color: var(--bs-gray-300);
}
[data-theme|='translucent'] .datepicker table tr td.active:active:hover,
[data-theme|='translucent'] .datepicker table tr td.active.highlighted:active:hover,
[data-theme|='translucent'] .datepicker table tr td.active.active:hover,
[data-theme|='translucent'] .datepicker table tr td.active.highlighted.active:hover,
[data-theme|='translucent'] .datepicker table tr td.active:active:focus,
[data-theme|='translucent'] .datepicker table tr td.active.highlighted:active:focus,
[data-theme|='translucent'] .datepicker table tr td.active.active:focus,
[data-theme|='translucent'] .datepicker table tr td.active.highlighted.active:focus,
[data-theme|='translucent'] .datepicker table tr td.active:active.focus,
[data-theme|='translucent'] .datepicker table tr td.active.highlighted:active.focus,
[data-theme|='translucent'] .datepicker table tr td.active.active.focus,
[data-theme|='translucent'] .datepicker table tr td.active.highlighted.active.focus {
    background-color: var(--bs-white-rgb);
    border-color: var(--bs-white-rgb);
}
[data-theme|='translucent'] .bootstrap-datetimepicker-widget.dropdown-menu.top:before,
[data-theme|='translucent'] .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-color: transparent;
}
[data-theme|='translucent'] .bootstrap-datetimepicker-widget table td span:hover,
[data-theme|='translucent'] .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
[data-theme|='translucent'] .bootstrap-datetimepicker-widget table td.day:hover,
[data-theme|='translucent'] .bootstrap-datetimepicker-widget table td.hour:hover,
[data-theme|='translucent'] .bootstrap-datetimepicker-widget table td.minute:hover,
[data-theme|='translucent'] .bootstrap-datetimepicker-widget table td.second:hover {
    background:rgba(255,255,255,.375);
}


[data-theme|='translucent'] .fc-unthemed th,
[data-theme|='translucent'] .fc-unthemed td,
[data-theme|='translucent'] .fc-unthemed thead,
[data-theme|='translucent'] .fc-unthemed tbody,
[data-theme|='translucent'] .fc-unthemed .fc-divider,
[data-theme|='translucent'] .fc-unthemed .fc-row,
[data-theme|='translucent'] .fc-unthemed .fc-content,
[data-theme|='translucent'] .fc-unthemed .fc-popover,
[data-theme|='translucent'] .fc-unthemed .fc-list-view,
[data-theme|='translucent'] .fc-unthemed .fc-list-heading td,
[data-theme|='translucent'] .card-bordered {
    border-color: rgba(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .fc-unthemed td.fc-today {
    background: rgba(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .form-control::-webkit-file-upload-button {
	color: #fff;
	background-color: rgba(var(--bs-black-rgb), .075);
}
[data-theme|='translucent'] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,
[data-theme|='translucent'] .timeline-item-dot::before {
	background-color: rgba(var(--bs-black-rgb), .125);
}
[data-theme|='translucent'] [class*='badge-outline-'] {
	border-color: rgba(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .timeline-item-content time {
    color: rgba(var(--bs-white-rgb), .375);
}
[data-theme|='translucent'] .alert {
    backdrop-filter: blur(10px);
}
[data-theme|='translucent'] .alert-primary {
    background-color: rgba(0, 123, 255, .45);
    border-color: rgba(0, 123, 255, .01);
    color: #00EFFF;
}
[data-theme|='translucent'] .alert-secondary {
    background-color: rgba(108, 117, 125, .45);
    border-color: rgba(108, 117, 125, .01);
    color: #E9EAED;
}
[data-theme|='translucent'] .alert-success {
    background-color: rgba(21, 195, 119, .45);
    border-color: rgba(21, 195, 119, .01);
    color: #C8F6EA;
}
[data-theme|='translucent'] .alert-info {
    background-color: rgba(72, 176, 247, .45);
    border-color: rgba(72, 176, 247, .01);
    color: #DFF4FB;
}
[data-theme|='translucent'] .alert-warning {
    background-color: rgba(250, 166, 75, .45);
    border-color: rgba(250, 166, 75, .01);
    color: #FBF4E4;
}
[data-theme|='translucent'] .alert-danger {
    background-color: rgba(244, 66, 54, .45);
    border-color: rgba(244, 66, 54, .01);
    color: #fa8181;
}
[data-theme|='translucent'] .alert-light {
    background-color: rgba(253,253,254, .45);
    border-color: rgba(253,253,254, .01);
    color: #FCFDFE;
}
[data-theme|='translucent'] .alert-dark {
    background-color: rgba(33, 37, 41, .45);
    border-color: rgba(33, 37, 41, .01);
    color: #D5D9DA;
}

/*处理与原版不一致的问题*/
.form-control{background-color: var(--bs-white);}
.form-control:focus{background-color: var(--bs-white);}
hr{border-top: 0;}
hr:not([size]){height: 1px;}
.btn-check+label.btn-outline-pink:hover{background-color: var(--bs-pink);border-color: var(--bs-pink);color: var(--bs-white);}
.btn-check:checked+label.btn-outline-pink{color: var(--bs-white);}
.form-check .form-check-input[type="radio"]:not(:checked){background-color: var(--bs-white);}

.offcanvas.offcanvas-end,.offcanvas.offcanvas-start{min-width: 50%;background-color: var(--bs-white);}
.offcanvas-header{border-bottom: 1px solid var(--bs-border-color);}
.offcanvas-footer{border-top: 1px solid var(--bs-border-color);}
.offcanvas-footer{display: flex;align-items: center;justify-content: space-between;padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}

.accordion-button,.accordion-body{background-color: #fff;}