/************************************* copyright begin ***
**
** Copyright © Hitachi Energy
**
************************************** copyright end ****/

body {
	font-weight: normal;
	font-family: "Open Sans Medium", Arial, Verdana;
	font-size: 12px;
	margin: 0;
	color: #000000;
}

a {
	text-decoration: none;
}

form, img {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

table, select, textarea {
	/*font-family: "Open Sans Medium";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;*/
}

table {
	border-collapse: collapse;
}

img[src=""] {
	display: none;
}

input {
	padding-left: 0;
	padding-right: 0;
	font-family: "Open Sans Medium", Arial, Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

input:focus-visible[validated] {
    outline: none !important;
}

button {
	font-size: 8pt;
	font-family: tahoma,sans-serif;
	border: solid 1px #a9c3e1;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
	text-align: center;
}

.product {
	font-size: 31px;
	font-weight: bold;
	font-family: tahoma,sans-serif;
	color: #666666;
	display: inline;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.logo {
	display: flex;
	float: left;
	border-right: 1px solid #e6e6e6;
	background-color: #fafafa;
	height: 50px;
	line-height: 50px;
}

	.logo img {
		width: auto;
		height: 100%;
	}

	.logo span {
		font-family: 'Open Sans Medium', Arial, Verdana;
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		color: #464646;
		/* position: relative; */
		margin-right: 15px;
		/* margin-left: 15px; */
		margin-top: 4px /*align with the bottom of the logo text*/
	}

	@media screen and (max-width: 1330px) {
		.logo span {
			display: none;
		}
	}

.clsMenu {
	border-bottom: 1px solid #666666;
}

.clsTopMenu {
	float: left;
	height: 50px;
	width: 100%;
	vertical-align: middle;
	background-color: #FFFFFF;
	min-width: 900px;
}

	.clsTopMenu .clsMainMenu {
		border-right: 0px solid #000000;
		float: left;
	}

.clsSelectionListMenu {
	height: 36px;
	font-family: 'Open Sans', Arial, Verdana;
	color: #464646;
	font-style: normal;
	background-color: rgba(240, 240, 240, 1);
}

.clsNavigation {
	float: left;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
	color: #D2D2D2;
}

	.clsNavigation:hover {
		border: 0 !important;
		box-shadow: inset 0px 0px 0px 0.5px #D2D2D2;
		box-sizing: border-box;
	}

.clsSearch {
	float: right;
	height: 50px;
	margin-top: 5px;
}

	.clsSearch a {
		color: #D2D2D2;
		text-decoration: none;
		position: relative;
		top: 8px;
	}

	.clsSearch input {
		position: relative;
		left: 24px;
		width: 150px;
		height: 24px;
		font-family: 'Open Sans Medium', Arial, Verdana;
		font-weight: 300;
		font-style: normal;
		font-size: 14px;
		text-decoration: none;
		color: #D2D2D2;
		text-align: left;
		outline-style: none;
		background-color: transparent;
		border-color: transparent;
		border-bottom: 1px solid #D2D2D2;
	}

input::-webkit-input-placeholder {
	font-style: italic !important;
}

input:-moz-placeholder { /* Firefox 18- */
	font-style: italic !important;
}

input::-moz-placeholder { /* Firefox 19+ */
	font-style: italic !important;
}

input:-ms-input-placeholder {
	font-style: italic !important;
}

.clsSideMenu {
	float: right;
	height: 50px;
	vertical-align: middle;
}

.clsSelectionBasket {
	font-size: 16px;
	color: #D2D2D2;
	float: right;
	height: 50px;
	width: 40px;
	padding-top: 14px;
	padding-bottom: 1px;
	cursor: pointer;
}

.clsLogoutBtn {
	font-family: 'Open Sans Medium', Arial, Verdana;
	float: right;
	color: #D2D2D2;
	vertical-align: middle;
	font-size: 14px;
	margin: 18px 22px auto 22px;
	background-color: transparent;
	border-style: none;
}

.clsLogout {
	display: inline-block;
	float: right;
	height: 50px;
}

.clsLogout:hover {
	border: 0 !important;
	box-shadow: inset 0px 0px 0px 0.5px #D2D2D2;
	box-sizing: border-box;
}

.clsLogout span {
	font-family: 'Open Sans Medium', Arial, Verdana;
	float: right;
	color: #58595B;
	vertical-align: middle;
	font-size: 14px;
	margin: 16px 22px auto 22px;
}

.clsButton {
	font-weight: bold;
	border: solid 1px #a9c3e1;
	color: #666666;
	background: url(Images/button.gif) repeat;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
	text-align: center;
}

#menuDropDown {
	position: relative;
	z-index: 90;
}

.clsDynamicMenu {
	background-color: #FFFFFF !important;
	box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.25);
	border-collapse: separate;
	border-spacing: 0;
	clip: initial !important;
	z-index: 100 !important;
}

.clsStaticMenuItemHover, .clsDynamicMenuItemHover {
	border: 0 !important;
	/* box-shadow: inset 0px 0px 0px 0.5px #D2D2D2; */
	box-sizing: border-box;
	background-color: #0096E0;
	color: #FFFFFF;
}

.clsStaticMenuItem div {
	color: #58595B;
	vertical-align: middle;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	padding: 15px 23px 15px 23px;
}
	.clsStaticMenuItem div:hover {
		background-color: #0096E0;
		color: #FFFFFF;
	}

	.clsStaticMenuItem div img, .clsDynamicMenuItem div img {
		display: none;
	}

.clsDynamicMenuItem div {
	color: #58595B;
	vertical-align: middle;
	font-size: 14px;
	padding: 16px 15px;
	width: 180px;
}

	.clsDynamicMenuItem div i {
		position: relative;
		top: -2px;
		display: inline-block;
		vertical-align: middle;
	}

	.clsDynamicMenuItem div span {
		vertical-align: bottom;
	}

.clsSelectionListStaticMenuItem div {
	color: #666666;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 800;
	font-style: normal;
	margin: 0px 13px 0px 13px;
}

.clsSelectionListStaticMenuItem td:hover {
	background-color: rgba(220, 220, 220, 1);
}

.clsSelectionListDynamicMenu {
	background-color: rgba(36, 36, 36, 1) !important;
	box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.25);
	border-collapse: separate;
	border-spacing: 0;
	clip: initial !important;
	z-index: 89 !important;
}

.clsSelectionListDynamicMenuItem div {
	color: #D2D2D2;
	vertical-align: middle;
	font-size: 14px;
	padding: 16px auto auto auto;
	margin: auto 15px auto 15px;
	width: 180px;
}

	.clsSelectionListDynamicMenuItem div i {
		position: relative;
		top: -2px;
		display: inline-block;
		vertical-align: middle;
	}

	.clsSelectionListDynamicMenuItem div span {
		vertical-align: bottom;
	}

