/* Minification failed. Returning unminified contents.
(6784,47): run-time error CSS1046: Expect comma, found '0'
(6784,51): run-time error CSS1046: Expect comma, found '/'
 */
/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

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

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

#powerTip {
	cursor: default;	
	border-radius: 5px;	
	display: none;
	padding: 10px;
	position: absolute;
	white-space: nowrap;
	z-index: 2;	
	background-color: #fff;
	border: 1px solid rgba(13, 114, 174, 1);
	box-shadow: 5px 5px 7px #999;   
	color: #595959;
}
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
	content: "";
	position: absolute;	
}
#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}
#powerTip.n:before {
	border-top: 10px solid rgba(13, 114, 174, 1);
	bottom: -10px;
}
#powerTip.e:before {
	border-right: 10px solid rgba(13, 114, 174, 1);
	left: -10px;
}
#powerTip.s:before {
	border-bottom: 10px solid rgba(13, 114, 174, 1);
	top: -10px;
}
#powerTip.w:before {
	border-left: 10px solid rgba(13, 114, 174, 1);
	right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid rgba(13, 114, 174, 1);
	bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid rgba(13, 114, 174, 1);
	top: -10px;
}

/* PowerTip Plugin Original */
/*#powerTip {
	cursor: default;
	background-color: #333;  fallback for browsers that dont support rgba 
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 6px;
	color: #FFF;
	display: none;
	padding: 10px;
	position: absolute;
	white-space: nowrap;
	z-index: 2;
}
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
	content: "";
	position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}
#powerTip.n:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.e:before {
	border-right: 10px solid rgba(0, 0, 0, 0.8);
	left: -10px;
}
#powerTip.s:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}
#powerTip.w:before {
	border-left: 10px solid rgba(0, 0, 0, 0.8);
	right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}
*/
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

.date-picker
{
	width:170px;
	height:25px;
	padding:0;
	border:0;
	line-height:25px;
	padding-left:10px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	cursor:pointer;
	color:#303030;
	position:relative;
	z-index:2;
}
.date-picker-wrapper
{
	position:absolute;
	z-index:1;
	border:1px solid #bfbfbf;
	background-color:#efefef;
	width:428px;
	padding: 5px 12px;
	font-size:12px;
	line-height:20px;
	color:#aaa;
	font-family:Arial;
	box-shadow:3px 3px 10px rgba(0,0,0,0.5);
}
.date-picker-wrapper .footer
{
	font-size:11px;
	padding-top: 3px;
}
.date-picker-wrapper b
{
	color:#666;
	font-weight:700;
}
.date-picker-wrapper a 
{
	color: rgb(107, 180, 214);
	text-decoration:underline;
}
.date-picker-wrapper .month-wrapper
{
	border:1px solid #bfbfbf;
	border-radius:3px;
	background-color:#fff;
	padding:5px;
	cursor:default;
	position:relative;
	_overflow:hidden;
}
.date-picker-wrapper .month-wrapper table
{
	width:190px;
	float:left;
}
.date-picker-wrapper .month-wrapper table.month2
{
	width:190px;
	float:right;
}
.date-picker-wrapper .month-wrapper table th,.date-picker-wrapper .month-wrapper table td
{
	vertical-align:middle;
	text-align:center;
	line-height:14px;
}
.date-picker-wrapper .month-wrapper table .day
{
	height:19px;
	line-height:19px;
	font-size:12px;
	margin-bottom:1px;
	color:#999;
	cursor:default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth
{
	color:#999;
	cursor:default;
}
.date-picker-wrapper .month-wrapper table .day.checked
{
	background-color: rgb(156, 219, 247);
}
.date-picker-wrapper .month-wrapper table .week-name
{
	height:20px;
	line-height:20px;
	font-weight:100;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid
{
	color:#333;
	cursor:pointer;
}

.date-picker-wrapper .month-wrapper table .day.real-today { background-color: rgb(255, 230, 132); }
.date-picker-wrapper .month-wrapper table .day.real-today.checked { background-color: rgb(112, 204, 213); }


.date-picker-wrapper table .caption
{
	height:40px;
}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev
{
	padding:0 5px;
	cursor:pointer;
}
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover
{
	background-color:#ccc;
	color:white;
}
.date-picker-wrapper .gap
{
	position:absolute;
	display:none;
	top:0px;
	left:204px;
	z-index: 1;
	width:15px;
	height: 100%;
	background-color:red;
	font-size:0;
	line-height:0;
}
.date-picker-wrapper .gap .gap-lines { height: 100%; overflow:hidden; }
.date-picker-wrapper .gap .gap-line { height:15px;width:15px; position:relative;  }
.date-picker-wrapper .gap .gap-line .gap-1 { z-index:1; height:0; border-left:8px solid white; border-top:8px solid #eee;border-bottom:8px solid #eee; }
.date-picker-wrapper .gap .gap-line .gap-2 { position:absolute; right:0; top:0px; z-index:2; height:0; border-left:8px solid transparent; border-top:8px solid white; }
.date-picker-wrapper .gap .gap-line .gap-3 { position:absolute; right:0; top:8px; z-index:2; height:0; border-left:8px solid transparent; border-bottom:8px solid white; }
.date-picker-wrapper .gap .gap-top-mask { width: 6px; height:1px; position:absolute; top: -1px; left: 1px; background-color: #eee; z-index:3; }
.date-picker-wrapper .gap .gap-bottom-mask { width: 6px; height:1px; position:absolute; bottom: -1px; left: 7px; background-color: #eee; z-index:3; }

.date-picker-wrapper .selected-days
{
	display:none;
}
.date-picker-wrapper .top-bar
{
	line-height:40px;
	height:40px;
	position:relative;
}
.date-picker-wrapper .top-bar .error-top { display:none; }
.date-picker-wrapper .top-bar .normal-top { display:none; }
.date-picker-wrapper .top-bar .default-top { display:block; }

.date-picker-wrapper .top-bar.error .default-top { display:none; }
.date-picker-wrapper .top-bar.error .error-top { display:block; color:red; }

.date-picker-wrapper .top-bar.normal .default-top { display:none; }
.date-picker-wrapper .top-bar.normal .normal-top { display:block; }

.date-picker-wrapper .top-bar .apply-btn
{
	position:absolute;
	right: 0px; 
	top: 6px;
	padding:3px 5px;
	margin:0;
	font-size:12px;
	border-radius:4px;
	cursor:pointer;
	
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	color:white;
}

.date-picker-wrapper .top-bar .apply-btn.disabled
{
	cursor: pointer;
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
/*time styling*/
.time {
	position: relative;
}
.time input[type=range] {
  vertical-align: middle;
}
.time1, .time2 {
	width: 180px;
	padding: 0 5px;
	text-align: center;
}
.time1 {
	float: left;
}
.time2 {
	float: right;	
}
.hour, .minute {
	text-align: right;
}
/*================================
CSS STYLES FOR 3ESC Catena
================================
---------------------------------------------------------------------------------------*/
BODY {
    margin: 0;
    font-family: "Arial Unicode MS", Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    line-height: 1.125em;
    color: #676767;
    background-color: #FFFFFF;
    position: relative;
}

HTML, BODY {
    height: 100%;
}
/*Custom CATENA
Around the main content area*/
#container {
    min-height: 100%;
    margin-bottom: -91px;
    position: relative;
}

#content {
    min-height: 100%;
}

.content-wrapper {
    /*margin: 0 auto;
max-width: 100%;*/
}

.main-content {
    padding: 0px 20px 20px;
}
/*Header*/
HEADER {
}

.brand {
    height: 60px;
    background-image: url('images/3eConnectLogo.svg');
    background-size: 192px 50px;
    background-position: 10px 6px, 0 0;
    background-repeat: no-repeat;
    position: relative;
    z-index: auto !important;
    width: 200px;
}

.brand-3EIQ {
    height: 50px;
    background-image: url('images/3E_IQ_Logo.svg');
    background-size: 116px 50px;
    background-position: 10px 6px, 0 0;
    background-repeat: no-repeat;
    position: relative;
    z-index: auto !important;
    width: 175px;
}

.top-head {
    margin: 0 0 5px;
    height: 65px;
    position: relative;
    border-bottom: #eee 1px solid;
}

    .top-head .login {
        top: 10px;
        float: right;
        margin-right: 15px;
        color: #0f4876;
        padding: 10px 0 0 10px;
        font-weight: bold;
        /*	font-family: Arial;*/
    }

    .top-head .logo {
        width: 300px;
        float: left;
        position: relative;
    }

    .top-head .logout {
        float: right;
        position: relative;
        width: 55px;
        top: 10px;
        color: #FFFFFF;
        padding: 5px;
        text-align: center;
        background: none repeat scroll 0 0 #0f4876;
        border: 0 none;
        /*box-shadow: 1px 0 #3A587F, 0 1px #4171AE, 2px 1px #3A587F, 1px 2px #4171AE, 3px 2px #3A587F, 2px 	3px #4171AE, 4px 3px #3A587F, 3px 4px #4171AE ;*/
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .top-head .logout A, .top-head .logout A:hover {
            color: #FFFFFF !important;
            text-decoration: none;
            outline: 0;
        }

        .top-head .logout:hover {
            background-color: #0078ae;
        }

    .top-head .user {
        position: relative;
        top: 10px;
        float: left;
        padding: 5px;
    }

.navbar {
    position: relative;
    /*margin: 0px 0px 0px 2px;*/
    overflow: visible;
    color: #777777;
    min-height: 40px;
    /*padding: 5px 0px 0px 5px;*/
    background: #FFFFFF !important;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
    box-shadow: 0 0px rgba(0, 0, 0, 0.065);
    border-bottom: 3px solid #0f4876;
    z-index: 20;
}

.nav {
    position: relative;
    z-index: 2;
    left: 0;
    display: block;
    float: left;
    margin: 0 0px -3px 0;
}

    .nav .active A, .nav .active A:hover, .nav .active A:focus {
        background: #0f4876 !important;
        text-shadow: 1px 1px #333333;
        border-bottom: 5px solid #d07a20;
        padding: 6px 15px 6px;
        margin: 0 auto;
        color: #FFFFFF !important;
        text-decoration: none;
        outline: 0;
    }

        .nav .active A:hover {
            background-color: #0078ae;
        }

    .nav UL {
        padding: 0px;
        margin: 0px 0px 0px 15px;
    }

    .nav LI {
        list-style: none;
        display: inline-block;
    }

        .nav LI A {
            padding: 5px 15px 6px;
            font-size: 1em;
            font-family: "Arial Unicode MS", Arial, Helvetica, Sans-Serif;
            font-style: normal;
            /*text-shadow: 0 0 0 #FFFFFF;*/
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border: 1px solid transparent;
            /*padding: 0 10px;
	margin: 0 auto;*/ /*  */
            display: block;
            cursor: pointer;
            text-decoration: none;
            color: #0f4876;
            line-height: 25px;
            text-align: center;
            outline: 0;
        }

            .nav LI A:focus, .nav LI A:hover {
                color: #BABABA !important;
                text-decoration: none;
                background-color: transparent;
                outline: 0;
            }

.dropdown-toggle {
    *margin-bottom: -3px;
}

    .dropdown-toggle:active,
    .open .dropdown-toggle {
        outline: 0;
    }

.open > .dropdown-menu {
    display: block;
}

.open {
    *z-index: 1000;
}

    .open > a {
    }

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: #0f4876 !important;
    border-bottom: 5px solid #d07a20;
    padding: 6px 15px 6px;
    margin: 0 auto;
    color: #FFFFFF !important;
    text-decoration: none;
    outline: 0;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 11px;
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    outline: 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .dropdown-menu .dropdown-submenu .dropdown-menu {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        left: 100% !important;
        top: 5px;
    }

    .dropdown-menu .dropdown-submenu a:after {
        border-left-color: #777;
        margin-top: 7px;
        margin-right: -5px;
    }

    .dropdown-menu .dropdown-submenu:hover a:after {
        border-left-color: #fff;
    }

.nav .active .dropdown-menu li,
.nav .dropdown-menu li {
    display: block;
    position: relative;
}

    .nav .active .dropdown-menu li a,
    .nav .dropdown-menu li a {
        color: #0f4876 !important;
        text-decoration: none;
        text-align: left;
        background-color: transparent !important;
        border: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background-image: none;
        outline: 0;
        border: 1px solid transparent;
        padding: 0 10px;
        margin: 0 auto;
        display: block;
        cursor: pointer;
        text-shadow: none !important;
        font-weight: normal !important;
        font-size: 16px;
        box-sizing: border-box;
        min-width: 160px !important;
    }

    .nav .active .dropdown-menu li > a:hover,
    .nav .active .dropdown-menu li > a:focus,
    .nav .active .dropdown-submenu:hover > a,
    .nav .dropdown-menu li > a:hover,
    .nav .dropdown-menu li > a:focus,
    .nav .dropdown-submenu:hover > a {
        color: #fff !important;
        background-color: #0f4876 !important;
    }

.plus-icon {
    margin-top: 3px;
}

.download-button {
    margin-left: 12px;
}

/*Breadcrumbs*/
.breadcrumb {
    padding: 0px;
    margin: 5px 0 -5px;
    list-style: none;
    background-color: transparent;
}

    .breadcrumb .active {
        color: #999999 !important;
    }

    .breadcrumb .divider {
        padding: 0 0px;
        color: #999999;
    }

    .breadcrumb LI {
        display: inline-block;
        /**display: inline;
	*zoom: 1;*/
    }
/*Login*/
.login-space {
    /*width: 250px;*/
    min-height: 100%;
    height: 100%;
    /*margin-bottom: -95px;*/
    margin-right: 10px;
    float: left;
}

.login-marketing-space {
    border-left: 1px solid #CCCCCC;
    padding-left: 20px;
    /*padding-top: 20px;*/
    float: left;
    min-height: 100%;
    height: 100%;
    width: 915px;
}
/*.login-marketing-space IMG
{
	width: 356px;
	height: 356px;
}*/
#loginForm {
    height: 100%;
    min-height: 100%;
}

#login {
    background-color: #FFFFFF;
    height: 100%;
    padding: 0px;
    width: 250px;
    z-index: 0;
}

    #login #actions,
    #passwordAssistance #actions,
    #resetPassword #actions,
    #changePassword #actions {
        margin: 10px 0 0;
    }

        #login #actions .remember {
            color: #0f4876;
            float: right;
            line-height: 35px;
            margin-left: 10px;
        }

        #login #actions INPUT[type="checkbox"] {
            color: #0f4876;
            float: right;
            line-height: 35px;
            margin-left: 10px;
            margin-top: 5px;
        }

#user-login {
    float: left;
    margin: 0 10px;
}

.userGuideLink {
    float: left;
    margin-right: 10px;
}

#user-login a, .kpi, .dropArrow {
    width: 0;
    height: 0;
    border-top: 8px solid #0f4876;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
    position: relative;
    margin-left: 5px;
}

#user-login a {
    margin-top: 4px;
}

input::-webkit-input-placeholder {
    color: #999 !important;
}

input::-moz-placeholder {
    color: #999 !important;
}

input:-moz-placeholder { /* Older versions of Firefox */
    color: #999 !important;
}

input:-ms-input-placeholder {
    color: #999 !important;
}

#login #inputs INPUT,
#passwordAssistance #inputs INPUT,
#resetPassword #inputs INPUT,
#changePassword #inputs INPUT {
    background: #F1F1F1 url('images/login-sprite.png') no-repeat 0 0;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: inset 0 1px 1px #CCCCCC, 0 1px 0 #FFFFFF;
    box-shadow: inset 0 1px 1px #CCCCCC, 0 1px 0 #FFFFFF;
    margin: 0 0 10px 0;
    padding: 10px 0px 10px 30px;
    width: 100%;
    height: 45px;
    color: #555;
}

    #login #inputs INPUT:focus,
    #passwordAssistance #inputs INPUT:focus,
    #resetPassword #inputs INPUT:focus,
    #changePassword #inputs INPUT:focus {
        background-color: #FFFFFF;
        border-color: #d07a20 !important;
        -webkit-box-shadow: inset 0 0 0 1px #d07a20 !important;
        box-shadow: inset 0 0 0 1px #d07a20 !important;
        outline: medium none;
    }

#login #Password {
    background-position: 5px -52px !important;
}

