:root {
	/* コアカラー(グレースケール) */
	--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;
	--lightgray2-border-color: #C8CDD2;
	--lightgray3: #E5E8EB;
	--lightgray3-border-color: #D1D4D7;
	--lightgray4: #EDEFF2;
	--lightgray5: #F6F7F9;
	--lightgray6: #e0e2e2;
	/* コアカラー(青) */
	--blue1: #184A90;
	--blue2: #215DB0;
	--blue3: #2D72D2;
	--blue4: #4C90F0;
	--blue5: #8ABBFF;
	/*追加作成(ライトブルー)*/
	--lightblue1: #1d568f;
	--lightblue2: #B6C9E0;
	--lightblue3: #B7D4F5;
	--lightblue4: #DEEBFA;
	--lightblue4-border-color: #C5D8E9;
	/* コアカラー(緑) */
	--green1: #165A36;
	--green2: #1C6E42;
	--green3: #238551;
	--green4: #32A467;
	--green5: #72CA9B;
	/* コアカラー(黄) */
	--yellow1: #77450D;
	--yellow2: #935610;
	--yellow3: #C87619;
	--yellow4: #EC9A3C;
	--yellow5: #ff9d2c;
	--yellow6: #FBB360;
	--yellow7: #fff0de;
	--yellow7-border-color: #E7D1B8;
	/* コアカラー(赤) */
	--red1: #8E292C;
	--red2: #AC2F33;
	--red3: #CD4246;
	--red4: #E76A6E;
	--red5: #FA999C;
	--red6: #f8dcdc;
	--red6-border-color: #EAC3C3;
	/*ヘッダーカラー*/
	--aquamarine1: #007C75;
	--aquamarine2: #008B81;
	--aquamarine3: -webkit-linear-gradient(45deg, #00877F, #00998F);
	--aquamarine4: #129B92;
	--aquamarine5: #15A89D;
	--aquamarine6: #35AAA2;
	--aquamarine7: linear-gradient(45deg, #00877F, #bfe5e3);
	/* プライマリーカラー */
	--primary-color: var(--blue2);
	/* セカンダリーカラー(未定) */
	--secondary-color: transparent;
	/* オプショナルカラー */
	--optional-color: #777;
	/* ヘッダーの色 */
	--header-bg-color: var(--aquamarine3);
	--header-border-color: var(--aquamarine1);
	--header-fore-color: var(--white);
	/* ヘッダーボタンの背景色 */
	--header-button-primary-bg: var(--aquamarine4); /* 通常時のボタン色 */
	--header-button-secondary-bg: var(--aquamarine2); /* その他のボタンの背景色 */
	--header-button-primary-hover-bg: var(--aquamarine5); /* ボタンのホバー時の色 */
	/* 選択色 */
	--selection-hover-bg-color: var(--lightgray3);
	/* ヘッダー選択時の色 */
	--header-accent-bg-color: var(--primary-color);
	--header-accent-fore-color: var(--white);
	--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;
	/* アントデザインのプライマリーカラー(水色) */
	--ant-primary-color: #1890ff;
	/* アントデザインのアクティブカラー(濃い青) */
	--ant-primary-active-color: #096dd9;
	/* 非活性時の背景色 */
	--inactive-background-color: rgb(245, 245, 245);
	/* 非活性時の色 */
	--inactive-color: rgb(217 217 217);
	/*グリッドの背景色*/
	--grid-background-color: #F9FAFA;
	/*セルのボーダーカラー*/
	--cell-border-color: #dedddd;
	/*アクティブセル*/
	--active-cell-background-color: var(--lightblue3);
	/*--lightblue3のセルのボーダーカラー*/
	--cell-lightblue3-border-color: #A5C0E0;
	/* 読み取り専用セル 背景色 */
	--readonly-background-color: var(--lightgray3);
	/* 読み取り専用セル 背景色 ホバー時*/
	--readonly-hover-background-color: var(--lightblue2);
	/* 読み取り専用セル 選択セル　背景色 */
	--readonly-selected-background-color: var(--lightblue2);
	/* 読み取り専用セルのボーダーカラー */
	--readonly-cell-border-color: var(--lightgray3-border-color);
	/* 行ヘッダー 背景色 */
	--row-header-background-color: var(--lightgray4);
	/* 行ヘッダーセルのボーダーカラー */
	--row-header-cell-border-color: #c5c9cc;
	/* 集計セル 背景色 */
	--aggregate-cell-background-color: #206bc6;
	/* 集計セルのボーダーカラー */
	--aggregate-cell-border-color: #1659b7;
	/* ヘッダーアイコンのアクティブカラー */
	--header-icon-active-color: #0D6DFD;
	/* 成功の色 */
	--success-color: var(--green4);
	/* エラーの色 */
	--error-color: var(--red3);
	/* 成功の背景色 */
	--success-background-color: #e4f5e4;
	/* 成功の背景色 ホバー時 */
	--success-hover-background-color: #c5dfc6;
	/*成功のボーダーカラー*/
	--success-border-color: #C6D9C6;
	/* エラーの背景色 */
	--error-background-color: var(--red6);
	/* エラーの背景色 ホバー時 */
	--error-hover-background-color: #E4B8B8;
	/*--エラー(red6)のセルのボーダーカラー*/
	--error-border-color: var(--red6-border-color);
	/* エラーのアクティブカラー*/
	--error-background-active-color: #f76f74;
	/*バリデーションエラー時の通常時カラー*/
	--error-validation-default-color: #fceee4;
	/* 警告の色 */
	--warning-color: var(--yellow5);
	/*警告の背景色*/
	--warning-background-color: var(--yellow7);
	/*警告の背景色 ホバー時*/
	--warning-hover-background-color: #E6D1B8;
	/*警告のボーダーカラー*/
	--warning-border-color: var(--yellow7-border-color);
	/*ローディングのグラデーションカラー*/
	--loading-circle-color: var(--aquamarine7);
	/*基本的な高さ*/
	--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);
}

@font-face {
	font-family: "noto-sans";
	src: url("/css/open-iconic/font/fonts/NotoSansJP-Regular.ttf") format("truetype");
}

/* カスタマーテナントIDが取得出来なかったとき用 */

	.not-found-page header.not-found-header {
		width: 100vw;
		height: 45px;
		background: var(--header-bg-color);
	}

		.not-found-page header.not-found-header img {
			height: 42px;
			width: 192px;
		}

	.not-found-page .not-found-text {
		padding: 7px 14px;
	}

/*アントコンポーネント*/

.ant-page-header {
	padding: 8px 24px;
}

.ant-avatar-sm {
	width: 20px;
	height: 20px;
	line-height: 20px;
}

.ant-btn {
	font-size: var(--font-size-button);
	border-radius: 3px;
	height: var(--basic-height);
	padding: 2.5px 10px;
}

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

.ant-btn-icon-only.ant-btn-sm > * {
	font-size: var(--font-size-large-text);
}

.ant-input {
	height: var(--basic-height);
	border-radius: 3px;
	font-size: var(--font-size-text);
}

/*高さをそろえるため、インプット上下の追加パディングを除去（影響範囲絞るため一旦パスワードだけ）*/
.ant-input-affix-wrapper.ant-input-password {
	padding: 0px 11px;
}

textarea.ant-input {
	min-height: var(--basic-height);
	scrollbar-gutter: stable;
	padding-block: 8px;
	padding-left: 16px;
	padding-right: 8px;
}

	textarea.ant-input:hover {
		overflow-y: auto !important;
	}

.ant-form label {
	font-size: var(--font-size-text);
	display: flex;
	align-items: center;
}

.ant-checkbox {
	transform: scale(0.8);
	position: inherit;
}

.ant-btn-icon-only {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ant-tag {
	font-size: var(--font-size-text);
	display: flex;
	align-items: center;
	border-radius: 3px;
	height: var(--basic-height);
	margin: 0px;
}

.ant-tabs {
	font-size: var(--font-size-text);
}

.ant-tabs-tab {
	font-size: var(--font-size-text);
	padding: 6px 0;
}

form.ant-form .ant-form-item {
	margin: 8px;
	margin-left: 8px;
	height: var(--basic-height);
}

	form.ant-form .ant-form-item .ant-form-item-row {
		width: 100%;
	}

		form.ant-form .ant-form-item .ant-form-item-row .ant-form-item-label label {
			white-space: pre-line;
			word-break: break-word;
			overflow-wrap: break-word;
			line-height: 1em;
		}

.ant-row {
	display: flex;
	align-items: center;
}

.ant-form-item-control-input {
	min-height: var(--basic-height);
}

.ant-form-inline {
	column-gap: 4px;
}

.ant-segmented-item-label {
	font-size: var(--font-size-text);
	min-height: none;
	align-items: center;
	display: flex;
}

.ant-segmented {
	height: var(--basic-height);
	display: flex;
	align-items: center;
	border-radius: 3px;
}

.ant-segmented-group {
	align-items: center;
}

.ant-segmented-item-selected {
	border-radius: 3px;
	height: 28px;
	display: flex;
	align-items: center;
}

.ant-segmented-thumb {
	transform: translateX(0px);
	height: 28px;
	top: initial;
}

.ant-checkbox-wrapper {
	font-size: var(--font-size-text);
	align-items: center;
}

.ant-checkbox + span {
	padding-right: 5px;
	padding-left: 5px;
	font-size: var(--font-size-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 12px;
	align-content: center;
}

.ant-form-item-label > label {
	height: var(--basic-height);
	font-size: var(--font-size-text);
}

.ant-btn > .anticon + span, .ant-btn > span + .anticon {
	margin-left: 0px;
}

.ant-flex-gap-middle {
	gap: 5px;
	width: 100%;
}

.ant-input-number {
	height: var(--basic-height);
	width: 80px;
	font-size: var(--font-size-text);
	display: flex;
	align-items: center;
	border-radius: 3px;
}

.ant-space-item {
	font-size: var(--font-size-text) !important;
}

span.ant-radio + * {
	padding-right: 4px;
	padding-left: 4px;
}

.ant-radio-wrapper {
	font-size: var(--font-size-text);
}

.ant-list-item-meta-title {
	font-size: var(--font-size-large-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.warning-card, .error-card {
	font-size: 12px;
}

.ant-empty {
	font-size: var(--font-size-text);
}

	.ant-empty .ant-empty-image {
		height: 70px;
	}

.ant-picker-input > input {
	font-size: var(--font-size-text);
}

.ant-picker-panel {
	font-size: var(--font-size-text);
}

.ant-picker-cell {
	padding: 1px 0;
}

.ant-picker-header {
	height: 28px;
	align-items: center;
}

.igx-grid__td--editing .igx-input-group__input, .igx-grid__td--editing .igx-input-group__textarea {
	font-size: var(--grid-font-size) !important;
}

.igx-calendar__body {
	font-size: var(--font-size-text) !important;
}

.igx-calendar__date-content {
	width: 20px;
	min-width: 20px;
	height: 20px;
}

.ant-menu-title-content {
	font-size: var(--font-size-text);
	margin-inline: 4px;
}

.ant-picker-footer {
	font-size: var(--font-size-large-text);
	line-height: 24px
}

.ant-tooltip .ant-tooltip-inner {
	min-height: 28px;
	font-size: var(--font-size-text);
}

/*モーダルのタイトル*/
.ant-modal-title {
	font-weight: bold;
	font-size: var(--font-size-title);
}

.ant-select {
	font-size: var(--font-size-text);
}

.ant-select-selector {
	font-size: var(--font-size-text);
	height: var(--basic-height);
	display: flex;
	align-content: center;
}

.ant-select-item {
	font-size: var(--font-size-text);
	min-height: 26px;
}

.ant-select-multiple .ant-select-selection-item {
	font-size: var(--font-size-text);
	line-height: inherit;
	height: var(--basic-height);
	align-items: center;
}

.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
	padding: 0;
}

.ant-dropdown-menu {
	padding: 4px 8px;
}

.ant-statistic-title {
	font-size: var(--font-size-text);
	border-radius: 3px;
}

.ant-statistic-content {
	font-size: var(--font-size-large-text);
	border-radius: 3px;
}

.ant-badge-count {
	min-width: 14px;
	height: 14px;
	padding: 0 2px;
	font-size: var(--font-size-text);
	line-height: 14px;
}

.ant-comment-content {
	font-size: var(--font-size-text);
}

.ant-comment-inner {
	padding: 8px 0;
}

.ant-comment-content-author {
	font-size: var(--font-size-text);
}

	.ant-comment-content-author > a, .ant-comment-content-author > span {
		font-size: var(--font-size-text);
	}

.anticon.anticon-exclamation-circle {
	margin-right: 8px;
	margin-top: 0px;
	font-size: 22px;
}

.ant-modal-confirm-content {
	font-size: var(--font-size-large-text);
}

	.ant-modal-confirm-content p {
		display: flex;
	}

.ant-modal-confirm .ant-modal-body {
	padding: 12px 12px;
}

.ant-modal-confirm-body .ant-modal-confirm-content {
	font-size: var(--font-size-text);
	margin-left: 32px !important
}

.ant-modal-confirm .ant-modal-confirm-btns {
	margin-top: 8px;
}

.ant-input-number-input {
	font-size: var(--font-size-text);
}

.ant-statistic-content-value {
	display: inline-block;
	direction: ltr;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
}

/*トーストメッセージ*/
.ant-message {
	z-index: 99999999;
}

/*雷アイコン*/
.anticon.anticon-thunderbolt {
	font-size: var(--font-size-text);
}

/*仕訳検索表示オプションの選択中要素が表示される部分*/
.ant-select-selection-overflow {
	height: 100%;
}

/*右上に表示される通知*/
.ant-notification-notice {
	padding: 8px 12px;
	margin-bottom: 0;
}

/*通知内のアイコン*/
.ant-notification-notice-icon i {
	font-size: var(--font-size-large-title) !important;
}

/*通知内のボタン*/
.ant-notification-notice-btn .ant-btn {
	height: 30px;
	font-size: var(--font-size-title);
	align-items: center;
	display: flex;
}

/*収集データインポートのレイアウト構成で使用するテーブル*/
.ant-table-container {
	border: solid 1px var(--readonly-cell-border-color);
}

/*収集データインポートのレイアウト構成で使用するテーブルヘッダー*/
.ant-table-thead > tr > th {
	background-color: var(--lightgray6) !important;
	border-inline-end: solid 1px var(--readonly-cell-border-color);
	border-bottom: solid 1px var(--readonly-cell-border-color) !important;
}

	/*収集データインポートのレイアウト構成で使用するテーブルヘッダー(行の最後のセル)*/
	.ant-table-thead > tr > th:last-child {
		border-inline-end: none;
	}

	/*収集データインポートのレイアウト構成で使用するテーブルヘッダーのセルbefore要素*/
	.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
		display: none;
	}


/*収集データインポートのレイアウト構成で使用するテーブルのセル*/
.ant-table-cell {
	border-right: .0625rem solid var(--cell-border-color);
	border-bottom: .0625rem solid var(--cell-border-color) !important;
	font-size: var(--font-size-text);
}

	/*収集データインポートのレイアウト構成で使用するテーブルのセル(行の最後のセル)*/
	.ant-table-cell:last-child {
		border-right: none !important;
	}

/*収集データインポートのレイアウト構成で使用するテーブルの行*/
tr.ant-table-row {
	border-bottom: .0625rem solid var(--cell-border-color);
}

	/*収集データインポートのレイアウト構成で使用するテーブルの行(行の最後のセル)*/
	tr.ant-table-row:last-child {
		border-bottom: none !important;
	}

		/*収集データインポートのレイアウト構成で使用するテーブルの行(行の最後のセル)*/
		tr.ant-table-row:last-child > td {
			border-bottom: none !important;
		}

/*ヘッダータイトル*/
.ant-table-column-title {
	font-size: var(--font-size-text);
	font-weight: bold;
}

/*アントのテーブル(収集データインポートなど)*/
.ant-table-container {
	border-radius: 3px;
}

/*モーダルのボディの中で使うクラス*/
.ant-modal-body:has(.modal-confirm-content) {
	padding: 12px 0 24px 53px
}

.ant-modal-confirm-body > .anticon {
	margin-right: 8px;
}

/*収集進捗管理の収集開始ボタン*/
.ant-btn-group > .ant-btn:first-child:not(:last-child) {
	display: flex;
	justify-content: center;
	align-items: center;
}

	.ant-btn-group > .ant-btn:first-child:not(:last-child) > span > p {
		margin: 0;
	}

/*ジョブログのエラー件数の赤丸*/
.ant-badge .ant-scroll-number:only-child {
	min-height: 17px;
	min-width: 17px;
}

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

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

*::-webkit-scrollbar-thumb {
	background-color: var(--header-button-secondary-bg);
}

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

body {
	--ig-size: var(--ig-size-small);
}

div#app {
	height: 100%;
}

i {
	color: var(--icon-fore-color);
}
/* 
   モーダルが表示された際スクロールバーに要素が消されないようにpaddingが調整されるが
   スクロールバーが表示されない場合、ContentLayoutに不自然な隙間がpadding分生まれるのでそれを止める
   問題が出たら要調整
*/
body:has(.ant-modal-open .ant-modal-mask) {
	overflow: hidden;
	padding-right: unset;
}

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

/*
	モーダルを表示した際に、z-indexの値の関係でセレクターが表示されてしまうため
	マスクとモーダル本体のz-indexをセレクター(10003)よりも大きくしている。
	AntDesignの仕様変更によっては要調整
*/
.ant-modal-mask {
	z-index: 10004 !important;
}

.ant-modal-wrap, .ant-modal {
	z-index: 10005 !important;
}

.ant-tree-select .ant-select-selection-overflow-item {
	/*TreeSelectでMaxTagCountを設定すると
		選択項目が透明になるのと「×」ボタンによる削除が行えなくなるのでその対応 */
	height: auto !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

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

	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);
	}
}