.clsStaticNotesMenuItem > div:first-of-type {
	height: 50px;
	line-height: 50px;
	min-width: 50px;
	color: #464646;
	vertical-align: middle;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'Open Sans', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.clsStaticNotesMenuItem div img[src=""], .clsDynamicNotesMenuItem div img[src=""] {
	display: none;
}

.clsDynamicNotesMenuItem > div:first-of-type {
	height: 50px;
	line-height: 50px;
	color: #464646;
	font-size: 16px;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 50px;
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}

.clsDynamicNotesMenuItem div i, .clsStaticNotesMenuItem div i {
	display: inline-block;
	vertical-align: middle;
}

.clsDynamicNotesMenuItem div span, .clsStaticNotesMenuItem div span {
	vertical-align: bottom;
}

.clsDynamicNotesMenu {
	background-color: #F5F5F5 !important;
	box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.25);
	border-collapse: separate;
	border-spacing: 0;
	clip: initial !important;
	z-index: 92 !important;
}

.clsActions {
	text-align: center;
}

.clsContent {
	padding: 4 4 4 4;
	overflow: auto;
	width: 100%;
	height: 100%;
}

.clsTitle {
	color: #666666;
	font-size: 20pt;
	font-weight: bold;
	height: 40px;
	vertical-align: text-top;
}

.clsHeading {
	font-weight: bold;
}

.clsDialogContent, .clsDialogForm, .clsDialogContentList {
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.clsDialogContentToolbar {
	background-color: rgba(240, 240, 240, 1);
	padding: 0px;
}

	.clsDialogContentToolbar a {
		color: #464646;
		float: left;
		margin: 0px !important;
		position: static !important;
	}

		.clsDialogContentToolbar a[disabled] {
			opacity: 0.4;
		}

		.clsDialogContentToolbar a div {
			text-align: center;
			line-height: 50px;
			width: 50px;
			display: inline-block;
			border-right: 1px solid rgba(194, 205, 207, 1);
		}

		.clsDialogContentToolbar a:hover div {
			background-color: rgba(220, 220, 220, 1);
		}

		.clsDialogContentToolbar a[disabled]:hover div {
			background-color: rgba(0,0,0,0);
		}

	.clsDialogContentToolbar > div {
		width: 25%;
		border-right: 1px solid rgba(194, 205, 207, 1);
		display: inline-block;
		text-overflow: ellipsis;
		font-family: 'Open Sans', Arial, Verdana;
		font-weight: normal;
		font-style: normal;
		font-size: 22px;
		color: #464646;
		padding-left: 13px;
		padding-right: 13px;
		line-height: 50px;
		float: left;
		overflow: hidden;
		white-space: nowrap;
	}

.clsDialogContent .clsDialogContentRowSelectable td, .clsDialogContent .clsDialogContentRowSelected td, td > .clsGroupCell, .clsDialogContent .clsDialogContentRowUnselectable td {
	height: 40px !important;
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	border-bottom: 1px solid rgba(230, 230, 230, 1);
	padding-left: 0px;
	white-space: normal !important;
}

.clsDialogContent .clsDialogContentRowSelectable td, .clsDialogContent .clsDialogContentRowSelectable a {
	background-color: rgba(250, 250, 250, 1);
	color: #464646;
	vertical-align: middle;
}

.clsDialogContent .clsDialogContentRowUnselectable td, .clsDialogContent .clsDialogContentRowUnselectable a {
	background-color: rgba(245, 245, 245, 1);
	color: #787878;
	vertical-align: middle;
}

	.clsDialogContent .clsDialogContentRowSelectable td:first-child, .clsDialogContent .clsDialogContentRowSelected td:first-child, .clsDialogContent .clsDialogContentRowUnselectable td:first-child {
		padding-left: 17px;
	}

.clsDialogContent .clsDialogContentRowSelectable:hover, .clsDialogContent .clsDialogContentRowSelectable:hover td, .clsDialogContent .clsDialogContentRowSelectable:hover a {
	background-color: rgba(230, 230, 230, 1);
	cursor: pointer;
}

.clsDialogContent .clsDialogContentRowSelectable a, .clsDialogContent .clsDialogContentRowSelected a, .clsDialogContent .clsDialogContentRowUnselectable a {
	margin: 13px;
}

.clsDialogContent .clsDialogContentRowSelectable span, .clsDialogContent .clsDialogContentRowSelected span, .clsDialogContent .clsDialogContentRowUnselectable span {
	margin: 4px;
}

.clsDialogContentList .clsDialogContentRowSelected td, .clsDialogContent .clsDialogContentList .clsDialogContentRowSelected td a {
	color: #fff;
	background-color: #666666;
}

.clsDialogContent .clsDialogContentList > * > tr:first-child th, .clsDialogContent .clsDialogContentList > * > tr:first-child th a {
	background-color: rgba(240, 240, 240, 1);
	height: 40px;
	font-family: 'Open Sans', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: #424242;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 5px;
	font-weight: 500;
}

.clsDialogContent .clsDialogContentList > * > tr:first-child th {
	border-bottom: 1px solid rgba(230, 230, 230, 1);
	padding-left: 10px;
}

.clsDialogContent .clsDialogContentList td a {
	color: #464646;
}

.clsDialogContent .clsDialogContentListIcon {
	width: 50px;
	text-align: center;
}

.clsDialogContent td.clsDialogContentListIcon {
	white-space: nowrap !important;
}

.clsDialogForm > * > tr:first-child th, .clsDialogContentTitle, .clsAccordianHeader, .clsGroupHeading, .clsGroupHeadingCollapsible {
	background-color: rgba(220, 220, 220, 1);
	height: 50px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Open Sans', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	color: #242424;
	padding: 0px 30px;
	vertical-align: middle;
	text-align: left;
	cursor: pointer;
}

	.clsDialogContentTitle img {
		padding-top: 13px;
	}

.clsDialogContentTitle {
	line-height: 50px;
}

.clsDialogForm > * > tr:first-child th a {
	margin: 5px;
	color: #464646;
	position: relative;
	top: 3px;
}

.clsDialogForm td, .clsDialogForm td > a {
	background-color: rgba(250, 250, 250, 1);
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #828282;
}

.clsDialogForm td {
	height: 48px;
	border-bottom: 2px solid rgba(250, 250, 250, 1);
	padding-left: 30px;
}

.clsDialogForm.clsDialogContent td {
	white-space: nowrap;
}

.clsDialogForm .right {
	padding-right: 30px;
}

.clsDialogForm td input[type=text], .clsDialogForm td input[type=password], .clsDialogForm td textarea, .clsDialogForm td select {
	background-color: rgba(255, 255, 255, 1);
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(225, 225, 225, 1);
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #464646;
	text-align: left;
	padding-left: 12px;
	width: 95%;
	min-width: 180px;
	margin-top: 3px;
}

/*Set font family of dropdownlist to Helvetica, Arial, sans-serif in IE as it cannot render Helvetica Neue eText Pro Medium.*/
/*Specific for IE 6, 7, and 8. Commented as versions not supported.*/
/*@media \0screen\,screen\9 {
	.clsDialogForm td select {
		font-family: Helvetica, Arial, sans-serif !important;
	}
}*/

/*Specific for IE 9.*/
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
    /*Commented as IE is able to render Open Sans*/
	/*.clsDialogForm td select {
		font-family: Helvetica, Arial, sans-serif !important;
	}*/
	/*Fix for textarea*/
	.clsDialogForm td[rowspan='4'] {
		height: 160px;
	}
}

