/** ----------------------------------
 * 光年(Light Year Admin v5)后台管理系统模板
 * 基于Bootstrap v5.1.3的一款纯静态页面模板
 * http://www.bixiaguangnian.com
 * yinqi<3331653644@qq.com>
 -------------------------------------- */
:root {
	/*************************
	 * 在这里对主要的配色做出定义
	 ************************/
    
	/* 圆角样式 */
	--border-radius-mini: 12px;
	--border-radius-small: 16px;
	--border-radius-medium: 24px;
	--border-radius-large: 32px;

	--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;*/
}

html,
body {
	height: 100%;
}

a {
	color: var(--bs-primary);
	text-decoration: none;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

a:hover {
	color: var(--bs-primary-hover);
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none
}

a,
button,
a:focus,
a:active,
button:focus,
button:active,
.input-group-text:focus,
.input-group-text:active {
	outline: none !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%;
}

/** ----------------------------------
 * 演示新增样式，为了演示效果用，实际部署中用不到可以删除
 -------------------------------------- */
.example-box .btn {
	margin-bottom: 10px;
	margin-right: 6px;
}

.border-example,
.border-example-row {
	padding: 1rem;
	margin: 1rem 0 0;
	border: .2rem solid var(--bs-pre);
}

.border-example-row .row>.col,
.border-example-row .row>[class^=col-] {
	padding-top: .75rem;
	padding-bottom: .75rem;
	background-color: rgba(var(--bs-dark-rgb), 0.03);
	border: 1px solid rgba(var(--bs-dark-rgb), 0.1);
}

.border-example-row .row+.row {
	margin-top: 1rem;
}

.border-example+pre {
	border-left: none;
}

.border-example-row .row+.row {
	margin-top: 1rem;
}

.border-example::after {
	display: block;
	clear: both;
	content: "";
}

.border-example> :last-child {
	margin-bottom: 0;
}

.border-example-row-flex-cols .row {
	min-height: 10rem;
	background-color: rgba(255, 0, 0, 0.1);
}

.border-example>.form-control+.form-control {
	margin-top: 0.5rem;
}

.border-highlight {
	background-color: rgba(var(--bs-purple-rgb), .15);
	border: 1px solid rgba(var(--bs-purple-rgb), .15);
}

.border-example-toasts {
	min-height: 240px;
}



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

/* 分割线 */
.lyear-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%;
}

.lyear-divider::before,
.lyear-divider::after {
	content: '';
	-webkit-box-flex: 1;
	flex-grow: 1;
	border-top: 1px solid var(--bs-border-color);
}

.lyear-divider::before {
	margin-right: 15px;
}

.lyear-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;
}

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

/* 标题 */
.btn-sg {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  border: 1px solid #343a40;
  color: #343a40;
  background-color: transparent;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* 选择SG版本鼠标悬停时保持样式不变 */
.btn-sg:hover {
  border: 1px solid #343a40;
  color: #343a40;
  background-color: transparent;
}

.btn-sg:hover {
  background-color: transparent !important;
  border-color: #343a40 !important;
  color: #343a40 !important;
}


/* 选择SG版本选中状态（radio被选中时） */
.btn-check:checked + .btn-sg {
  background-color: #ff7575 !important;
  color: white !important;
  border-color: #ff7575 !important;
  box-shadow: 0 0 0 1px green;
}

/* 选择SG版本选中时鼠标悬停也保持样式 */
.btn-check:checked + .btn-sg:hover {
  background-color: #ff7575 !important;
  color: white !important;
  border-color: #ff7575 !important;
  box-shadow: 0 0 0 1px green;
}

/*鼠标悬停变色*/
#checkbox-container .btn-outline-dark:hover {
  background-color: #343a40;
  color: #fff;
}

#checkbox-container .btn-outline-success:hover {
  background-color: #28a745;
  color: #fff;
}

#checkbox-container .btn-outline-primary:hover {
  background-color: #007bff;
  color: #fff;
}
 /*过渡动画*/
#checkbox-container .btn {
  transition: all 0.1s ease-in-out;
}


/* 按钮 */
.btn {
	font-size: 14px;
	padding: 0.4695rem 0.75rem;
	-webkit-border-radius: 0.125rem;
	border-radius: 0.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;
}