#login #submit,
#passwordAssistance #submit,
#resetPassword #submit,
#changePassword #submit {
    background: none repeat scroll 0 0 #0f4876;
    border: 0 none;
    color: white;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 0 25px;
    position: relative;
    text-decoration: none;
    height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    #login #submit:hover,
    #login #submit:focus,
    #passwordAssistance #submit:hover,
    #passwordAssistance #submit:focus,
    #resetPassword #submit:hover,
    #resetPassword #submit:focus,
    #changePassword #submit:hover,
    #changePassword #submit:focus {
        background-color: #0078ae;
    }

    #login #submit:active,
    #passwordAssistance #submit:active,
    #resetPassword #submit:active,
    #changePassword #submit:active {
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
        outline: medium none;
    }

    #login #submit::-moz-focus-inner,
    #passwordAssistance #submit::-moz-focus-inner,
    #resetPassword #submit::-moz-focus-inner,
    #changePassword #submit::-moz-focus-inner {
        border: medium none;
    }

#login #UserName,
#passwordAssistance #UserName,
#resetPassword #UserName,
#resetPassword #NewPassword,
#resetPassword #ReenterNewPassword,
#changePassword #NewPassword,
#changePassword #ReenterNewPassword {
    background-position: 5px -2px !important;
}

#login FIELDSET,
#passwordAssistance FIELDSET,
#resetPassword FIELDSET,
#changePassword FIELDSET {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#login H1 {
    color: #0f4876;
    font: bold 24px "Arial Unicode MS", Arial, Helvetica, Sans-Serif;
    /*letter-spacing: 1px;
	margin: 0 0 10px 10px;*/
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
/*#login H1:after
{
	background-image: -webkit-linear-gradient(left center , #777777, #FFFFFF);
	background-image: -moz-linear-gradient(left center , #777777, #FFFFFF);
	background-image: -o-linear-gradient(left center , #777777, #FFFFFF);
	background-image: -ms-linear-gradient(left center , #777777, #FFFFFF);
	background-image: linear-gradient(left center , #777777, #FFFFFF);
	right: 0;
}
#login H1:after
{
	background-color: #777777;
	content: "";
	height: 1px;
	position: absolute;
	top: 15px;
	width: 65px;
}
#login H1:before
{
	background-image: -webkit-linear-gradient(right center , #777777, #FFFFFF);
	background-image: -moz-linear-gradient(right center , #777777, #FFFFFF);
	background-image: -o-linear-gradient(right center , #777777, #FFFFFF);
	background-image: -ms-linear-gradient(right center , #777777, #FFFFFF);
	background-image: linear-gradient(right center , #777777, #FFFFFF);
	left: 0;
}
#login:before
{
	border: 1px dashed #CCCCCC;
	bottom: 5px;
	-webkit-box-shadow: 0 0 0 1px #FFFFFF;
	box-shadow: 0 0 0 1px #FFFFFF;
	content: "";
	left: 5px;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: -1;
}*/
#logindisplay {
    padding-top: 9px;
}
/*Footer*/
FOOTER {
    color: #FFFFFF;
    background: #0f4876;
    background-image: url("../Content/images/3eIqBanner.svg");
    -webkit-background-size: 400px;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat no-repeat;
    color: #FFFFFF;
    height: 85px;
    position: relative;
    margin-top: 6px;
    border-top: 3px solid #FFFFFF;
    padding-top: 10px;
    padding-left: 20px;
    text-align: center;
    font-size: .8em;
}

    FOOTER P > A {
        color: #FFFFFF !important;
    }

    FOOTER:before {
        content: '';
        border-top: 3px solid #d07a20;
        width: 100%;
        position: absolute;
        top: -6px;
        left: 0;
    }

.clearfooter {
    height: 85px;
    clear: both;
}
/*Catena Custom*/
.catena-CAS INPUT {
    width: 206px;
    border: 1px solid #0f4876;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(67, 123, 152, 0.3);
    padding: 3px;
    margin: 5px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 34px;
    box-sizing: border-box;
}

.catena-CAS LABEL {
    float: left;
    width: 175px;
    text-align: right;
    font-weight: bold;
    padding: 7px 15px 0 0;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1em;
    font-style: italic;
    line-height: 1.7em;
    color: #0f4876;
    text-decoration: none;
}

.catena-CAS .k-dropdown-wrap .k-input {
    padding-top: 4px;
    padding-bottom: 4px;
}

.catena-CAS .btn-3eSearch:not(:first-child) {
    margin-left: -4px;
}

.search-for-container {
    float: left;
    vertical-align: top;
}

.search-for-textbox-container {
    padding-left: 15px;
    float: left;
    vertical-align: top;
}

.search-for-label {
    width: 150px;
}

.search-for-dropdown {
    max-width: 200px;
    margin-bottom: 0;
    margin-top: 4px;
    height: auto;
}

#SelectedSearchBy {
    visibility: hidden;
}

.search-for-textbox {
    max-width: 200px;
}

.catena-disabled-custom-filter {
    display: none;
}