/*Specific for IE 10 and above.*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*Commented as IE is able to render Open Sans
	/*.clsDialogForm td select {
		font-family: Helvetica, Arial, sans-serif !important;
	}*/
	/*Fix for textarea*/
	.clsDialogForm td[rowspan='4'] {
		height: 160px;
	}
}

.clsDialogForm td select[multiple="multiple"] {
	padding-left: 0px;
	padding-right: 0px;
}

	.clsDialogForm td select[multiple="multiple"] option {
		padding-left: 12px;
	}

.clsDialogForm td input[type=text], .clsDialogForm td input[type=password], .clsDialogForm td select:not([multiple="multiple"]) {
	height: 27px;
}

    .clsDialogForm td input[type=text][disabled], .clsDialogForm td select[disabled], .clsDialogForm td textarea[disabled], .clsDialogForm td input[type=password][disabled] {
        background-color: rgba(230, 230, 230, 1);
    }

.clsDialogForm td textarea {
	padding-top: 8px;
	padding-right: 12px;
	margin-bottom: 3px;
}

	.clsDialogForm td textarea[rows="1"] {
		height: calc(100% - 20px);
	}

.clsDialogForm td label {
	margin-top: 3px;
}

/* Custom Language selector / layout preferences dialog starts*/
.clsDialogForm .layoutPreferences td{
	padding-left: 15px;
}
.clsDialogForm .layoutPreferences .right{
	padding-right: 15px;
}
.clsDialogForm .layoutPreferences .clsGroupHeading {
	height: 34px;
	font-size: 16px;
	padding: 0px 14px;
	color: #333;
}

#LayoutHeading {
	display: flex;
	width: initial;
	align-items: center;
}
#LayoutHeading i {
	margin-left: auto;
}
/* Custom Language selector / layout preferences dialog ends*/

input[type="password"]:disabled,
input[type="button"]:disabled {
  background-color: rgba(230, 230, 230, 1)!important;
}

.clsDialogFormFooter {
	padding-right: 30px;
	padding-left: 30px;
	vertical-align: middle;
}

	.clsDialogFormFooter a div, .clsDialogFormFooter button {
		min-width: 85px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 30px;
		background-color: rgba(240, 240, 240, 1);
		border: none;
		border-bottom: 2px solid rgba(220, 220, 220, 1);
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		font-family: 'Arial';
		font-weight: 400;
		font-style: normal;
		font-size: 13px;
		color: #464646;
	}

	.clsDialogFormFooter .primary {
		background-color: #0096E0;
		border-bottom: 2px solid #0088CC;
		color: #FFF;
	}

	.clsDialogFormFooter a:not([disabled]) .primary:hover {
		background-color: #0AAEFF;
	}

	.clsDialogFormFooter a:not([disabled]) .primary:active {
		background-color: #267BBD;
	}

	.clsDialogFormFooter a {
		color: #464646;
		float: right;
		margin-left: 5px;
	}

		.clsDialogFormFooter a[disabled], .clsDialogFormFooter button[disabled] {
			opacity: 0.4;
		}

.clsGroup {
	margin-top: 30px;
	margin-bottom: 50px;
	width: 100%;
	border-top: 1px solid rgba(230, 230, 230, 1);
	border-bottom: 1px solid rgba(230, 230, 230, 1);
}