/*グリッド*/
.igx-grid {
	border: solid 1px var(--readonly-cell-border-color);
	box-shadow: none;
}

/*セル*/
.igx-grid__td {
	font-size: var(--grid-font-size);
	border-right: .0625rem solid var(--cell-border-color);
	border-bottom: .0625rem solid var(--cell-border-color);
	min-height: calc(var(--basic-height) + 1px) !important;
}

/*選択セル*/
.igx-grid__td--selected {
	background-color: var(--lightblue4);
	border-right: .0625rem solid var(--lightblue4-border-color);
	border-bottom: .0625rem solid var(--lightblue4-border-color);
}

	/* ボーダー */
	.igx-grid__td--selected.igx-grid__td--active::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		/*ボーダーの色*/
		background-color: var(--blue3);
		/* ボーダーの幅 */
		--border-size: 1px;
		/* ボーダー（直接borderを使うとセルのサイズが変わってしまい問題があったので「中央に穴を空けた赤い四角」を重ねることで対応）*/
		clip-path: polygon(0% 0%, 0% 100%, var(--border-size) 100%, var(--border-size) var(--border-size), calc(100% - var(--border-size)) var(--border-size), calc(100% - var(--border-size)) calc(100% - var(--border-size)), var(--border-size) calc(100% - var(--border-size)), var(--border-size) 100%, 100% 100%, 100% 0%);
	}

