@charset "UTF-8";

/********************************************************************************
 *
 * ※注意※
 *
 *  ・ユーティリティ以外では !important は使用しないでください。
 *  ・新しい class や id を無断で作らないでください。
 *
 ********************************************************************************/

@import url(../plugin/font-awesome/6.1.1/css/all.min.css);
@import url(../plugin/bootstrap/3.4.0/css/bootstrap.min.css);
@import url(../plugin/bootstrap/3.4.0/css/bootstrap-theme.min.css);
@import url(../plugin/bootstrap-clockpicker/0.0.7/css/bootstrap-clockpicker.min.css);
@import url(../plugin/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.standalone.min.css);
@import url(../plugin/bootstrap-select/1.13.18/css/bootstrap-select.min.css);

/**
 * Reset css
 */
html {
	height:						100%;
}

body {
	background-color:			#FFFFFF;
	background-image:			repeating-linear-gradient(0deg, #FFFFFF 0, #F8F8F8 2px, #F4F4F4 2px, #F8F8F8 4px);
	background-size:			20px 100%;
	background-attachment:		fixed;
	color:						#333333;
	min-width:					300px;
}

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

label {
	white-space:				pre;
}

/** IE / Edge の初期値が異なる */
tr {
	height:						auto;
}



/**
 * nav
 */
#nav {
	background-image:			linear-gradient(to bottom, #3C3C3C 0, #222222 100%);
	height:						3.572em;
	min-height:					51px;
}

#nav #navbar-login-menu {
	display:					none;
}

#nav .navbar {
	border-radius:				0;
	border-width:				0 0 1px;
	min-height:					50px;
	position:					fixed;
	top:						0;
	right:						0;
	left:						0;
	z-index:					990000;
}

#nav .navbar h1 {
	cursor:						default;
	color:						#FFFFFF;
	font-size:					1em;
	margin-bottom:				0;
	padding-right:				10px;
	width:						14em;
	min-width:					14em;
	overflow:					hidden;
	white-space:				nowrap;
	text-overflow:				ellipsis;
	text-shadow:				1px 1px 1px #000000;
	transition-duration:		1s;
}

#nav .navbar h1:hover {
	width:						auto;
}

#nav .navbar .navbar-text {
	margin-left:				0;
}

#nav .navbar .navbar-nav {
	color:						#FFFFFF;
	list-style-type:			upper-alpha;
	list-style-position:		outside;
}

#nav .navbar .navbar-nav > li.dropdown {
	display:					list-item;
	margin-left:				2em;
	text-shadow:				1px 1px 1px #000000;
}

#nav .navbar .navbar-nav > li.current-menu-group > a:before {
	content:					"●";
	font-size:					1em;
	position:					absolute;
	margin:						-1.175em 0 0 -1.175em;
}

#nav .navbar .navbar-nav > li.dropdown > a {
	background:					none;
	margin-left:				-2em;
	padding-left:				1.95em;
	padding-right:				0.75em;
	opacity:					0.99999;
	text-shadow:				1px 1px 1px #000000;
}

#nav .navbar .navbar-nav > li.dropdown > a:hover,
#nav .navbar .navbar-nav > li.dropdown > a:focus {
	box-shadow:					0px 0px 32px 32px inset rgba(255, 255, 255, 0.1);
}

.navbar-inverse .navbar-nav > li > a {
	color:						#FFFFFF;
}

#nav .navbar ul > li > ul {
	border:						solid 1px #1E283C;
	background-color:			rgba(48, 64, 96, 0.9);
	color:						#FFFFFF;
	list-style-type:			decimal;
	list-style-position:		outside;
	margin-left:				-2em;
	padding:					0px;
}

/** 順リストの接頭辞をネガティブ マージンとパディングでオーバーレイ */
#nav .navbar ul > li > ul > li {
	margin-left:				2.5em;
}

#nav .navbar ul > li > ul > li > a {
	background:					none;
	color:						#FFFFFF;
	margin:						0 0 0 -2.5em;
	padding:					6px 64px 6px 2.5em;
	opacity:					0.99999;
}

#nav .navbar ul > li > ul > li > span.badge {
	background-color:			#1A8343;
	color:						#FFFFFF;
	float:						right;
	margin:						-2.15em 0.5em 0 0;

}

#nav .navbar ul > li > ul > li > a:hover {
	border:						none;
	background-color:			rgba(255, 255, 255, 0.2);
	color:						#FFFFFF;
}

#nav .navbar ul > li > ul > li.dropdown:after {
	font-family:				"Font Awesome 6 Free";
	font-weight:				900;						/* fa-solid */
	content:					"\f0ab";					/* fa-arrow-circle-down */
	float:						right;
	margin:						-1.85em 0.5em 0 0;
}

#nav .navbar ul > li > ul > li.dropdown > ul {
	margin:						0px;
}

#nav .navbar .dropdown:hover > .dropdown-menu:hover > .dropdown:hover > .dropdown-menu {
	display:					block;
	min-width:					100%;
}

#nav .navbar .navbar-nav.navbar-login {
	color:						#FFFFFF;
	list-style-type:			none;
}

#nav .navbar .navbar-nav.navbar-login > li.dropdown {
	margin-left:				0;
	text-shadow:				1px 1px 1px #000000;
}

#nav .navbar .navbar-nav.navbar-login > li.dropdown > a {
	padding-left:				0;
	padding-right:				0;
}

#nav .navbar ul.navbar-nav.navbar-login > li > ul {
	list-style-type:			none;
}

#nav .navbar .navbar-nav.navbar-login > li.dropdown > ul > li > hr {
	margin:						3px 0 3px -2.5em;
	border:						none;
	border-top:					solid 1px rgba(255, 255, 255, 40%);
	box-shadow:					0px 0px 15px 0px rgb(0 0 0);
}

#nav .navbar .navbar-nav.navbar-login > li.dropdown > ul > li {
	line-height:				2.5em;
}