.catena-external-link {
    text-decoration: underline;
    background-image: url('./images/external.svg');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.catena-padded-link {
    float: right;
}

.catena-grid-header-column-left {
    text-align: left;
}

.catena-grid-column-right {
    text-align: right;
}

.catena-grid-column-center {
    text-align: center;
}

.catena-grid-control {
    text-align: right;
    padding: 0px;
    padding-right: 5px;
}

    .catena-grid-control td {
        border-left: 0px;
        border-bottom: 1px solid #C0C0C0;
        padding: 0px;
        padding-right: 5px;
    }

        .catena-grid-control td a {
            margin-right: 15px;
        }

            .catena-grid-control td a:last-child {
                margin-right: 5px;
            }

    .catena-grid-control:hover td {
        background-color: white;
    }

.catena-grid-filter-row {
    background-color: #D9ECF4;
}

    .catena-grid-filter-row:hover td {
        background: #D9ECF4;
    }

    .catena-grid-filter-row INPUT {
        width: 81%;
        border-radius: 6px;
        height: 34px;
        box-sizing: border-box;
        padding: 4px 6px;
    }

.catena-grid-column-text-center {
    text-align: center;
}

td.catena-grid-column-text-left {
    text-align: left;
}

.catena-grid-menu {
    padding-bottom: 5px;
    padding-top: 5px;
}

    .catena-grid-menu A {
        /*[disabled]color:#93CAA3;*/
        font-weight: bold;
        /*font-family: Arial;             */
    }

.catena-internal-link {
    text-decoration: underline;
    cursor: pointer;
}

.catena-link-no-pointer {
    text-decoration: underline;
    color: #0f4876;
}

.catena-map {
    position: relative;
    width: 100%;
    height: 600px;
    /*min-height: 600px;
    max-height: 900px;*/
    margin: 0;
    padding: 10px;
    margin-left: 0;
    border: 1px solid #555555;
}

.catena-mapit-link {
    display: inline-block;
    width: 40px;
    height: 24px;
    background: url('./images/Map-Button.svg') no-repeat center center;
}

.MicrosoftMap .Infobox .infobox-info {
    font-family: "Arial Unicode MS", Arial, Helvetica, Sans-Serif !important;
    font-size: .875em !important;
    color: #888;
    padding: 5px !important;
    overflow: auto;
}

    .MicrosoftMap .Infobox .infobox-info td {
        padding: 0 !important;
    }

.catena-module-documents {
    display: table;
    border-color: #CCC;
    border-style: solid;
    border-width: 1px;
    font-size: 100%;
    font-weight: normal;
}

    .catena-module-documents TABLE {
    }

        .catena-module-documents TABLE TD {
            border-color: #CCC;
            border-style: solid;
            border-width: 0 0 0 1px;
            padding: 0.4em 0.6em;
            line-height: 1.6em;
            vertical-align: middle;
            color: #676767;
        }

            .catena-module-documents TABLE TD:first-child {
                border-left-width: 0;
            }

        .catena-module-documents TABLE TH {
            border-style: solid;
            border-width: 0 0 1px 1px;
            border-color: #CCCCCC;
            padding: 0.5em 0.6em 0.4em;
            text-align: left;
            color: #0f4876;
            border-bottom: 3px solid #0f4876;
        }

            .catena-module-documents TABLE TH:first-child {
                border-left-width: 0;
            }

.with-bottom-border {
    border-bottom: 1px #CCC solid;
}

    .with-bottom-border:last-child {
        border-bottom: none;
    }

.catena-module-supporting-documents {
    display: table;
    font-size: 100%;
    font-weight: normal;
}

.catena-module-obtainment-status {
    color: #666666;
    font-weight: normal;
}

.catena-module-overall-status {
    color: #666666;
    font-weight: normal;
}
/*For "modules" section on raw material details*/
.catena-module-questionaire-answers {
    font-weight: normal;
    padding-bottom: 10px;
    display: inline-block;
    padding-right: 10px;
}

    .catena-module-questionaire-answers TABLE {
        color: #666666;
        border-width: 0px;
        border-collapse: collapse;
    }

        .catena-module-questionaire-answers TABLE TD {
            border-width: 0px;
            padding: 3px;
        }

.catena-module-status {
    font-weight: bold;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}

.catena-module-status-bad-cell {
    color: #666666;
    padding: 0 10px !important;
    font-weight: bold;
}

.catena-module-status-good-cell {
    color: #666666;
    padding: 0 10px !important;
    font-weight: bold;
}

.catena-module-status-image {
}

.catena-module-status-unknown-cell {
    color: #666666;
    padding: 0 10px !important;
    font-weight: bold;
}

.catena-popup-close {
    display: block;
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
}

.catena-popup-loading {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.catena-pre {
    font-family: "Arial Unicode MS", Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    padding: 10px;
    word-break: normal;
    overflow: auto;
    white-space: normal;
}

.catena-help:before {
    content: "?";
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1.25em;
    font-weight: 900;
    color: #0f4876;
    margin-left: 5px;
}

.catena-help {
    text-decoration: none !important;
}

.catena-Product INPUT {
    width: 206px;
    border: 1px solid #0f4876;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(67, 123, 152, 0.3);
    padding: 3px;
    margin: 5px 0;
}

.catena-Product LABEL {
    float: left;
    width: 185px;
    text-align: right;
    font-weight: bold;
    padding: 5px 15px 0 0;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1em;
    font-style: italic;
    line-height: 1.7em;
    color: #0f4876;
    text-decoration: none;
}

.catena-status, .catena-status-has-link {
    padding-left: 30px;
    height: 30px;
}

.catena-status-has-link {
    cursor: pointer;
}

.catena-status-green {
    background: url('./images/Compliant.svg') no-repeat center center;
}

.catena-status-red {
    background: url('./images/HighRisk.svg') no-repeat center center;
}

.catena-status-yellow {
    background: url('./images/AtRisk.svg') no-repeat center center;
}

.catena-status-blue {
    background: url('./images/InProcess.svg') no-repeat center center;
}

.catena-supplier-green {
    background: url('./images/DocStatus/accept_ok.svg') no-repeat center center;
}

.catena-supplier-red {
    background: url('./images/DocStatus/accept_unapproved.svg') no-repeat center center;
}

.catena-supplier-yellow {
    background: url('./images/DocStatus/accept_pending.svg') no-repeat center center;
}

.catena-RequirementsTable {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 0.85em;
    background: #FFF;
    /*margin: 5px;*/
    border-collapse: separate;
    text-align: left;
    border: 1px solid #0f4876;
    border-radius: 5px;
    width: 600px;
}

    .catena-RequirementsTable TH {
        font-size: 1em;
        /*font-weight: normal;*/
        color: #0f4876;
        padding: 3px 5px;
        border-right: 1px solid #0f4876;
        border-bottom: 1px solid #0f4876;
        text-align: right;
    }

    .catena-RequirementsTable TD {
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #0f4876;
        color: #666;
        padding: 3px 5px;
        white-space: normal !important;
    }

    .catena-RequirementsTable TBODY TR:hover TD {
        color: #d07a20;
    }

    .catena-RequirementsTable UL {
    }

    .catena-RequirementsTable LI {
        font-size: 0.85em;
    }
/*Misc
From MVC ValidationMessageFor()
From MVC ValidationSummary(false)*/
.field-validation-error,
.validation-summary-errors,
.catena-error,
.text-error {
    color: #a94442 !important;
}

.catena-no-grid-record,
.field-validation-error,
.validation-summary-errors,
.catena-error {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1em;
    display: block;
    padding: 5px;
}

.catena-no-grid-record {
    width: 320px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    background: -webkit-linear-gradient(top, #F7F7F7 0, #FFFFFF 20%, #F7F7F7 50%, #F0F0F0 80%, #F7F7F7 100%) no-repeat;
    background: -moz-linear-gradient(top, #F7F7F7 0, #FFFFFF 20%, #F7F7F7 50%, #F0F0F0 80%, #F7F7F7 100%) no-repeat;
    background: -o-linear-gradient(top, #F7F7F7 0, #FFFFFF 20%, #F7F7F7 50%, #F0F0F0 80%, #F7F7F7 100%) no-repeat;
    background: -ms-linear-gradient(top, #F7F7F7 0, #FFFFFF 20%, #F7F7F7 50%, #F0F0F0 80%, #F7F7F7 100%) no-repeat;
    background: linear-gradient(top, #F7F7F7 0, #FFFFFF 20%, #F7F7F7 50%, #F0F0F0 80%, #F7F7F7 100%) no-repeat;
    border: 1px solid #E3E3E3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well BLOCKQUOTE {
        border-color: #DDD;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-large {
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.well-small {
    padding: 0px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#error-message {
    height: 256px;
    width: 900px;
}

#error-map {
    clear: right;
    float: left;
    height: 256px;
    width: 300px;
    margin: -20px;
}

#error-text {
    margin: 20px;
}

    #error-text P {
        /*font-family: Verdana;  */
        color: #333333;
        font-weight: bold;
        font-size: 12px;
    }

        #error-text P .error-red {
            font-size: 24px;
            color: #D30000;
        }

        #error-text P .error-green {
            font-size: 18px;
            color: #69813a;
        }

        #error-text P .error-blue {
            font-size: 12px;
            color: #0f4876;
        }

        #error-text P .bigger {
            font-size: 18px;
        }


.k-window .k-window-titlebar.k-header {
    background-color: #0f4876;
    color: #ffffff;
    cursor: move;
}

.k-window .k-window-titlebar .k-window-title {
    cursor: move;
}

.down-icon {
    border: 8px solid transparent;
    border-top-color: #0f4876;
    width: 0;
    height: 0;
}

/*Dashboard*/

/*WidgetSelector */

div.WidgetSelector {
    display: none;
    overflow: hidden !important;
    padding: 5px 10px 20px 12px;
}

.WidgetSelector .k-tabstrip {
    border-width: 0;
    margin: 0;
    height: 100%;
}

.WidgetSelector ul.k-tabstrip-items {
    list-style: none;
    background-image: none !important;
    margin: 0;
    padding: 0;
    float: left;
    width: 200px;
    padding-bottom: 1px;
}

.WidgetSelector li.k-item {
    display: block;
    border-radius: 4px 0 0 4px;
    border-color: #ccc;
    border-width: 1px 0 1px 1px;
    margin: 0;
    padding: 0;
    margin-bottom: -1px;
    cursor: pointer;
    overflow: hidden;
}


    .WidgetSelector li.k-item.k-state-active {
        border-right-width: 0;
        margin-right: -1px;
        cursor: default;
    }

    .WidgetSelector li.k-item.k-state-hover {
        background-color: #eee;
    }

    .WidgetSelector li.k-item a.k-link:hover {
        text-decoration: none;
        color: #fff;
    }

.WidgetSelector .k-tabstrip .k-content {
    margin-left: 199px;
    margin-right: 0;
    height: 100%;
    overflow: auto;
    border-radius: 0 2px 2px 0;
    border: 1px solid #ccc;
}

.WidgetSelector .WidgetSelectorList .col1 {
    width: 300px;
}

    .WidgetSelector .WidgetSelectorList .col1 img {
        width: 300px;
    }

.WidgetSelector .WidgetSelectorList .col2 {
}

.WidgetSelector .WidgetSelectorList .col3 {
    width: 120px;
    text-align: right;
}

.WidgetSelector .WidgetSelectorList button {
    margin-right: 0;
    white-space: nowrap;
}

    .WidgetSelector .WidgetSelectorList button:disabled {
        background-color: #ccc;
        cursor: default;
    }

.WidgetSelector .WidgetSelectorList .header td {
    padding-top: 10px;
}

.WidgetSelector .WidgetSelectorList .content {
    border-bottom: 1px solid #ccc;
}

    .WidgetSelector .WidgetSelectorList .content:last-child {
        border-bottom-width: 0;
    }

    .WidgetSelector .WidgetSelectorList .content td {
        padding-bottom: 20px;
    }

button.WidgetSelectorButton {
    float: right;
    padding: 0 10px
}

.WidgetSelectorButton span {
    zoom: 1;
}

button.WidgetSelectorButton:disabled {
    background-color: #ccc;
}
/*WidgetSelector */
.chart {
    color: #0f4876;
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-spacing: 5px;
}

.chart-table-header {
    border: 0 !important;
    margin: 0 !important;
    font-size: 1.6em;
    color: #0f4876;
}

.chart TD {
    padding: 6px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    /*border-radius-bottomright: 5px;
border-radius-bottomleft: 5px;*/
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    vertical-align: top;
}

    .chart TD:hover {
        border: 1px solid #BBBBBB;
    }

.chart-wrapper {
    margin: auto;
    height: 100%;
    width: 100%;
}

.chartTable {
    margin-left: auto;
    margin-right: auto;
}

.chart IMG {
    margin: 0;
}


.chart-table-header {
    border: 0 !important;
    margin: 0 !important;
    font-size: 1.6em;
    color: #0f4876;
}

.chart IMG {
    margin: 0;
}

.chartTable TD, .chartTable TD:hover {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px;
    padding: 0;
    margin: 0;
}

.chartProductTypeTable {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .chartProductTypeTable TD, .chartProductTypeTable TD:hover {
        border: 0;
        padding: 2px;
        margin: 0;
    }

.chartProductTypeText {
    font-size: 1.2em;
    color: #0f4876;
    text-align: left;
    margin-left: 20px;
    margin-top: 12px;
}

.chartProductTypeNumber {
    font-size: 2em;
    color: #FFFFFF;
    position: relative;
    top: 9px;
}

.chartCommodityHeader {
    border-bottom: 3px solid #d07a20;
    font-size: .85em;
    color: #0f4876;
    vertical-align: top;
}

.chartCommodityHeaderRow {
    padding: 0 8px 0 0;
    vertical-align: middle;
}

.chartCommodityRow {
    color: #666;
    font-size: .85em;
}

.chartCommodityDescription {
    width: 150px;
    text-align: left !important;
    vertical-align: middle !important;
}

.chartCommodityNumber {
    vertical-align: middle !important;
}

.chartArrowBlue {
    position: relative;
    background: #0f4876;
    height: 40px;
    width: 55px;
}

    .chartArrowBlue:after {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .chartArrowBlue:after {
        border-left-color: #0f4876;
        border-width: 20px;
        top: 50%;
        margin-top: -20px;
    }

.chartArrowOrange {
    position: relative;
    background: #f39c12;
    height: 40px;
    width: 55px;
}

    .chartArrowOrange:after {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .chartArrowOrange:after {
        border-left-color: #f39c12;
        border-width: 20px;
        top: 50%;
        margin-top: -20px;
    }

.chartArrowGreen {
    position: relative;
    background: #69813a;
    height: 40px;
    width: 55px;
}

    .chartArrowGreen:after {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .chartArrowGreen:after {
        border-left-color: #69813a;
        border-width: 20px;
        top: 50%;
        margin-top: -20px;
    }

.chartArrowYellow {
    position: relative;
    background: #f1c40f;
    height: 40px;
    width: 55px;
}

    .chartArrowYellow:after {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .chartArrowYellow:after {
        border-left-color: #f1c40f;
        border-width: 20px;
        top: 50%;
        margin-top: -20px;
    }

.chartLegendTable {
    height: 30px;
    margin: 5px 0 0 0 !important;
    border-collapse: separate;
    border-spacing: 2px;
}

.chartLegend {
    width: 18px;
    padding-top: 4px;
}

.chartLegendText {
    font-size: 0.75em;
    color: #666;
    text-align: left;
    padding-left: 4px !important;
    padding-right: 5px !important;
}

.red {
    background-color: #e74c3c;
}

.blue {
    background-color: #0f4876;
}
/*.orange
{
	background-color: #f39c12;
}*/
.green {
    background-color: #69813a;
}

.yellow {
    background-color: #f1c40f;
}
/*Elements*/
A {
    color: #0f4876 !important;
    text-decoration: none;
    font-size: 1em;
    outline: 0;
}

    A:hover {
        color: #0078ae;
        text-decoration: underline;
        outline: 0;
    }

    A:active {
        outline: 0;
    }

H1 {
    margin: 0;
    font-size: 1.6em;
    color: #0f4876;
}

H1, H2, H3, H4, H5, H6 {
    text-rendering: auto;
    /*font-family: Arial;          */
}

H2 {
    position: relative;
    /*width: 30%;*/
    font-size: 1em;
    line-height: 2em;
    font-weight: bold;
    padding: 0px 30px 0px 10px;
    margin: 0px 10px 10px -20px;
    color: #FFF;
    background-color: #d07a20;
    text-shadow: 0px 1px 2px #888;
    -webkit-box-shadow: 0px 2px 0px #888;
    box-shadow: 0px 2px 0px #888;
    display: inline-block;
}

    H2:after {
        left: 0px;
        top: 100%;
        border-width: 6px 10px;
        border-style: solid;
        border-color: #666 #666 transparent transparent;
    }

    H2:before {
        width: 20px;
        left: -20px;
        top: 12px;
        border-width: 17px 17px;
        border-style: solid;
        border-color: transparent;
    }

    H2:before {
        width: 0px;
        left: auto;
        right: -2px;
        top: 0px;
        border-color: transparent #FFF transparent transparent;
    }

    H2:before, H2:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
    }

H3 {
    font-size: 1.15em;
    padding: 0.2em 30px 0.2em 0;
    margin: 1em 0 0.7em;
    border-top: 3px solid #d07a20;
    color: #0f4876;
}

    H3.eeeicon {
        background: url(images/3e.svg) no-repeat left;
        text-indent: 35px;
        padding-top: 8px;
        width: 28px;
        height: 16px;
    }

H4 {
    font-size: 1em;
}
/*Columns*/
.row-fluid [class*="spanDetails"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 1%;
    /**margin-left: 1%;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.spanDetails3 {
    width: 24% !important;
    /**width: 24% !important;*/
}

.spanDetails4 {
    width: 37% !important;
    /**width: 37% !important;*/
}

.spanDetails5 {
    width: 47% !important;
    /**width: 47% !important;*/
}

.spanDetails6 {
    width: 57% !important;
    /**width: 47% !important;*/
}

.spanDetailsFull {
    width: 97% !important;
    /**width: 97% !important;*/
}

.alertCommentsGrid {
    width: 97% !important;
    margin-left: 0px;
}
/*Buttons*/
.btn-3eBlue {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0f4876;
    background: -webkit-linear-gradient(top, #0f4876, #0078ae);
    background: -moz-linear-gradient(top, #0f4876, #0078ae);
    background: -o-linear-gradient(top, #0f4876, #0078ae);
    background: -ms-linear-gradient(top, #0f4876, #0078ae);
    background: linear-gradient(top, #0f4876, #0078ae);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0d72ae', endColorstr='#ff0081c2', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    border: 2px solid #FFFFFF;
}

    .btn-3eBlue:hover, .btn-3eBlue:active, .btn-3eBlue.active, .btn-3eBlue.disabled, .btn-3eBlue[disabled], .btn-3eSearch[disabled], .btn-3eSearch.disabled {
        color: #FFFFFF;
        background-color: #0078ae;
        /**background-color: #0078ae;*/
    }

.btn.disabled.btn-3eSearch {
    opacity: 1;
}

.btn-3eSearch.disabled {
    cursor: initial;
}

    .btn-3eSearch.disabled:active,
    .btn-3eSearch.disabled:focus {
        outline: none;
    }

.btn-3eBlue:active, .btn-3eBlue.active {
    background-color: #0f4876;
}

.btn-3eSearch.disabled[disabled] {
    pointer-events: none;
}

.btn-3eSC {
    background: #0f4876;
    color: #FFFFFF;
    text-align: center;
    padding: 8px 10px 3px;
    font-size: 1em;
    font-weight: bold;
    /*font-family: Arial;*/
    display: inline-block;
    margin: 5px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: 1px 0 #3A587F, 0 1px #4171AE, 2px 1px #3A587F, 1px 2px #4171AE, 3px 2px #3A587F, 2px 	3px #4171AE, 4px 3px #3A587F, 3px 4px #4171AE;*/
}

    .btn-3eSC A {
        text-decoration: none !important;
        display: block;
        padding: 30px;
        margin: -30px;
        /*This, and next line,  makes the A expand to fill the DIV, so the entire button is clickable*/
    }

    .btn-3eSC:hover {
        background: #0078ae;
    }

.btn-3eSC-text {
    /*font-family: Verdana, Geneva, sans-serif;   */
    font-size: 100%;
    line-height: 100%;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 1px 1px #333333;
    text-align: center;
    vertical-align: middle;
}

.btn-3eSC-match {
    /*font-family: Arial,Verdana, Geneva, sans-serif; */
    font-size: 100%;
    line-height: 100%;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 1px 1px #333333;
    text-align: center;
    vertical-align: middle;
}

.btn-3eSC-text-small {
    /*font-family: Verdana, Geneva, sans-serif; */
    font-size: 90%;
    line-height: 100%;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 1px 1px #333333;
    text-align: center;
    vertical-align: middle;
}

.btn-3eSC-text-tiny {
    /*font-family: Verdana, Geneva, sans-serif; */
    font-size: 65%;
    line-height: 100%;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 1px 1px #333333;
    text-align: center;
    vertical-align: middle;
}

.btn-3eSC-wide {
    background: #0f4876;
    height: 18px;
    color: #FFFFFF;
    text-align: center;
    padding: 7px 20px 4px;
    font-size: 1em;
    font-weight: bold;
    /*	font-family: Arial;*/
    display: inline-block;
    margin: 5px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: 1px 0 #3A587F, 0 1px #4171AE, 2px 1px #3A587F, 1px 2px #4171AE, 3px 2px #3A587F, 2px 	3px #4171AE, 4px 3px #3A587F, 3px 4px #4171AE; */
}

    .btn-3eSC-wide A {
        text-decoration: none !important;
        display: block;
        padding: 30px;
        margin: -30px;
        /*This, and next line,  makes the A expand to fill the DIV, so the entire button is clickable*/
    }

    .btn-3eSC-wide:hover {
        background: #0078ae;
    }

.btn-default {
    text-align: center;
    padding: 0 15px;
    font-size: .8em;
    font-weight: bold;
    margin: 5px 15px 5px 0;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box !important;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active {
        outline: none !important;
    }

    .btn-default:last-child {
        margin-right: 0;
    }

.btn-3eSearch {
    background: #0f4876;
    border: 0px solid #FFFFFF;
    color: #FFFFFF;
    text-shadow: 1px 1px #333333;
    text-align: center;
    padding: 0 15px;
    font-size: .8em;
    font-weight: bold;
    /*font-family: Arial;*/
    margin: 5px 15px 5px 0;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    color: #fff !important;
    -webkit-border-radius: 4px;
    display: inline-block;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: 1px 0 #3A587F, 0 1px #4171AE, 2px 1px #3A587F, 1px 2px #4171AE, 3px 2px #3A587F, 2px 	3px #4171AE, 4px 3px #3A587F, 3px 4px #4171AE;*/
}

    .btn-3eSearch:hover,
    .btn-3eSearch:focus,
    .btn-3eSearch:active {
        background: #0078ae;
        text-decoration: none;
        outline: none;
    }

.invisible {
    visibility: hidden;
}

#btnBOM.invisible,
#btnBOS.invisible {
    display: none;
}

/*Forms*/
FIELDSET {
    margin: 10px 0px 0px;
    border: 1px solid #E6E6E6;
    padding: 10px;
    display: block;
    position: relative;
    background-color: #FFFFFF;
}

FORM {
    margin: 0 0 10px;
}

INPUT, BUTTON, SELECT, TEXTAREA {
    font-family: "Arial Unicode MS", Arial, Helvetica, Sans-Serif;
}

INPUT, TEXTAREA, .uneditable-input {
    width: 206px;
}

INPUT, TEXTAREA, .uneditable-input {
    margin-left: 0;
}

    INPUT.span1, TEXTAREA.span1, .uneditable-input.span1 {
        width: 46px;
    }

    INPUT.span10, TEXTAREA.span10, .uneditable-input.span10 {
        width: 766px;
    }

    INPUT.span11, TEXTAREA.span11, .uneditable-input.span11 {
        width: 846px;
    }

    INPUT.span12, TEXTAREA.span12, .uneditable-input.span12 {
        width: 926px;
    }

    INPUT.span2, TEXTAREA.span2, .uneditable-input.span2 {
        width: 126px;
    }

    INPUT.span3, TEXTAREA.span3, .uneditable-input.span3 {
        width: 206px;
    }

    INPUT.span4, TEXTAREA.span4, .uneditable-input.span4 {
        width: 286px;
    }

    INPUT.span5, TEXTAREA.span5, .uneditable-input.span5 {
        width: 366px;
    }

    INPUT.span6, TEXTAREA.span6, .uneditable-input.span6 {
        width: 446px;
    }

    INPUT.span7, TEXTAREA.span7, .uneditable-input.span7 {
        width: 526px;
    }

    INPUT.span8, TEXTAREA.span8, .uneditable-input.span8 {
        width: 606px;
    }

    INPUT.span9, TEXTAREA.span9, .uneditable-input.span9 {
        width: 686px;
    }

    INPUT::-webkit-input-placeholder, TEXTAREA::-webkit-input-placeholder {
        color: #999999;
    }

    INPUT:-moz-placeholder, TEXTAREA:-moz-placeholder {
        color: #999999;
    }

    INPUT:-ms-input-placeholder, TEXTAREA:-ms-input-placeholder {
        color: #999999;
    }

    INPUT[class*="span"], SELECT[class*="span"], TEXTAREA[class*="span"], .uneditable-input[class*="span"], .row-fluid INPUT[class*="span"], .row-fluid SELECT[class*="span"], .row-fluid TEXTAREA[class*="span"], .row-fluid .uneditable-input[class*="span"] {
        float: none;
        margin-left: 0;
    }

    INPUT[type="file"], INPUT[type="image"], INPUT[type="submit"], INPUT[type="reset"], INPUT[type="button"], INPUT[type="radio"], INPUT[type="checkbox"] {
        width: auto;
    }

    INPUT[type="radio"], INPUT[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px;
        /**margin-top: 0;*/
        line-height: normal;
        cursor: pointer;
    }

        INPUT[type="radio"][disabled], INPUT[type="checkbox"][disabled], INPUT[type="radio"][readonly], INPUT[type="checkbox"][readonly] {
            background-color: transparent;
        }

LABEL {
    display: block;
    margin-bottom: 5px;
}

    LABEL.withHelp {
        display: inline-block;
    }

LABEL, INPUT, BUTTON, SELECT, TEXTAREA {
    font-size: 1em;
    font-weight: normal;
    height: 24px;
    /*line-height: 30px;*/
}

    LABEL.border-box, INPUT.border-box, SELECT.border-box {
        height: 34px;
    }

.asterisk:after,
#product_tabdata_Details .mark-required:after {
    content: "*";
    font-weight: bold;
    color: red;
    padding-left: 5px;
}

LEGEND {
    display: block;
    position: relative;
    width: auto;
    padding: 0px 10px;
    font-size: 1.2em;
    text-rendering: auto;
    /*font-family: Arial;*/
    line-height: 30px;
    color: #0f4876;
    /*+border-radius:4px;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin: 0px;
    border: 0px #FFFFFF;
}

    LEGEND SMALL {
        font-size: 0.75em;
    }

SELECT {
    width: 220px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

SELECT, INPUT[type="file"] {
    /* height: 30px; */
    /*In IE7, the height of the select element cannot be changed by height, only font-size*/
    /**margin-top: 4px;*/
    /*For IE7, add top margin to align select with labels*/
    /* line-height: 30px; */
}

SELECT, TEXTAREA, INPUT[type="text"], INPUT[type="password"], INPUT[type="datetime"], INPUT[type="datetime-local"], INPUT[type="date"], INPUT[type="month"], INPUT[type="time"], INPUT[type="week"], INPUT[type="number"], INPUT[type="email"], INPUT[type="url"], INPUT[type="search"], INPUT[type="tel"], INPUT[type="color"], .uneditable-input {
    display: inline-block;
    /* height: 20px; */
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 1em;
    line-height: 1.4em;
    color: #555555;
    border-radius: 6px;
}

    SELECT:focus, INPUT[type="file"]:focus, INPUT[type="radio"]:focus, INPUT[type="checkbox"]:focus {
        outline: none;
    }

    SELECT[multiple], SELECT[size] {
        height: auto;
    }

TEXTAREA {
    height: auto;
}

TEXTAREA, INPUT[type="text"], INPUT[type="password"], INPUT[type="datetime"], INPUT[type="datetime-local"], INPUT[type="date"], INPUT[type="month"], INPUT[type="time"], INPUT[type="week"], INPUT[type="number"], INPUT[type="email"], INPUT[type="url"], INPUT[type="search"], INPUT[type="tel"], INPUT[type="color"], .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

    TEXTAREA:focus, INPUT[type="text"]:focus, INPUT[type="password"]:focus, INPUT[type="datetime"]:focus, INPUT[type="datetime-local"]:focus, INPUT[type="date"]:focus, INPUT[type="month"]:focus, INPUT[type="time"]:focus, INPUT[type="week"]:focus, INPUT[type="number"]:focus, INPUT[type="email"]:focus, INPUT[type="url"]:focus, INPUT[type="search"]:focus, INPUT[type="tel"]:focus, INPUT[type="color"]:focus, .uneditable-input:focus {
        border-color: rgba(82, 168, 236, 0.8);
        outline: 0;
        outline: thin dotted;
        /*IE6-9*/
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    }

    INPUT[disabled], SELECT[disabled], TEXTAREA[disabled], INPUT[readonly], SELECT[readonly], TEXTAREA[readonly] {
        cursor: not-allowed;
        background-color: #EEEEEE;
    }

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 5px;
}

.controls-row {
    /**zoom: 1;*/
}

    .controls-row [class*="span"] {
        float: left;
    }

        .controls-row [class*="span"] + [class*="span"] {
            margin-left: 20px;
        }

    .controls-row:after {
        clear: both;
    }

    .controls-row:before, .controls-row:after {
        display: table;
        line-height: 0;
        content: "";
    }

.display-field {
    color: #666666;
    font-weight: bold;
}

    .display-field label {
        font-weight: bold;
    }

.display-label label {
    font-weight: normal;
}

.display-label {
    font-weight: normal;
    color: #666666;
    min-width: 120px;
}

.input-append INPUT[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend INPUT[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid INPUT[class*="span"], .row-fluid SELECT[class*="span"], .row-fluid TEXTAREA[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
    display: inline-block;
}

.input-large {
    width: 210px;
}

.input-medium {
    width: 150px;
}

.input-mini {
    width: 60px;
}

.input-small {
    width: 90px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

.editor-field input, .editor-field SELECT {
    width: 100%;
}

.custom-editor-field {
    width: 30%;
    padding: .4em 0 1em;
    margin-left: 2%;
    text-align: right;
}

#DisplayChemicalOnLabel, #IsHazardForCancer, #IsHazardForBirthDefects, #IsHazardForReproductiveToxin {
    width: 15px;
    height: 35px;
    margin-top: 0;
}

.calprop-concentration-parentCell .row .col-xs-6 + .col-xs-6 {
    max-width: 120px;
}

span[aria-owns="Concentration_UnitOfMeasureValue_listbox"] {
    height: 35px;
    width: 99px;
}

span[aria-owns="Concentration_UnitOfMeasureValue_listbox"] span {
    width: 44px;
}

.calprop-concentration-parentCell span[aria-owns="Concentration_UnitOfMeasureValue_listbox"] span {
    width: 60px;
}

#ConcentrationValue_ConcentrationValue {
    width: 117px;
}

span[aria-owns="MinimumConcentration_MinConcentrationOperatorValue_listbox"], span[aria-owns="MaximumConcentration_MaxConcentrationOperatorValue_listbox"] {
    height: 35px;
    width: 60px;
}

span[aria-labelledby="SVHCDeclarationVersion_label"], span[aria-labelledby="PBTvPvB_label"], span[aria-labelledby="UnitOfMeasure_label"] {
    width: 218px;
}

.no-line {
    border: 0px solid #E6E6E6;
    display: block;
    position: relative;
    background-color: #FFFFFF;
}

.radio INPUT[type="radio"], .checkbox INPUT[type="checkbox"] {
    float: left;
    margin-left: -18px;
}

.radio, .checkbox {
    min-height: 18px;
    padding-left: 18px;
}

    .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
        margin-left: 10px;
    }

    .radio.inline, .checkbox.inline {
        display: inline-block;
        padding-top: 5px;
        margin-bottom: 0;
        vertical-align: middle;
    }

.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
}

.uneditable-input, .uneditable-textarea {
    color: #999999;
    cursor: not-allowed;
    background-color: #FCFCFC;
    border-color: #CCCCCC;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-textarea {
    width: auto;
    height: auto;
}
/*Tables*/
TABLE {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

    TABLE [class*=span], .row-fluid TABLE [class*=span] {
        display: table-cell;
        float: none;
        margin-left: 0;
    }

.table {
    width: 100%;
    margin-bottom: 5px;
}

    .table .span1 {
        float: none;
        width: 44px;
        margin-left: 0;
    }

    .table .span10 {
        float: none;
        width: 764px;
        margin-left: 0;
    }

    .table .span11 {
        float: none;
        width: 844px;
        margin-left: 0;
    }

    .table .span12 {
        float: none;
        width: 924px;
        margin-left: 0;
    }

    .table .span13 {
        float: none;
        width: 1004px;
        margin-left: 0;
    }

    .table .span14 {
        float: none;
        width: 1084px;
        margin-left: 0;
    }

    .table .span15 {
        float: none;
        width: 1164px;
        margin-left: 0;
    }

    .table .span16 {
        float: none;
        width: 1244px;
        margin-left: 0;
    }

    .table .span17 {
        float: none;
        width: 1324px;
        margin-left: 0;
    }

    .table .span18 {
        float: none;
        width: 1404px;
        margin-left: 0;
    }

    .table .span19 {
        float: none;
        width: 1484px;
        margin-left: 0;
    }

    .table .span2 {
        float: none;
        width: 124px;
        margin-left: 0;
    }

    .table .span20 {
        float: none;
        width: 1564px;
        margin-left: 0;
    }

    .table .span21 {
        float: none;
        width: 1644px;
        margin-left: 0;
    }

    .table .span22 {
        float: none;
        width: 1724px;
        margin-left: 0;
    }

    .table .span23 {
        float: none;
        width: 1804px;
        margin-left: 0;
    }

    .table .span24 {
        float: none;
        width: 1884px;
        margin-left: 0;
    }

    .table .span3 {
        float: none;
        width: 204px;
        margin-left: 0;
    }

    .table .span4 {
        float: none;
        width: 284px;
        margin-left: 0;
    }

    .table .span5 {
        float: none;
        width: 364px;
        margin-left: 0;
    }

    .table .span6 {
        float: none;
        width: 444px;
        margin-left: 0;
    }

    .table .span7 {
        float: none;
        width: 524px;
        margin-left: 0;
    }

    .table .span8 {
        float: none;
        width: 604px;
        margin-left: 0;
    }

    .table .span9 {
        float: none;
        width: 684px;
        margin-left: 0;
    }

    .table CAPTION + THEAD TR:first-child TH, .table CAPTION + THEAD TR:first-child TD, .table COLGROUP + THEAD TR:first-child TH, .table COLGROUP + THEAD TR:first-child TD, .table THEAD:first-child TR:first-child TH, .table THEAD:first-child TR:first-child TD {
        border-top: 0;
    }

    .table TBODY + TBODY {
        border-top: 2px solid #DDDDDD;
    }

    .table TBODY TR.error TD {
        background-color: #F2DEDE;
    }

    .table TBODY TR.info TD {
        background-color: #D9EDF7;
    }

    .table TBODY TR.success TD {
        background-color: #DFF0D8;
    }

    .table TBODY TR.warning TD {
        background-color: #FCF8E3;
    }

    .table TH {
        font-weight: bold;
    }

    .table TH, .table TD {
        padding: 2px 5px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        border-top: 0px solid #DDDDDD;
    }

    .table THEAD TH {
        vertical-align: bottom;
    }

.table-bordered {
    border: 1px solid #DDDDDD;
    border-collapse: separate;
    /**border-collapse: collapse;*/
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .table-bordered CAPTION + THEAD TR:first-child TH, .table-bordered CAPTION + TBODY TR:first-child TH, .table-bordered CAPTION + TBODY TR:first-child TD, .table-bordered COLGROUP + THEAD TR:first-child TH, .table-bordered COLGROUP + TBODY TR:first-child TH, .table-bordered COLGROUP + TBODY TR:first-child TD, .table-bordered THEAD:first-child TR:first-child TH, .table-bordered TBODY:first-child TR:first-child TH, .table-bordered TBODY:first-child TR:first-child TD {
        border-top: 0;
    }

        .table-bordered CAPTION + THEAD TR:first-child TH:first-child, .table-bordered CAPTION + TBODY TR:first-child TD:first-child, .table-bordered COLGROUP + THEAD TR:first-child TH:first-child, .table-bordered COLGROUP + TBODY TR:first-child TD:first-child {
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
        }

        .table-bordered CAPTION + THEAD TR:first-child TH:last-child, .table-bordered CAPTION + TBODY TR:first-child TD:last-child, .table-bordered COLGROUP + THEAD TR:first-child TH:last-child, .table-bordered COLGROUP + TBODY TR:first-child TD:last-child {
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
        }

    .table-bordered TH, .table-bordered TD {
        border-left: 1px solid #DDDDDD;
    }

    .table-bordered THEAD:first-child TR:first-child TH:first-child, .table-bordered TBODY:first-child TR:first-child TD:first-child {
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
    }

    .table-bordered THEAD:first-child TR:first-child TH:last-child, .table-bordered TBODY:first-child TR:first-child TD:last-child {
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
    }

    .table-bordered THEAD:last-child TR:last-child TH:first-child, .table-bordered TBODY:last-child TR:last-child TD:first-child, .table-bordered TFOOT:last-child TR:last-child TD:first-child {
        -webkit-border-radius: 0 0 0 4px;
        -moz-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
    }

    .table-bordered THEAD:last-child TR:last-child TH:last-child, .table-bordered TBODY:last-child TR:last-child TD:last-child, .table-bordered TFOOT:last-child TR:last-child TD:last-child {
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
    }

.table-condensed TH, .table-condensed TD {
    padding: 4px 5px;
}

.table-hover TBODY TR.error:hover TD {
    background-color: #EBCCCC;
}

.table-hover TBODY TR.info:hover TD {
    background-color: #C4E3F3;
}

.table-hover TBODY TR.success:hover TD {
    background-color: #D0E9C6;
}

.table-hover TBODY TR.warning:hover TD {
    background-color: #FAF2CC;
}

.table-hover TBODY TR:hover TD, .table-hover TBODY TR:hover TH {
    background-color: #F5F5F5;
}

.table-striped TBODY TR:nth-child(odd) TD, .table-striped TBODY TR:nth-child(odd) TH {
    background-color: #F9F9F9;
}
/*BomBos*/
.BomTable {
    width: 100%;
    empty-cells: show;
    border: 1px solid #D0D0D0 !important;
    background: #FFFFFF !important;
    color: #333 !important;
}

    .BomTable A:not(.a-icon) {
        color: #333 !important;
        text-decoration: underline;
        font-size: 1em;
    }

        .BomTable A:not(.a-icon):hover {
            color: #0f4876 !important;
            text-decoration: underline;
        }

        .BomTable A:not(.a-icon):active {
            outline: none;
        }

    .BomTable a.a-icon:hover {
        text-decoration: none;
    }

    .BomTable TD {
        padding: 8px 6px;
    }

        .BomTable td.depth0 {
            padding-left: 6px;
        }

        .BomTable td.depth1 {
            padding-left: 12px;
        }

        .BomTable td.depth2 {
            padding-left: 18px;
        }

        .BomTable td.depth3 {
            padding-left: 24px;
        }

        .BomTable td.depth4 {
            padding-left: 30px;
        }

    .BomTable THEAD TH {
        color: #0f4876 !important;
        font-weight: bold !important;
        border-bottom: 3px solid #0f4876 !important;
        background: #FFFFFF !important;
        text-align: left;
        padding: 8px 6px;
        font-size: 1em;
    }

    .BomTable TR {
        vertical-align: top;
    }

    .BomTable tbody:nth-child(even) {
        background-color: #FFF;
    }

    .BomTable tbody:nth-child(odd) {
        background-color: #F2F2F2;
    }

.BosTable {
    width: 100%;
    empty-cells: show;
    border: 1px solid #D0D0D0 !important;
    background: #FFFFFF !important;
    color: #333 !important;
}

    .BosTable A {
        color: #333 !important;
        text-decoration: underline;
        font-size: 1em;
    }

        .BosTable A:hover {
            color: #0f4876 !important;
            text-decoration: underline;
        }

        .BosTable A:active {
            outline: none;
        }

    .BosTable TD {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .BosTable THEAD TH {
        color: #0f4876 !important;
        font-weight: bold !important;
        border-bottom: 3px solid #0f4876 !important;
        background: #FFFFFF !important;
        text-align: left;
        padding: 8px 0px;
        font-size: 1em;
    }

        .BosTable THEAD TH:first-child {
            padding-left: 5px;
        }

    .BosTable TR {
        vertical-align: top;
    }

        .BosTable tr.border-bottom {
            border-bottom: 1px #d0d0d0 solid;
        }

        .BosTable TR:nth-child(even) {
            background-color: #FFF;
        }

        .BosTable TR:nth-child(odd) {
            background-color: #F2F2F2;
        }

    .detail-row, .BosTable td.detail-cell {
        color: #0f4876 !important;
        font-weight: bold !important;
    }

.header-row {
    background: #FFFFFF !important;
    color: #666 !important;
    font-weight: bold !important;
}
/*Colored bubbles for numbers ----------------------------------------------*/
SPAN.step {
    background: #0f4876;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #FFFFFF;
    display: inline-block; /*
	*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.85em;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
}

SPAN.raw-materials-step {
    background: rgb(15, 72, 118);
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #FFFFFF;
    display: inline-block;
    /*font-family: Arial, Helvetica, sans-serif; */
    font-weight: bold;
    font-size: 0.85em;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
}

.raw-materials-number {
    /*font-family: Arial, Helvetica, sans-serif;*/
    color: rgb(15, 72, 118);
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

SPAN.products-step {
    background: #FF6600;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #FFFFFF;
    display: inline-block;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-weight: bold;
    font-size: 0.85em;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
}

SPAN.articles-step {
    background: #0f4876;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #FFFFFF;
    display: inline-block;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-weight: bold;
    font-size: 0.85em;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
}

.articles-number {
    /*font-family: Arial, Helvetica, sans-serif;*/
    color: #0f4876;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
/*DateRangePicker styles for Alerts*/
.AlertsSearchForm label {
    font-size: 1em;
    font-style: italic;
    line-height: 1.7em;
    font-weight: bold;
    color: #0f4876;
    text-decoration: none;
}

#AlertsSearch INPUT {
    border: 1px solid #0f4876;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(67, 123, 152, 0.3);
    padding: 3px 6px;
    margin: 3px 0;
    width: 100%;
    height: 34px;
}

#AlertsSearch LABEL {
    font-weight: bold;
    padding: 5px 0 0;
}

#AlertsSearch .small {
    color: #666666;
    font-size: 0.78em;
    font-weight: normal;
    text-align: right;
}

#AlertsSearch BUTTON#Alerts_search {
    width: 100px;
    position: absolute;
    bottom: 5px;
    color: #FFF;
    /*font-family: Tahoma, Geneva, sans-serif;  */
    text-shadow: 1px 1px #333333;
    height: 30px;
    border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #0f4876;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    border: 2px solid #FFFFFF;
    padding: 0 18px;
    margin: 0 auto;
}

    #AlertsSearch BUTTON#Alerts_search:hover {
        background: #0f4876;
    }

#AlertsSearch TEXTAREA:focus, #AlertsSearch INPUT:focus {
    border: 1px solid #0f4876;
}

.importtype {
    height: 30px;
}

.k-grid-header .k-header .k-link {
    text-align: center;
    padding: .5em .4em .4em .4em;
    color: #0f4876 !important;
}

.k-multiselect-wrap {
    border-bottom-width: 1px;
}

table.logPopupTable {
    width: 500px;
    white-space: normal;
    padding: 5px;
}

    table.logPopupTable td {
        vertical-align: top;
    }


/* used for validation */
.val-message {
}

/* used for validation */
.val-message-container {
}

#AlertGrid {
    clear: left;
    min-width: 800px;
    width: 97%;
}

.dateColumn {
    float: left;
    clear: left;
    color: #666666;
    padding-right: 5px;
    width: 65px;
}

.createdByColumn {
    float: left;
    color: #666666;
    padding-right: 5px;
    width: 85px;
}

.flagTypeColumn {
    float: left;
    color: #666666;
    padding-right: 5px;
    width: 90px;
}

.commentColumn {
    float: left;
    color: #666666;
}

.header-comment-row {
    color: #333333 !important;
    font-weight: bold !important;
}

.commentDiv {
    width: 470px;
    height: 48px;
    overflow-y: scroll;
}

.dueDiligenceObtainedTable{
    overflow-y: auto;
    max-height: 200px;
}
    .dueDiligenceObtainedTable.catena-module-documents {
        display: block;
    }

.k-grid-header .k-header.catena-dropdown-custom-filter {
    padding: 0;
    border-bottom-width: 0 !important;
    width: 90px;
}

.catena-dropdown-custom-filter {
    background-color: transparent;
}

.catena-grid-filter-row INPUT.catena-date-custom-filter {
    min-width: 130px;
}

.date-picker-wrapper {
    color: #333333;
}

    .date-picker-wrapper .top-bar input.apply-btn,
    .date-picker-wrapper .top-bar input.disabled.apply-btn {
        border-width: 0;
        background-color: transparent;
        color: #0f4876;
        background-image: none;
        height: 100%;
    }

        .date-picker-wrapper .top-bar input.apply-btn:hover {
            text-decoration: underline;
        }

.ConflictMineralsTopicDetail table {
    width: 100%;
}

.ConflictMineralsTopicDetail .catena-module-documents {
    width: 100%;
}

.rawMaterialCommentEditor {
    width: 550px;
    padding-left: 20px;
}

    .rawMaterialCommentEditor textarea {
        width: 100%;
    }

    .rawMaterialCommentEditor .k-tooltip-validation {
        right: 0;
    }

    .rawMaterialCommentEditor + .k-edit-buttons {
        border-style: none;
        padding-bottom: 20px;
        background: none;
    }

.riskPopup table {
    width: 300px;
    font: 12px Arial, Helvetica, sans-serif;
}

    .riskPopup table td {
        border: 1px solid rgb(204,204,204);
        padding: 3px;
    }

.complianceDecisionEditorPopup table {
    font: 12px Arial, Helvetica, sans-serif;
}

    .complianceDecisionEditorPopup table td {
        border: 1px solid rgb(204,204,204);
        padding: 5px;
    }

.complianceDecisionEditorPopup tr td:not(:first-child) {
    vertical-align: top;
}

.complianceDecisionEditorPopup tr td .k-datepicker {
    width: 220px;
}

.complianceDecisionEditorPopup tr td .k-picker-wrap input {
    box-sizing: content-box;
    padding: 4px 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/*.k-grid  div.k-grid-content{overflow: hidden;}*/

.k-grid-content.k-auto-scrollable {
    overflow-y: auto;
    position: initial;
}

    .k-grid-content.k-auto-scrollable.no-grid-record {
        overflow: hidden;
    }

/*dashboard*/
.EeeWidgetManager {
    border-width: 0;
}

.EeeWidget .EeeWidgetHeader {
    height: 35px;
}

    .EeeWidget .EeeWidgetHeader .EeeWidgetWrapper {
        background-color: #0f4876;
        height: 30px;
    }

    .EeeWidget .EeeWidgetHeader .title {
        color: white;
    }

    .EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li {
        margin-left: 5px;
    }

        .EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li a {
            display: block;
        }

            .EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li a.k-i-arrow-s {
                width: 14px;
                height: 14px;
                background-image: url('kendo/2021.2.616/Flat/sprite.png');
                background-position: -1px -33px;
            }

                .EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li a.k-i-arrow-s::before {
                    content: none
                }

.k-window-titlebar .k-window-actions .k-icon.k-i-close {
    background-position: -33px -16px;
}

    .k-window-titlebar .k-window-actions .k-icon.k-i-close::before {
        content: none;
    }

.k-icon {
    background-image: none;
}

.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li:hover {
    border: 1px solid #c0c0c0;
    box-shadow: 0 0 5px 1px white;
}

    .EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li:hover a {
        box-shadow: none;
    }

.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li > a:active {
    background-color: transparent;
    box-shadow: 0px 0px 5px 3px white;
    outline: none;
    outline-style: none;
}

.EeeWidget .EeeWidgetHeader .EeeWidgetDropDownMenu .ui-menu .ui-menu-item a {
    font-size: 0.75em;
    padding: 0 5px;
    color: black !important;
}

.EeeWidget .EeeWidgetToolBar .EeeWidgetWrapper {
    border-width: 0;
}

.EeeWidget .EeeWidgetContent .EeeWidgetWrapper {
    margin: 0 20px;
}

    .EeeWidget .EeeWidgetContent .EeeWidgetWrapper .chartTable {
        height: 100%;
    }

        .EeeWidget .EeeWidgetContent .EeeWidgetWrapper .chartTable,
        .EeeWidget .EeeWidgetContent .EeeWidgetWrapper .chartTable svg {
            margin: auto;
        }

.EeeWidget .EeeWidgetContent .DashboardMessage {
    margin: auto;
    top: 50%;
    height: 20px;
    margin-top: -10px;
    position: relative;
}

.EeeWidget .EeeWidgetFooter {
    height: 5px;
}



.k-window-titlebar {
    padding-top: 4px;
    padding-bottom: 11px;
}

    .k-window-titlebar .k-window-actions {
        padding-top: 5px;
    }

.EeeWidgetSelector.k-window-content {
    padding: 0;
}

.EeeWidgetSelector .ui-widget-content {
    border-width: 0;
}

.EeeWidgetSelector .ui-tabs-nav a {
    font-weight: normal;
}

    .EeeWidgetSelector .ui-tabs-nav a:focus {
        outline: none;
    }


.EeeWidgetSelector .WidgetSelectorList .col1 {
    width: 300px;
}

    .EeeWidgetSelector .WidgetSelectorList .col1 img {
        width: 300px;
    }

.EeeWidgetSelector .WidgetSelectorList .col2 {
}

.EeeWidgetSelector .WidgetSelectorList .col3 {
    width: 120px;
    text-align: right;
}

.EeeWidgetSelector .WidgetSelectorList button {
    margin-right: 0;
    white-space: nowrap;
}

    .EeeWidgetSelector .WidgetSelectorList button:disabled,
    .EeeWidgetSelector .WidgetSelectorList button.disabled {
        background-color: #ccc;
        cursor: default;
    }

.EeeWidgetSelector .WidgetSelectorList .header td {
    padding-top: 10px;
}

.EeeWidgetSelector .WidgetSelectorList .content {
    border-bottom: 1px solid #ccc;
}

    .EeeWidgetSelector .WidgetSelectorList .content:last-child {
        border-bottom-width: 0;
    }

    .EeeWidgetSelector .WidgetSelectorList .content td {
        padding-bottom: 20px;
    }

#WidgetSelectorButton {
    float: right;
}


html input[readonly] {
    background-color: #f7f7f7;
    cursor: not-allowed;
}


.RmContainer {
    max-width: 900px;
    margin: 0;
}

    .RmContainer div {
        box-sizing: border-box !important
    }
/*let's marry kendo and bootstrap*/
.k-combobox.form-control,
.k-dropdown.form-control,
.k-multiselect.form-control {
    padding: 0;
    box-sizing: border-box;
    border-width: 0 !important;
}

    .k-combobox.form-control .k-dropdown-wrap,
    .k-dropdown.form-control .k-dropdown-wrap {
        box-sizing: border-box;
    }

    .k-combobox.form-control input,
    .k-dropdown.form-control .k-input {
        border-radius: 0px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        box-sizing: border-box;
        height: 32px;
        padding: 4px 6px;
        float: none;
        border-width: 0;
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    }

        .k-combobox.form-control input:focus,
        .k-dropdown.form-control input:focus {
            box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(82,168,236,0.6)
        }


/*multiselect*/

/*
.ProductContainer .k-widget.k-multiselect{ padding: 0 12px 0 0px;width: 100%;}
.ProductContainer .k-widget.k-multiselect .k-multiselect-wrap{width: 100%;padding: 0 6px;}
*/

/*kendo multiselect*/
.k-multiselect-wrap li {
    color: rgb(15, 72, 118);
}

.k-multiselect.form-control .k-multiselect-wrap {
    border-radius: 2px;
    box-sizing: border-box;
    border-width: 1px;
}

.k-multiselect.form-control .k-input {
    box-sizing: border-box;
    height: 31px;
    padding: 4px 6px;
    border-width: 0;
}

.k-multiselect.form-control.k-state-focused {
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(82,168,236,0.6)
}

.k-multiselect.form-control .k-multiselect-wrap.k-floatwrap ul li {
    padding-bottom: 3px;
    padding-top: 2px;
    margin-top: 2px
}

.RmContainer .k-combobox.form-control .k-dropdown-wrap {
    margin-right: -15px;
}

.RmContainer .k-panelbar .row {
    padding-top: 10px;
}

.border-box * {
    box-sizing: border-box;
}

.border-box input[type=submit], .border-box button {
    box-sizing: content-box;
}

.bootstrap3 input[type=submit]:focus,
.bootstrap3 input[type=button]:focus {
    border-width: 0;
}
/*now they can live together!*/

.edit-button {
    background: url('images/edit.svg') left top no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.delete-button {
    background: url('images/delete.svg') left top no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.action-button {
    background: url('images/search.svg') left top no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

#AddressBookContactSearchGrid {
    width: 100%;
}

.nomargin-right {
    margin-right: 0;
}

.contact-edit-form {
    background-color: #c4e3f3;
    margin: 15px 0;
    padding: 0 15px;
}

    .contact-edit-form h4 {
        text-align: center;
        font-weight: bold;
    }

.companySavedAlert {
    padding-top: 5px;
    padding-bottom: 8px;
    right: 0;
    display: none;
    margin: 5px;
}

.loading {
    background: url('images/loader.gif') left top no-repeat;
    width: 32px;
    height: 32px;
    margin: auto;
}


.AlertNotificationEditor .k-dropdown {
    width: 100%;
}

.AlertNotificationEditor input[type=text].form-control {
    margin-bottom: 0;
}



/* custom inclusion of right, left and below tabs */
table.product-tabs-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}

    table.product-tabs-table td.height100 {
        padding: 0;
        margin: 0;
    }

    table.product-tabs-table tr.height100 {
        padding: 0;
        margin: 0;
    }

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
    margin-bottom: 0;
}

.tab-content form {
    margin: 0;
}

.tab-content > .tab-pane {
    position: relative;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .tabs-below > .nav-tabs > li > a:hover,
            .tabs-below > .nav-tabs > li > a:focus {
                border-top-color: #ddd;
                border-bottom-color: transparent;
            }

    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:hover,
    .tabs-below > .nav-tabs > .active > a:focus {
        border-color: transparent #ddd #ddd #ddd;
    }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
    display: block;
}

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

.tabs-left > .nav-tabs {
    float: none;
    padding: 0;
}

    .tabs-left > .nav-tabs > li > a {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:hover,
    .tabs-left > .nav-tabs .active > a:focus {
        margin-bottom: 3px;
        *border-right-color: #ffffff;
    }

.tabs-left .nav-tabs > li.active > a,
.tabs-left .nav-tabs > li.active > a:hover,
.tabs-left .nav-tabs > li.active > a:focus {
    border: 1px solid #0f4876;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

        .tabs-right > .nav-tabs > li > a:hover,
        .tabs-right > .nav-tabs > li > a:focus {
            border-color: #eeeeee #eeeeee #eeeeee #dddddd;
        }

    .tabs-right > .nav-tabs .active > a,
    .tabs-right > .nav-tabs .active > a:hover,
    .tabs-right > .nav-tabs .active > a:focus {
        border-color: #ddd #ddd #ddd transparent;
        *border-left-color: #ffffff;
    }


/*
    --------------------------------
    Taken from here: http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap
    --------------------------------
*/

/* reset everything to the default box model */

.bootstrap3 *,
.bootstrap3 :before,
.bootstrap3 :after {
    /*-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;*/
}

/* set a border-box model only to elements that need it */

.bootstrap3 .form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.bootstrap3 .container,
.bootstrap3 .container-fluid,
.bootstrap3 .row,
.bootstrap3 .col-xs-1,
.bootstrap3 .col-sm-1,
.bootstrap3 .col-md-1,
.bootstrap3 .col-lg-1,
.bootstrap3 .col-xs-2,
.bootstrap3 .col-sm-2,
.bootstrap3 .col-md-2,
.bootstrap3 .col-lg-2,
.bootstrap3 .col-xs-3,
.bootstrap3 .col-sm-3,
.bootstrap3 .col-md-3,
.bootstrap3 .col-lg-3,
.bootstrap3 .col-xs-4,
.bootstrap3 .col-sm-4,
.bootstrap3 .col-md-4,
.bootstrap3 .col-lg-4,
.bootstrap3 .col-xs-5,
.bootstrap3 .col-sm-5,
.bootstrap3 .col-md-5,
.bootstrap3 .col-lg-5,
.bootstrap3 .col-xs-6,
.bootstrap3 .col-sm-6,
.bootstrap3 .col-md-6,
.bootstrap3 .col-lg-6,
.bootstrap3 .col-xs-7,
.bootstrap3 .col-sm-7,
.bootstrap3 .col-md-7,
.bootstrap3 .col-lg-7,
.bootstrap3 .col-xs-8,
.bootstrap3 .col-sm-8,
.bootstrap3 .col-md-8,
.bootstrap3 .col-lg-8,
.bootstrap3 .col-xs-9,
.bootstrap3 .col-sm-9,
.bootstrap3 .col-md-9,
.bootstrap3 .col-lg-9,
.bootstrap3 .col-xs-10,
.bootstrap3 .col-sm-10,
.bootstrap3 .col-md-10,
.bootstrap3 .col-lg-10,
.bootstrap3 .col-xs-11,
.bootstrap3 .col-sm-11,
.bootstrap3 .col-md-11,
.bootstrap3 .col-lg-11,
.bootstrap3 .col-xs-12,
.bootstrap3 .col-sm-12,
.bootstrap3 .col-md-12,
.bootstrap3 .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
    --------------------------------
    End "taken from here: http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap"
    --------------------------------
*/

.ProductContainer .tabs-left {
    vertical-align: top;
}

    .ProductContainer .tabs-left .nav li a {
        text-align: left;
    }

        .ProductContainer .tabs-left .nav li a[disabled=disabled] {
            color: #c0c0c0 !Important;
            cursor: default;
        }

.ProductContainer .nav-tabs i {
    line-height: 1;
}

    .ProductContainer .nav-tabs i.error {
        color: red;
    }

    .ProductContainer .nav-tabs i.isDirty {
        font-size: 0.7em;
    }

    .ProductContainer .nav-tabs i.glyphicon-ok {
        color: rgb(105, 129, 58)
    }

.productFormWrapper {
}

.hiddenRight {
    display: none;
}

.ProductContainer .menuStatusIco.Success {
}

.ProductContainer .validation-summary-errors {
    overflow: hidden;
    overflow-y: auto;
}

.loadingContent, #loadingContent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 1001;
    background-color: white;
    opacity: 0.5;
    vertical-align: top;
}

    .loadingContent span, #loadingContent span {
        margin: auto;
        display: block;
        margin-top: 5px;
    }

.ProductContainer .productImage {
}

.ProductContainer .productImageUpload .k-upload {
    margin: 0;
}

    .ProductContainer .productImageUpload .k-upload .k-dropzone {
        padding: 0;
    }

.ProductContainer textarea {
    width: 100%;
}

.ProductContainer .k-widget.k-multiselect {
    width: 100%;
}

    .ProductContainer .k-widget.k-multiselect .k-multiselect-wrap {
        width: 100%;
        padding: 0 6px;
    }

.ProductContainer .nethub-container label,
.batteries-edit-popup .packageQuestion label {
    display: inline-block;
    height: auto;
    padding-top: 12px;
    margin-top: 0;
}

.ProductContainer .nethub-container input[type=checkbox],
.ProductContainer .nethub-container input[type=radio] {
    height: auto;
}

.ProductComponentEditor {
    min-width: 400px;
    margin: 0px 15px;
}

.ProductComponentEditor .k-tooltip.k-tooltip-error {
    max-width: initial;
    padding: 5px 20px;
}

#ComponentContainer #ProductComponentsGrid a.k-grid-edit,
#ComponentContainer #ProductComponentsGrid a.k-grid-delete {
    border-width: 0 !important;
    min-width: 10px;
    background: none !important;
    box-shadow: none !important;
    padding: 0;
}

    #ComponentContainer #ProductComponentsGrid a.k-grid-delete img {
        padding-left: 0 !important;
    }

    #ComponentContainer #ProductComponentsGrid a.k-grid-delete span.k-delete {
        background: url('images/delete.svg') top left no-repeat;
    }

.ProductContainer ul.notes {
    padding-left: 30px;
    margin: 0
}

.ProductContainer div.notes {
    padding-left: 25px;
}

div.ProductComponentEditor > span.k-widget.k-combobox.k-header {
    margin-bottom: 10px;
    margin-right: -20px;
    width: 68%;
    float: right;
}

#ProductComponentsGrid .k-command-cell {
    text-align: center;
}
/* rollup report */

.metalName {
    text-align: right;
    width: 100px;
    font-weight: bold;
}

.metalAnswer {
    text-align: center;
    width: 100px;
    font-weight: bold;
    padding-left: 5px;
}

.questionNumber {
    text-align: right;
    width: 15px;
    font-weight: bold;
    padding-left: 5px;
    vertical-align: top;
    padding-top: 25px;
}

.questionText {
    padding-top: 25px;
}

.reportHeading {
    text-align: center;
    font-weight: bold;
    font-size: large
}

.companyQuestionsTable {
    width: 575px;
}

.companyQuestions {
    text-align: left;
    width: 450px;
    border: #c0c0c0 1px solid;
}

.companyQuestionsSn {
    text-align: left;
    width: 15px;
    border: #c0c0c0 1px solid;
}

.companyQuestionsAnswers {
    text-align: center;
    width: 100px;
    border: #c0c0c0 1px solid;
}


.conflictQuestions {
    text-align: left;
    border: #c0c0c0 1px solid;
}

.conflictQuestionsSn {
    text-align: left;
    width: 15px;
    border: #c0c0c0 1px solid;
}

.conflictQuestionsAnswers {
    text-align: center;
    width: 100px;
    border: #c0c0c0 1px solid;
}

.Infobodx {
    border: 3px solid #999;
    padding: 1em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -opera-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.ProductDetails .k-multiselect-wrap, .ProductDetails .k-multiselect {
    border-width: 0;
}

.ProductDetails .k-state-disabled * {
    color: #232323 !important;
}

.ProductDetails .k-multiselect.k-state-disabled .k-delete {
    display: none;
}

.ProductDetails .k-multiselect.k-state-disabled .k-button {
    padding-right: 20px;
}

.height100 {
    height: 100%;
}

.width100 {
    width: 100%;
}

.horizontalBar {
    height: 96%;
    overflow: hidden;
    overflow-y: auto;
}

.horizontalBarWrapper {
    position: absolute;
    width: 100%;
}

.fixedHeaderLayout {
    overflow: hidden;
    overflow-x: auto;
    height: 100%;
}

    /*main layout*/
    .fixedHeaderLayout header {
    }
    /*top header 126px footer 76px*/
    .fixedHeaderLayout .main-content {
        height: 100%;
        padding-top: 131px;
        box-sizing: border-box;
        padding-bottom: 76px;
    }

    /*tabs*/
    /*page title 50px*/
    .fixedHeaderLayout .ProductContainer {
        height: 100%;
        box-sizing: border-box;
        padding-bottom: 50px;
    }
    /*content form*/
    .fixedHeaderLayout .adjustButtonsPadding {
        height: 100%;
        box-sizing: border-box;
        padding-bottom: 60px;
    }

.adjustButtonsPadding .alert.notes {
    margin-bottom: 20px;
}

table.product-tabs-table .btn-3eSearch {
    margin-top: 0;
}


.modal-extra-lg {
    width: 870px;
    height: 660px;
}

.modal-body-large {
    max-height: 100%;
}


#ConflictMineralHistoryPopup.modal.fade.in {
}

#ConflictMineralHistoryPopup.modal {
    display: none;
}