/*編集モードのセル*/
.igx-grid__td--editing {
	background-color: var(--white) !important;
}

	/*編集モードのセル内のインプット要素*/
	.igx-grid__td--editing igx-input-group {
		background-color: unset !important;
	}

	/*行をホバーした時*/
	.igx-grid__tr:hover .igx-grid__td {
		background-color: var(--lightblue4);
		border-right: .0625rem solid var(--lightblue4-border-color);
		border-bottom: .0625rem solid var(--lightblue4-border-color);
	}

/*選択セルが存在している行をホバーした時*/
.igx-grid__tr:has(.igx-grid__td--selected):hover .igx-grid__td {
	background-color: var(--lightblue4);
	border-right: .0625rem solid var(--lightblue4-border-color);
	border-bottom: .0625rem solid var(--lightblue4-border-color);
}

/*ホバーしている行内のアクティブセル*/
.igx-grid__tr:has(.igx-grid__td--selected):hover .igx-grid__td--active {
	background-color: var(--white);
}

/*列のヘッダークラス*/
.igx-grid-thead__item .igx-grid-thead__title, .igx-grid-thead__item .igx-grid-th {
	text-align: center;
	justify-content: center;
}

/* 行 */
.igx-grid__tr {
	/*なぜか当たる箇所があるため無効にする */
	border-bottom: none;
	background-color: var(--white);
}