.navbar-inverse .navbar-login > li > a {
	color:						#FFFFFF;
}


/**
 * 最外部コンテナ
 */
#container {
	margin:						0;
	padding:					0;
}

/**
 * メイン領域
 */
#container #main {
	margin:						0 auto 0 auto;
	padding:					15px 15px 0 15px;
	width:						100%;
}



/**
 * Bootstrap - Forms
 */
div.form-control {
	box-shadow:					none;
	border:						none;
	background-color:			inherit;
	padding:					6px 12px 12px 6px;
}

/* 最低の行の高さ (textarea しかない場合の過渡期対応) */
#search-panel > .collapse > .panel-body > .row {
	min-height:					74px;
}

/* 複数入力可能 */
#search-panel textarea.form-control {
	resize:						none;
	min-height:					34px;
	height:						34px;
}

#search-panel textarea.form-control:focus {
	height:						8em;
	width:						96%;
	overflow-y:					scroll;
	position:					absolute;
	z-index:					500;
}

/* 必須入力のマーク */
label.required:after {
	color:						#CC0000;
	content:					"*";
	font-size:					1.225em;
	margin-left:				0.1em;
	position:					absolute;
	top:						-0.5em;
	text-shadow:				0px 0px 1px #C0C0C0;
}

/* 非活性のコントロールが見づらいので */
.form-control.disabled {
	background-color:			#EEEEEE;
	opacity:					1;
}

/* 入力フィールドのカーソルが not-allowed になるのを防ぐ (Bootstrap4 に同じ) */
.form-control[disabled], fieldset[disabled] .form-control {
	cursor:						auto;
}

/* ファイル選択 */
input[type="file"].form-control {
	overflow:					hidden;
}

input[type="file"].form-control:not(:disabled):not([readonly]) {
	cursor:						pointer;
}

input[type="file"].form-control::file-selector-button {
	border:						solid 1px #E9ECEF;
	border-inline-end-width:	0px;
	background-color:			#E9ECEF;
	color:						#212529;
	line-height:				1em;
	padding:					.75rem 2rem .85rem 2rem;
	margin:						-6px 0 0 -12px;
	margin-inline-end:			.75rem;
	pointer-events:				none;
}

input[type="file"].form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	border:						solid 1px #DDE0E3;
	border-inline-end-width:	0px;
	background-color:			#DDE0E3;
}



/**
 * Bootstrap - Buttons
 */
