:root {
	--logo-image: url(img/logo_green.png);
	/* コアカラー(グレースケール) */
	--black: #111418;
	--white: #FFF;
	--darkgray1: #1C2127;
	--darkgray2: #252A31;
	--darkgray3: #2F343C;
	--darkgray4: #383E47;
	--darkgray5: #404854;
	--gray1: #5F6B7C;
	--gray2: #738091;
	--gray3: #8F99A8;
	--gray4: #ABB3BF;
	--gray5: #C5CBD3;
	--lightgray1: #D3D8DE;
	--lightgray2: #DCE0E5;
	--lightgray3: #E5E8EB;
	--lightgray4: #EDEFF2;
	--lightgray5: #F6F7F9;
	/* コアカラー(青) */
	--blue1: #184A90;
	--blue2: #215DB0;
	--blue3: #2D72D2;
	--blue4: #4C90F0;
	--blue5: #8ABBFF;
	/* コアカラー(緑) */
	--green1: #165A36;
	--green2: #1C6E42;
	--green3: #238551;
	--green4: #32A467;
	--green5: #72CA9B;
	/* コアカラー(黄) */
	--yellow1: #77450D;
	--yellow2: #935610;
	--yellow3: #C87619;
	--yellow4: #EC9A3C;
	--yellow5: #FBB360;
	/* コアカラー(赤) */
	--red1: #8E292C;
	--red2: #AC2F33;
	--red3: #CD4246;
	--red4: #E76A6E;
	--red5: #FA999C;
	/* プライマリーカラー */
	--primary-color: var(--blue2);
	/* セカンダリーカラー(未定) */
	--secondary-color: transparent;
	/* オプショナルカラー */
	--optional-color: #777;
	/* ヘッダーの色 */
	--header-bg-color: var(--blue2);
	--header-border-color: #DDD;
	--header-fore-color: var(--white);
	/* 選択色 */
	--selection-hover-bg-color: var(--lightgray3);
	/* ヘッダー選択時の色 */
	--header-accent-bg-color: var(--white);
	--header-accent-fore-color: var(--blue2);
	--main-bg-color: #F6F7F8;
	--main-fore-color: #555;
	/* パネルの色 */
	--panel-bg-color: var(--white);
	--panel-border-color: #DDD;
	--panel-fore-color: #555;
	/* アイコンの色 */
	--icon-fore-color: #BBB;
	/*基本的な高さ*/
	--basic-height: 32px;
	/*フォントサイズ*/
	--font-size-large-title: 20px;
	--font-size-title: 18px;
	--font-size-large-text: 16px;
	--font-size-button: 14px;
	--font-size-text: 14px;
	/* グリッド フォントサイズ */
	--grid-font-size: var(--font-size-text);
	/* ヘッダー フォントサイズ */
	--header-font-size: var(--font-size-large-text);
	/*ローディングのグラデーションカラー*/
	--loading-circle-color: linear-gradient(45deg, #215DB0, #BEDAF4);
}

.ant-btn-primary {
	border-color: var(--primary-color);
	background: var(--primary-color);
	border-radius: 3px;
}

*::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

*::-webkit-scrollbar-track {
	background-color: #ccc;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--blue1);
}

#app,
#lauout-root {
	height: 100%;
	width: 100%;
}