/*偶数行*/
.igx-grid__tr--even {
	background: var(--content-background);
}

/* 集計行セル */
.igx-grid-summary--fw {
	border-right: .0625rem solid var(--row-border-color);
	border-bottom: .0625rem solid var(--row-border-color);
}

/* 集計行ヘッダーセル */
.igx-grid__summaries-patch {
	border-bottom: .0625rem solid var(--row-border-color);
}

/* 総集計行のセル */
.igx-grid__summaries .igx-grid-summary--fw {
	border-right: .0625rem solid var(--readonly-cell-border-color);
	font-weight: bold;
	font-size: var(--grid-font-size);
}

/*ヘッダーのボタンアイコン*/
.igx-grid-th__icons {
	gap: 5px;
	margin-left: 5px;
	min-width: 10px;
	height: 30px !important;
}

/*数値型の列ヘッダーの要素順を他の型の列ヘッダと合わせる*/
.igx-grid-th--number, .igx-grid-th--number .igx-grid-th__icons {
	flex-direction: row-reverse;
}

/*行ヘッダ*/
.is-row-header {
	font-size: var(--header-font-size) !important;
	color: initial;
	font-weight: bold;
	background-color: var(--row-header-background-color);
	border-right: .0625em solid var(--row-header-cell-border-color) !important;
	border-bottom: .0625em solid var(--row-header-cell-border-color) !important;
}

	/*行ヘッダ内のテキスト*/
	.is-row-header .igx-grid__td-text, .igx-grid-thead__title, .igx-grid-th, .igx-grid-summary__result {
		font-size: var(--header-font-size) !important;
	}

	/*選択セル*/
	.is-row-header.igx-grid__td--selected {
		background-color: var(--lightblue4);
		border-right: .0625rem solid var(--lightblue4-border-color);
		border-bottom: .0625rem solid var(--lightblue4-border-color);
	}

