/* #region base */
html,
body {
	background-color: #F5F5F5;
	color: #0A0A0A;
	height: 100%;
}
/* #endregion */

/* #region ui */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}
a:focus {
    outline: none;
}
aside#us_lang_desc {
    padding: 12px;
}
/* #endregion */

/* #region xux-page */
.xux-page {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	position: relative;
	overflow-y: auto; /* to find scrollable parent by jQuery. Refer dropdown." */
	padding: 0 0px;
}
.xux-page.xux-width-full {
	width: 100%;
	min-width: 1024px;
}
.xux-page.xux-width-fixed {
	margin-left: auto;
	margin-right: auto;
	min-width: auto;
}
.xux-page main {
	box-sizing: border-box;
	position: relative;
}

.xux-body-middle main {
	padding: 16px;
}

.xux-body-middle main > .xux-boundingBox,
.xux-body-middle main > .xux-table,
.xux-body-middle main > .JCLRgrips,
.xux-body-middle main > .xux-decoratedTable,
.xux-body-middle main > .xux-tabbedSet,
.xux-body-middle main > .xux-section,
.xux-body-middle main > .xux-imageGallery,
.xux-body-middle main > div.xux-horizontalLayout,
.xux-body-middle main > form > .xux-boundingBox,
.xux-body-middle main > form > .xux-table,
.xux-body-middle main > form > .xux-decoratedTable,
.xux-body-middle main > form > .xux-tabbedSet,
.xux-body-middle main > form > .xux-section,
.xux-body-middle main > form > .xux-imageGallery,
.xux-body-middle main > form > div.xux-horizontalLayout {
	margin: 0 -16px;
}
.xux-body-middle main > .xux-boundingBox:first-child,
.xux-body-middle main > .xux-boundingBox-verticalLayout.xux-verticalLayout-top:first-child,
.xux-body-middle main > .xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-normal:first-child,
.xux-body-middle main > .xux-table:first-child,
.xux-body-middle main > .JCLRgrips:first-child,
.xux-body-middle main > .xux-decoratedTable:first-child,
.xux-body-middle main > .xux-tabbedSet:first-child,
.xux-body-middle main > .xux-section:first-child,
.xux-body-middle main > .xux-imageGallery:first-child,
.xux-body-middle main > div.xux-horizontalLayout:first-child,
.xux-body-middle main > form:first-child > .xux-boundingBox:first-child,
.xux-body-middle main > form:first-child > .xux-boundingBox-verticalLayout.xux-verticalLayout-top:first-child,
.xux-body-middle main > form:first-child > .xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-normal:first-child,
.xux-body-middle main > form:first-child > .xux-table:first-child,
.xux-body-middle main > form:first-child > .xux-decoratedTable:first-child,
.xux-body-middle main > form:first-child > .xux-tabbedSet:first-child,
.xux-body-middle main > form:first-child > .xux-section:first-child,
.xux-body-middle main > form:first-child > .xux-imageGallery:first-child,
.xux-body-middle main > form:first-child > div.xux-horizontalLayout:first-child {
	margin-top: -16px;
}
.xux-body-middle main > .xux-boundingBox:last-child,
.xux-body-middle main > div.xux-horizontalLayout:last-child,
.xux-body-middle main > .xux-table:last-child,
.xux-body-middle main > .xux-decoratedTable:last-child,
.xux-body-middle main > .xux-tabbedSet:last-child,
.xux-body-middle main > .xux-section:last-child,
.xux-body-middle main > .xux-imageGallery:last-child,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top.xux-margin-narrow,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle.xux-margin-narrow,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom.xux-margin-narrow,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top.xux-margin-normal,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle.xux-margin-normal,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom.xux-margin-normal,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top.xux-margin-wide,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle.xux-margin-wide,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom.xux-margin-wide,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top.xux-margin-extraWide,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle.xux-margin-extraWide,
.xux-body-middle main > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom.xux-margin-extraWide,
.xux-body-middle main > form:last-child > .xux-boundingBox:last-child,
.xux-body-middle main > form:last-child > div.xux-horizontalLayout:last-child,
.xux-body-middle main > form:last-child > .xux-table:last-child,
.xux-body-middle main > form:last-child > .xux-decoratedTable:last-child,
.xux-body-middle main > form:last-child > .xux-tabbedSet:last-child,
.xux-body-middle main > form:last-child > .xux-section:last-child,
.xux-body-middle main > form:last-child > .xux-imageGallery:last-child,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top.xux-margin-narrow,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle.xux-margin-narrow,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom.xux-margin-narrow,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top.xux-margin-normal,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle.xux-margin-normal,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom.xux-margin-normal,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top.xux-margin-wide,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle.xux-margin-wide,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom.xux-margin-wide,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-top.xux-margin-extraWide,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-middle.xux-margin-extraWide,
.xux-body-middle main > form:last-child > .xux-boundingBox-verticalLayout:last-child.xux-verticalLayout-bottom.xux-margin-extraWide {
	margin-bottom: -16px;
}
.xux-body-middle main > .xux-horizontalLayout {
	width: calc(100% + 32px);
}
/* need to overwrite table's width */
.xux-body-middle main > .xux-table {
	width: calc(100% + 32px);
	max-width: calc(100% + 32px);
}
.xux-body-middle main > hr {
	margin-left: -16px;
	margin-right: -16px;
}
.xux-body-middle main > p:first-child {
	margin-top: 0;
}
.xux-body-middle main > p:last-child {
	margin-bottom: 0;
}

.xux-page-status {
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.xux-page-status > .xux-icon:first-child {
	position: absolute;
}

.xux-page {
	font-size: 16px;
	line-height: 1.25;
	min-width: 1024px; /* XGA width */
}

.xux-page-status {
	font-size: 16px;
	padding: 3px 16px;
	min-height: 24px;
	line-height: 18px;
}
.xux-page-status.xux-has-icon {
	padding-left: 39px;
}
.xux-page-status > .xux-icon:first-child {
	top: 3px;
	left: 16px;
}

.xux-page {
	background-color: #F5F5F5;
	margin-top: 0px;
}

.xux-page-status {
	background-color: #545a66;
}
.xux-page-status.xux-type-success {
	background-color: #00856f;
}
.xux-page-status.xux-type-alert,
.xux-page-status.xux-type-alert .xux-icon {
	background-color: #E6BC00;
	color: #0A0A0A;
}
.xux-page-status.xux-type-fault,
.xux-page-status.xux-type-fault .xux-icon {
	background-color: #cc252f;
}
/* #endregion */

/* #region header */
.xux-header {
	font-family: "Yu Gothic UI", "Arial", sans-serif !important;
	text-align: left;
	width: 100%;
	display: block;
	box-sizing: border-box;
	vertical-align: middle;
	position: relative; /* for dropshadow */
	z-index: 2;         /* for dropshadow */
	padding-top: 9px;
}
.xux-header .xux-app-branding {
	text-decoration: none;
}

.xux-ci {
    position: absolute;
    display: block;
}
.xux-width-full .xux-ci {
    position: static;
}


.xux-header {
	color: #FFFFFF;
	background: #24262B;
}
.xux-header .xux-app-branding {
	color: #FFFFFF;
}
.xux-ci:focus {
	outline-color: #acaeb3;
}

.xux-header {
	font-size: 20px;
	font-weight: 300;
	line-height: 48px;
	height: 48px;
}
.xux-width-full .xux-header {
	height: auto;
}

.xux-header .xux-app-branding {
	font-size: 20px;
	margin-left: 16px;
}

.xux-ci {
	top: 9px;
	right: 0px;
	line-height: 20px;
	height: 25px;
	margin-top: 0px;
}
.xux-app-branding-icon {
    margin-top: 0px;
    margin-left: 0px;
}
.xux-utilityLinks {
	margin: 0;
	padding: 0;
	display: table;
}
.xux-width-full .xux-utilityLinks {
	display: inline;
}
.xux-utilityLinks > li {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
}
.xux-width-full .xux-utilityLinks > li {
	display: inline-block;
}

.xux-utilityLinks > li > a,
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout {
	text-decoration: none;
}
.xux-utilityLinks > li > a {
	
	/* display: block; */
	box-sizing: border-box;
	text-align: center;
	-webkit-transition: background-color 0.2s ease 0s;
	transition: background-color 0.2s ease 0s;	
}
.xux-utilityLinks > li > a:hover {
	cursor: pointer;
	-webkit-transition: none;
	transition: none; 
}
.xux-utilityLinks .xux-has-icon .xux-link-text {
	display: none;
}
.xux-utilityLinks .xux-user-icon {
	display: table-cell;
}
.xux-utilityLinks .xux-user-icon.xux-pic {
	vertical-align: middle;
}
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login .xux-user-icon.xux-pic {
	background-size: cover;
}

/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout .xux-user-text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: table-cell;
	vertical-align: middle;
}
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
 .xux-loginout .xux-user-icon {
	 text-align: center;
}
/*
 * For text ellipsis
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login .xux-user-text,
.xux-loginout.xux-login .xux-user-tenantText {
	position: relative;
}
 
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login.xux-has-tenant {
	position: relative;
}
 
.xux-user-tenantText {
	display: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
 
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login.xux-has-tenant .xux-user-text,
.xux-loginout.xux-login.xux-has-tenant .xux-user-tenantText {
	display: block;
}

.xux-utilityLinks .xux-loginout.xux-login.xux-has-tenant .xux-user-text,
.xux-utilityLinks .xux-loginout.xux-login.xux-has-tenant .xux-user-tenantText {
	text-align: right;
}
 
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login.xux-has-tenant .xux-user-icon {
	position: absolute;
	display: block;
}
.xux-utilityLinks > li > a {
	font-weight: normal;
	line-height: 24px;
	min-width: 54px;
}

/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout .xux-user-icon {
	position: relative;
}

/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 *
 * Don't remove .xux-login and .xux-logout.
  * Otherwise, it causes a prbolem in Small.
 */
.xux-loginout.xux-login .xux-user-icon,
.xux-loginout.xux-logout .xux-user-icon {
	height: 26px;
	width: 26px;
	border-radius: 13px;
	line-height: 26px;
}
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login .xux-user-icon.xux-text {
	font-size: 10px;
}
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login .xux-user-icon.xux-text.xux-1-char {
	font-size: 16px;
}

/*
 * For text ellipsis
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout .xux-user-text,
.xux-loginout.xux-login .xux-user-tenantText {
	max-width: 180px;
	line-height: 24px;
	padding-right: 8px;
}

.xux-utilityLinks .xux-loginout.xux-login.xux-has-tenant {
	padding-top: 8px;
	padding-right: 40px;
}

/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login.xux-has-tenant .xux-user-text,
.xux-loginout.xux-login.xux-has-tenant .xux-user-tenantText {
	font-size: 14px;
}

/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login.xux-has-tenant .xux-user-icon {
	right: 16px;
}


.xux-utilityLinks > li {
	height: 40px;
}

.xux-utilityLinks > li > a,
.xux-utilityLinks > li > span{
	font-size: 16px;
	height: 40px;
}
.xux-utilityLinks>li:before {
    padding-right: 10px;
    padding-left: 10px;
}
.xux-utilityLinks > li > a > .xux-icon {
	font-size: 20px;
}

.xux-utilityLinks .xux-loginout.xux-login.xux-has-tenant .xux-user-icon {
	top: 8px;
}

/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login.xux-has-tenant .xux-user-text,
.xux-loginout.xux-login.xux-has-tenant .xux-user-tenantText {
	line-height: 14px;
}

.xux-utilityLinks > li {
	color: #ACAEB3;
}

.xux-utilityLinks>li:before {
    color: #ACAEB3;
}
.xux-utilityLinks > li > a,
.xux-utilityLinks > li > a .xux-icon:not(.xux-badge),
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout,
.xux-loginout .xux-icon {
	color: #ACAEB3;
}

.xux-utilityLinks > li > a:hover,
.xux-utilityLinks > li > a:hover .xux-icon:not(.xux-badge),
.xux-utilityLinks > li > a.ui-state-hover,
.xux-utilityLinks > li > a.ui-state-hover .xux-icon:not(.xux-badge),
.xux-utilityLinks > li > a:focus,
.xux-utilityLinks > li > a:focus .xux-icon:not(.xux-badge),
.xux-utilityLinks > li > a.ui-state-focus,
.xux-utilityLinks > li > a.ui-state-focus .xux-icon:not(.xux-badge),
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout:hover,
.xux-loginout.ui-state-hover,
.xux-loginout:focus,
.xux-loginout.ui-state-focus {
	color: #acaeb3;
}

/*
 * To override the definition in context menu.
 * Don't remove .xux-utilityLinks .xux-contextMenu-trigger, and xux-mainNavigationPanel.
 */
.xux-utilityLinks > li > a.xux-contextMenu-trigger.ui-state-hover .xux-icon,
.xux-mainNavigationPanel .xux-contextMenu-trigger.xux-loginout.ui-state-hover .xux-icon {
	color: #acaeb3;
}

.xux-utilityLinks > li > a:active,
.xux-utilityLinks > li > a:active .xux-icon:not(.xux-badge),
.xux-utilityLinks > li > a.ui-state-active .xux-icon:not(.xux-badge),
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout:active,
.xux-loginout.ui-state-active {
	color: #737478;
}

.xux-utilityLinks > li > a.xux-contextMenu-open,
.xux-utilityLinks > li > a.xux-contextMenu-open .xux-icon,
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-contextMenu-open,
.xux-loginout.xux-contextMenu-open .xux-icon,
/*
 * To override the hover definition above.
 * Don't remove .xux-utilityLinks .xux-contextMenu-trigger, and xux-mainNavigationPanel.
 */
.xux-utilityLinks > li > a.xux-contextMenu-trigger.xux-contextMenu-open .xux-icon,
.xux-mainNavigationPanel .xux-contextMenu-trigger.xux-loginout.xux-contextMenu-open .xux-icon {
	color: #fff;
}

/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-logout .xux-user-icon.xux-icon.xux-icon-user {
	background-color: #3a3e45;	/* TODO */
}
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login .xux-user-icon.xux-icon.xux-icon-user,
.xux-loginout.xux-login .xux-user-icon.xux-icon.xux-icon-useradmin {
	background-color: #00856f;	/* TODO */
}
/*
 * Don't prepend .xux-utilityLinks. It's used in mainNavigationPanel, too.
 */
.xux-loginout.xux-login .xux-user-icon.xux-text {
	background-color: #fff;
}
.header-linkMenu-icon {
    background-position: 0 0px;
}
/* #endregion */

/* #region NabigationBar */
.xux-navigationBar {
	list-style: none;
	border: none;	/* To override the jQuery UI settings */
	background: transparent none;/* To override the jQuery UI settings */
	outline-style: none;
}
.xux-navigationBar-item {
	text-align: center;
	float: left;
	border: none;	/* To override the jQuery UI settings */
	background: transparent none;	/* To override the jQuery UI settings */
}
.xux-navigationBar-5>.xux-navigationBar-item,
.xux-navigationBar-5>.xux-navigationBar-item.xux-last {
    width: auto;
    margin: 0 16px;
}

/* To override the jQuery UI settings */
.xux-navigationBar-item .ui-state-hover,
.xux-navigationBar-item .ui-state-active,
.xux-navigationBar-item .ui-state-focus,
.xux-navigationBar-item.ui-state-highlight,
.xux-navigationBar-item.ui-state-disabled {
	border: none;
	background: transparent none;
}

