@charset "UTF-8";
/**  DSF Common Style [ver.20220810] **/

/* index
=000= Common Parts Style
=100= Custum Control Style
=200= Header/Footer Style
=300= Contents Style
=400= Table/List Style
=500= Message Style
=600= Menu Style
=800= Icon Style
=900= Utilities
*/

/* =000= Common Parts Style = */
* {font-size: small;-webkit-font-smoothing: subpixel-antialiased;margin: 0;padding: 0;}
html,body {min-height: 100vh;}
body {background-color: #FFF;}
table {border-collapse: collapse;border-spacing: 0;}
th {font-weight: normal;text-align: left;}
fieldset {border: none;}
input {vertical-align: middle;height: auto;}

label {white-space: nowrap;}
.FixedLabel {display: inline-block;vertical-align: middle;}
.FixedLabel.Long {min-width: 22ex;}
.FixedLabel.Middle {min-width: 18ex;}
.FixedLabel.Short {min-width: 8ex;}

hr {
	border: none;
	border-top: 1px solid #DEDEDE;
	height: 1px;
}
hr.Weight0 {border-top: none;margin: 4px 0;}
hr.Weight1 {margin: 8px 0;}
hr.Weight2 {margin: 12px 0;}

/* titles  */
h1 {
	padding: 0 10px;
	line-height: 40px;
	vertical-align: middle;
	display: table-cell;
	font-weight: normal;
	color: #EFEFEF;
}
h1 * {
	font-weight: normal;
	border: none !important;
	color: #EFEFEF !important;
}
h2 {
	clear: both;
	/*font-weight: 300;*/
	font-weight: bold;
	font-size: 120%;
	line-height: 1.6;
	color: #333;
	border-bottom: 2px solid #999;
	padding-left: 4px;
}
h3 {
	clear: both;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.5;
	color: #333;
	margin-top: 8px;
	padding-left: 4px;
	text-align: left;
}
h4 {
	clear: both;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.5;
	color: #333;
	margin-top: 8px;
	padding-left: 4px;
	text-align: left;
}
h5 {
	text-align: left;
}
h2.PageTitle {
	margin-top: 10px;
}
h2.SectionTitle {
	margin-top: 10px;
	margin-bottom: 6px;
}
h3.H3_border {
	border-bottom: 1px solid #999;
	margin-bottom: 2px;
}
h3.H3_solid {
	background: #E7E7E8;
	font-weight: bold;
	padding: 4px;
	border-top: 2px solid #FFF;
}
h4.H4_border {
	border-bottom: 1px solid #CCC;
	margin-bottom: 2px;
}
h4.H4_solid {
	background: #F1F1F2;
	font-weight: normal;
	padding: 2px 6px;
	border-top: 2px solid #FFF;
	margin-top: -6px;
}
h5,h6 {
	font-weight: normal;
	color: #333;
	padding-left: 4px;
}
h5.H5_border {
	padding: 4px 8px;
	border-bottom: 1px solid #E7E7E8;
}
.H5_sq:before {content: "■";color: #CCC;}
.H6_dot:before {content: "・";color: #CCC;}
@media only screen and (max-width: 480px) {
	h3 {font-weight: bold;}
}

/* input[type="radio"],
input[type="checkbox"] */
.RadioBtn,
.CheckBtn {
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	vertical-align: middle;
}
.RadioBtn + label,
.CheckBtn + label {line-height: 16px;padding-left: 4px;}
label > .RadioBtn,
label > .CheckBtn {margin-right: 4px;}
label + .RadioBtn,
label + .CheckBtn {margin-left: 4px;}

/* input[type="file"] */
.FileField {
	height: 2em !important;
	width: 99%;
	padding: 0 2px;
}
.FileField:focus {
	box-shadow: 0 0 3px 0 #00AAFF !important;
	-webkit-box-shadow: 0 0 3px 0 #00AAFF !important;
	outline: none;
}

/* input[type="text"] etc & textarea */
.TextField {
	border: 1px solid #CCC;
	height: 2em !important;
	padding: 0 2px 0 6px;
	box-sizing: border-box;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-appearance: unset;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.05);
	min-width: 7.5ex;
}
.TextField::-ms-clear {color: #888;font-size: 80%;}
.TextField:placeholder-shown,
.TextField::-webkit-input-placeholder,
.TextField:-ms-input-placeholder {color: #BBB;}
.TextField::-moz-placeholder {color: #BBB;opacity: 1;}
.TextField + span {margin-left: 4px;}

.TextArea {
	height: 5em;
	padding: 2px 4px;
	border: 1px solid #CCC;
	box-sizing: border-box;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.05);
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.TextArea:focus,
.TextField:focus {
	border: 1px solid #F1F1F1;
	box-shadow: 0 0 3px 0 #00AAFF !important;
	-webkit-box-shadow: 0 0 3px 0 #00AAFF !important;
	outline: none;
}

/* select */
.SelectPull,
.SelectMulti {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #CCC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px;
}
.SelectPull:focus,
.SelectMulti:focus {
	box-shadow: 0 0 3px 0 #00AAFF !important;
	-webkit-box-shadow: 0 0 3px 0 #00AAFF !important;
}
.SelectPull {cursor: pointer;}
.SelectPull:active,
.SelectPull:focus {cursor: default !important;}

/* a */
.LinkText {
	text-decoration: none !important;
	border-bottom: 1px solid;
	cursor: pointer;
	line-height: 1.5em !important;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.LinkText:link,
.LinkText:visited{color: #00528B;border-color: #00528B;}
.LinkText:hover  {color: #09C;border-color: #09C;}
.LinkText:active {color: #2CD7F0;border-color: #2CD7F0;}
.LinkText.Disabled,
.LinkText[disabled],
.LinkText:disabled {
	color: #BBB;
	cursor: default;
	pointer-events: none;
	border-color: #BBB;
}
.LinkText.Size_short {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	width: auto !important;
	min-width: auto !important;
	max-width: 18ex !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* button  */
.Button {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 15px;
	margin-bottom: 2px;
	/* Please activate below on Implement */
	/* margin-right: 4px; */
	height: 2em;
	vertical-align: top;
	line-height: 2;
	min-width: 12ex;
	white-space: nowrap;
	border: 1px solid #BBB;
	background-color: #F0F0F0;
	color: #000;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.Button > .Icon {vertical-align: top;}

.Button:hover {
	background-color: #EFF6F8;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.Button:active {
	background-color: #DCEFF5;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.Button:focus {
	border-color: #F1F1F1 !important;
	box-shadow: 0 0 4px 0 #00AAFF !important;
	-webkit-box-shadow: 0 0 4px 0 #00AAFF !important;
	outline: none;
}
.Button.Primary {
	background-color: #0892BA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top-color: #46A7C5;
	border-left-color: #46A7C5;
	border-bottom-color: #017C9F;
	border-right-color: #017C9F;
	color: #FFF;
}
.Button.Primary:focus {
	background-color: #0892BA;
	border-color: #077695;
	box-shadow: 0 0 6px 0 #0892BA;
	-webkit-box-shadow: 0 0 6px 0 #0892BA;
}
.Button.Primary:hover {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.Button.Primary:active {
	background-color: #077695;
	border-top-color: #026282;
	border-left-color: #026282;
	border-bottom-color: #005879;
	border-right-color: #005879;
}
.Button.Danger:focus {
	background-color: #E6D2D2;
	border-color: #D47D7D;
	box-shadow: 0 0 4px 0 #A00;
	-webkit-box-shadow: 0 0 4px 0 #A00;
}
.Button.Danger:hover {
	background-color: #B43C3C;
	border-top-color: #C87878;
	border-left-color: #C87878;
	border-bottom-color: #9B5252;
	border-right-color: #9B5252;
	color:#FFF !important;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.Button.Danger:active {
	border-color: #A00;
	background-color: #A00 !important;
	color:#FFF !important;
}
.MinBtn {padding: 0 8px;min-width: auto;}

/* linkStyle overwight button */
.LinkStyleBtn {
	appearance: hyperlink;
	-webkit-appearance: hyperlink;
	background: none !important;
	box-shadow: none !important;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	min-width: auto;
	line-height: 1.2;
	text-align: left;
	padding: 0 2px;
	color: #1196BF;
	border-bottom: 1px solid #1196BF;
	cursor: pointer;
}
.LinkStyleBtn:hover  {color: #09C !important;border-color: #09C !important;}
.LinkStyleBtn:active,
.LinkStyleBtn:focus  {color: #2CD7F0 !important;border-color: #2CD7F0 !important;}
.FootNav .LinkStyleBtn.Back,
.FootNav .LinkStyleBtn.Next {
	display: inline-block;
	margin-top: 0.4em;
}
.LinkStyleBtn.Back:before,
.LinkStyleBtn.Next:after {
	content: "";
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-bottom: -2px;
}
.LinkStyleBtn.Back:before {background-image: url('../images/crt_back.png');}
.LinkStyleBtn.Next:after {background-image: url('../images/crt_next.png');}

.LinkStyleBtn:disabled {
	border-color: #DDD !important;
	color: #CCC !important;
	cursor: default;
	pointer-events: none;
}
.LinkStyleBtn.Back:disabled:before,
.LinkStyleBtn.Next:disabled:after {
	opacity: 0.5;
}
/* SelectButton Style  */
.SelectButtons {display: inline-block;}
.SelectButtons .OneItem {}
.SelectButtons .OneItem * {}
.SelectRadio {
	opacity: 0;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
}
.SelectRadio + label {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 15px;
	margin-bottom: 2px;
	margin-left: 0;
	margin-right: -4px;
	height: 2em;
	line-height: 2;
	white-space: nowrap;
	border: 1px solid #BBB;
	background: #F0F0F0;
	color: #000;
	cursor: pointer;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.SelectButtons > .OneItem:first-child > .SelectRadio + label {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.SelectButtons > .OneItem:last-child > .SelectRadio + label {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.SelectRadio:focus + label {
	border-color: #FFF;
	box-shadow: 0 0 4px 0 #00AAFF;
	-webkit-box-shadow: 0 0 4px 0 #00AAFF;
}
.SelectRadio:hover + label {
	background: #EFF6F8;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.SelectRadio:active + label {
	background: #DCEFF5;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.SelectRadio:checked + label {background-color: #FFF !important;border-color: #000;}
.SelectRadio:checked:disabled + label {color: #BBB !important;background-color: #DDD !important;}

/* Disabled Style  */
.DisabledText,
.DisabledItem label,
.DisabledItem .Note,
.DisabledRow > span,
.DisabledRow > td,
.DisabledRow > th,
.DisabledRow label.OneItem,
.DisabledRow label.OneItem,
.DisabledRow.SubItem label,
.ValiErrorRow.DisabledRow .Note,
.ReadonlyRow .Note,
.DisabledRow .Note,
.ReadonlyRow .Requirement,
.DisabledRow .Requirement,
.DisabledRow .Note.Attention,
.ReadonlyRow .Note.Attention,
th[disabled],
.RadioBtn:disabled + label,
.CheckBtn:disabled + label {color: #BBB;}
.RadioBtn:checked + label,
.CheckBtn:checked + label {color: #000 !important;}
.RadioBtn:checked:disabled + label,
.CheckBtn:checked:disabled + label {color: #BBB !important;}

.RadioBtn:disabled,
.CheckBtn:disabled,
.FileField:disabled,
.SelectPull:disabled,
.SelectMulti:disabled {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}
.SelectPull.ValiErrorItem:disabled,
.SelectMulti.ValiErrorItem:disabled,
.ValiErrorRow .SelectPull:disabled,
.ValiErrorRow .SelectMulti:disabled {
	border-color: #CCC;
	background-color: #FFF;
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}
.TextField:disabled,
.TextArea:disabled,
.ComboBox:disabled,
.ComboBox.Disabled,
.Button:disabled,
.Button[disabled],
.Button.Danger:disabled {
	border: 1px solid #DDD !important;
	background-color: #F0F0F0 !important;
	color: #CCC !important;
	box-shadow: none !important;
	cursor: default;
	pointer-events: none;
}
.InnerField:disabled {
	color: #CCC !important;
	cursor: default;
}
.Button:disabled > span > small,
.Button:disabled > span > .ToolIcon,
.Button:disabled > .ToolIcon,
.Button[disabled] > span > small,
.Button[disabled] > span > .ToolIcon,
.Button[disabled] > .ToolIcon {opacity: 0.3;}

.OneItem > input.TextField:disabled + label,
.OneItem > input.RadioBtn:disabled + label,
.OneItem > input.CheckBtn:disabled + label,
input[disabled] + span,
label[disabled],
input[type="radio"]:disabled + label,
input[type="checkbox"]:disabled + label {color: #CCC;}
input[disabled]:placeholder-shown {color: transparent !important;}
input[disabled]::-webkit-input-placeholder {color: transparent !important;}
input[disabled]::-moz-placeholder {color: transparent !important;}
input[disabled]:-ms-input-placeholder {color: transparent !important;}
input:disabled[readonly] {color: #444 !important;}

/* ReadOnly Style  */
.TextArea[readonly] {
	border: 1px solid #DDD !important;
	background: transparent !important;
	box-shadow: none;
}
.TextField[readonly] {
	border-color: #E5E5E5;
	background: transparent !important;
	box-shadow: none;
	color: #000 !important;
}
.SelectPull:disabled.Readonly {
	color: #000 !important;
	border-color: #E5E5E5;
	background: transparent !important;
	opacity: 1.0 !important;
	appearance: none;
	-webkit-appearance: none;
	padding-right: 20px;
}
.SelectPull:disabled.Readonly::-ms-expand {display: none;}


/* =100= Custum Control Style = */
/* Tab */
.TabsBar {
	position: relative;
	margin-top: 3px;
	border-bottom: 1px solid #C7C7C7;
	white-space: nowrap;
	height: calc(3em - 1px);
	z-index: 100;
}
.TabsBar.MainTab {margin-top: 4px;margin-bottom: 8px;}
.TabsBar.SubTab {white-space: normal;height: auto;}
.TabSelector {display: none;min-width: auto;margin-bottom: -1px;}
.TabList {list-style: none; width: 98%; margin: 0 auto !important;}
.TabList li {display: inline-block;margin-bottom: -6px !important;}

.TabBtn {
	font-size: 100%;
	height: 3em;
	line-height: 1.8 !important;
	min-width: 12ex;
	box-sizing: border-box;
	border: 1px solid transparent;
	color: #4E626F;
	background: transparent;
	margin-bottom: -1px;
	margin-right: 4px;
	padding: 0 16px !important;
	text-align: center;
	vertical-align: middle;
	float: left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	cursor: pointer;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.ExtTabBtn {
	height: 2em;
	line-height: 1.8 !important;
	float: right;
	position: relative;
	right: 24px;
	top: -2.5em;
	z-index: 102;
}
.TabBtn:focus {
	border: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
}
.TabBtn:hover {
	border-bottom: 1px solid #C7C7C7;
	background: #EFF6F8;
	color: #000;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
}
.TabBtn:active {
	border-bottom: 1px solid transparent !important;
}
.TabBtn:disabled {
	border-color: transparent !important;
	color: #DDD !important;
	background: transparent !important;
}

/*.TabBtn.Selected,*/
.TabBtn[aria-selected="true"] {
	color: #000;
	background: #FFF;
	border-left: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	border-bottom: 1px solid #FFF;
}
.TabBtn[aria-selected="true"]:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.TabCaret {
	display: inline-block;
	border-left: 0.4em solid #DDD;
	border-top: 0.4em solid transparent;
	border-bottom: 0.4em solid transparent;
	border-right: none;
	margin: 0.5em 0.5em 0.5em 0.3em;
}
.TabPanel {
	flex-grow: 1;
	padding: 0 2ex;
	margin: 0 -2ex;
	animation: fade_in 0.5s ease-in;
	-webkit-animation: fade_in 0.5s ease-in;
	background: #FFF;
}
.SubTabPanel, .Panel {
	display: block;
	animation: fade_in 0.5s ease-in;
	-webkit-animation: fade_in 0.5s ease-in;
	padding-bottom: 12px;
	background: #FFF;
}

/* pending */
.ContentsBody.TabPanels {
	flex-grow: 1;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 0;
}
.ContentsBody.TabPanels .TabPanel {
	flex-grow: 1;
	overflow: hidden;
	padding: 0 2ex;
	margin: 0;
	display: flex;
	flex-direction: column;
}
.TabBody {
	flex-grow: 1;
	overflow: auto;
	padding: 0 2ex;
	margin: 0 -2ex;
}
/* pending */

/*.TabPanel.Hidden,*/
.ContentsBody.TabPanels .TabPanel[aria-hidden="true"],
.ResultBlock[aria-hidden="true"],
.TabPanel[aria-hidden="true"],
.SubTabPanel[aria-hidden="true"],
.Panel[aria-hidden="true"] {display: none;}


.TabsBar.SubTab {border-bottom: none;margin-left: -12px;margin-bottom: 8px;}
.SubTab .TabBtn {
	height: 2em;
	border: 1px solid transparent;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #EEE;
	padding: 0 12px;
	margin: 1px;
}
.SubTab .TabBtn:hover {border-color: #DCEFF5 !important;background: #EFF6F8;}
.SubTab .TabBtn:active,
.SubTab .TabBtn:focus {border-color: #DCEFF5 !important;background: #DCEFF5;}
.SubTab .TabBtn:disabled {
	border-color: transparent !important;
	color: #DDD !important;
	background: transparent !important;
}
.SubTab .TabBtn[aria-selected="true"] {border-color: #A7D7E6;background: #DCEFF5 !important;}
.SubTab .TabBtn[aria-selected="true"]:hover {border-color: transparent;}
@media only screen and (max-width: 768px) {
	.TabsBar {
		background: #FFF;
		border: none;
		padding: 2px 8px;
	}
	.TabsBar.MainTab {
		width: 100%;
		height: 2em;
		margin: 0;
		padding: 0;
		z-index: 150;
	}
	.TabsBar.SubTab {margin: 0;padding-left: 0;z-index: 40;}
	.EditPanel .TabsBar.SubTab {padding-left: 12px;}
	.TabSelector {display: block;}
	.SubTab .TabSelector {z-index: 40;}
	.TabList {
		display: none;
		position: absolute;
		width: auto;
		height: auto;
		border: 1px solid #444;
		box-sizing: border-box;
		box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
		z-index: 120;
	}
	.TabList.Opened {display: block;}
	.TabList li {
		display: block;
		margin-left: 0 !important;
		margin-bottom: 0 !important;
		height: 2em;
	}
	.SubTab .TabBtn,
	.TabBtn {
		display: inline-block;
		float: none;
		width: 100%;
		min-width: auto;
		text-align: left;
		border: none !important;
		background: #FFF;
		color: #000;
		border-radius: 0;
		-webkit-border-radius: 0;
		height: 2em;
		line-height: 1.8em !important;
		padding: 2px 8px !important;
		z-index: 150;
	}
	.TabBtn[aria-selected="true"] {
		background: #CFEAF2;
		border: none !important;
	}
	.TabBtn:focus,
	.TabBtn:hover,
	.TabBtn:active {
		border: none !important;
		box-shadow: none !important;
	}
}

/* Search & Result */
.SearchBlock {
	flex-shrink: 0;
	padding-top: 6px;
}
.ResultBlock {
	flex-shrink: 0;
	flex-grow: 1;
	animation: fade_in 0.5s ease-in;
	-webkit-animation: fade_in 0.5s ease-in;
	padding-bottom: 12px;
	background: #FFF;
}

/* PullDown */
.PulldownBtn {
	box-sizing: border-box;
	height: 2em !important;
	min-height: 1.4em;
	line-height: 1.4;
	padding: 0 6px 0 12px;
	margin-bottom: 2px;
	text-align: left;
	white-space: nowrap;
	color: #000;
	border: 1px solid #BBB;
	background-color: #F0F0F0;
	cursor: pointer;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.PulldownBtn:focus {
	border-color: #F1F1F1;
	box-shadow: 0 0 4px 0 #00AAFF;
	-webkit-box-shadow: 0 0 4px 0 #00AAFF;
	outline: none;
}
.PulldownBtn:hover {
	background-color: #EFF6F8;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.PulldownBtn:active {
	background-color: #DCEFF5;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.PulldownBtn:disabled {
	border: 1px solid #DDD !important;
	background: #F0F0F0 !important;
	/*color: #CCC !important;*/
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	cursor: default;
}
.PulldownBtn:disabled > span,
.PulldownBtn:disabled > span > small,
.PulldownBtn:disabled > .Icon {opacity: 0.2;}

.PulldownBtn.ContMenuBtn {
	padding: 0 6px;
	margin: 0;
	vertical-align: middle;
	height: 36px !important;
	min-width: 36px !important;
}
.PulldownBtn.ContMenuBtn:focus {background: #DCEFF5;}
.ListTable thead th > .ContMenuBtn {margin: 0;}
.ListTable thead th > .ContMenuBtn:after {display: none;}

.PulldownBtn.ExtSelector,
.PulldownBtn.SelectJump,
.PulldownBtn.Selector {
	padding: 0 6px;
	background-color: #FFF;
	height: auto;
	min-width: auto;
}
.PulldownBtn span:after {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border-left: 4px solid transparent;
	border-top: 4px solid #494949;
	border-bottom: none;
	border-right: 4px solid transparent;
	margin-left: 8px;
}
.Pulldown_content {
	display: none;
	position: absolute;
	width: auto;
	min-width: 20ex;
	max-width: 50vw;
	list-style: none;
	background: #FFF;
	border: 1px solid #444;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	z-index: 1500;
}
.Pulldown_content[aria-hidden="false"] {
	display: block !important;
	max-height: 15em;
	margin-bottom: 3em;
	max-width: 60vw;
	padding-right: 1em;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-animation: pull_open 0.2s ease-in;
	animation: pull_open 0.2s ease-in;
}
.Pulldown_content.ShowAll[aria-hidden='false'] {
	max-height: none;
}
.PulldownBtn + .Pulldown_content {margin-top: -1px;}
.PulldownBtn.Right + .Pulldown_content {right: 4px;}
.Pulldown_content li {
	text-align: left;
	min-height: 2em;
	width: auto;
	line-height: 2;
	white-space: nowrap;
}
.Size_middle .Pulldown_content li {min-width: 40.5ex;}
.Size_midshort .Pulldown_content li {min-width: 36.5ex;}
.Size_short .Pulldown_content li {min-width: 22.5ex;}
.Size_xshort .Pulldown_content li {min-width: 14.5ex;}

.Pulldown_content li input {margin: 4px;}
.Pulldown_content li.Separator {
	display: inline-block;
	min-height: 2px;
	height: 2px;
	max-height: 2px;
	line-height: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}
.Pulldown_content li.Separator hr {
	width: 100%;
	min-width: 20ex;
}

.Pulldown_content li button {
	padding: 0 8px;
	color: #000 !important;
	border: none !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	height: 100%;
	min-height: 2em;
	min-width: 100%;
	text-align: left;
	background: transparent;
}
.Pulldown_content li button:hover {
	background: #EFF6F8;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.Pulldown_content li.Danger button:hover {
	background: #A00 !important;
	color:#FFF !important;
}
.Pulldown_content li button:active,
.Pulldown_content li button:focus {
	border: none;
	box-shadow: 0 0 1px 0 #00AAFF !important;
	-webkit-box-shadow: 0 0 1px 0 #00AAFF !important;
}
.Pulldown_content li.Danger button:disabled,
.Pulldown_content li button:disabled {
	background: #FFF !important;
	color: #CCC !important;
}
.Pulldown_content li button span {color: #000;}

/* PullDown ComboBox */
.PulldownComboBox {
	display: inline-block;
	border: 1px solid #CCC;
	height: 2em !important;
	box-sizing: border-box;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-appearance: unset;
	background: #FFF;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.05);
	white-space: nowrap;
	min-width: 12ex;
	width: 28ex;
	position: relative;
}
.PulldownComboBox.Selected .InnerField {background: #E4F3F7;}
.PulldownComboBox.Disabled,
.PulldownComboBox.Readonly {
	border-color: #E5E5E5;
	background: transparent !important;
	box-shadow: none;
	color: #000 !important;
}
.PullBtn {
	width: 2em;
	height: 2em;
	box-sizing: border-box;
	margin-top: -1px;
	border: 1px solid #BBB;
	background-color: #F0F0F0;
	cursor: pointer;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.PullBtn:after {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	vertical-align: middle;
	border-left: 4px solid transparent;
	border-top: 4px solid #494949;
	border-bottom: none;
	border-right: 4px solid transparent;
	z-index: 50;
}
.PullBtn:disabled {
	border: 1px solid #DDD !important;
	background: #F0F0F0 !important;
	color: #CCC !important;
	cursor: default;
}
.PullBtn:disabled:after {
	border-top-color: #CCC;
}
.InnerField {
	border: none;
	width: calc(100% - 4em);
	height: 1.8em !important;
	padding: 2px 0 2px 6px;
	box-sizing: border-box;
	background: transparent;
}
.InnerField::-ms-clear {display: none;}

.PulldownComboBox .ClearBtn {
	background: transparent;
	width: 2em;
	border: none;
	display: inline-block;
	visibility: hidden;
}
.PulldownComboBox .ClearBtn:hover {
	color: #F00 !important;
	font-weight: bold;
}

/* Input Group */
.InputGrp {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	vertical-align: middle;
}
.InputGrp .TextField,
.InputGrp .TextField.ComboBox {
	box-sizing: border-box;
	height: 2em !important;
	line-height: 1.4;
	padding-left: 4px;
	border: 1px solid #CCC;
	vertical-align: middle;
}
.InputGrp .SelectPull {height: 1.98em;vertical-align: middle;}

.InputGrp .SelectMulti {
	box-sizing: border-box;
	height: 7em !important;
	line-height: 1.2;
	margin-right: 0;
	border: 1px solid #888;
	vertical-align: middle;
}
.InputGrp .IconLabel {
	display: inline-block;
	height: 2.4em !important;
	width: 24px;
}
.InputGrp .Button {
	box-sizing: border-box;
	height: 2em !important;
	line-height: 1.4;
	vertical-align: middle;
	margin-top: 2px;
	overflow: visible;
}
.InputGrp + .InputGrp {margin-left: 4px;}
.InputGrp .TextField + .Button {margin-left: -3px;}/* sample only, Please overwright --  margin-left: 1px; */
.InputGrp .Button + .Button {margin-left: -3px;}/* sample only, Please overwright --  margin-left: 1px; */
.InputGrp .Spacer {display: inline-block;width: 16px;}
.InputGrp .Spacer.Half {width: 8px;}
.InputGrp .Divider {display: inline-block;width: 5px;text-align: center;color: #222;}
.InputGrp .Button > .Icon {border: 1px solid transparent;}

.InnerControl {clear: both;padding-bottom: 12px;}
.InnerControl .Button {min-width: auto;}

/* LocationNav */
.LocationNav {}
.LocationNav .IconBtn {height: 2.4em;width: 2.4em;margin-right: -4px;}
.LocationNav .InputGrp {margin: 0;padding: 0;}
.LocationNav .PulldownBtn.ExtSelector {height: 2.4em !important;padding: 0 8px 0 12px;}
.LocationNav .PulldownBtn.ExtSelector span small,
.LocationNav .Pulldown_content button small {font-size: 80%;color: #888;padding-left: 4px;}
.LocationNav .LocationPath {
	display: block;
	color: #888 !important;
	background: transparent;
	font-size: 90%;
	border: none;
	box-shadow: none;
}
.LocationNav .PulldownBtn.ExtSelector span {
	display: inline-block;
	vertical-align: middle;
	max-width: 70vw;
	overflow: hidden;
	text-overflow: ellipsis;
}
.LocationNav .Pulldown_content button {
	display: block;
	max-width: 60vw;
	overflow: hidden;
	text-overflow: ellipsis;
}
.SmallLink {
	color: #00528B;
	text-decoration: underline;
	border: none;
}
.SmallLink:hover  {color: #09C;}
.SmallLink:active {color: #2CD7F0;}
.LocationPath .SelectedLoc,
.LocationPath .SmallLink {
	font-size: 100%;
	margin: 0 0.57ex;
	display: inline-block;
	vertical-align: middle;
	max-width: 20em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.LocationPath .SmallLink {cursor: pointer;}
.LocationPath.Readonly .SelectedLoc {color: #000;}
.LocationPath.Readonly .SmallLink {color: #BBB;cursor: default;pointer-events: none;text-decoration: none;}
.DisabledRow .LocationPath {opacity: 0.2;}
.DisabledRow .LocationPath,
.DisabledRow .LocationPath > * {color: #000 !important;}

/* ToggleBtn */
.ToggleBtn {
 	height: 20px;
	min-width: 40px;
	width: 40px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #AAA !important;
	background: #E0E0E0 !important;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	backface-visibility: hidden;
}
.ToggleBtn.Left {float: left;}
.ToggleBtn.Right {float: right;}
.ToggleBtn.Left + label,
.ToggleBtn.Right + label {
	height: 20px;
	line-height: 20px;
	display: inline-block;
}
.ToggleBtn.Left + label {margin-left: 8px;}
.ToggleBtn.Right + label {margin-right: 8px;}

.ToggleBtn:focus {
	border: 1px solid #666 !important;
}
.ToggleBtn .Knob {
	height: 18px;
	width: 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid #888;
	background: #F0F0F0;
	z-index: 10;
	transition: transform 0.1s ease-out 0s;
	-webkit-transition-property: transform;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-delay: 0s;
}
.ToggleBtn:hover {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2) inset;
	cursor: pointer;
}
.ToggleBtn:hover .Knob {
	background: #EFF6F8;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.ToggleBtn:focus .Knob {
	border: 1px solid #444 !important;
}
@media all and (-ms-high-contrast:none){/* IE */
	.ToggleBtn:active .Knob {transform:translate(0, -0.3px);}
}
.ToggleBtn:disabled {
	border-color: #DDD !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: default;
}
.ToggleBtn:disabled .Knob {
	border-color: #DDD !important;
	background: #F0F0F0;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.ToggleBtn[aria-checked="true"] {
	background: #49ABCA !important;
	border-color: #79AABA;
}
.ToggleBtn[aria-checked="true"]:disabled {
	background: #C5C5C5 !important;
}
.ToggleBtn[aria-checked="true"] .Knob {
	border-color: #4E717E;
	transform:translate(1.5em, 0);
	-webkit-transform:translate(1.5em, 0);
}
.ToggleBtn + label {line-height: 20px;vertical-align: top;}

/* =200= Header/Footer Style = */
.Container {}
.GlobalHeader {
	background: #0F0F0F;
	position: fixed;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	white-space: nowrap;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2500;
}
.GlobalHeader.SubWindow {height: 30px;}
h1.BrandingName {
	display: inline-flex;
	font-size: 14px;
	font-family: "Segoe UI","Tahoma", sans-serif;
	flex: 1 0 50%;
}
h1.BrandingName > small {font-size: 12px;padding: 0 1.2ex;margin-top: 3px;}
h1.BrandingName > i.Icon {margin-top: 8px;}
.HeaderTools {
	display: inline-flex;
}
.HeaderTools .UserName,
.HeaderTools .HelpMenu {
	display: inline-flex;
	height: 2em;
	line-height: 2;
	justify-content: flex-end;
}

/* HeaderPulldown Btn */
.HeaderPulldown {
	box-sizing: border-box;
	height: 2em;
	line-height: 1.4;
	line-height: 20px;
	padding: 4px;
	margin-bottom: 2px;
	text-align: left;
	white-space: nowrap;
	color: #000;
	border: none;
	background: transparent;
	cursor: pointer;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.HeaderPulldown:hover {background: #595959;}
.HeaderPulldown:active {background: #797E80;}
.HeaderPulldown:disabled {cursor: default;}
.HeaderPulldown .HeadIcon.User {margin: 0 4px;}
.HeaderPulldown > span {
	display: inline-block;
	font-size: 12px;
	height: 2em;
	line-height: 1.6;
	padding-right: 8px;
	margin: 0 4px;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: left;
	color: #CCC;
	max-width: 35vw;
	overflow: hidden;
	text-overflow: ellipsis;
}
.SubMenuCategory:after,
.HeaderPulldown span:after {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border-left: 4px solid transparent;
	border-top: 4px solid #CCC;
	border-bottom: none;
	border-right: 4px solid transparent;
	margin-left: 8px;
	margin-right: -4px;
}
.HeaderPulldown:disabled span:after {
	border-top-color: #666;
}
.HeaderPulldown.Options {margin-right: 4px;}
.HeaderPulldown.Options + .Pulldown_content {top: 36px;right: 4px;}
.HeaderPulldown.UserName + .Pulldown_content {top: 36px;right: 32px;}

.HeaderTools .Pulldown_content {
	background: #242424 !important;
	color: #FFF !important;
	margin-top: -2px;
}
.HeaderTools .Pulldown_content li {border-bottom: 1px solid #333;}
.HeaderTools .Pulldown_content li:last-child {border-bottom: none;}
.HeaderTools .Pulldown_content li button,
.HeaderTools .Pulldown_content li button span {color: #FFF !important;cursor: pointer;}
/*.HeaderTools .Pulldown_content li:hover,*/
.HeaderTools .Pulldown_content li button:hover {background: #505050 !important;}
.HeaderTools .Pulldown_content li button:focus {background: transparent !important;}

.MenuItem {padding-left: 8px !important;padding-right: 8px !important;}
.SubMenuItem {padding-left: 16px !important;padding-right: 8px !important;}
.MenuItem.Mess,
.SubMenuItem.Mess {color: #8D8D8D;}
.SubMenuList[aria-hidden="true"] {display: none;}
.SubMenuList[aria-hidden="false"] {display: block;}

@media only screen and (max-width: 768px) {
	h1.BrandingName {font-size: 14px;}
	.HeaderTools .UserName > span {font-size: 10px;max-width: 200px;}
}

/*  Footer */
.GlobalFooter {
	position: fixed;
	bottom: 0;
	padding: 2px 10px;
	background: #0F0F0F;
	height: 20px;
	width: 100%;
	box-sizing: border-box;
	z-index: 200;
}
.FooterTools {
	float: left;
	display: inline-block;
	font-size: 11px;
}
.FooterTools a {
	color: #AFAFAF;
	font-size: 11px;
	line-height: 10px;
	padding: 0 4px;
	margin-bottom: 2px;
	margin-right: 8px;
	border-bottom: 1px solid #333;
}
.FooterTools a:hover,
.FooterTools a:active,
.FooterTools a:focus {
	color: #FFF;
	background-color: #666 !important;
}

.Copyright,
.Copyright span {
	float: right;
	display: inline-block;
	text-align: right;
	font-size: 10px;
	line-height: 15px;
	color: #DFDFDF;
}

/*  LinkToTop */
.LinkToTop {
	position: fixed;
	padding: 2px 6px;
	right: 22px;
	bottom: 100px;
	height: 30px;
	min-width: 30px;
	background-color: rgba(255,255,255,0.7);
	display: none;
	-webkit-animation: fade_out 0.7s;
	animation: fade_out 0.7s;
	z-index: 100;
}
.LinkToTop:hover {background-color: #EFF6F8;}
.LinkToTop:active {background-color: #DCEFF5;}
.LinkToTop.Show {
	display: block;
	-webkit-animation: fade_in 0.7s;
	animation: fade_in 0.7s;
}


/* =300= Contents Style = */
.ContentsArea {
	flex: 1 auto;
	padding-top: 80px;
	width: 100%;
	box-sizing: border-box;
	background: #FFF;
	display: flex;
	-webkit-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
}
.ContentsArea.SubWindow {padding-top: 30px;}
.MainContents {
	flex: 1;
	top: 0;
	height: calc(100vh - 100px);
	width: 100%;
	box-sizing: border-box;
	background: #FFF;
	overflow: hidden;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	z-index: 1;
	display: flex;
	flex-direction: column;
}
.MainContents.SubWindow {height: calc(100vh - 50px);}
.ContentsHead {
	flex-basis: auto;
	flex-shrink: 0;
	padding: 0 2ex;
	box-shadow: 0 2px 4px rgba(255,255,255,1);
	-webkit-box-shadow: 0 2px 4px rgba(255,255,255,1);
	z-index: 150;
}
.ContentsBody {
	flex-grow: 1;
	overflow: auto;
	padding: 0 2ex 2em;
	display: flex;
	flex-direction: column;
}
.ContentsBody.NoMenu {
	margin-top: -14px;
	padding: 0 5ex;
}
@media (max-width: 480px) {
	.ContentsHead {padding: 0 1ex;}
	.ContentsBody {padding: 0 1ex 2em;}
}
.OneBlock {flex-shrink: 0;position: relative;padding: 4px 0 8px 0;}
.SubBlock {flex-shrink: 0;position: static;padding: 1em 0;}
.GrowBlock {flex-grow: 1;}

/* ToolBar */
.ToolBar {margin: 0.3em 0;}
.ToolBar .ListInfo {padding-right: 16px;}
.ToolBar.ViewChange {background: #EFEFEF;padding: 2px 6px;margin: 4px 0 -2px;}
.ToolBar.Right {margin: 2px 0;text-align: right;}
.ToolBar.Bottom {margin: -12px 0 1em 0;}
.ToolBar .InputGrp {display: inline-block;margin: 6px 2px 0 0;white-space: nowrap;vertical-align: middle;}
.ToolBar .InputGrp button + button {margin-left: 2px;}
.ToolBar .InputGrp.Last {padding-right: 32px;}
.ToolBar .InputGrp.Right {float: right;}
.ToolBar .SelectPull {
	box-sizing: border-box;
	height: 2em !important;
	line-height: 1.4;
	vertical-align: middle;
}
span.Separator,
div.Separator {display: inline-block;width: 16px;}

/* RefreshBtn */
.RefreshBtn {
	position: fixed;
	right: 10px;
	top: 88px;
	border: none;
	background: transparent;
}
.RefreshBtn.Local {
	position: relative;
	top: 0;
	z-index: 2;
}
.RefreshBtn:hover {cursor: pointer;}
.RefreshBtn:disabled {cursor: default;}
i.RefreshAct {
	transition:transform 1s linear 0s;
	transform:rotate(-360deg);
	-webkit-transition-property: transform;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	-webkit-transform: rotate(-360deg);
}

/* GuideBtn */
.GuideBtn {
	position: relative;
	top: 6px;
	height: 22px;
	min-height: 22px;
	width: 22px;
	min-width: 22px;
	text-align: center;
	padding: 0;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 11px;
	z-index: 2;
}
.GuideBtn:hover {cursor: pointer;}
.GuideBtn:disabled {cursor: default;}

.DelBtn,
.AddBtn  {text-align: left;min-width: auto;}
.DelBtn > span,
.AddBtn > span {vertical-align: middle;}
.DelBtn > .ToolIcon,
.AddBtn > .ToolIcon {margin-left: -10px;margin-right: 4px;}
.IconBtn {width: 28px;min-width: 28px;padding: 0 !important;}

/* CalendarBtn */
.CalendarBtn {
	width: 24px;
	min-width: 24px;
	height: 2em;
	padding: 0;
	box-sizing: border-box;
	vertical-align: top;
	margin-left: -3px;
}
.CalendarBtn:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 2em;
	background-image: url("../images/calendar.png");
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-size: 15px 18px;
}
.CalendarBtn[disabled]:after {opacity: 0.3;}

/* Foot Navigation */
.FootNav {
	position: static;
	flex-basis: auto;
	flex-shrink: 0;
	width: 100%;
	min-height: 3em;
	box-sizing: border-box;
	padding: 5px 8px;
	border-top: 1px solid #AAA;
	background: #F0F0F0;
	box-shadow: 0 -6px 6px rgba(255,255,255,0.05);
	-webkit-box-shadow: 0 -6px 6px rgba(255,255,255,0.05);
	z-index: 1600;
}
.SubFootNav {
	position: static;
	flex-basis: auto;
	flex-shrink: 0;
	border-top: 1px solid #E3E4EC;
	background: #F6F7FA;
	box-sizing: border-box;
	padding: 4px 8px;
	min-height: 3em;
	width: 100%;
	z-index: 1600;
}
.FootNav[aria-hidden="true"],
.SubFootNav[aria-hidden="true"] {display: none;}

.FootNav.TabFoot,
.SubFootNav.TabFoot {
	width: calc(100% + 4ex);
	margin: 0 -2ex;
}

.SectionNav {
	margin-top: 6px;
	padding: 5px 0;
	border-top: 1px solid #DDD;
	background: #FFF;
	display: block;
	height: 38px;
	min-height: 38px;
}
.SectionNav.FitWrapper {
	padding-right: 8px;
	box-sizing: border-box;
}
@media (max-width: 480px) {
	.SectionNav {margin-top: 2px;}
}
.ListTable + .SectionNav {margin-top: -10px;}
.SectionNav + .SectionNav {margin-top: -10px;}

.SettingTable + hr {margin: -1px 0 -2px;}
.SettingTable .Spacer {display: inline-block;width: 16px;}
.SettingTable .Spacer.Half {width: 8px;}

/* Paging Navigation */
.PagingNav {
	display: inline-flex;
	flex-direction: row-reverse;
	margin: 2px 0;
	text-align: right;
	line-height: 1.3em;
	vertical-align: middle;
	white-space: nowrap;
	color: #666;
	animation: fade_in 0.5s ease-in;
	-webkit-animation: fade_in 0.5s ease-in;
}
.PagingNav[aria-hidden="true"] {display: none;}
.Buttons + .PagingNav {margin-left: 8px;}
.PageBtns {}
.PageJump {margin-right: 12px;}
.SectionNav .PagingNav,
.SubFootNav .PagingNav {float: right;}
.SubFootNav .OptionNav {float: left;}

.PagingOption {
	display: inline-block;
	padding-right: 16px;
	margin-top: -2px;
}

/*.PageNumBtn,*/
.PageJumpBtn {
	height: 24px;
	min-width: 24px;
	margin: 0 -1px;
	padding: 0;
	border-color: #DDD;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.PageJumpBtn:disabled {
	opacity: 0.5 !important;
}
.PageNumBtn {
	height: 24px;
	min-width: 24px;
	margin: 0 -1px;
	padding: 0 3px;
	color: #444;
	border: 1px solid #EEE;
	box-sizing: border-box;
	background: rgba(255,255,255,0.5);
	cursor: pointer;
}
.PageNumBtn:hover {
	color: #141414;
	border-color: #DCEFF5;
	background: #EFF6F8;
}
.PageNumBtn:active {
	color: #141414;
	border-color: #DCEFF5;
	background: #DCEFF5;
}
.PageNumBtn:focus {
	border: 1px solid #F1F1F1;
	box-shadow: 0 0 4px 0 #00AAFF !important;
	-webkit-box-shadow: 0 0 4px 0 #00AAFF !important;
	outline: none;
}
.PageNumBtn.Now {
	border-color: #A7D7E6 !important;
	background: #DCEFF5 !important;
	color: #000 !important;
	pointer-events: none;
}

/* =400= Table/List Style = */
/* List Table */
.ListTable {
	clear: both;
	display: table;
	width: 100%;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	margin: 4px 0 16px 0;
	border-collapse: separate;
	border-spacing: 0;
}
.ListTable .ListTable {margin: 0;border: 1px solid #EEE;}
.ListTable thead th {
	vertical-align: middle;
	background-color: #F0F0F0 !important;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #DDD !important;
	text-align: left;
}
.ListTable .ListTable thead th {
	border-bottom: none;
	border-right: 1px solid #E1E1E1;
}
.ListTable .ListTable thead th,
.ListTable .ListTable thead th p {
	color: #757575;
	background-color: #FDFDFD;
}
.ListTable td .ListTable thead th:last-child {border-right: none;}
.ListTable thead th:last-child {border-right: none;}
.ListTable thead th p,
.ListTable thead th > button.SortBtn {
	display: block;
	box-sizing: border-box;
	padding: 3px 6px 3px 3px;
	min-height: 1.6em;
	height: auto;
	line-height: 1;
	width: 100%;
	min-width: auto;
	border: 1px solid #F0F0F0;
	border-top-color: transparent;
	background-color: #F0F0F0;
	text-decoration: none;
	text-align: left;
	color: #4E626F;
	white-space: normal;
}
@media (max-width: 480px) {
	.ListTable thead th p,
	.ListTable thead th > button.SortBtn {
		font-size: 80%;
		padding: 3px 2px;
	}
}
.ListTable thead th.CheckCol_wide p {text-align: center;}
.ListTable thead th > button.SortBtn:focus {
	border-bottom: 1px solid #09C;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.ListTable thead th > button.SortBtn:hover {
	color: #4E626F;
	background-color: #EFF6F8;
	cursor: pointer;
}
.ListTable thead th > button.SortBtn:active {
	color: #4E626F;
	background-color: #DCEFF5;
	box-shadow: none;
}
.ListTable thead th > button.SortBtn:after,
.ListTable thead th.Sort_up > button.SortBtn:after,
.ListTable thead th.Sort_down > button.SortBtn:after {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	margin-left: 4px;
	width: 16px;
	height: 16px;
	background-size: 16px;
	background-color: transparent;
	background-repeat: no-repeat;
}
.ListTable thead th > button.SortBtn.SortBtn:after {background-image: url("../images/sort_none.png");}
.ListTable thead th.Sort_up > button.SortBtn:after {background-image: url("../images/sort_up.png");}
.ListTable thead th.Sort_down > button.SortBtn:after {background-image: url("../images/sort_down.png");}

.ListTable td {
	height: 2.2em;
	line-height: 1.2;
	font-weight: normal;
	vertical-align: middle;
	padding: 4px;
	border-bottom: 1px solid #E9E9EB;
	border-top: 1px solid transparent;
	background-color: #FEFEFE;
	box-sizing: border-box;
}
.ListTable td > .Icon {margin-right: 4px;}
.ListTable.InfoRows {
	border-top: none;
	border-bottom: none;
}
.ListTable.InfoRows td {
	padding: 2px 4px;
}
.ListTable.Compress td {
	height: 1.4em;
	line-height: 1.2;
	padding: 4px;
}
.ListTable.Compress td > .InnerBtn {
	font-size: 80% !important;
}
.ListTable td .ListTable {
	margin: -4px 0 -4px 12px;
	width: calc(100% - 8px);
	border: none;
}
.ListTable td .ListTable th {
	padding: 2px 4px;
	color: #757575;
	background-color: #FDFDFD;
	border-bottom: 1px solid #EEE !important;
}
.ListTable td .ListTable td {
	border-bottom: none !important;
}
.ListTable.ViewOnly td {height: 1.2em;}
.ListTable tr:nth-child(odd) td {background-color: #FFF;}
.ListTable tr:nth-child(even) td {background-color: #F9F9F9;}
.ListTable td .ListTable tr:nth-child(odd) td,
.ListTable td .ListTable tr:nth-child(even) td {background-color: transparent !important;}
.ListTable tr.ParentRow td {border-bottom: 3px double #DDD;}
.ListTable tr.TotalRow th,
.ListTable tr.TotalRow td {
	border-top: 3px double #AAA;
	font-weight: bold;
}
.ListTable tr.TotalRow th {
	background: #EEE;
	padding-left: 6px;
}
.ListTable tr.GroupHeadRow td[rowspan] {background-color: #FEFEFE !important;}
.ListTable tbody.GroupListRow tr + tr td,
.ListTable tbody.GroupRow tr + tr td {border-top: none;}
.ListTable tbody.GroupRow tr td[rowspan],
.ListTable tbody.GroupRow tr:first-child td {border-top: 1px solid transparent;}
.ListTable tbody.GroupListRow tr td[rowspan],
.ListTable tbody.GroupRow tr td[rowspan],
.ListTable tbody.GroupListRow tr:last-child td,
.ListTable tbody.GroupRow tr:last-child td {border-bottom: 3px double #CCC;}
.ListTable tbody.GroupListRow.Total  tr td[rowspan],
.ListTable tbody.GroupRow.Total  tr td[rowspan],
.ListTable tbody.GroupListRow.Total tr:last-child td,
.ListTable tbody.GroupRow.Total tr:last-child td {border-bottom: 3px double #000;}
.ListTable tbody.GroupListRow:nth-child(odd) tr td,
.ListTable tbody.GroupRow:nth-child(odd) tr td {background-color: #F9F9F9;}
.ListTable tbody.GroupListRow:nth-child(even) tr td,
.ListTable tbody.GroupRow:nth-child(even) tr td {background-color: #FFF;}
.ListTable tbody.GroupListRow:nth-child(odd) tr:nth-child(odd) td {background-color: #F9F9F9;}
.ListTable tbody.GroupListRow:nth-child(odd) tr:nth-child(even) td {background-color: #F6F6F6;}
.ListTable tbody.GroupListRow:nth-child(even) tr:nth-child(odd) td {background-color: #FCFCFC;}
.ListTable tbody.GroupListRow:nth-child(even) tr:nth-child(even) td {background-color: #FFF;}
.ListTable tbody.GroupListRow:hover tr td {
	border-color: rgba(128,136,139,0.5) !important;
	border-bottom-color: rgba(128,136,139,1) !important;
}
.ListTable tbody.GroupRow:hover tr td {
	background-color: #FCFEFF !important;
	border-color: rgba(128,136,139,0.5) !important;
	border-bottom-color: rgba(128,136,139,1) !important;
}
.ListTable tbody tr:last-child td {border-bottom: none;}
.ListTable td img {margin: 0 6px 0 0;vertical-align: middle;}
.ListTable tr:hover td {
	background-color: #F5FBFF;
	border-top-color: rgba(168,192,200,0.5) !important;
	border-bottom-color: rgba(168,192,200,0.5) !important;
}
.ListTable tr:hover td table td {
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}
.ListTable tr:nth-child(odd):hover td[rowspan] {background-color: #FEFEFE;}
.ListTable tr:nth-child(even):hover td[rowspan] {background-color: #F9F9F9;}
.ListTable.NoHover tr:nth-child(odd):hover td {
	background-color: #FEFEFE;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}
.ListTable.NoHover tr:nth-child(even):hover td {
	background-color: #F9F9F9;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}
.ListTable tbody.GroupRow.Selected tr td {background-color: #E4F3F7 !important;border-bottom-color: #CCC;}
.ListTable tr.Selected td {background-color: #E4F3F7 !important;border-bottom-color: #FFF;}
.ListTable tbody.GroupRow.Selected:hover tr td,
.ListTable tr.Selected:hover td {background-color: #EDF7FA !important;}
.ListTable tr.Warning td {background-color: #FCF5DB !important;border-bottom-color: #FFF;}
.ListTable tr.Warning:hover td {background-color: #FDF8E5 !important;}
.ListTable tr.Error td {background-color: #FFE9EC !important;border-bottom-color: #FFF;}
.ListTable tr.Error:hover td {background-color: #FFEFF1 !important;}
.ListTable tr.Critical td {background-color: #FFCACB !important;border-bottom-color: #F6F6F6;}
.ListTable tr.Critical:hover td {background-color: #FFD4D5 !important;}
.ListTable tr.CommErrorRow:nth-child(odd) td,
.ListTable tr.CommErrorRow:nth-child(even) td {background-color: #FFD6DB !important;color: #F00;}
.ListTable tr.CommErrorRow:hover td {background-color: #FFE4E8 !important;}
.ListTable td > .DetailTable {margin: -8px -4px;width: calc(100% + 8px);}

.ListTable .Icon + span {margin-left: 4px;}
.ListInfo {height: 1.4em;line-height: 1.4;padding: 4px 0 2px 4px;display: inline-block;}
.ListInfo span {margin-left: 4px;}
.ListNav {float: right;padding: 2px 0;}
.ListTable .ButtonsRow td {border-top: 3px double #CCCDD3;height: 1.6em;padding: 4px;}
.ListTable .SeparateCell {border-left: 1px solid #F0F0F0;}

/* TransCell in ListTable */
.TransCell {
	cursor: pointer;
	vertical-align: middle;
	box-sizing: border-box;
}
@media all and (-ms-high-contrast:none){/* IE11 */
	*::-ms-backdrop, .TransCell {
		word-break: break-all;
	}
}
.TransCell:hover * {color: #09C;}
.TransCell:focus {border-color: #F1F1F1 !important;}
.TransWrapper {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
}
.TransWrapper > i.Icon {margin-right: 8px;min-width: 24px;}
.TransWrapper > p {flex-grow: 1;max-width: 90%;word-wrap: break-word;overflow-wrap: break-word;}
@media all and (-ms-high-contrast:none){/* IE11 */
	*::-ms-backdrop, .TransWrapper > p {width: 50ex;word-break: break-all;}
}
.TransWrapper > button + p {margin-left: 8px;}
.TransWrapper + .Note {margin-top: -4px;}

.TransCell button {
	height: 100%;
	text-align: center;
	width: 32px;
	min-width: 32px;
	padding: 4px;
	margin: 0;
	border: none;
	background: transparent;
	cursor: pointer;
}
.TransCell button:hover {
	box-shadow: none;
}
.InputCol {white-space: nowrap;width: 12em;}
.InputCol .Icon {margin-left: 4px;}
.DisabledRow > .TransCell {cursor: default;}
.DisabledRow > .TransCell:hover * {color: #BBB !important;}
.TransWrapper > button:disabled {cursor: default;}
.TransWrapper > button:disabled > i.Icon {opacity: 0.2;}
.TransCell[disabled],
.TransCell.DisabledCell {
	cursor: default !important;
}
.TransCell[disabled]:hover *,
.TransCell.DisabledCell:hover * {color: #000;}

/* Setting Table */
.SettingTable {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 0 4px;
}
.SettingTable th {
	padding: 0.5em 6px;
	background-color: #EEE;
	border-top: 1px solid #FFF;
	box-sizing: border-box;
	width: 30ex;
	vertical-align: top;
}
.SettingTable th.Half {width: 20ex;}
.SettingTable tr:first-child th,
.SettingTable tr:first-child td {border-top: 1px solid #EEE;}
.SettingTable tbody tr:first-child th,
.SettingTable tbody tr:first-child td {border-top: 1px solid #FFF;}

.SettingTable tr:last-child th,
.SettingTable tr:last-child td {
	border-bottom: 1px solid #EEE;
}
.SettingTable td {
	padding: 0.5em 6px;
	text-align: left;
	border-top: 1px solid #FFF;
	vertical-align: top;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.SettingTable td th,
.SettingTable td td {
	padding: 0.3em 4px;
	background-color: transparent;
	border-top: none;
	width: auto;
	vertical-align: middle;
}
.SettingTable td.HeadCell {background-color: #EEE;}
.SettingTable tr.Buttons td {background-color: #FFF !important;padding-left: 0;}
.Sub th {padding-left: 20px !important;box-sizing: border-box;}
.Sub2 th {padding-left: 40px !important;box-sizing: border-box;}
.SettingTable .Sub th,
.SettingTable .Sub td {padding: 0.2em 6px;}
.SettingTable > tr > td,
.SettingTable > thead > tr > td,
.SettingTable > tbody > tr > td {
	padding: 0.5em 6px;
	background-color: #F5F5F5;
}
.SettingTable tbody[aria-hidden="true"] {display: none;}
.SettingTable tbody[aria-hidden="false"] {display: table-row-group;}

.SettingTable td > span.Unit,
.SettingTable td > span.Note {display: inline-block;line-height: 2;margin-left: 4px;}
.SettingTable td > span.Note + .TextArea,
.SettingTable td > span.Note + .TextField {float: left;}

.SettingTable fieldset.InputGrp {display: block;margin-top: 4px;}
.SettingTable fieldset.InputGrp .Button + .Button {margin-left: 4px;}
.SettingTable .InputGrp .TextField {width: 45ex;}
.SettingTable .InputGrp + .InputGrp {margin-top: 4px;display: block;}
.SettingTable .InputGrp .SelectMulti {width: 45ex;margin: 0 -4px;}
.SettingTable .InputGrp .SelectMulti + button {vertical-align: top;}
.SettingTable .InputGrp .SelectMulti option {padding-left: 4px;}

.SettingTable.SettingPanel {margin-bottom: -1px;}
.SettingTable.SettingPanel td {background: #EEE;}
.SettingTable + .Buttons {margin: -10px 0 10px 0;}

.SettingTable td .TextField + .OneItem,
.SettingTable td .FileField + .OneItem,
.SettingTable td .SelectPull + .OneItem {display: block;margin-top: 6px;}

.SettingTable .SeparateRow th,
.SettingTable .SeparateRow td {
	border-top: 3px double #DDD;
}

/* Confirm Table */
.ConfirmTable {
	clear: both;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 2px 0 4px 0;
	border-bottom: 1px solid #EEE;
}
.ConfirmTable th {
	border-top:  1px solid #FFF;
	background: #EFEFEF;
	padding: 0.2em 4px;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
	width: 30ex;
}
.ConfirmTable tr:first-child th {
	border-top:  1px solid #EEE;
}
.ConfirmTable th.Half {width: 20ex;}
.ConfirmTable td {
	border-top:  1px solid #EEE;
	background: #FFF;
	padding: 0.2em 4px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.ConfirmTable td .Buttons {float: right;}
.ConfirmTable.ViewOnly th,
.ConfirmTable.ViewOnly td {padding: 4px;}

.ConfirmTable textarea {
	width: 80%;
	min-width: 30ex;
	border: 1px solid #DDD;
}

.ConfirmTable .SeparateRow th,
.ConfirmTable .SeparateRow td {
	border-top: 3px double #DDD;
}
.ConfirmTable .ShrinkRow th,
.ConfirmTable .ShrinkRow td {
	padding: 0 4px;
}

@media (max-width: 1000px) {
	.ConfirmTable th,
	.SettingTable th.Half,
	.ConfirmTable th.Half,
	.SettingTable .DoubleColRow > th,
	.ConfirmTable .DoubleColRow > th {width: 24ex;}
}
@media (max-width: 800px) {
	.ConfirmTable th,
	.SettingTable th.Half,
	.ConfirmTable th.Half,
	.SettingTable .DoubleColRow > th,
	.ConfirmTable .DoubleColRow > th {width: 16ex;}
}
@media (max-width: 640px) {
	.SettingTable th,
	.ConfirmTable th {width: 18ex;}
	.SettingTable th.Half,
	.ConfirmTable th.Half,
	.SettingTable .DoubleColRow > th,
	.ConfirmTable .DoubleColRow > th {width: 10ex;}
}
@media (max-width: 480px) {
	.SettingTable th,
	.ConfirmTable th,
	.SettingTable td,
	.ConfirmTable td {
		display: block;
		width: 100%;
		min-width: 100%;
		padding: 0 4px;
		box-sizing: border-box;
	}
	.ConfirmTable td {
		margin-top: -1px;
	}
	.SettingTable td,
	.ConfirmTable td,
	.SettingTable tr:first-child td,
	.SettingTable .SeparateRow td,
	.ConfirmTable .SeparateRow td {
		border-top: 0 solid transparent !important;
	}
	.SettingTable tr:first-child th,
	.SettingTable tr:last-child th {
		border-bottom: 0 solid transparent !important;
	}
}

/* SearchTable */
.SearchTable {
	border: 1px solid #A2A6B3;
	border-bottom: none;
	background-color: #EDEEF0;
	width: 100%;
	box-sizing: border-box;
}
.SearchTable th {
	padding: 4px 6px;
	vertical-align: middle;
	border-bottom: 1px solid #D9DADF;
	font-weight: normal;
}
.SearchTable th.ThFixed {
	width: 25ex;
}
.SearchTable td {
	padding: 4px 6px;
	vertical-align: middle;
	border-bottom: 1px solid #D9DADF;
	font-weight: normal;
	border-right: 1px solid #D9DADF;
}
.SearchTable tr td.LastCell,
.SearchTable tr td:last-child {border-right-color: #A2A6B3;}
.SearchTable .SelectRow th,
.SearchTable .SelectRow td {background-color: #E7E8EB;border-bottom-color: #DBDCE1;}
.SearchTable .SeparateRow td {border-top: 1px double #A2A6B3;}
.SearchTable td.ItemsCol,
.SearchTable td.ItemsCol_matrix,
.SearchTable td.ItemsCol_inline {height: 2.5em;}
.SearchTable td.ItemsCol_matrix label.SearchLabel,
.SearchTable td.ItemsCol_inline label.SearchLabel {float: left;}
.SearchTable td > span.Note + .TextArea,
.SearchTable td > span.Note + .TextField {float: left;}
.SearchTable p.ItemsCol {display: inline-block;vertical-align: top;}
.SearchLabel {display: inline-block;min-width: 15ex;padding-right: 4px;margin-top: 4px;vertical-align: top;}
.SearchLabel + .ItemsCol {display: inline-block;vertical-align: top;}
.SearchLabel + .ItemsCol_inline,
.SearchLabel + .ItemsCol_matrix {display: inline-block;vertical-align: middle;padding-top: 4px;padding-bottom: 4px;}
.SearchBtnBar {
	background-color: #D8D9DE;
	border: 1px solid #A2A6B3;
	border-top: 3px double #A2A6B3;
	padding: 6px 8px;
	box-sizing: border-box;
	min-height: 3em;
	height: auto;
}
.SearchBtnBar:after {
	content: "";
	display: block;
	clear: both;
}
.DisabledRow label.SearchLabel {color: #BBB !important;}
.SearchBtnBar fieldset {display: inline-block;white-space: nowrap;}
.SearchBtnBar fieldset.OptionBtns {}
.SearchBtnBar fieldset.MainBtns {float: right;}

/* DetailTable */
.DetailTable {margin: 4px 0 8px;width: 100%;}
.DetailTable tbody {
	border: 1px solid #EEE;
}
.DetailTable th {
	padding: 2px 6px;
	vertical-align: top;
	white-space: nowrap;
	width: 30ex;
	font-weight: normal;
	text-align: left;
	color: #757575;
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #EEE;
}
.DetailTable th.Half {
	width: 15ex;
}
.DetailTable td {
	padding: 2px 24px 2px 4px;
	font-weight: normal;
	vertical-align: middle;
	border-bottom: 1px solid #EEE;
	white-space: normal;
}
.DetailTable tr:first-child th,
.DetailTable tr:first-child td {border-top: 1px solid #EEE !important;}

.DetailTable tr.SeparateRow th,
.DetailTable tr.SeparateRow td {border-top: 3px double #EEE;}
@media (max-width: 768px) {
	.DetailTable th {width: 18ex;}
	.DetailTable th.Half {width: 10ex;}
}

/* SubInfoTable */
.SubInfoTable {
	float: right;
	width: auto;
	border: none;
	color: #888;
	margin-bottom: 4px;
}
.SubInfoTable th, .SubInfoTable td {font-weight: normal;font-size: 80%;}
.SubInfoTable th {padding-left: 12px;padding-right: 24px;white-space: nowrap;}
.SubInfoTable .TotalRow th,
.SubInfoTable .TotalRow td {
	color: #000;
	font-size: 100%;
	border-bottom: 1px solid #AAA;
}

/* FlexBlock */
.FlexWSec {flex-shrink: 0;display: flex;flex-wrap: wrap;box-sizing: border-box;width: 100%;}
.FlexWSec .HalfBox {flex-grow: 3;width: 49%;margin: 0 0.5%;min-width: 300px;}
.FlexWSec .ThirdBox {flex-grow: 2;width: 32.3%;margin: 0 0.5%;min-width: 300px;}
.FlexWSec .HalfBox h4,
.FlexWSec .HalfBox table,
.FlexWSec .ThirdBox h4,
.FlexWSec .ThirdBox table {width: 100%;box-sizing: border-box;}
.FlexWSec .FullBox {flex-grow: 6;box-sizing: border-box;width: 100%;margin: 0.5%;}
.FullBox .ConfirmTable {margin-bottom: 0;}

/* DetailTable Layout */
.FlexDoubleSec {display: flex;flex-wrap: wrap;box-sizing: border-box;width: 100%;}
.FlexDoubleSec .Half {flex-grow: 2;width: 48%;margin: 0.5%;}
.FlexDoubleSec .Half + .Half {}
.FlexDoubleSec .Full {flex-grow: 1;box-sizing: border-box;width: 100%;margin: 0.5%;}

/* OptionTable */
.OptionTable {width: auto;float: right;}
.OptionTable th {vertical-align: top;padding-right: 4px;}
.OptionTable td {white-space: nowrap;}

/* Accordion */
.AccordionTitle {
	color: #000;
	background-color: #ECECED;
	border: none;
	line-height: 1.4;
	padding-top: 0.2em;
}
.AccordionTitle.Sub {
	color: #333;
	background-color: #F3F3F4;
	margin-left: 1em;
}
.AccordionTitle.SearchTitle {
	border: 1px solid #A2A6B3;
	background: #E2E2E5;
	margin-bottom: -1px;
}
.AccordionTitle a.LinkText {
	display: inline-block;
	width: 100%;
	border: none !important;
	border-bottom: 1px solid transparent !important;
}
.AccordionTitle a.LinkText:hover {border-bottom-color: #1C9ED0 !important;}
.AccordionTitle a.LinkText:active {border-bottom-color: #2CD7F0 !important;}
.AccordionLink {white-space: nowrap;}
.Caret {
	display: inline-block;
	vertical-align: middle;
	border-left: 0.3em solid #494949;
	border-top: 0.3em solid transparent;
	border-bottom: 0.3em solid transparent;
	border-right: none;
	margin: -2px 0.3em 0;
	transition: transform 0.2s ease-in-out;
}
.Caret.Opened {transform: rotate3d(0,0,1,90deg);}
.AdditionalBlock + .AccordionPanel {margin-top: -16px;}
.AccordionPanel {
	animation: fade_in 0.2s ease-in;
	-webkit-animation: fade_in 0.2s ease-in;
}
.AccordionPanel.Sub {
	margin-left: 1em;
}
.AccordionPanel[aria-hidden="true"] {display: none;}

/* FilterComplex */
.FilterComplex {}
.FilterComplex * {border-radius: 0;-webkit-border-radius: 0;}
.FilterComplex *:first-child {border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
.FilterComplex *:last-child {border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.FilterComplex .FilterLabel {
	display: inline-block;
	height: 2em;
	box-sizing: border-box;
	background: #E5E5E5;
	padding: 0 12px 0 4px;
	margin-right: -4px;
}
.FilterComplex .FilterLabel span {line-height: 2;}
.FilterComplex input {width: 50%;margin: 0 -1px;}
.FilterComplex button {min-width: auto;margin-right: -1px;}
.FilterComplex .PulldownBtn {margin-right: -3px;padding: 0 8px;}

/* =500= Message Style = */
/* Message Page */
.Msg.PageType {
	margin-top: 14px;
	padding: 12px 16px;
	border: 1px solid #000;
	border-radius: 3px;
	margin-bottom: 14px;
}
.Msg.PageType[aria-hidden="true"] {display: none;}
.Msg.PageType[aria-hidden="false"] {display: block;}
.Msg.PageType.Loarding {margin-top: 15%;}
.Msg.PageType.Progress {text-align: center;}
.Msg.PageType .Symbol {
	display: inline-block;
	float: left;
	width: 32px;
	height: 32px;
}
.Msg.PageType p {
	display: inline-block;
	margin: 0 6px 6px 6px;
	width: calc(100% - 68px);
	text-align: left;
	padding: 4px;
}
.Msg.PageType.Progress p {text-align: center;}
.Msg.PageType .Symbol + p {margin-top: 2px;}
.Msg.PageType p + p {margin-top: -16px;}
.Msg.PageType .Buttons {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.GuideMess {
	margin: 15px 0 10px 0;
	padding: 15px 5%;
	vertical-align: middle;
	text-align: left;
	color: #505050;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	max-width: 70vw;
	max-height: 40vh;
	overflow: auto;
}
.Msg.PageType .GuideMess {padding-left: 28px;}
.GuideMess p {margin-bottom: 4px;}
.GuideMess p.Link {margin: 12px 8px 0 8px;text-align: right;}
.GuideMess ul {
	list-style-position: outside;
	width: auto;
	margin: 0 auto;
	padding-left: 4ex;
}
.GuideMess ul.NoBullet {
	list-style: none;
	padding-left: 4ex;
	padding-bottom: 1em;
}

/* Inline Message */
.Msg.Inline {
	position: relative;
	clear: both;
	text-align: left;
	padding: 8px 30px 8px 16px;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	display: table;
	border: 1px solid transparent;
	min-width: 100%;
	box-sizing: border-box;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.Msg.Inline.Min {
	padding: 1px 6px;
	margin: 2px 0 -2px 8px !important;
	display: inline-block;
	min-width: auto;
	font-size: 80%;
	box-shadow: none;
}
.Msg.Inline[aria-hidden="true"] {display: none;}
.Msg.Inline[aria-hidden="false"] {
	display: table;
	-webkit-animation: fade_in 0.5s ease-in;
	animation: fade_in 0.5s ease-in;
}
.Msg.Inline.Min[aria-hidden="false"] {
	display: inline-block;
}
.Msg.Inline + .ListTable {margin-top: 8px;}
.Msg.Inline p {}
.Msg.Inline > .Icon {margin-right: 4px;}
.Msg.Inline.Progress {
	padding-left: 8px;
	background: #F7F9FB;
	border-color: #CCCDD3;
	box-shadow: none;
}
.Msg.Static {padding: 1px 6px;margin-bottom: 4px;border: 1px solid transparent;}
.Msg .CloseBtn {
	position: absolute;
	top: 10px;
	right: 6px;
	border: none;
	background: transparent;
	min-width: 20px;
	height: 20px;
	border-radius: 10px;
	padding: 0;
}
.Msg .CloseBtn:hover {
	background: #FFF;
}
.Msg.Inline ul {
	list-style-position: outside;
	padding-left: 12px;
	font-size: 1em;
	margin: 3px;
}
/* Floating */
.FloatingWrapper {
	position: fixed;
	top: 60px;
	right: 10px;
	width: 480px;
	z-index: 2700;
}
.Msg.Floating {
	position: relative;
	float: right;
	width: 480px;
	padding: 8px 30px 8px 16px;
	margin-top: 8px;
	border: 1px solid transparent;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	z-index: 2800;
}
.Msg.Floating[aria-hidden="true"] {
	display: none;
}
.Msg.Floating[aria-hidden="false"] {
	display: block;
	-webkit-animation: slide_in_bottom 0.3s cubic-bezier(0.5, -0.2, 0.5, 1.2);
	animation: slide_in_bottom 0.3s cubic-bezier(0.5, -0.2, 0.5, 1.2);
}
.Msg.Floating.Show {
	animation: none;
}
.Msg.Floating.ReEntering {
	animation: fade_in 0.2s ease-out;
}
.Msg.Floating.Hiding {
	opacity: 0;
	animation: fade_out 0.5s ease-out;
}

/* Validate */
.Msg.Inline.ValiError {
	background: #F8F0F0;
	border: 3px double #ED3131;
	color: #CD0000;
}
.ValiErrorRow .SearchLabel:after,
.ValiErrorRow th:after {
	content: "!";
	font-size: 75%;
	font-weight: normal;
	line-height: 1.4;
	padding: 0 4px;
	margin-left: 2px;
	border-radius: 2px;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	background: #CB0000;
}
.ValiTip {
	font-size: 75%;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 4px;
	margin-right: 4px;
	border-radius: 2px;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	background: #CB0000;
	font-style: normal;
}
.H3_border > .ValiTip,
.H3_solid > .ValiTip {margin: -2px 4px 0;}
.ValiErrorRow.DisabledRow th:after {
	content: "";
	padding: 0;
	margin: 0;
}
.ValiErrorForm,
.SelectPull.ValiErrorItem,
.SelectMulti.ValiErrorItem,
.TextField.ValiErrorItem,
.TextArea.ValiErrorItem,
.PulldownComboBox.ValiErrorItem,
.ValiErrorRow .PulldownBtn.Selector,
.ValiErrorRow .SelectPull,
.ValiErrorRow .SelectMulti,
.ValiErrorRow .TextField,
.ValiErrorRow .TextArea,
.ValiErrorRow .PulldownComboBox {
	background-color: #FBEBEB !important;
	border-color: #C36565 !important;
}
.ValiErrorForm:autofill,
.TextField.ValiErrorItem:autofill,
.TextArea.ValiErrorItem:autofill,
.ValiErrorRow .TextField:autofill,
.ValiErrorRow .TextArea:autofill,
.ValiErrorRow .PulldownComboBox:autofill {
	box-shadow: 0 0 0 1000px #FBEBEB inset;
}
.ValiErrorForm:disabled,
.SelectPull.ValiErrorItem:disabled,
.SelectMulti.ValiErrorItem:disabled,
.TextField.ValiErrorItem:disabled,
.TextArea.ValiErrorItem:disabled,
.PulldownComboBox.ValiErrorItem:disabled,
.ValiErrorRow .SelectPull:disabled,
.ValiErrorRow .SelectMulti:disabled,
.ValiErrorRow .TextField:disabled,
.ValiErrorRow .TextArea:disabled,
.ValiErrorRow .PulldownComboBox:disabled {
	border: 1px solid #DDD !important;
	background-color: #F0F0F0 !important;
	color: #CCC !important;
	box-shadow: none !important;
	cursor: default;
	pointer-events: none;
	box-shadow: none;
}

.ValiErrorNote {
	display: none;
	clear: both;
	border-left: 3px solid #C36565;
	color: #CA1200;
	width: 100%;
	margin: 2px 0;
	padding-left: 4px;
}
.ValiErrorNote p {
	padding: 0 2px;
	margin: 0;
}
.ValiErrorNote ul {
	margin-left: 1.5em;
	padding: 0.5ex 0;
}
.ValiErrorNote ul > li {
	padding-left: 0;
}

.ValiErrorNote.Block,
.ValiErrorNote.InCell,
.ValiErrorRow .ValiErrorNote {display: block;}

/* Modal */
.Modal {
	position: fixed;
	top: 18%;
	min-width: 60vw;
	max-height: calc(100vh - 10px);
	overflow: auto;
	margin: 0 20vw;
	padding: 12px;
	background-color: #FFF;
	border: 1px solid #000;
	box-sizing: border-box;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	text-align: center;
	z-index: 3500;
}
.Modal[aria-hidden="true"] {display: none;}
.Modal[aria-hidden="false"] {
	display: block;
	-webkit-animation: fade_in 0.5s ease-in;
	animation: fade_in 0.5s ease-in;
}
.Modal.SearchBlock,
.Modal.Setting {
	min-width: 80vw;
	max-width: 80vw;
	margin: 0 10vw;
}
.Modal.SearchBlock {
	overflow: visible;
}
.Modal.SearchBlock h2 {text-align: left;}
.Modal > .Symbol {margin: 0 auto;display: block;height: 44px;width: 44px;}
.Modal > p {
	display: inline-block;
	margin: 8px auto;
	text-align: left;
	background-color: inherit;
	max-width: 98%;
	max-height: 8.5em;
	overflow-y: auto;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.Modal > br + p {margin: -12px auto 8px;}
.Modal > p.ListInfo {display: block;text-align: Left;margin: 0;}
.Modal > p.InputLine {display: block;text-align: center;margin: 0 auto 16px auto;}
.Modal.Setting > p.Description {display: block;text-align: left;}
.Modal .InfoTitle,
.Modal .SettingTitle {
	margin: -12px;
	margin-bottom: 8px;
	padding-left: 12px;
	text-align: left;
	border: none;
	background: #444;
	color: #FFF;
	line-height: 2;
	height: 2em;
	position : sticky;
	left: -12px;
}
.Modal .InfoTitle {background: #CCDFF0;color: #000;}
.Modal hr {
	margin: 8px 0;
	position : sticky;
	left: 0;
}
.Modal h4,
.Modal table {text-align: left;}
.Modal .Buttons {
	display: block;
	margin: 12px auto 0;
	text-align: center;
}
.Modal.Setting .Buttons {
	display: block;
	margin: 0;
	text-align: left;
	position : sticky;
	left: 0;
}
.Modal.Loading {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	display: none;
	z-index: 3700;
}
.Modal.Loading[aria-hidden="false"]{
	display: block;
}
.Modal.Loading > .LoadingSymbol {
	display: block;
	height: 40px;
	width: 40px;
	margin: 56px auto 0 auto;
	background-image: url('../images/loading.gif');
	opacity: 0.4;
}
.Modal.Loading > p {
	margin: 8px auto;
	padding: 4px 8px;
	opacity: 0.6;
}
.Modal .Panel {text-align: left;}

/* Mess Colors */
.Msg.Progress,
.Msg.Normal {background: #F0F3F6;border-color: #D0DCE8;}
.Msg.Warning {background: #F9EBC4;border-color: #EAB328;}
.Msg.Error {background: #FFDCE1;border-color: #EB7F85;}
.Normal .GuideMess {border-color: #88BAE8;}
.Warning .GuideMess {border-color: #EAB328;}
.Error .GuideMess {border-color: #EB7F85;}

.Msg .ConfirmTable + .Buttons {margin-top: 16px;}
.Msg hr {border-color: #CCC;}

.Symbol {width: 48px;height: 48px;}
.Progress .Symbol,
.Loading .Symbol {width: 40px;height: 40px;}

/* Progress Bar */
.ProgressWrapper {
	width: 100%;
	height: 1.5em;
	margin-bottom: 8px;
	position: relative;
	background-color: #F1F1F1;
	border: 1px solid #DDD;
	box-sizing: border-box;
}
.ProgressBar {
	background-color: #7799AA;
	height: 100%;
	position: absolute;
	line-height: inherit;
}
.ProgressText {color: #000;position: inherit;}

/* Overlay Background */
.OverlayBg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	z-index: 3000;
	background: rgba(0,0,0,0.2) !important;
}
.OverlayBg#overlay2 {z-index: 3500;}

.OverlayBg.White {
	background: rgba(255,255,255,0.4) !important;
	z-index: 3600;
}
.OverlayBg[aria-hidden="false"] {
	display: block;
}

/* Responsive */
@media only screen and (max-width: 890px) {
	.Msg .ConfirmTable th {width: 24ex;}
}
@media only screen and (max-width: 768px) {
	.FloatingWrapper,
	.Msg.Floating {width: 360px;}
	.Msg.PageType {margin: 4ex 10%;}
	.Msg .ConfirmTable {width: 96%;margin: 0 2%;}/**/
	.Msg .ConfirmTable th {width: 18ex;}
	.Modal.SearchBlock,
	.Modal.Setting {
		min-width: 90vw;
		max-width: 90vw;
		margin: 0 5vw;
	}
}
@media only screen and (max-width: 480px) {
	.FloatingWrapper,
	.Msg.Floating {width: 270px;}
	.Msg.PageType {margin: 1ex 1% 2ex;}
	.Msg.Modal {min-width: 80%;max-width: 80%;margin: 0 10%;top: 64px;}
	.Msg .ConfirmTable {width: 100%;margin: 0;}/**/
	.Modal.Setting {
		min-width: 96vw;
		max-width: 96vw;
		margin: 0 2vw;
	}
	.Modal.SearchBlock {
		min-width: 480px;
		max-width: 480px;
		margin: 0;
	}
}
@media only screen and (max-width: 320px) {
	.FloatingWrapper,
	.Msg.Floating {width: 85%;}
}
@media only screen and (max-height: 240px) {
	.Modal {top: 12px;}
	.Modal > .Symbol {display: none;}
}
@media only screen and (max-height: 768px) {
	.Msg.Modal {top: 92px;}
}
@media only screen and (max-height: 640px) {
	.Msg.Modal {top: 60px;}
}
@media only screen and (max-height: 480px) {
	.Msg.Modal {top: 10px;}
}
/* NotificationList */
.NotificationList {margin: 2ex 0 0 0;}
.NotificationList dt {font-weight: bold;margin-left: 8px;}
.NotificationList dd {margin: 1ex 0 3ex 6ex;}


/* =600= Menu Style = */
/* SubMenu */
.SubMenu {
	flex-basis: 30ex;
	height: calc(100vh - 100px);
	-ms-flex-item-align: stretch;
	align-self: stretch;
	background: #E4E5F7;
	border-right: 1px solid #AFAFBE;
	display: flex;
	flex-direction: column;
}
.SubMenu .SubMenu_contents {
	flex-grow: 2;
	overflow-y: auto;
	overflow-x: hidden;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {/* for Chrome */
	.SubMenu .SubMenu_contents {overflow: overlay;}
}
.SubMenu ul {
	list-style: none;
	margin: 0;
	max-width: 30ex;
}
.SubMenu ul li {
	margin: 0;
	box-sizing: border-box;
}
.SubMenu ul li.Level1 {
	background: #B6B7D0;
	border-top: 1px solid #8384A1;
}
.SubMenu ul li.Level1 > p {
	padding: 4px 4px 4px 8px;
}
.SubMenu ul li.Level2 {
	padding-left: 8px;
}
.SubMenu .SubMenuBtn {
	display: inline-block;
	box-sizing: border-box;
	border: none;
	padding: 4px 16px 4px 6px;
	margin: 0;
	width: 100%;
	min-width: 100%;
	text-align: left;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	border-radius: 0;
	border-bottom: 1px solid #AFAFBE;
	background: #E4E5F7;
	text-wrap: suppress;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.SubMenu .SubMenuBtn:hover {background: #F3F7FF;}
.SubMenu .SubMenuBtn:active {background: #FFF;}
.SubMenu .SubMenuBtn[disabled],
.SubMenu .SubMenuBtn:disabled {cursor: default;pointer-events: none;color: #BBB;}
.SubMenu .Level1 > .SubMenuBtn {border-bottom: none;}
.SubMenu .Level1:last-child {border-bottom: 1px solid #8384A1;}
.SubMenu ul li ul li:last-child > .SubMenuBtn {border-bottom: none;}
.SubMenu .Selected > .SubMenuBtn,
.SubMenu .Selected > .SubMenuBtn:hover,
.SubMenu .Selected > .SubMenuBtn:active {
	background: #565AA0;
	color: #FFF;
	border-bottom: none;
}
.SubMenu .Level1.OptionLinkRow {
	border-bottom: none;
	padding: 4px;
	background: transparent;
	border-top: 1px solid #8384A1;
}
.SubMenuOption {
	flex-basis: auto;
	flex-shrink: 0;
	height: 3em;
	width: 30ex;
	box-sizing: border-box;
	border-top: 1px solid #BFC0CE;
	background: #D9DAEC;
	padding: 4px;
	margin: 0;
	z-index: 1500;
	text-align: right;
}
.SubMenuOption .CollapseBtn {
	min-width: auto;
	height: 30px;
	width: 30px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/collapse.png');
	border: none;
	padding: 0 !important;
	margin: 0;
}
.SubMenu.Collapse {
	flex-basis: 32px;
	background: #D8DAEC;
	padding: 0;
	z-index: 1000;
}
.SubMenu.Collapse .SubMenu_contents,
.SubMenu.Collapse .SubMenu_contents ul {
	display: none;
}
.SubMenu.Collapse .SubMenuOption {
	border-top: none;
	width: 32px;
	padding: 0;
}
.SubMenu.Collapse .CollapseBtn {
	height: calc(100vh - 100px);
}
.SubMenu.Collapse .CollapseBtn {
	background-image: url('../images/collapse_off.png');
}


/* =800= Icon Style = */
.HeadIcon {
	display: inline-block;
	vertical-align: middle;
	width: 20px !important;
	height: 20px !important;
	background-size: 20px 20px;
	background-color: transparent;
	background-repeat: no-repeat;
}
.HeadIcon.User {background-image: url("../images/head_user.png");}
.HeadIcon.Logout {background-image: url("../images/head_logout.png");margin-right: 6px;}
.HeadIcon.More {background-image: url("../images/head_more.png");}


.Icon {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-color: transparent;
	background-repeat: no-repeat;
	position: relative;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.Icon.User {background-image: url("../images/label_user.png");}
.Icon.Password {background-image: url("../images/label_password.png");}
.Icon.Link {background-image: url("../images/tool_link.png");}
.Icon.Rui {background-image: url("../images/tool_rui.png");}
.Icon.Search {background-image: url("../images/tool_search.png");}
.Icon.Finder {background-image: url("../images/tool_search.png");}
.Icon.Refresh,.Icon.Guide  {
	background-size: 20px;
	width: 20px;
	height: 20px;
}
.Icon.Refresh {background-image: url("../images/tool_refresh.png");}
.Icon.Guide {background-image: url('../images/help.png');}

.Icon.Next {background-image: url("../images/next.png");}
.Icon.Back {background-image: url("../images/next.png");transform: rotate(180deg);}
.Icon.PtoFirst {background-image: url("../images/page_first.png");}
.Icon.PtoPrev {background-image: url("../images/page_previous.png");}
.Icon.PtoNext {background-image: url("../images/page_next.png");}
.Icon.PtoLast {background-image: url("../images/page_last.png");}
.Icon.Close {background-image: url("../images/close.png");}

.Icon.Tenant.Root {width: 0;}
.Icon.Tenant,
.Icon.Tenant.Dealer {background-image: url("../images/tenant.png");}
.Icon.Tenant.Customer {background-image: url("../images/tenant_c.png");}

.Icon.Printer {background-image: url("../images/dev_sfp.png");}
.Icon.PrinterCS {background-image: url("../images/dev_csmfp.png");}
.Icon.PrinterPS {background-image: url("../images/dev_ps.png");}
.Icon.PrinterL {background-image: url("../images/up_d.png");}
.Icon.PrinterLF {background-image: url("../images/dev_lfp.png");}
.Icon.PrinterIJP {background-image: url("../images/dev_ijpp.png");}
.Icon.Std {background-image: url("../images/dev_std.png");}
.Icon.Unknown {background-image: url("../images/dev_unknown.png");}
.Icon.Color:before {
	content: '';
	display: inline-block;
	height: 8px;
	width: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url("../images/color.png");
}
.Icon.Dau:after {
	content: '';
	display: inline-block;
	height: 10px;
	width: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url("../images/nab.png");
}
.Icon.Unconnect {opacity: 0.3;}

.Icon.Task {background-image: url("../images/up_d.png");}
.Icon.MonitorFile {background-image: url("../images/file_monitor.png");}
.Icon.ConfigFile {background-image: url("../images/file_config.png");}
.Icon.AppFile {background-image: url("../images/file_app.png");}
.Icon.PluginFile {background-image: url("../images/file_plugin.png");}
.Icon.UserFile {background-image: url("../images/up_d.png");}
.Icon.DevGrp {background-image: url("../images/dev_group.png");}
.Icon.Agent {background-image: url("../images/dev_server.png");}
.Icon.Server {background-image: url("../images/dev_server.png");}

.Icon.CallTel {background-image: url("../images/call_tel.png");}
.Icon.CallSpana {background-image: url("../images/call_spana.png");}
.Icon.CallHuman {background-image: url("../images/call_human.png");}
.Icon.Admin {background-image: url("../images/label_user.png");}
.Icon.Admin.Customer {background-image: url("../images/admin_c.png");}
.Icon.File {background-image: url("../images/file_text.png");}
.Icon.Cabinet {background-image: url("../images/cabinet.png");}
.Icon.Rds {background-image: url("../images/dev_unknownLite.png");}
.Icon.Cartridge {background-image: url("../images/cartridge.png");}
.Icon.Parts {background-image: url("../images/parts.png");}
.Icon.InkTank {background-image: url("../images/inkTank.png");}

.Icon.ToTop {background-image: url("../images/scrolltop.png");}
.Icon.Dot {
	width: 8px;
	background: #666;
	margin-left: -2px !important;
	margin-right: 4px !important;
}



.ToolIcon {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top: -2px;
}
.ToolIcon.Add {background-image: url("../images/tool_add.png");}
.ToolIcon.Del {background-image: url("../images/tool_delete.png");}
.ToolIcon.Edit {background-image: url("../images/tool_edit.png");}
.ToolIcon.More {background-image: url("../images/tool_more.png");}
.ToolIcon.Download {background-image: url("../images/tool_download.png");}
.ToolIcon.Dup {background-image: url("../images/tool_duplicate.png");}
.ToolIcon.Recycle {background-image: url("../images/tool_recycle.png");}
.ToolIcon.Filter {background-image: url("../images/filter_off.png");}
.ToolIcon.Filter.On {background-image: url("../images/filter_on.png");}

.IconS {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background-size: 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	margin-right: 4px;
}
.IconS.Error {background-image: url("../images/st_error.png");}
.IconS.Svc {background-image: url("../images/st_svc.png");}
.IconS.Warning {background-image: url("../images/st_warn.png");}
.IconS.Success {background-image: url("../images/st_success.png");}
.IconS.Unknown {background-image: url("../images/st_unknown.png");}
.IconS.Unconnect {background-image: url("../images/st_unconnect.png");}
.IconS.Progress {background-image: url("../images/st_progress.gif");}
.IconS.Finished {background-image: url("../images/st_finished.png");}
.IconS.SG_Gray {background-image: url("../images/sg_gray.png");}
.IconS.SG_Ok {background-image: url("../images/sg_ok.png");}
.IconS.SG_Warning {background-image: url("../images/sg_warn.png");}
.IconS.SG_Error {background-image: url("../images/sg_err.png");}
.IconS.SG_Svc {background-image: url("../images/sg_svc.png");}
.Icon.HierUp {background-image: url("../images/up_d.png");}
.IconS.Guide {background-image: url("../images/help.png");}
.IconS.Pop_Warning {background-image: url("../images/info_mess_warn.png");}
.IconS.Pop_Information {background-image: url("../images/info_mess_info.png");}

/* LocationNav */
.SearchLabel + .LocationNav {display: inline-block;vertical-align: top;}
.LocationNav .PulldownBtn span .Icon.Tenant {padding-right: 6px;}
.Pulldown_content .Button .Icon.Tenant {width: 16px;height: 16px;background-size: 16px;margin-left: -4px;margin-right: 2px;}
.Pulldown_content .Button .Icon.Tenant.Root {width: 0;margin: 0;}

.NodeSp {display: inline-block;width: 10px;}
.TransWrapper .NodeSp {width: 20px;}
.PulldownBtn.ExtSelector span .NodeSp,
.PulldownBtn.SelectJump span .NodeSp,
.PulldownBtn.Selector span .NodeSp {width: 0;}

.MenuIcon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 4px;
}

.NodeSp {display: inline-block;width: 16px;}
.IconNodeSp {display: inline-block;width: 24px;}
.Button .NodeSp {width: 10px;}
.PulldownBtn.Selector > span .NodeSp {width: 0;}

.Msg.Inline.Progress > .Icon.Progress {
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-position: 0 0;
	background-image: url("../images/progress.gif");
}

.Msg.Inline .Icon {margin-right: 4px;}
.LinkText:hover > .Icon,
.LinkText:active > .Icon {opacity: 1;}


/* Menu Icon */
.Icon.MenuCaret {background-image: url("../images/caret_w.png");background-size: 18px;}
.Icon.ExCaret {background-image: url("../images/expand.png");margin: 0;transition: transform 0.1s linear;}
.Opened .Icon.ExCaret {transform: rotate3d(1,0,0,-180deg);}


/* =900= Utilities = */
.BtnHeightTxt {
	display: inline-block;
	padding: 0 15px 0 0;
	margin-bottom: 2px;
	height: 2em;
	line-height: 2.2;
	min-width: 14ex;
	width: auto;
}
.Clickable {cursor: pointer;}

/* Decoration Text */
.Badge,
.Tag_new {
	font-size: 80%;
	line-height: 1.4;
	padding: 0 4px;
	margin-left: 4px;
	border-radius: 2px;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
}
.TabList .Badge {line-height: 1;padding: 2px 4px;margin-left: 8px;margin-bottom: 2px;}
.Badge,
.Tag_new {color: #FFF !important;background: #4A6EC2;}
.Badge.None {color: #FFF;background: #DDD;}
.Badge.Err {color: #FFF;background: #CB0000;}

.Attention {color: #DF1E00;}
.Requirement {padding: 0 2px;color: #00F;}
.Unit {padding-left: 4px;}
.Note {
	color: #62656F;
	font-size: 90%;
	white-space: nowrap;
	padding-left: 4px;
}
.Note.Require {float: right;}
.Note.Attention {
	color: #B60000;
	font-size: 90%;
	margin-left: 1ex;
}
p.Note {clear: both;}
.Description {padding-left: 4px;color: #62656F;}
.SettingTable + .Description {margin-top: -14px;margin-bottom: 14px;}
.Description.Note {text-indent: -1em;margin-left: 1em;}
h4.AttentionTitle {color: #DF1E00;}
.AttentionList li {
	list-style-position: inside;
	padding-left: 8px;
	color: #DF1E00;
}
.ConfirmTable + .AdditionalBlock {margin-bottom: 16px;}
.SettingTable + .AdditionalBlock {margin-top: -12px;margin-bottom: 16px;}

/* Column */
.CheckCol {
	width: 4ex !important;
	max-width: 4ex !important;
	min-width: 20px !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding: 0 !important;
}
.CheckCol_wide {
	text-align: center !important;
	vertical-align: middle !important;
	padding: 0 !important;
}
.ContMenuBtnCol {width: 36px;padding: 0 !important;position: relative;}
.ContMenuBtnCol + td > div {margin-left: 4px;}
.BtnCol_min {width: 36px !important;}
.ToggleCol,
.IconCell,
.IconCol {
	width: 6ex !important;
	max-width: 6ex !important;
	min-width: 26px !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding: 0 !important;
}
.ToggleCol {
	width: 4.2em !important;
	max-width: 4.2em !important;
	min-width: 4.2em !important;
}
tr td.IconCol:last-child {padding-right: 3ex !important;}
.HyphenCol {
	width: 1ex !important;
	max-width: 1ex !important;
	min-width: 1ex !important;
}
.ButtonsCol {text-align: right !important;}
.ButtonsCol > button {display: inline-block;vertical-align: middle;}
.ButtonsCol > button + button {margin-left: 4px;}
tr td.ButtonsCol:last-child {padding-right: 6ex !important;}
.NumDataCol {text-align: right !important;padding-left: 8px !important;padding-right: 8px !important;white-space: nowrap !important;}
.NoWrapCol {white-space: nowrap !important;}
.CommentCol {white-space: pre-wrap !important;}
.DeleteColBtn,
.DeleteTableBtn,
.DeleteRowBtn {
	height: 24px !important;
	width: 24px !important;
	min-width: 24px !important;
	padding: 0;
	border: none;
	background: transparent;
	display: inline-block;
}
.DeleteColBtn:disabled,
.DeleteTableBtn:disabled,
.DeleteRowBtn:disabled {
	border: none !important;
	background: transparent !important;
}
.ItemsCol > .OneItem > .OneItem,
.ItemsCol > .OneItem {display: block;margin-bottom: 4px;}
.ItemsCol_inline > .OneItem {
	float: left;
	padding-right: 20px;
	width: auto;
	white-space: nowrap;
}
.ItemsCol_matrix > .OneItem {
	float: left;
	padding-right: 20px;
	min-width: 32ex;
}
.ItemsCol_matrix.Short > .OneItem {min-width: 16ex;}
.OneItem {margin-bottom: 2px;white-space: nowrap;}
.OneItem > .RadioBtn + label,
.OneItem > .CheckBtn + label {padding-left: 0;}/* sample only, Please overwright -- padding-left: 4px; */

.OneItem > .Icon + a {margin-left: 4px;}
.SubItem {display: block;margin-left: 2.7ex;margin-bottom: 6px;}

.Size_full {width: 99% !important;}
.Size_long {width: 95% !important;}
.Size_midlong {width: 65% !important;}
.Size_middle {max-width: 40ex !important;width: 95% !important;}
.Size_midshort {max-width: 36ex !important;width: 95% !important;}
.Size_short {max-width: 22ex !important;width: 95% !important;}
.Size_xshort {max-width: 14ex !important;width: 95% !important;}
th.Size_middle {max-width: 40ex !important;width: 40ex !important;}
th.Size_midshort {max-width: 36ex !important;width: 36ex !important;}
th.Size_short {max-width: 22ex !important;width: 22ex !important;}
th.Size_xshort {max-width: 14ex !important;width: 14ex !important;}
label.Size_middle,
label.Size_midshort,
label.Size_short,
label.Size_xshort {display: inline-block;word-wrap: nowrap;width: auto !important;}
.Size_serial {width: 17ex !important;min-width: 17ex !important;}
input[type="text"].Size_date {width: 13ex !important;min-width: 13ex !important;}
input[type="date"].Size_date {width: 18ex !important;min-width: 18ex !important;}
input[type="datetime-local"].Size_date {width: 27ex !important;min-width: 27ex !important;}
input[type="time"].Size_time {width: 14ex !important;min-width: 14ex !important;}
.Size_figure {max-width: 9ex !important;width: 95% !important;}
.Size_num {max-width: 7.5ex !important;width: 95% !important;text-align: right;padding-right: 4px;}
.Size_shortNum {max-width: 9ex !important;width: 95% !important;text-align: right;padding-right: 4px;}
.Size_middleNum {max-width: 14ex !important;width: 95% !important;text-align: right;padding-right: 4px;}
.TxNowrap {white-space: nowrap !important;}
.TxBreakWord {word-wrap: break-word !important;overflow-wrap: break-word !important;}
.TxBreak {word-break: break-all !important;}
.TxPre {white-space: pre !important;}
.TxLeft {text-align: left !important;}
.TxRight {text-align: right !important;}
.TxCenter {text-align: center !important;}
.TxLarge {font-size: 120% !important;}
.TxSmall {font-size: 80% !important;}
.TxNormal {white-space: normal !important;}

.demo-input-container {display:inline-block;}

/* Height Adjuster */
.TabsBar.SubTab:after,
.EditPanel:after,
.Clearfix:after,
.GlobalHeader:after,
.ContentsHead:after,
.TableTitleDiv_h3:after,
.TableTitleDiv_h4:after,
.TabsBar:after,
.ToolBar:after,
.FootNav:after,
.ErrorInfo dd:after,
.ItemsCol_inline:after,
.MainContents:after {
	content: "";
	display: block;
	clear: both;
}

/* display none */
@media only screen and (max-width: 768px) {
	.Hidden-s {display: none;}
}
@media only screen and (max-width: 480px) {
	.Hidden-xs {display: none;}
}
@media only screen and (max-width: 320px) {
	.Hidden-xxs {display: none;}
}

/* animation */
.FadeIn {display: block;-webkit-animation: fade_in 0.5s;animation: fade_in 0.5s;}
.FadeOut {display: none;-webkit-animation: fade_out 0.5s;animation: fade_out 0.5s;}
@-webkit-keyframes fade_in { from {opacity: 0;} to {opacity: 1;} }
@keyframes fade_in { from {opacity: 0;} to {opacity: 1;} }
@-webkit-keyframes fade_out { from {opacity: 1;} to {opacity: 0;} }
@keyframes fade_out { from {opacity: 1;} to {opacity: 0;} }
@-webkit-keyframes fade_in_out { from {opacity: 0;} 50% {opacity: 1;} to {opacity: 0;} }
@keyframes fade_in_out { from {opacity: 0;} 50% {opacity: 1;} to {opacity: 0;} }

@-webkit-keyframes slide_in_bottom { from{top: 640px;opacity: 0;} to{top: 0;opacity: 1;}}
@keyframes slide_in_bottom { from{top: 640px;opacity: 0;} to{top: 0;opacity: 1;}}

@-webkit-keyframes pull_open { from{height: 0;opacity: 0;} to{height: auto;opacity: 1;}}
@keyframes pull_open { from{height: 0;opacity: 0;} to{height: auto;opacity: 1;}}
@-webkit-keyframes pull_close { from{height: auto;opacity: 1;} to{height: 0;opacity: 0;}}
@keyframes pull_close { from{height: auto;opacity: 1;} to{height: 0;opacity: 0;}}