/*行ヘッダー内アクティブセルホバー時*/
.igx-grid__tr:has(.igx-grid__td--selected):hover .is-row-header.igx-grid__td--active {
	background-color: var(--lightblue4);
	border-right: .0625rem solid var(--lightblue4-border-color);
	border-bottom: .0625rem solid var(--lightblue4-border-color);
}

/* 行アクションボタン */
.row-action-button {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background-color: var(--white);
	border: 1px solid transparent;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
	border-color: #d9d9d9;
	border-Width: thin;
	border-radius: 5px;
	cursor: pointer;
	touch-action: manipulation;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* グリッドではセル上でポインターイベントを拾っているため、
	ボタンのポインターイベントを無効化しないとボタン上でクリックなどが効かなくなる */
igx-grid-cell > div > .row-action-button {
	pointer-events: none;
}

/* セルアイコン */
i.cell-icon {
	color: var(--black);
}

/* ボタンのあるセル */
is-action-button-cell {
	justify-content: center;
}

	/* 行アクションボタンのあるセル（有効） */
	is-action-button-cell:has(.row-action-header:not(:disabled),.row-action-button:not(:disabled)) {
		cursor: pointer;
	}

		/* 行アクションボタン（有効/ホバー） */
		is-action-button-cell:has(.row-action-header:not(:disabled),.row-action-button:not(:disabled)):hover button {
			transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
			border-color: var(--ant-primary-color);
		}

	/* 行アクションボタンのアイコン（有効/ホバー） */
	is-action-button-cell:has(.row-action-header,.row-action-button):hover i.button-icon {
		transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
		color: var(--ant-primary-color);
	}

	/* 行アクションボタン（有効/アクティブ） */
	is-action-button-cell:has(.row-action-header:not(:disabled),.row-action-button:not(:disabled)):active button {
		border-color: var(--ant-primary-active-color);
	}

	/* 行アクションボタンのアイコン（アクティブ） */
	is-action-button-cell:has(.row-action-header,.row-action-button):active i.button-icon {
		color: var(--ant-primary-active-color);
	}

/* 行アクションボタン無効時 */
.row-action-header:disabled, .row-action-button:disabled {
	background-color: var(--inactive-background-color);
}

/* 行アクションボタンが無効のセル内 */
is-action-button-cell:has(.row-action-header:disabled,.row-action-button:disabled) {
	cursor: not-allowed;
}

	/* 行アクションボタンが無効時のボタンアイコン */
	is-action-button-cell:has(.row-action-header:disabled,.row-action-button:disabled) i.button-icon {
		color: var(--inactive-color);
	}


/* セル内ボタン */
.cell-button {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background-color: var(--white);
	border: 1px solid transparent;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
	border-color: #d9d9d9;
	border-Width: thin;
	border-radius: 3px;
	cursor: pointer;
	pointer-events: none;
	touch-action: manipulation;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ボタンアイコン */
i.button-icon {
	color: var(--black);
}

/* ボタンのあるセル(セル内ボタン、チェックボックス) */
igx-grid-cell:has(:where(.cell-button, input[type=checkbox])) {
	cursor: pointer;
}

/* セル内ボタンのあるセルホバー時のセル内ボタン */
igx-grid-cell:has(.cell-button):hover .cell-button:not(:disabled) {
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	border-color: var(--ant-primary-color) !important;
}

/* セル内ボタンのあるセルホバー時のセル内ボタンのアイコン */
igx-grid-cell:has(.cell-button):hover i.button-icon {
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	color: var(--ant-primary-color) !important;
}

/* セル内ボタンのあるセルアクティブのセル内ボタン */
igx-grid-cell:has(.cell-button):active .cell-button:not(:disabled) {
	border-color: var(--ant-primary-active-color) !important;
}

/* セル内ボタンのあるセルアクティブのセル内ボタンのアイコン */
igx-grid-cell:has(.cell-button):active i.button-icon {
	color: var(--ant-primary-active-color) !important;
}

/* セル内ボタン非活性時 */
.cell-button:disabled {
	background-color: var(--inactive-background-color);
}

/* セル内ボタンが非活性のセル内 */
igx-grid-cell:has(.cell-button:disabled) {
	cursor: not-allowed;
}

	/* セル内ボタンが非活性時アイコン */
	igx-grid-cell:has(.cell-button:disabled) i.button-icon {
		color: var(--inactive-color) !important;
	}

/*追加行にセル内ボタン、チェックボックスが生成されないようにする*/
.igx-grid__tr:has(.new-row-cell) .cell-button, .igx-grid__tr:has(.new-row-cell) input {
	display: none;
}

/* グリッドに配置されるセレクターがセルの大きさに応じて動的にサイズが変わるよう対応 */
igx-grid-cell div:has(label.bf-selector) {
	width: 100% !important;
}

/*チェックボックスのあるセル*/
igx-grid-cell:has(.ant-checkbox) {
	position: relative;
	display: inline-block;
	padding: 0;
}

/*チェックボックスのラベル*/
.grid-checkbox-label {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
}

	/*チェックボックスのラッパー*/
	.grid-checkbox-label .ant-checkbox-wrapper {
		margin: auto;
	}

/*ラジオボタン風チェックボックスのあるセル*/
igx-grid-cell:has(.ant-radio) {
	position: relative;
	display: inline-block;
	padding: 0;
}

/*ラジオボタン風チェックボックスのラベル*/
.grid-radio-label {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
}

	/*ラジオボタン風チェックボックスのラッパー*/
	.grid-radio-label .ant-radio-wrapper {
		margin: auto;
	}

/*読み取り専用セル*/

.is-readonly {
	background-color: var(--readonly-background-color);
	border-right: .0625rem solid var(--readonly-cell-border-color) !important;
	border-bottom: .0625rem solid var(--readonly-cell-border-color) !important;
}

/*読み取り専用行ホバー時　読み取り専用セル*/
.igx-grid__tr:hover .is-readonly {
	background-color: var(--readonly-hover-background-color);
}

	/*行ホバー時　読み取り専用セル*/
	.igx-grid__tr:hover .is-readonly:not(.igx-grid__td--selected) {
		background-color: var(--readonly-hover-background-color);
	}

	/*行ホバー時　読み取り専用セル内選択セル*/
	.igx-grid__tr:hover .is-readonly.igx-grid__td--selected {
		background-color: var(--readonly-hover-background-color);
	}

/*読み取り専用セル内 アクティブセル*/
.igx-grid__td--active.is-readonly {
	background-color: var(--active-cell-background-color);
	border-right: .0625rem solid var(--cell-lightblue3-border-color);
	border-bottom: .0625rem solid var(--cell-lightblue3-border-color);
}

/*アクティブセルのある行　読み取り専用セル*/
.is-readonly :has(.igx-grid__td--active) {
	background-color: var(--readonly-hover-background-color);
}

/*アクティブセルのある行　ホバー時　読み取り専用セル*/
.igx-grid__tr :has(.igx-grid__td--active):hover .is-readonly {
	background-color: var(--readonly-hover-background-color);
}

/*読み取り専用セル内 選択セル*/
.igx-grid__td--selected.is-readonly {
	background-color: var(--readonly-selected-background-color);
}

/*選択セルのある行　ホバー時　読み取り専用セル*/
.igx-grid__tr :has(.igx-grid__td--selected):hover .is-readonly {
	background-color: var(--readonly-hover-background-color);
}
/*アクティブセル*/
.igx-grid__tr :has(.igx-grid__td--active) .igx-grid__td--active.is-readonly {
	background-color: var(--active-cell-background-color);
}

/*ホバー時　アクティブセル*/
.igx-grid__tr :has(.igx-grid__td--active):hover .igx-grid__td--active.is-readonly {
	background-color: var(--active-cell-background-color);
}

/*セル*/
.igx-grid-cell, .igx-grid-thead__group {
	font-size: var(--grid-font-size) !important;
}

.igx-grid-thead__title, .igx-grid-th {
	border-color: var(--readonly-cell-border-color);
}

	/*ヘッダー部分*/
	.igx-grid-th, .igx-grid-thead__title.igx-drag.igx-drag--select-disabled {
		min-height: 30px !important;
		height: 30px !important;
		background-color: var(--lightgray6) !important;
		display: flex;
		align-items: center;
	}

.igx-grid__td--pinned-last, .igx-grid-th--pinned-last {
	border-inline-end: solid var(--gray5) !important;
}

/*アクティブ状態のヘッダー*/
.igx-grid-th--active .igx-grid-th {
	border: 1px solid var(--cell-active-border-color);
}

/*ヘッダー部分テキスト*/
.igx-grid-th__title {
	line-height: var(--basic-height) !important;
}

/*列グループがある列ヘッダー*/
igx-grid-header-row.igx-grid-thead.igx-grid-thead--compact:has(.igx-grid-thead__group), .igx-grid-thead__wrapper:has(.igx-grid-thead__group) {
	height: 62px !important;
	min-height: 62px !important;
}

/*ヘッダーの親要素*/
.igx-grid-thead__wrapper {
	border-bottom: 1px solid var(--readonly-cell-border-color);
}

.igx-grid:has(.igx-grid-grouparea) .igx-grid-thead__wrapper {
	border-top: 1px solid var(--readonly-cell-border-color);
}

/*グループヘッダータイトル*/
.igx-grid-th__group-title {
	height: 100%;
	display: flex;
	align-items: center;
}

/*アイコン*/
.igx-grid-th__icons .sort-icon igx-icon, .igx-chip__item.igx-drag igx-icon.material-icons.igx-icon {
	font-size: var(--grid-font-size) !important;
	width: inherit;
	height: inherit;
}

/*グループ化開閉エリア*/
.igx-grid__header-indentation {
	background-color: var(--lightgray6) !important;
	border-inline-end: solid 1px var(--readonly-cell-border-color);
}

/*全グループ開閉ボタンアイコン*/
.igx-grid-thead .igx-grid__header-indentation igx-icon {
	font-size: 1.2rem !important;
	left: 20px;
	top: 5px;
}

/*グループ化行*/
.igx-grid__group-row, .igx-grid__grouping-indicator, .igx-grid__group-content {
	min-height: var(--basic-height);
}

/*グループ開閉ボタンのマージン*/
.igx-grid__grouping-indicator {
	margin-inline-start: max(var(--is-large, 1)* max(1.5rem, -1* 1.5rem), var(--is-medium, 1)* max(1rem, -1* 1rem), var(--is-small, 1)* max(1.3rem, -1* 1.3rem));
}

/*グループ化行のフォント、グループ化中のドラッグ内テキストのフォント*/
.igx-grid__group-content, .igx-chip__item.igx-drag {
	font-size: var(--header-font-size);
	border-radius: 3px;
}

/*グループ開閉ボタンアイコン*/
.igx-grid__grouping-indicator igx-icon {
	font-size: 1.2rem !important;
}

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

/*フィルターパネル*/
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;
}

/*フィルターパネル*/
.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"] {
	display: none;
}

