fieldset.fi-fieldset {
	border: 1px solid red;
	background: #6693ff66;
}
html {
	font-size: 18px;
}

.fi-checkbox-input.rounded.border-none.bg-white.shadow-sm.ring-1.transition.duration-75.checked\:ring-0.focus\:ring-2.focus\:ring-offset-0.disabled\:pointer-events-none.disabled\:bg-gray-50.disabled\:text-gray-50.disabled\:checked\:bg-current.disabled\:checked\:text-gray-400.text-primary-600.ring-gray-950\/10.focus\:ring-primary-600.checked\:focus\:ring-primary-500\/50 {
	border: 3px solid red;
}

thead.bg-gray-50.dark\:bg-white\/5 {
	background: #ebeefd;
	color: #fff;
}

.fi-section.rounded-xl.bg-white.shadow-sm.ring-1.ring-gray-950\/5 {
	background: #c5deff;
}

.fi-page.fi-resource-create-record-page.fi-resource-export-social-insurances fieldset {
}

.relative.flex.items-center.justify-center.gap-x-3.rounded-lg.px-2.py-2.text-sm.text-gray-700.outline-none.transition.duration-75.hover\:bg-gray-100.focus\:bg-gray-100.dark\:text-gray-200.dark\:hover\:bg-white\/5.dark\:focus\:bg-white\/5.font-medium {
	font-size: 17px;
}

.fi-ta-content.relative.divide-y.divide-gray-200.overflow-x-auto.dark\:divide-white\/10.dark\:border-t-white\/10 {
	max-height: 450px;
	overflow-y: scroll;
}

thead.bg-gray-50.dark\:bg-white\/5 tr {
	position: sticky;
	top: 0;
	background: #ede7f6;
	color: #fff;
}
table .fi-ta-text.grid.gap-y-1.px-3.py-4 {
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}
table .bg-gray-50 {
	--tw-bg-opacity: 1;
	background-color: #c0eaff;
}
span.text-sm.font-medium.text-gray-950.dark\:text-white {
	margin-right: 15px;
}
:root {
	--primary-color: #f40; /* Màu xanh dương */
}
.fi-ta-text-summary.grid.gap-y-1.px-3.py-4 {
	display: flex;
	justify-content: space-between;
	font-size: 20px;
}
.fi-ta-search-field .fi-input-wrapper.flex.rounded-lg.shadow-sm.ring-1.transition.duration-75.bg-white.focus-within\:ring-2.ring-gray-950\/10.focus-within\:ring-primary-600 {
	border: 3px solid red;
}
.fi-sidebar-nav {
	background: #001974;
}
li.fi-sidebar-item, li.fi-sidebar-group {
	text-transform: uppercase;
}
li.fi-sidebar-item:hover a, li.fi-sidebar-item.fi-sidebar-item-active a, li.fi-sidebar-item.fi-sidebar-item-active .fi-sidebar-item-icon {
	color: red;
}
li.fi-sidebar-group div > span {
	color: white;
}
li.fi-sidebar-item:hover svg.fi-sidebar-item-icon.text-gray-400 {
	color: red;
}
li.fi-sidebar-item a, li.fi-sidebar-item .fi-sidebar-item-icon {
	color: white;
}
.bg-custom-600 {
	--tw-bg-opacity: 1;
	background-color: #151856 !important;
	border-radius: 0 !important;
}
.fi-btn {
	border-radius: 0;
}
.fi-input-wrapper.flex.rounded-lg.shadow-sm.ring-1.transition.duration-75.bg-white.focus-within\:ring-2.ring-gray-950\/10.focus-within\:ring-primary-600 {
	border-radius: 0;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

html {
	font-family: "Noto Sans KR", sans-serif;
}
span.fi-sidebar-item-label.flex-1.truncate.text-sm.font-medium.text-gray-700.dark\:text-gray-200 {
	color: #FFF;
}
.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets {
	width: 100%;
	grid-template-columns: 1fr;
}

a.fi-sidebar-item-button.relative.flex.items-center.justify-center.gap-x-3.rounded-lg.px-2.py-2.outline-none.transition.duration-75.hover\:bg-gray-100.focus-visible\:bg-gray-100.dark\:hover\:bg-white\/5.dark\:focus-visible\:bg-white\/5:hover{
	background: #151856;
}