/* Bootstrap color override (CDN build) */
:root{
	--bs-primary: #003A7F;
	--bs-secondary: #3a3f4b;
	--bs-success: #1C8716;
	--bs-danger: #CB1414;
	--bs-warning: #ECAF3B;
	--bs-info: #7413ea;
	/* Bootstrap 5.3 유틸리티(.text-*, .bg-*, .border-*, .badge, .text-bg-*)는 -rgb 변수를 읽는다 */
	--bs-primary-rgb: 0, 58, 127;
	--bs-secondary-rgb: 58, 63, 75;
	--bs-success-rgb: 28, 135, 22;
	--bs-danger-rgb: 203, 20, 20;
	--bs-warning-rgb: 236, 175, 59;
	--bs-info-rgb: 2, 84, 142;
	--bs-primary-text-emphasis: #00234C;
	--bs-primary-bg-subtle: #E6EBF2;
	--bs-primary-border-subtle: #A6BAD2;
}

/*
 * Bootstrap 5.3 은 아래 컴포넌트에 파란색(#0d6efd)을 변수가 아니라 값으로 박아 두었다.
 * :root 변수만으로는 바뀌지 않으므로 컴포넌트별로 덮어쓴다.
 */
.pagination{
	--bs-pagination-color: var(--bs-primary);
	--bs-pagination-hover-color: var(--bs-primary);
	--bs-pagination-focus-color: var(--bs-primary);
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
	--bs-pagination-active-bg: var(--bs-primary);
	--bs-pagination-active-border-color: var(--bs-primary);
}
.form-control:focus, .form-select:focus, .form-check-input:focus{
	border-color: #809DBF;
	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 .form-check-input:focus{
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23809DBF'/%3e%3c/svg%3e");
}
.form-range:focus::-webkit-slider-thumb{box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);}
.form-range:focus::-moz-range-thumb{box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);}
.form-range::-webkit-slider-thumb{background-color: var(--bs-primary);}
.form-range::-moz-range-thumb{background-color: var(--bs-primary);}
.form-range::-webkit-slider-thumb:active{background-color: #A6BAD2;}
.form-range::-moz-range-thumb:active{background-color: #A6BAD2;}
.dropdown-menu{--bs-dropdown-link-active-bg: var(--bs-primary);}
.nav-pills{--bs-nav-pills-link-active-bg: var(--bs-primary);}
.nav-link{
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	font-size: var(--bs-nav-link-font-size);
	font-weight: var(--bs-nav-link-font-weight);
	color: var(--bs-nav-link-color);
	text-decoration: none;
	background: 0 0;
	border: 0;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.nav-link:focus-visible{box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);}
.progress, .progress-stacked{--bs-progress-bar-bg: var(--bs-primary);}
.list-group{
	--bs-list-group-active-bg: var(--bs-primary);
	--bs-list-group-active-border-color: var(--bs-primary);
}
.btn-close{--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);}
.table-primary{--bs-table-bg: var(--bs-primary-bg-subtle);}
.accordion{
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2300234C' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.btn-primary{
	background: var(--bs-primary);
	border: 1px solid var(--bs-primary);
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: 0, 58, 127;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}



.btn-outline-primary{
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: 0, 58, 127;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-disabled-color: var(--bs-primary);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-primary);
	--bs-gradient: none;
}