/*Notification*/
.NotificationSavedAlert {
    padding-top: 5px;
    padding-bottom: 8px;
    right: 0;
    display: none;
    margin: 5px;
}

.bootstrap3 .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.bootstrap3 .icon-white {
    background-image: url("images/glyphicons-halflings-white.png");
    background-position: -48px 0;
    height: 14px;
    width: 14px;
    display: inline-block;
    transform: translateY(2px);
}

.bootstrap3 .icon-info-sign {
    background-position: -120px -96px;
}

.bootstrap3 .icon-map-marker {
    background-position: -24px -72px;
}

.bootstrap3 .icon-remove-circle {
    background-position: -168px -96px;
}

.bootstrap3 .icon-globe {
    background-position: -336px -144px;
}

.float-right {
    float: right;
}

.m-r-10 {
    margin-right: 10px;
}

span.catena-dropdown-custom-filter {
    width: 130px;
}


.hidden-block {
    visibility: hidden;
}

#powerTip {
    z-index: 20;
}

    #powerTip.w table td {
        white-space: normal
    }

.navbar-fixed-top,
.navbar-fixed-bottom {
    z-index: 10;
}



/*jsTree*/
*.jstree-anchor {
    padding-right: 20px;
}

.jstree-default .jstree-clicked {
    background: #e8e8e8;
}