.clsGroupFooting {
	background-color: #E0E0E0;
	color: #000;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

	.clsGroupFooting a, .clsGroupFooting span {
		line-height: 24px;
		margin-right: 10px;
	}

	.clsGroupFooting a {
		color: #0096E0;
	}

	.clsGroupFooting span {
		color: #828282;
	}

	.clsGroupFooting a:before {
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		line-height: 24px;
		vertical-align: middle;
		margin-right: 4px;
	}

.clsGroupRow, .clsGroupRow td, .clsGroupRowWrap {
	color: #666666;
	padding: 4px;
	font-weight: normal;
	text-align: left;
}

.clsGroupRowDisabled, .clsGroupRowDisabled td {
	color: Gray;
	background-color: #e8e8e8;
	padding: 4px;
	font-weight: normal;
	text-align: left;
}

.clsGroupRow, .clsGroupRow td, .clsGroupCell {
	white-space: nowrap;
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	border-bottom: 1px solid rgb(230, 230, 230);
	padding: 8px;
}

.clsGroupTable > tbody > tr > td {
	height: 40px;
}

.clsGroupRow:hover, .clsGroupRow:hover td {
	background-color: rgba(230, 230, 230, 1);
	cursor: pointer;
}

.clsGroupRowSelectable, .clsGroupRowSelectable td {
	color: #464646;
	padding: 8px;
	text-align: left;
	white-space: nowrap;
	position: relative;
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	border-bottom: 1px solid rgb(230, 230, 230);
}

	.clsGroupRowSelectable:hover, .clsGroupRowSelectable:hover td {
		background-color: rgba(230, 230, 230, 1);
		cursor: pointer;
	}

.clsGroupRowSelectable {
	padding-left: 28px;
}

	.clsGroupRowSelectable a {
		color: #0096E0;
	}

	.clsGroupRowSelectable:nth-child(2n+1), .clsGroupRow:nth-child(2n+1) {
		/*background-color: #F0F0F0;*/
	}

.clsGroupRow:nth-child(2n) {
	background-color: #FFFFFF;
}

.clsGroupRowSelected, .clsGroupRowSelected td {
	color: #fff;
	background-color: #666666;
	padding: 8px;
	text-align: left;
	white-space: nowrap;
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}

/*.clsGroupCell
{
    color: #666666;
    background-color: #f2f2f2;
	padding: 4px;
	font-weight: normal;
    text-align: left;
    white-space: nowrap;
}*/

.clsGroupColumn, .clsGroupColumn a {
	background-color: #999;
	color: #fff;
	padding: 0 10px;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	font-size: 14px;
	line-height: 40px;
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}

	.clsGroupColumn img {
		margin-top: -3px;
		padding: 0px;
		vertical-align: middle;
	}

.clsGroupSection {
	border: none;
	padding: 0px;
	border-spacing: 2px;
	border-collapse: separate;
	width: 100%;
}

.clsGroupSectionHeading {
	background: url(Images/menu3.gif) repeat;
	color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: bold;
	text-align: left;
	width: 100%;
	height: 25px;
}

.clsAccordianHeader {
	cursor: pointer;
	border-bottom: 2px solid #B4B4B4;
	width: auto !important;
	line-height: 50px;
}

.clsAccordionContent {
	border-left: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	border-right: 1px solid #B4B4B4;
	border-top: none;
	overflow: hidden !important;
}

.clsHelpTitle {
	font-size: 18pt;
	font-weight: bold;
}

.clsHelpSubtitle {
	font-size: 13pt;
	font-weight: bold;
}

a:link.clsHelpTopic, a:visited.clsHelpTopic {
	padding: 2px;
	color: #000;
	text-decoration: none;
	vertical-align: text-bottom;
}

a:hover.clsHelpTopic {
	padding: 2px;
	color: #000;
	text-decoration: none;
	vertical-align: text-bottom;
	background-color: #f2f2f2;
}

a:link.clsHelpTopicCurrent, a:visited.clsHelpTopicCurrent, a:hover.clsHelpTopicCurrent {
	padding: 2px;
	background-color: #666666;
	color: #fff;
	text-decoration: none;
}

.clsInfo {
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #464646;
	padding: 4px 10px 4px 10px;
	display: block;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.clsInfoLabel {
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #828282;
	padding-bottom: 5px;
}

.clsSuccess {
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	background-color: #0d5;
	padding: 4px;
}

.clsError {
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	background-color: #f00;
	padding: 4px;
}

.clsWatermark {
	color: #d0d0d0 !important;
}

.clsPanel {
	overflow: hidden;
}

#divPics {
	z-index: 50;
}

#divSelections {
	z-index: 91;
}

.clsPanelSplitV {
	width: 4px;
	background: rgba(220, 220, 220, 1);
}

	.clsPanelSplitV.active, .clsPanelSplitV:hover {
		background-color: #666666;
		z-index: 81;
	}

.clsPanelSplitToc {
	width: 4px;
	background-color: rgba(91, 96, 98, 1);
}

	.clsPanelSplitToc.active, .clsPanelSplitToc:hover {
		z-index: 82;
		background-color: #666666;
	}

.clsPanelSplitH {
    height: 4px;
    background-color: rgba(220, 220, 220, 1);
    z-index: 91;
}

	.clsPanelSplitH.active, .clsPanelSplitH:hover {
		background-color: #666666;
		z-index: 92;
	}

.passwordStrength1 {
	background-color: Gray;
	color: White;
	font-family: Arial;
	font-size: x-small;
	font-style: italic;
	padding: 2px 3px 2px 3px;
	font-weight: bold;
}

.passwordStrength2 {
	background-color: Gray;
	color: Yellow;
	font-family: Arial;
	font-size: x-small;
	font-style: italic;
	padding: 2px 3px 2px 3px;
	font-weight: bold;
}

.passwordStrength3 {
	background-color: Gray;
	color: #ffcaaf;
	font-family: Arial;
	font-size: x-small;
	font-style: italic;
	padding: 2px 3px 2px 3px;
	font-weight: bold;
}

.passwordStrength4 {
	background-color: Gray;
	color: Aqua;
	font-family: Arial;
	font-size: x-small;
	font-style: italic;
	padding: 2px 3px 2px 3px;
	font-weight: bold;
}

.passwordStrength5 {
	background-color: Gray;
	color: #93ff9e;
	font-family: Arial;
	font-size: x-small;
	font-style: italic;
	padding: 2px 3px 2px 3px;
	font-weight: bold;
}



.linktext {
	color: #009933;
	font-style: normal;
	font-family: arial,sans-serif;
	font-size: small;
	list-style: none outside none;
	line-height: 1.2;
	font-weight: normal;
}

.searchdetail {
	line-height: 1.24;
	color: #222222;
	font-family: "Open Sans Medium", Arial, Verdana;
	font-size: small;
	list-style: none outside none;
	font-weight: normal;
}

.linktextdate {
	line-height: 1.24;
	color: #C0C0C0;
	font-family: arial,sans-serif;
	font-size: 10px;
	list-style: none outside none;
	font-weight: normal;
}

/**
 * 	Search Styles
 */

#searchContainer {
	position: absolute;
	z-index: 100;
	top: 40px;
	right: 5px;
}

	#searchContainer #ctl00_quickSearchText,
	#searchContainer #quickSearchText {
		border: 1px solid #666666;
		border-radius: 8px 8px 8px 8px;
		font-family: arial,sans-serif;
		font-size: 10px;
		margin-top: 4px;
		width: 175px;
	}

	#searchContainer #ctl00_searchButton,
	#searchContainer #searchButton {
		border-width: 0;
		position: absolute;
		right: 4px;
		top: 5px;
		margin-bottom: 2px;
		cursor: pointer;
	}

#ctl00_advancedSearchDrop,
#advancedSearchDrop {
	position: absolute;
	right: 190px;
	top: 45px;
	width: 50px;
	z-index: 100;
	font-family: Arial;
}

	#ctl00_advancedSearchDrop .corner,
	#advancedSearchDrop .corner {
		display: none;
	}

	#ctl00_advancedSearchDrop #ctl00_advancedSearch, #ctl00_advancedSearchDrop #ctl00_advancedSearch:visited, #ctl00_advancedSearchDrop #ctl00_ctl00_advancedSearchDrop:active,
	#advancedSearchDrop #advancedSearch, #advancedSearchDrop #advancedSearch:visited, #advancedSearchDrop #advancedSearchDrop:active {
		color: #666666;
		display: block;
		height: 16px;
		width: 50px;
	}

		#ctl00_advancedSearchDrop #ctl00_advancedSearch:hover,
		#advancedSearchDrop #advancedSearch:hover {
			font-weight: bold;
		}