/*フィルターボックスのヘッダー*/
.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);
}


/*セル内セレクターの角丸を無くす*/
.igx-grid__td label.selected-item-container.bf-selector {
	border-radius: 0px;
	height: var(--basic-height);
}

/* バリデーションエラー */
igx-grid-cell.igx-grid__td.igx-grid__td--fw.bf-invalid {
	background-color: var(--error-background-color);
	border-right: .0625rem solid var(--error-border-color);
	border-bottom: .0625rem solid var(--error-border-color);
}

/* バリデーションエラー ホバー時 */
.igx-grid__tr:hover igx-grid-cell.bf-invalid.igx-grid__td {
	background-color: var(--error-hover-background-color);
}

/* バリデーションエラー 選択時*/
igx-grid-cell.igx-grid__td.igx-grid__td--fw.bf-invalid.igx-grid__td--selected {
	background-color: var(--error-hover-background-color);
}

/* バリデーションエラー 選択時 ホバー時*/
.igx-grid__tr:hover igx-grid-cell.igx-grid__td.igx-grid__td--fw.bf-invalid.igx-grid__td--selected {
	background-color: var(--error-hover-background-color);
}

/*アクティブセル（クリックした1セル）*/
igx-grid-cell.igx-grid__td.igx-grid__td--fw.bf-invalid.igx-grid__td--selected.igx-grid__td--active {
	background-color: var(--error-hover-background-color);
}

