@charset "UTF-8";

html,
body {
	font-size: 0.95rem;
	font-family: "Roboto", san-serif;
	/* font-family: "Noto Sans Mono", "Hiragino Kaku Gothic ProN", san-serif; */
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	margin-top: 0;
	margin-bottom: 0;
}

h1, .h1 {
	font-size: calc(1.1rem + 0.4vw);
	font-weight: 800;
}

h2, .h2 {
	font-size: calc(1.05rem + 0.3vw);
	font-weight: 800;
}

h3, .h3 {
	font-size: calc(1.025rem + 0.3vw);
	font-weight: 800;
}

h4, .h4 {
	font-size: calc(1rem + 0.3vw);
	font-weight: 800;
}

h5, .h5 {
	font-size: calc(1rem + 0.1vw);
	font-weight: 800;
}

h6, .h6 {
	font-size: calc(1rem + 0vw);
	font-weight: 800;
}

dt {
	font-weight: 800;
}

.fw-bold {
	font-weight: 800 !important;
}


/*
 * ==================================================
 * bootstrap5.2.3
 * ==================================================
 */

/* text */
.text-primary {
	color: var(--bs-aisin-color) !important;;
}

.text-bg-primary {
	background-color: RGBA(var(--bs-aisin-rgb),var(--bs-bg-opacity,1))!important;
}

/* form */
.form-label {
	font-weight: 800;
	margin-bottom: 0.25rem;
}

.form-control {
	font-size: 0.925rem;
	line-height: 1.25;
	padding: .25rem .5rem;
}

.form-select {
	font-size: 0.925rem;
	font-weight: 400;
	line-height: 1.25;
	padding: .25rem .5rem;
}

.col-form-label {
	font-weight: 800;
}

.input-group-text {
	padding: 0rem 0.75rem;
	font-size: 0.925rem;
}

/* nav-link */
.nav-link:hover, .nav-link:focus {
	/* color: #212529 !important; */
	background-color: #e9ecef;
}

/* nav-tab */
.nav-tabs {
	border-bottom: 0
}

.nav-tabs .nav-link {
	--bs-nav-tabs-link-color: rgba(var(--bs-emphasis-color-rgb), 0.55);
	--bs-nav-tabs-link-padding-top: 0;
	--bs-nav-tabs-link-padding-bottom: 0.9rem;
	--bs-nav-tabs-link-padding-x: 29px;
	--bs-nav-tabs-link-hover-bgc: var(--bs-highlight-bg-color);
	--bs-nav-tabs-link-border-bottom-width: 2px;
	--bs-nav-tabs-link-active-color: var(--bs-aisin-color);
	--bs-nav-tabs-link-active-border-color: var(--bs-aisin-color);
	border-width: 0;
	border-bottom: var(--bs-nav-tabs-link-border-bottom-width) solid rgba(0,0,0,0.1);
	border-radius: 0;
	text-transform: capitalize;
	line-height: 1;
	color: var(--bs-nav-tabs-link-color);
	padding: var(--bs-nav-tabs-link-padding-top) var(--bs-nav-tabs-link-padding-x) var(--bs-nav-tabs-link-padding-bottom) var(--bs-nav-tabs-link-padding-x);
	font-weight: 800;
}

.nav-tabs .nav-link:hover {
	background-color: var(--bs-nav-tabs-link-hover-bgc);
	border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .nav-link:focus {
	border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
	color: var(--bs-nav-tabs-link-active-color);
	border-color: var(--bs-nav-tabs-link-active-border-color);
}

/**/
.nav-pills {
    --bs-nav-pills-border-radius: 0;
    --bs-nav-pills-link-active-bg: var(--bs-aisin-color);

	padding: 1px 0 1px 0;
}

.nav-pills .nav-link {
   color: #999;
}

/* list-group */
.list-group-item.active {
	--bs-list-group-active-bg: var(--bs-aisin-color);
	--bs-list-group-active-border-color: var(--bs-aisin-color);
	background-color: var(--bs-list-group-active-bg);
	border-color: var(--bs-list-group-active-border-color);
}

/* btn */
.btn {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: .925rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.25;
}

.btn-group-sm>.btn, .btn-sm {
	--bs-btn-padding-y: 0.15rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.85rem;
	--bs-btn-border-radius: var(--bs-border-radius-sm);
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-aisin-color);
	--bs-btn-border-color: var(--bs-aisin-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-aisin-color);
	--bs-btn-hover-border-color: var(--bs-aisin-color);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-aisin-color);
	--bs-btn-active-border-color: var(--bs-aisin-color);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-aisin-color);
	--bs-btn-disabled-border-color: var(--bs-aisin-color);
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-aisin-color);
	--bs-btn-border-color: var(--bs-aisin-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-aisin-color);
	--bs-btn-hover-border-color: var(--bs-aisin-color);
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-aisin-color);
	--bs-btn-active-border-color: var(--bs-aisin-color);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-aisin-color);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-aisin-color);
	--bs-gradient: none;
}

/* table */
.table-sm > :not(caption) > * > * {
	padding: 0.25rem 0.5rem;
}

.table-group-divider {
	border-bottom: calc(var(--bs-border-width) * 2) solid currentcolor;
}

/* pagination */
.pagination {
	--bs-pagination-padding-x: 0.75rem;
	--bs-pagination-padding-y: 0.125rem;
	--bs-pagination-font-size: 1rem;
	--bs-pagination-color: var(--bs-aisin-color);
	--bs-pagination-bg: var(--bs-body-bg);
	--bs-pagination-border-width: var(--bs-border-width);
	--bs-pagination-border-color: var(--bs-border-color);
	--bs-pagination-border-radius: var(--bs-border-radius);
	--bs-pagination-hover-color: var(--bs-aisin-color);
	--bs-pagination-hover-bg: var(--bs-tertiary-bg);
	--bs-pagination-hover-border-color: var(--bs-border-color);
	--bs-pagination-focus-color: var(--bs-aisin-color);
	--bs-pagination-focus-bg: var(--bs-secondary-bg);
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: var(--bs-aisin-color);
	--bs-pagination-active-border-color: var(--bs-aisin-color);
	--bs-pagination-disabled-color: var(--bs-secondary-color);
	--bs-pagination-disabled-bg: var(--bs-secondary-bg);
	--bs-pagination-disabled-border-color: var(--bs-border-color);
}


/*
 * ==================================================
 * sb
 * ==================================================
 */
.sb-sidenav .sb-sidenav-menu .nav .nav-link {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 37px;
}

.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested {
	margin-left: 0;
}

/* navbar-brand */
.sb-topnav .navbar-brand {
	font-size: 1.1rem;
}

.sb-topnav .navbar-brand .fw-bold {
	font-weight: 900 !important;
}

.sb-sidenav-light .sb-sidenav-menu .nav-link.active {
	color: #042275 !important;
	font-weight: 800 !important;
	background-color: #e9ecef;
}

.sb-sidenav-light .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
	color: #042275;
}

.sb-sidenav-light .sb-sidenav-menu .sb-sidenav-menu-heading {
	color: #7c8186;
}

.nested {
	padding-left: 2.6rem;
}