/*jsTree*/


a.nodecorationlink {
    text-decoration: none;
}

.EeeWidgetContent .alertLink {
    padding-left: 10px;
}

/* Custom Tooltip */
div.custom-tooltip {
    outline: none;
    color: #0D72AE;
    text-decoration: underline;
}

    div.custom-tooltip:hover {
        text-decoration: none;
        cursor: pointer;
    }

    div.custom-tooltip span.tooltip-detail {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -120px;
        margin-left: -700px;
        width: 620px;
        line-height: 16px;
        border-radius: 4px;
        box-shadow: 5px 5px 8px #CCC;
    }

    div.custom-tooltip span.tooltip-detail-display {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #0D72AE;
        background: #fff;
    }

span.tooltip-detail div.catena-popup-close {
    color: #0D72AE;
    cursor: pointer;
    font-weight: normal;
}

/* Risk Status Tooltip */
div.catena-module-status div.custom-tooltip {
    text-decoration: none;
}

    div.catena-module-status div.custom-tooltip span.tooltip-detail {
        width: 450px;
        margin-left: -485px;
        margin-top: -65px;
    }

.clQuestions {
    list-style: upper-latin;
}

    .clQuestions li {
        clear: both;
    }

/* descriptor classes for various hide/show logic in Conflict Minerals */
.question {
}