.clsAdvSearchBooks .clsContent {
	height: 350px;
	overflow-y: auto;
	vertical-align: top;
}

.clsAdvSearchSearches .clsContent {
	height: 350px;
	overflow-y: auto;
	vertical-align: top;
}

#SearchItemsDiv .formLabel {
	padding-left: 3px;
	font-weight: bold;
	margin-bottom: 2px;
}

#SearchItemsDiv .formField {
	padding-left: 3px;
	margin-bottom: 2px;
}

#SearchItemsDiv .clsAccordionContent {
	padding: 2px;
}

#ctl00_ContentPlaceHolder_SearchResultsDiv .clsSearchResult {
	font-size: 10px;
	margin-bottom: 20px;
}

#ctl00_ContentPlaceHolder_SearchResultsDiv .searchUrl {
	color: #009933;
}

#ctl00_ContentPlaceHolder_SearchResultsDiv .searchDate {
	color: #666666;
}

#ctl00_ContentPlaceHolder_SearchResultsDiv .clsSearchResult a:link, #ctl00_ContentPlaceHolder_SearchResultsDiv .clsSearchResult a:active, #ctl00_ContentPlaceHolder_SearchResultsDiv .clsSearchResult a:visited {
	color: #1122CC;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
	font-weight: normal;
	font-family: "Open Sans", Arial, Verdana;
	list-style: none outside none;
	line-height: 1.2;
}

#ctl00_ContentPlaceHolder_SearchResultsDiv .hitType {
	width: 16px;
	height: 16px;
	display: inline-block;
	font-size: 16px;
}

.searchHighlight {
	background-color: #E5FF00;
}

.quickJumpAutoCompleteTooManyResults {
	color: black !important; /* Changed from original because of search customization */
}

/*jQuery ui dialog hide icon*/
.no-close .ui-dialog-titlebar-close {
	display: none;
}

div#toc {
	top: 100px !important;
}


/*
 * Book Styles (book.css)
 */
.clsNoteFooter {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	height: 50px;
	padding: 0px;
}

	.clsNoteFooter button {
		margin-top: 8px;
	}

.clsNoteBody {
	overflow: auto;
	position: absolute;
	bottom: 50px;
	top: 0px;
	padding: 5px;
	width: calc(100% - 10px);
	font-family: 'Open Sans', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}

/* About page is customized and uses absolute positioning so these are customized as well. */

.clsAboutProductName {
	margin-left: 16px;
	margin-top: 90px;
	font: normal 36px "Open Sans Medium";
	color: #0AAEFF;
}

.clsAboutProductVersion {
	margin-left: 20px;
	font: normal bold 18px "Open Sans";
}

.clsAboutVersion {
	margin-left: 20px;
	font: normal 14px "Open Sans";
}

.clsAboutCopyright {
	margin-top: 72px; /*push copyright notice down, support infromation is the relevant part in the About dialog*/
	margin-left: 16px;
	font: normal bold 12px "Open Sans";
}

.clsAboutLegal {
	margin-left: 16px;
	margin-top: 5px;
	width: calc(100% - 32px);
	font: normal 9pt Microsoft Sans Serif;
}


/*
 * Table of Contents Styles (toc.css)
 */
.clsNotesMenu {
	height: 40px;
	background-color: #F0F0F0;
	border-right: 1px solid rgba(194, 205, 207, 1);
	border-left: 1px solid rgba(194, 205, 207, 1);
	overflow: hidden;
}

	.clsNotesMenu > table td {
		height: 50px;
		max-height: 50px;
		display: inline-block;
	}

.clsNotesMenuCount {
	display: inline-block;
	position: relative;
	top: -46px;
	left: 32px;
	border-radius: 50%;
	background-color: #0096E0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
}

.clsToc {
	width: 100%;
}

	.clsToc td {
		padding-left: 2ex;
		border-right: rgba(91, 96, 98, 1) solid 1px;
        text-overflow: ellipsis;
	}

	.clsToc tr:not(:first-child) td {
		padding-right: 6px;
		white-space: nowrap;
		font-family: 'Open Sans Medium', Arial, Verdana;
		font-weight: normal;
		font-style: normal;
		font-size: 12px;
	}

	.clsToc tr:first-child span, .clsToc tr:first-child a {
		font-family: 'Open Sans Medium', Arial, Verdana;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		color: #FFFFFF;
		height: 40px;
		white-space: nowrap;
		vertical-align: middle;
	}

.clsTocHead {
	border-width: 0px;
	height: 50px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
}

	.clsTocHead td {
		font-size: 14px;
		font-family: 'Open Sans', Arial, Verdana;
		vertical-align: bottom;
		padding-bottom: 5px;
	}

		.clsTocHead td:first-child {
			width: 70%;
		}

.clsTocSelected, .clsTocSelected a, .clsTocSelected td {
	height: 40px;
	background-color: rgba(91, 96, 98, 1);
	text-decoration: none;
	color: #FFFFFF;
}

.clsTocUnselected, .clsTocUnselected a, .clsTocUnselected td {
	height: 40px;
	text-decoration: none;
	color: #FFFFFF;
}

	.clsTocUnselected:hover {
		color: #fff;
		background-color: rgba(91, 96, 98, 1);
	}

	.clsTocSelected img, .clsTocUnselected img {
		vertical-align: middle;
		border: none;
	}


/*
 * Parts List Styles (parts.css)
 */
.clsPartsHeading {
	font-family: 'Open Sans', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #828282;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid rgba(230, 230, 230, 1);
}

	.clsPartsHeading th:first-child {
		height: 22px;
	}

	.clsPartsHeading ~ .clsPartsHeading th:first-child {
		height: auto;
	}

	.clsPartsHeading th {
		background-color: #FFFFFF;
		text-align: left;
		vertical-align: bottom;
		background-clip: padding-box;
	}

#clsFooter {
	font-family: 'Open Sans', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	color: #828282;
}

	#clsFooter td {
		background-color: rgba(240, 240, 240, 1);
	}

.clsPartsList {
	background-color: #FFF;
}

.clsPartsListHeader, .clsRelatedPartsListHeader {
    width: 100%;
    background-color: rgba(230, 230, 230, 1);
    min-height: 50px;
    overflow: hidden;
}

	.clsPartsListHeader table[style*="width"] {
		width: 100% !important;
	}

.clsHead td {
	font-size: inherit;
	font-family: 'Open Sans', Arial, Verdana;
	color: #464646;
	font-style: normal;
	vertical-align: middle;
}

.clsPartsListBody {
	width: 100%;
	overflow: auto;
}

