.text-grade-0 {
    color: #ADADAD !important;
}

.text-grade-1 {
    color: #5DA3F5 !important;
}

.text-grade-2 {
    color: #68C2FF !important;
}

.text-grade-3 {
    color: #03B78D !important;
}

.text-grade-4 {
    color: #FFAE4A !important;
}

.text-grade-5 {
    color: #FF7567 !important;
}

.text-grade-6 {
    color: #6938F0 !important;
}

.border-left-grade-0 {
    border-left: 0.25rem solid #ADADAD !important;
}

.border-left-grade-1 {
    border-left: 0.25rem solid #5DA3F5 !important;
}

.border-left-grade-2 {
    border-left: 0.25rem solid #68C2FF !important;
}

.border-left-grade-3 {
    border-left: 0.25rem solid #03B78D !important;
}

.border-left-grade-4 {
    border-left: 0.25rem solid #FFAE4A !important;
}

.border-left-grade-5 {
    border-left: 0.25rem solid #FF7567 !important;
}

.border-left-grade-6 {
    border-left: 0.25rem solid #6938F0 !important;
}

.table.table-bordered.dataTable{
	text-align: center;
}

.collapse-inner.custom {
	background-color: #f8f9fc;
}

.collapse-header.custom {
	color: dimgray !important;
	font-size: 0.9rem !important;
}

.collapse-header.custom:hover{
	color: #454545 !important;
	font-weight: 800;
}

.card-body{
	padding-bottom: 0 !important;
}

.dataTables_paginate{
	display:flex;
	align-items:center;
	justify-content: center;
	margin-top: 0.5em !important;
}

.dataTable thead {
	background-color: silver;
    color: white;
}

.top {
	display: flex;
    justify-content: space-between;
}

.bottom{
	margin-bottom: 0.5rem;	
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.25rem !important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ff8871 !important;
    background-color: #ff8871 !important;
}

table.table-bordered.dataTable{
	margin-top: 0 !important;
}

.custom-control-label {
    padding: 0.25rem;
    font-weight: 700;
    color: gray;
}

.page-item.active .page-link{
	background-color: #ff8871 !important;
	border-color:  #ff8871 !important;
}

.dataTable{
	background-color: white !important;
}

.dataTable thead{
	font-weight: 700;
}

.dataTables_info{
	font-size: 15px;
	font-weight: 700;
	color: darkgray;
}

.dataTables_info2{
	font-size: 17px;
	font-weight: 700;
	color: #e74a3b;
}

.search-filter{
	font-size: 15px !important;
	font-weight: 700 !important;
	color: dimgray !important;
	width: 100%;
	text-align: left;
}
.search-filter tr {
	height: 2.5rem;
}

.search-filter .form-control,
.search-filter .form-select {
	width: 90%;
	font-size: 15px;
}

.dataTables_filter > label{
	font-size: 15px !important;
	font-weight: 700 !important;
	color: darkgray !important;
}

.dataTables_filter > label > .form-control-sm{
	font-size: 15px !important;
	font-weight: 700 !important;
	color: darkgray !important;
	margin-left: 1rem !important;
}

.card-header {
	display: flex;
    /* margin: 0 1.25rem 1.25rem; */
    border: 0;
}

.btn.search {
	width: 100%;
	font-size: 15px;
	font-weight: 700;
}

.content-title-wrap .btn.search {
	width: 120px;
}

.card{
	background-color: #f8f9fc;
}

/* 20240814 추가 */
tr.text-align th {
	white-space: nowrap;
	text-align: center !important;
}

/* 20240819 추가 */
.nowrap {
	white-space: nowrap;
}

/* 20250328 추가 */
.shadow-radius-body {
	box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    border-radius: 5px;
    min-height: 1px;
    padding: 1.25rem;
}

.btn-wrapper-right {
	display: flex;
    justify-content: end;
    gap: 0.35rem;
}

.btn.lg {
	padding: 0.375rem 1.5rem;
    max-width: 110px;
}

.icon {
	display: inline-block;
	width: 24px; /* 아이콘의 너비 */
	height: 24px; /* 아이콘의 높이 */
	background-size: cover;
}

.visibilityWrapper {
	display: flex;
	flex-direction: row;
}

.visibilityWrapper .icon {
	position: absolute;
	right: 1.5rem;
	top: 0.5rem;
}

/* visibilityOn 클래스에 대한 스타일 */
.icon.visibilityOn {
	background-image: url('/img/component/visibility_on.svg');
}

/* visibilityOff 클래스에 대한 스타일 */
.icon.visibilityOff {
	background-image: url('/img/component/visibility_off.svg');
}

.required {
  color: red;
  font-weight: bold;
}

.page-move-span:hover {
	font-weight: bold;
	cursor: pointer;
}
    
/* 사이드 메뉴바 설정 */
.collapse-inner {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

tr.selectedRow {
    color: #858796;
    background-color: #00000025;
}

.sidebar .nav-item .nav-link span {
    color: #fff;
}

@media screen and (min-width: 768px) {
	.sidebar .nav-item .nav-link span {
        font-size: 1.1rem;
        display: inline;
        font-weight: 600;
    }
}