.btn.btn-secondary {
	border-color:				#CCCCCC;
	background-image:			linear-gradient(to bottom, #EEEEEE 0, #DDDDDD 100%);
	background-repeat:			repeat-x;
	color:						#333333;
}

/* ボタン以外の場合に前景色が見づらいので */
.btn-danger,
.btn-info,
.btn-primary,
.btn-success {
	color:						#FFFFFF;
}



/**
 * Bootstrap - Colors (ユーティリティのため例外的に important を使用)
 */
.text-primary {
	color:						#0D6EFD !important;
}

.text-secondary {
	color:						#6C757D !important;
}

.text-muted {
	color:						#6C757D !important;
}

.text-success {
	color:						#198754 !important;
}

.text-warning {
	color:						#EAB107 !important;
}

.text-danger {
	color:						#DC3545 !important;
}

.text-info {
	color:						#0DCAF0 !important;
}

.bg-primary {
	background-color:			#0D6EFD !important;
}

.bg-secondary {
	background-color:			#6C757D !important;
}

.bg-success {
	background-color:			#198754 !important;
}

.bg-warning {
	background-color:			#FFC107 !important;
}

.bg-danger {
	background-color:			#DC3545 !important;
}

.bg-info {
	background-color:			#0DCAF0 !important;
}



/**
 * Bootstrap - ag-Grid Colors (ユーティリティのため例外的に important を使用)
 */
.ag-row.ag-row-odd.bg-primary,
.ag-row.ag-row-odd .ag-cell.bg-danger {
	background-color:			#F1AEB5 !important;
}

.ag-row.ag-row-even.bg-primary,
.ag-row.ag-row-even .ag-cell.bg-danger {
	background-color:			#F8D7DA !important;
}

.ag-row.ag-row-odd.bg-secondary,
.ag-row.ag-row-odd .ag-cell.bg-secondary {
	background-color:			#DEE2E6 !important;
}

.ag-row.ag-row-even.bg-secondary,
.ag-row.ag-row-even .ag-cell.bg-secondary {
	background-color:			#E9ECEF !important;
}



/**
 * Bootstrap - Collapse
 */
.collapsing {
	transition:					height 0.15s ease-in;
}



/**
 * Bootstrap - Panels (Cards)
 */
.panel-primary > .panel-heading {
	background-repeat:			no-repeat;
	background-image:			linear-gradient(#6D94BF, #446E9B 50%, #3E648D);
}

.panel > .panel-heading > .message {
	float:						right;
	padding:					0 15px 0 15px;
}

.panel > .panel-heading > .panel-icons {
	color:						#E0E0E0;
	cursor:						default;
	font-size:					1.35em;
	float:						right;
	margin-top:					-0.2em;
}

.panel > .panel-heading > .panel-icons:hover {
	color:						#FFFFFF;
}

.panel.panel-maximize {
	top:						0;
	left:						0;
	width:						100%;
	height:						100%;
	position:					absolute;
	z-index:					999000;
	margin-bottom:				0px;
}

.panel.panel-maximize .panel-body {
	width:						100%;
	height:						100%;
}

.panel.panel-maximize .panel-footer {
	bottom:						0;
	width:						100%;
	position:					absolute;
	z-index:					999000;
}

.panel-default > .panel-body,
.panel-default > .collapse > .panel-body,
.panel-default > .collapsing > .panel-body {
	background-color:			#F8F8F8;
}

.panel-primary > .panel-body,
.panel-primary > .collapse > .panel-body,
.panel-primary > .collapsing > .panel-body {
	background-color:			#F8FAFF;
}

.panel-success > .panel-body,
.panel-success > .collapse > .panel-body,
.panel-success > .collapsing > .panel-body {
	background-color:			#FCFFFC;
}

.panel-info > .panel-body,
.panel-info > .collapse > .panel-body,
.panel-info > .collapsing > .panel-body {
	background-color:			#FFFFFF;
}



/**
 * Bootstrap - Alerts
 */
.alert {
	box-shadow:					none;
	padding:					7px 10px 7px 10px;
	margin:						0 0 15px 0;
	min-height:					2.6em;
}

.alert.alert-default {
	background-image:			linear-gradient(to bottom, #E0E0E0 0,#D0D0D0 100%);
	background-repeat:			repeat-x;
	border-top:					solid 1px #C0C0C0;
	border-right:				solid 1px #B8B8B8;
	border-left:				solid 1px #C0C0C0;
	border-bottom:				solid 1px #B8B8B8;
	color:						#333333;
}

.alert {
	white-space:				nowrap;
	overflow:					hidden;
	text-overflow:				ellipsis;
}

.alert-default,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
	visibility:					visible;
}



/**
 * Bootstrap - Modal
 */
.modal {
	background-color:			rgba(0, 0, 0, 0.5);
	z-index:					999900;
}

.modal .modal-dialog {
	box-shadow:					0px 0px 16px 16px rgba(0, 0, 0, 0.25);
	background-color:			rgba(0, 0, 0, 0.25);
	margin:						0 auto;
	top:						50%;
	transform:					translate(0, -50%);
}



/**
 * Bootstrap - Tooltip
 */
.tooltip {
	z-index:					999990;
}

.tooltip.in {
	opacity:					0.8;
}

.tooltip.top .tooltip-arrow {
	border-top-color:			#444444;
}

.tooltip.right .tooltip-arrow {
	border-right-color:			#444444;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color:		#444444;
}

.tooltip.left .tooltip-arrow {
	border-left-color:			#444444;
}

.tooltip .tooltip-inner {
	background-color:			#444444;
	color:						#FFFFFF;
	padding:					0.75em 1em 0.6em 1em;
	text-align:					left;
	max-width:					100%;
	white-space:				pre;
}

.hl-tooltip[data-original-title] {
	cursor:						default;
}



/**
 * Bootstrap - DatePicker
 */
.datepicker.datepicker-dropdown {
	/* Blank */
}



/**
 * Bootstrap - SelectPicker
 */
.bootstrap-select > .dropdown-menu {
	box-shadow:					0px 0px 8px 4px rgba(0, 64, 128, 0.2);
	border:						solid 1px #C0C0C0;
	max-width:					100% !important;
}

.bootstrap-select > .dropdown-menu > .inner.open {
	overflow-x:					hidden;
}

.bootstrap-select .dropdown-menu.inner {
	padding:					0 6px 0 6px;
}

.bootstrap-select .dropdown-menu.inner .no-results {
	background-color:			#FFFFFF;
	color:						#999999;
}

.bootstrap-select .dropdown-menu > li > a {
	padding-top:				4px;
	padding-bottom:				4px;
	margin-right:				1px;
	margin-left:				1px;
}

.bootstrap-select .dropdown-menu > li > a:focus,
.bootstrap-select .dropdown-menu > li > a:hover {
	border:					solid 1px #DDD;
	border-radius:				4px;
	background-color:			#E8E8E8;
	background-image:			linear-gradient(to bottom, #F5F5F5 0, #E8E8E8 100%);
	padding-top:				3px;
	padding-bottom:				3px;
	margin-right:				0;
	margin-left:				0;
	outline-color:				transparent;
}

.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:focus,
.bootstrap-select .dropdown-menu > .active > a:hover {
	border:						solid 1px #2E6DA4;
	border-radius:				4px;
	background-color:			#2E6DA4;
	background-image:			linear-gradient(to bottom, #4FADF3, #2E6DA4 50%);
	padding-top:				3px;
	padding-bottom:				3px;
	margin-right:				0;
	margin-left:				0;
}

.bootstrap-select .dropdown-menu li.active small {
	color:						#EEEEEE !important;
}

.bootstrap-select .dropdown-menu.inner li a[role=option] {
	padding-right:				10px;
	padding-left:				10px;
}

.bootstrap-select .dropdown-menu.inner li .text {
	overflow:					hidden;
	text-overflow:				ellipsis;
	width:						100%;
}

.bootstrap-select .dropdown-menu.inner li .text .badge {
	margin-bottom:				0.25em;
	min-width:					3em;
}

.bootstrap-select .filter-option-inner-inner .badge {
	margin-bottom:				0.25em;
	min-width:					3em;
}

.bootstrap-select .filter-option-inner-inner .btn {
	margin-bottom:				0.5em;
}

.bootstrap-select .dropdown-toggle .filter-option {
	overflow:					inherit;
}

.bootstrap-select.show-tick .dropdown-menu.inner li .text {
	width:						93%;
}



/**
 * Bootstrap - Table
 */
.table > thead {
	border-bottom:				solid 2px #DDD;
	background-color:			#FFFFFF;
	background-image:			repeating-linear-gradient(150deg, #FFFFFF, #FFFFFF 5px, rgba(0,0,0,0.01) 5px, rgba(0,0,0,0.01) 10px);
}

.table > tbody {
	background-color:			#FFFFFF;
}

.table th p,
.table td p {
	margin-bottom:				0;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
	border-top:					none;
}

.table > thead > tr > td,
.table > thead > tr > th {
	border-top:					none;
	border-bottom:				none;
}

table.table.table-bordered {
	border-top:					solid 1px #DDD;
}

.table.table-bordered > thead > tr > td,
.table.table-bordered > thead > tr > th,
.table.table-bordered > tbody > tr > td,
.table.table-bordered > tbody > tr > th,
.table.table-bordered > tfoot > tr > td,
.table.table-bordered > tfoot > tr > th {
	border-bottom:				solid 1px #DDD;
}

.panel-body > table.table.table-bordered {
	border:						none;
}

.table-striped > tbody > tr:nth-of-type(odd)[data-CRUD=U] {
	background-color:			#E0F8E0;
}

.table tr[data-CRUD=U] {
	background-color:			#F0FFF0;
}

.table.table-hover > tbody > tr:hover {
	background-color:			#F0F0FF;
}



/**
 * Bootstrap 補正
 */
[data-toggle="collapse"] {
	cursor:						pointer;
}

.bs-container {
	z-index:					900000;
}

select.form-control[multiple] {
	height:						34px;
}

select.form-control[multiple] optgroup {
	visibility:					hidden;
}

select.form-control[multiple]:focus optgroup {
	visibility:					visible;
}



/**
 * ag-Grid
 */

/* コンテナ */
.hl-table.ag-theme-balham {
	border-bottom:				solid 1px #BDC3C7;
}
.hl-table .ag-body-viewport .ag-center-cols-container:empty {
	display:					none;
}
.hl-table.ag-theme-balham .ag-root {
	border-bottom:				none;
}

/* ステータス バー*/
.hl-table.ag-theme-balham .ag-status-bar {
	border:						none;
}

/* パネル & ツール バー */
.hl-table.ag-theme-balham .ag-side-bar,
.hl-table.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop {
	border-bottom:				none;
}
.hl-table .ag-tool-panel-wrapper .container-fluid {
	padding:					15px;
}

/* サイド バーのツール パネル領域 */
.hl-table .ag-tool-panel-wrapper > div:last-child {
	width:						100%;
}

/* スクロール バーの領域 */
.hl-table .ag-horizontal-left-spacer {
	border-right:				none;
}

/* 列ヘッダ*/
.hl-table.ag-theme-balham .ag-header {
	border-bottom:				solid 1px #BDC3C7;
	background-color:			#F2F2F4;
}

.hl-table .ag-header-viewport {
	background-color:			#F4F4F4;
	background-image:			repeating-linear-gradient(135deg, #FAFAFA, #FAFAFA 5px, #F4F4F4 5px, #F4F4F4 10px);
}

.hl-table.ag-theme-balham .ag-header-cell {
	padding-left:				8px;
	padding-right:				2px;
}

/* 列ヘッダ (グループ) - 折り返しを許可する */
.hl-table.ag-theme-balham .ag-header-cell.ag-header-span-total .ag-header-cell-label .ag-header-cell-text {
	white-space:				pre-wrap;
}

/* 列ヘッダ (グループ) - ソート インジケータ */
.hl-table.ag-theme-balham .ag-header-cell.ag-header-span-total .ag-header-cell-label .ag-sort-indicator-container {
	position:					absolute;
	top:						0.5em;
	right:						0.25em;
}

/* 列ヘッダ - 必須項目 */
.hl-table.ag-theme-balham .ag-header-cell.required .ag-header-cell-label       > .ag-header-cell-text:after,
.hl-table.ag-theme-balham .ag-header-cell.required .ag-header-group-cell-label > .ag-header-group-text:after {
	color:						#C00000;
	font-size:					1.5em;
	content:					"*";
	margin-left:				0.2em;
	position:					absolute;
	top:						0;
}

/* 列ヘッダ - オプショナル項目 */
.hl-table.ag-theme-balham .ag-header-cell.optional .ag-header-cell-label       > .ag-header-cell-text:after,
.hl-table.ag-theme-balham .ag-header-cell.optional .ag-header-group-cell-label > .ag-header-group-text:after {
	color:						#0000FF;
	font-size:					1.5em;
	content:					"*";
	margin-left:				0.2em;
	position:					absolute;
	top:						0;
}

/* 列ヘッダ - サブオプショナル項目 */
.hl-table.ag-theme-balham .ag-header-cell.suboptional .ag-header-cell-label       > .ag-header-cell-text:after,
.hl-table.ag-theme-balham .ag-header-cell.suboptional .ag-header-group-cell-label > .ag-header-group-text:after {
	color:						#008000;
	font-size:					1.5em;
	content:					"*";
	margin-left:				0.2em;
	position:					absolute;
	top:						0;
}

/* 列ヘッダ - ツールチップ */
.hl-table.ag-theme-balham .ag-header-cell.ag-header-tooltip .ag-header-cell-label       > .ag-header-cell-text:before,
.hl-table.ag-theme-balham .ag-header-cell.ag-header-tooltip .ag-header-group-cell-label > .ag-header-group-text:before {
	font-family:				"Font Awesome 6 Free";
	font-weight:				900;						/* fa-solid */
	content:					"\f05a";					/* fa-circle-info */
	background-color:			#FFFFFF;
	color:						#333333;
	font-size:					1.2em;
	margin:						0.5em 0.2em 0px 0px;
	top:						0;
}

/* グループあり */
.hl-table.ag-theme-balham .ag-header-group-cell.ag-header-group-cell-with-group {
	border-bottom:				solid 1px rgba(189, 195, 199);
}

.hl-table.ag-theme-balham .ag-header-cell-label .ag-header-cell-text {
	text-overflow:				clip;
}

.hl-table.ag-theme-balham .ag-header-group-cell.ag-header-group-cell-with-group .ag-header-group-cell-label .ag-header-group-text {
	text-align:					center;
	margin:						0 auto 0 auto;
}

.hl-table.ag-theme-balham .ag-header-cell {
	border-top:					none;
}

.hl-table.ag-theme-balham .ag-header-cell:after,
.hl-table.ag-theme-balham .ag-header-group-cell:after {
	margin:						0;
	height:						100%;
	top:						0;
}

.hl-table.ag-theme-balham .ag-header-cell .ag-header-cell-resize:after,
.hl-table.ag-theme-balham .ag-header-group-cell .ag-header-cell-resize:after {
	height:						100%;
	display:					block;
	top:						0;
}

.hl-table.ag-theme-balham .ag-root .ag-header .ag-header-row {
	color:						#111111;
	font-weight:				normal;
	text-shadow:				1px 1px 1px #C0C0C0;
}

.hl-table.ag-theme-balham .ag-root .ag-header .ag-header-row:not(:first-child) .ag-header-cell{
	border-top:					none;
}

.hl-table.ag-theme-balham .ag-root .ag-header .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
	border-top:					none;
}

.hl-table.ag-theme-balham .ag-root .ag-header .ag-pinned-left-header .ag-header-row:not(:first-child) .ag-header-cell {
	border-top:					1px;
	border-top-color:			#bdc3c7;
}

.hl-table .ag-body-viewport .ag-row {
	border-top:					none;
}

/* 行ステータス */
.hl-table .ag-body-viewport .ag-row .ag-cell.row-status,
.hl-table .ag-floating-top .ag-row .ag-cell.row-status {
	background-color:			#F2F2F4;
	text-align:					center;
}

/* 行ステータス (ピン止めされた行) */
.hl-table .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
	border-right:				solid 1px #DEE1E3;
}

/* ズーム可能なセル */
.hl-table .ag-body-viewport .ag-row .ag-cell.ag-cell-hover-zoom:hover:has(>span a img) {
	box-shadow:					0px 0px 4px 4px rgba(0, 0, 0, 0.1);
	position:					absolute;
	z-index:					500001 !important;
	transform:					scale(2);
	transition-duration:		0.25s;
}

/* サムネイルのセル */
.hl-table .ag-body-viewport .ag-row .ag-cell.ag-cell-thumbnail > .hl-drop-container {
	line-height:				1.5em;
	white-space:				normal !important;
}

/* サムネイルのセル内の img 要素 */
.hl-table .ag-body-viewport .ag-row .ag-cell.ag-cell-thumbnail img {
	position:					absolute;
	top:						50%;
	left:						50%;
	line-height:				normal;
	transform:					translateY(-50%) translateX(-50%);
}

/* white-space: nowrap の解除 */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell.text-clip {
	white-space:				normal;
}

/* セルの基本 */
.hl-table .ag-body-viewport .ag-row.ag-row-odd  .ag-cell,
.hl-table .ag-body-viewport .ag-row.ag-row-even .ag-cell {
	border-right:				solid 1px #DEE1E3;
	border-bottom:				none;
	border-left:				none;
	padding:					0px 5px 1px 6px;
}

.hl-table .ag-body-viewport .ag-row.ag-row-odd  .ag-cell.ag-cell-focus:not(.ag-cell-range-selected),
.hl-table .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-focus:not(.ag-cell-range-selected) {
	border-top:					solid 1px #DEE1E3;
	border-right:				solid 1px #DEE1E3;
	border-bottom:				none;
	border-left:				none;
}

/* マージされたセルの基本 */
.hl-table.ag-theme-balham .ag-body-viewport .ag-cell.ag-cell-merge {
	white-space:				normal;
}

/* 編集可能なセル */
.hl-table.ag-theme-balham .ag-body-viewport .ag-cell.ag-cell-editable {
	box-shadow:					inset 0 0 20em 20em rgba(0, 255, 0, 0.03);
}

/* 編集可能なセル (ハイライト表示) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-cell.ag-cell-editable.highlight-cell {
	box-shadow:					inset 0 0 20em 20em rgba(255, 0, 0, 0.06);
}

.hl-table.ag-theme-balham .ag-body-viewport .ag-cell.ag-cell-editable.ag-cell.ag-cell-popup-editing {
	box-shadow:					none;
}

/* 通常の行 (奇数行) */
.hl-table.ag-theme-balham .ag-row.ag-row-odd {
	background-color:			#F3F5F7;
}

/* 通常の行 (偶数行) */
.hl-table.ag-theme-balham .ag-row.ag-row-even {
	background-color:			#FFFFFF;
}

/* マージされたセル (奇数行) */
.hl-table .ag-row.ag-row-odd  .ag-cell.ag-cell-merge {
	border-bottom:				solid 1px #DEE1E3;
	background-color:			#F3F5F7;
}

/* マージされたセル (偶数行) */
.hl-table .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-merge {
	border-bottom:				solid 1px #DEE1E3;
	background-color:			#FFFFFF;
}

/* 上部に固定した行のコンテナ */
.hl-table .ag-floating-top {
	background-color:			#FFFFE0;
}

/* 上部に固定した行 (奇数行・偶数行) */
.hl-table.ag-theme-balham .ag-floating-top .ag-row.ag-row-odd,
.hl-table.ag-theme-balham .ag-floating-top .ag-row.ag-row-even {
	border:						none;
	background-color:			#FFFFE0;
}

/* 上部に固定したセル (奇数行・偶数行) */
.hl-table.ag-theme-balham .ag-floating-top .ag-row.ag-row-odd  .ag-cell,
.hl-table.ag-theme-balham .ag-floating-top .ag-row.ag-row-even .ag-cell {
	border-right:				solid 1px #DEE1E3;
	padding:					0px 5px 1px 6px;
}

/* 通常のフォーカス行 (奇数行・偶数行) */
.hl-table.ag-theme-balham .ag-row.ag-row-focus.ag-row-odd,
.hl-table.ag-theme-balham .ag-row.ag-row-focus.ag-row-even {
	background-color:			#D7F4FF;
}

/* マージされたセルのフォーカス行 (奇数行・偶数行) */
.hl-table .ag-body-viewport .ag-row.ag-row-focus.ag-row-odd  .ag-cell.ag-cell-merge,
.hl-table .ag-body-viewport .ag-row.ag-row-focus.ag-row-even .ag-cell.ag-cell-merge {
	background-color:			#D7F4FF;
}

/* 上部に固定した行のフォーカス行 (奇数行・偶数行) */
.hl-table.ag-theme-balham .ag-floating-top .ag-row.ag-row-focus.ag-row-odd,
.hl-table.ag-theme-balham .ag-floating-top .ag-row.ag-row-focus.ag-row-even {
	background-color:			#FFFFE0;
}

/* 範囲選択されたセル (奇数行) */
.hl-table .ag-body-viewport .ag-row.ag-row-odd .ag-cell.ag-cell-range-selected,
.hl-table .ag-body-viewport .ag-row.ag-row-odd.ag-row-focus .ag-cell.ag-cell-merge.ag-cell-range-selected {
	border-top:					solid 1px #C8E8F8;
	border-right:				solid 1px #C0E0FF;
	border-left:				solid 1px #C0E0FF;
	background-color:			#AAD7F3;
	padding:					0px 5px 0px 5px;
}

/* 範囲選択されたセル (偶数行) */
.hl-table .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-range-selected,
.hl-table .ag-body-viewport .ag-row.ag-row-even.ag-row-focus .ag-cell.ag-cell-merge.ag-cell-range-selected {
	border-top:					solid 1px #C8E8F8;
	border-right:				solid 1px #C8E8FF;
	border-left:				solid 1px #C8E8FF;
	background-color:			#B2DEF9;
	padding:					0px 5px 0px 5px;
}

/* 範囲選択されたセル (最上の行) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-top,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-top.ag-cell-merge {
	border-top:					solid 1px #0091EA;
	padding-top:				0px;
}

/* 範囲選択されたセル (最左の行) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-left,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-left.ag-cell-merge {
	border-left:				solid 1px #0091EA;
}

/* 範囲選択されたセル (最右の行) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-right,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-right.ag-cell-merge,
.hl-table.ag-theme-balham .ag-floating-top  .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-right, 
.hl-table.ag-theme-balham .ag-floating-top  .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-right.ag-cell-merge {
	border-right:				solid 1px #0091EA;
}

/* 範囲選択されたセル (最下の行) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-bottom,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-bottom.ag-cell-merge {
	border-bottom:				solid 1px #0091EA;
}

/* シングル選択されたセル (奇数行) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-odd  .ag-cell.ag-cell-range-selected.ag-cell-range-single-cell {
	border:						solid 1px #0091EA;
	padding:					0px 5px 0px 5px;
	background-color:			#AAD7F3;
}

/* シングル選択されたセル (偶数行) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-range-selected.ag-cell-range-single-cell {
	border:						solid 1px #0091EA;
	padding:					0px 5px 0px 5px;
	background-color:			#B2DEF9;
}

/* 詳細グリッド - シングル選択されたセル (奇数行) */
.hl-table.ag-theme-balham .ag-details-row .ag-body-viewport .ag-row.ag-row-odd .ag-cell.ag-cell-focus:not(.ag-cell-range-selected) {
	border:						solid 1px #0091EA;
	padding:					0px 5px 0px 5px;
	background-color:			#AAD7F3;
}

/* 詳細グリッド - シングル選択されたセル (偶数行) */
.hl-table.ag-theme-balham .ag-details-row .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-focus:not(.ag-cell-range-selected) {
	border:						solid 1px #0091EA;
	padding:					0px 5px 0px 5px;
	background-color:			#B2DEF9;
}

/* 選択された上部に固定したセル (奇数行・偶数行) */
.hl-table.ag-theme-balham .ag-floating-top .ag-row.ag-row-odd  .ag-cell.ag-cell-range-selected.ag-cell-range-single-cell,
.hl-table.ag-theme-balham .ag-floating-top .ag-row.ag-row-even .ag-cell.ag-cell-range-selected.ag-cell-range-single-cell {
	border-right:				solid 1px #0091EA;
}

/* コード値を表す時に使用するバッジ */
.hl-table.ag-theme-balham .badge {
	margin-top:					-2px;
	margin-right:				1.0em;
	padding-right:				1.0em;
	padding-left:				1.0em;
}

/* 編集中のセル (奇数行・偶数行) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-odd  .ag-cell.ag-cell-inline-editing,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-inline-editing,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-odd  .ag-cell.ag-cell-range-selected.ag-cell-range-single-cell.ag-cell-inline-editing,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-range-selected.ag-cell-range-single-cell.ag-cell-inline-editing,
.hl-table.ag-theme-balham .ag-floating-top-viewport .ag-row.ag-row-old  .ag-cell-range-selected.ag-cell-range-single-cell.ag-cell.ag-cell-inline-editing,
.hl-table.ag-theme-balham .ag-floating-top-viewport .ag-row.ag-row-even .ag-cell-range-selected.ag-cell-range-single-cell.ag-cell.ag-cell-inline-editing {
	background-color:			inherit;
	color:						inherit;
	padding:					0px;
}

/* 編集中のセル (ポップアップ) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-odd  .ag-cell.ag-cell-popup-editing,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-popup-editing,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-old  .ag-cell.ag-cell-range-selected.ag-cell-range-single-cell.ag-cell-popup-editing,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-range-selected.ag-cell-range-single-cell.ag-cell-popup-editing {
	background-color:			#FFFFFF;
}

/* 編集中のセル (インライン) - RichSelectCellEditor 表示中のセル本体 */
.hl-table.ag-theme-balham .ag-body-viewport .ag-cell .ag-cell-edit-wrapper {
	margin-left:				-2px;
}

/* 編集コントロール (インライン) */
.hl-table .ag-body-viewport .ag-row.ag-row-odd  .ag-cell.ag-cell-inline-editing .ag-input-wrapper input,
.hl-table .ag-body-viewport .ag-row.ag-row-even .ag-cell.ag-cell-inline-editing .ag-input-wrapper input {
	border:						solid 1px #AAD7F3;
	border-radius:				1px;
	padding:					0px 4px 0px 4px;
	text-align:					inherit;
}

/* 編集コントロール (ポップアップ) */
.hl-table .ag-theme-balham.ag-popup .ag-popup-editor {
	box-shadow:					none;
	border:						none;
	margin:						1px 0px 0px 1px;
}

/* 編集コントロール (ポップアップ) - agRichSelectCellEditor */
.hl-table .ag-theme-balham.ag-popup .ag-popup-editor .ag-rich-select {
	box-shadow:					0px 0px 6px 3px rgba(170, 215, 243, 0.9);
	border:						solid 1px #0091EA;
	border-radius:				3px;
	background-color:			#FFFFFF;
}

/* 編集コントロール (ポップアップ) - datePicker */
.hl-table .ag-theme-balham.ag-popup .ag-popup-editor input.hl-date {
	border:						none;
	border-radius:				0;
	padding:					5px 4px 4px 5px;
	text-align:					inherit;
	width:						6em;
	outline:					none;
}

/* 編集コントロール (ポップアップ) - timeInputCellEditor */
.hl-table .ag-theme-balham.ag-popup .ag-popup-editor input.hl-time {
	border:						none;
	border-radius:				0;
	padding:					3px 4px 4px 3px;
	text-align:					inherit;
	width:						6em;
	outline:					none;
}

/* 編集コントロール (ポップアップ) - selectPicker (最上位のコンテナ) */
.hl-table .ag-theme-balham.ag-popup .ag-popup-editor .hl-select-container {
	width:						0px;
	height:						302px;
}

/* 編集コントロール (ポップアップ) - selectPicker (コンテナ) */
.hl-table .ag-theme-balham.ag-popup .ag-popup-editor .hl-select-container > .bs-container {
	min-width:					400px;
}

/* 編集コントロール (ポップアップ) - selectPicker (Picker 要素) */
.hl-table .ag-theme-balham.ag-popup .ag-popup-editor .hl-select-container button {
	display:					none;
}

/* 編集コントロール (ポップアップ) - selectPicker (DropDownList) */
.hl-table .ag-theme-balham.ag-popup .ag-popup-editor .hl-select-container .bootstrap-select {
	margin:						0.85em 0 0 -1px;
}

/* 最初の行のセル (上部の罫線を消す) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-first .ag-cell,
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-first .ag-cell.ag-cell-focus:not(.ag-cell-range-selected) {
	border-top:					none;
	padding-top:				1px;
}

/* 最後の行 (下部に少し強めの罫線) */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row.ag-row-last {
	border-bottom:				solid 1px #CFD3D6;
}

/* 編集中マージされたセルより前に表示されるのを防ぐ */
.hl-table .ag-body-viewport .ag-row .ag-cell {
	z-index:					0 !important;
}
.hl-table .ag-body-viewport .ag-row .ag-cell.ag-cell-merge {
	z-index:					2 !important;
}

/* 省略されたセルの上にリンクを設置するためのもの */
.hl-table.ag-theme-balham .ag-body-viewport .ag-row .ag-cell a.pull-right {
	position:					relative;
}

/* CheckBox セルのコンテナ */
.hl-table.ag-theme-balham .ag-cell .ag-checkbox {
	color:						#1E9EEC;
	font-size:					164%;
	text-align:					center;
}

/* CheckBox セル */
.hl-table.ag-theme-balham .ag-checkbox {
	margin:						0px auto 0px auto;
}

/* CheckBox 編集中のセル */
.hl-table.ag-theme-balham .ag-cell-wrapper.ag-cell-edit-wrapper.ag-checkbox-edit {
	margin:						1px 0px 0px 0px;
}

/* TextArea 対応のエディタ */
.hl-table.ag-theme-balham .ag-popup-editor {
	border:						solid 1px #0091EA;
	border-radius:				8px;
	min-width:					auto !important; /* ag-Grid 側でスタイル指定されているため */
}

.hl-table.ag-theme-balham .ag-popup-editor .ag-large-text:after {
	position:					absolute;
	top:						0.5em;
	content:					"改行は [Shift] + [Enter]";
	color:						#808080;
	text-align:					center;
	word-wrap:					normal;
	width:						100%;
	min-width:					20em;
}

.hl-table .ag-theme-balham.ag-popup .ag-popup-editor .ag-large-text {
	box-shadow:					0px 0px 6px 3px rgba(170, 215, 243, 0.9);
	margin:						-1px 0 0 -1px;
}

.hl-table .ag-theme-balham.ag-popup .ag-popup-editor .ag-large-text .ag-large-text-input {
	border:						none;
	padding:					0;
}

.hl-table .ag-theme-balham.ag-popup .ag-popup-editor .ag-large-text .ag-large-text-input textarea {
	border:						solid 1px #0091EA;
	border-radius:				3px;
	padding-top:				2em;
	min-width:					20em;
	min-height:					6em;
}

.hl-table.ag-theme-balham .ag-rich-select .ag-virtual-list-item:hover {
	background-color:			transparent;
}

.hl-table.ag-theme-balham .ag-rich-select .ag-rich-select-list .ag-rich-select-row {
	margin:						0 5px 0 5px;
	padding:					0 0 0 7px;
}

.hl-table.ag-theme-balham .ag-rich-select .ag-rich-select-list .ag-rich-select-row-selected {
	border:						solid 1px #0091EA;
	border-radius:				3px;
	background-color:			#B7E4FF;
	margin:						0 4px 0 4px;
}

/* Hover 時のみソートアイコンを表示する */
.hl-table .ag-header-cell.ag-header-cell-sortable .ag-header-cell-label .ag-icon.ag-icon-none:before {
	content:					"";
}

.hl-table .ag-header-cell.ag-header-cell-sortable .ag-header-cell-label:hover .ag-icon.ag-icon-none:before {
	content:					"\F121";
}

/* ドラッグアンドドロップ可能なセル */
.hl-table .ag-row.ag-row-odd .ag-cell .hl-drop-container,
.hl-table .ag-row.ag-row-even .ag-cell .hl-drop-container {
	width:						100%;
	height:						100%;
}

/* ドラッグ中のセル */
.hl-table .ag-row.ag-row-odd .ag-cell.drag-over,
.hl-table .ag-row.ag-row-even .ag-cell.drag-over {
	box-shadow:					inset 0 0 20em 20em rgba(170, 215, 243, 0.50);
}

/* サイドバー */
.hl-table button.ag-side-button-button {
	border-top:					none;
	border-bottom:				none;
}

.hl-table button.ag-side-button-button > .ag-side-button-icon-wrapper > span.ag-icon {
	color:						#7F8C8D;
}

/* ヘッダアイコン */
.hl-table .ag-header-cell .ag-icon {
	color:						#7F8C8D;
}

.hl-table .ag-header-expand-icon {
	color:						#111111;
}



/**
 * Font Awesome 6
 */
.fa {
	width:						1.25em;
	text-align:					center;
}

a.fa:hover,
a.fa:active,
a.fa:focus {
	text-decoration:			none;
}



/**
 * Hitline - ToggleSwitch
 */
.toggle {
	border:						solid 1px #B5B5B5;
	border-radius:				40% 40% 40% 40% / 100% 100% 100% 100%;
	background-color:			#B9B9B9;
	cursor:						pointer;
	margin:						0;
	white-space:				nowrap;
	width:						3.2em;
	min-width:					3.2em;
	max-width:					3.2em;
	height:						1.45em;
}

.toggle input[type="checkbox"] {
	display:					inline;
	position:					absolute;
	top:						-893em;
	left:						-893em;
}

.toggle .btn {
	box-shadow:					0 3px 4px 0px rgba(0, 0, 0, 0.3);
	border-color:				#E8E8E8;
	border-radius:				100%;
	background-color:			#ECECEC;
	color:						#ECECEC;
	padding-right:				0;
	padding-left:				0;
	width:						2em;
	min-height:					2em;
	max-height:					2em;
	line-height:				1em;
	margin:						-0.5em 0 0 -0.25em;
	z-index:					1000;
	transition:					0.3s;
}

.toggle input[type="checkbox"]:focus ~ .btn {
	box-shadow:					0 3px 4px 0px rgba(0, 0, 0, 0.3), 0 0 8px rgba(102, 175, 233, 0.6);
}

.toggle input[type="checkbox"]:checked ~ .btn {
	border-color:				#3586FA;
	background-color:			#4387FA;
	color:						#FFFFFF;
	margin-left:				1.2em;
}

.toggle.disabled,
.toggle[disabled],
.toggle input[disabled] ~ .btn {
	cursor:						not-allowed;

}



/**
 * Hitline - hlPopup
 */
.popup-container {
	background-color:			transparent;
	background-color:			rgba(0, 0, 0, 0.5);
	color:						inherit;
	margin:						auto;
	position:					absolute;
	position:					fixed;
	overflow:					visible;
	width:						100%;
	height:						100%;
	top:						0;
	left:						0;
	z-index:					999901;
	transform:					none;
}

.popup {
	box-shadow:					1px 1px 0px 2048px rgba(32, 32, 32, 0.25);
	background-color:			#FFFFFF;
	border-radius:				4px;
	color:						inherit;
	margin:						auto;
	position:					fixed;
	min-width:					240px;
	min-height:					120px;
	top:						 5%;
	left:						 5%;
	z-index:					999902;
}

.popup-container .popup {
	box-shadow:					1px 1px 10px 10px rgba(0, 0, 0, 0.25);
}

.popup .popup-heading {
	position:					absolute;
	width:						100%;
	z-index:					999903;
}

.popup .popup-body {
	position:					relative;
	overflow:					visible auto;
	width:						100%;
	height:						100%;
	padding:					60px 15px 15px 15px;
}



/**
 * Hitline - hlLoading (要: 分離)
 */
.popup-container .loading {
	background-color:			#FFFFFF;
	border-radius:				50%;
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	color:						inherit;
	margin:						0;
	position:					relative;
	overflow:					visible;
	width:						96px;
	height:						96px;
	top:						50%;
	left:						50%;
	transform:					translate(-50%, -50%);
	z-index:					999901;
}

/** Spinner */
.popup-container .loading:before {
	font-family:				"Font Awesome 6 Free";
	font-weight:				900;						/* fa-solid */
	content:					"\f110";					/* fa-spinner */
	color:						#606060;
	font-size:					80px;
	margin:						-8px 0 0 8px;
	display:					block;
	position:					absolute;
	animation:					fa-spin 2s infinite linear;
}



/**
 * Hitline - Utility (ユーティリティのため例外的に important を使用)
 */
.fill {
	padding:					0 !important;
	margin:						0 !important;
}

.text-transparent {
	color:						transparent;
	text-shadow:				none;
}



/**
 * レスポンシブ別の対応
 *
 * xs:    0 -  767px
 * sm:  768 -  991px
 * md:  992 - 1119px
 * lg: 1120 - 
 */
@media screen and (max-width: 1119px) {
	#container {
		margin:					0;
	}

	.datepicker.datepicker-dropdown {
		margin-top:				0;
	}
}

@media screen and (max-width: 767px) {
	#container #main {
		padding:				0;
	}

	#main > .alert {
		border:					none;
		border-radius:			0;
		margin:					0;
	}

	.main > .panel,
	#main > .panel {
		margin-bottom:			0;
		border-top:				none;
		border-right:			none;
		border-left:			none;
		border-radius:			0;
	}

	.main > .panel > .panel-heading,
	#main > .panel > .panel-heading {
		border-radius:			0;
	}
}

@media (min-width: 768px) {
	/* Hover 時のメニュー開閉は Web ブラウザでの閲覧のみ */
	#nav .navbar .dropdown:hover > .dropdown-menu {
		display:				block;
	}

	#nav .navbar ul > li > ul > li.dropdown:after {
		content:				"\f0a9"; /* fa-arrow-circle-right */
	}

	#nav .navbar ul > li > ul > li.dropdown > ul {
		margin:					-2.3em 0 0 100%;
	}
}