.clsPartsListFooter {
    /*position: absolute;*/
    bottom: 0px;
    width: 100%;
    background-color: rgba(240, 240, 240, 1);
    display: block;
    border-top: 1px solid rgba(220, 220, 220, 1);
    overflow: hidden;
}

.clsSelected td, .clsLoSelected td, .clsUnselected td {
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	border-bottom: 1px solid rgba(230, 230, 230, 1);
}
.clsSelected[data-span="0"] td, .clsLoSelected[data-span="0"] td, .clsUnselected[data-span="0"] td {
	border-top: 1px solid rgba(230, 230, 230, 1);
}
.clsUnselected:not([data-span]), .clsSelected:not([data-span]), .clsLoSelected:not([data-span]) {
	height: 30px;
}

/* .clsUnselected:not([data-span]) td:last-child, .clsSelected:not([data-span]) td:last-child, .clsLoSelected:not([data-span]) td:last-child */
/* { */
/* width: 100%; */
/* } */

.clsLoSelected, .clsLoSelected td {
	background-color: rgba(220, 220, 220, 1);
}

.clsSelected, .clsSelected a, .clsSelected td {
	color: #FFF;
	border-color: #FFF;
	background-color: #616161;
}

.clsUnselected a, .clsUnselected td {
	color: #464646;
}

.clsLoSelected a, .clsLoSelected td {
	color: #464646;
}

.clsUnselected {
	background-color: #FFF;
	color: inherit;
}

	.clsUnselected:hover {
		background-color: rgba(230, 230, 230, 1);
	}

img.l1special {
	border: none;
}

.clsRelatedListsDiv, .clsRelatedPartsListHeader {
	font-family: 'Open Sans', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
}

.clsRelatedPartsListHeader {
	font-size: 16px;
	line-height: 50px;
}

.clsRelatedListsDiv {
	font-size: 14px;
}

.clsRelatedListsDiv {
	height: 100px;
	overflow: auto;
	border-bottom: solid 2px #f2f2f2;
	background-color: #ffffff;
}

.clsRelatedPartsListHeader {
	padding-left: 10px;
	width: calc(100% - 10px) !important;
}

.clsRelatedListsTable {
	width: 100%;
	border: 0;
}

	.clsRelatedListsTable tr {
		height: 50px;
		line-height: 50px;
	}

	.clsRelatedListsTable td {
		padding-left: 10px;
		margin: 2px;
		border-bottom: solid 1px rgb(230, 230, 230);
	}

	.clsRelatedListsTable a:link, .clsRelatedListsTable a:visited, .clsRelatedListsTable a:active {
		color: #000;
		text-decoration: none;
	}

	.clsRelatedListsTable tr:hover {
		color: #000;
		background-color: #f2f2f2;
		text-decoration: none;
	}

.clsListNotesDiv {
	overflow: auto;
	height: 50px;
	border-bottom: solid 2px #f2f2f2;
}

.clsListNotesTable {
	width: 100%;
	border: 0;
}

	.clsListNotesTable td {
		padding: 1px 6px 2px 6px;
		margin: 2px;
	}

	.clsListNotesTable a:link, .clsListNotesTable a:visited, .clsListNotesTable a:active {
		color: #000;
		text-decoration: none;
	}

	.clsListNotesTable tr:hover {
		color: #000;
		background-color: #f2f2f2;
		text-decoration: none;
	}

/*
	Browse book / publisher
 */

.search {
	position: relative;
	float: right;
	padding: 8px;
	border-left: 1px solid #C2C2C2;
}

.search div.materialIcons_div{
	width: 280px;
	background-color: #fff;
}

.search a.clearInput.materialIcons{
	left: 256px !important;
}

.div-focus {
	outline: 2px solid #A4C6FD;
	/*outline-offset: -1px;*/
}

.search input[type=text]:focus, .search input[type=search]:focus {
	outline: none;
}

.search input[type=text], .search input[type=search] {
	width: 250px;
	height: 32px;
	border: 0;
	text-indent: 32px;
	font-family: "Open Sans", Arial, Verdana;
	font-weight: 300;
	font-size: 14px;
}

	.search label {
		background-color: white;
		position: absolute;
		top: 12px;
		left: 8px;
		z-index: 2;
		padding-left: 4px;
	}

.clearInput {
	font-size: 18px !important;
	z-index: 1;
}

input::-ms-clear {
	display: none;
}

.caption {
	display: inline-block;
}

#divQuickJumpAutoComplete {
	border-left: 1px solid rgba(230, 230, 230, 1) !important;
	border-top: 1px solid rgba(230, 230, 230, 1) !important;
	border-right: 1px solid rgba(230, 230, 230, 1) !important;
	border-bottom: 0px solid black !important;
	box-shadow: 3px 3px 3px #888888 !important;
}

	#divQuickJumpAutoComplete div {
		font-family: "Open Sans", Arial, Verdana;
		font-weight: 300;
		font-size: 14px;
		border-bottom: 1px solid rgba(230, 230, 230, 1);
		padding: 8px 40px !important;
		color: #464646;
		position: relative;
		cursor: pointer;
		white-space: pre-wrap;
		text-align: justify;
	}

		#divQuickJumpAutoComplete div:before, #divQuickJumpAutoComplete div:after {
			font-family: 'Material Icons';
			font-weight: normal;
			font-style: normal;
			font-size: 24px;
			line-height: 24px;
			vertical-align: middle;
			opacity: 0.7;
		}

		#divQuickJumpAutoComplete div:before {
			content: "\E865";
			position: absolute;
			left: 8px;
			top: calc(50% - 12px);
		}

		#divQuickJumpAutoComplete div:after {
			content: "\E315";
			position: absolute;
			right: 8px;
			top: calc(50% - 12px);
		}

		#divQuickJumpAutoComplete div.quickJumpAutoCompleteTooManyResults {
			padding: 8px 16px !important;
		}

			#divQuickJumpAutoComplete div.quickJumpAutoCompleteTooManyResults:before, #divQuickJumpAutoComplete div.quickJumpAutoCompleteTooManyResults:after {
				content: "";
				margin: 0;
			}

.divCat-topMargin0 #divCat {
    margin-top: 0 !important;
}

#divCat {
	font-family: "Open Sans Medium", Arial, Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin: 30px 0px 50px 0px;
	padding: 0 8px 0 8px;
	position: relative;
	background-color: white;
	/*border: 1px solid rgba(230, 230, 230, 1);*/
	/*box-shadow: 3px 3px 3px #888888;*/
}

	#divCat a {
		color: #464646;
		text-decoration: none;
		display: inline-flex;
		line-height: 24px;
		vertical-align: middle;
	}