/*アクティブセル（クリックした1セル）*/
igx-grid-cell.bf-invalid.igx-grid__td--editing {
	background-color: var(--white);
}

/*ホバーしている行内のアクティブセル*/
.igx-grid__tr:hover igx-grid-cell.igx-grid__td.igx-grid__td--fw.bf-invalid.igx-grid__td--selected.igx-grid__td--active {
	background-color: var(--white);
}

/* ボーダー */
igx-grid-cell.bf-invalid.igx-grid__td--active::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	/*ボーダーの色*/
	background-color: var(--error-color);
	/* ボーダーの幅 */
	--border-size: 2px;
	/* ボーダー（直接borderを使うとセルのサイズが変わってしまい問題があったので「中央に穴を空けた赤い四角」を重ねることで対応）*/
	clip-path: polygon(0% 0%, 0% 100%, var(--border-size) 100%, var(--border-size) var(--border-size), calc(100% - var(--border-size)) var(--border-size), calc(100% - var(--border-size)) calc(100% - var(--border-size)), var(--border-size) calc(100% - var(--border-size)), var(--border-size) 100%, 100% 100%, 100% 0%);
}

/*モーダル内で使うクラス、先頭を揃えるため*/
.modal-content {
	padding-left: 1em;
}

/*セル内のantdesignのDatePickerにあてる*/
igx-grid-cell .ant-picker {
	width: 100%;
	height: var(--basic-height);
	border-radius: 0;
}