.tips {
}

.public-policy-hideable {
}

.RadioButtonList {
    list-style: none;
    padding-left: 0;
}

    .RadioButtonList li {
        float: left;
        margin-left: 10px;
    }

        .RadioButtonList li input {
            margin-right: 5px;
        }

.datepicker {
    padding-bottom: 0px;
    padding-top: 0px;
}

.catena-header-underline {
    text-decoration: underline;
    font-weight: bold;
    margin: 10px;
}

.catena-vertical-right {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #0f4876;
}

.catena-horizontal-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #0f4876;
}

.catena-mark-blue {
    color: #0f4876;
}

.catena-margin-bottom {
    margin-bottom: 10px;
}

.catena-text-right {
    text-align: right;
}
/*
----------------------------
Form styles
----------------------------
*/

#nh_form label {
    font-weight: normal;
}

#nh_form .question-text {
    font-weight: bold;
    color: #555555;
    margin-bottom: 20px;
}

#nh_form .sub-question-text {
    font-style: italic;
    color: #555555;
    margin-bottom: 20px;
}

#nh_form .answer {
    font-style: italic;
}

div.report-detail {
    margin-top: 5px;
}

div.report-cmrt label[for=ConflMiner_ConflictMineralsModel_ImportGesiTemplate] {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    padding-top: 2px;
}

div.report-cmrt ul.RadioButtonList label {
    display: inline-flex;
}

    div.report-cmrt ul.RadioButtonList label input[type=radio] {
        margin-top: -1px;
    }

#ReportGrid .catena-no-grid-record {
    width: 100%;
}

.center-elements {
    text-align: center;
}

.right-elements {
    text-align: right;
}

.hide-element {
    display: none;
}

.apply-profile-button {
    margin-left: 15px;
}

a.apply-profile-link {
    line-height: 35px;
}

label.vertical-align-label {
    padding: 8px 0 0 0;
    height: auto;
}

.return-to-report {
    margin-top: 20px;
}

.scrollable {
    overflow-y: scroll;
    max-height: 850px;
}

.CMRTHeader {
    font-size: 1.3em;
    padding: 0 30px 0 0;
    margin: 1em 0 0.7em 0.8em;
    color: #0f4876;
}

a.link-button {
    text-decoration: none;
    display: inline;
}

#AddRawMaterialPopup .modal-content {
    min-height: 860px;
}

a.underline-link {
    text-decoration: underline;
}

.return-view-details {
    padding-left: 50px;
    display: block;
    margin-bottom: -25px;
}

a.catena-btn-link, a.catena-btn-link:hover {
    text-decoration: none;
    color: #FFFFFF !important;
    height: 34px;
    padding: 9px 15px;
    margin: 5px 15px 5px 0;
}

.RmContainer span.field-validation-error {
    padding-bottom: 10px;
}

.edit-report-wait-window div.k-loading-image {
    top: -40%
}

.businessunit-link {
    float: right;
    cursor: pointer;
    text-decoration: underline;
}

.treeviewcontainer {
    height: 300px;
}

.shorttreeviewcontainer {
    height: 180px;
}

#topicPackageTreeview .shorttreeviewcontainer {
    max-height: 300px;
    height: auto;
}

#sdsObtainmentTreeview .shorttreeviewcontainer {
    max-height: 60px;
    height: auto;
}

.topic-response {
    width: 20%;
    padding-left: 5px;
}

.topic-response-for-groups {
    text-align: center;
    width: 60%;
}

.table-header {
    font-weight: bold;
}

.blue-line {
    border: none;
    height: 1px;
    color: #0f4876;
    background-color: #0f4876;
}

.question-row {
    border-bottom-color: #0f4876;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.TopicPopUpForm {
    width: 800px;
    font: 12px Arial, Helvetica, sans-serif;
    white-space: normal;
}

    .TopicPopUpForm .list-unstyled li {
        list-style: none;
    }

    .TopicPopUpForm .question-text {
        float: left;
        width: 400px;
        margin-bottom: 9px;
    }

    .TopicPopUpForm .question-answer {
        float: right;
        width: 270px;
        margin-right: 15px;
        padding-left: 5px;
    }

        .TopicPopUpForm .question-answer textarea {
            width: 100%;
            resize: none
        }

    .TopicPopUpForm .question-comment + .question-answer {
        float: right;
        width: 90px;
        margin-right: 20px
    }

    .TopicPopUpForm .question-comment {
        float: right;
        width: 160px;
        margin-right: 15px
    }

    .TopicPopUpForm .packageQuestion input {
        width: 100%;
    }

    .TopicPopUpForm .question-grid {
        display: block;
        margin: 10px 0;
        position: relative;
    }

        .TopicPopUpForm .question-grid table {
            border-collapse: collapse;
            width: 100%;
        }

            .TopicPopUpForm .question-grid table td,
            .TopicPopUpForm .question-grid table th {
                border: solid 1px #c0c0c0;
                padding: 0 8px;
            }

    .TopicPopUpForm .row {
        clear: both;
    }

    .TopicPopUpForm .scrollable {
        overflow: auto;
        max-height: 500px;
        overflow-x: hidden;
        padding-right: 10px;
    }

.product-edit-buttons .btn-3eSearch {
    margin-top: 0;
    margin-bottom: 0;
}

    .product-edit-buttons .btn-3eSearch:last-child {
        margin-right: 0;
    }

.product-edit-header {
    background: #fff !important;
    z-index: 2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .product-edit-header a {
        margin-right: 20px;
    }

        .product-edit-header a:last-child {
            margin-right: 0;
        }

        .product-edit-header a:first-child {
            margin-left: 10px;
        }

.form-checkbox-selection input[type='checkbox'] {
    position: absolute;
}

.form-checkbox-selection span.k-in {
    margin: 0px 0px 0px 20px !important;
}

.deactivatedTopic {
    color: red;
}

.line-catena {
    border-color: #d07a20;
    background-color: #d07a20;
    height: 3px;
}

.alert-saved {
    cursor: pointer;
}

.svg-img-fix-50-50 {
    width: 50px;
    height: 50px;
}

.svg-img-fix-25-25 {
    width: 25px;
    height: 25px;
}

.svg-img-fix-40-40 {
    width: 40px;
    height: 40px;
}

.svg-img-fix-45-45 {
    width: 45px;
    height: 45px;
}

.svg-img-fix-35-35 {
    width: 35px;
    height: 35px;
}

.svg-img-fix-30-30 {
    width: 30px;
    height: 30px;
}

.img-block-container-news {
    text-align: center;
    padding-right: 10px;
}

    .img-block-container-news:last-child {
        padding-right: 0;
    }

.img-block-container-email .k-icon {
    font-size: 30px;
    margin-top: 3px;
    margin-bottom: 2px;
}

.notification-criteria-dropdown {
    position: absolute;
    right: 300px;
    top: 125px;
    width: 400px;
}

.container-icons {
    position: absolute;
    right: 80px;
    top: 125px;
    display: flex;
}

.in-progress-icon {
    content: url(images/in-progress-component-data.svg);
    width: 18px;
    height: 18px;
    margin-bottom: -2px;
    margin-right: 8px;
}
/* Fix for IE9 and IE10 svg width and height created by bootstrap START  */
img[src*=".svg"].action-grid-button, img[src*=".svg"].svg-img-fix-16-16 {
    width: 16px;
    height: 16px;
}

img[src*=".svg"].svg-img-fix-10-20 {
    width: 10px;
    height: 20px;
}

img[src*=".svg"].svg-img-fix-18-18 {
    width: 18px;
    height: 18px;
}
/* Fix for IE9 and IE10 svg width and height created by bootstrap END  */

.k-popup-edit-form .k-edit-form-container {
    width: 100%;
}

#reach-svhc-ingredient-item .editor-label{
    margin-left:0px;
}

.k-popup-edit-form .k-edit-form-container .editor-label {
    margin-left: 15px;
}

    .k-popup-edit-form .k-edit-form-container .editor-field {
        margin-right: 15px;
    }

        .k-popup-edit-form .k-edit-form-container .editor-field input:not([type='checkbox']) {
            box-sizing: border-box;
            height: 34px;
        }

#BusinessUnitAddForm .k-treeview .k-item {
    padding: 0 0 0 10px;
    margin-bottom: 5px;
}

#BusinessUnitAddForm .k-treeview > .k-group {
    padding-top: 10px;
    padding-bottom: 10px;
}

#BusinessUnitAddForm .k-item .k-in .row {
    margin: 0;
}

table.catena-grid-column-center .catena-grid-filter-row .k-widget.k-dropdown {
    height: 34px !important;
}

    table.catena-grid-column-center .catena-grid-filter-row .k-widget.k-dropdown .k-input {
        height: 32px !important;
    }

        table.catena-grid-column-center .catena-grid-filter-row .k-widget.k-dropdown .k-input div {
            position: absolute;
            top: 4px;
        }

#chartRestrSubst svg, #chartFoodContCompliance svg, #chartRespSource svg {
    overflow: visible !important;
}

.relative {
    position: relative;
}