.singleSelect a {
	width: calc(100% - 16px) !important;
}

.multiSelect a {
	width: calc(100% - 36px) !important;
}

.multiSelect {
	margin-bottom: 0px !important;
}

#divCat a:before, #divCat a:after, .clsGroupRowSelectable a:before, .clsGroupRowSelectable a:after {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 24px;
	vertical-align: middle;
}

#divCat a:after {
	position: absolute;
	right: 8px;
}

#divCat a[id^=s].opened:after {
	content: "\E5CE";
}

#divCat a[id^=s].closed:after {
	content: "\E5CF";
}

#divCat a[id^=b]:after {
	content: "\E5CC";
}

#divCat a img {
	margin-right: 8px;
	height: 24px;
}

#divCat i {
	padding-left: 8px;
	padding-right: 8px;
}

#divCat a:hover {
	background-color: #f2f2f2;
}

#divShelf img {
	opacity: 0.7;
}

#divShelf a {
	padding: 8px;
	width: 100%;
}

#divCat > #divShelf {
	border-bottom: 1px solid rgba(230, 230, 230, 1);
}

.clsCatExpanded {
	padding-left: 28px;
}

.clsCatUnexpanded {
	display: none;
	margin-left: 0px;
}

.clsCatSelected {
	background-color: #f2f2f2;
}

#divCat a.highlighted {
    background-color: #f2f2f2;
}

/*
 * Catalog Styles (catalog.css)
 */

#divParts {
	z-index: 79;
}

#divToc {
	background-color: rgba(107, 113, 115, 1);
	z-index: 80;
}

.materialIcons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	text-align: center;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}

.rotate270 {
	transform: rotate(270deg);
}

.tocTreeAction div, .tocTreeIcon {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	text-align: center;
}

.tocTreeItem {
	padding-left: 8px;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url('Fonts/materialIcons.woff2') format('woff2'), url('Fonts/materialIcons.woff') format('woff');
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('Fonts/open-sans-v34-latin-regular.woff2') format('woff2'),
         url('Fonts/open-sans-v34-latin-regular.woff') format('woff'),
    local('sans-serif'), local('Arial');
}

/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans Medium';
    font-style: normal;
    font-weight: 500;
    src: url('Fonts/open-sans-v34-latin-500.woff2') format('woff2'),
         url('Fonts/open-sans-v34-latin-500.woff') format('woff'),
    local('sans-serif'), local('Arial');
}

.primary-button {
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	color: #F2F2F2;
	background-color: #0096E0;
	box-sizing: border-box;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #236EA8;
	cursor: pointer;
}

	.primary-button:hover {
		background-color: #0AAEFF;
	}

	.primary-button:active {
		background-color: #267BBD;
	}

label {
	cursor: pointer;
}

.normal-button, .ui-button {
	font-family: 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	line-height: normal;
	background-color: #0096E0;
	box-sizing: border-box;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #236EA8;
	cursor: pointer;
}

	.normal-button:hover, .ui-button:hover {
		background-color: #0AAEFF;
		color: white;
	}

	.normal-button:active, ui-button:active {
		background-color: #267BBD;
	}

.ui-state-active {
	background-color: #267BBD !important;
}

.caption {
	width: 100%;
	height: 50px;
	background-color: rgba(240, 240, 240, 1);
	font-family: 'Open Sans', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	color: #464646;
	vertical-align: middle;
}

.caption span {
	display: inline-block;
	float: left;
	margin-left: 30px;
	line-height: 50px;
	margin-right: 10px;
}

.caption div.refresh {
	display: inline-block;
	width: 50px;
	height: 50px;
	float: left;
	line-height: 50px;
	text-align: center;
}

.caption div.refresh:hover {
	background-color: rgba(220, 220, 220, 1);
}

/* slider-style checkbox */
.mk-trc {
	height: 25px;
	line-height: 25px;
	margin-bottom: 15px;
	display: inline-block;
}

	.mk-trc input[type=radio], .mk-trc input[type=checkbox] {
		display: none;
	}

	.mk-trc label {
		height: inherit;
		display: block;
	}

	.mk-trc i {
		float: left;
		width: 55px;
		height: 25px;
		margin-right: 5px;
		font-style: normal;
		position: relative;
		display: inline-block;
		background: rgba(0,0,0,.3);
	}

		.mk-trc i:before {
			top: 2px;
			left: 2px;
			z-index: 1;
			width: 21px;
			height: 21px;
			background: #eee;
			transition: all .2s ease-in-out 0s;
		}

		.mk-trc i:after, .mk-trc i:before {
			content: '';
			position: absolute;
		}

	.mk-trc input:checked + label i {
		background: #2196f3;
	}

		.mk-trc input:checked + label i:before {
			left: 32px;
		}

	.mk-trc i[data-before-check]:before {
		color: #7f8c8d;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		font-family: 'Material Icons';
		font-weight: 900;
		content: attr(data-before-check);
	}

	.mk-trc i[data-after-check]:after, .mk-trc i[data-after-check]:before, .mk-trc i[data-before-check]:after, .mk-trc i[data-before-check]:before {
		border: none;
	}

	.mk-trc input:checked + label i[data-after-check]:before {
		color: #fff;
		background: rgba(0,0,0,.1);
		content: attr(data-after-check);
	}

	.mk-trc input:checked + label i:before {
		left: 32px;
	}

#hideParts {
	width: 50px;
	height: 50px;
	cursor: pointer;
	color: #4F4F4F;
	text-decoration: none;
	float: left;
	text-align: center;
}

.jumpLink div {
	height: 30px;
	width: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
}

.selectionIcon {
	height: 30px;
	width: 30px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
	font-size: 22px;
	font-weight: 800;
	color: rgba(200, 200, 200, 1);
}

#tblDisplay {
	border-collapse: separate;
}

	#tblDisplay tr[data-selected][data-span="0"] > td:first-of-type div, #tblDisplay tr[data-selected]:not([data-span]) > td:first-of-type div {
		border-left: solid 6px #0096E0;
		width: calc(100% - 6px);
		height: 30px;
		display: inline-block;
	}

.notesIcon div {
	height: 38px;
	width: 30px;
	display: inline-block;
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
}

#tblDisplay tr > td[id="dsp_note icon"] {
	min-width: 30px;
}

.notesIcon div i {
	font-size: 18px !important;
}

#tblDisplay tr[data-selected][data-span="0"] > td:first-of-type, #tblDisplay tr[data-selected]:not([data-span]) > td:first-of-type {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.addIcon div {
	height: 50px;
	width: 50px;
	line-height: 45px;
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	color: #464646;
}