/*セル内のantdesignのDatePickerのinput要素のフォントサイズを大きくする*/
igx-grid-cell .ant-picker-input > input {
	font-size: var(--font-size-text);
}

/*Inlineで使っているantdesignのDatePickerのdivタグにあてる*/
igx-grid-cell:has(.ant-picker) > div > div {
	width: 100%;
}

.registered-data-delete-button .row-action-button .fa-trash {
	color: var(--red4);
}

.modal-body-confirm-remarks {
	color: var(--red3);
}

.modal-body-confirm-text {
	margin: 0;
}

/*モーダルのボディの中でクラスを持っていないとき*/
.ant-modal-body:not(.modal-confirm-content):after {
	display: none;
}

igx-grid-cell:has(.ant-select-selector) > div > div {
	width: 100%;
}

.ant-select-item-group {
	color: var(--darkgray3);
	font-weight: bold;
}

/*アントモーダルの×アイコンをデフォルトより濃くする*/
.ant-modal .ant-modal-close-icon {
	color: var(--black)
}

/*アントモーダルの×ボタンホバー時に赤くなるようにする*/
.ant-modal .ant-modal-close:hover {
	background-color: red;
}

	/*アントモーダルの×ボタンアイコンホバー時　×アイコンが白になるようにする*/
	.ant-modal .ant-modal-close:hover .ant-modal-close-icon {
		color: var(--white);
	}

	/*デフォルトのヘッダーの高さを×ボタンの高さと合わせる*/
.ant-modal-header {
	height: 54px;
}

/*アントモーダルにマージンを入れる*/
.ant-modal-margin > .ant-modal-content {
	width: calc(100vw - 80px); /* 左右に40pxずつマージン */
	height: calc(100vh - 80px); /* 上下に40pxずつマージン */
	margin: 40px;
}

/*BfNumberColumnの数値セルを右詰めにする*/
igx-grid-cell .number-cell,
igx-hierarchical-grid-cell .number-cell {
	display: block;
	text-align: end !important;
	width: 100% !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: default;
}