html .k-dialog .k-window-titlebar {
    padding-left: 17px;
}

.k-dialog .k-content {
    padding: 17px;
}

.buttons-container .btn-3eSearch:last-child {
    margin-right: 0;
}

.treeviewcontainer .k-checkbox:checked + .k-checkbox-label:before {
    color: #0f4876;
}

.treeviewcontainer .k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #0f4876;
}

.k-dialog {
    max-width: 480px;
}

    .k-dialog .k-window-titlebar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .k-dialog .k-button {
        height: auto;
    }

        .k-dialog .k-button:focus,
        .k-dialog .k-button:active,
        .k-dialog .k-button:focus:active {
            box-shadow: none !important;
            border-color: #ccc;
        }

#roll-up-form {
    color: #0f4876;
}

    #roll-up-form .btn-container {
        padding-top: 38px;
    }

.atlwdg-trigger {
    z-index: 10000;
}

.k-tooltip {
    max-width: 320px;
}

.icon-user {
    color: #333;
    font-size: 12px;
    top: 0;
    margin-right: 1px;
}

.nethub-container #uploadsSection #bestMatchingDocumentNote {
    margin-bottom: 10px;
}

.nethub-container #uploadsSection fieldset .form-group {
    margin-bottom: 0;
}

.nethub-container #uploadsSection fieldset .k-upload {
    margin: 0 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.nethub-container #uploadsSection fieldset .k-upload .k-upload-files {
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
}

.nethub-container #uploadsSection fieldset .k-upload .k-upload-files .k-file-success .k-progress {
    height: 100%;
}

.nethub-container #uploadsSection fieldset .k-upload .k-upload-files .k-file {
    padding: 10px;
    background: transparent;
}

.nethub-container .k-button:not(.k-grid-edit):not(.k-upload-action) {
    border: none;
    margin: 0;
    padding: 0;
    border: 1px #ccc solid;
    padding: 0 7px;
    margin: 0 4px;
}

.nethub-container .k-button .k-add:before {
    content: "\e11e";
}

.ProductContainer textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ProductContainer .k-widget.k-multiselect .k-multiselect-wrap,
.ProductContainer .editor-field input,
.ProductContainer .editor-field SELECT {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
}

    .ProductContainer .k-widget.k-multiselect .k-multiselect-wrap input {
        height: 31px;
    }

.ProductContainer .k-grid .catena-no-grid-record {
    width: 100%;
    border: none;
    border-top: 1px #ccc solid;
    margin-top: -1px;
    padding: 6px;
    box-sizing: border-box;
}

.ProductContainer .k-widget.k-multiselect .k-multiselect-wrap {
    padding: 2px;
    height: auto;
    overflow: hidden;
}

.ProductContainer .k-widget.k-upload-empty {
    padding: 4px;
}

.ProductContainer .editor-field {
    margin-bottom: 5px;
}

.ProductContainer .k-grid table th {
    word-wrap: break-word;
    white-space: pre-wrap;
}

.ProductContainer .k-picker-wrap,
.ProductContainer .k-datepicker {
    width: 100%;
    box-sizing: border-box;
}

    .ProductContainer .k-picker-wrap.k-state-border-down {
        padding-bottom: 6px;
    }

    .ProductContainer .k-datepicker input,
    .ProductContainer .k-grid-pager {
        background: transparent;
    }

.ProductContainer .col-md-2 label {
    display: table-cell;
    vertical-align: middle;
    height: 34px;
}

.k-i-loading {
    background-image: url(kendo/2021.2.616/Uniform/loading.gif);
    background-position: 50% 50%;
}

.ProductComponentEditor .editor-field {
    margin-right: 0;
}

    .ProductComponentEditor .editor-field input,
    .ProductComponentEditor .editor-field select {
        box-sizing: border-box;
        height: 34px;
    }

.ProductComponentEditor .k-tooltip.k-tooltip-validation.k-invalid-msg {
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
}

.ProductComponentEditor .k-dropdown-wrap input {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    height: 34px;
    box-sizing: border-box;
}

[data-sticky] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: 10px !important;
    z-index: 10;
}

    [data-sticky]:before,
    [data-sticky]:after {
        clear: both;
        content: '';
        display: table;
    }

#multiselectWrapper .k-multiselect-wrap {
    position: relative;
}

#multiselectWrapper .k-clear-value {
    display: none !important;
}

/* Fix for double borders displaying on various grids */
.k-grid-header th.k-header:first-child,
.k-grid-header th.k-header[style="display:none"]:first-child + th,
.k-grid-header th.k-header[style="display:none"]:first-child + th.k-header[style="display:none"] + th,
.k-grid-header th[style="display: none;"]:first-child + th,
.k-grid-header th[style="display: none;"]:first-child + th[style="display: none;"] + th,
.k-grid-header th.k-header.hiddenHeader:first-child + th,
.k-grid-header th.k-header.hiddenHeader:first-child + th.k-header.hiddenHeader + th,
.k-grid td:first-child,
.k-grid td.hiddenRight:first-child + td,
.k-grid td[style="display:none"]:first-child + td,
.k-grid td[style="display:none"]:first-child + td[style="display:none"] + td,
.k-grid td.hiddenHeader:first-child + td,
.k-grid td.hiddenHeader:first-child + td.hiddenHeader + td {
    border-left: none;
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 0;
}

[class^="col-"] .btn-3eSearch:last-child {
    margin-right: 0;
}

#EmailArticlePopupContainer {
    height: 0;
    width: 0;
}

.k-loading-mask {
    z-index: 1100;
}

.form-group.m-b-10 input + span.field-validation-error {
    padding-top: 5px;
}

.required-sup {
    position: relative;
}

    .required-sup label {
        padding-left: 6px;
    }

    .required-sup .text-danger {
        position: absolute;
        top: 2px;
        left: 0;
    }

#AddAnotherIngredient{
    margin-left: 150px;
}

.required-before-l-minus-22:before {
    left: -18px !important;
}

.alert-search-btn-container {
    width: auto;
}

.k-grid {
    border-bottom: none !important;
}

    .k-grid > table:last-child,
    .k-grid .k-grid-content:last-child {
        border-bottom: 1px #ccc solid;
    }

    .k-grid .k-grid-content.no-grid-record:last-child {
        border-bottom: none;
    }

.k-pager-wrap {
    border-bottom: 1px #ccc solid;
}

.h4 {
    color: #0f4876 !important;
}

#NotificationDropDown {
    display: none !important;
}

#NotificationDropDown {
    display: none !important;
}

table.borderless tbody td,
table.borderless tbody th {
    border: none;
}

table.no-h-padding tbody > tr > td,
table.no-h-padding tbody > tr > th {
    padding-left: 0;
    padding-right: 0;
}

.commentsGrid .k-auto-scrollable {
    height: auto !important;
    max-height: 200px;
}

.commentsGrid .k-grid-header {
    padding-right: 0 !important;
}

.commentsGrid .text-muted {
    color: #999;
}

h2 {
    margin-bottom: 30px;
}

.text-error {
    color: #a94442 !important;
}

#VendorDocumentTypeModalFooter {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background-color: #f1f1f1;
}

.k-external-grid-header {
    padding: 0.22em 0.2em 0.28em 0.2em;
    border: 1px #ccc solid;
    border-bottom: none;
}

    .k-external-grid-header.no-grid-record {
        border: none;
        border-bottom: 1px #ccc solid;
    }

    .k-external-grid-header .k-button {
        margin: 0.16em;
    }

.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-menu .dropdown-submenu .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    left: 100% !important;
    top: 5px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.bold-text {
    font-weight: bold;
}

.italic-text {
    font-style: italic;
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

.batteries-edit-popup {
    min-width: 768px;
}

.k-popup-edit-form {
    padding: 0;
    overflow: auto;
}

#powerTip .packageQuestion > .row {
    margin-left: 0;
    margin-right: 0;
}

.no-margin {
    margin: 0;
}

.no-margin-right {
    margin-right: 0;
}

.margin-left-6 {
    margin-left: 6px;
}

/* Bulk Upload style*/
.part-numbers-wrapper {
    max-height: 400px !important;
    overflow: auto !important;
}

a.part-numbers-tool-tip, a.part-numbers-tool-tip:hover {
    font-size: 14px !important;
    text-decoration: none !important;
}

span.part-numbers-counter {
    float: left;
}

a.part-numbers-export {
    float: left;
    margin-left: 5px;
}

.clear-list {
    float: right;
}

div.part-numbers-actions {
    float: right;
    font-size: 14px;
}

div.part-numbers-invalid-area {
    border: 1px solid;
    border-color: #eaeaea;
    border-radius: 4px;
    padding: 5px;
    background: #f1f1f1;
    text-align: left;
}

.confirmation-popover-button-left {
    width: 35%;
    margin: 0px 5px 0px 0px;
}

.confirmation-popover-button-right {
    width: 35%;
    margin: 0px 0px 0px 5px;
}

.confirmation-popover-content {
    margin-bottom: 10px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

.part-numbers-tool-tip, .part-numbers-tool-tip:hover {
    font-size: 14px !important;
    text-decoration: none !important;
}

.bulk-upload-textarea {
    max-width: 500px;
}

#BulkUploadPopup .modal-content {
    width: 650px;
}
/*End Bulk Upload style*/
@media only screen and (min-width: 1700px) {
    .margin-right-25 {
        margin-right: 25px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .margin-right-25 {
        margin-right: -74px;
    }
}

.no-underline:hover,
.no-underline:focus,
.no-underline:active {
    text-decoration: none;
}

.font-15-em {
    font-size: 1.5em;
}

.powerTip-header {
    width: 363px;
    margin-top: -37px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#cec-detail-popup-table td:first-child {
    max-width: 400px;
}

.support-btn {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.reach-form-tooltip {
    top: 12px;
    right: 12px;
}

.food-contact-tabel {
    margin-left: 5px;
    margin-right: 14px;
}

.packaging-table {
    margin: 0px 15px 0px 0px;
}

.catena-text-left {
    text-align: left !important;
}

.generic-popup-editor-sm {
    width: 360px;
}

    .generic-popup-editor-sm input,
    .generic-popup-editor-sm textarea {
        width: 316px;
    }

    .generic-popup-editor-sm .k-datepicker,
    .generic-popup-editor-sm .k-dropdown-wrap,
    .generic-popup-editor-sm .field-validation-error {
        margin-bottom: 10px !important;
    }

    .generic-popup-editor-sm .field-validation-error {
        padding: 0 !important;
    }

    .generic-popup-editor-sm .k-datepicker {
        width: 100%;
    }

        .generic-popup-editor-sm .k-datepicker input {
            height: 32px;
            box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        }

.generic-loading-mask {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    background: rgba(255, 255, 255, 0.4);
}

    .generic-loading-mask.fade {
        pointer-events: none;
    }

#TransferToEeeNotifyPopup .btn {
    height: 34px;
}

#linkEeeNotifyStatus {
    top: 100%;
    left: 0;
    width: calc(100% - 15px);
    font-size: 15px;
}

#EeeNotifyStatusPopoverContent .k-loading-mask {
    width: 240px;
    height: 60px;
}

#notify-status-popover-container .popover {
    top: 52px !important;
    left: 0 !important;
    display: block;
    transform: translate(-100%, -50%);
    width: 300px;
}

.bulk-transfer-mask {
    display: block;
    height: 100px;
    width: 100%;
    opacity: 1;
    position: relative;
}

.text-center {
    text-align: center !important;
}

.reach-form-tooltip {
    top: 14px;
}

#popoverInstructionsForSCIPArticlesTable .reach-form-tooltip {
    top: 10px;
}

.k-edit-field .text-box,
.k-edit-field .k-autocomplete .k-input {
    width: 100%;
    box-sizing: border-box;
    height: 34px;
}

.k-edit-field .k-dropdown {
    margin-right: 0;
}

.k-window-content {
    overflow-x: hidden;
}

#Concentration_ConcentrationValue {
    box-sizing: border-box;
}

.question-textarea {
    float: left;
    width: 267px;
    margin-left: 96px;
}

.question-compliance-checkbox {
    width: 33px;
    padding-right: 0px;
}

.ident-question-small {
    padding-left: 10px;
}

.ident-question-medium {
    padding-left: 20px;
}

.label-content-middle {
    padding-top: 7px;
}

.flex-align-context-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.treeviewcontainer .k-checkbox-wrapper input[type='checkbox'] {
    width: 19px !important;
    height: 19px !important;
    position: relative;
}

.treeviewcontainer .k-checkbox:checked {
    color: #0f4876;
}

.treeview container.k-checkbox.k-state-indeterminate, .k-checkbox:indeterminate {
    color: #0f4876;
}

.k-tooltip.k-tooltip-error {
    position: relative;
    background: none;
    border: none;
    box-shadow: none;
    padding: 5px;
    margin: 0;
    margin-bottom: 5px;
}

    .k-tooltip.k-tooltip-error .k-tooltip-icon,
    .k-tooltip.k-tooltip-error .k-callout {
        display: none;
    }

.customValuesEditor {
    width: 320px;
}

.d-flex {
    display: flex;
}

.flex-align-context-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.k-grid-norecords-template {
    height: auto;
    width: auto;
    line-height: 1em;
    border: none;
    text-align: left !important;
    color: #a94442;
    font-weight: bold;
}

.color-catena-blue {
    color: #0f4876;
}

.w-320px {
    width: 320px;
}

.w-480px {
    width: 480px;
}

.flex-direction-column {
    flex-direction: column;
}

.k-dropdown.w-100 .k-dropdown-wrap {
    box-sizing: border-box;
}

.k-multiselect.k-no-click {
    background-color: #eeeeee !important;
}

    .k-multiselect.k-no-click .k-multiselect-wrap {
        background: transparent;
    }

        .k-multiselect.k-no-click .k-multiselect-wrap .k-input {
            background-color: transparent;
        }

.margin-0-5-15-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-right: 15px !important;
    margin-left: 0px !important;
}

.first-col-text-center table tbody td:first-child {
    text-align: center;
}

.conditions-of-use-legend {
    table-layout: initial !important;
    margin-bottom: 15px !important;
    color: #666;
    border: 1px #ccc solid;
    border-width: 1px !important;
}

    .conditions-of-use-legend:last-child {
        margin-bottom: 0 !important;
    }

#conditions-of-use-popover + .popover {
    max-width: 640px;
}

    #conditions-of-use-popover + .popover .popover-content {
        padding: 15px;
        cursor: default;
    }

.complianceDecision-dialog-modal textarea {
    margin-bottom: 7px !important;
}

.info-icon-pointer {
    color: #0f4876;
    cursor: pointer;
}

.table-compliance-profile-popup {
    font: 12px Arial, Helvetica, sans-serif;
    white-space: normal;
    padding: 5px;
    width: 100%;
}

.rohs-ingredient-disclosure-tabel {
    margin-right: 15px !important;
}

.header-spacing > td {
    padding-top: 5px;
}

.table-borderless td, .table-borderless th {
    border: none!important;
}

table.table-compliance-profile-popup tr.question-row + tr td {
    padding-top: 5px;
}

table.table-compliance-profile-popup td {
    padding-bottom: 9px;
}

.topic-template-footer {
   border-collapse: separate; 
   font: 12px Arial, Helvetica, sans-serif;
}

.section-divider {
    border-top: 1px solid #0f4876;
}

.TopicPopUpForm tr.section-divider td {
    padding-top: 5px;
}

#rawMaterialDetailsSection .field-validation-valid {
    display: none;
}

.TopicPopUpForm .question-comment::before {
    content: "\200B";
}

.nethub-container .validation-summary-errors.alert-danger.alert {
    display: none;
}

#SubstanceIdentificationArticleGrid {
    border-bottom: 1px #cccccc solid !important;
}

.elbow-icon {
    background: url('images/elbow.png') left top no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin: auto;
}

.catena-module-documents .no-records {
    padding: 0em 0.4em;
    line-height: 1.6em;
    color: #a94442;
    font-weight: bold;
}

.supporting-documents tr:nth-child(even) {
    background-color: #f5f5f5;
}
.m-b-5 {
    margin-bottom: 5px;
}

.m-t-5 {
    margin-top: 5px;
}

.img-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.form-group.m-b-10 input {
    margin-bottom: 0;
}

.m-b-30 {
    margin-bottom: 30px;
}

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

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-minus-10 {
    margin-top: -10px;
}