.clsBookInfo {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 20px;
	max-width: 800px;
}

	.clsBookInfo > div {
		width: 100%;
		float: left;
		box-sizing: border-box;
	}

		.clsBookInfo > div > div {
			width: 50%;
			max-width: 400px;
			min-height: 50px;
			float: left;
			padding-right: 35px;
			box-sizing: border-box;
		}

.clsBoxedLiteral {
	background-color: #FFFFFF;
	width: calc(100% - 20px);
	padding: 8px 10px 8px 10px;
	font-family: 'Open Sans Medium', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #464646;
	text-align: left;
	margin-top: 3px;
	word-wrap: break-word;
	word-break: break-all;
}

.categoryIcons {
	cursor: pointer;
}

	.categoryIcons i:hover {
		background-color: rgba(230, 230, 230, 1);
	}

.overlayPanel {
	position: absolute;
	right: 0px;
	top: 50px;
	display: block;
	height: calc(100% - 50px);
	z-index: 92;
	background-color: white;
}

.editNotePanel, .editCategoryPanel, .editPermanentFiltersPanel {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: inline-block;
	background-color: #000000;
	opacity: 0.5;
	overflow: auto;
}

	.editNotePanel ~ div, .editCategoryPanel ~ div, .editPermanentFiltersPanel ~ div {
		position: fixed;
		display: inline-block;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		max-width: 1000px;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		overflow: hidden;
	}

#divPrintableContent td {
	height: 30px;
}

.ajax__html_editor_extender_button, .forecolorclass, .backcolorclass {
	margin: 0px 8px;
}

	.forecolorclass .ajax__html_editor_extender_button, .backcolorclass .ajax__html_editor_extender_button {
		margin: 0px !important;
	}

.ajax__colorPicker_container {
	overflow: auto !important;
	width: 172px !important;
}

	.ajax__colorPicker_container tr {
		height: 30px !important;
	}

	.ajax__colorPicker_container td {
		height: 30px !important;
		width: initial !important;
		padding: 0px;
	}

	.ajax__colorPicker_container div {
		width: 30px !important;
		height: 30px !important;
	}

.ajax__html_editor_extender_texteditor {
	color: #464646;
}

	.ajax__html_editor_extender_texteditor p {
		margin: 0px;
	}

.editNoteTitle, .editCategoryTitle, .editPermanentFiltersTitle {
	background-color: #242424 !important;
	color: #FFF !important;
	cursor: initial !important;
}

	.editNoteTitle a, .editCategoryTitle a, .editPermanentFiltersTitle a {
		color: #FFF !important;
		line-height: initial;
	}

.editNoteClose, #close-button, a.editNoteClose, a#close-button, .editCategoryClose, a.editCategoryClose, .editPermanentFiltersClose, a.editPermanentFiltersClose {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 50px;
	width: 50px !important;
	border-width: 0px !important;
	color: #FFFFFF;
	display: inline-block;
	padding: 0px;
	background-color: #0096E0;
	text-align: center;
	cursor: pointer;
}

	.editNoteClose:hover, #close-button:hover, .editCategoryClose:hover, .editPermanentFiltersClose:hover {
		background-color: #0AAEFF;
	}

	.editNoteClose:active, #close-button:active, .editCategoryClose:active, .editPermanentFiltersClose:active {
		background-color: #267BBD;
	}

a[id$="ExportButton"]:before, a[id$="RefreshButton"]:before, .hasIcon:before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	text-align: center;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
	line-height: 24px;
}

div[id$="ActivityContentPanel"] {
	overflow: hidden;
}

.black {
	color: black !important;
}

.white {
	color: white !important;
}

.noBorder {
	border: 0 !important;
}

.validator {
	font-family: 'Open Sans', Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: red;
	vertical-align: top;
}

.noteCategory i {
	vertical-align: bottom;
	color: #464646;
}

[validated] {
	border: solid 1px #FF0000 !important;
	border-bottom: solid 2px #FF0000 !important;
}

.myPicker i {
	color: #464646 !important;
}

.searchHeaderFixed {
	position: fixed;
	z-index: 100;
	border-bottom: 1px solid rgba(194, 205, 207, 1);
}

#searchBody {
	position: relative;
	top: 50px;
}

#searchCriteria {
	position: fixed;
	top: 50px;
	overflow-x: hidden;
	z-index: 99;
	box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.25);
	height: calc(100% - 50px);
	width: 500px;
	background-color: #FFFFFF;
}

.searchCriteriaOptions td {
	height: 20px;
	vertical-align: bottom;
}

.searchCaseOptions {
	vertical-align: bottom;
	padding-bottom: 2px;
}

	.searchCaseOptions > div {
		margin-bottom: 5.5px;
	}

.searchResultRow td, .searchList th {
	text-align: left !important;
	padding-left: 6px !important;
	white-space: normal !important;
}

.clsDialogContentListFooting {
	line-height: 50px;
}

	.clsDialogContentListFooting a {
		font-family: 'Open Sans', Arial, Verdana;
		font-weight: 800;
		font-style: normal;
		font-size: 22px;
		color: #464646;
		padding-left: 13px;
		padding-right: 13px;
	}

		.clsDialogContentListFooting a[disabled] {
			opacity: 0.4;
		}

	.clsDialogContentListFooting > * span {
		font-family: 'Open Sans', Arial, Verdana;
		font-weight: 800;
		font-style: normal;
		font-size: 22px;
		color: #464646;
		padding-left: 13px;
		padding-right: 13px;
		opacity: 0.4;
	}

	/* Parts list table */
	td.cls0_0_0,
	td.cls0_0_1,
	td.cls0_0_2,
	td.cls0_0_3,
	td.cls0_0_4,
	td.cls0_0_5,
	td.cls0_0_6,
	td.cls0_0_7,
	td.cls0_0_8, 
	td.cls0_0_9,
	td.cls0_0_10, 
	td.cls0_0_11, 
	td.cls0_0_12, 
	td.cls0_0_13,
	td.cls0_0_14,
	td.cls0_0_15,
	td.cls0_0_16  {
		vertical-align: middle !important;
	}
	/* Hide book/publisher logo */
	.clsPartsListHeader .clsHead img {
		display: none;
	}
	
	.ui-dialog .ui-dialog-titlebar {
		background-color: #FFFFFF;
		color: #58595B !important;
	}
	
	.ui-dialog-title {
		color: #58595B !important;
	}

.ajax__calendar_days td {
	height: 19px !important;
}

.ui-dialog-buttonset .ui-button {
	padding: .4em 1em;
}

canvas#linkonecanvas {
    width: 100%;
    height: 100%;
}