.btn-secondary, .btn-outline-secondary{--bs-btn-focus-shadow-rgb: 58, 63, 75;}
.btn-secondary{
	--bs-btn-bg: var(--bs-secondary);
	--bs-btn-border-color: var(--bs-secondary);
	--bs-btn-hover-bg: var(--bs-secondary);
	--bs-btn-hover-border-color: var(--bs-secondary);
	--bs-btn-active-bg: var(--bs-secondary);
	--bs-btn-active-border-color: var(--bs-secondary);
	--bs-btn-disabled-bg: var(--bs-secondary);
	--bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-outline-secondary{
	--bs-btn-color: var(--bs-secondary);
	--bs-btn-border-color: var(--bs-secondary);
	--bs-btn-hover-bg: var(--bs-secondary);
	--bs-btn-hover-border-color: var(--bs-secondary);
	--bs-btn-active-bg: var(--bs-secondary);
	--bs-btn-active-border-color: var(--bs-secondary);
	--bs-btn-disabled-color: var(--bs-secondary);
	--bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-success, .btn-outline-success{--bs-btn-focus-shadow-rgb: 28, 135, 22;}
.btn-success{
	--bs-btn-color: #fff;
	--bs-btn-hover-color: #fff;
	--bs-btn-active-color: #fff;
	--bs-btn-disabled-color: #fff;
	--bs-btn-bg: var(--bs-success);
	--bs-btn-border-color: var(--bs-success);
	--bs-btn-hover-bg: var(--bs-success);
	--bs-btn-hover-border-color: var(--bs-success);
	--bs-btn-active-bg: var(--bs-success);
	--bs-btn-active-border-color: var(--bs-success);
	--bs-btn-disabled-bg: var(--bs-success);
	--bs-btn-disabled-border-color: var(--bs-success);
}
.btn-outline-success{
	--bs-btn-color: var(--bs-success);
	--bs-btn-hover-color: #fff;
	--bs-btn-active-color: #fff;
	--bs-btn-border-color: var(--bs-success);
	--bs-btn-hover-bg: var(--bs-success);
	--bs-btn-hover-border-color: var(--bs-success);
	--bs-btn-active-bg: var(--bs-success);
	--bs-btn-active-border-color: var(--bs-success);
	--bs-btn-disabled-color: var(--bs-success);
	--bs-btn-disabled-border-color: var(--bs-success);
}

.btn-danger, .btn-outline-danger{--bs-btn-focus-shadow-rgb: 203, 20, 20;}
.btn-danger{
	background: var(--bs-danger);
	--bs-btn-bg: var(--bs-danger);
	--bs-btn-border-color: var(--bs-danger);
	--bs-btn-hover-bg: var(--bs-danger);
	--bs-btn-hover-border-color: var(--bs-danger);
	--bs-btn-active-bg: var(--bs-danger);
	--bs-btn-active-border-color: var(--bs-danger);
	--bs-btn-disabled-bg: var(--bs-danger);
	--bs-btn-disabled-border-color: var(--bs-danger);
}
.btn-outline-danger{
	--bs-btn-color: var(--bs-danger);
	--bs-btn-border-color: var(--bs-danger);
	--bs-btn-hover-bg: var(--bs-danger);
	--bs-btn-hover-border-color: var(--bs-danger);
	--bs-btn-active-bg: var(--bs-danger);
	--bs-btn-active-border-color: var(--bs-danger);
	--bs-btn-disabled-color: var(--bs-danger);
	--bs-btn-disabled-border-color: var(--bs-danger);
}

.btn-warning, .btn-outline-warning{--bs-btn-focus-shadow-rgb: 236, 175, 59;}
.btn-warning{
	background: var(--bs-warning);
	color:#212529;
	--bs-btn-color: #212529;
	--bs-btn-hover-color: #212529;
	--bs-btn-active-color: #212529;
	--bs-btn-disabled-color: #212529;
	--bs-btn-bg: var(--bs-warning);
	--bs-btn-border-color: var(--bs-warning);
	--bs-btn-hover-bg: var(--bs-warning);
	--bs-btn-hover-border-color: var(--bs-warning);
	--bs-btn-active-bg: var(--bs-warning);
	--bs-btn-active-border-color: var(--bs-warning);
	--bs-btn-disabled-bg: var(--bs-warning);
	--bs-btn-disabled-border-color: var(--bs-warning);
}
.btn-outline-warning{
	--bs-btn-color: #8A5A00;
	--bs-btn-hover-color: #212529;
	--bs-btn-active-color: #212529;
	--bs-btn-border-color: var(--bs-warning);
	--bs-btn-hover-bg: var(--bs-warning);
	--bs-btn-hover-border-color: var(--bs-warning);
	--bs-btn-active-bg: var(--bs-warning);
	--bs-btn-active-border-color: var(--bs-warning);
	--bs-btn-disabled-color: var(--bs-warning);
	--bs-btn-disabled-border-color: var(--bs-warning);
}

.btn-info, .btn-outline-info{--bs-btn-focus-shadow-rgb: 2, 84, 142;}
.btn-info{
	--bs-btn-color: #fff;
	--bs-btn-hover-color: #fff;
	--bs-btn-active-color: #fff;
	--bs-btn-disabled-color: #fff;
	--bs-btn-bg: var(--bs-info);
	--bs-btn-border-color: var(--bs-info);
	--bs-btn-hover-bg: var(--bs-info);
	--bs-btn-hover-border-color: var(--bs-info);
	--bs-btn-active-bg: var(--bs-info);
	--bs-btn-active-border-color: var(--bs-info);
	--bs-btn-disabled-bg: var(--bs-info);
	--bs-btn-disabled-border-color: var(--bs-info);
}
.btn-outline-info{
	--bs-btn-color: var(--bs-info);
	--bs-btn-hover-color: #fff;
	--bs-btn-active-color: #fff;
	--bs-btn-border-color: var(--bs-info);
	--bs-btn-hover-bg: var(--bs-info);
	--bs-btn-hover-border-color: var(--bs-info);
	--bs-btn-active-bg: var(--bs-info);
	--bs-btn-active-border-color: var(--bs-info);
	--bs-btn-disabled-color: var(--bs-info);
	--bs-btn-disabled-border-color: var(--bs-info);
}



.list-group-item.active{background: var(--bs-primary); border-color: var(--bs-primary); color:#fff}
.list-group-item.active .text-muted{color: #ccc!important;}

.theme-tooltip .tooltip-inner{
	max-width: 360px;
	text-align: left;
	line-height: 1.5;
	padding: 0.75rem 0.9rem;
}

.theme-tooltip .tooltip-inner ul{
	margin: 0;
	padding-left: 1rem;
}

.theme-tooltip .tooltip-inner li + li{
	margin-top: 0.45rem;
}

/* info 는 Bootstrap 기본이 검정 글자라 어두운 보라 배경에서 안 읽힌다 */
.text-bg-info{color: #fff !important;}