.xux-navigationBar {
	margin: 0;
	padding: 8px 0;
}
.xux-navigationBar + .xux-button {
	position: absolute;
}
.xux-navigationBar-item,
.xux-navigationBar-item.ui-state-hover,
.xux-navigationBar-item.ui-state-active {
	background: transparent;
}
.xux-navigationBar-item .ui-menu {
	border-radius: 4px;
}
.xux-navigationBar-item .ui-menu .ui-menu-item a {
	text-align: left;
	font-weight: normal;
	transition: all .15s ease;
	border-radius: 0;
}
.xux-navigationBar-item .ui-menu .ui-menu-item:first-child a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.xux-navigationBar-item .ui-menu .ui-menu-item:last-child a {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.xux-navigationBar-item > a:hover {
	-webkit-transition: none;
	transition: none;
}
.xux-navigationBar .xux-navigationBar-item > a {
	display: table-cell;
}
.xux-navigationBar-item > a > span:first-child,
.xux-navigationBar-item > a > .ui-button-text {
	display: inline-block;
	vertical-align: middle;
}
.xux-navigationBar-item > a > .ui-button-text {
	display: inline-block;
	vertical-align: middle;
}

.xux-navigationBar-item.ui-state-disabled > a {
	cursor: default;
}
.xux-navigationBar-item.ui-state-disabled > a > span:first-child,
.xux-navigationBar-item.ui-state-disabled > a > .ui-button-text {
	text-shadow: none;
}
/* To override the jQuery UI settings */
.xux-navigationBar-item > a.ui-button,
.xux-navigationBar-item > a.ui-button .ui-button-text {
	float: none;
}
.xux-navigationBar-item > a.xux-has-icon .ui-button-text {
	margin-left: 8px;
}
/* To override the jQuery UI settings */
.xux-navigationBar-item .ui-menubar-link {
	border-right: none;
	border-left: none;
}
/* To override the jQuery UI settings */
.xux-navigationBar-item .ui-button-text,
.xux-navigationBar-item .ui-menu {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-weight: normal;
}
.xux-navigationBar .xux-navigationBar-item .xux-icon {
	display: inline-block;
}

/* To override the jQuery UI settings */
.xux-navigationBar-item .ui-menu-item.ui-state-disabled {
	opacity: 1;
	filter: 0; /* to solve that problem the Alpha(Opacity=100) displays dotted edge in case of PNG. */
}

.xux-navigationBar-item.ui-menubar-item .ui-button-icon-secondary {
	display: inline-block;
	text-indent: 0;
	font-family: 'NBFont';
	margin-left: 8px;

	/*
	 * To override jQuery UI definitions.
	 */
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	font-size: inherit;
	width: auto;
	height: auto;
	vertical-align: baseline;
}

/* To override the jQuery UI settings */
.xux-navigationBar-item .ui-menu-item a,
.xux-navigationBar-item .ui-menu-item a.ui-state-focus,
.xux-navigationBar-item .ui-menu-item a.ui-state-active,
.xux-navigationBar-item .ui-menu-item a.ui-state-disabled {
	margin: 0; /* To override the jQuery UI settings */
}

/* To override the jQuery UI settings */
.xux-navigationBar-item.ui-menubar-item .ui-button-text {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.xux-navigationBar-item.ui-menubar-item .ui-button-icon-secondary:before {
	content: '\02c5';
}
.xux-navigationBar-item.xux-menu-open.ui-menubar-item .ui-button-icon-secondary:before {
	content: '\02c4';
}
.xux-navigationBar-item.ui-menubar-item .ui-menu {
	transition: color 0.2s ease 0s;
	text-align: left;
}
.xux-navigationBar-item.ui-menubar-item .ui-button-icon-secondary {
	transition: color 0.2s ease 0s;
}

.xux-navigationBar-item > a > .xux-badge {
	position: absolute;
	top: 4px;
	right: 4px;
}

.xux-navigationBar-item > a > .xux-underline {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background-color: #80eaff;
}

.xux-navigationBar-item.ui-state-highlight > a > .xux-underline {
	display: block;
}

.xux-navigationBar + .xux-button {
	top: 12px;
	right: 16px;
}

.xux-navigationBar-item > a {
	height: 54px;
	padding: 0 20px;
}

/* To override the jQuery UI settings */
.xux-navigationBar-item .ui-button-text {
	padding-left: 20px;
}

.xux-navigationBar .xux-navigationBar-item .ui-button-text {
	padding-left: 0;
}

.xux-navigationBar-item.ui-menubar-item .ui-button-icon-secondary {
	top: 8px;	/* I don't know why necessary. Anyway I put it. */
}

.xux-navigationBar-item .ui-menu {
	font-size: 16px;
	font-size: 1rem;
	min-width: 222px;
	width: auto;
	padding: 0;
}

.xux-navigationBar-item .ui-menu .ui-menu-item a {
	width: 224px;
	padding: 0 16px;
}
.xux-navigationBar .xux-navigationBar-item {
	height: 24px;
}

.xux-navigationBar .xux-navigationBar-item > a {
	height: 24px;
	padding: 0 16px;
	padding-bottom: 11px;
	font-size: 16px;
}

.xux-navigationBar-item .ui-button-text {
	font-size: 16px;
	line-height: 20px;
}

.xux-navigationBar-item .ui-menu .ui-menu-item a {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
}

.xux-navigationBar-item.ui-menubar-item .ui-button-icon-secondary {
	line-height: 20px;
}

/* To override the jQuery UI settings */
.xux-navigationBar-item > a,
.xux-navigationBar-item > a > .ui-button-text {
	color: #acaeb3;
	opacity: .8;
}
.xux-navigationBar-item > a.ui-state-focus > .ui-button-text,
.xux-navigationBar-item > a.ui-state-hover > .ui-button-text {
	opacity: 1;
}
.xux-navigationBar-item.ui-state-active > a > .ui-button-text {
	color: #737478;
	opacity: 1;
}
.xux-navigationBar-item.ui-state-highlight > a,
.xux-navigationBar-item.ui-state-highlight > a > .ui-button-text {
	opacity: 1;
}
.xux-navigationBar-item.ui-state-disabled > a > .ui-button-text {
	color: #acaeb3;
	opacity: 1;
}

.xux-navigationBar-item > a .xux-icon {
	color: #acaeb3;
	opacity: .8;
}
.xux-navigationBar-item > a.ui-state-focus .xux-icon,
.xux-navigationBar-item > a.ui-state-hover .xux-icon {
	opacity: 1;
}
.xux-navigationBar-item.ui-state-active > a .xux-icon {
	color: #737478;
	opacity: 1;
}
.xux-navigationBar-item.ui-state-highlight > a .xux-icon {
	color: #80eaff;
	opacity: 1;
}
.xux-navigationBar-item.ui-state-disabled > a .xux-icon {
	color: #acaeb3;
	opacity: 1;
}

.xux-navigationBar-item > a .xux-badge,
.xux-navigationBar-item > a.ui-state-focus .xux-badge,
.xux-navigationBar-item > a.ui-state-hover .xux-badge {
	color: #0f0f0f;
}

.xux-navigationBar-item.ui-state-disabled {
	opacity: .3;
}

.xux-navigationBarNav {
	background-color: #24262B;
	clear: none;
}

.xux-navigationBar-item .ui-button-text {
	color: #0f0f0f;
}
.xux-navigationBar-item .ui-menu .ui-menu-item a {
	color: #FFFFFF;
}
.xux-navigationBar-item .ui-menu {
	background-image: none;
}
.xux-navigationBar-item .ui-menu.ui-widget-content {
	background: #3f434d;
}
.xux-navigationBar-item .ui-menu .ui-state-hover,
.xux-navigationBar-item .ui-menu .ui-widget-content .ui-state-hover,
.xux-navigationBar-item .ui-menu .ui-widget-header .ui-state-hover,
.xux-navigationBar-item .ui-menu .ui-state-focus,
.xux-navigationBar-item .ui-menu .ui-widget-content .ui-state-focus,
.xux-navigationBar-item .ui-menu .ui-widget-header .ui-state-focus {
	background: #5f6573;
}
.xux-navigationBar-item .ui-menu a:active {
	background: #2b2d33;
}
.xux-navigationBar-item.ui-menubar-item .ui-button-icon-secondary {
	background-image: none;
	color: #acaeb3;
}

.xux-navigationBar-item.xux-menu-open > a > span:first-child,
.xux-navigationBar-item.xux-menu-open > a > .ui-button-text {
	color: #FFFFFF;
}

.xux-navigationBar-item>a>span {
    background: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}
.xux-navigationBar .xux-navigationBar-item.xux-last>a>span {
    border-right: none;
}
.xux-navigationBar-item .ui-button-text:lang(ja),
.xux-navigationBar-item .ui-button-text:lang(en),
.xux-navigationBar-item .ui-button-text:lang(ko),
.xux-navigationBar-item .ui-button-text:lang(th),
.xux-navigationBar-item .ui-button-text:lang(zh) {
    color: #ACAEB3;
    opacity: 0.8;
	font-size: 18px;
	text-shadow: none;
}

.xux-navigationBar-item.ui-state-highlight .ui-button-text:lang(ja),
.xux-navigationBar-item.ui-state-highlight .ui-button-text:lang(en),
.xux-navigationBar-item.ui-state-highlight .ui-button-text:lang(ko),
.xux-navigationBar-item.ui-state-highlight .ui-button-text:lang(th),
.xux-navigationBar-item.ui-state-highlight .ui-button-text:lang(zh) {
    color: #80EAFF;
    opacity: 1;
	border-bottom: 2px solid #80EAFF;
	text-shadow: none;
}
.xux-navigationBar-item .ui-state-focus .ui-button-text:lang(ja),
.xux-navigationBar-item .ui-state-focus .ui-button-text:lang(en),
.xux-navigationBar-item .ui-state-focus .ui-button-text:lang(ko),
.xux-navigationBar-item .ui-state-focus .ui-button-text:lang(th),
.xux-navigationBar-item .ui-state-focus .ui-button-text:lang(zh) {
    opacity: 1;
}

.xux-navigationBar-item.ui-state-active .ui-button-text:lang(ja),
.xux-navigationBar-item.ui-state-active .ui-button-text:lang(en),
.xux-navigationBar-item.ui-state-active .ui-button-text:lang(ko),
.xux-navigationBar-item.ui-state-active .ui-button-text:lang(th),
.xux-navigationBar-item.ui-state-active .ui-button-text:lang(zh) {
    color: #737478;
}

.xux-navigationBar-item.ui-state-highlight>a>span,
.xux-navigationBar-item.ui-state-active>a>span {
    background: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}

.xux-navigationBar-item>a.ui-state-focus>span, .xux-navigationBar-item.ui-state-hover>a>span {
    background: none;
    box-shadow: none;
}

.xux-megaMenu-item .xux-megaMenu-content .xux-section {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-megaMenu-item .xux-megaMenu-content {
	color: #666666;
    background-color: #F5F5F5;
    border: none;
    border-radius: 0;
}
.xux-navigationBar.xux-size-small .xux-megaMenu-item .xux-megaMenu-content section.xux-has-icon .xux-section-title {
	color: #0A0A0A;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	margin-left: 0px;
	padding-top: 2px;
	padding-left: 0px;
	background: #F5F5F5;
}

.xux-navigationBar-item.ui-state-active>a>span,
.xux-navigationBar .xux-navigationBar-item.ui-state-active.xux-last>a>span {
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
}
.xux-navigationBar .xux-navigationBar-item.ui-state-highlight.xux-last>a>span {
    border-right: none;
}
.xux-navigationBarNav {
    clear: initial;
    padding-top: 0px;
}
.xux-megaMenu-item .xux-megaMenu-content .xux-section {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-size: 12px;
}

.xux-navigationBar-item.ui-state-active>a>span,
.xux-navigationBar .xux-navigationBar-item.ui-state-active.xux-last>a>span {
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
}
.xux-navigationBar .xux-navigationBar-item.ui-state-highlight.xux-last>a>span {
    border-right: none;
}
/* #endregion */

/* #region body */
.xux-body-middle .xux-applyBoxAndLayout-section > .xux-section-content > hr:last-child,
.xux-body-middle .xux-applyBoxAndLayout-section > .xux-section-content > hr.xux-last-child {
	margin-top: 16px;
	margin-bottom: -16px;
}
.xux-body-middle .xux-sidebarNav+main .xux-applyBoxAndLayout-section>div {
	max-width: 918px;
}
.xux-body-middle .xux-applyBoxAndLayout-section > .xux-section-content > div.xux-label-aligned {
	margin-left: auto;
}
.xux-body-middle .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-content,
.xux-body-middle .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-icon-cell,
.xux-body-middle .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-panel {
	max-width: 1024px;	/* XGA width. Note: in border-box. */
	margin-left: auto;
	margin-right: auto;
}

.xux-body-middle .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-nav {
	max-width: 992px;
}

.xux-body-middle .xux-sidebarNav + main .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-content,
.xux-body-middle .xux-sidebarNav + main .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-icon-cell,
.xux-body-middle .xux-sidebarNav + main .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-panel
.xux-body-middle .xux-sidebarNav + .xux-breadcrumbsNav + main .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-content,
.xux-body-middle .xux-sidebarNav + .xux-breadcrumbsNav + main .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-icon-cell,
.xux-body-middle .xux-sidebarNav + .xux-breadcrumbsNav + main .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-panel {
	/*
	 * XGA width(1024) - sidebar width(250). Note: in border-box.
	 */
	max-width: 774px;
	margin-left: auto;
	margin-right: auto;
}

.xux-body-middle .xux-sidebarNav + main .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-nav,
.xux-body-middle .xux-sidebarNav + .xux-breadcrumbsNav + main .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-nav {
	max-width: 742px;
}

.xux-body-middle {
	position: relative;
	width: 100%;
	z-index: auto;
}

.xux-navigationBar-true .xux-body-middle {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: calc(100% - 94px);
}
.xux-body-middle > .xux-sidebarNav {
	display: table-cell;
	vertical-align: top;
}

.xux-body-middle {
    margin-top: 0px;
}

/* #endregion */

/* #region sidebar */
.xux-sidebar, .xux-sidebar .xux-sidebar-item > ul {
	list-style: none;
	border-spacing: 0 0;
	overflow: hidden;
	transition: all .15s ease;
}
.xux-sidebar {
	outline-style: none;
	overflow: hidden;
	position: relative;
	display: block;
	box-sizing: border-box;
	box-shadow: none;
	border-radius: 0;
}
.xux-sidebar-item {
	display: inline;
}
.xux-sidebar .ui-state-focus,
.xux-sidebar .ui-state-active,
.xux-sidebar .ui-state-highlight {
	border: none;
	font-weight: normal;
}
.xux-sidebar .xux-content {
	position: relative;
}
.xux-sidebar .xux-text-content {
	display: block;
}

.xux-sidebar .xux-text {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}
.xux-sidebar .xux-sidebar-title .xux-text {
	font-weight: bold;
}
.xux-sidebar .ui-state-disabled {
	opacity: 1;
}
.xux-sidebar .ui-state-disabled a .xux-text.xux-text-shadow {
	display: none;
}
.xux-sidebar .xux-sidebar-item > a .xux-arrow {
	display: inline-block;
	position: absolute;
}
.xux-sidebar a {
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.xux-sidebar .xux-title,
.xux-sidebar .xux-sidebar-item > a,
.xux-sidebar .xux-has-other-items > .xux-sidebar-otheritem {
	border-style: solid;
	overflow: hidden;
}
.xux-sidebar .xux-arrow,
.xux-sidebar .xux-sidebar-item > a.ui-state-focus {
	transition: all .15s ease;
}
.xux-sidebar .xux-sidebar-item > a {
	position: relative;
	transition: all .15s ease;
}
.xux-sidebar .xux-badge {
	position: absolute;
}

.xux-sidebar .xux-has-other-items > .xux-sidebar-otheritem {
	transition: all .15s ease;
	overflow: auto;
}

.xux-sidebar .xux-title {
	border: none;
	background: #D8D8D8;
	box-shadow: none;
}

.xux-sidebar .xux-sidebar-title .xux-text {
    color: #0A0A0A !important;
}
.xux-sidebar .xux-text:lang(ja),
.xux-sidebar .xux-text:lang(en),
.xux-sidebar .xux-text:lang(ko),
.xux-sidebar .xux-text:lang(th),
.xux-sidebar .xux-text:lang(zh) {
	color: #0A0A0A;
	text-shadow: none;
}

.xux-sidebar .xux-sidebar-item > a {
	border-color: #CCCCCC;
	background: #EAEAEA;
}
.xux-sidebar .xux-has-other-items > .xux-sidebar-otheritem {
	border-color: #CCCCCC;
}
.xux-sidebar .xux-sidebar-item > a.ui-state-focus,
.xux-sidebar .xux-sidebar-item > a.ui-state-hover {
    background: #E3E3E3;
    border-color: #CCCCCC;
    box-shadow: none;
    border-width: 0 0 1px;
}
.xux-sidebar .xux-sidebar-item > a.ui-state-active {
    background: rgba(0,133,143,0.4);
}

.xux-sidebar .xux-sidebar-item.ui-state-highlight > a,
.xux-sidebar .xux-sidebar-item.ui-state-highlight > a.ui-state-focus,
.xux-sidebar .xux-sidebar-item.ui-state-highlight > a.ui-state-active {
    background: rgba(0,133,143,0.4);
    border-color: #CCCCCC;
    border-width: 0 0 1px;
	box-shadow: none;
}

.xux-sidebar .xux-sidebar-item.ui-state-highlight.xux-parent > a {
	background: rgba(0, 131, 141, .4);
}

.xux-sidebar, .xux-sidebar ul {
	padding: 0;
	margin: 0;
}

.xux-sidebar .xux-text-content {
	width: 100%;
}

.xux-sidebar .xux-sidebar-title .xux-text-content {
	height: auto;
	line-height: 26px;
	/* padding-left: 13px; */
}

.xux-sidebar .xux-title {
    height: auto;
	width: 100%;
}

.xux-sidebar .xux-sidebar-item > a {
	box-sizing: border-box;
}

.xux-sidebar .xux-badge {
	right: 16px;
}

.xux-sidebar .xux-parent > a .xux-badge {
	right: 46px;
}

.xux-sidebar a .xux-arrow {
	font-size: 14px;
	right: 16px;
}

.xux-sidebar .xux-content {
	padding: 0 16px;
}

.xux-sidebar .xux-parent .xux-content,
.xux-sidebar .xux-has-other-items .xux-content {
	padding-right: 0px;
}

.xux-sidebar .xux-sidebar-item > a {
	border-width: 0 0 1px;
}

.xux-sidebar > li:first-child > a {
	border-top-width: 1px;
}

.xux-sidebar .xux-has-other-items > .xux-sidebar-otheritem {
	border-width: 0;
}

.xux-sidebar .xux-has-other-items.xux-open > .xux-sidebar-otheritem {
	border-width: 0 0 1px;
}

.xux-sidebar .xux-parent.xux-open .xux-has-icon > a .xux-sidebar-icon {
	top: 4px;
}

.xux-sidebar .xux-level-1 > a .xux-content,
.xux-sidebar .xux-level-2 > a .xux-content {
	padding-left: 16px;
}

.xux-sidebar .xux-level-2 > a .xux-content {
	margin-left: 40px;
}

.xux-sidebar .xux-level-1 > a .xux-content,
.xux-sidebar .xux-level-1.xux-parent > a .xux-content {
	margin-left: 20px;
}

.xux-sidebar .xux-text-content {
	min-height: 32px;
	line-height: 32px;
	height: 100%;
}

.xux-sidebar .xux-text {
	font-size: 16px;
}

.xux-sidebar .xux-title .xux-text {
	font-size: 14px;
	vertical-align: middle;
}
.xux-sidebar .xux-sidebar-item > a {
	min-height: 32px !important;
	height: 100%;
}

.xux-sidebar .xux-badge {
	top: 6px;
}

.xux-sidebar .xux-badge.xux-emptyBadge {
	top: 12px; /* 32-8=24 /2 =12 */
}

.xux-sidebar a .xux-arrow {
	top: 8px;
}

.xux-sidebar .xux-level-1 .xux-text, .xux-sidebar .xux-level-2 .xux-text {
	font-size: 16px;
}
.xux-body-middle > .xux-sidebarNav {
	display: table-cell;
	vertical-align: top;
}

.xux-body-middle>nav>ul {
    width: 100%;
}

.xux-sidebarNav {
	vertical-align: top;
	padding: 0;
}

.xux-resizeFireable .xux-sidebarNav .xux-sidebar {
	height: 100%;
	overflow-y: auto;
}
.xux-sidebarNav .xux-sidebar > li:first-child .xux-title,
.xux-sidebarNav .xux-sidebar > li:first-child > a {
	border-top-style: none;
}
.xux-body-middle .xux-sidebarNav {
	width: 240px;
	padding-right: 0px !important;
}
.xux-sidebarNav.xux-boundingBox-collapsed {
    width: 39px;
}
.xux-sidebar .xux-root-bottom.xux-sidebar-item.xux-visible-bottom>a,
.xux-sidebar .xux-root-bottom .xux-sidebar-item.xux-visible-bottom>a {
    border-radius: 0;
}
.xux-sidebarNav {
	background-color: #EAEAEA;
}

.xux-sidebar .xux-sidebar-item>a {
    box-shadow: none;
}

.xux-sidebar .xux-level-0 .xux-sidebar-item>a {
    background: none;
	box-shadow: none;
	border-width: 0 0 1px;
	border-color: #5f6573;
	border-color: #CCCCCC;
}

.xux-sidebar .xux-level-0 .xux-visible-bottom.xux-sidebar-item>a {
    background: none;
    border-width: 0 0 1px;
    border-color: #5f6573;
	box-shadow: none;
	border-color: #CCCCCC;
}
.xux-sidebar .xux-level-0 .xux-visible-bottom.xux-sidebar-item>a.ui-state-focus,
.xux-sidebar .xux-level-0 .xux-sidebar-item>a.ui-state-focus {
    background: #E3E3E3;
	box-shadow: none;
	border-width: 0 0 1px;
	border-color: #CCCCCC;
}
.xux-sidebar .xux-level-0 .xux-visible-bottom.xux-sidebar-item>a.ui-state-active,
.xux-sidebar .xux-level-0 .xux-sidebar-item>a.ui-state-active {
	background: rgba(0,133,143,0.4);
	border-color: #CCCCCC;
    border-width: 0 0 1px;
	box-shadow: none;
}

.xux-sidebar .xux-level-0 .xux-sidebar-item.ui-state-highlight > a,
.xux-sidebar .xux-level-0 .xux-sidebar-item.ui-state-highlight > a.ui-state-focus,
.xux-sidebar .xux-level-0 .xux-sidebar-item.ui-state-highlight > a.ui-state-active,
.xux-sidebar .xux-level-0 .xux-visible-bottom.xux-sidebar-item.ui-state-highlight>a {
    background: rgba(0,133,143,0.4);
    border-color: #CCCCCC;
    border-width: 0 0 1px;
	box-shadow: none;
}

.xux-sidebar .xux-level-0 .xux-visible-bottom.xux-sidebar-item.xux-parent.ui-state-highlight>a.ui-state-focus,
.xux-sidebar .xux-sidebar-item.xux-parent.ui-state-highlight>a.ui-state-focus {
	background: #E3E3E3;
    border-color: #CCCCCC;
    border-width: 0 0 1px;
	box-shadow: none;
}
.xux-sidebar .xux-level-0 .xux-visible-bottom.xux-sidebar-item.xux-parent.ui-state-highlight>a.ui-state-active,
.xux-sidebar .xux-sidebar-item.xux-parent.ui-state-highlight>a.ui-state-active {
    background: rgba(0,133,143,0.4);
    border-color: #CCCCCC;
    border-width: 0 0 1px;
	box-shadow: none;
}

.xux-sidebar .ui-state-highlight>a .xux-text:lang(ja),
.xux-sidebar .ui-state-highlight>a .xux-text:lang(en),
.xux-sidebar .ui-state-highlight>a .xux-text:lang(ko),
.xux-sidebar .ui-state-highlight>a .xux-text:lang(th),
.xux-sidebar .ui-state-highlight>a .xux-text:lang(zh) {
    color: #0A0A0A;
    text-shadow: none;
    font-weight: bold;
}
.xux-sidebarNav .xux-section-title.xux-has-icon {
    background: #EAEAEA;
}
.xux-sidebar .xux-title>.xux-content,
.xux-sidebar .xux-root-top.xux-sidebar-item.xux-visible-top>a>.xux-content,
.xux-sidebar .xux-level-0 .xux-sidebar-item.ui-state-highlight>a>.xux-content,
.xux-sidebar .xux-level-0 .xux-sidebar-item>a.ui-state-active>.xux-content,
.xux-sidebar .xux-level-0 .xux-sidebar-item>a.ui-state-focus>.xux-content {
    margin-top: 0px;
}
#db_sidebar_article .xux-button {
	display: block;
}

/* #endregion */

/* #region sidebar_tree */
.xux-tree.treeview {
	list-style: none;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-weight: normal;
	display: block;
	overflow-x: auto;
}
.xux-tree.treeview .xux-tree.treeview, .xux-tree.treeview ul {
	/*
	 * This is necessary. Otherwise some blank height appears.
	 */
	display: block;

	list-style: none;
	transition: all .15s ease;
	overflow: visible;
}

.xux-tree.treeview li,
.xux-tree.treeview:focus {
	outline-style: none;
	position: relative;
}
.xux-tree.treeview li > span {
	cursor: pointer;
	transition: all .15s ease;
}


.xux-tree.treeview .xux-placeholder {
	display: block;
}

.xux-tree .xux-node {
	display: block;
	white-space: nowrap;
	text-align: left;
	overflow: visible;
}

.xux-tree .xux-node-icon {
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}

/*
 * This is necessary for the case that tree exists inside sidebar.
 */
.xux-tree .xux-badge {
	position: static;
}

.xux-tree .xux-root-hitarea-dot-line-mask {
	position: absolute;
}

.xux-tree .xux-root-hitarea-dot-line-mask-parent {
	position: relative;
}
.xux-tree .xux-icon:before {
	font-weight: normal;
}

.xux-tree.treeview, .treeview ul {
	font-size: 16px;
	font-size: .875rem;
	padding: 0;
	margin: 0;

	/*
	 * This is necessary to make selected background color extend
	 * to the right end.
	 */
	display: table;

	/*
	 * This is necessary to make selected background color extend
	 * to the parent width even if the label is short..
	 */
	min-width: calc(100% - 20px);
}
.xux-tree.treeview {
	padding-left: 20px;
}
.xux-tree.treeview ul {
	margin-top: 0;
}
.xux-tree.treeview .hitarea {
	height: 20px;
	width: 20px;
	font-size: 12px;
	left: 0;
}
.xux-tree.treeview .xux-placeholder {
	display: block;
}
.xux-tree .xux-node-icon {
	margin: -1px 8px 0 4px;
}
.xux-tree .xux-icon:before {
	padding-right: 8px;
}
.xux-tree .xux-root-hitarea-dot-line-mask {
	height: 7px;
	width: 16px;
}
.xux-tree .xux-icon {
	width: 16px;
	height: 16px;
}
.xux-tree .xux-badge {
	margin-left: 6px;
	vertical-align: top;
}
.xux-tree .xux-badge.xux-emptyBadge {
	vertical-align: middle;
	margin-top: 0;
}
.xux-tree.treeview .expandable-hitarea {
	margin-right: 4px;
}
.xux-tree.treeview .collapsable-hitarea {
	margin-right: 4px;
}
.xux-tree.treeview .hitarea {
    margin-left: -24px;
}
.xux-tree.treeview .hitarea:before {
	left: 4px;
	top: 2px;
}

.xux-tree.treeview .xux-node .xux-node-icon {
	transition: all .15s ease;
}
.xux-tree .xux-node {
	font-size: 16px;
}

.xux-tree .xux-node-icon {
	font-size: 14px;
}

.xux-tree.treeview .hitarea {
	top: 3px;
}
.xux-tree.treeview .xux-hover {
    height: 26px;
	background-color: #E3E3E3;
	color: #0A0A0A;
}

.xux-tree.treeview li.xux-focus > span {
	height: 26px;
	background-color: #E3E3E3;
	color: #0A0A0A;
}
.xux-tree.treeview li.xux-selected > span {
	height: 26px;
	background-color: rgba(0,133,143,0.4);
	color: #0A0A0A;
	font-weight: bold;
}
.xux-tree .xux-node {
	height: 26px;
	line-height: 26px;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}

.xux-tree .xux-badge {
	margin-top: 4px;
}

.xux-tree {
	background-color: #EAEAEA;
}

.xux-tree .hitarea:hover,
.xux-tree .hitarea:active {
	color: #fff;
}
.xux-tree .xux-root-hitarea-dot-line-mask {
	background-color: #EAEAEA;
}

.xux-tree .ui-state-disabled {
	opacity: .3;
}
.xux-tree .ui-state-disabled .xux-hover,
.xux-tree .ui-state-disabled .xux-focus > .xux-node,
.xux-tree .ui-state-disabled .xux-selected > .xux-node {
	background-color: transparent;
}
.xux-tree .ui-state-disabled .ui-state-disabled {
	opacity: 1;
}
.xux-sidebar .xux-level-0.xux-sidebar-item.xux-open>a {
    background: #EAEAEA;
    border-width: 0 0 1px;
    border-color: #CCCCCC;
    box-shadow: none;
}
.xux-sidebar .xux-level-0.xux-sidebar-item.xux-open>a.ui-state-focus {
    background: #E3E3E3;
    border-color: #CCCCCC;
	box-shadow: none;
	border-width: 0 0 1px;
}
.xux-tree.treeview, .treeview ul {
    color: #0A0A0A;
}

.xux-sidebar .xux-has-other-items.xux-level-0.xux-sidebar-item.xux-open>a.ui-state-active,
.xux-sidebar .xux-has-other-items.xux-level-0.xux-sidebar-item.xux-open>a.ui-state-focus {
    border-width: 0 0 1px;
    padding-bottom: none;
}

.xux-tree.treeview li,
.xux-tree.treeview li.last,
.xux-tree.treeview li.lastCollapsable,
.treeview li.lastExpandable,
.xux-tree.treeview li.collapsable,
.treeview li.expandable {
    background: none;
}
.deviceGroupaffiliatetreeoutline {
    padding-left: 0px !important;
}
/* #endregion */

/* #region breadcrumbs */
.xux-breadcrumbsNav {
	padding: 10px 16px 11px;
}
.xux-breadcrumbsNav .xux-breadcrumbs {
	margin-bottom: 0;
}

.xux-breadcrumbs {
	font-weight: normal;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	margin: 0;
}
.xux-breadcrumbs.xux-bottomMargin-false {
	margin: 0;
}
.xux-breadcrumbs-item {
	list-style: none;
	display: inline-block;
	letter-spacing: normal;
}
.xux-breadcrumbs-item:before {
	display: inline-block;
	font-weight: normal;
	vertical-align: middle;
}
.xux-breadcrumbs-item:first-child:before {
	content: none;
}
.xux-breadcrumbs-item a {
	text-decoration: none;
    -webkit-transition: color 0.2s linear 0s;
	transition: color 0.2s linear 0s;
}
.xux-breadcrumbs-item a:hover,
.xux-breadcrumbs-item a:active {
	text-decoration: underline;
}
.xux-breadcrumbs-item a:focus {
	outline: thin dotted;
}

.xux-breadcrumbs-item:last-child {
	font-weight: bold;
}

.xux-breadcrumbs,
.ui-state-hover .xux-breadcrumbs {
	color: #0A0A0A;
	background-color: transparent;
}
.xux-breadcrumbs-item,
.ui-state-hover .xux-breadcrumbs-item {
	color: #0A0A0A;
}
.xux-breadcrumbs-item:before,
.ui-state-hover .xux-breadcrumbs-item:before {
	color: #0A0A0A;
}
.xux-breadcrumbs-item a,
.ui-state-hover .xux-breadcrumbs-item a,
.xux-breadcrumbs-item a .xux-icon,
.ui-state-hover .xux-breadcrumbs-item a .xux-icon {
	color: #007373;
}
.xux-breadcrumbs-item a:hover,
.ui-state-hover .xux-breadcrumbs-item a:hover,
.xux-breadcrumbs-item a:hover .xux-icon,
.ui-state-hover .xux-breadcrumbs-item a:hover .xux-icon {
	color: #005E5E;
}
.xux-breadcrumbs-item a:active,
.ui-state-hover .xux-breadcrumbs-item a:active,
.xux-breadcrumbs-item a:active .xux-icon,
.ui-state-hover .xux-breadcrumbs-item a:active .xux-icon {
	color: #003B3B;
}
.xux-breadcrumbs-item a:focus,
.ui-state-hover .xux-breadcrumbs-item a:focus,
.xux-breadcrumbs-item a:focus .xux-icon,
.ui-state-hover .xux-breadcrumbs-item a:focus .xux-icon {
	outline-color: #005E5E;
}

.xux-breadcrumbs {
	line-height: 1.25; 
	padding: 0;
	margin-bottom: 11px;
	letter-spacing: -.4em;
}

.xux-breadcrumbs-item:before {
	content: '/';
	margin: -4px 12px 0 12px;
}

.xux-breadcrumbs-item .xux-icon {
	margin-right: 4px;
}

.xux-breadcrumbs {
	font-size: 16px;
}

.xux-breadcrumbs-item:before {
	font-size: 16px;
}

.xux-breadcrumbs-item .xux-icon {
	font-size: 16px;
}
/* #endregion */

/* #region boundingbox */
.xux-boundingBox {
	padding: 0;
	border: none;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-boundingBox-nested {
	display: block;
	padding: 0;
}
.xux-boundingBox-item {
	display: block;
	margin: 0;
	border: 0;
}
.xux-boundingBox-row {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.xux-boundingBox-item.xux-trailingBorder-true {
	border-right: 1px solid;
}

.xux-boundingBox-item.xux-topBorder-true {
	border-top: 1px solid ;
	border-top-color: #CCCCCC;
}
.xux-boundingBox-row > div.xux-boundingBox-item.xux-leadingBorder-true > * {
	margin-left: -1px;
}
.xux-boundingBox-row > div.xux-boundingBox-item.xux-trailingBorder-true > * {
	margin-right: -1px;
}
/*	
	When page is right to left on OS X and iOS Safari,
	if the content of the window left edge is overflow,
	whole of page content shifts right per overflow content length.
	html and body's overflow-x hidden does not work well.
	It seems webkit rendering engine's problem.
	Also, iOS overflow-x scroll occurs serious rendering problem 
	to elements in the container.
	To prevent from this, the container of overflow content
	overflow-x must be hidden. 
*/ 
.xux-boundingBox-row > .xux-boundingBox-item {
	display: table-cell;
	vertical-align: top;
}

.xux-boundingBox-verticalLayout.xux-verticalLayout-top,
.xux-boundingBox-verticalLayout.xux-verticalLayout-middle,
.xux-boundingBox-verticalLayout.xux-verticalLayout-bottom,
.xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-narrow,
.xux-boundingBox-verticalLayout.xux-verticalLayout-middle.xux-margin-narrow,
.xux-boundingBox-verticalLayout.xux-verticalLayout-bottom.xux-margin-narrow,
.xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-normal,
.xux-boundingBox-verticalLayout.xux-verticalLayout-middle.xux-margin-normal,
.xux-boundingBox-verticalLayout.xux-verticalLayout-bottom.xux-margin-normal,
.xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-wide,
.xux-boundingBox-verticalLayout.xux-verticalLayout-middle.xux-margin-wide,
.xux-boundingBox-verticalLayout.xux-verticalLayout-bottom.xux-margin-wide,
.xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-extraWide,
.xux-boundingBox-verticalLayout.xux-verticalLayout-middle.xux-margin-extraWide,
.xux-boundingBox-verticalLayout.xux-verticalLayout-bottom.xux-margin-extraWide {
	margin-top: 0;
	margin-bottom: 0;
}
/*
.xux-horizontalLayout-item.xux-boundingBox-collapsed {
	vertical-align: top;
}
*/
.xux-horizontalLayout-responsive .xux-boundingBox {
	border-left: solid 1px;
}

/* right side seems longer than left side of email app */
.xux-horizontalLayout-responsive .xux-boundingBox:first-of-type {
	border-left: none;
}
.xux-horizontalLayout-responsive .xux-boundingBox[class*="xux-horizontalLayout-item-"] {
	vertical-align: top;
}

.xux-boundingBox-horizontalLayout .xux-horizontalLayout-margin {
	display: none;
	width: 0;
}

.xux-boundingBox {
	background-color: transparent;
	color: #0A0A0A;
}
.xux-horizontalLayout-responsive .xux-boundingBox {
	border-left-color: #5f6573;
}
.xux-boundingBox-item.xux-trailingBorder-true {
	border-right-color: #5f6573;
}

.xux-boundingBox {
	font-size: 14px;
}

.varianceTable span.variancetimedropdown {
    width: 340px !important;
}

.varianceTable #trVariance1 label.variancelabel {
    width: auto;
    min-width: 80px;
}
.xux-staticText {
    font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-boundingBox-item.xux-bottomBorder-true {
	border-color: #CCCCCC;
}
/* #endregion */

/* #region section */
.xux-section {
    padding: 18px;
}

.xux-section:after,
.xux-section:before {
	content: "";
	display: table;
	border-collapse: collapse;
}

.xux-section-content {
	box-sizing: border-box;
	padding: 16px;
}

.xux-section-content > p {
	padding: 0 16px;
}

.xux-section-content > aside {
	box-sizing: border-box;
	padding: 0;
	margin: 16px 0;
}
aside > .xux-section-content {
	padding: 16px;
}

.xux-section-content > pre {
	padding: 10px 0;
}
.xux-section-content > hr {
	margin: 0 auto;
}
.xux-section-content.xux-section-content-withicon {
	display: block;
	box-sizing: border-box;
}

.xux-section-title {
	font-weight: normal;
	text-align: inherit;
	margin: 0;
	position: relative;
}

.xux-section-icon-cell {
	box-sizing: border-box;
	display: block;
	text-decoration: none;
	margin: 0; /* for outline of focus */
	padding-top: 16px;
	padding-left: 16px;
}
.xux-has-section-type-icon > .xux-section-icon-cell  {
	padding-left: 16px;
}

/* trailing side button in section */
.xux-section-title > .xux-button {
	position: static; /* for position absolute */
}
.xux-section-title .xux-normalButton {
	position: inherit !important;
	right: 16px; /* gutter */
}
.xux-section-title .xux-normalButton .xux-button-icon {
	display: none; /* responsive */
}
.xux-section-title .xux-choice.xux-style-toggleSwitch {
	position: absolute;
	right: 16px; /* gutter */
	top: auto;	/* to cancel the property in jquery.xux.choice.css. */
}
/* leading side icon button in section */
.xux-section-title .xux-iconButton {
	position: absolute;
}
.xux-section-title .xux-iconButton.xux-first {
	left: 16px;
}
.xux-section-title .xux-tabbedSet {
	width: 85%; /* LARGE billing modal requires in Spanish */
	display: inline-block;
}
.xux-tabbedSet .xux-section-title .xux-tabbedSet-header {
	width: 85% !important; /* LARGE billing mode requires in Spanish */
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.xux-section-subtitle {
	font-weight: normal;
	text-align: left;
	position: relative;
	box-sizing: border-box;
	line-height: 1.4;
	margin: 16px 0 8px;
}
.xux-section-subtitle:first-child {
	margin-top: 0;
}
.xux-section-subtitle + p {
	margin-top: 8px;
}

.xux-section .xux-buttonSet {
	width: 85%; /* LARGE billing modal requires in Spanish */
	display: inline-block;
}

.xux-applyBoxAndLayout-section > .xux-section-content > .xux-applyBoxAndLayout-section {
	margin-left: 16px;
}
.xux-section > .xux-section-content > .xux-applyBoxAndLayout-section {
	margin-left: 0;
}

.xux-section-content p,
.xux-section-content > p.xux-last-child,
.xux-section-content > p:last-child {
	padding: 0;
}
.xux-section-content > p.xux-last-child,
.xux-section-content > p:last-child {
	margin-bottom: 0;
}
.xux-section-content > aside.xux-section:first-child {
	margin-top: 0;
}
.xux-section-content > aside.xux-section.xux-last-child,
.xux-section-content > aside.xux-section:last-child {
	margin-bottom: 0;
}

aside.xux-section.xux-type-alert .xux-section-title {
	padding: 16px 16px 0;
	text-align: left;
}
aside.xux-section.xux-type-alert .xux-section-title-icon-cell {
	line-height: 22px;
}

.xux-section-title > .xux-section-title-icon-cell {
	vertical-align: middle;
}

.xux-section-title-icon {
	position: relative;
	vertical-align: middle;
	padding-right: 5px;
}

.xux-section .xux-section-title.xux-has-icon {
    padding-top: 6px;
    padding-left: 0px;
}
.xux-section-content.xux-section-content-withicon > p:first-child {
	margin-top: 0;
}
.xux-section-content.xux-section-content-withicon > p.xux-last-child,
.xux-section-content.xux-section-content-withicon > p:last-child {
	margin-bottom: 0;
}
.xux-section-content > p:first-child {
	margin-top: 0;
}
.xux-section-content > ul.xux-stepIndicator {
	padding-left: 0;
}
.xux-section-content > .ui-tabs.xux-wizard-tabs {
	margin: 0;
}

.xux-section + .xux-section > .xux-section-content > hr:first-child {
	margin-top: -16px;
	margin-bottom: 16px;
}
.xux-body-middle .xux-applyBoxAndLayout-section > .xux-section-content > hr:last-child,
.xux-body-middle .xux-applyBoxAndLayout-section > .xux-section-content > hr.xux-last-child {
	margin-top: 16px;
	margin-bottom: -16px;
}

/*
 * .xux-labelableBox.xux-label-aligned.xux-indent-* resets margin is 0
 * because xux-indent-* has margin and labelablebox should use padding.
 * It is set to auto again.
 */
.xux-body-middle .xux-applyBoxAndLayout-section > .xux-section-content > div.xux-label-aligned {
	margin-left: auto;
}

.xux-section-content > .xux-style-list:first-child,
.xux-section-content > .xux-style-list.xux-verticalLayout-top:first-child,
.xux-section-content > .xux-table:first-child,
.xux-section-content > .JCLRgrips:first-child,
.xux-section-content > .xux-table.xux-verticalLayout-top:first-child,
.xux-section-content > .xux-decoratedTable:first-child,
.xux-section-content > .xux-decoratedTable.xux-verticalLayout-top:first-child {
	margin-top: -16px;
}
.xux-section-title + .xux-section-content > .xux-hasTableHeader:first-child {
	margin-top: -14px;
}

/* in js file has added .xux-last-child for xux-subordinate-hidden because :last-child has hidden */
.xux-section-content > .xux-style-list:last-child,
.xux-section-content > .xux-style-list.xux-verticalLayout-bottom:last-child,
.xux-section-content > .xux-style-list.xux-verticalLayout-bottom.xux-last-child,
.xux-section-content > .xux-table:last-child,
.xux-section-content > .xux-table.xux-verticalLayout-bottom:last-child,
.xux-section-content > .xux-table.xux-verticalLayout-bottom.xux-last-child,
.xux-section-content > .xux-decoratedTable:last-child,
.xux-section-content > .xux-decoratedTable.xux-verticalLayout-bottom:last-child,
.xux-section-content > .xux-decoratedTable.xux-verticalLayout-bottom.xux-last-child {
	margin-bottom: -16px;
}

.xux-section-content > .xux-style-list,
.xux-section-content > .xux-table,
.xux-section-content > .xux-decoratedTable {
	margin-left: -16px;
	margin-right: -16px;
}
.xux-section-content > .xux-table {
	width: calc(100% + 32px);
	max-width: calc(100% + 32px);
}

.xux-body-middle .xux-section-content .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) .xux-section-content,
.xux-body-middle .xux-section-content .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) .xux-section-icon-cell {
	max-width: none;
}

.xux-body-middle .xux-section.xux-hasTabbedSet > .xux-section-content {
	padding: 0;
}
.xux-body-middle .xux-section.xux-hasTabbedSet > .xux-section-title {
	margin-left: -16px;
	margin-right: -16px;
}

.xux-section > aside {
	color: #acaeb3;
}

.xux-section-type-icon.xux-icon {
	color: #fff;
}

.xux-section-title {
	background: #F5F5F5;
}

.xux-section-subtitle {
	color: #acaeb3;
}

.xux-section.xux-type-alert .xux-section-title,
.xux-section.xux-type-alert .xux-section-title-type-icon {
	color: #E6BC00;
}

aside.xux-section.xux-type-alert .xux-section-title {
	background: none;
	color: #E6BC00;
}

aside.xux-section.xux-type-alert .xux-section-title-type-icon {
	background: none;
	color: #E6BC00;
}

aside.xux-section.xux-type-alert .xux-section-type-icon {
	color: #E6BC00;
}

.xux-section.xux-type-fault .xux-section-title {
	color: #ff737b;
}
.xux-section.xux-type-fault .xux-section-title-type-icon {
	color: #cc252f;
}
.xux-section.xux-type-fault .xux-section-type-icon {
	color: #cc252f;
}

.xux-section.xux-type-success .xux-section-type-icon {
	color: #29ccb6;
}

.xux-section.xux-type-alert .xux-section-title .xux-normalButton .xux-button-text,
.xux-section.xux-type-fault .xux-section-title .xux-normalButton .xux-button-text {
	color: #0f0f0f;
}

aside.xux-section {
	background-color: #F5F5F5;
	color: #acaeb3;
}
aside.xux-section.xux-type-details {
	background-color: #F5F5F5;
}
aside.xux-section.xux-type-details a.xux-hyperlink {
	color: #37c6d9;
}
aside.xux-section.xux-type-details a.xux-hyperlink:hover,
aside.xux-section.xux-type-details a.xux-hyperlink:active {
	color: #37c6d9;
}
aside.xux-section.xux-type-alert {
	background-color: rgba(255, 209, 0, .2);
}
aside.xux-section.xux-type-alert a.xux-hyperlink {
	color: #ffd100;
}
aside.xux-section.xux-type-alert a.xux-hyperlink:hover,
aside.xux-section.xux-type-alert a.xux-hyperlink:active {
	color: #ffd100;
}

aside.xux-section.xux-type-fault {
	background-color: rgba(179, 32, 41, .2);
}
aside.xux-section.xux-type-fault a.xux-hyperlink {
	color: #ff737b;
}
aside.xux-section.xux-type-fault a.xux-hyperlink:hover,
aside.xux-section.xux-type-fault a.xux-hyperlink:active {
	color: #ff737b;
}

aside.xux-section.xux-type-success {
	background-color: rgba(0, 153, 96, .2);
}
aside.xux-section.xux-type-success a.xux-hyperlink {
	color: #29cc96;
}
aside.xux-section.xux-type-success a.xux-hyperlink:hover,
aside.xux-section.xux-type-success a.xux-hyperlink:active {
	color: #29cc96;
}

aside.xux-section p,
/*aside.xux-section.xux-type-details p,*/
aside.xux-section.xux-type-alert p,
aside.xux-section.xux-type-fault p/*,
aside.xux-section.xux-type-success p*/ {
	color: #fff;
}

.xux-section {
	line-height: 1.25;
	font-size: 14px;
}

.xux-section-title {
	line-height: 1.25;

}

.xux-section .xux-section-title > .xux-icon {
	padding: 0;
	line-height: 1;
	vertical-align: middle;
}

.xux-section-title > .xux-section-title-icon-cell {
	padding-right: 10px;
}

.xux-section-subtitle {
	line-height: 1.25;
	margin: 16px 0 8px;
}

.xux-section-subtitle + p {
	margin-top: 8px;
}

.xux-section.xux-has-section-icon .xux-section-content.xux-section-content-withicon {
	margin-top: -44px;
	padding-left: 54px;
}
.xux-section.xux-has-section-type-icon .xux-section-content.xux-section-content-withicon {
	margin-top: -40px;
	padding-left: 48px;
}

.xux-section-content.xux-section-content-withicon > p {
	padding-left: 0;
	padding-right: 0;
}

.xux-section-subtitle + .xux-verticalLayout-top.xux-topMargin-true {
	margin-top: 8px;
}

.xux-section-subtitle + .xux-verticalLayout-middle.xux-margin-normal,
.xux-section-subtitle + .xux-verticalLayout-bottom.xux-margin-normal {
	margin-top: 8px;
}

/* TODO: If this is OK, the upper margin: 16px auto should be changed */
.xux-body-middle .xux-applyBoxAndLayout-section .xux-section-content > .xux-section-subtitle {
	margin-bottom: 8px;
}

.xux-body-middle .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-content,
.xux-body-middle .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-icon-cell,
.xux-body-middle .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-panel {
	max-width: 1024px;	/* XGA width. Note: in border-box. */
	margin-left: auto;
	margin-right: auto;
}

.xux-body-middle .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-nav {
	max-width: 992px;
}

.xux-body-middle .xux-sidebarNav + main .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-content,
.xux-body-middle .xux-sidebarNav + main .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-icon-cell,
.xux-body-middle .xux-sidebarNav + main .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-panel
.xux-body-middle .xux-sidebarNav + .xux-breadcrumbsNav + main .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-content,
.xux-body-middle .xux-sidebarNav + .xux-breadcrumbsNav + main .xux-section.xux-sectionContentWidth-normal:not(.xux-hasTabbedSet) > .xux-section-icon-cell,
.xux-body-middle .xux-sidebarNav + .xux-breadcrumbsNav + main .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-panel {
	/*
	 * XGA width(1024) - sidebar width(250). Note: in border-box.
	 */
	max-width: 774px;
	margin-left: auto;
	margin-right: auto;
}

.xux-body-middle .xux-sidebarNav + main .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-nav,
.xux-body-middle .xux-sidebarNav + .xux-breadcrumbsNav + main .xux-section.xux-sectionContentWidth-normal.xux-hasTabbedSet .ui-tabs-nav {
	max-width: 742px;
}

.xux-section .xux-section-title > .xux-icon {
	font-size: 18px;  /* same size as section-title-type-icon */
	margin-right: 10px;
}

.xux-section-title-type-icon {
	font-size: 18px;
}

aside.xux-section .xux-section-type-icon {
	font-size: 18px;
	line-height: 18px;
	width: 18px;
}

.xux-section-icon-cell {
	padding-right: 10px;
}

.xux-section-title {
	padding: 6px 16px;
	font-size: 16px;
	font-weight: normal !important;
}

aside.xux-section.xux-type-alert .xux-section-title {
	font-size: 16px;
}

.xux-section-subtitle {
	font-size: 16px;
}

.xux-section-title .xux-normalButton {
	bottom: 3px;
}

.xux-section-title .xux-choice.xux-style-toggleSwitch {
	bottom: 3px;
}

.xux-section-title .xux-iconButton {
	bottom: 3px;
}

.xux-section.xux-hasTabbedSet .xux-section-title {
	padding-top: 9px;
	padding-bottom: 9px;
}

.xux-section h2 {
    font-size: 16px;
    text-align: inherit;
    position: relative;
    background: #F5F5F5;
    padding: 6px 16px;
    font-weight: normal !important;
    color: #0A0A0A;
    padding-left: 0;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-section h2 span.xux-button.xux-size-full.xux-width-auto {
    position: static;
}
.xux-section h2 span.xux-button.xux-size-full.xux-width-auto .xux-normalButton {
    position: inherit !important;
    right: 16px;
    bottom: 3px;
}
.xux-section h3,
.xux-section h4 {
    font-size: 16px;
    color: #0A0A0A;
	font-weight: normal;
	padding-left: 0px;
}
/* #endregion */

/* #region verticalLayout*/
.xux-verticalLayout-top,
.xux-verticalLayout-middle,
.xux-verticalLayout-bottom {
	margin-top: 0;
	margin-bottom: 0;
}

.xux-verticalLayout-top.xux-margin-narrow,
.xux-verticalLayout-middle.xux-margin-narrow {
	margin-bottom: 8px;
}
.xux-verticalLayout-middle.xux-margin-narrow,
.xux-verticalLayout-bottom.xux-margin-narrow {
	margin-top: 8px;
}
.xux-verticalLayout-top.xux-margin-normal,
.xux-verticalLayout-middle.xux-margin-normal {
	margin-bottom: 16px;
}
.xux-verticalLayout-middle.xux-margin-normal,
.xux-verticalLayout-bottom.xux-margin-normal {
	margin-top: 16px;
}
.xux-verticalLayout-top.xux-margin-wide,
.xux-verticalLayout-middle.xux-margin-wide {
	margin-bottom: 24px;
}
.xux-verticalLayout-middle.xux-margin-wide,
.xux-verticalLayout-bottom.xux-margin-wide {
	margin-top: 24px;
}
.xux-verticalLayout-top.xux-margin-extraWide,
.xux-verticalLayout-middle.xux-margin-extraWide {
	margin-bottom: 32px;
}
.xux-verticalLayout-middle.xux-margin-extraWide,
.xux-verticalLayout-bottom.xux-margin-extraWide {
	margin-top: 32px;
}
.xux-verticalLayout-top.xux-verticalLayout-middle.xux-margin-narrow,
.xux-verticalLayout-top.xux-verticalLayout-middle.xux-margin-normal,
.xux-verticalLayout-top.xux-verticalLayout-middle.xux-margin-wide,
.xux-verticalLayout-top.xux-verticalLayout-middle.xux-margin-extraWide,
.xux-verticalLayout-top.xux-verticalLayout-bottom.xux-margin-narrow,
.xux-verticalLayout-top.xux-verticalLayout-bottom.xux-margin-normal,
.xux-verticalLayout-top.xux-verticalLayout-bottom.xux-margin-wide,
.xux-verticalLayout-top.xux-verticalLayout-bottom.xux-margin-extraWide {
	margin-top: 0;
}
.xux-verticalLayout-bottom.xux-verticalLayout-middle.xux-margin-narrow,
.xux-verticalLayout-bottom.xux-verticalLayout-middle.xux-margin-normal,
.xux-verticalLayout-bottom.xux-verticalLayout-middle.xux-margin-wide,
.xux-verticalLayout-bottom.xux-verticalLayout-middle.xux-margin-extraWide,
.xux-verticalLayout-bottom.xux-verticalLayout-top.xux-margin-narrow,
.xux-verticalLayout-bottom.xux-verticalLayout-top.xux-margin-normal,
.xux-verticalLayout-bottom.xux-verticalLayout-top.xux-margin-wide,
.xux-verticalLayout-bottom.xux-verticalLayout-top.xux-margin-extraWide {
	margin-bottom: 0;
}

/* .xux-style-list.xux-verticalLayout-top.xux-topMargin-true, */
.xux-verticalLayout-top.xux-topMargin-true {
	margin-top: 16px;
}
/* .xux-style-list.xux-verticalLayout-bottom.xux-bottomMargin-true, */
.xux-verticalLayout-bottom.xux-bottomMargin-true {
	margin-bottom: 16px;
}

.xux-has-subordinates > .xux-verticalLayout-middle.xux-bottomMargin-true,
.xux-has-subordinates > .xux-verticalLayout-top.xux-bottomMargin-true {
	margin-bottom: 16px;
}

.xux-verticalLayout-middle .xux-suggestableInputField.xux-textField.xux-imeMode-auto {
    /* vertical-align: middle; */
}

.xux-verticalLayout-middle:not(.dropDownListContainer) label,
.xux-verticalLayout-middle:not(.dropDownListContainer) .xux-labelableBox-content label {
    /* vertical-align: middle; */
}

.xux-infotip, .xux-infotip .xux-icon {
    line-height: 0;
}

.xux-choiceBox.xux-labelableBox.xux-labelLayout-leading.xux-verticalLayout-middle .xux-labelableBox-label {
    /* vertical-align: middle; */
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.xux-mixableBox.xux-verticalLayout-middle.xux-label-aligned > div > span.xux-button{
		vertical-align: middle;
	}	
}

@media all and (-ms-high-contrast: none){
	.xux-verticalLayout-middle .xux-suggestableInputField.xux-textField.xux-imeMode-auto {
		vertical-align: top;
	}
}
.checkBoxContainer.xux-checkboxBox.xux-labelableBox.xux-verticalLayout-middle.xux-label-aligned > label {
    vertical-align: top;
}
/* #endregion */

/* #region horizon */
.xux-horizontalLayout {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.xux-horizontalLayout.xux-style-list {
	display: block;
	width: calc(100% + 32px);
}
.xux-horizontalLayout-2,
.xux-horizontalLayout-3,
.xux-horizontalLayout-4,
.xux-horizontalLayout-5 {
	table-layout: auto;
}
.xux-horizontalLayout-item {
	display: table-cell;
}
.xux-horizontalLayout-2 .xux-horizontalLayout-item {
	width: 50%;
}
.xux-horizontalLayout-3 .xux-horizontalLayout-item {
	width: 33%;
}
.xux-horizontalLayout-4 .xux-horizontalLayout-item {
	width: 25%;
}
.xux-horizontalLayout-5 .xux-horizontalLayout-item {
	width: 20%;
}
.xux-horizontalLayout-2 .xux-horizontalLayout-item.xux-rest,
.xux-horizontalLayout-3 .xux-horizontalLayout-item.xux-rest,
.xux-horizontalLayout-4 .xux-horizontalLayout-item.xux-rest,
.xux-horizontalLayout-5 .xux-horizontalLayout-item.xux-rest {
	width: auto;
}

.xux-horizontalLayout-item > .xux-verticalLayout-top.xux-topMargin-true {
	margin-top: 0;
}
.xux-horizontalLayout-item > .xux-verticalLayout-bottom.xux-bottomMargin-true {
	margin-bottom: 0;
}
.xux-horizontalLayout-margin {
	display: table-cell;
	width: 16px;
}
.xux-horizontalLayout-margin div {
	display: block;
	width: 16px;
}

/* grid system layout */
.xux-horizontalLayout-responsive {
	display: table;
}
.xux-horizontalLayout-responsive [class*="xux-horizontalLayout-item-"] {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-1 {
	width: 8.33333333% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-2 {
	width: 16.66666667% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-3 {
	width: 25% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-4 {
	width: 33.33333333% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-5 {
	width: 41.66666667% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-6 {
	width: 50% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-7 {
	width: 58.33333333% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-8 {
	width: 66.66666667% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-9 {
	width: 75% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-10 {
	width: 83.33333333% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-11 {
	width: 91.66666667% !important;
}
.xux-horizontalLayout-responsive .xux-horizontalLayout-item-12 {
	width: 100% !important;
}
.xux-horizontalLayout .xux-horizontalLayout-item .xux-labelableBox-content label {
    vertical-align: middle;
}
.ui-widget .xux-editableText:not(.xux-textArea) {
    vertical-align: middle;
}
#JobsDecoratedTable .xux-contextMenu-delegate.xux-contextMenu-trigger {
    vertical-align: middle;
}
.xux-mixableBox.xux-controlBox.xux-itemLayout-horizontal .xux-labelableBox-content label {
    vertical-align: middle;
}
/* #endregion */

/* #region modalwindow */
.xux-modalWindow-fade {
	opacity: 0;	
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.xux-modalWindow-fade.xux-modalWindow-in {
	opacity: 1;	
}

.xux-modalWindow-overlay {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

/* To prevent page from scrolling. */
html.xux-modalWindow-opened body {
	overflow: hidden;
}
/* Only overflow hidden does not works well on iOS.
   height, width and postion is changed, scroll position is maintained by widget */
html.xux-modalWindow-opened-ios,
html.xux-modalWindow-opened-ios body {
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: fixed;
}

.xux-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	display: block;
	-webkit-overflow-scrolling: touch;
}

.xux-modal {
	overflow-y: auto;
	overflow-x: hidden;
}

/* gfocal modalwindow focus custom behavior is focusTabbableAfterOpenOrPop.
 * When xux-modal has focus, IE Edge shows dotted outline. */
.xux-modal {
	outline: none;
}

.xux-modalWindow,
.xux-modalWindow .ui-dialog-content {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	position: relative !important;
	width: auto;
	background: none;
	box-sizing: border-box;
	overflow: visible;
	border: 0 none;
}

.xux-modalWindow-touchMask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.xux-modal.xux-modalWindow-fade .xux-modalWindow {
	-webkit-transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	-ms-transform: translate(0, -25%);
	-webkit-transform: translate(0, -25%);
	transform: translate(0, -25%);
}

.xux-modal.xux-modalWindow-in .xux-modalWindow {
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.xux-modalWindow > .ui-dialog-content {
	border: none;
	padding: 0;
	font-weight: normal;
	background-clip: border-box;
	box-sizing: border-box;
	overflow: visible;
	border-radius: 10px;
}

.xux-modalWindow.xux-height-fit .xux-modalWindow-content {
	overflow-y: auto;
}

.xux-modalWindow .xux-title {
	margin: 0;
	background-image: none;
	font-weight: normal;
	vertical-align: middle;
	white-space: normal;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.xux-modalWindow .xux-title:before {
	font-weight: normal;
	vertical-align: middle;
	display: inline-block;
}

.xux-modalWindow.xux-typeIcon-false .xux-title:before {
	content: '';
	display: none;
}

.xux-modalWindow .xux-modalWindow-content {
	position: relative;
	overflow: auto;
	padding: 16px;
	box-sizing: border-box;
}

.xux-type-settings.xux-width-full .xux-modalWindow-content {
	overflow-x: auto;
}

.xux-modalWindow .xux-separator {
	margin: 0;
	opacity: 0;
	border: none;
	height: 0;
}

.xux-modalWindow .xux-separator~.xux-buttonBox,
.xux-modalWindow .xux-separator~div .xux-buttonBox {
	text-align: right;
	border-top: none;
}
.xux-modalWindow .xux-separator~.xux-buttonBox.xux-horizontalLayout-trailing,
.xux-modalWindow .xux-separator~div .xux-buttonBox.xux-horizontalLayout-trailing {
	float: right;
}
.xux-modalWindow .xux-separator~.xux-buttonBox.xux-horizontalLayout-leading,
.xux-modalWindow .xux-separator~div .xux-buttonBox.xux-horizontalLayout-leading {
	float: left;
}

.xux-modalWindow .xux-separator~.xux-buttonBox:before,
.xux-modalWindow .xux-separator~div .xux-buttonBox:before {
	content: " ";
	display: table;
	box-sizing: border-box;
}

.xux-modalWindow .xux-separator~.xux-buttonBox:after,
.xux-modalWindow .xux-separator~div .xux-buttonBox:after {
	content: " ";
	display: table;
	clear: both;
	box-sizing: border-box;
}

.xux-modalWindow .xux-separator~div .xux-button {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
}

.xux-modalWindow .xux-separator~.xux-leading-buttons {
	position: relative;
}

.xux-modalWindow .xux-title.xux-has-icon:before {
	content: '';
	display: none;
}

.xux-modalWindow .xux-title > span:first-child {
	vertical-align: middle;
}

.xux-modalWindow .xux-title > span:first-child:before {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	vertical-align: middle;
	display: inline-block;
}

/*
 * for xuxValidation.
 *
 * canceling horizontalLayout's floating (in base/jquery.xux.labelablebox.css)
 */

.xux-modalWindow.xux-width-narrow .xux-separator~div .xux-labelableBox-main,
.xux-modalWindow.xux-width-narrow .xux-separetor~div .xux-labelableBox-error {
	float: none;
}

.xux-modal.xux-modal-frameless {
	display: block;
	width: 100%;
	height: 100%;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 100; /* TODO: This is experimental change to remove pop/push method. */
}

.xux-modalWindow.xux-modalWindow-frameless {
	display: block;
	position: fixed;
	width: 100%;
	text-align: center;
	top: 50%;
	border: none;
	padding: 0;
	margin-bottom: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content {
	background-color: transparent;
	border: 1px solid transparent;
	text-shadow: none;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-title {
	background: none;
	border: none;
	min-height: 0;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-title:before {
	display: block;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-typeIcon-false > .ui-dialog-content .xux-title:before {
	content: '';
	display: none;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-title > * {
	display: block;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content {
	padding: 16px;
	margin: 0;
	text-align: left;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content > p {
	text-align: center;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-boundingBox {
	background-color: transparent;
}

/* ul is used in ajax communication error message.
 * Because list marker cannot be align, they are not shown now. */
.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-labelableBox ul {
	list-style: none;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator {
	margin: 0;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~.xux-buttonBox,
.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-buttonBox {
	background: none;
	display: inline-block;
	margin: 16px auto 0 auto;
	text-align: center;
	float: none;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-labelableBox-content {
	display: block;
	float: none;
	text-align: center;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-button {
	display: block;
	line-height: 0;
	position: relative;
	float: left !important;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-normalButton .xux-button-text {
	vertical-align: baseline;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-normalButton.ui-state-focus,
.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-normalButton:focus {
	background-color: transparent;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-labelableBox-main,
.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-labelableBox-error {
	float: none;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-labelableBox-main,
.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-labelableBox-error {
	float: none;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-height-fit {
	width: 100% !important;
	height: 100% !important;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-height-fit .xux-modalWindow-content {
	overflow-y: auto;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-height-fit > .ui-dialog-content {
	height: 100% !important;
	margin-bottom: 0;
	padding: 0;
	border: none;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-height-fit .xux-separator {
	opacity: 1;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#a020a0), to(#e00000));
	background: -webkit-linear-gradient(top, #a020a0, #e00000);
	background: linear-gradient(#a020a0, #e00000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#a020a0, endColorstr=#e00000);
}

.xux-modalWindow-content .xux-section .xux-style-list.xux-multipliable {
	margin-left: 0;
	margin-right: 0;
}
.xux-modalWindow .xux-modalWindow-content > .xux-tabbedSet:first-child,
.xux-modalWindow .xux-modalWindow-content > .xux-section:first-child,
.xux-modalWindow .xux-modalWindow-content > .xux-wizard:first-child,
.xux-modalWindow .xux-modalWindow-content > .xux-boundingBox:first-child,
.xux-modalWindow .xux-modalWindow-content > .xux-boundingBox.xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-normal:first-child,
.xux-modalWindow .xux-modalWindow-content > form:first-child > .xux-tabbedSet:first-child,
.xux-modalWindow .xux-modalWindow-content > form:first-child >.xux-section:first-child,
.xux-modalWindow .xux-modalWindow-content > form:first-child > .xux-wizard:first-child,
.xux-modalWindow .xux-modalWindow-content > form:first-child > .xux-boundingBox:first-child,
.xux-modalWindow .xux-modalWindow-content > form:first-child > .xux-boundingBox.xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-normal:first-child {
	margin-top: -16px;
}
.xux-modalWindow .xux-title + .xux-modalWindow-content > .xux-section.xux-hasFirstChildTitle:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > .xux-boundingBox.xux-hasFirstChildTitle:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > .xux-hasTableHeader:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > .xux-section:not(.xux-hasFirstChildTitle):first-child > .xux-section-content:first-child > .xux-hasTableHeader:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > .xux-boundingBox:not(.xux-hasFirstChildTitle):first-child > .xux-section:first-child > .xux-section-content:first-child > .xux-hasTableHeader:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > form:first-child > .xux-section.xux-hasFirstChildTitle:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > form:first-child > .xux-boundingBox.xux-hasFirstChildTitle:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > form:first-child > .xux-boundingBox.xux-hasFirstChildTitle:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > form:first-child > .xux-hasTableHeader:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > form:first-child > .xux-section:not(.xux-hasFirstChildTitle):first-child > .xux-section-content:first-child > .xux-hasTableHeader:first-child,
.xux-modalWindow .xux-title + .xux-modalWindow-content > form:first-child > .xux-boundingBox.xux-hasFirstChildTitle:not(.xux-hasFirstChildTitle):first-child > .xux-section:first-child > .xux-section-content:first-child > .xux-hasTableHeader:first-child {
	margin-top: -14px;
}

.xux-modalWindow .xux-modalWindow-content > .xux-tabbedSet:last-child,
.xux-modalWindow .xux-modalWindow-content > .xux-section:last-child,
.xux-modalWindow .xux-modalWindow-content > .xux-wizard:last-child,
.xux-modalWindow .xux-modalWindow-content > .xux-boundingBox:last-child,
.xux-modalWindow .xux-modalWindow-content > .xux-boundingBox.xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-normal:last-child,
.xux-modalWindow .xux-modalWindow-content > form:last-child > .xux-tabbedSet:last-child,
.xux-modalWindow .xux-modalWindow-content > form:last-child > .xux-section:last-child,
.xux-modalWindow .xux-modalWindow-content > form:last-child > .xux-wizard:last-child,
.xux-modalWindow .xux-modalWindow-content > form:last-child > .xux-boundingBox:last-child,
.xux-modalWindow .xux-modalWindow-content > form:last-child > .xux-boundingBox.xux-boundingBox-verticalLayout.xux-verticalLayout-top.xux-margin-normal:last-child {
	margin-bottom: -16px;
}
.xux-modalWindow .xux-modalWindow-content > .xux-applyBoxAndLayout-section > .xux-style-list:first-child {
	margin-top: -16px;
}
.xux-modalWindow .xux-modalWindow-content > .xux-applyBoxAndLayout-section > .xux-style-list {
	margin: 0 -16px;
}
.xux-modalWindow .xux-modalWindow-content > .xux-applyBoxAndLayout-section > .xux-style-list:last-child {
	margin-bottom: -16px;
}

.xux-modalWindow .xux-modalWindow-title-text:focus,
.xux-modalWindow .xux-section-title-text:focus,
.xux-modalWindow .xux-section-subtitle-text:focus,
.xux-modalWindow h2:focus,
.xux-modalWindow h2:focus,
.xux-modalWindow h3:focus,
.xux-modalWindow h4:focus,
.xux-modalWindow h5:focus,
.xux-modalWindow p:focus {
	outline: thin dotted;
}

.xux-modalWindow-overlay {
	background: #0a0a0a;
}

.xux-modalWindow .ui-dialog-content {
	color: #0A0A0A;
}
.xux-modalWindow > .ui-dialog-content {
	background-color: #F5F5F5;
	color: #0A0A0A;
}
.xux-modalWindow .xux-title {
	background-color: rgba(234, 234, 234, 0.35);
	color: #0A0A0A;
}

.xux-modalWindow.xux-type-alert .xux-title:before {
	color: #ffd100;
}
.xux-modalWindow.xux-type-fault .xux-title:before {
	color: #cc252f;
}
.xux-modalWindow.xux-type-success .xux-title:before {
	color: #29ccb6;
}

.xux-modalWindow .xux-button.xux-type-settings .xux-normalButton,
.xux-modalWindow.xux-type-alert .xux-button.xux-type-alert .xux-normalButton {
	border-color: #00838d;
	background-color: #00838d;
}
.xux-modalWindow .xux-button.xux-type-settings .xux-normalButton.ui-state-hover,
.xux-modalWindow .xux-button.xux-type-settings .xux-normalButton.ui-state-focus,
.xux-modalWindow.xux-type-alert .xux-button.xux-type-alert .xux-normalButton.ui-state-hover,
.xux-modalWindow.xux-type-alert .xux-button.xux-type-alert .xux-normalButton.ui-state-focus {
	border-color: #007373;
	background-color: #007373;
}
.xux-modalWindow .xux-button.xux-type-settings .xux-normalButton.ui-state-active,
.xux-modalWindow .xux-button.xux-type-settings .xux-normalButton:active,
.xux-modalWindow.xux-type-alert .xux-button.xux-type-alert .xux-normalButton.ui-state-active,
.xux-modalWindow.xux-type-alert .xux-button.xux-type-alert .xux-normalButton:active {
	border-color: #005e5e;
	background-color: #005e5e;
}

html.xux-modalWindow-opened .xux-modal,
html.xux-modalWindow-opened-ios .xux-modal {
	overflow-x: auto;
}

.xux-modalWindow {
	margin: 0 auto;
	padding: 0; /* needed for reset ui-dialog padding */
}

.xux-modalWindow > .ui-dialog-content {
	line-height: 1.25;
}


.xux-modalWindow .xux-title {
	line-height: 1.25;
}

.xux-modalWindow .xux-title:before {
	font-size: 20px;
	line-height: 20px;
	padding-right: 8px;
}

.xux-modalWindow .xux-title > span:first-child:before {
	font-size: 32px;
	line-height: 30px;
}

.xux-modalWindow-content > p {
	margin-left: 0;
	margin-right: 0;
}

.xux-modalWindow-content > p:first-child {
	margin-top: 0;
}

.xux-modalWindow-content > p:last-child {
	margin-bottom: 0;
}

.xux-modalWindow .xux-separator~.xux-buttonBox,
.xux-modalWindow .xux-separator~div .xux-buttonBox {
	padding: 0 8px;
}

.xux-modalWindow.xux-width-narrow {
	width: 300px;
	margin: 30px auto;
}

.xux-modalWindow.xux-width-normal,
.xux-modalWindow {
	width: 600px !important;
	margin: 100px auto;
}

.xux-modalWindow.xux-width-wide {
	width: 900px;
	margin: 30px auto;
}

.xux-modal.xux-modal-frameless {
	font-size: 18px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content {
	line-height: 1.2;
	font-size: 18px;
	padding: 15px;
	margin-bottom: 20px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content.xux-modalWindow-nocontent .xux-title {
	margin-bottom: 34px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-title:before {
	font-size: 96px;
	line-height: 1;
	margin-bottom: 32px;
	padding-right: 0;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-title > * {
	margin: auto auto 8px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content {
	font-size: 18px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-labelableBox {
	font-size: 18px;
	line-height: 30px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-labelableBox p,
.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content > .xux-section .xux-labelableBox p {
	margin-bottom: 16px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-section .xux-labelableBox.xux-last-child p:last-child,
.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-section .xux-labelableBox:last-child p:last-child {
	margin-bottom: 0;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-labelableBox ul {
	margin: auto auto 16px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-verticalLayout-top.xux-topMargin-true,
.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content > .xux-section .xux-verticalLayout-top.xux-topMargin-true {
	margin-top: 24px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-section > div > .xux-verticalLayout-top.xux-topMargin-true:first-child {
	margin-top: 8px; /* 24-16 */
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-verticalLayout-bottom.xux-bottomMargin-true,
.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content > .xux-section .xux-verticalLayout-bottom.xux-bottomMargin-true {
	margin-bottom: 16px;
}

.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-section > div > [class*="xux-verticalLayout-"].xux-bottomMargin-true.xux-last-child,
.xux-modalWindow.xux-modalWindow-frameless > .ui-dialog-content .xux-modalWindow-content .xux-section > div > .xux-verticalLayout-bottom.xux-bottomMargin-true:last-child {
	margin-bottom: 0; /* 16-16 */
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-button {
	padding: 8px 8px;
	margin: 0;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-button .xux-normalButton {
	font-size: 18px;
	height: 44px;
	line-height: 42px;
	min-width: 140px;
	padding: 0 8px;
}

.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-normalButton.xux-with-icon .xux-button-icon,
.xux-modalWindow.xux-modalWindow-frameless .xux-separator~div .xux-button.xux-size-full .xux-normalButton.xux-with-icon .xux-button-icon {
	font-size: 18px;
	line-height: 18px;
	width: 18px;
	top: 1px;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-height-fit > .ui-dialog-content .xux-title {
	padding: 32px 0 10px 0;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-height-fit > .ui-dialog-content {
	margin-bottom: 0;
	padding: 0;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-width-narrow,
.xux-modalWindow.xux-modalWindow-frameless.xux-width-narrow.xux-height-fit .xux-modalWindow-content,
.xux-modalWindow.xux-modalWindow-frameless.xux-width-narrow.xux-height-fit .xux-title {
	width: 300px;
	margin: auto;
}

.xux-modalWindow.xux-modalWindow-frameless,
.xux-modalWindow.xux-modalWindow-frameless.xux-height-fit .xux-modalWindow-content,
.xux-modalWindow.xux-modalWindow-frameless.xux-height-fit .xux-title {
	width: 600px;
	margin: auto;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-width-wide,
.xux-modalWindow.xux-modalWindow-frameless.xux-width-wide.xux-height-fit .xux-modalWindow-content,
.xux-modalWindow.xux-modalWindow-frameless.xux-width-wide.xux-height-fit .xux-title {
	width: 900px;
	margin: auto;
}

.xux-modalWindow.xux-modalWindow-frameless.xux-width-full,
.xux-modalWindow.xux-modalWindow-frameless.xux-width-full.xux-height-fit .xux-modalWindow-content,
.xux-modalWindow.xux-modalWindow-frameless.xux-width-full.xux-height-fit .xux-title {
	width: 100%;
}

.xux-modalWindow.xux-type-settings.xux-width-full {
	width: 100%;
}
.xux-modalWindow {
	font-size: 14px;
}

.xux-modalWindow .ui-dialog-content {
	font-size: 14px;
}

.xux-modalWindow > .ui-dialog-content {
	font-size: 14px;
}

.xux-modalWindow .xux-title {
	font-size: 16px;
	padding: 8px 16px 8px 16px;
}

.xux-modalWindow.xux-type-settings.xux-width-full {
	padding: 0 32px;
}

.xux-modalWindow .xux-title:before {
	font-family: 'NBFont';
}

.xux-modalWindow .xux-title > span:first-child:before {
	font-family: 'NBFont';
}
.xux-modalWindow.xux-typeIcon-true.xux-progressModalWindow .xux-title,
.xux-modalWindow.xux-progressModalWindow .xux-title.xux-has-icon,
.xux-modalWindow.xux-typeIcon-true .xux-title:not(.xux-has-icon) {
    padding-left: 40px;
}
.xux-modalWindow.xux-typeIcon-true .xux-title,
.xux-modalWindow .xux-title.xux-has-icon {
	padding-left: 16px;
	padding-top: 8px;
}
.xux-modalWindow:not(.xux-typeIcon-true) .xux-title.xux-has-icon span:first-child {
    padding-right: 6px;
    padding-top: 4px;
}
.xux-modalWindow.xux-typeIcon-true .xux-title>span:first-child, .xux-modalWindow .xux-title.xux-has-icon>span:first-child {
    position: static;
}
.xux-modalWindow.xux-type-settings,
.xux-modalWindow.xux-type-alert {
    background-color: transparent;
    box-shadow: none;
}

.xux-modalWindow.xux-type-settings.xux-width-wide {
	width: 1153px !important;
    top: 0px !important;
	/* position: fixed !important; */
	position: absolute !important;
}
.xux-modalWindow,
.xux-modalWindow .xux-title {
	box-shadow: none;
}
.xux-modalWindow.xux-width-normal, .xux-modalWindow {
    top: 0 !important;
    position: absolute !important;
    /* left: 176px !important; */
}
.xux-modalWindow.xux-typeIcon-true .xux-title>span:first-child {
	/* background-color: #EAEAEA; */
	position: absolute;
	margin: 6px 10px;
}
.xux-modalWindow.xux-type-fault {
    background-color: transparent;
    box-shadow: none;
}
.xux-modalWindow .xux-title:before,
.xux-modalWindow.xux-type-details .xux-title:before {
    color: #0A0A0A;
}
#dm_ui_fileinfo_modalWindow .xux-modalWindow-content article,
#dm_ui_adminaccount_modalWindow .xux-modalWindow-content article,
#dm_ui_printer_modalWindow .xux-modalWindow-content article,
#dm_ui_fileinfo_modalWindow .xux-modalWindow-content article
#dm_ui_adminaccount_modalWindow .xux-modalWindow-content article{
    padding-top: 15px;
}
#mon-popupDetailWindow {
    padding-bottom: 50px;
}
#mon-popupDetailWindow .xux-table{
    margin: 0;
}
#pm_TimeSettingsModalWindow article#pm_artTimeSettings {
    margin-top: -60px;
}
#pm_TimeSettingsModalWindow article#pm_artTimeSettings #pm_timeSettingsSection label  {
    width: 140px;
}
#pm_printJobDetailsModalWindow article section {
    height: 600px;
}

/* #endregion */

/* #region label */
.xux-labelableBox {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	box-sizing: border-box; /* to remove horizontal scroll */
	position: relative;
	line-height: 1.25;
}

/*
 * xuxMultipliableBox clones a label and refers the CSS.
 * So don't prepend .xux-labelableBox.
 */
.xux-labelableBox-label {
	display: block;
	white-space: normal;
	text-overflow: ellipsis;
	font-weight: normal;
	margin-bottom: 8px; /* better than guide for multiple lines */
}

.xux-labelableBox p {
	margin: 0;
}
.xux-labelableBox aside p {
	margin: 16px 0;
}

.xux-labelableBox-content {
	position: relative;
}
.xux-labelableBox.xux-labelLayout-trailing .xux-labelableBox-label,
.xux-labelableBox.xux-contentLayout-trailing .xux-labelableBox-content {
	text-align: right;
}
.xux-labelableBox.xux-labelLayout-center .xux-labelableBox-label,
.xux-labelableBox.xux-contentLayout-center .xux-labelableBox-content {
	text-align: center;
}


.xux-labelableBox img {
	vertical-align: middle;
}
.xux-labelableBox .xux-labelableBox-content > aside ul,
.xux-labelableBox .xux-labelableBox-content .xux-layoutGroup > aside ul {
	margin: 0;
	padding-left: 16px; /* gutter for pre dot */
}

/* from basg-base then changed */
.xux-itemLayout-vertical .xux-layoutGroup {
	display: block;
	margin-top: 8px;
}
.xux-itemLayout-vertical .xux-layoutGroup.xux-first {
	margin-top: 0;
}
.xux-itemLayout-vertical .xux-layoutGroup.xux-top {
	margin-top: 0;
}
/* end of basg-base */

.xux-itemLayout-vertical .xux-horizontalLayout-margin {
	display: table-cell;
	width: 16px;
}
/* indent width + left side gutter */
/* use padding because lableblebox has border box and responsive width */
.xux-labelableBox.xux-indent-1,
.xux-labelableBox.xux-indent-2,
.xux-labelableBox.xux-indent-3,
.xux-labelableBox.xux-indent-4,
.xux-labelableBox.xux-indent-5 {
	margin-left: 0;
}
.xux-labelableBox.xux-indent-1 {
	padding-left: 16px;
}
.xux-labelableBox.xux-indent-2 {
	padding-left: 32px;
}
.xux-labelableBox.xux-indent-3 {
	padding-left: 48px;
}
.xux-labelableBox.xux-indent-4 {
	padding-left: 64px;
}
.xux-labelableBox.xux-indent-5 {
	padding-left: 80px;
}

/* leading label */
.xux-labelableBox.xux-labelLayout-leading .xux-labelableBox-label {
	display: table-cell;	/* for xuxAlignBoxLabels */
	white-space: pre;
	padding-right: 12px;	/* margin-right doesn't work at table-cell. */
}
.xux-labelableBox.xux-labelLayout-leading .xux-labelableBox-label.xux-over-max {
    white-space: normal;
}
.xux-labelableBox.xux-labelLayout-leading .xux-labelableBox-content {
	display: table-cell;
	/* width: 100%; */
}
/* memo */
.xux-labelableBox.xux-labelLayout-leading.xux-contentLayout-trailing .xux-labelableBox-content {
	display: table-cell;
}
/*
 * Don't specify xux-labelLayout-leading instead of xux-label-aligned.
 * Otherwise xuxAlignBoxLabels cannot get correct width.
 */
.xux-labelableBox.xux-label-aligned {
	/*display: table; */ /* TODO: is this needed ? */
	width: 100%;
}
.xux-labelableBox.xux-labelLayout-leading.xux-label-aligned .xux-labelableBox-label,
.xux-labelableBox.xux-labelLayout-leading.xux-label-aligned .xux-labelableBox-content {
	display: table-cell;
}

/*
 * Don't specify xux-labelLayout-leading instead of xux-label-aligned.
 * Otherwise xuxAlignBoxLabels cannot get correct width.
 */

/* TODO: aligned leading label seems OK to have padding right for not empty labels */
.xux-labelableBox.xux-labelLayout-leading.xux-label-aligned .xux-labelableBox-label:empty {
	padding-right: 12px;
}


/* label empty cases */
.xux-labelableBox .xux-labelableBox-label:empty,
.xux-labelableBox.xux-labelLayout-leading .xux-labelableBox-label:empty {
	margin:	0;
	padding-right: 0;
}


/*
 * To override CSS of xuxIndent.
 * It makes a layout bad because width: 100%.
 * So instead I put padding-left on labels.
 */
.xux-labelableBox.xux-label-aligned.xux-indent-1,
.xux-labelableBox.xux-label-aligned.xux-indent-2,
.xux-labelableBox.xux-label-aligned.xux-indent-3,
.xux-labelableBox.xux-label-aligned.xux-indent-4,
.xux-labelableBox.xux-label-aligned.xux-indent-5 {
	margin-left: 0;
	padding-left: 16px;
}
.xux-labelableBox.xux-label-aligned.xux-indent-1 .xux-labelableBox-label {
	padding-left: 0;
}
.xux-labelableBox.xux-label-aligned.xux-indent-2 .xux-labelableBox-label {
	padding-left: 16px;
}
.xux-labelableBox.xux-label-aligned.xux-indent-3 .xux-labelableBox-label {
	padding-left: 32px;
}
.xux-labelableBox.xux-label-aligned.xux-indent-4 .xux-labelableBox-label {
	padding-left: 48px;
}
.xux-labelableBox.xux-label-aligned.xux-indent-5 .xux-labelableBox-label {
	padding-left: 64px;
}

/* TODO: is this needed ? */
.xux-labelableBox .xux-itemMargin-normal {
	position: relative;
}

.xux-labelableBox.xux-horizontalLayout-item {
	vertical-align: top;
}
.xux-labelableBox.xux-horizontalLayout-trailing {
	text-align: right;
}
.xux-labelableBox.xux-horizontalLayout-center {
	text-align: center;
}
.xux-labelableBox.xux-horizontalLayout-leading {
	text-align: left;
}
.xux-labelableBox.ui-state-hover, .xux-labelableBox.ui-state-active {
	border: none;
	background: transparent no-repeat;
	font-weight: normal;
	/*color: inherit;*/	/* To override the setting of jQuery UI */
}

.xux-horizontalLayout-responsive .xux-labelableBox-label[class*="xux-horizontalLayout-item-"] {
    white-space: normal;
}

/* icon in label for not style list is not moved out from label 2015.6.11 */
.xux-labelableBox .xux-labelableBox-label > .xux-icon {
	padding-right: 8px;
}
.xu-style-list.xux-labelableBox .xux-labelableBox-label > .xux-icon {
	padding-right: 0;
}

/* To override jQuery UI settings.*/
.xux-labelableBox.xux-kickable.ui-state-focus {
	outline: none;
}

label.xux-labelableBox-label {
	color: #0A0A0A;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}

.xux-labelableBox {
    font-size: 14px;
}

.xux-labelableBox .xux-labelableBox-label {
    margin-bottom: 8px;
}

.xux-labelableBox:lang(ja), .xux-labelableBox:lang(en), .xux-labelableBox:lang(ko), .xux-labelableBox:lang(th), .xux-labelableBox:lang(zh) {
    color: #0A0A0A;
}

.xux-labelableBox, .xux-labelableBox.ui-state-hover, .xux-labelableBox.ui-state-active {
    color: #0A0A0A;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
}
#RegisterDeviceWizard .collectionintervaldailydisplay .xux-labelableBox-content > label,
#editRegisteredDevicesTable .editcollectionintervaldailydisplay .xux-labelableBox-content > label,
#editDeviceGroupTable #editgroupcollectionintervaldailydisplay .xux-labelableBox-content > label,
#CreateNewGroupModal #groupcollectionintervaldailydisplay .xux-labelableBox-content > label{
    margin-right: 3px;
}
#dm_addIpv4FilterModalWindow .xux-modalWindow-content .xux-labelableBox-content label {
    margin: 0 3px 0 3px;
}
#dm_updateDeviceModalWindow .xux-labelableBox.xux-labelLayout-trailing .xux-labelableBox-label {
	text-align: left;
}
/* #endregion */

/* #region table */
.xux-table-width-fitContent {
	width: 1px;
	white-space: nowrap;
}

.xux-table .xux-table-header {
	white-space: nowrap;
	padding: 6px;
}
.xux-table .xux-table-header th {
	text-align: left;
}

.xux-table-noSelectableData > thead .xux-table-choice-headerCell .xux-checkbox {
	visibility: hidden;
}

.xux-table-hiddenColumn-0 .xux-table-cell:nth-child(1),
.xux-table-hiddenColumn-1 .xux-table-cell:nth-child(2),
.xux-table-hiddenColumn-2 .xux-table-cell:nth-child(3),
.xux-table-hiddenColumn-3 .xux-table-cell:nth-child(4),
.xux-table-hiddenColumn-4 .xux-table-cell:nth-child(5),
.xux-table-hiddenColumn-5 .xux-table-cell:nth-child(6),
.xux-table-hiddenColumn-6 .xux-table-cell:nth-child(7),
.xux-table-hiddenColumn-7 .xux-table-cell:nth-child(8),
.xux-table-hiddenColumn-8 .xux-table-cell:nth-child(9),
.xux-table-hiddenColumn-9 .xux-table-cell:nth-child(10),
.xux-table-hiddenColumn-10 .xux-table-cell:nth-child(11),
.xux-table-hiddenColumn-11 .xux-table-cell:nth-child(12),
.xux-table-hiddenColumn-12 .xux-table-cell:nth-child(13),
.xux-table-hiddenColumn-13 .xux-table-cell:nth-child(14),
.xux-table-hiddenColumn-14 .xux-table-cell:nth-child(15),
.xux-table-hiddenColumn-15 .xux-table-cell:nth-child(16),
.xux-table-hiddenColumn-16 .xux-table-cell:nth-child(17),
.xux-table-hiddenColumn-17 .xux-table-cell:nth-child(18),
.xux-table-hiddenColumn-18 .xux-table-cell:nth-child(19),
.xux-table-hiddenColumn-19 .xux-table-cell:nth-child(20),

.xux-table-hiddenColumn-0 .JCLRgrip:nth-child(1),
.xux-table-hiddenColumn-1 .JCLRgrip:nth-child(2),
.xux-table-hiddenColumn-2 .JCLRgrip:nth-child(3),
.xux-table-hiddenColumn-3 .JCLRgrip:nth-child(4),
.xux-table-hiddenColumn-4 .JCLRgrip:nth-child(5),
.xux-table-hiddenColumn-5 .JCLRgrip:nth-child(6),
.xux-table-hiddenColumn-6 .JCLRgrip:nth-child(7),
.xux-table-hiddenColumn-7 .JCLRgrip:nth-child(8),
.xux-table-hiddenColumn-8 .JCLRgrip:nth-child(9),
.xux-table-hiddenColumn-9 .JCLRgrip:nth-child(10),
.xux-table-hiddenColumn-10 .JCLRgrip:nth-child(11),
.xux-table-hiddenColumn-11 .JCLRgrip:nth-child(12),
.xux-table-hiddenColumn-12 .JCLRgrip:nth-child(13),
.xux-table-hiddenColumn-13 .JCLRgrip:nth-child(14),
.xux-table-hiddenColumn-14 .JCLRgrip:nth-child(15),
.xux-table-hiddenColumn-15 .JCLRgrip:nth-child(16),
.xux-table-hiddenColumn-16 .JCLRgrip:nth-child(17),
.xux-table-hiddenColumn-17 .JCLRgrip:nth-child(18),
.xux-table-hiddenColumn-18 .JCLRgrip:nth-child(19),
.xux-table-hiddenColumn-19 .JCLRgrip:nth-child(20)
{
	display: none;
}

.xux-table {
	border-collapse: separate;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	outline: none;
	text-align: left; /* gfocal labelablebox uses table-cell and text-align layout */
}

.xux-table .xux-table-cell {
	display: table-cell;
	overflow: visible;
	text-overflow: ellipsis;
	vertical-align: middle;
	cursor: default;

	/*
	 * I commented out because colResizable doesn't work correctly
	 * with border-box.
	 *
	 * box-sizing: border-box;
	 */

	/*
	 * I don't why I need to comment out. Anyway I need it.
	 */
	/*border-top: 1px solid;*/

	border-bottom: 1px solid;
	position: relative;
}

.xux-table .xux-table-row {
	-webkit-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
}

.xux-table img {
	vertical-align: middle;
}

.xux-table .xux-table-header {
	white-space: nowrap;
}

/*.xux-table .xux-table-header .xux-table-cell {
	border-top: 0;
}*/

.xux-table .xux-table-cell.xux-table-headerCell {
	font-weight: normal;
	cursor: default;
	text-align: left;
	border-top: none;

	/*
	 * I commented out because colResizable doesn't work correctly
	 * with border-box.
	 *
	 * box-sizing: border-box;
	 */
	transition: background-color 0.2s linear 0s;
}
.xux-table .xux-table-header-cell {
	position: relative;
}

.xux-table.xux-lastColumnLayout-trailing .xux-table-headerCell:last-child,
.xux-table.xux-lastColumnLayout-trailing .xux-table-row .xux-table-cell:last-child {
	text-align: right;
}

.xux-table .xux-table-hover .xux-table-cell {
	cursor: pointer;
}

.xux-table.xux-table-selRow .xux-table-cell.xux-table-focus,
.xux-table.xux-readOnly-true .xux-table-cell.xux-table-focus, 
.xux-table .xux-table-cell.xux-table-focus {
	outline: none;
	outline-offset: -1px;
}

.xux-table.ui-state-disabled {
	pointer-events: none;
}

.xux-table .xux-table-column-resizable {
	table-layout: fixed;
}
/* If outline-offset is 0px, margin should be -1px. */
.JCLRgrip {
	top: 1px; /* for top border */
	margin: -2px; /* to make same position as focus dotted line */
}
.JCLRgrip:hover {
	border-left: 1px solid;
}
.JCLRgripDrag:active {
	border-left: 1px solid;
}

.xux-table .xux-table-headerCell.xux-table-sortable .xux-table-header-text {
	display: inline-block;
}
.xux-table.JColResizer .xux-table-cell {
	position: relative;
}
.xux-table.JColResizer .xux-table-contentEllipsis {
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.xux-table .xux-table-sort {
	position: absolute;
}

.xux-table .xux-table-control-contents {
	display: table-cell;
	vertical-align: middle;
}

.xux-table-noRow {
	text-align: left;
	vertical-align: middle;
}
.xux-table-rowExpansionToggle {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.xux-table-rowExpansionToggle + span {
	vertical-align: middle;
}

.xux-table tr.xux-table-expanded-top .xux-table-cell {
	border-bottom: none;
}

.xux-table tr.xux-table-expanded-bottom .xux-table-cell {
	border-top: none;
	vertical-align: top;
}
.xux-table-rowExpansionToggle:before {
	font-weight: normal;
	text-transform: none;
	-webkit-transition: color 0.2s linear 0s;
	transition: color 0.2s linear 0s;
}
.xux-table-rowExpansionToggle:hover:before {
	cursor: pointer;
}

.xux-table .xux-table-row .xux-table-noRow.xux-table-loading {
	text-align: center;
	vertical-align: middle;
}

.xux-table-loadingIndicator {
	display: inline-block;
}

.xux-table-loadingIndicator-label {
	display: block;
	text-align: center;
}

.xux-table-loadingIndicator-image {
	display: inline-block;
}
.xux-table .xux-table-commandButtonBox {
	display: inline-block;
}

.xux-section > .xux-table,
.xux-modalWindow-content > .xux-table {
	margin: 0 -16px;
	max-width: initial;
}

.xux-table-rowExpansionToggle-expand:before {
	content: '\02c5';
}
.xux-table-rowExpansionToggle-collapse:before {
	content: '\02c4';
}

.xux-table .xux-table-headerCell .xux-table-header-text,
.xux-table .xux-table-row.xux-table-alt,
.xux-table .xux-table-row {
	color: #0A0A0A !important;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}

.xux-table .xux-table-cell {
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.xux-table .xux-table-row {
	background-color: transparent;
}

.xux-table .xux-table-header .xux-table-cell {
    background: #EAEAEA;
    box-shadow: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom-color: #CCCCCC !important;
}

.xux-table .xux-table-header .xux-table-cell.xux-table-header-hover {
    background: #D8D8D8;
    box-shadow: none;
    border-left: none;
    border-right: none;
    border-top: none;
}
.xux-table .xux-table-header .xux-table-cell.xux-table-header-active {
    background: #B2B2B2;
}

.xux-table .xux-table-row.xux-table-hover{
    background-color: #F0F0F0;
}

.xux-table .xux-table-headerCell.xux-table-header-hover {
	background-color: #F0F0F0;
}

.xux-table .xux-table-headerCell.xux-table-header-active {
	background-color: #B2B2B2;
}
.xux-table .xux-table-row.xux-table-selected,
.xux-table .xux-table-alt.xux-table-selected {
    background-color: rgba(0,133,143,0.4);
}
.xux-table .xux-table-row.xux-table-selected .xux-table-cell,
.xux-table .xux-table-alt.xux-table-selected .xux-table-cell {
	font-weight:bold;
}
.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.ui-state-active .xux-table-dropdown-header .xux-sel-desc,
.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.ui-state-active,
.xux-table.xux-table-selRow .xux-table-row.ui-state-active .xux-table-dropdown-header .xux-sel-desc,
.xux-table.xux-table-selRow .xux-table-row.ui-state-active,
.xux-tableBox.xux-kickable .xux-table .xux-table-row.ui-state-active .xux-table-cell {
	background-color: #2b2d33;
}
.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.xux-table-selected,
.xux-table.xux-table-selRow .xux-table-row.xux-table-selected {
	background-color: #00838d;
}
.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.ui-state-active.xux-table-hover .xux-table-dropdown-header .xux-sel-desc,
.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.ui-state-active.xux-table-hover,
.xux-table.xux-table-selRow .xux-table-row.ui-state-active.xux-table-hover .xux-table-dropdown-header .xux-sel-desc,
.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.xux-table-selected.xux-table-hover,
.xux-table.xux-table-selRow .xux-table-row.xux-table-selected.xux-table-hover,
.xux-tableBox.xux-kickable .xux-table .xux-table-row.ui-state-active.xux-table-hover .xux-table-cell {
	background-color: rgba(0, 131, 141, .8);
}
.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.xux-table-selected,
.xux-table.xux-table-selRow .xux-table-row.xux-table-selected {
	background-color: rgba(0, 131, 141, .6);
}

.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.ui-state-active .xux-table-dropdown-header .xux-sel-desc,
.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.ui-state-active .xux-table-cell,
.xux-table.xux-table-selRow .xux-table-row.ui-state-active .xux-table-dropdown-header .xux-sel-desc,
.xux-table.xux-table-selRow .xux-table-row.ui-state-active .xux-table-cell,
.xux-table.xux-table-selRow.xux-alternate-true .xux-table-row.xux-table-selected .xux-table-cell,
.xux-table.xux-table-selRow .xux-table-row.xux-table-selected .xux-table-cell,
.xux-tableBox.xux-kickable .xux-table .xux-table-row.ui-state-active .xux-table-cell {
	border-top-color: #5f6573;
}

.xux-table-row.ui-state-active {
	background: none;
}

.xux-table.xux-readOnly-true .xux-table-row {
	color: #acaeb3;
	background-color: #0f0f0f;
}

.xux-table.xux-readOnly-true .xux-table-row .xux-table-cell {
	border-bottom-color: #600080;
	border-top-color: #0f0f0f;
}

.xux-table.xux-alternate-true .xux-table-row:nth-child(even) {
	background-color: #0f0f0f;
}

.xux-table.xux-alternate-true .xux-table-row:nth-child(odd) {
	background-color: #006070;
}

.xux-table.xux-alternate-true .xux-table-row.xux-table-hover {
	background-color: #3f434d;
}

.JCLRgrip:hover {
	border-color: #007373;
}
.JCLRgripDrag:active {
	border-color: #2b2d33;
}

.xux-table .xux-table-sort {
	color: inherit;
}
.xux-table-rowExpansionToggle:before {
	color: #acaeb3;
}
.xux-table-rowExpansionToggle:hover:before {
	color: #007373;
}

/* labelable box uses rgba, but table use opacity because it cannot make disable all widgets in table. */
/* header is opacity 1 same as toolkit table */
.xux-table.ui-state-disabled {
	opacity: 1;
}
.xux-table.ui-state-disabled .xux-table-headerCell,
.xux-table.ui-state-disabled .xux-table-row {
	color: rgba(255, 255, 255, .3);
}

.xux-table .xux-table-cell {
	line-height: 1.25;
}

.xux-table .xux-table-cell.xux-table-leadingCell {
	padding-left: 16px;
}

.xux-table .xux-table-cell.xux-table-trailingCell {
	padding-right: 16px;
}

.xux-labelableBox .xux-table .xux-table-cell.xux-table-leadingCell {
	padding-left: 8px;
}

.xux-labelableBox .xux-table .xux-table-cell.xux-table-trailingCell {
	padding-right: 8px;
}

/*.xux-table .xux-table-cell.xux-table-choice-cell {
	padding: 9px 8px;
}*/

.xux-table .xux-table-headerCell {
	min-width: 32px;
}

.xux-table .xux-table-headerCell .xux-table-header-text .xux-choice {
	padding-bottom: 0;
	right: 0;
}

.xux-table.JColResizer .xux-table-headerCell.xux-table-sort-desc .xux-table-contentEllipsis,
.xux-table.JColResizer .xux-table-headerCell.xux-table-sort-asc .xux-table-contentEllipsis {
	width: 100%;
}

.xux-table.JColResizer .xux-table-headerCell.xux-table-sortable .xux-table-contentEllipsis {
	max-width: calc(100% - 32px);
}

.xux-table.JColResizer .xux-table-headerCell.xux-table-sort-desc .xux-table-contentEllipsis .xux-table-header-text,
.xux-table.JColResizer .xux-table-headerCell.xux-table-sort-asc .xux-table-contentEllipsis .xux-table-header-text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.xux-table.JColResizer .xux-table-contentEllipsis {
	left: 8px;
	max-width: calc(100% - 16px);
}

/* TODO: wait for layout sepc. */
/*.xux-table .xux-table-row .xux-table-cell:last-child,
.xux-table .xux-table-header .xux-table-cell:last-child {
	padding-right: 16px;
}
.xux-table .xux-table-row .xux-table-cell:first-child,
.xux-table .xux-table-header tr:first-child .xux-table-cell:first-child {
	padding-left: 16px;
}*/

.xux-table-cell.xux-table-justBelowCellContainsRowExpansionToggle {
	padding-left: 20px;
}

.xux-table-loadingIndicator-label {
	margin-bottom: 8px;
}

.xux-table-loadingIndicator-image {
	width: 16px;
	height: 16px;
}

.xux-table .xux-table-commandButtonBox.xux-labelableBox  {
	padding-left: 0;
	padding-right: 0;
}

/*.xux-table .xux-table-header-control-column {
	width: 70px;
}*/
/*.xux-style-list.xux-labelableBox.xux-tableBox .xux-labelableBox-content {
	padding-top: 11px;
}*/

.xux-table .xux-table-bar-cell {
	border-top-width: 0;
}

.xux-table .xux-table-hasBar .xux-table-cell {
	border-bottom-width: 0;
}

.xux-table .xux-table-cell {
	padding: 2px 8px 3px 8px;
	font-size: 14px;

	/*
	 * I commented out
	 * box-sizing: border-box;
	 * because colResizable doesn't work correctly.
	 * So I changed height.
	 *
	 * height: 33px;	/*31px + 2px(top & bottom border)
	 */
	height: 20px;
}

.xux-table .xux-table-headerCell {
	font-size: 16px;
	padding: 6px 8px !important;
}


.xux-table .xux-table-sort {
	font-size: 14px;
	height: 14px;
	width: 14px;
}

.xux-table .xux-table-sort-desc .xux-table-header-text,
.xux-table .xux-table-sort-asc .xux-table-header-text {
	max-width: calc(100% - 22px);
}

.xux-table.JColResizer .xux-table-contentEllipsis {
	top: 6px;
}

.xux-table-rowExpansionToggle {
	margin-right: 5px;
	width: 22px;
	height: 22px;
	top: -2px;
}

.xux-table-rowExpansionToggle:before {
	font-size: 22px;
}

.xux-table .xux-table-sort {
	font-family: "NBFont";
}
.xux-table-rowExpansionToggle:before {
	font-family: 'NBFont';
}
.xux-table .xux-table-highlighted {
	background-color: #00c090;
}
.xux-table .xux-table-highlighted.xux-table-hover {
	background-color: #60a050;
}
.xux-table .xux-table-highlighted .xux-table-cell {
	border-top-color: #00c090;
}

/*
 * I couldn't find a better way.
 */
.xux-tableBox.xux-labelLayout-leading > .xux-labelableBox-label {
	vertical-align: top;
	padding-top: 8px;
}

.xux-indent-1 {
	margin-left: 16px;
}
.xux-indent-2 {
	margin-left: 32px;
}
.xux-indent-3 {
	margin-left: 48px;
}
.xux-indent-4 {
	margin-left: 64px;
}
.xux-indent-5 {
	margin-left: 80px;
}

.xux-table .xux-table-cell {
    border-right: none;
}

.xux-table {
    border-top: none;
	border-left: none;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}

.xux-table .xux-table-sort {
	height: 0px;
}

#reorderTable .xux-table .xux-table-row.xux-table-alt {
    background-color: transparent !important;
}

#reorderTable .xux-table .xux-table-row.xux-table-hover,
#reorderTable .xux-table.xux-alternate-true .xux-table-row.xux-table-hover{
    background-color: #F0F0F0 !important;
}

#file_import_userMapping .xux-table-header th:nth-child(2) {
    width: 360px !important;
}

.user_import_associate_usergroup .xux-table-header th:nth-child(2) {
    width: 340px !important;
}

#create_personal_account .xux-table-header th:nth-child(2) {
    width: 310px !important;
}
.create_shared_account .xux-table-header th:nth-child(2) {
    width: 310px !important;
}
/* #endregion */

/* #region decoratedTable */
.xux-decoratedTable-buttonBox,
.xux-decoratedTable-subcommandBox {
	margin: 8px 0;
	float: left;
	padding-left: 16px;
	padding-right: 16px;
}
.xux-labelableBox .xux-decoratedTable-buttonBox {
	padding-left: 8px;
	padding-right: 0;
	margin-right: 16px;
}

.xux-decoratedTable-searchFieldOuter {
	float: left;
	margin-left: 16px;
}

.xux-decoratedTable-searchFieldFollowingBox {
	float: left;
}
.xux-labelableBox .xux-decoratedTable-searchFieldFollowingBox .xux-buttonBox {
	padding-left: 0;
	padding-right: 0;
	margin-left: 8px;
}

.xux-decoratedTable .xux-verticalLayout-bottom.xux-bottomMargin-true,
.xux-decoratedTable .xux-verticalLayout-top.xux-topMargin-true {
	margin: 8px 0;
	vertical-align: middle;
}

.xux-decoratedTable .xux-decoratedTable-mixableBox.xux-verticalLayout-bottom.xux-bottomMargin-true.xux-verticalLayout-top.xux-topMargin-true {
	margin-left: 16px;
}

.xux-decoratedTable-mixableBox {
	float: left;
	padding-left: 0;
	padding-right: 0;
	margin-right: 16px;
}

.xux-label-aligned.xux-decoratedTable-mixableBox {
	width: auto;
}

.xux-decoratedTable-mixableBox.xux-horizontalLayout {
	width: auto;
}
.xux-labelableBox .xux-decoratedTable-subcommandBox {
	padding-left: 8px;
}

.xux-decoratedTableBox .xux-decoratedTable-subcommandBox .xux-labelableBox {
	padding-left: 0;
	padding-right: 0;
}

.xux-decoratedTable-trailingBox {
	float: right;
	margin: 8px 0;
	padding-right: 16px;
}

.xux-decoratedTableBox .xux-decoratedTable-trailingBox {
	padding-right: 8px;
}
.xux-decoratedTableBox .xux-decoratedTable-buttonBox,
.xux-decoratedTableBox .xux-decoratedTable-subcommandBox {
	padding-left: 8px;
}
.xux-decoratedTable-trailingBox .xux-decoratedTable-dropdownForItems {
	margin-left: 16px;
}
.xux-decoratedTable-trailingBox .xux-pageNavigation {
	margin-left: 16px;
}

.xux-decoratedTable-dropdownForItems {
	float: left;
}

.xux-table-cell.xux-table-justBelowCellContainsRowExpansionToggle {
	padding-top: 8px;
	padding-bottom: 8px;
}

.xux-decoratedTable-mixableBox .xux-dropdown {
	vertical-align: bottom;
}
.xux-decoratedTable-mixableBox .xux-labelLayout-leading .xux-labelableBox-label,
.xux-decoratedTableBox.xux-labelLayout-leading .xux-labelableBox-label {
	vertical-align: middle;
}
.xux-decoratedTable-searchFieldOuter + .xux-decoratedTable-searchFieldFollowingBox {
	margin-left: 16px;
}

.xux-decoratedTable-mixableBox.xux-horizontalLayout.xux-margin-normal {
    margin: 8px 0;
}
.xux-searchField-image {
    background-position: 0px 0px;
    margin-bottom: 3px;
}
.xux-searchField.xux-searchField-filtered .xux-searchField-image {
    background-position: 0px -70px !important;
}
.xux-decoratedTable .awms2-table-warning-msg-text, .xux-decoratedTable .xux-search-result {
	font-size: 14px;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-pageNavigation {
    background-color: #EAEAEA;
    border: 1px solid #8C8C8C;
    border-radius: 0;
}
.xux-pageNavigation-cell {
    border-left: 1px solid #8C8C8C;
    border-right: none;
}
.xux-pageNavigation-cell.xux-last {
    border-left: 1px solid #8C8C8C;
}
.xux-pageNavigation {
    font-size: 14px;
}
.xux-pageNavigation .xux-page-number.xux-state-selected {
    color: #0A0A0A;
    font-weight: normal;
    text-shadow: none;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-pageNavigation a.xux-page-number,
.xux-pageNavigation span.xux-page-number {
    font-family: "Yu Gothic UI", "Arial", sans-serif;
    color: #007373;
}
.xux-pageNavigation-cell {
    padding: 4px 3px 3px 3px;
}
.xux-pageNavigation .xux-first-page {
    background-position: -2px -1px;
}
.xux-pageNavigation .xux-previous-page {
    background-position: -19px -1px;
}
.xux-pageNavigation .xux-next-page {
    background-position: -36px -1px;
}
.xux-pageNavigation .xux-last-page {
    background-position: -53px -1px;
}

.xux-pageNavigation .xux-first-page:hover {
    background-position: -2px -18px;
}
.xux-pageNavigation .xux-previous-page:hover {
    background-position: -19px -18px;
}
.xux-pageNavigation .xux-next-page:hover {
    background-position: -36px -18px;
}
.xux-pageNavigation .xux-last-page:hover {
    background-position: -53px -18px;
}

.xux-pageNavigation .xux-first-page:active {
    background-position: -2px -35px;
}
.xux-pageNavigation .xux-previous-page:active {
    background-position: -19px -35px;
}
.xux-pageNavigation .xux-next-page:active {
    background-position: -36px -35px;
}
.xux-pageNavigation .xux-last-page:active {
    background-position: -53px -35px;
}

.xux-pageNavigation .xux-first-page.ui-state-disabled {
    background-position: -2px -52px;
}
.xux-pageNavigation .xux-previous-page.ui-state-disabled {
    background-position: -19px -52px;
}
.xux-pageNavigation .xux-next-page.ui-state-disabled {
    background-position: -36px -52px;
}
.xux-pageNavigation .xux-last-page.ui-state-disabled {
    background-position: -53px -52px;
}
.xux-decoratedTable .xux-pageNavigation-top.xux-buttonBox-existing {
    margin-right: 16px;
}
/* #endregion */

/* #region button */
.xux-button {
	position: relative; /* for badge absolute position */
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xux-button.xux-width-full {
	width: 100%;
}

.xux-normalButton, 
.ui-widget .xux-normalButton {	/* fixed font style in dialog */
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-weight: normal; /* need for active state */
	position: relative; /* for PIE */
	margin: 0;

	/*
	 * Don't set 
	 * vertical-align: middle;
	 * If you set it, it's not placed appropriately vertically
	 * with other controls, like a text field.
	 */

	display: inline-block; /* set on base */
	white-space: nowrap;
	background: none no-repeat transparent;
	border: 1px solid;
}
.xux-button.xux-width-full .xux-normalButton {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* Disabled */
.xux-button.ui-state-disabled .xux-normalButton {
	pointer-events: none;
	cursor: default;
}
.xux-normalButton .xux-button-text {
	display: inline-block;
	text-shadow: none;
}

/* icon in button */
.xux-normalButton.xux-with-icon .xux-button-icon {
	speak: none;
	text-transform: none;
	position: relative;
	display: inline-block;
}

/* icon button */
.xux-iconButton,
.ui-widget .xux-iconButton {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-weight: normal; /* need for active state */
	position: relative; /* for PIE */
	margin: 0;
	vertical-align: middle; /* set on base */
	display: inline-block; /* set on base */
	white-space: nowrap;
	padding: 0;
	border: none;
	background: none no-repeat transparent;
	overflow: visible; /* for IE9 */
}
.xux-iconButton .xux-icon {
	background-color: transparent;
}

/* Disabled */
.xux-button.ui-state-disabled .xux-iconButton {
	pointer-events: none;
	cursor: default;
}

.xux-button .xux-badge {
	position: absolute;
}

.xux-button.xux-size-full .xux-contextMenu-trigger.xux-normalButton, 
.xux-button .xux-contextMenu-trigger.xux-normalButton {
	text-align: left;
}
.xux-button .xux-contextMenu-trigger.xux-normalButton:after {
	position: absolute;
	transition: all .15s ease;
}

.xux-normalButton, 
.ui-widget .xux-normalButton {
	background-color: #EAEAEA !important;
	background: #EAEAEA !important;
	border-color: #8C8C8C !important;
	box-shadow: none !important;
}
.xux-normalButton.ui-state-hover {
	background-color: #D8D8D8 !important;
    background: #D8D8D8 !important;
}
.xux-normalButton.ui-state-active,
.xux-normalButton:active{
	background-color: #B2B2B2 !important;
	background: #B2B2B2 !important;
}
.xux-button.ui-state-disabled .xux-normalButton {
	background-color: #EAEAEA !important;
	background: #EAEAEA !important;
	opacity: .3;
}
.xux-normalButton, .ui-widget .xux-normalButton {
    border-radius: 0;
    box-shadow: none;
}

.xux-normalButton .xux-button-text,
.xux-normalButton.xux-with-icon .xux-button-icon {
	color: #0A0A0A;
}
/* Primary */
.xux-button.xux-type-default .xux-normalButton {
	background: #00838D !important;
	background-color: #00838D !important;
	border-color: #00838D !important;
	box-shadow: none !important;
}
.xux-button.xux-type-default .xux-normalButton.ui-state-hover {
	background: #007373 !important;
	background-color: #007373 !important;
}
.xux-button.xux-type-default .xux-normalButton.ui-state-active,
.xux-button.xux-type-default .xux-normalButton:active {
	background: #005e5e !important;
	background-color: #005e5e !important;
}
.xux-button.xux-type-default .xux-normalButton .xux-button-text,
.xux-button.xux-type-default .xux-normalButton.xux-with-icon .xux-button-icon {
	color: #F5F5F5;
}
.xux-button.xux-type-default .xux-normalButton:active .xux-button-text,
.xux-button.xux-type-default .xux-normalButton.xux-with-icon:active .xux-button-icon {
	color: #F5F5F5;
}

.xux-button.xux-type-alert .xux-normalButton {
	background: #E6BC00 !important;
	background-color: #E6BC00 !important;
	border-color: #E6BC00 !important;
	box-shadow: none !important;
}
.xux-button.xux-type-alert .xux-normalButton.ui-state-hover {
	background: #B39200 !important;
	background-color: #B39200 !important;
}
.xux-button.xux-type-alert .xux-normalButton.ui-state-active,
.xux-button.xux-type-alert .xux-normalButton:active {
	background: #806800 !important;
	background-color: #806800 !important;
}
.xux-button.xux-type-alert .xux-normalButton .xux-button-text,
.xux-button.xux-type-alert .xux-normalButton.xux-with-icon .xux-button-icon {
	color: #0A0A0A;
}
.xux-button.xux-type-alert .xux-normalButton:active .xux-button-text,
.xux-button.xux-type-alert .xux-normalButton.xux-with-icon:active .xux-button-icon {
	color: #0A0A0A;
}

.xux-button.xux-type-fault .xux-normalButton {
	background: #B32029 !important;
	background-color: #B32029 !important;
	border-color: #B32029 !important;
	box-shadow: none !important;
}
.xux-button.xux-type-fault .xux-normalButton.ui-state-hover {
	border-color: #991C23;
	background: #991C23 !important;
	background-color: #991C23 !important;
}
.xux-button.xux-type-fault .xux-normalButton.ui-state-active,
.xux-button.xux-type-fault .xux-normalButton:active {
	background: #80171D !important;
	background-color: #80171D !important;
}
.xux-button.xux-type-fault .xux-normalButton .xux-button-text,
.xux-button.xux-type-fault .xux-normalButton.xux-with-icon .xux-button-icon {
	color: #F5F5F5;
}
.xux-button.xux-type-fault .xux-normalButton:active .xux-button-text,
.xux-button.xux-type-fault .xux-normalButton.xux-with-icon:active .xux-button-icon {
	color: #F5F5F5;
}

.xux-button.ui-state-disabled .xux-button-text {
    color: #0A0A0A;
}

/* icon button */
.xux-iconButton,
.xux-iconButton .xux-icon,
.ui-widget .xux-iconButton,
.ui-widget .xux-iconButton .xux-icon {
	color: #acaeb3;
}
.xux-iconButton.ui-state-hover,
.xux-iconButton.ui-state-hover .xux-icon {
	color: #fff;
}
.xux-iconButton.ui-state-active,
.xux-iconButton.ui-state-active .xux-icon,
.xux-iconButton:active,
.xux-iconButton:active .xux-icon {
	color: #737478;
}

.xux-button .xux-iconButton,
.xux-button .xux-iconButton .xux-icon {
	color: #acaeb3;
}
.xux-button .xux-iconButton.ui-state-hover,
.xux-button .xux-iconButton.ui-state-hover .xux-icon {
	color: #fff;
}
.xux-button .xux-iconButton.ui-state-active,
.xux-button .xux-iconButton.ui-state-active .xux-icon,
.xux-button .xux-iconButton:active,
.xux-button .xux-iconButton:active .xux-icon {
	color: #737478;
}

/* Primary */
.xux-button.xux-type-default .xux-iconButton,
.xux-button.xux-type-default .xux-iconButton .xux-icon {
	color: #37c6d9;
}
.xux-button.xux-type-default .xux-iconButton.ui-state-hover,
.xux-button.xux-type-default .xux-iconButton.ui-state-hover .xux-icon {
	color: #80eaff;
}
.xux-button.xux-type-default .xux-iconButton.ui-state-active,
.xux-button.xux-type-default .xux-iconButton.ui-state-active .xux-icon,
.xux-button.xux-type-default .xux-iconButton:active,
.xux-button.xux-type-default .xux-iconButton:active .xux-icon {
	color: #005e5e;
}

.xux-button.xux-type-alert .xux-iconButton,
.xux-button.xux-type-alert .xux-iconButton .xux-icon {
	color: #ffd100;
}
.xux-button.xux-type-alert .xux-iconButton.ui-state-hover,
.xux-button.xux-type-alert .xux-iconButton.ui-state-hover .xux-icon {
	color: #fff1b3;
}
.xux-button.xux-type-alert .xux-iconButton.ui-state-active,
.xux-button.xux-type-alert .xux-iconButton.ui-state-active .xux-icon,
.xux-button.xux-type-alert .xux-iconButton:active,
.xux-button.xux-type-alert .xux-iconButton:active .xux-icon {
	color: #806800;
}

.xux-button.xux-type-fault .xux-iconButton,
.xux-button.xux-type-fault .xux-iconButton .xux-icon {
	color: #ff737b;
}
.xux-button.xux-type-fault .xux-iconButton.ui-state-hover,
.xux-button.xux-type-fault .xux-iconButton.ui-state-hover .xux-icon {
	color: #fcc;
}
.xux-button.xux-type-fault .xux-iconButton.ui-state-active,
.xux-button.xux-type-fault .xux-iconButton.ui-state-active .xux-icon,
.xux-button.xux-type-fault .xux-iconButton:active,
.xux-button.xux-type-fault .xux-iconButton:active .xux-icon {
	color: #80171d;
}

.xux-iconButton:focus,
.xux-normalButton:focus {
	outline-color: #acaeb3; 
}

/* contextmenutrigger */
.xux-button .xux-contextMenu-trigger.xux-normalButton:after {
	font-family: "NBFont" !important;
	color: #fff;
}
.xux-button .xux-contextMenu-trigger.xux-normalButton:active:after,
.xux-button .xux-contextMenu-trigger.xux-normalButton.ui-state-hover:after,
.xux-button .xux-contextMenu-trigger.xux-normalButton.ui-state-active:after {
	color: #0f0f0f;
}

.xux-button .xux-contextMenu-trigger.xux-normalButton:after {
	content: "\02c5";
}

/* badge */
.xux-button .xux-badge {
	right: -4px;
	top: -4px;
}

/* normal button */
.xux-normalButton,
.ui-widget .xux-normalButton,
.xux-button .xux-normalButton {
	font-size: 14px;
	height: 26px;
	line-height: 24px;
	min-width: 65px;
	padding: 0 4px;
}

.xux-normalButton .xux-button-text {
	/* Adjusted by human check. */
	position: relative;
	top: 1px;
}

/* icon in button */
.xux-normalButton.xux-with-icon .xux-button-icon,
.xux-button .xux-normalButton.xux-with-icon .xux-button-icon {
	font-size: 14px;
	line-height: 14px;
	width: 14px;
	padding: 0 10px 0 0;

	/* Adjusted by human check. */
	position: relative;
	top: 2px;
}

/* icon button */
.xux-button .xux-iconButton {
	font-size: 22px;
	line-height: 22px;
	height: 26px;
	width: 26px;
}
.xux-button .xux-iconButton .xux-icon {
	font-size: 22px;
	line-height: 22px;
	width: 22px;
}

/* contextmenutrigger */
.xux-button.xux-size-full .xux-contextMenu-trigger.xux-normalButton,
.xux-button .xux-contextMenu-trigger.xux-normalButton {
	padding-right: 20px; /* 4px + 12px + 4px */
}

.xux-button .xux-contextMenu-trigger.xux-normalButton:after {
	right: 4px;
	font-size: 12px;
}

.xux-multipliable-buttonCell .xux-normalButton.xux-with-icon .xux-icon.xux-icon-add,
.xux-multipliable-buttonCell .xux-normalButton.xux-with-icon .xux-icon.xux-icon-delete {
    background-position: top;
    top: 0;
}

.xux-multipliable-buttonCell .xux-normalButton.xux-with-icon .xux-icon.xux-icon-delete {
    background-position-y: -16px;
}
.xux-table .xux-multipliable-buttonCell.xux-itemLayout-horizontal.xux-contentLayout-leading.xux-multipliable-cell.xux-table-cell {
    vertical-align: middle;
}
#gs_ns_smtp_setting .xux-mixableBox .xux-labelableBox-content .xux-button {
    display: inline;
}
.awms2-button-delete.xux-normalButton.xux-with-icon .xux-icon.awms2-icon-delete {
	background-image: url(../Scripts/xux-basg-base-img/xux_button_add_delete-1.1.2-beta-06.png);
	background-position: top;
    top: 0;
    background-position-y: -16px;
}
.xux-button.ui-state-disabled .awms2-button-delete.xux-normalButton.xux-with-icon .xux-icon.awms2-icon-delete {
    background-position: top;
    background-position-y: -48px;
}
#tableAdvancedSearch.xux-table {
    width: 103%;
}
/* #endregion */

/* #region choice */
.xux-choice {
	font-size: 24px;
	line-height: normal;
	position: relative;
	top: 0px;
}

.xux-choice {
	padding-left: 24px;
}

.xux-choice .xux-choice-bg {
	/*
	 * Without this, height of .xux-choice will be 25px.
	 */
	height: 24px;
	width: 24px;
	left: 0;
}
.xux-choice-icon {
	width: 24px;
	height: 24px;
	font-size: 24px;

	/*
	 * To cancel top: 4px declared above.
	 */
	position: relative;
	top: -3px;
}
.xux-choice .ui-button-text {
	font-size: 16px;
    padding: 0 6px 0 6px;
	position: relative;
	top: -3px;
	color: #0A0A0A;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-choice.ui-state-focus {
    outline-style: none;
    outline-width: none;
}

.xux-choice .ui-button-text {
    display: inline;
}
.xux-choice .xux-choice-bg {
    margin-bottom: 0px;
}
/* #endregion */

/* #region checkbox */
.xux-checkbox .xux-choice-bg {
	height: 16px;
    width: 16px;
}
.xux-checkbox.ui-state-active span.xux-choice-icon {
    height: 16px;
    width: 16px;
    background-position: 2px 3px;
    background-size: 170%;
    image-rendering: -webkit-optimize-contrast;
}
.xux-checkbox .xux-choice-bg{
	border: 2px;
	border-color: #666666;
	border-style: solid !important;
	box-shadow: none !important;
	background: none;
}

.xux-checkbox.ui-state-hover .xux-choice-bg{
	border: 2px;
	border-color: #0A0A0A;
	background: none;
}

.xux-checkbox.xux-state-active .xux-choice-bg{
	border: 2px;
	border-color: #8C8C8C;
	background: none;
}

.xux-checkbox.ui-state-active .xux-choice-bg {
	border: 2px;
    background: #00838D;
	border-color: #00838D ;
}
.xux-checkbox.ui-state-active.ui-state-hover .xux-choice-bg {
	border: 2px;
    border-color: #005E5E;
    background: #005E5E;
}
.xux-checkbox.ui-state-active.xux-state-active .xux-choice-bg {
	border: 2px;
    border-color: #003B3B;
    background: #003B3B;
}

.xux-checkbox.ui-state-disabled .xux-choice-bg{
	opacity: .3;
	border: 2px;
	border-color: #666666;
	background: none;
}
.xux-checkbox.ui-state-active.ui-state-disabled .xux-choice-bg,
.xux-checkbox.ui-state-active.xux-state-active.ui-state-disabled .xux-choice-bg {
    opacity: .3;
    border: 2px;
    background: #00838D;
    border-color: #00838D;
}
.xux-checkbox.ui-state-active.ui-state-disabled .xux-choice-icon,
.xux-checkbox.ui-state-active.ui-state-disabled.xux-state-active .xux-choice-icon {
    background-position: 2px 3px;
}
/* #endregion */

/* #region radio */
.xux-radio .xux-choice-bg {
	height: 16px;
    width: 16px;
}

.xux-radio.ui-state-active.ui-state-disabled .xux-choice-bg .xux-choice-icon,
.xux-radio.ui-state-active.xux-state-active.ui-state-disabled .xux-choice-bg.xux-choice-icon {
    background-position: -17px -15px;
}

.xux-radio .xux-choice-bg {
	border-radius: 50%;
	border: 2px;
	border-color: #666666;
	border-style: solid !important;
	box-shadow: none !important;
	background: none;
}

.xux-radio.ui-state-hover .xux-choice-bg{
	border: 2px;
	border-color: #0A0A0A;
	background: none;
}

.xux-radio.xux-state-active .xux-choice-bg{
	border: 2px;
	border-color: #8C8C8C;
	background: none;
}

.xux-radio.ui-state-active .xux-choice-bg {
	border: 2px;
    background: none;
	border-color: #00838D;
}

.xux-radio.ui-state-active .xux-choice-icon {
    background-image: none;
    background-color: #00838D;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    padding-bottom: 0px;
    top: 2px;
    left: 2px;
}

.xux-radio.ui-state-active.ui-state-hover .xux-choice-bg {
	border: 2px;
    border-color: #005E5E;
    background: none;
}
.xux-radio.ui-state-active.ui-state-hover .xux-choice-icon {
    background: #005E5E;
}

.xux-radio.ui-state-active.xux-state-active .xux-choice-bg {
	border: 2px;
    border-color: #003B3B;
    background: none;
}
.xux-radio.ui-state-active.xux-state-active .xux-choice-icon {
    background: #003B3B;
}

.xux-radio.ui-state-disabled .xux-choice-bg{
	opacity: .3;
	border: 2px;
	border-color: #666666;
	background: none;
}

.xux-radio.ui-state-active.ui-state-disabled .xux-choice-bg,
.xux-radio.ui-state-active.xux-state-active.ui-state-disabled .xux-choice-bg {
    opacity: .3;
    border: 2px;
    background: none;
    border-color: #00838D;
}
.xux-radio.ui-state-active.ui-state-disabled .xux-choice-icon,
.xux-radio.ui-state-active.xux-state-active.ui-state-disabled .xux-choice-icon {
    background: #00838D;
}

/* #endregion */

/* #region inputfield */
.xux-inputField-wrapper {
	position: relative;
	display: inline-block; /* for password Field */
}
.xux-inputField-wrapper.xux-width-full {
	width: 100%;
}
.watermark_wrapper .xux-inputField:focus + .xux-icon {
	border: none;
	background-image: none;
	font-weight: normal;
}
.watermark_wrapper.xux-width-full {
	width: 100%;
}

.xux-inputField-wrapper.ui-state-disabled {
	opacity: 1;
}

.watermark_wrapper .xux-inputField:focus + .xux-icon {
	background-color: transparent;
}

.xux-inputField,
.ui-widget .xux-inputField {
	height: 26px;
}

.xux-inputFieldAndButton {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
}
.xux-inputFieldAndButton .xux-button {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0; /* for chrome */
	width: auto;
}
.xux-inputFieldAndButton.ui-state-disabled {
	opacity: 1;
}
.xux-inputFieldAndButton .xux-inputFieldAndButton-button {
	width: auto; 
	transition: all .15s ease;
	box-sizing: border-box;
}
.xux-inputFieldAndButton .xux-normalButton .xux-button-text {
	display: inline;
}
.xux-inputFieldAndButton .xux-inputFieldAndButton-button {
	border: 1px solid;
	border-left: none;
}
.xux-inputFieldAndButton.xux-width-full {
	width: 100%;
}
.xux-inputFieldAndButton.xux-width-full .xux-button.xux-width-full .xux-inputFieldAndButton-button {
	width: auto;
}
.xux-inputFieldAndButton-button:hover,
.xux-inputFieldAndButton-button:focus {
	cursor: pointer;
}
.xux-inputFieldAndButton.ui-state-disabled .xux-button .xux-inputFieldAndButton-button,
.xux-inputFieldAndButton.ui-state-disabled .xux-button.xux-type-fault .xux-inputFieldAndButton-button,
.xux-inputFieldAndButton.ui-state-disabled .xux-button.xux-type-alert .xux-inputFieldAndButton-button,
.xux-inputFieldAndButton.ui-state-disabled .xux-button.xux-type-success .xux-inputFieldAndButton-button {
	cursor: default;
}
.xux-inputFieldAndButton .xux-button.xux-size-normal .xux-inputFieldAndButton-button,
.xux-inputFieldAndButton .xux-inputFieldAndButton-button {
	min-width: 65px;
	height: 26px;
	font-size: 14px;
	line-height: 24px;
	padding: 0 8px;
}
.xux-inputFieldAndButton .xux-inputFieldAndButton-button {
	background-color: #00838d;
	border-color: #00838d;
}
.xux-inputFieldAndButton .xux-inputFieldAndButton-button.ui-state-hover {
	background-color: #007373;
	border-color: #007373;
}
.xux-inputFieldAndButton .xux-inputFieldAndButton-button.ui-state-active,
.xux-inputFieldAndButton .xux-inputFieldAndButton-button:active {
	background-color: #005e5e;
	border-color: #005e5e;
}
.xux-inputField.xux-searchField-input {
    border-radius: 0;
}

/* #endregion */

/* #region editableText */
.xux-editableText,
.ui-widget .xux-editableText {	/* fixed font style in dialog */
	/*
	 * !important caused a problem because it's very strong. 
	 * So I commente out.
	 * Please watch whether it causes any side effect or not.
	 */
	/* outline: 0 !important; */
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	margin: 0;
	border: 1px solid; 
	box-sizing: border-box;
	position: relative;
	-webkit-appearance: none;
}

.xux-editableText.xux-width-full,
.ui-widget .xux-editableText.xux-width-full {
	width: 100%;
}

.xux-editableText[disabled],
.xux-editableText.ui-state-disabled {
	cursor: default;
}

.xux-editableText.ui-state-focus,
.xux-editableText:focus {
	outline: solid 2px;
}

.xux-watermark,
.ui-widget .xux-watermark {	/* fixed border style in dialog */
	/*
	 * To override the jQuery UI settings.
	 */
	border: 0 none;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-watermark.ui-state-focus {
	/*
	 * To override the jQuery UI settings.
	 */
	font-weight: normal;
	background: transparent none;
}

input.xux-editableText::-ms-clear,
input.xux-editableText::-ms-reveal {
	display: none;
}
.xux-editableText,
.ui-widget .xux-editableText {	/* fixed font style in dialog */
	background: #FFFFFF ; /* override jQuery UI style */
	color: #0A0A0A !important;
	border-color: #8C8C8C;
	box-shadow: none !important;
}
.xux-editableText:not(.ui-state-disabled):not([readonly]):hover {
	background-color: #F0F0F0;
	border-color: #8C8C8C;
}
.xux-editableText.xux-type-fault {
	border-color: #CC252F !important;
}
.xux-editableText.xux-type-alert {
	border-color: #E6BC00 !important;
}
.xux-editableText:not(.ui-state-disabled):not([readonly]).ui-state-focus,
.xux-editableText:not(.ui-state-disabled):not([readonly]):focus {
	background-color: #FFFFFF;
	border-color: #00838D;
	outline-color: #00838D;
}
.xux-editableText.xux-type-fault:not(.ui-state-disabled):not([readonly]).ui-state-focus,
.xux-editableText.xux-type-fault:not(.ui-state-disabled):not([readonly]):focus {
	background-color: #FFFFFF;
	border-color: #CC252F;
	outline-color: #CC252F;
}
.xux-editableText.xux-type-alert:not(.ui-state-disabled):not([readonly]).ui-state-focus,
.xux-editableText.xux-type-alert:not(.ui-state-disabled):not([readonly]):focus {
	background-color: #FFFFFF;
	border-color: #E6BC00;
	outline-color: #E6BC00;
}
.xux-editableText[readonly].ui-state-focus,
.xux-editableText[readonly]:focus,
.xux-editableText.xux-type-fault.ui-state-focus[readonly],
.xux-editableText.xux-type-fault[readonly]:focus,
.xux-editableText.xux-type-alert.ui-state-focus[readonly],
.xux-editableText.xux-type-alert[readonly]:focus,
.xux-editableText[readonly] {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #0A0A0A;
	outline: none;
}

.xux-editableText[disabled],
.xux-editableText.ui-state-disabled {
	opacity: .3 !important;
    background: #FFFFFF;
    border: 1px #8C8C8C solid;
}

.xux-editableText::-webkit-input-placeholder {
	color: #737478;
}
.xux-editableText:-moz-placeholder {
	color: #737478;
}
.xux-editableText::-moz-placeholder {
	color: #737478;	/* Firefox 19+ */
}
.ui-widget .xux-editableText:-ms-input-placeholder,
.xux-editableText:-ms-input-placeholder {
	color: #737478 !important;	/* IE10 */
}
.xux-watermark,
.ui-widget .xux-watermark {	/* fixed border style in dialog */
	color: #737478;
}
.xux-watermark.ui-state-focus {
	color: #e04030;
}

.xux-editableText,
.ui-widget .xux-editableText {
	line-height: 1.25;
}

.xux-editableText,
.ui-widget .xux-editableText {
	font-size: 14px;
	padding: 0 4px;
}

.ui-widget .xux-textArea,
.xux-textArea {
	resize: none;
	overscroll-behavior: contain;
	-ms-scroll-chaining: none;
}

.ui-widget .xux-textArea,
.xux-textArea {
	line-height: 125%; /* IE9 water mark plugin requires % */
}

.xux-textArea.xux-editableText {
	min-width: 65px;
	padding: 4px;
	font-size: 14px;
}

/*
 * fix vertical-align in IE8 being bottom.
 */
.xux-textAreaBox.xux-labelableBox.xux-labelLayout-leading .xux-labelableBox-label {
	vertical-align: top;
}
.xux-editableText, .ui-widget .xux-editableText {
    color: #fff;
	box-shadow: none;
	border-radius: 0;
}
/* #endregion */

/* #region contextMenu */
.xux-contextMenu-container {
	position: absolute;
	/*position: relative; *//* make scrollable in modal */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.xux-contextMenu-container .xux-contextMenu-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	font-size: 0;
	display: inline-block;
	margin: 0; /* need for transition */
}
.xux-contextMenu-container.xux-up .xux-contextMenu-arrow {
	border-style: solid outset outset outset;
	border-bottom: none;
}
.xux-contextMenu-container.xux-down .xux-contextMenu-arrow {
	border-style: outset outset solid outset;
	border-top: none;
}

.xux-contextMenu-container.xux-down.xux-open .xux-contextMenu-arrow {
	margin-top: 8px;
	opacity: 1;
}
.xux-contextMenu-container.xux-up.xux-open .xux-contextMenu-arrow {
	margin-top: -8px;
	opacity: 1;
}
.xux-contextMenu-container.xux-down.xux-open .xux-contextMenu-arrow.xux-table-contextMenu,
.xux-contextMenu-container.xux-up.xux-open .xux-contextMenu-arrow.xux-table-contextMenu {
	margin-top: 0;
}

/* menu */
.xux-contextMenu,
.xux-contextMenu .ui-menu {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-weight: normal;
	white-space: nowrap;
	padding: 0;
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	border: 0;
	position: absolute;
	margin: 0; /* need for transition */
	/* opacity: 0; */
	overscroll-behavior: contain;
	-ms-scroll-chaining: none;
}
.xux-contextMenu-container.xux-open .xux-contextMenu {
	opacity: 1;
	z-index: 0;
}
.xux-contextMenu-container.xux-down.xux-open .xux-contextMenu {	
	margin-top: 8px;
}
.xux-contextMenu-container.xux-up.xux-open .xux-contextMenu {
	margin-top: -8px;
}
.xux-contextMenu-container.xux-down.xux-open .xux-contextMenu.xux-table-contextMenu,
.xux-contextMenu-container.xux-up.xux-open .xux-contextMenu.xux-table-contextMenu {
	margin-top: 0;
}


.xux-contextMenu .ui-menu-divider {
	margin: 10px 0;
	border-top: 1px solid;
}
.xux-contextMenu .ui-menu-item {
	position: relative;
	list-style-image: none;
}
.xux-contextMenu .ui-menu-item > a {
	border-radius: 0;
}
.xux-contextMenu .ui-menu-item.ui-state-disabled {
	margin: 0;
	opacity: 1;
	filter: 0;
}
.xux-contextMenu .ui-menu-item a {
	vertical-align: middle;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.xux-contextMenu .ui-menu-item.xux-item-selected a {
	font-weight: bold;
}

.xux-contextMenu .ui-menu-item a.ui-state-focus,
.xux-contextMenu .ui-menu-item a.ui-state-active:not(.xux-contextMenu-seg-btn) {
	border: none;
	margin: 0;
}
.xux-contextMenu .ui-menu-item a .xux-image-icon {
	position: absolute;
	background-repeat: no-repeat;
}
.xux-contextMenu-hidden {
	visibility: hidden;
	width: auto;
}
.xux-contextMenu-hidden > a {
	box-sizing: border-box;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-weight: normal;
}
.xux-contextMenu-hidden .xux-image-icon {
	display: inline-block;
}

/* segment menu */
.xux-contextMenu.xux-contextMenu-segment .xux-contextMenu-seg {
	cursor: default;
	display: block;
	position: relative;
	text-align: center;
	width: auto;
}
.xux-contextMenu.xux-contextMenu-segment .xux-contextMenu-seggroup {
	cursor: pointer;
	display: inline-block;
	position: relative;
}
.xux-contextMenu.xux-contextMenu-segment .xux-contextMenu-seg-btn {
	display: table-cell;
}
.xux-contextMenu a.xux-contextMenu-seg-btn {
	border: 1px solid;
}
.xux-contextMenu.xux-contextMenu-withDesc .ui-menu-item:not(.xux-contextMenu-seg) a {
	height: auto;
	white-space: normal;
	cursor: pointer;
	border-bottom: 1px solid;
}
/* menu bottom line is removed for upper menu case */
.xux-contextMenu.xux-contextMenu-withDesc .ui-menu-item:not(.xux-contextMenu-seg).xux-item-bottom a {
	border-bottom: 0;
}
.xux-contextMenu.xux-contextMenu-withDesc .ui-menu-item.xux-contextMenu-seg {
	width: auto;
}
.xux-contextMenu.xux-contextMenu-withDesc .xux-contextMenu-desc {
	white-space: normal;
	margin: 0;
}

/* badge */
.xux-contextMenu .xux-badge {
	position: absolute;
}

/* pop up menu */
.xux-contextMenu-container.xux-up .xux-contextMenu-arrow {
	border-top: 8px solid #FFFFFF;

}
.xux-contextMenu-container.xux-down .xux-contextMenu-arrow {
	border-bottom: 8px solid #FFFFFF;
}

.xux-contextMenu,
.xux-contextMenu .ui-menu {
	color: #0A0A0A !important;
	background-color: #FFFFFF;
}
.xux-contextMenu-container .xux-contextMenu-arrow {
    border-bottom: 13px solid #FFFFFF;
}
.xux-contextMenu-container .xux-contextMenu-arrow-down {
    border-top: 15px solid #FFFFFF;
    border-bottom: 0;
}
/*
 * To override jQuery UI settings.
 */
.xux-contextMenu a,
.xux-contextMenu a:hover,
.xux-contextMenu a:active,
.xux-contextMenu a:link,
.xux-contextMenu a:visited {
	color: #0A0A0A !important;
}
.xux-contextMenu .ui-menu-divider {
	border-top-color: #3f434d;
}

.xux-contextMenu .ui-menu-item:not(.ui-state-disabled) a:hover {
	background-color: #E3E3E3;
	color: #0A0A0A;
	border-radius: 0;
}

.xux-contextMenu .ui-menu-item a.ui-state-focus,
.xux-contextMenu .ui-menu-item a.ui-state-active:not(.xux-contextMenu-seg-btn) {
	background-color: #E3E3E3;
	color: #0A0A0A;
}

.xux-contextMenu .ui-menu-item a.ui-state-focus:active,
.xux-contextMenu .ui-menu-item:not(.ui-state-disabled) a:active,
.xux-contextMenu .ui-menu-item a.xux-state-active,
.xux-contextMenu .ui-menu-item a.ui-state-focus:active .xux-icon:not(.xux-badge),
.xux-contextMenu .ui-menu-item:not(.ui-state-disabled) a:active .xux-icon:not(.xux-badge),
.xux-contextMenu .ui-menu-item a.xux-state-active .xux-icon:not(.xux-badge) {
	background-color: #B2B2B2;
	color: #0A0A0A;
	
}

.xux-contextMenu .ui-menu-item.xux-item-selected a,
.xux-contextMenu .ui-menu-item.xux-item-selected a:hover,
.xux-contextMenu .ui-menu-item.xux-item-selected a .xux-icon:not(.xux-badge),
.xux-contextMenu .ui-menu-item.xux-item-keydown-selected a {
	background-color: #00838d;
	opacity: .4;
}

.xux-contextMenu .ui-menu-item.xux-item-keydown-selected a .xux-icon:not(.xux-badge) {
	background-color: #00838d;
}

.xux-contextMenu .ui-menu-item.xux-item-selected.xux-item-keydown-selected a {
	background-color: #00838d;
}

.xux-contextMenu .ui-menu-item.ui-state-disabled a:hover,
.xux-contextMenu .ui-menu-item.ui-state-disabled a {
	opacity: .3;
}

.xux-contextMenu a.xux-contextMenu-seg-btn {
	border-color: #37c6d9;
}
.xux-contextMenu a.xux-contextMenu-seg-btn:not(:last-child) {
	border-right: none;
}
.xux-contextMenu a.xux-contextMenu-seg-btn:first-child {
}
.xux-contextMenu a.xux-contextMenu-seg-btn:last-child {
}
.xux-contextMenu a.xux-contextMenu-seg-btn.ui-state-active,
.xux-contextMenu a.xux-contextMenu-seg-btn.xux-state-active  {
	background: #37c6d9;
	border-color: #37c6d9;
}
.xux-contextMenu a.xux-contextMenu-seg-btn.xux-state-hover  {
	background: #007373;
	border-color: #007373;
}
.xux-contextMenu a.xux-contextMenu-seg-btn:active,
.xux-contextMenu a.xux-contextMenu-seg-btn.ui-state-active:active,
.xux-contextMenu a.xux-contextMenu-seg-btn.xux-state-active:active {
	background: #2b2d33;
	border-color: #2b2d33;
}
.xux-contextMenu a.xux-contextMenu-seg-btn.xux-leadingBorder-hover {
	border-left-color: #007373;
}

.xux-contextMenu.xux-contextMenu-withDesc .ui-menu-item:not(.xux-contextMenu-seg) a {
	border-bottom-color: #7e8799;
}
.xux-contextMenu.xux-contextMenu-withDesc .xux-contextMenu-desc {
	color: #acaeb3;
}
.xux-contextMenu.xux-contextMenu-withDesc a:hover .xux-contextMenu-desc {
	color: #c0a0d0;
}
.xux-contextMenu.xux-contextMenu-withDesc .ui-menu-item a:active .xux-contextMenu-desc,
.xux-contextMenu.xux-contextMenu-withDesc .ui-menu-item a.xux-state-active .xux-contextMenu-desc,
.xux-contextMenu.xux-contextMenu-withDesc.xux-selectable-true .xux-item-selected .xux-contextMenu-desc {
	color: #0f0f0f;
}

.xux-contextMenu .ui-menu-item.ui-state-disabled a .ui-icon {
    opacity: 1;
}
/* contextMenu trigger */

.xux-contextMenu-trigger.ui-state-hover,
.xux-contextMenu-trigger.ui-state-active {
	background: none;
}

.xux-contextMenu-trigger.xux-normalButton.ui-state-hover {
	background-color: #007373;
}

.xux-contextMenu-trigger.xux-normalButton.ui-state-active,
.xux-contextMenu-trigger.xux-contextMenu-open.xux-normalButton {
	border-color: #2b2d33;
	background-color: #2b2d33;
}

a.xux-contextMenu-trigger.ui-state-hover .xux-icon:not(.xux-badge) {
	color: #007373;
}

a.xux-contextMenu-trigger.ui-state-active .xux-icon:not(.xux-badge),
a.xux-contextMenu-trigger.xux-contextMenu-open .xux-icon:not(.xux-badge),
.xux-contextMenu-trigger.ui-state-active.xux-iconButton,
.xux-contextMenu-trigger.xux-contextMenu-open.xux-iconButton,
.xux-contextMenu-trigger.xux-contextMenu-open.xux-iconButton .xux-icon {
	color: #2b2d33;
}

.xux-contextMenu-trigger.xux-contextMenu-open.xux-normalButton:after,
.xux-contextMenu-trigger.xux-contextMenu-open.xux-normalButton .xux-button-text,
.xux-contextMenu-trigger.xux-contextMenu-open.xux-normalButton .xux-button-icon {
	color: #0f0f0f;
}
.xux-contextMenu-trigger.xux-icon {
	color: #acaeb3;
}

/* menu */
.xux-contextMenu,
.xux-contextMenu .ui-menu {
	min-width: 65px;
	width: auto;
	max-height: 384px;
	overflow-y: auto;
	border-radius: 4px;
}

.xux-contextMenu .ui-menu-item a {
	margin-top: 0;
	padding: 0px 6px;
}

.xux-contextMenu.xux-haveImgIcon .ui-menu-item a {
	height: 48px;
	line-height: 48px;
}

.xux-contextMenu .ui-menu-item a .xux-image-icon {
	height: 48px;
	width: 48px;
	left: 6px;
	top: 6px;
}

.xux-contextMenu-hidden > a {
	padding: 0 6px; 
}

.xux-contextMenu-hidden .xux-image-icon {
	height: 48px;
	width: 48px;
}

.xux-contextMenu.xux-contextMenu-segment .xux-contextMenu-seg {
	padding: 6px;
}

.xux-contextMenu.xux-contextMenu-segment .xux-contextMenu-seggroup a {
	padding: 0 6px;
}

.xux-contextMenu.xux-contextMenu-withDesc li:not(.xux-contextMenu-seg) a {
	line-height: 28px; /* 20px(font) * 1.42 = 28.4px. */
}

.xux-contextMenu.xux-contextMenu-withDesc .ui-menu-item {
	width: 300px;
}

.xux-contextMenu.xux-contextMenu-withDesc .xux-contextMenu-desc {
	line-height: 25px; /* 18px(font) * 1.42 = 25.56px. but Chrome case is 25px */
}

/* badge */
.xux-contextMenu .xux-badge {
	right: 6px;
	margin-left: 6px;
}

.xux-contextMenu.xux-haveBadge .ui-menu-item a {
	padding-right: 48px; /* 32px(badge max width) + 6px(right gap) + 6px(left gap) */
}

.xux-contextMenu .ui-menu-item a .xux-badge.xux-icon {
	margin-right: 0;
}
a.xux-contextMenu-trigger .xux-icon {
	font-size: 22px;
	line-height: 22px;
	width: 22px;
}

/* menu */
.xux-contextMenu,
.xux-contextMenu .ui-menu {
	font-size: 14px; /* ui-widget font size is 1.1em */
}

.xux-contextMenu .ui-menu-item a {
	height: 26px;
	line-height: 26px;
	font-size: 14px;
}

.xux-contextMenu.xux-haveImgIcon .ui-menu-item a {
	padding: 6px 6px 6px 64px; /* 64 = 6(padding left) + 48(icon) + 10(gap) */
}

.xux-contextMenu .ui-menu-item a .xux-icon {
	margin-right: 10px;
}

.xux-contextMenu-hidden > a {
	font-size: 14px;
}

.xux-contextMenu-hidden .xux-image-icon {
	padding-right: 10px; /* 64 - 48 = 12 px gap is between icon and text */
}

.xux-contextMenu-hidden .xux-icon {
	padding-right: 10px; /* 12 px gap is between icon and text */
}

.xux-contextMenu .xux-contextMenu-seggroup {
	height: 26px;
}

.xux-contextMenu.xux-contextMenu-segment .xux-contextMenu-seg {
	height: 26px;
}

.xux-contextMenu.xux-contextMenu-segment .xux-contextMenu-seggroup a {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
}

.xux-contextMenu.xux-contextMenu-withDesc .xux-contextMenu-desc {
	font-size: 14px;
}

/* badge */
.xux-contextMenu .xux-badge {
	top: 4px; /* (26px - 18px)/2 */
}

.xux-contextMenu .xux-badge.xux-emptyBadge {
	top: 9px;
}

.xux-contextMenu-trigger.ui-state-hover {
    border: 0;
}
/* #endregion */

/* #region tabs */
.ui-tabs {
	position: relative;
	/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	/* padding: 1em 1.4em; */
	background: none;
}

.xux-tabbedSet {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.xux-tabbedSet:before,
.xux-tabbedSet:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.xux-tabbedSet.ui-tabs .ui-tabs-panel {
	padding: 0;
}
.xux-tabbedSet.ui-tabs.ui-widget-content {
	border: none;
	background: none;
}
.xux-tabbedSet .xux-tabbedSet-header {
	vertical-align: middle;
	display: table;
	position: relative;
	border: none;
	background: transparent;
	box-sizing: border-box;
	margin-left: 18px;
	margin-right: auto;
	padding: 0;
	margin-top: 16px;
	margin-bottom: 16px;
}

.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent 0 0 repeat none;
}

.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item > a {
	text-decoration: none;
}

.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item > a {
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	min-width: 38px;
	margin: 0;
	border: 1px;
	border-style: solid none solid solid;
	position: relative;
	display: block;
	float: none;
	box-sizing: border-box;
	transition: all .15s ease;
}

.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item.xux-has-text > a {
	min-width: 65px;
}

.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item > a {
	overflow: hidden;
	text-overflow: ellipsis;
}

.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item.xux-last > a {
	border-style: solid;
}
.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item.ui-state-active > a,
.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item.xux-state-active > a {
	cursor: pointer;
}
.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item.ui-state-active,
.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item.xux-state-active {
	margin-bottom: 0;
	padding-bottom: 0;
}
.xux-tabbedSet.ui-tabs .xux-tabbedSet-header .xux-tab-item.ui-state-disabled,
.xux-tabbedSet.ui-tabs .xux-tabbedSet-header .xux-tab-item.ui-state-disabled > a {
	cursor: default;
}

.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item > a .ui-button-text {
	transition: all .15s ease;
}

.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item.ui-state-active > a .ui-button-text {
	font-weight: bold;
}
.xux-section > .ui-tabs > .xux-section-title {
	margin-left: -16px;
	margin-right: -16px;
}
.xux-section > .ui-tabs .ui-tabs-panel.xux-style-list {
	margin-left: -16px;
	margin-right: -16px;
}
.xux-tabbedSet .xux-tabbedSet.xux-width-auto .ui-tabs-nav {
	width: auto;
}
.xux-tabbedSet.xux-width-full .ui-tabs-nav,
.xux-tabbedSet .xux-tabbedSet.xux-width-full .ui-tabs-nav {
	width: 100%;
}
.xux-tabbedSet.xux-width-wide .ui-tabs-nav,
.xux-tabbedSet .xux-tabbedSet.xux-width-wide .ui-tabs-nav {
	width: 70%;
}


.xux-tabbedSet .ui-state-disabled {
	opacity: 1;
}
.xux-tabbedSet.ui-tabs.ui-widget-content {
	color: #0f0f0f;
}
.xux-tabbsedSet .ui-tabs-panel.ui-widget-content {
	color: #0f0f0f;
}
.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item.ui-state-focus,
.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item:focus {
	outline-color: none;
	outline: none;
}

.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item > a {
	background-color: #363940;
	border-color: #7e8799;
	color: #fff;
}
.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item.ui-state-hover > a {
	background-color: #3f434d;
}
.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item.ui-state-focus > a {
	background-color: #2b2d33;
}
.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item.ui-state-active > a {
	background-color: rgba(0, 131, 141, .6);
	border-color: rgba(126, 135, 153, .6);
}
.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item.ui-state-disabled > a {
	color: rgba(255, 255, 255, .3);
	background-color: rgba(54, 57, 64, .3);
	border-color: rgba(126, 135, 153, .3);
}
.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item.ui-state-active.ui-state-disabled > a {
	color: rgba(255, 255, 255, .3);
	background-color: rgba(0, 131, 141, .3);
	border-color: transparent;
}
.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item + .xux-tab-item > a {
	border-left-color: #7e8799;
}
.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item.ui-state-hover + .xux-tab-item > a {
	border-left-color: #7e8799;
}
.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item.ui-state-focus + .xux-tab-item > a {
	border-left-color: #7e8799;
}
.xux-tabbedSet.xux-style-default .xux-tabbedSet-header .xux-tab-item.ui-state-active + .xux-tab-item > a {
	border-left-color: rgba(126, 135, 153, .6);
}

.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item > a,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item > a .xux-icon {
	color: rgba(172, 174, 179, .8);
}
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-hover > a,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-hover > a .xux-icon,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-hover > a .xux-linkButton-text-inner {
	color: #acaeb3;
}
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-focus > a,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-focus > a .xux-icon,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-focus > a .xux-linkButton-text-inner {
	color: #737478;
}
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-active > a,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-active > a .xux-icon,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-active > a .xux-linkButton-text-inner {
	color: #80eaff;
}
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-disabled > a {
	color: rgba(172, 174, 179, .8);
	opacity: .3;
}
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-disabled > a .xux-icon,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-disabled > a .xux-linkButton-text-inner {
	color: rgba(172, 174, 179, .8);
}
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-active.ui-state-disabled > a,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-active.ui-state-disabled > a .xux-icon,
.xux-tabbedSet.xux-style-linkButton .xux-tabbedSet-header .xux-tab-item.ui-state-active.ui-state-disabled > a .xux-linkButton-text-inner {
	color: #80eaff;
}


.xux-tabbedSet {
	font-size: 14px;
}

.xux-tabbedSet .xux-tabbedSet-header {
	height: 26px;
	line-height: 26px;
}

.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item > a {
	font-size: 14px;
	height: 28px;
	line-height: 24px;
	padding: 0 4px;
}

.xux-tabbedSet .xux-tabbedSet-header .xux-tab-item .xux-icon {
	font-size: 14px;
}

.xux-tabbedSet .xux-tabbedSet-head {
    display: none;
}
.xux-tab-item>a span.ui-button-text {
    font-size: 16px;
}
.xux-tab-item:first-child>a>span,
.xux-tab-item.xux-last>a>span {
    border-radius: 0;
}
.xux-tab-item.xux-last>a>span {
    border-right: 1px solid #8C8C8C;
}
.xux-tab-item>a>span {
    border-color: #8C8C8C;
    background: #EAEAEA;
    box-shadow: none;
}
.xux-tab-item.ui-tabs-active>a span.ui-button-text:lang(ja),
.xux-tab-item.ui-tabs-active>a span.ui-button-text:lang(en),
.xux-tab-item.ui-tabs-active>a span.ui-button-text:lang(ko),
.xux-tab-item.ui-tabs-active>a span.ui-button-text:lang(th),
.xux-tab-item.ui-tabs-active>a span.ui-button-text:lang(zh) {
    color: #0A0A0A;
    text-shadow: none;
}
.xux-tab-item>a span.ui-button-text:lang(ja),
.xux-tab-item>a span.ui-button-text:lang(en),
.xux-tab-item>a span.ui-button-text:lang(ko),
.xux-tab-item>a span.ui-button-text:lang(th),
.xux-tab-item>a span.ui-button-text:lang(zh) {
	color: #0A0A0A;
	text-shadow: none;
}
.xux-tab-item.ui-state-hover>a>span {
    border-color: #8C8C8C;
    background: #D8D8D8;
    box-shadow: none;
}
.xux-tab-item.ui-state-focus.ui-state-hover>a>span {
    border-color: #8C8C8C;
    background: #B2B2B2;
    box-shadow: none;
}
.xux-tab-item.ui-tabs-active>a>span {
    border-color: #8C8C8C !important;
    background: rgba(0,133,143,0.4) !important;
    box-shadow: none;
}
.xux-tab-item.ui-state-disabled>a>span{
    color: #0A0A0A;
    background-color: #EAEAEA;
    background: #EAEAEA;
    border-color: #8C8C8C;
    border-left-color: #8C8C8C;
    opacity: .3;
}
/* #endregion */

/* #region dropdown */
.xux-dropdown .xux-dropdown-header {
    padding: 0 4px;
    font-size: 14px;
    height: 24px;
}
.xux-dropdown-list > :not(.xux-dropdown-seg) {
    height: 26px;
    line-height: 24px;
}

.xux-dropdown-header>.xux-dropdown-header-text {
    border-width: none;
    border-style: none;
    background: none;
	box-shadow: none;
	text-align: left;
}
.xux-dropdown-header.ui-state-hover>.xux-dropdown-header-text {
    border-width: none;
    border-style: none;
    background: none;
    box-shadow: none;
}

.ui-state-disabled .xux-dropdown-header>.xux-dropdown-header-text {
    border-width: none;
    border-style: none;
    background: none;
    box-shadow: none;
}
.xux-dropdown-header>.xux-dropdown-header-button,
.xux-dropdown-header.ui-state-hover>.xux-dropdown-header-button {
    border: none;
    border-radius: 0 3px 3px 0;
    background: none;
    box-shadow: none;
}
.ui-state-disabled .xux-dropdown-header>.xux-dropdown-header-button {
    border: none;
    border-radius: 0 3px 3px 0;
    background: none;
    box-shadow: none;
}
.xux-dropdown .xux-dropdown-header {
    background: #EAEAEA;
    border: 1px solid;
    border-color: #8C8C8C;
}

.xux-dropdown-header.ui-state-hover {
    background: #E3E3E3;
}

.xux-dropdown-header.ui-state-active {
    background: #B2B2B2;
}

.xux-dropdown .xux-sel-desc,
.xux-dropdown-hidden-span>.xux-dropdown-hidden-span-header {
    color: #0A0A0A !important;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-size: 14px;
	text-shadow: none;
}

.xux-dropdown-list>span.ui-state-highlight {
    background: #E3E3E3;
}
.xux-dropdown-list>span.ui-state-highlight:active {
    background: #B2B2B2;
}
.xux-dropdown-list .xux-sel-item.xux-sel-selected{
	background: rgba(0,133,143,0.4);
}

.xux-dropdown-list>span.ui-state-highlight .xux-sel-desc-list {
    color: #0A0A0A;
}
.ui-state-highlight .xux-sel-selected-active .xux-sel-icon,
.xux-sel-selected-active .xux-sel-icon {
	background-position: bottom;
}
.xux-sel-desc-list,
.xux-dropdown-hidden-span>.xux-dropdown-hidden-span-item {
    color: #0A0A0A !important;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-size: 16px;
}
a.xux-dropdown.ui-state-disabled, .ui-widget-content a.xux-dropdown.ui-state-disabled {
    opacity: 0.3;
}

.xux-dropdown .xux-dropdown-header .xux-down-icon {
    background-position: 0 1px;
    background-repeat: no-repeat;
}
.ui-state-disabled .xux-dropdown-header .xux-down-icon {
    background-position: 0 -22px;
}

.xux-sel-upIn>span.xux-sel-up,
.xux-sel-upIn>span.xux-sel-up-disabled {
    background-position: 50% -2px;
}

.xux-sel-downIn>span.xux-sel-down,
.xux-sel-downIn>span.xux-sel-down-disabled {
    background-position: 50% -14px;
}
.xux-sel-opened {
	box-shadow: none;
	background-color: #FFFFFF;
}
.xux-dropdown:focus .xux-dropdown-header {
    outline-style: none;
    outline-width: none;
}

.xux-dropdown.xux-type-alert .xux-dropdown-header {
    background: rgba(179, 146, 0, 0.4);
}
.xux-dropdown.xux-type-alert .xux-dropdown-header>.xux-dropdown-header-text {
    border: none;
}
/* #endregion */

/* #region wizard */
.xux-wizard-tabs, .xux-wizard-tabs .ui-tabs-nav {
	border: none;
	background: transparent;
}
.xux-wizard-tabs .ui-tabs-panel {
	/*
	 * fixed bug: for chrome if there are multi checkbox in modalwindow,
	 * when click some checkbox the modalwindow content will scroll to bottom.
	 *
	 * Some widgets like checkbox and radio button uses jQuery UI Button.
	 * It adds ui-helper-hidden-accessible containing "positino: absolute;".
	 * So without "position: relative;",
	 * the position of such widgets becomes relative to the element
	 * having the class ui-tabs.
	 * It means that even if the element having the class ui-tabs-panel
	 * is scrolled, such widgets don't move following the scroll.
	 */
	position: relative;
}
/*
 * li is necessary. Otherwise height returns other than 0.
 */
.xux-wizard-tabs .ui-tabs-nav li {
	display: none;
}
.xux-wizard .xux-boundingBox-row {
	table-layout: auto;
}
.xux-wizard .xux-boundingBox-row > .xux-boundingBox-item {
	vertical-align: top;
}
.xux-wizard .ui-widget.xux-wizard-tabs {
	/* To override jQuery UI settings */
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-wizard.xux-direction-vertical .xux-direction-vertical-right {
	width: 100%;
}
.xux-wizard .xux-wizard-tabs .ui-tabs-panel > div {
	position: relative;
}
.xux-wizard-leading-buttons {
	float: left;
}
.xux-wizard-commands {
	float: right;
}
.xux-wizard-progressStep {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	display: inline;
}
.xux-wizard-commands .xux-button {
	box-sizing: border-box;
	display: inline-block;
}
/*
 * To override jQuery UI settings
 */
.xux-wizard-tabs,
.xux-wizard-tabs .ui-tabs-nav {
	padding: 0;
}
.xux-wizard-tabs .ui-tabs-panel {
	padding: 0;
}
.xux-wizard-tabs-section {
	padding: 0;
}
.xux-wizard-commands.xux-buttonBox,
.xux-wizard-leading-buttons.xux-buttonBox {
	margin: 0;
}
.xux-modalWindow .xux-wizard-commands .xux-button.xux-type-settings .xux-normalButton {
	border-color: #37c6d9;
	background-color: transparent;
}
.xux-modalWindow .xux-wizard-commands .xux-button.xux-type-settings .xux-normalButton .xux-button-text {
	color: #37c6d9;
}
.xux-modalWindow .xux-wizard-commands .xux-button.xux-type-settings.ui-state-disabled .xux-normalButton .xux-button-text {
	color: rgba(172, 174, 179, .3);
	opacity: 0.3\9; /* need for IE9 */
}
.xux-modalWindow .xux-wizard-commands .xux-button.xux-type-settings .xux-normalButton.ui-state-hover .xux-button-text,
.xux-modalWindow .xux-wizard-commands .xux-button.xux-type-settings .xux-normalButton.ui-state-active .xux-button-text {
	color: #0f0f0f;
}
.xux-modalWindow .xux-wizard-commands .xux-button.xux-type-settings .xux-normalButton.ui-state-hover {
	border-color: #007373;
	background-color: #007373;
}
.xux-modalWindow .xux-wizard-commands .xux-button.xux-type-settings .xux-normalButton.ui-state-active {
	border-color: #2b2d33;
	background-color: #2b2d33;
}
.xux-modalWindow .xux-wizard-commands .xux-button.xux-type-settings.ui-state-disabled .xux-normalButton {
	border-color: rgba(172, 174, 179, .3);
	background-color: transparent;
}
.xux-stepIndicator .xux-current .xux-title-cell>a {
    color: #007373;
    font-weight: bold;
}

.xux-stepIndicator .xux-undone .xux-title-cell>a,
.xux-stepIndicator .xux-done .xux-title-cell>a {
    color: #0A0A0A;
}

.xux-stepIndicator.xux-direction-horizontal .xux-undone .xux-step-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-last.xux-undone .xux-step-cell {
    background-position: -186px 0;
}
.xux-stepIndicator.xux-direction-horizontal li:first-child.xux-current .xux-step-cell,
.xux-stepIndicator.xux-direction-horizontal li:first-child.xux-current.xux-processed .xux-step-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-current .xux-step-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-last.xux-current .xux-step-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-last.xux-current.xux-processed.xux-last-processed .xux-step-cell{
    background-position: -142px 0;
}

.xux-stepIndicator.xux-direction-horizontal li:first-child.xux-done .xux-step-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-done .xux-step-cell{
	background-position: -142px 0;
}

.xux-stepIndicator.xux-direction-horizontal .xux-last.xux-undone.xux-processing .xux-step-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-undone.xux-processing .xux-step-cell  {
    background-position: -596px 0;
}

.xux-stepIndicator.xux-direction-horizontal .xux-undone.xux-processed.xux-last-processed .xux-step-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-undone.xux-processed .xux-step-cell {
    background-position: -596px 0;
}

.xux-stepIndicator.xux-direction-horizontal .xux-step-cell {
    width: 34px;
}
.xux-stepIndicator.xux-direction-horizontal .xux-undone .xux-line-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-done .xux-line-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-current .xux-line-cell {
	background-size: auto 12px;
    image-rendering: -webkit-optimize-contrast;
    background-repeat: repeat-x;
    background-position: center;
}
.xux-stepIndicator.xux-direction-horizontal .xux-current.xux-processed .xux-line-cell,
.xux-stepIndicator.xux-direction-horizontal .xux-undone.xux-processed .xux-line-cell {
    opacity: 0.8;
}

.xux-stepIndicator {
	display: table;
	font-weight: normal;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	position: relative;
	box-sizing: border-box;
}
.xux-stepIndicator,
.xux-stepIndicator ul {
	list-style: none;
}
.xux-stepIndicator .xux-current .xux-title-cell > a,
.xux-stepIndicator .xux-undone .xux-title-cell > a,
.xux-stepIndicator .xux-step-skipped .xux-title-cell > a {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	display: inline;
}
.xux-stepIndicator .xux-done .xux-number,
.xux-stepIndicator .xux-step-skipped .xux-number,
.xux-stepIndicator .xux-step-skipped.xux-undone.xux-processed .xux-number {
	display: list-item;
	color: #FFFFFF;
}
.xux-stepIndicator .xux-number {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
    font-weight: normal;
}
.xux-stepIndicator .xux-current .xux-number {
    font-weight: bold;
}
.xux-stepIndicator .xux-undone.xux-processed .xux-number {
	display: block;
}
.xux-stepIndicator .xux-step-table {
	vertical-align: top;
	display: table;
}
.xux-stepIndicator .xux-step-row {
	display: table-row;
}
.xux-stepIndicator .xux-step-cell {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
}
.xux-stepIndicator .xux-done .xux-step-cell,
.xux-stepIndicator .xux-step-skipped .xux-step-cell {
	font-family: 'NBFont';
}
.xux-stepIndicator.xux-direction-horizontal > li {
	position: relative;
	display: table-cell;
}
.xux-stepIndicator.xux-direction-horizontal .xux-step-table {
	position: absolute;
}
.xux-stepIndicator.xux-direction-horizontal .xux-title-cell {
	text-align: center;
	word-break: break-word;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
}
.xux-stepIndicator.xux-direction-vertical .xux-title-cell {
	white-space: nowrap;
}
.xux-stepIndicator.xux-direction-vertical > li {
	display: table-row;
}
.xux-stepIndicator.xux-direction-vertical > li > div {
	display: table-cell;
}
.xux-stepIndicator.xux-direction-vertical span.xux-step-cell {
	box-sizing: border-box;
}

.xux-stepIndicator .xux-step-cell {
	width: 34px;
	height: 34px;
	font-size: 18px;
	border-radius: 50%;
}

.xux-stepIndicator .xux-title-cell > a {
	font-weight: normal;
}

.xux-stepIndicator.xux-direction-horizontal {
	width: 100%;
	margin: 0;
}

.xux-stepIndicator.xux-direction-horizontal .xux-last .xux-step-table {
	width: 34px;
}

.xux-stepIndicator.xux-direction-horizontal .xux-title-cell {
	padding-left: 8px;
	padding-right: 8px;
	width: 100%;
	min-width: 81px;
}

.xux-stepIndicator.xux-direction-horizontal .xux-step-table {
	width: 100%;
	left: 50%;
	margin-left: -17px;
	bottom: 0;
}

.xux-stepIndicator.xux-direction-horizontal .xux-line-cell {
	height: 10px;
	margin-top: 13px;
	margin-left: -1px;
	margin-right: -1px;
}

.xux-stepIndicator.xux-direction-horizontal .xux-last .xux-line-cell {
	margin-left: 0;
	margin-right: 0;
}

.xux-stepIndicator.xux-direction-vertical {
	padding: 0;
	margin: 16px;
}

.xux-stepIndicator.xux-direction-vertical .xux-step-table {
	padding: 0;
	width: 34px;
}

.xux-stepIndicator.xux-direction-vertical .xux-line-row {
	width: 10px;
	margin-left: 12px;
	margin-top: -1px;
	margin-bottom: -1px;
	min-height: 31px;
}

.xux-stepIndicator.xux-direction-vertical .xux-last .xux-line-row {
	min-height: 0;
}

.xux-stepIndicator.xux-direction-vertical .xux-title-cell {
	padding: 0 0 0 10px;
	line-height: 34px;
	font-size: 16px;
}

.xux-stepIndicator .xux-title-cell > a {
	font-size: 16px;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
}

.xux-stepIndicator.xux-direction-horizontal > li {
	padding-bottom: 60px;
}
/* #endregion */

/* #region numberbox */
.xux-numberField .xux-localizable-input {
	text-align: left;
	ime-mode: disabled;
}
.xux-numberField.xux-upDownButtons-false .ui-spinner-button {
	display: none;
}
.xux-numberField.xux-upDownButtons-false .xux-spinner {
	padding-right: 0;
}
.xux-numberField.xux-upDownButtons-false  .xux-spinner .xux-inputField ~ .xux-icon {
	right: 0;
}

.xux-numberField .xux-suggestion .xux-localizable-input {
	text-align: left;
}

.xux-numberField .xux-spinner.xux-suggestion .xux-inputField.ui-autocomplete-input.xux-hint {
	border-right: none;
}

.xux-numberField.xux-upDownButtons-false .xux-suggestionButton-true {
	padding-right: 29px;
}

.xux-numberField.xux-width-auto.xux-maxChars-1 .xux-localizable-input,
.xux-numberField.xux-width-auto.xux-maxChars-2 .xux-localizable-input {
	width: 72px; /* 48+24(icon) */
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-1 .xux-localizable-input,
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-2 .xux-localizable-input {
	width: 161px;
}
.xux-numberField.xux-width-auto.xux-maxChars-3 .xux-localizable-input {
	width: 83px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-3 .xux-localizable-input {
	width: 172px;
}
.xux-numberField.xux-width-auto.xux-maxChars-4 .xux-localizable-input {
	width: 94px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-4 .xux-localizable-input {
	width: 183px;
}
.xux-numberField.xux-width-auto.xux-maxChars-5 .xux-localizable-input {
	width: 105px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-5 .xux-localizable-input {
	width: 194px;
}
.xux-numberField.xux-width-auto.xux-maxChars-6 .xux-localizable-input {
	width: 116px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-6 .xux-localizable-input {
	width: 205px;
}
.xux-numberField.xux-width-auto.xux-maxChars-7 .xux-localizable-input {
	width: 127px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-7 .xux-localizable-input {
	width: 216px;
}
.xux-numberField.xux-width-auto.xux-maxChars-8 .xux-localizable-input {
	width: 138px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-8 .xux-localizable-input {
	width: 227px;
}
.xux-numberField.xux-width-auto.xux-maxChars-9 .xux-localizable-input {
	width: 149px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-9 .xux-localizable-input {
	/* width: 238px; */
}
.xux-numberField.xux-width-auto.xux-maxChars-10 .xux-localizable-input {
	width: 160px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-10 .xux-localizable-input {
	width: 249px;
}
.xux-numberField.xux-width-auto.xux-maxChars-11 .xux-localizable-input {
	width: 171px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-11 .xux-localizable-input {
	width: 260px;
}
.xux-numberField.xux-width-auto.xux-maxChars-12 .xux-localizable-input {
	width: 182px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-12 .xux-localizable-input {
	width: 271px;
}
.xux-numberField.xux-width-auto.xux-maxChars-13 .xux-localizable-input {
	width: 193px;
}
.xux-numberField.xux-upDownButtons-true.xux-width-auto.xux-maxChars-13 .xux-localizable-input {
	width: 282px;
}

.xux-spinner {
	overflow: visible;
	border: 1px solid;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	background: none;
	box-sizing: border-box;
	outline: 2px solid transparent;
	outline-offset: -2px;
	padding: 1px;
	border-radius: 0;
}
.xux-spinner.ui-state-hover {
	background: none;
}

.xux-spinner.xux-width-full,
.xux-spinner.xux-width-full .watermark_wrapper {
	width: 100%;
}
.xux-spinner .xux-inputField,
.xux-spinner .xux-inputField:focus {
	outline: none;
	border: none;
	background: transparent;
}
.xux-upDownButtons-true .xux-spinner .xux-inputField {
	margin-right: 89px;
	padding-right: 5px;
	padding-left: 11px;
}

.xux-spinner .watermark_wrapper .xux-inputField ~ .xux-icon {
	right: 0;
}

.xux-spinner .ui-spinner-button {
	cursor: pointer;
	font-weight: normal;
	margin: 0;
	padding: 0;
	outline: none;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: border-color 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s;
	transition: border-color 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s;
	box-sizing: border-box;
	position: absolute;
	top: 2px;
	background-color: #363940;
	border-radius: 0;
	color: #fff;
}

.xux-spinner .ui-spinner-button.ui-spinner-up {
	border-left: none;
	right: 1px;
}

.xux-spinner .ui-button-text-only .ui-button-text {
	padding: 0;
	display: inline;
}

.xux-spinner .ui-spinner-button .xux-icon {
	background: transparent;
	display: inline;
	margin: 0;
	position: relative;
	font-weight: normal;
}

.xux-spinner .xux-inputField ~ .xux-icon {
	right: 86px;
	top: 0;
}

.xux-spinner .xux-inputField {
	min-width: 66px;
	font-weight: normal;
}
.xux-upDownButtons-true .xux-spinner .xux-inputField {
	min-width: 155px;
}

.xux-spinner .ui-spinner-button {
	font-size: 20px;
	width: 43px;
}

.xux-spinner .ui-spinner-button.ui-spinner-down {
	right: 45px;
}

.xux-spinner {
	line-height: 1; /* labelablebox's line height is too large */
}
.xux-upDownButtons-true .xux-spinner .xux-inputField {
	height: 22px;
}
.xux-spinner .ui-spinner-button {
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	vertical-align: middle;
}

.xux-spinner .xux-editableText {
	padding: 0 6px;
}

.xux-spinner .ui-spinner-button .xux-icon {
	line-height: 22px;
}

.xux-spinner {
	border-color: #8C8C8C;
	background-color: #FFFFFF;
}
.xux-spinner.xux-state-hover {
	background-color: #2b2d33;
}
.xux-spinner.xux-state-active {
	border-color: #37c6d9;
	outline-color: #37c6d9;
	background-color: #1a1b1f;
}
.xux-type-fault > .xux-spinner {
	border-color: #b32029;
}
.xux-type-fault > .xux-spinner.xux-state-active {
	border-color: #b32029;
	outline-color: #b32029;
}
.xux-type-alert > .xux-spinner {
	border-color: #E6BC00;
}
.xux-type-alert > .xux-spinner.xux-state-active {
	border-color: #E6BC00;
	outline-color: #E6BC00;
}
.xux-spinner a.ui-spinner-button {
	background: #363940;
	color: #fff;
}
.xux-spinner a.ui-spinner-button:hover {
	background: #3f434d;
	color: #fff;
}
.xux-spinner a.ui-spinner-button.ui-state-active {
	background: #2b2d33;
	color: #fff;
}
.xux-spinner .xux-inputField {
	background-color: #FFFFFF;
}
.xux-spinner.ui-state-hover .xux-inputField {
	background-color: #2b2d33;
}
.xux-spinner .xux-inputField:focus {
	background-color: #1a1b1f;
}

/* this is needed */
.xux-spinnerLocalizableInput.ui-state-disabled {
	opacity: 1;
}
.xux-spinner.ui-state-disabled {
	opacity: .3;
}
.xux-spinner .xux-inputField:focus ~ .ui-spinner-button.ui-state-disabled,
.xux-spinner .xux-inputField ~ .ui-spinner-button.ui-state-disabled,
.xux-spinner .xux-inputField ~ .ui-spinner-button.ui-state-disabled:active {
	opacity: .3;
}
.xux-spinner .xux-editableText[disabled],
.xux-spinner .xux-editableText.ui-state-disabled,
.xux-spinner .xux-inputField.ui-state-disabled:focus ~ .ui-spinner-button.ui-state-disabled,
.xux-spinner .xux-inputField.ui-state-disabled ~ .ui-spinner-button.ui-state-disabled,
.xux-spinner .xux-inputField.ui-state-disabled ~ .ui-spinner-button.ui-state-disabled:active {
	opacity: 1;
}

.xux-spinner .watermark_wrapper.xux-state-focus ~ .ui-spinner-button {
	background-color: #37c6d9;
	color: #0f0f0f;
}

.xux-spinner .watermark_wrapper.xux-type-alert.xux-state-focus ~ .ui-spinner-button {
	background-color: #c0a070;
	color: #0f0f0f;
}
.xux-spinner .watermark_wrapper.xux-type-fault.xux-state-focus ~ .ui-spinner-button {
	background-color: #20e090;
	color: #0f0f0f;
}

.xux-spinner .watermark_wrapper ~ .ui-state-hover.ui-spinner-button {
	background-color: #007373;
	color: #0f0f0f;
}
.xux-spinner .watermark_wrapper.xux-type-alert ~ .ui-state-hover.ui-spinner-button {
	background-color: #000050;
}
.xux-spinner .watermark_wrapper.xux-type-fault ~ .ui-state-hover.ui-spinner-button {
	background-color: #404070;
}
.xux-spinner .watermark_wrapper ~ .ui-state-active.ui-spinner-button {
	background-color: #2b2d33;
}
.xux-spinner .watermark_wrapper.xux-type-alert ~ .ui-state-active.ui-spinner-button {
	background-color: #e0e0b0;
}
.xux-spinner .watermark_wrapper.xux-type-fault ~ .ui-state-active.ui-spinner-button {
	background-color: #e00090;
}
.xux-spinner.ui-state-disabled .watermark_wrapper ~ .ui-spinner-button {
	background-color: transparent;
	border-color: rgba(172, 174, 179, .3);
}
.xux-spinner.ui-state-disabled .watermark_wrapper ~ .ui-spinner-button.ui-spinner-down {
	border-right-color: rgba(172, 174, 179, .3);
}
.xux-spinner a.ui-spinner-button.ui-spinner-up,
.xux-spinner a.ui-spinner-button.ui-spinner-down {
	height: 20px;
    width: 43px;
}
.xux-spinner .xux-inputField,
.xux-spinner .xux-inputField:focus {
	border: none;
}
.xux-spinner .ui-spinner-button.ui-spinner-up,
.xux-spinner a.ui-spinner-button.ui-spinner-down {
    border: none;
    background: #EAEAEA !important;
    box-shadow: none;
    border-radius: 0;
}
.xux-spinner .ui-spinner-button.ui-spinner-up:hover,
.xux-spinner a.ui-spinner-button.ui-spinner-down:hover {
    border: none;
    background: #D8D8D8;
    box-shadow: none;
}

.xux-spinner .ui-spinner-button.ui-spinner-up:active,
.xux-spinner a.ui-spinner-button.ui-spinner-down:active {
    border: none;
    background: #B2B2B2;
    box-shadow: none;
}
.xux-spinner .ui-state-disabled.ui-spinner-button,
.xux-spinner .ui-state-disabled.ui-spinner-button:hover,
.xux-spinner .ui-state-disabled.ui-spinner-button.ui-state-active {
	opacity: 0.3;
}

.ui-spinner .ui-icon {
	height: 20px;
    width: 43px;
}

.xux-spinner .ui-icon.ui-icon-triangle-1-n {
    background-position: 3px 1px;
}
.xux-spinner .ui-icon.ui-icon-triangle-1-s {
    background-position: 3px -18px;
}
.xux-spinner .ui-state-disabled .ui-icon.ui-icon-triangle-1-n {
    background-position: 3px -37px;;
}
.xux-spinner .ui-state-disabled .ui-icon.ui-icon-triangle-1-s {
    background-position: 3px -56px;
}
.xux-numberField.xux-upDownButtons-false .xux-inputField {
    border-right: none;
	border-radius: 0;
}
.xux-localizableInput.xux-spinnerLocalizableInput.xux-numberField.xux-upDownButtons-false .xux-suggestableInputField.xux-textField {
	vertical-align: middle;
	padding: 2px 1px 2px 2px;
}

.xux-numberField.xux-width-auto.xux-maxChars-3 .xux-localizable-input,
.dm_searchIp.xux-editableText[readonly] {
	width: 40px !important;
	min-width: 40px;
}
/* #endregion */

/* #region searchfield */
.xux-searchField {
	display: inline-block;
	position: relative;
}
.xux-searchField.xux-width-full,
.xux-searchField.xux-width-full .xux-searchField-inputWrapper {
	width: 100%;
}

.xux-searchField .xux-searchField-input {
	box-sizing: border-box; /* overwrite normalize input[type=search] */
	display: inline-block;
	position: relative;
	vertical-align: top;
	-webkit-appearance: none; /* disable iOS input search appearance */
}
.xux-searchField .xux-searchField-inputWrapper {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-collapse: separate;
}

.xux-searchTiming-standard .xux-searchField-bg {
	border: 1px solid transparent;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 0;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}

.xux-searchTiming-standard .xux-searchField-bg.ui-state-focus,
.ui-state-hover .xux-searchTiming-standard .xux-searchField-bg,
.xux-searchTiming-standard .xux-searchField-bg.ui-state-hover {
	background-image: none;
	border: 1px solid transparent;
}
.xux-searchTiming-standard .xux-searchField-bg:focus {
	outline: thin dotted;
}
.xux-searchField.ui-state-disabled .xux-searchField-bg,
.xux-searchField-input[disabled] + .xux-searchField-bg {
	cursor: default;
}
.xux-searchField.ui-state-disabled {
	pointer-events: none;
}
.xux-searchField-indicator {
	display: none;
	position: absolute;
}
.xux-searchField.xux-searchField-searching .xux-searchField-indicator {
	display: inline;
}
.xux-searchTiming-instant.xux-searchField-searching .xux-searchField-indicator {
	z-index: 1;
}

.xux-searchTiming-instant .xux-icon-search,
.xux-searchTiming-instant .xux-icon-close {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	right: 0;
}
.xux-searchTiming-instant.ui-state-disabled .xux-icon-search,
.xux-searchTiming-instant.ui-state-disabled .xux-icon-close {
	cursor: default;
}
.xux-searchTiming-instant.xux-state-focus .xux-icon-search,
.xux-searchTiming-instant.xux-state-focus .xux-icon-close {
	-webkit-transition: color 0.2s linear 0s;
	transition: color 0.2s linear 0s;
}

.xux-searchTiming-instant.xux-searchField-searching .xux-icon-search,
.xux-searchTiming-instant.xux-searchField-searching .xux-icon-close {
	display: none;
}

/* Because xux-searchField's dom structure is different from other fiels,
 * hint field of suggestion has no border */
.xux-suggestion .xux-searchField-input.xux-inputField.ui-autocomplete-input.xux-hint {
	border: none;
	background-color: transparent;
}

.xux-searchField.ui-state-disabled {
	opacity: .3;
}
.xux-searchField.ui-state-disabled .xux-searchField-input.ui-state-disabled {
	opacity: 1;
}

.xux-searchTiming-standard .xux-searchField-bg {
	background-color: #00838d;
}
.xux-searchTiming-standard.xux-type-alert .xux-searchField-bg {
	background-color: #806800;
}
.xux-searchTiming-standard.xux-type-fault .xux-searchField-bg {
	background-color: #80171d;
}

.xux-searchTiming-standard .xux-searchField-bg.ui-state-hover {
	background-color: #007373;
	box-shadow: none;
}
.xux-searchTiming-standard.xux-type-alert .xux-searchField-bg.ui-state-hover {
	background-color: #594900;
}
.xux-searchTiming-standard.xux-type-fault .xux-searchField-bg.ui-state-hover {
	background-color: #59090d;
}
.xux-searchTiming-standard .xux-searchField-bg:focus {
	outline-color: #acaeb3;
}
.xux-searchTiming-standard .xux-searchField-bg:active,
.xux-searchTiming-standard .xux-searchField-bg.ui-state-active {
	background-color: #005e5e;
	box-shadow: none;
}
.xux-searchTiming-standard.xux-type-alert .xux-searchField-bg:active,
.xux-searchTiming-standard.xux-type-alert .xux-searchField-bg.ui-state-active {
	background-color: #403400;
}
.xux-searchTiming-standard.xux-type-fault .xux-searchField-bg:active,
.xux-searchTiming-standard.xux-type-fault .xux-searchField-bg.ui-state-active {
	background-color: #40060a;
}

.xux-searchField.xux-searchTiming-standard .xux-searchField-inputWrapper {
	padding-right: 38px;
}

.xux-searchTiming-standard .xux-searchField-bg {
	width: 38px;
}

.xux-searchField .xux-editableText + .xux-icon-error,
.xux-searchField .xux-editableText + .xux-icon-warning,
.xux-searchField .xux-editableText + .xux-icon-success {
	right: 36px;
}

.xux-searchTiming-standard .xux-searchField-image:before {
	line-height: 1;
}
.xux-searchField {
	height: 26px;
}

.xux-searchTiming-standard .xux-searchField-bg {
	height: 26px;
	line-height: 26px;
	padding: 0 4px;
}

.xux-searchTiming-standard .xux-searchField-image:before {
	font-size: 14px;
}

.xux-searchTiming-standard .xux-searchField-indicator {
	right: 44px; /* 38px(button) + 6px(padding) */
	top: 6px;
}

.xux-searchTiming-instant .xux-searchField-indicator {
	right: 4px; /* BASG specifies that indicator overlaps clear button. 6px(padding) */
	top: 6px;
}

.xux-searchField-inputWrapper {
	height: 26px;
}

.xux-searchTiming-instant .xux-searchField-inputWrapper .xux-searchField-input {
	padding-right: 18px; /* 14(icon) + 4(padding) */
}

.xux-searchTiming-instant .xux-icon-search,
.xux-searchTiming-instant .xux-icon-close {
	font-size: 14px;
	line-height: 14px;
	padding: 0 4px 0 0;
	top: 6px;
}

.xux-searchField .xux-editableText + .xux-icon-error,
.xux-searchField .xux-editableText + .xux-icon-warning,
.xux-searchField .xux-editableText + .xux-icon-success {
	top: 1px;
}

.xux-searchField.xux-searchTiming-standard .xux-editableText + .xux-icon-error,
.xux-searchField.xux-searchTiming-standard .xux-editableText + .xux-icon-warning,
.xux-searchField.xux-searchTiming-standard .xux-editableText + .xux-icon-success {
	right: 53px;
}

.xux-searchField {
	padding-right: 38px;
}
.xux-searchField .xux-searchField-bg {
    border-radius: 0;
    background: #00838D;
    box-shadow: none;
}

.xux-decoratedTable .awms2-table-warning-msg, .xux-decoratedTable .xux-search-result {
    border-style: none;
    background: #F5F5F5;
    box-shadow: none;
    color: #0A0A0A;
}

.xux-searchField-indicator {
    background-color: transparent;
}
label{
    color: #0A0A0A;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
}
/* #endregion */

/* #region timeField */
.xux-timeField .xux-localizable-input {
	text-align: center;
}
.xux-timeField.xux-upDownButtons-false .ui-spinner-button {
	display: none;
}
.xux-timeField.xux-upDownButtons-false .xux-spinner {
	padding-right: 0;
}
.xux-timeField.xux-upDownButtons-false  .xux-spinner .xux-inputField ~ .xux-icon {
	right: 0;
}

.xux-timeField .xux-spinner .xux-localizable-input {
    height: 22px;
    margin-right: 89px;
    padding-right: 5px;
    padding-left: 11px;
}

/* #endregion */

/* #region fileUpload */
.xux-fileUpload {
	display: inline-block;
	border-collapse: separate;
	box-sizing: border-box;
	position: relative;
}
.xux-fileUpload.xux-width-full {
	width: 100%;
}
.xux-fileUpload .xux-inputFile {
	clip: rect(0, 0, 0, 0); /* need to ignore click for style button case */
	position: absolute;
	opacity: 0;
	width: 100%;
	top: 0;
	left: 0;
}
/* IE9,10 needs trasparent browse button over visible parts because we cannot trigger click from javascript.
   cursor is pointer not text style on input field same as on buttons.*/
.xux-fileUpload .xux-ie-inputFile {
	position: absolute;
    opacity: 0;
	width: 100%;
	top: 0;
	left: 0;
	visibility: visible;
	vertical-align: middle;
	outline-style: none;
	cursor: pointer;
	font-size: 500px;
}
.xux-fileUpload.ui-state-disabled .xux-ie-inputFile {
	cursor: default;
}
.xux-fileUpload .xux-editableText {
	cursor: text;
}
.xux-fileUpload .xux-editableText,
.xux-fileUpload .xux-editableText.ui-state-focus,
.xux-fileUpload .xux-editableText:focus {
	text-overflow: ellipsis;
}
.xux-fileUpload .xux-editableText.ui-state-active,
.xux-fileUpload .xux-editableText:active {
}
.xux-fileUpload .xux-editableText.ui-state-disabled,
.xux-fileUpload .xux-editableText[disabled] {
	cursor: default !important;
}

.xux-fileUpload .xux-button {
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
	margin-left: 6px;
}
.xux-fileUpload.xux-width-full .xux-button {
	width: auto;
}
.xux-fileUpload .xux-fileUpload-change,
.xux-fileUpload .xux-fileUpload-delete,
.xux-fileUpload.xux-inputFile-exists .xux-fileUpload-browse {
	display: none;
}
.xux-fileUpload.xux-inputFile-exists .xux-fileUpload-change,
.xux-fileUpload.xux-inputFile-exists .xux-fileUpload-delete {
	display: inline-block;
}

.xux-fileUpload .xux-normalButton {
	border: 1px solid;
	text-align: center;
	width: auto;
	cursor: pointer;
}
.xux-fileUpload .xux-button.xux-width-full .xux-normalButton {
	width: auto;
}

.xux-fileUpload .xux-normalButton.xux-with-icon .xux-button-icon {
	padding-right: 0;
}

.xux-fileUpload .xux-normalButton.xux-icon-only .xux-button-text {
	display: none;
}

.xux-fileUpload.ui-state-disabled .xux-normalButton {
	pointer-events: none;
	cursor: default !important;
}

.xux-fileUpload.xux-fileUploadStyle-button {
	display: block;
	padding-right: 0;
}
.xux-fileUpload.xux-fileUploadStyle-button .xux-button {
	position: relative;
}
.xux-fileUpload.xux-fileUploadStyle-button .xux-button.xux-fileUpload-change {
	right: 0;
}
.xux-fileUpload.xux-fileUploadStyle-button.xux-inputFile-exists .xux-fileUpload-delete {
	margin-left: 16px;
}
.xux-fileUpload.xux-fileUploadStyle-button .xux-editableText {
	display: none;
}

.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton,
.xux-fileUpload.xux-fileUploadStyle-button.xux-inputFile-exists .xux-normalButton,
.xux-fileUpload.xux-fileUploadStyle-button .xux-fileUpload-browse .xux-normalButton {
	bottom: 0;
	background: transparent;
	text-decoration: none;
}

.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.xux-with-icon .xux-button-icon:before {
	position: relative;
	text-align: left;
}

}
.xux-fileUpload .xux-editableText.xux-type-fault {
	border-color: #CC252F;
}

.xux-fileUpload .xux-editableText.xux-type-alert {
	border-color: #E6BC00;
}

.xux-fileUpload.xux-state-focus .xux-editableText.xux-type-fault,
.xux-fileUpload .xux-editableText.xux-type-fault[readonly]:focus {
	outline-color: #CC252F;
}
.xux-fileUpload.xux-state-focus .xux-editableText.xux-type-alert,
.xux-fileUpload .xux-editableText.xux-type-alert[readonly]:focus {
	outline-color: #E6BC00;
}

/* This css is needed when file field has selected file and then it becomes disabled. */
.xux-fileUpload .xux-editableText.ui-state-disabled,
.xux-fileUpload .xux-editableText[disabled],
.xux-fileUpload.xux-inputFile-exists .xux-editableText.ui-state-disabled,
.xux-fileUpload.xux-inputFile-exists .xux-editableText[disabled] {
	opacity: .3;
}

.xux-fileUpload .xux-normalButton {
	background-color: #00838d;
	border-color: #00838d;
}
.xux-fileUpload .xux-button.xux-type-fault .xux-normalButton {
	background-color: #B32029;
	border-color: #B32029;
}
.xux-fileUpload .xux-button.xux-type-alert .xux-normalButton {
	background-color: #E6BC00;
	border-color: #E6BC00;
}
/*.xux-fileUpload .xux-button.xux-type-success .xux-normalButton {
	background-color: #006020;
	border-color: #006020;
}*/
.xux-fileUpload .xux-normalButton.ui-state-hover,
.xux-fileUpload .xux-normalButton:hover {
	background-color: #007373;
	border-color: #007373;
}
.xux-fileUpload .xux-button.xux-type-fault .xux-normalButton.ui-state-hover,
.xux-fileUpload .xux-button.xux-type-fault .xux-normalButton:hover {
	background-color: #991C23;
	border-color: #991C23;
}
.xux-fileUpload .xux-button.xux-type-alert .xux-normalButton.ui-state-hover,
.xux-fileUpload .xux-button.xux-type-alert .xux-normalButton:hover {
	background-color: #B39200;
	border-color: #B39200;
}
/*.xux-fileUpload .xux-button.xux-type-success .xux-normalButton.ui-state-hover,
.xux-fileUpload .xux-button.xux-type-success .xux-normalButton:hover {
	background-color: #a000e0;
	border-color: #a000e0;
}*/

.xux-fileUpload .xux-normalButton.ui-state-active,
.xux-fileUpload .xux-normalButton:active {
	background-color: #005e5e;
	border-color: #005e5e;
}
.xux-fileUpload .xux-button.xux-type-fault .xux-normalButton.ui-state-active,
.xux-fileUpload .xux-button.xux-type-fault .xux-normalButton:active {
	background-color: #80171D;
	border-color: #80171D;
}
.xux-fileUpload .xux-button.xux-type-alert .xux-normalButton.ui-state-active,
.xux-fileUpload .xux-button.xux-type-alert .xux-normalButton:active {
	background-color: #806800;
	border-color: #806800;
}

.xux-fileUpload .xux-normalButton .xux-button-text,
.xux-fileUpload .xux-button.xux-type-fault .xux-normalButton .xux-button-text/*,
.xux-fileUpload .xux-button.xux-type-success .xux-normalButton .xux-button-text*/ {
	color: #0A0A0A;
}
.xux-fileUpload .xux-button.xux-type-alert .xux-normalButton .xux-button-text {
	color: #fff;
}
.xux-fileUpload .xux-button.xux-type-fault .xux-normalButton .xux-button-text {
	color: #fff;
}
.xux-fileUpload.xux-inputFile-exists .xux-normalButton .xux-icon:before {
	color: #fff;
}
.xux-fileUpload.xux-inputFile-exists .xux-button.xux-type-alert .xux-normalButton .xux-icon:before {
	color: #fff;
}

.xux-fileUpload.ui-state-disabled .xux-normalButton .xux-button-text,
.xux-fileUpload.ui-state-disabled .xux-button.xux-type-alert .xux-normalButton .xux-button-text,
.xux-fileUpload.ui-state-disabled .xux-button.xux-type-fault .xux-normalButton .xux-button-text{
	color: #fff;
}

.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.xux-with-icon .xux-button-icon:before,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton .xux-button-text,
.xux-fileUpload.xux-inputFile-exists.xux-fileUploadStyle-button .xux-normalButton .xux-button-text {
	color: #37c6d9;
}
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton:focus,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.ui-state-focus,
.xux-fileUpload.xux-inputFile-exists.xux-fileUploadStyle-button .xux-normalButton.ui-state-focus {
	border-color: #37c6d9;
	background-color: transparent;
}
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton:hover,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.ui-state-hover,
.xux-fileUpload.xux-inputFile-exists.xux-fileUploadStyle-button .xux-normalButton.ui-state-hover {
	border-color: #007373;
	background-color: #007373;
}
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.xux-with-icon:hover .xux-button-icon:before,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.xux-with-icon.ui-state-hover .xux-button-icon:before,
.xux-fileUpload.xux-inputFile-exists.xux-fileUploadStyle-button .xux-normalButton.xux-with-icon.ui-state-hover .xux-button-icon:before,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton:hover .xux-button-text,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.ui-state-hover .xux-button-text,
.xux-fileUpload.xux-inputFile-exists.xux-fileUploadStyle-button .xux-normalButton.ui-state-hover .xux-button-text {
	color: #0f0f0f;
}

.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton:active,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.ui-state-active,
.xux-fileUpload.xux-fileUploadStyle-button.xux-inputFile-exists .xux-normalButton:active,
.xux-fileUpload.xux-inputFile-exists.xux-fileUploadStyle-button .xux-normalButton.ui-state-active {
	background-color: #2b2d33;
	border-color: #2b2d33;
}
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton:active .xux-button-icon:before,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.ui-state-active .xux-button-icon:before,
.xux-fileUpload.xux-inputFile-exists.xux-fileUploadStyle-button .xux-normalButton.ui-state-active .xux-button-icon:before,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton:active .xux-button-text,
.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.ui-state-active .xux-button-text,
.xux-fileUpload.xux-inputFile-exists.xux-fileUploadStyle-button .xux-normalButton.ui-state-active .xux-button-text {
	color: #0f0f0f;
}
.xux-fileUpload.xux-inputFile-exists .xux-ie-inputFile {
	width: calc(100% - 38px);
}

.xux-fileUpload .xux-button.xux-fileUpload-change {
	right: 39px;
}

.xux-fileUpload .xux-button.xux-fileUpload-delete {
	right: 0;
}

.xux-fileUpload .xux-fileUpload-change .xux-normalButton.xux-icon-only,
.xux-fileUpload .xux-fileUpload-delete .xux-normalButton.xux-icon-only,
.xux-fileUpload .xux-button.xux-width-full.xux-fileUpload-change .xux-normalButton.xux-icon-only,
.xux-fileUpload .xux-button.xux-width-full.xux-fileUpload-delete .xux-normalButton.xux-icon-only {
	 width: 38px;
	 min-width: 38px;
}

.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton,
.xux-fileUpload.xux-fileUploadStyle-button.xux-inputFile-exists .xux-normalButton,
.xux-fileUpload.xux-fileUploadStyle-button .xux-fileUpload-browse .xux-normalButton {
	padding: 0 6px;
}

.xux-fileUpload.xux-fileUploadStyle-button .xux-normalButton.xux-with-icon .xux-button-icon {
	margin-right: 12px;
}

.xux-fileUpload.xux-fileUploadStyle-normal {
	height: 26px;
}

.xux-fileUpload .xux-inputFile,
.xux-fileUpload .xux-ie-inputFile {
	height: 26px;
}

.xux-fileUpload .xux-normalButton {
	padding: 0 6px;
	min-width: 65px;
}

.xux-fileUpload .xux-button,
.xux-fileUpload .xux-normalButton {
	height: 26px;
	font-size: 14px;
}
/* #endregion */

/* #region hyperlink */
.ui-state-default a.xux-hyperlink,
.ui-state-default a.xux-hyperlink:link,
.ui-state-default a.xux-hyperlink:visited,
.ui-state-hover a.xux-hyperlink {
    text-decoration: none;
}
a.xux-hyperlink,
.ui-widget a.xux-hyperlink { /* fixed font style in dialog */
	-webkit-transition: color 0.2s linear 0s;
	transition: color 0.2s linear 0s;
	background: none;
	text-decoration: none;
}
a.xux-hyperlink, a.xux-hyperlink:link, .ui-widget a.xux-hyperlink {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	color: #007373;
}
a.xux-hyperlink.xux-inStatement-true,
.ui-widget a.xux-hyperlink.xux-inStatement-true { 
	text-decoration: underline;	
}

a.xux-hyperlink:hover,
a.xux-hyperlink:active {
	text-decoration: underline;
}

a.xux-hyperlink:hover.xux-type-alert,
a.xux-hyperlink:active.xux-type-alert,
.xux-staticText.xux-type-alert a.xux-hyperlink:hover,
.xux-staticText.xux-type-alert a.xux-hyperlink:active {
	text-decoration: underline;
}

.xux-modalWindow.xux-modalWindow-frameless a.xux-hyperlink:hover,
.xux-modalWindow.xux-modalWindow-frameless a.xux-hyperlink:active {
	text-decoration: underline;
}

a.xux-hyperlink + .xux-badge {
	vertical-align: text-bottom; /* seems better than baseline */
	position: relative;
}
a.xux-hyperlink + .xux-badge.xux-emptyBadge {
	vertical-align: middle;
}

.xux-megaMenu-item a.xux-hyperlink,
.xux-megaMenu-item.ui-state-highlight a.xux-hyperlink,
.xux-megaMenu-item.ui-state-highlight a.xux-hyperlink:visited,
.ui-widget-content .xux-staticText a.cst-hyperlink {
	text-decoration: none;
	color: #007373 !important;
}
.xux-megaMenu-item a.xux-hyperlink:hover,
.xux-megaMenu-item.ui-state-highlight a.xux-hyperlink:hover,
.ui-widget-content .xux-staticText a.cst-hyperlink:hover {
    text-decoration: underline;
    color: #005E5E !important;
}
.xux-megaMenu-item a.xux-hyperlink:focus,
.xux-megaMenu-item.ui-state-highlight a.xux-hyperlink:focus,
.ui-widget-content .xux-staticText a.cst-hyperlink:focus {
    text-decoration: underline;
    color: #005E5E !important;
}
.xux-megaMenu-item a.xux-hyperlink:active,
.xux-megaMenu-item.ui-state-highlight a.xux-hyperlink:active,
.ui-widget-content .xux-staticText a.cst-hyperlink:active {
    text-decoration: underline;
    color: #003B3B !important;
}
.xux-megaMenu-item.ui-state-active a.xux-hyperlink {
	text-decoration: none;
}

a.xux-hyperlink:visited {
    color: #007373;
}
a.xux-hyperlink:hover,
a.xux-hyperlink:focus {
    color: #005E5E;
}
a.xux-hyperlink:active {
    color: #003B3B;
}
.xux-decoratedTable-table .xux-table-cell a.xux-hyperlink {
    font-size: 14px;
}
/* #endregion */

/* #region list */
 .xux-list-wrapper {
	display: inline-block;
	white-space: nowrap;
	max-width: 100%;
	box-sizing: border-box;
}
.xux-list-wrapper.xux-width-full {
	width: 100%;
}
.xux-list-wrapper.xux-reorderable-true {
	padding-right: 46px;
}
.xux-list-list {
	vertical-align: top;
	box-sizing: border-box;
}
.xux-list {
	display: inline-block;
	overflow-y: scroll;
	border: 1px solid;
	min-width: 32px;
	max-width: 100%;
	box-sizing: border-box;
	overscroll-behavior: contain;
	-ms-scroll-chaining: none;
}
.xux-list:focus {
	outline: none;
}
.xux-list > span {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}
.xux-list-item, .xux-list-item.ui-state-hover,
.ui-widget .xux-list-item {	/* fixed background style in dialog */
	cursor: pointer;
	display: block;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	/*
	 * To override the jQuery UI settings.
	 */
	font-weight: normal;
	border: none;
	background: transparent none;

	box-sizing: border-box;
	padding-left: 6px;
	padding-right: 6px;
	white-space: nowrap;
}
.xux-list-item.ui-state-focus {
	outline: thin dotted;
}
.xux-list-item {
	display: block;
	padding-left: 6px;
	padding-right: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	box-sizing: border-box;
	transition: all .15s ease;
}
/*.xux-list-item .xux-choice-bg {
	vertical-align: middle;
}*/
.xux-list-item .xux-choice-icon {
	display: inline-block;
	margin-right: 6px;
}
.xux-list.ui-state-disabled .xux-list-item {
	cursor: default;
}
.xux-list-reorderButtons {
	display: inline-block;
	white-space: normal;
	margin-left: 8px;
	position: absolute;
}
.xux-list-reorderButtons .xux-button .xux-list-up-button {
	margin-bottom: 8px;
}
.xux-list-reorderButtons .xux-button .xux-normalButton {
	min-width: 0;
	padding-left: 5px;
	padding-right: 5px;
}
:root .xux-list-reorderButtons .xux-normalButton {
	min-width: 0;
}
.xux-list-reorderButtons .xux-button .xux-normalButton.xux-with-icon .xux-icon {
	padding-left: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	left: 5px;
	top: 1px;
}
.xux-list-reorderButtons .xux-button.ui-state-disabled .xux-normalButton.xux-with-icon .xux-icon {
	opacity: 1;
	filter: 0; /* to solve that problem the Alpha(Opacity=100) displays dotted edge in case of PNG. */
}
.xux-list-wrapper.xux-width-full .xux-list {
	width: 100%;
}

.xux-list-reorderButtons .xux-normalButton.xux-with-icon .xux-icon.xux-icon-up:before {
	content: '\25b2';
}

.xux-list-reorderButtons .xux-normalButton.xux-with-icon .xux-icon.xux-icon-down:before {
	content: '\25bc';
}

.xux-list-item .xux-choice-icon:before {
	font-size: 20px;
}

.xux-list {
	border-color: #CCCCCC;
}
.xux-list:focus {
	outline-color: #acaeb3;
}
.xux-list-item, .xux-list-item.ui-state-hover,
.ui-widget .xux-list-item {	/* fixed background style in dialog */
	color: #0A0A0A;
}
/* .xux-list-item {
	background: #0f0f0f;
} */
.xux-list-item.ui-state-hover {
	background-color: #EAEAEA;
}
.xux-list-item.ui-state-hover .xux-choice-icon:before {
	color: #f5f5f5;
}

.xux-type-fault .xux-list-item.ui-state-hover .xux-choice-icon:before {
	color: #0A0A0A;
}

.xux-list-item.ui-state-highlight,
.xux-list-item.ui-state-active {
	color: #0A0A0A;
}
.xux-list-item.ui-state-highlight.ui-state-hover {
	background-color: #00838d;
	color: #0A0A0A;
}

.xux-type-alert .xux-list-item.ui-state-highlight,
.xux-type-alert .xux-list-item.ui-state-active {
	background-color: rgba(179, 146, 0, .6);
}
.xux-type-alert .xux-list-item.ui-state-highlight.ui-state-hover {
	background-color: #b39200;
	color: #fff;
}
.xux-type-fault .xux-list-item.ui-state-highlight,
.xux-type-fault .xux-list-item.ui-state-active {
	background-color: rgba(204, 37, 47, .6);
}
.xux-type-fault .xux-list-item.ui-state-highlight.ui-state-hover {
	background-color: #cc252f;
	color: #fff;
}

.xux-list-item.xux-checkbox.ui-state-active {
	background-color: transparent;
}
.xux-list-item.xux-checkbox.ui-state-active.ui-state-hover {
	background-color: transparent;
}

.xux-list-item.ui-state-focus {
	outline-color: #acaeb3;
}
.xux-list-item .xux-choice-icon:before {
	color: #acaeb3;
}

.xux-type-fault .xux-list-item .xux-choice-icon:before {
	color: #20e090;
}

.xux-list-item.ui-state-active .xux-choice-icon:before {
	color: #0f0f0f;
}

.xux-list-item.xux-checkbox.ui-state-active .xux-choice-icon:before {
	color: #00afbf;
}

.xux-list-item.xux-checkbox.ui-state-active.ui-state-hover .xux-choice-icon:before {
	color: #55ddf2;
}

.xux-list-item.xux-checkbox.xux-state-active .xux-choice-icon:before {
	color: #737478;
}
.xux-list-item.xux-checkbox.ui-state-active.xux-state-active .xux-choice-icon:before {
	color: #005e5e;
}

.xux-type-alert .xux-list-item.xux-checkbox .xux-choice-icon:before {
	color: #ffd100;
}

.xux-type-alert .xux-list-item.xux-checkbox.ui-state-hover .xux-choice-icon:before {
	color: #fff1b3;
}

.xux-type-alert .xux-list-item.xux-checkbox.xux-state-active .xux-choice-icon:before {
	color: #806800;
}

.xux-type-fault .xux-list-item.xux-checkbox .xux-choice-icon:before {
	color: #ff737b;
}

.xux-type-fault .xux-list-item.xux-checkbox.ui-state-hover .xux-choice-icon:before {
	color: #ffa6a6;
}

.xux-type-fault .xux-list-item.xux-checkbox.xux-state-active .xux-choice-icon:before {
	color: #80171d;
}

.xux-list-item.ui-state-disabled,
.xux-list-item.ui-state-disabled .xux-choice-icon:before {
	opacity: .3;
}

.xux-list-item, .xux-list-item.ui-state-hover,
.ui-widget .xux-list-item {	/* fixed background style in dialog */
	height: 26px;
	font-size: 14px;
	line-height: 26px;
}

.xux-list-item {
	line-height: 26px;
}

.xux-list-item .xux-choice-icon {
	height: 26px;
}

.xux-list-reorderButtons {
	top: calc(50% - 30px);
}

.xux-listBox.xux-labelableBox.xux-labelLayout-leading .xux-labelableBox-label {
	vertical-align: top;
	padding-top: 3px;
}

.xux-listBox.xux-labelLayout-leading .xux-labelableBox-content {
	max-width: 0;	/* This makes ellipsis works */
}

.xux-twoSidedList.ui-state-disabled {
	opacity: 1;
	filter: 0; /* to solve that problem the Alpha(Opacity=100) displays dotted edge in case of PNG. */
}
.xux-twoSidedList {
	display: inline-table;
	table-layout: fixed;
	position: relative;
}
.xux-twoSidedList-list {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}
.xux-twoSidedList-list .xux-list {
	display: block;
}
.xux-twoSidedList-controls {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}
.xux-twoSidedList-title,
.xux-twoSidedList-search {
	display: block;
}
.xux-twoSidedList-title {
	display: block;
	text-overflow: ellipsis;
}
.xux-twoSidedList-title.ui-state-disabled {
	opacity: 1;
	filter: 0;
}
.xux-twoSidedList-controls .xux-button {
	display: block;
}
.xux-twoSidedList-controls .xux-button-text:before,
.xux-twoSidedList-controls .xux-button-text:after {
	font-family: 'NBFont';
}

/*
 * Sizes and layout
 */
.xux-twoSidedList.xux-reorderable-true {
	padding-right: 46px;
}
.xux-twoSidedList-controls {
	padding: 0 8px;
}
.xux-twoSidedList-title,
.xux-twoSidedList-search {
	margin-bottom: 8px;
}
.xux-twoSidedList-controls .xux-button {
	margin: 0 0 8px 0;
}
.xux-twoSidedList-controls .xux-button:last-child {
	margin-bottom: 0;
}
.xux-twoSidedList-controls button {
	width: 100%;
}

.xux-normalButton.xux-twoSidedList-addAll-button .xux-button-text:after,
.xux-normalButton.xux-twoSidedList-add-button .xux-button-text:after {
	margin-left: 8px;
}
.xux-normalButton.xux-twoSidedList-remove-button .xux-button-text:before,
.xux-normalButton.xux-twoSidedList-removeAll-button .xux-button-text:before {
	margin-right: 8px;
}

/*
 * fix vertical-align being bottom.
 */
.xux-twoSidedListBox.xux-labelLayout-leading .xux-labelableBox-label {
	padding-top: 8px;
	vertical-align: top;
}
.xux-twoSidedListBox .xux-labelableBox-content,
.ui-widget .xux-twoSidedListBox .xux-labelableBox-content {
	width: 100%;
}

.xux-list,
.xux-list-item.xux-odd {
    background-color: transparent;
}

.xux-list-item.xux-odd.ui-state-hover {
    background-color: #EAEAEA;
}
.xux-twoSidedList-reorderable .xux-normalButton.xux-with-icon .xux-button-icon {
	top: 0px;
	left: 4px;
}
/* #endregion */

/* #region tree */
#divMaintenanceDeviceGroup {
    background-color: #EAEAEA !important;
    padding: 8px;
}

#divMaintenanceDeviceGroup .tree-outline {
    border: 1px solid rgb(204, 204, 204);
    padding: 8px 8px 8px 0px;
}

#divMaintenanceDeviceGroup div:last-child {
    text-align: center !important;
}

#divChangeDeviceGroup {
    background-color: #EAEAEA !important;
    padding: 8px;
}

#divChangeDeviceGroup .tree-outline {
    border: 1px solid rgb(204, 204, 204);
    padding: 8px 8px 8px 0px;
}

#divChangeDeviceGroup div:last-child {
    text-align: center !important;
}

#divRemainingTonerDeviceGroup {
    background-color: #EAEAEA !important;
    padding: 8px;
}

#divRemainingTonerDeviceGroup .tree-outline {
    border: 1px solid rgb(204, 204, 204);
    padding: 8px 8px 8px 0px;
}

#divRemainingTonerDeviceGroup div:last-child {
    text-align: center !important;
}

#divRemainingPaperDeviceGroup {
    background-color: #EAEAEA !important;
    padding: 8px;
}

#divRemainingPaperDeviceGroup .tree-outline {
    border: 1px solid rgb(204, 204, 204);
    padding: 8px 8px 8px 0px;
}

#divRemainingPaperDeviceGroup div:last-child {
    text-align: center !important;
}
.tree-userGroup {
    background-color: #EAEAEA;
}
/* #endregion */

/* #region xux-suggestion */
.xux-suggestion input,
.ui-widget .xux-suggestion input,
.xux-suggestion.ui-state-disabled input {
    border-radius: 0;
    border-color: #8C8C8C;
    border-width: 1px;
    border: 1px solid;
    height: 26px;
    font-size: 16px;
    padding: 0 4px;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.xux-suggestion input:not(.ui-state-disabled):not([readonly]):hover {
	background-color: #F0F0F0;
	border-color: #8C8C8C;
}
.xux-suggestion input.xux-validate-error {
    border-color: #E6BC00 !important;
}
.xux-suggestion input:not(.ui-state-disabled):not([readonly]).ui-state-focus,
.xux-suggestion input:not(.ui-state-disabled):not([readonly]):focus {
    outline: solid 2px;
    background-color: #FFFFFF;
    border-color: #00838D;
    outline-color: #00838D;
}
.xux-suggestion input.xux-validate-error:not(.ui-state-disabled):not([readonly]).ui-state-focus,
.xux-suggestion input.xux-validate-error:not(.ui-state-disabled):not([readonly]):focus {
	background-color: #FFFFFF;
	border-color: #E6BC00;
	outline-color: #E6BC00;
}
.xux-.xux-suggestion input:not(.ui-state-disabled):not([readonly]).ui-state-focus,
.xux-suggestion input:not(.ui-state-disabled):not([readonly]):focus {
	border-radius: 0;
}
.xux-suggestion.xux-suggestionButton-true {
    padding-right: 0px;
}

.xux-suggestion .xux-inputField,
.ui-widget .xux-suggestion .xux-inputField,
.xux-suggestion.ui-state-disabled .xux-inputField {
    border-right-width: 1px;
}

.xux-suggestion-button, .ui-widget .xux-suggestion-button {
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.xux-suggestion-button>span {
    background-position: -1px 1px;
    background-repeat: no-repeat;
}
.xux-suggestion-button.ui-state-disabled>span {
    background-position: -1px -22px;
}
.xux-suggestion-list.ui-menu {
	box-shadow: none;
}
.xux-suggestion-list .ui-menu-item>a {
    color: #0A0A0A !important;
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	font-size: 14px;
}
.xux-suggestion-list li.ui-menu-item>a {
    height: 26px;
    line-height: 24px;
}
.xux-suggestion-list li.ui-menu-item {
    height: 26px;
}
.xux-suggestion-list .ui-menu-item>a.ui-state-focus {
    background: #E3E3E3;
}
.xux-suggestion-list .ui-menu-item>a.ui-state-focus:active {
    background: #B2B2B2;
}
.xux-suggestion-list .ui-menu-item.xux-first,
.xux-suggestion-list .ui-menu-item.xux-first>a.ui-state-focus {
    border-radius: 0;
}
.xux-suggestion-list .ui-menu-item.xux-last,
.xux-suggestion-list .ui-menu-item.xux-last>a.ui-state-focus {
    border-radius: 0;
}
span.xux-suggestableInputField.xux-textField.xux-imeMode-auto.xux-itemMargin-normal {
	/* vertical-align: middle; */
}
.xux-mixableBox.xux-itemLayout-horizontal.xux-contentLayout-leading .xux-labelableBox-content input {
	/* vertical-align: middle; */
}
.xux-multipliable-buttonCell.xux-itemLayout-horizontal.xux-contentLayout-leading.xux-multipliable-cell {
    vertical-align: top;
}
/* #endregion */

/* #region datepicker */
.xux-date-icon {
	background-position: -33px -230px;
}
.xux-datepicker .ui-icon.ui-icon-circle-triangle-e {
    background-position: -228px -242px;
	height: 12px;
}
.xux-datepicker .ui-icon.ui-icon-circle-triangle-w {
	background-position: -228px -230px;
    height: 12px;
}
.xux-dateField .ui-datepicker-trigger {
    outline: none;
}
/* #endregion */

/* #region brogressBar */
.xux-progressBar .xux-piece {
    display: inline;
}
.xux-progressBar-wrapper .xux-progressBar {
    background: none;
    border: none;
}
.xux-progressBar .ui-progressbar-overlay {
    background-repeat: no-repeat;
    background-size: cover;
}
.xux-progressBar.ui-progressbar-indeterminate .xux-highlight {
    border-color: none;
    border: none;
}
.xux-progressBar .xux-highlight {
    border-color: none;
    border: none;
}
.xux-progressBar .xux-value-wrapper {
    border: none;
    background: #EAEAEA;
}
/* #endregion */

/* #region infotip */
.xux-infotipPopup {
    background-color: #FFFFFF;
    border-radius: 4px;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
    font-size: 16px;
    color: #0A0A0A;
    box-shadow: 0 1px 5px #000000;
    box-shadow: #000000;
}
.xux-infotipPopup li {
    margin-left: 20px;
}

.xux-validate-error-tip .xux-validate-balloon-arrow{
	border-bottom: 6px solid #FFF6CC;
}
.xux-validate-error-tip .xux-validate-error {
    color: #0a0a0a;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
    background-color: #FFF6CC;
}

/* #endregion */

/* #region datepicker */
.xux-datepicker.ui-widget-content {
	font-family: "Yu Gothic UI", "Arial", sans-serif;
	background-image: none;
	width: 320px;
}

.xux-datepicker.ui-widget-content.xux-datepicker-above {
	margin-top: -8px;
}

.xux-datepicker .ui-widget-header {
	background-image: none;
	padding: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.xux-datepicker .ui-datepicker-prev,
.xux-datepicker .ui-datepicker-next {
	cursor: pointer;
	height: 44px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 52px;
	text-decoration: underline;
	background: none repeat scroll 0% 0% transparent;
}
.xux-datepicker .ui-datepicker-prev {
	border: none;
	left: 0;
}
.xux-datepicker .ui-datepicker-next {
	border: none;
	right: 0;
}
.xux-datepicker .ui-datepicker-prev span,
.xux-datepicker .ui-datepicker-next span {
	content: "";
	display: block;
	height: 0;
	left: 50%;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 0;
	background-image: none;
}
.xux-datepicker .ui-datepicker-prev span {
	margin: -6px 0 0 -8px;
}
.xux-datepicker .ui-datepicker-next span {
	margin: -6px 0 0 -5px;
}
.xux-datepicker .ui-icon.ui-icon-circle-triangle-e {
	border-image: none;
	border-style: outset outset outset solid;
	border-width: 7px 0 7px 12px;
}
.xux-datepicker .ui-icon.ui-icon-circle-triangle-w {
	border-image: none;
	border-style: outset solid outset outset;
	border-width: 7px 12px 7px 0;
}

.xux-datepicker .ui-datepicker-title {
	line-height: 44px;
	margin: 0 52px;
	text-align: center;
}

.xux-datepicker table thead {
	border-bottom: 1px solid #8C8C8C;
}

.xux-datepicker th {
	font-weight: normal;
	height: 30px;
	vertical-align: middle;
}
.xux-datepicker td,
.xux-datepicker .ui-state-default {
	border: 0 none;
	text-align: center;
	vertical-align: middle;
	background: none repeat scroll 0 0 transparent;
}
.xux-datepicker .ui-state-active {
	font-weight: bold;
}
.xux-datepicker td {
	padding: 1px; /* same as ui.datepicker */
}
.xux-datepicker td a:hover {
	opacity: 1;
}
.xux-datepicker td a {
	background: none repeat scroll 0 0 transparent;
}
.ui-datepicker td span, .ui-datepicker td a {
	height: 30px !important;
	line-height: 30px !important;
	min-width: 43px; /* ( 43 + 2(paddings) ) * 7 = 315 < 320 */
}
.ui-datepicker td.ui-datepicker-other-month span,
.ui-datepicker td.ui-datepicker-other-month a,
.ui-state-hover .ui-datepicker td.ui-datepicker-other-month span, 
.ui-state-hover .ui-datepicker td.ui-datepicker-other-month a {
	color: rgba(234, 234, 234, .3);
}


.xux-datepicker .ui-datepicker-header .ui-datepicker-prev,
.xux-datepicker .ui-datepicker-header .ui-datepicker-next {
	text-decoration: none;
	font-family: -webkit-pictograph;
	line-height: 44px;
	color: #0a0a0a;
	font-size: 30px;
}

.xux-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
	content: "\02c2";
}
.xux-datepicker .ui-datepicker-header .ui-datepicker-next:before {
	content: "\02c3";
}

.xux-datepicker .ui-widget-header {
	background-color: #eaeaea;
}
.xux-datepicker.ui-widget-content {
	background-color: #FFFFFF;
}
.xux-datepicker .ui-datepicker-title {
	color: #0a0a0a;
	font-size: 18px;
}

.xux-datepicker .ui-datepicker-header .ui-datepicker-prev-hover,
.xux-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
	color: #8C8C8C;
}
.xux-datepicker .ui-datepicker-header .ui-datepicker-prev:active,
.xux-datepicker .ui-datepicker-header .ui-datepicker-next:active {
	color: #000000;
}
.xux-datepicker .ui-datepicker-prev.ui-state-disabled,
.xux-datepicker .ui-datepicker-next.ui-state-disabled,
.xux-datepicker .ui-datepicker-prev.ui-state-disabled:active,
.xux-datepicker .ui-datepicker-next.ui-state-disabled:active {
	opacity: .3;
}

.xux-datepicker .ui-icon.ui-icon-circle-triangle-e {
	border-color: transparent transparent transparent #0f0f0f;
	display: none;
}
.xux-datepicker .ui-icon.ui-icon-circle-triangle-w {
	border-color: transparent #0f0f0f transparent transparent;
	display: none;
}
.xux-datepicker .ui-datepicker-next.ui-state-disabled .ui-icon.ui-icon-circle-triangle-e {
	border-color: transparent transparent transparent rgba(15, 15, 15, .3);
}
.xux-datepicker .ui-datepicker-prev.ui-state-disabled .ui-icon.ui-icon-circle-triangle-w {
	border-color: transparent rgba(15, 15, 15, .3) transparent transparent;
}

.xux-datepicker .ui-state-default {
    color: #0a0a0a;
    padding-right: 0px;
    font-size: 16px;
    text-shadow: none;
}

.xux-datepicker .ui-state-default:hover {
	background-color: #E3E3E3;
}

.xux-datepicker .ui-state-default:active{
	background: #B2B2B2;
	box-shadow: none;
	text-shadow: none;
	border-right: none;
	border-bottom: none;
}

.xux-datepicker .ui-state-active {
	background: #00838D;
	color: #F5F5F5;
	box-shadow: none;
	text-shadow: none;
	border-right: none;
	border-bottom: none;
}

.xux-datepicker .ui-state-active:hover {
	background: #007373;
	box-shadow: none;
	text-shadow: none;
	border-right: none;
	border-bottom: none;
}

.xux-datepicker .ui-state-active:active{
	background: #005E5E;
	box-shadow: none;
    border-right: none;
    border-bottom: none;
}

.xux-datepicker .ui-state-disabled .ui-state-default {
	background: #FFFFFF;
	color: #0a0a0a;
	opacity: .3;
}

.xux-datepicker .ui-datepicker-other-month a,
.xux-datepicker .ui-datepicker-other-month span {
	opacity: .3;
}

.xux-datepicker th span {
    font-size: 16px;
}
.xux-datepicker tr:first-child .ui-state-default{
    border-top: none;
}
.xux-datepicker tr td:first-child .ui-state-default{
    border-left: none;
}
.xux-fujifilmbi-logo {
    background-image: url(images/Corporate_logo.png);
}

.xux-navigationBar-item.ui-state-disabled>a>span, .xux-navigationBar .xux-navigationBar-item.ui-state-disabled.xux-last>a>span{
	background-color: #24262B;
	border: none;
}
.xux-navigationBar-item.ui-state-disabled .ui-button-text:lang(ja), .xux-navigationBar-item.ui-state-disabled .ui-button-text:lang(ko), .xux-navigationBar-item.ui-state-disabled .ui-button-text:lang(th), .xux-navigationBar-item.ui-state-disabled .ui-button-text:lang(zh){
	color: #ACAEB3;
}

/* #endregion */