html, body {
	font-family: "Noto Sans JP", "Meiryo UI", "Hiragino Sans", "Yu Gothic UI", "MS PGothic", "Hiragino Kaku Gothic ProN", sans-serif;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

body {
	width: 100% !important;
	--ig-size: var(--ig-size-small);
}

i {
	color: var(--icon-fore-color);
}

.ant-checkbox-input {
	z-index: 0 !important;
}

/* Aタグの挙動を従来のものに戻す */
a.responsive-multitenant-nav-link {
	color: var(--blue2);
}

	a.responsive-multitenant-nav-link * {
		color: inherit;
	}

	a.responsive-multitenant-nav-link:hover {
		text-decoration: underline;
	}
/* Aタグの挙動を従来のものに戻す ここまで*/

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

	.blazor-error-boundary::after {
		content: "An error has occurred."
	}

.loading {
	z-index: 9999;
	position: relative;
	width: 100%;
	height: 90vh;
	display: flex;
	background: var(--white);
	text-align: center;
	justify-content: center;
	align-items: center;
}

.loading__content {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: absolute;
	width: 170px;
	height: 170px;
	border-radius: 100%;
	background: var(--loading-circle-color);
	-webkit-animation: app-loaders 2s linear infinite;
	animation: app-loaders 2s linear infinite;
}

	.loading__content::before {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		top: 8%;
		left: 8%;
		width: 84%;
		height: 84%;
		border-radius: 100%;
		background: var(--white);
		content: "";
	}

.loading-progress-text {
	z-index: 10000;
	position: absolute;
	text-align: center;
	font-size: var(--font-size-title);
	font-weight: bold;
	color: var(--aquamarine6);
}

	.loading-progress-text:after {
		content: var(--blazor-load-percentage-text, "Loading");
	}

@keyframes app-loaders {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*
	バリデーション
*/
.validation-message {
	color: red !important;
}

/*フィルターのオーバーレイ*/
.igx-overlay__content:has(igx-grid-excel-style-filtering) {
	min-width: 215px;
	height: 400px !important;
}

/*フィルターパネル*/
igx-grid-excel-style-filtering.igx-excel-filter {
	max-height: 370px !important;
	min-width: 290px;
	width: 290px;
}

/*フィルターメニュー*/
.igx-excel-filter__menu-main {
	font-size: var(--font-size-text);
	width: 290px;
	height: 400px;
}

/*フィルターパネル*/
.igx-excel-filter__menu--compact {
	min-height: 315px !important;
}

/*フィルター内チェックボックス*/
.igx-checkbox__composite {
	transform: scale(0.8);
}

/*フィルター内チェックボックスラベル*/
.igx-checkbox__label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*フィルター内などのリストア一行*/
.igx-list__item-content {
	max-width: 100%;
}

/*グリッド内アイコン*/
.igx-button igx-icon {
	font-size: 1rem;
}

/*フィルター内検索ボックス*/
.igx-input-group--bootstrap .igx-input-group__bundle {
	height: var(--basic-height);
}

/*フィルター内検索ボックステキスト*/
input.ng-pristine.ng-valid.igx-input-group__input.ng-touched, input.ng-valid.igx-input-group__input.ng-touched.ng-dirty {
	font-size: var(--grid-font-size) !important;
}

/*フィルター内検索ボックスフォーカス時*/
.igx-input-group--bootstrap.igx-input-group--focused .igx-input-group__input,
.igx-input-group--bootstrap.igx-input-group--focused .igx-input-group__file-input,
.igx-input-group--bootstrap.igx-input-group--focused .igx-input-group__textarea {
	border: .0625rem solid var(--focused-border-color);
	box-shadow: 0 0 0 2px var(--focused-secondary-color);
}

/*フィルター下部ボタン*/
.igx-excel-filter__menu-footer [igxButton] {
	width: inherit !important;
}

/*フィルターアイコン*/
.fa-solid.fa-filter.filter-button-icon {
	font-size: var(--grid-font-size);
	color: var(--gray3);
}

/*フィルター内アイコンボタン*/
.igx-icon-button.igx-icon-button--flat {
	display: flex;
	width: 32px;
	height: 32px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

	/*フィルターの不要な要素*/
	.igx-excel-filter__menu--compact .igx-excel-filter__sort,
	.igx-excel-filter__menu--compact .igx-excel-filter__move,
	igx-excel-style-clear-filters,
	igx-excel-style-conditional-filter,
	.igx-button.igx-button--icon:has(.material-icons.igx-icon),
	.igx-icon-button.igx-icon-button--flat[aria-label*="Hide column"],
	igx-excel-style-hiding,
	igx-excel-style-pinning span {
		display: none;
	}

/*ピンボタン*/
igx-excel-style-pinning {
	height: fit-content;
	width: fit-content;
	position: absolute;
	top: 0;
	right: 0;
	margin: 8px;
}

/*フィルターボックスのヘッダー*/
.igx-excel-filter__menu-header h4 {
	text-align: center;
	margin-left: auto;
	margin-block: auto;
	font-size: var(--font-size-large-text);
}

/*フィルターアクティブ時*/
.igx-excel-filter__icon--filtered .fa-solid.fa-filter.filter-button-icon {
	color: var(--header-icon-active-color);
}

/*フィルター内リストの行*/
.igx-list__item-base {
	height: var(--basic-height);
}