m-t-0 {
    margin-top: 0;
}

.min-w-125px {
    min-width: 125px;
}

.min-w-250px {
    min-width: 250px;
}

.min-w-320px {
    min-width: 320px;
}

.max-w-320px {
    max-width: 320px;
}

.w-30px {
    width: 30px;
}

.no-border {
    border: none;
}

.border-box {
    box-sizing: border-box;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-3 {
    margin-bottom: 3px;
}

.w-100 {
    width: 100% !important;
}

.w-90 {
    width: 90%;
}

.no-margin {
    margin: 0 !important;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-8 {
    padding-top: 8px;
}

.p-t-7 {
    padding-top: 7px!important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-6 {
    padding-top: 6px !important;
}

.p-l-15 {
    padding-left: 15px;
}

.m-l-21 {
    margin-left: 21px;
}

.m-l-6 {
    margin-left: 6px;
}

.m-t-20 {
    margin-top: 20px;
}

.overlay-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}

.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px;
}

.table tbody > tr > td.warning-image-16 + td {
    padding-top: 6px !important;
}

.overflow-auto {
    overflow: auto;
}

.modal .overflow-auto-modal {
    overflow: auto;
}

.no-b-margin {
    margin-bottom: 0;
}

body.modal-open {
    padding-right: 0 !important;
    overflow: auto;
}

.inline-block {
    display: inline-block;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-3 {
    margin-bottom: 3px;
}

.w-50 {
    width: 50%;
}

.min-w-100 {
    min-width: 100%;
}

.m-0 {
    margin: 0px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mt-0 {
    margin-top: 0px;
}

.pb-0 {
    padding-bottom: 0px!important;
}

.pb-5 {
    padding-bottom: 5px!important;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.block {
    display: block;
}

.p-l-9 {
    padding-left: 9px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-r-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.no-padding {
    padding: 0;
}

.d-inline-block {
    display: inline-block;
}

.m-r-15 {
    margin-right: 15px;
}

.h-10 {
    height: 10px;
}

.h-12 {
    height: 12px !important;
}

.w-200px {
    min-width: 200px;
    width: 200px;
}
.multiselectdropdown {
    padding: 10px;
    font-size: 14px !important;
    max-width: 400px;
    font-weight: normal !important;
}

.multiselectdropdown .selectAll .k-checkbox-label {
    margin-top: 5px;
}

.multiselectdropdown-result {
    color: #9ca3a6;
    float: right;
}

.multiselectdropdown .k-treeview {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #d9d9d9;
    padding: 5px;
    min-height: 100px;
    height: auto;
}

.multiselectdropdown input:focus {
    border: none !important;
}

.multiselect-popup-trigger {
    margin-left: 10px;
}

.multiselect-popup-trigger .badge {
    left: 50%;
    margin-left: 2px;
    margin-top: -5px;
    transform: translateY(-6px);
}

.multiselect-popup-trigger .k-i-filter {
    margin-top: -3px;
}

.multiselect-popup-trigger a:hover {
    cursor: pointer;
}   

.multiselectdropdown .buttons-container .w-100 {
    width: calc(100% - 25px) !important;
}

.multiselectdropdown .buttons-container {
    margin: 0 -10px;
}

.multiselectdropdown .buttons-container .col-xs-6 {
    padding: 0 0 0 10px;
    width: calc(50% - 5px);
}

.multiselectdropdown .buttons-container .btn-primary {
    background: #0f4876;
    text-shadow: 1px 1px #333333;
    border: 1px #0f4876 solid;
}

.multiselectdropdown .buttons-container .btn-primary:hover {
    background: #0078ae;
    border: 1px #0078ae solid;
}

.multiselectdropdown .k-treeview .k-item {
    padding: 0 0 0 5px;
}

.multiselectdropdown .k-treeview .k-item .k-item,
.multiselectdropdown .k-treeview .k-item[data-haschildren=true] {
    padding: 0 0 0 16px;
}

.multiselectdropdown .k-in.k-state-focused,
.multiselectdropdown .k-in.k-state-selected,
.multiselectdropdown .k-in.k-state-hover {
    background: none;
    border-color: transparent;
    box-shadow: none;
    color: #555 !important;
    margin: 1px 0 1px 20px;
    padding: 1px .3333em 1px .25em;
    line-height: 1.3333em;
}

.multiselectdropdown .btn-default {
    font-size: 1em;
    font-weight: normal;
    padding: 6px 12px;
    margin: 0;
    box-sizing: content-box !important;
    height: 24px;
    line-height: 20px;
}
.modal-title {
    font-weight: bold;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.modal .modal-body span.field-validation-error {
    padding-bottom: 5px;
}

.k-window .k-window-titlebar.k-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    color: #676767;
    font-weight: bold;
    cursor: default;
}

.k-window .k-window-titlebar.k-header .k-window-title {
    font-size: 16px;
    cursor: default;
    line-height: 1.42857143;
    padding-top: 0;
}

.k-window-titlebar .k-window-actions {
    top: 15px;
    right: 15px;
    padding-top: 0;
    display: block;
    margin: 0;
    position: absolute;
    margin-top: -3px;
}

.k-window-titlebar .k-window-actions .k-button {
    opacity: 1;
    border-radius: 4px;
    padding: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
}

.k-window-titlebar .k-window-actions .k-button:before {
    transition: none;
    opacity: 1;
    background: #0f4876;
}

.k-window-titlebar .k-window-actions .k-button.k-state-hover:before,
.k-window-titlebar .k-window-actions .k-button:hover:before{
    background: #0078ae;
}

.k-window-titlebar .k-window-actions .k-icon.k-i-close {
    background-position: -32px -16px;
}

.k-widget.k-window {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.fade,
.k-confirm {
    -webkit-transition: opacity 0.3s linear !important;
    -o-transition: opacity 0.3s linear !important;
    transition: opacity 0.3s linear !important;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.modal-header .close {
    width: 18px;
    height: 18px;
    color: #fff;
    background: #0f4876;
    font-weight: normal;
    outline: 0;
    opacity: 1;
    border-radius: 4px;
}

.modal-header .close:hover {
    background: #0078ae;
}

.modal-header .close span {
    display: block;
    width: 18px;
    height: 18px;
    color: #0f4876;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.modal-header .close span:before {
    background-image: url("/3esc/Content/kendo/2021.2.616/Flat/sprite.png");
    background-position: -31px -15px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
}

.k-dialog-button-layout-normal,
.k-window .k-edit-buttons {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.k-dialog-button-layout-normal .k-button.k-primary,
.k-window .k-edit-buttons .k-button.k-primary {
    background: #0f4876;
    border: 0px solid #FFFFFF;
    color: #FFFFFF;
    text-shadow: 1px 1px #333333;
    text-align: center;
    padding: 0 15px;
    font-size: .8em;
    font-weight: bold;
    margin: 5px 0;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    color: #fff !important;
    -webkit-border-radius: 4px;
    display: inline-block;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px;
}

.k-dialog-button-layout-normal .k-button,
.k-window .k-edit-buttons .k-button {
    box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    padding: 0 15px;
    font-size: .8em;
    font-weight: bold;
    margin: 5px 0;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    color: #333 !important;
    background-color: #fff;
    border-color: #ccc;
    margin-left: 0 !important;
}

.k-dialog-button-layout-normal .k-button:active,
.k-dialog-button-layout-normal .k-button:focus,
.k-dialog-button-layout-normal .k-button:active:focus,
.k-window .k-edit-buttons .k-button:active,
.k-window .k-edit-buttons .k-button:focus,
.k-window .k-edit-buttons .k-button:active:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    outline: none;
    border-color: #adadad;
}

.k-dialog-button-layout-normal .k-button:hover,
.k-window .k-edit-buttons .k-button:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.k-dialog-button-layout-normal .k-button.k-primary:hover,
.k-window .k-edit-buttons .k-button.k-primary:hover {
    background: #0078ae;
}

.k-window .k-edit-buttons .k-button .k-icon {
    display: none;
}

.modal-header .close {
    margin-top: 0;
}

.k-confirm {
    opacity: 0;
}

.k-confirm.in {
    opacity: 1;
}

.ui-widget INPUT {
    height: 20px;
    box-sizing: content-box;
}

.h-34px {
    height: 34px !important;
    line-height: inherit;
}

.ui-dialog-content input[type=button]:focus,
.ui-dialog-content input[type=submit]:focus {
    outline-offset: 0;
    border-width: 1px;
}

.ui-dialog-content .k-datepicker .k-picker-wrap input {
    box-shadow: inset 0 0 1px 1px #ddd;
    border-radius: 4px 0 0 4px;
}

.ui-dialog-content select {
    height: 30px;
    line-height: 30px;
}

.ui-dialog-content .btn {
    font-weight: bold;
}

.ui-dialog-content .btn-primary {
    background-color: #0f4876;
    background-image: none;
}

.ui-dialog-content .btn-primary:hover {
    background-color: #0078ae;
    background-image: none;
}

.ui-dialog-content .btn-primary:disabled {
    color: #FFFFFF;
    background-color: #0078ae;
}

.ui-widget-header {
    border: 1px solid #0f4876;
    background: #0f4876;
    background-image: none;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ffffff;
    background: #ffffff;
    background-image: none;
    font-weight: normal;
    color: #0f4876;
}

.ui-widget {
    font-size: .9em !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 1.1em !important;
    font-weight: bold;
}

.ui-dialog-content .reportHeading {
    color: #0f4876;
}

.ui-dialog-content .modal-body {
    max-height: 100%;
}

.ui-dialog-content label {
    font-weight: bold;
    display: inline-block;
    padding-right: 5px;
    line-height: 24px;
}

.ui-dialog-content input[type=checkbox] {
    position: relative;
    vertical-align: top;
}

.ui-dialog-content .labeled-check-bocks {
    display: inline-flex;
}

.ui-dialog-content .label-left-margin {
    margin-left: 5px;
    display: initial;
}

div#ComplianceDecisionCaProp65Content {
    padding: 16px 9px 16px 9px;
}

.complianceDecision-dialog-modal.ui-dialog-content.ui-widget-content {
    padding: 0px !important;
}

.complianceDecision-dialog-modal {
    display: none;
}

.compliance-decision-title {
    padding: 15px 15px 15px 7px;
    border-bottom: 1px solid #e5e5e5;
}

.compliance-decision-content {
    padding: 0px 9px 0px 9px;
}

.complianceDecisionEditorPopup {
    padding: 16px 0px;
}
.file-input {
    padding: 5px;
    height: auto;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file-input + label {
    background: #0f4876;
    border: 0px solid #FFFFFF;
    color: #FFFFFF;
    text-shadow: 1px 1px #333333;
    text-align: center;
    padding: 0 15px;
    font-size: .8em;
    font-weight: bold;
    margin: 5px 15px 5px 0;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    color: #fff !important;
    -webkit-border-radius: 4px;
    display: inline-block;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.file-input:focus + label,
.file-input + label:hover {
	background: #0078ae;
    text-decoration: none;
}

.file-input + label {
    cursor: pointer;
}

.file-input:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.file-input + label * {
    pointer-events: none;
}

label.text-right {
    text-align: right;
}
.SupplierContainer .supplierFilter .catena-grid-filter-row input[type=text] {
    margin-bottom: 0;
    margin-top: 5px;
    height: auto;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.95);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.95);
    box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.95);
}

.SupplierContainer .supplierFilter td.actionBar {
    width: 250px;
    padding-bottom: 0;
}

.SupplierContainer .supplierFilter td.actionBar #supplierList {
    margin-right: 0;
}

.SupplierContainer .supplierFilter td.actionBar a {
    margin-right: 15px;
}

.SupplierContainer .supplierFilter td.actionBar #clearFilter {
    padding-left: 10px;
}

.SupplierContainer .catena-status {
    cursor: default;
}

.SupplierContainer .k-widget.k-grid {
    width: 100%;
    position: static;
}

.SupplierContainer .isMapped .catena-status {
    cursor: pointer;
}

.SupplierContainer a.MapPushpinBase {
    cursor: pointer !important;
}

.SupplierContainer .supplierListContainer {
    width: 99%;
    box-sizing: border-box;
}

.SupplierContainer .supplierMapListContainer {
    width: 33.33%;
    float: left;
}

.SupplierContainer .supplier-map {
    position: relative;
    width: 66.66%;
    border: 1px solid #ccc;
    float: left;
    box-sizing: border-box;
    border-right: none;
}

.SupplierContainer .supplier-map > .loadingContent {
    width: 32px;
    height: 32px;
    right: 3px;
    left: auto;
    background-color: transparent;
    opacity: 1;
}

#supplierDetailsBody .loadingContent,
.SupplierContainer .infobox-info .loadingContent {
    display: block;
    height: 100%;
}

.SupplierContainer .k-loading-image {
    margin-top: -34px;
}

.SupplierContainer {
    min-width: 900px;
    position: relative;
    display: flex;
}

.SupplierContainer .supplierFilter {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    padding: 0 15px;
    min-width: 970px;
}

.SupplierContainer .supplierFilter table {
    width: 100%;
}

.SupplierContainer .supplierFilter .catena-grid-filter-row td {
    padding-bottom: 5px;
    border-color: transparent;
}

.SupplierContainer .supplierFilter label {
    margin-bottom: 2px;
    color: #0f4876;
    font-weight: bold;
    height: auto;
    padding: .5em .4em .4em .4em;
    background-color: #fff;
}
.vendorDocumentEditor .form-group,
.vendorDocumentEditor .form-group > div:first-child {
    display: flex;
    align-items: center;
}

.vendorDocumentEditor .form-group > div:first-child label {
    height: auto;
    margin: 0;
}

.vendorDocumentEditor .k-upload-files {
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
}

.vendorDocumentEditor .k-upload-files .k-file {
    border-bottom: none;
    background: none;
}

.vendorDocumentEditor .k-datepicker .k-input {
    height: 34px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: none;
    outline: none;
}
#ProductComponentsGrid {
    min-width: 100%;
}

table.hidden-first-child tbody tr:first-child {
    display: none;
}

table.hidden-first-child tbody tr {
    background-color: #fff !important;
}

table.hidden-first-child tbody tr:nth-child(2n+1) {
    background-color: #f5f5f5 !important;
}
@media screen and (min-width: 992px) {
    .alert-search-btn-container {
        margin-top: 27px;
    }
}

@media screen and (max-width: 800px) {
    .top-head .login {
        float: none;
    }

    .nav {
        position: relative;
        z-index: 999 !important;
    }

    .nav UL {
        width: 180px;
        /*padding: 5px 0;*/
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #AAA;
        background: #FFF url('images/icon-menu.svg') no-repeat 10px 9px;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }

    .nav LI {
        display: none;
        /*hide all <li> items*/
        margin: 0;
    }

    .nav LI A {
        line-height: 20px !important;
    }

    .nav .active {
        display: block;
        /*show only current <li> item*/
    }

    .nav A {
        display: block;
        padding: 5px 5px 5px 32px !important;
        text-align: left !important;
        margin: 0 !important;
        font-size: 1em !important;
        line-height: 20px !important;
    }

    .nav .active A, .nav .active A:hover, .nav .active A:focus {
        background: none !important;
        color: #0f4876 !important;
        font-weight: bold !important;
        border: 0 !important;
    }

    /*on nav hover*/
    .nav UL:hover {
        background-image: none;
    }

    .nav UL:hover LI {
        display: block;
        margin: 0 0 5px;
    }

    .nav UL:hover .active {
        background: url('images/icon-check.png') no-repeat 10px 7px;
    }

    /*right nav*/
    .nav.right UL {
        left: auto;
        right: 0;
    }

    /*center nav*/
    .nav.center UL {
        left: 50%;
        margin-left: -90px;
    }

    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
        color: #555555;
        background-color: #fff;
        line-height: 20px !important;
        outline: 0;
    }
}

/*sync bootstrap with nethub*/
@media (min-width: 768px) {
    .ProductContainer .container, .nethub-container.container, .nethub-container .container {
        width: auto;
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .ProductContainer .container, .nethub-container.container, .nethub-container .container {
        width: auto;
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .ProductContainer .container, .nethub-container.container, .nethub-container .container {
        width: auto;
        max-width: 1170px;
    }
}
/*sync bootstrap with nethub*/

@media screen and (max-width: 991px) {
    .ProductContainer .file-icon + .col-md-5 {
        clear: both;
    }
}