@import url('jquery-ui.min.css');
@import url('jquery-ui.structure.min.css');
@import url('jquery-ui.theme.min.css');

@font-face {
  font-family: 'OpenSans';
  src: url("OpenSans.eot?v=1.1.0");
  src: url("OpenSans.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("OpenSans.woff?v=1.1.0") format("woff"), url("OpenSans.ttf?v=1.1.0") format("truetype"), url("OpenSans.svg?v=1.1.0#Regular") format("svg");
  /*2nd url("OpenSans.woff2?v=1.1.0") format("woff2")*/
  font-weight: normal;
  font-style: normal;   
}

@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url("OpenSans-SemiBold.eot?v=1.1.0");
  src: url("OpenSans-SemiBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("OpenSans-SemiBold.woff?v=1.1.0") format("woff"), url("OpenSans-SemiBold.ttf?v=1.1.0") format("truetype"), url("OpenSans-SemiBold.svg?v=1.1.0#Regular") format("svg");
  /*2nd url("OpenSans-SemiBold.woff2?v=1.1.0") format("woff2")*/
  font-weight: normal;
  font-style: normal;   
}

.ui-widget {
	font-size: 1.1em;
}

#headerBar {
    height: 115px;    
    background-color: white;
    border-bottom: 1px solid #ddd;
}
#header {
	overflow: hidden;
}
#title {	
	margin-top: 40px;
    height: 115px;
	float: right;
	text-transform: none;    
    font-size: 2em;
}
.eConLogo {
	height: 115px;
	float: left;
}

/* Ribbon buttons + tabs */
.buttonTabBar {
	border-bottom: 1px solid #DDDDDD;
    background-color: white;	
}

.tabsContainer,
#oButtonsContainer  {
  	width: 100%;
  	float: none;
	
	height: 50px;
}
.tabsContainer {
	border-width: 0px 1px;
    border-style: solid;
    border-color: #ddd;
}
.eConTabs { 
	padding: 0px;	
	min-width: 100px;
}
.eConTabs .tabs {
	display: inline-block;
	white-space: nowrap;
}
.buttonTabBar .eConTabs.scroll-wrapper {
	display: inline-block;
}
.eConTabs.ui-widget ul,
.eConRibbon.ui-widget ul {
	background: none;
	border: none;
    padding: 0px !important;
	height: 50px;
	float: none;
}
.eConRibbon.ui-widget {
	height: 50px;
}

.scroll-wrapper > .eConTabs.scroll-content {
	overflow-y: hidden !important;
	margin-right: 0px !important;
}
.eConTabs .scroll-element.scroll-y { /* No vertical scroll */
    display: none !important;
}

.buttonTabBar .eConTabs li {
	border-bottom: 1px solid #ddd;
	margin-bottom: -1px;
	display: inline-block;
}

#eConRibbonButtonsPopup .eConRibbon ul {
	height: auto;
}
#eConRibbonButtonsPopup .eConRibbon li .eConButton.ui-ribbon-button  { 
	border-width: 1px 1px 0px 1px;
}
#eConRibbonButtonsPopup .eConRibbon li:last-child .eConButton.ui-ribbon-button  { 
	border-width: 1px 1px 1px 1px;
}
.eConRibbonButtonIcon-whatif.eConRibbonButtonIcon {
    background: url('../../../images/material_design/whatif.png') no-repeat;
}

.ui-dialog[aria-describedby=eConRibbonButtonsPopup] {
	border: 0px;
	padding: 0px;
}

.eConTabs .tab,
.eConRibbon .eConButton {
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
	height: 100%;
	margin: 0px !important;
	border-radius: 0px;	
	border-color: #DDDDDD !important;
	background: none;
	height: 50px;
}
.tabs .tab,
.eConLabelText,
.touch .eConTabularComboboxTableContainer .title-bar .ui-state-default {
	text-transform: none;
	font-family: "OpenSans-SemiBold", "OpenSans", Verdana,Arial,sans-serif;
	letter-spacing: 0.2px;
}
.eConTabs .tab.ui-state-default {
	font-size: 1em;
	border-width: 0px 1px 0px 0px;
}
.eConTabs.scroll-scrollx_visible .tab.ui-state-default:last-child {
    border-width: 0px;
}
.eConTabs.ui-widget.scroll-scrollx_visible ul {
	margin: 0px 30px !important;
}
.eConTabs .scroll-bar {
	display: none !important; /* Only show the scroll buttons, but allow the user to scroll using mouse / touch */
}

.eConTabs.ui-tabs .tab a {
	/*height: 100%;*/
	/*max-height: 30px; /* 2 lines */
	color: #333333;
	padding: 17px 27px;
	white-space: normal;
	/*max-width: 75px;	*/
}

.eConTabs.ui-widget li.tab.ui-state-active.ui-state-default a, 
.eConTabs.ui-widget li.tab.ui-state-hover.ui-state-default a {
	padding-bottom: 15px;
}

/* buttons in tab row ... */
.eConTabs,
.eConRibbon.ui-ribbon.ui-widget-header {
	display: inline-block;
	width: auto;
	height: 50px;
	border: none;
	overflow: hidden;	
}
.tabsContainer .eConRibbon { /* Only when next to tabs, align right */
	text-align: right;
	float: right;
}
.eConRibbon li,
.eConRibbon .eConButton {
	height: 50px;
	margin: 0px;
}
.eConRibbon .eConLogo,
.eConRibbon .eConButton:not(#overflowButton) .ui-ribbon-button-icon+.ui-ribbon-button-text {
	display: none;
}

.eConRibbonButtonIcon {
    background-image: url('../../../images/material_design/sprite.png');
}
.eConRibbon .eConButton.ui-ribbon-button.ui-widget {
	border-width: 0px 0px 0px 1px;
	float: left;
}
#oButtonsContainer .eConRibbon li:last-child .eConButton.ui-ribbon-button.ui-widget  {  /* only if without tabs */
	border-width: 0px 1px 0px 1px; 
}
.eConButton .ui-ribbon-button-icon + .ui-ribbon-button-text { /* Fix for IE8 */
	display: none;
}
.eConButton .ui-ribbon-button-text {
	top: 10px;
}
.eConButton .ui-ribbon-button-icon {
	top: 8px;
}

.configViewbox .tabsContainer {/* Tab in pane */
	margin: 0px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #DDDDDD;
	display: block;
}

.configViewboxesContainer .tabsContainer, 
.configViewboxesContainer .pane-scrollbar .tabsContainer {
  margin-top: 8px !important;
  border-top: 1px solid #DDDDDD !important;
  margin-bottom: 15px;
}
.configViewbox .tabsContainer .eConTabs {
	display: block;
}
.configViewbox .tabsContainer .eConTabs .tab {
	border-left: 0px;
}

#oMainContainer, 
.configViewbox,
.title-bar {
    background: #F8F8F8;
}
.configViewboxesContainer.use-rows {
	border-spacing: 0px;
	margin: 20px 0px;
}
.configViewboxesContainer:last-child {
	margin-bottom: 0px;
}
.configViewboxesContainer:last-child .configViewbox {
	padding-bottom: 0px;
}

.configViewboxColumn .configViewboxTable {
	border-spacing: 0px 20px;
	height: auto;
}
.use-columns, 
.configViewboxColumn {
	padding-left: 0px !important;
}
.configViewboxColumn {
	padding-right: 30px;
}
.configViewboxColumn:last-child {
	padding-right: 0px;
}
.configViewboxColumn:last-child .configViewbox {
	padding-right: 0px; /* TODO: improve */
}
.configViewboxColumn:last-child .closePaneButton {
	right: 1px !important; /* TODO: improve;*/
}
.configViewbox .title-bar {
	margin-right: 0px;
}
.configViewbox.floating-pane {
	transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s;
}
.configViewbox.floating-pane.floating {
    box-shadow: #bbbbbb -2px 0px 10px 1px;
}
.configViewbox.floating-pane.location-Right {
    top: 0px;
}

.title-bar.ui-widget-header {
	text-align: left;
	position: relative;   
	padding-top: 3px;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 5px; 
	height: 21px;
}
.title-bar span {
	margin-left: 15px;
	text-transform: none;
	font-weight: normal;
	font-size: 0.95em;
}
.title-bar:before { /* Show a little line at begin of title-bar */
	content: ""; 
	color: transparent;
	position: absolute;	
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 2px;
	height: 21px;
}

.closePaneButton + .title-bar.hidden {
	display: block;
}
.closePaneButton.ui-button, 
.pinPaneButton.ui-button {
	border: 0px;
	width: 21px;
	height: 21px;

	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;  	

  	top: 1px;
  	right: 1px;
}
.closePaneButton.ui-button, 
.pinPaneButton.ui-button,
.slideInPaneButton.ui-button {
    background: white !important;
}
#slideInPaneButtonsRight {
	top: 171px;	 /* 115px + 50px + 6*/
}

.configViewbox {
	padding: 0px;
}
.configViewbox:not(.ui-widget) table.configTable {
    margin-top: 10px;
    margin-bottom: 10px;
}
.configViewbox {
    border: 0px;
    padding-left: 0px !important;
    padding-right: 1px;    
}
.configViewbox:not(:last-of-type):not(.floating-pane) { 
	margin-right: 20px;
}
.configViewbox.uipane-Url {
	background-color: white;
}

table.eConTABLE.configTable,
table.dataTable {
	border-spacing: 0px;
	padding: 0px;
}
table.dataTable th,
table.eConTABLE .eConTH, 
.eConMatrixPropertiesLabel,
.eConMatrixLabel {
	padding: 0px 10px;
	font-size: 0.9em;
	font-weight: normal;
	/*text-transform: none;	*/
	/*color: #000000;*/
}
table.eConTABLE .eConTH:nth-child(2) {
	text-align: right;
}
table.eConTABLE tr.eConTR {
	height: 46px;
}
table.eConTABLE td {
	background: white;
	border: none;
}
table.eConTABLE td.eConTD {
	padding: 8px 10px 7px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #F3F3F3;
}
table.eConTABLE tr.eConTR:first-child td.eConTD {
	border-top: 1px solid #DDDDDD; 
}
table.eConTABLE tr.eConTR:last-child td.eConTD {
	border-bottom: 1px solid #DDDDDD; 
}
table.eConTABLE td.eConTD:first-child {
	white-space: nowrap;
}
table.eConTABLE td.eConTD:first-child .eConLabelText {
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
}
table.eConTABLE td.eConTD.extra-column {
	border-left: 1px solid #F8F8F8;
}

.eConControl {
	text-align: right;
}
.eConControl,
.eConControl INPUT, 
.eConControl SELECT, 
.eConControl img, 
.eConControl > span,
.eConControl > table {
	min-height: 30px;
}

button.eConButton.eConExpandCollapseReferenceButton.ui-button {
	margin-left: 5px;
}

.eConLabelText {
	font-size: 0.95em;
	margin-left: 10px;
}
.eConLabelText.expandable {
	margin-left: 24px;
}
button.eConButton.eConExpandCollapseReferenceButton.ui-button+.eConLabelText {
	margin-left: 0px;
}

input, textarea, .eConControl textarea, input[type], .eConCombobox input[role="textbox"] {
    border: 0px !important;
	background: #F8F8F8;
}

.touch .ui-preloadedCombobox,
.touch .ui-preloadedCombobox input.ui-preloadedCombobox-input,
.touch .ui-preloadedCombobox .ui-preloadedCombobox-toggle,
.eConTabularCombobox .ui-preloadedCombobox-toggle {
    height: 30px;
    margin-bottom: -3px; /* Hack to get height correct*/
}
.touch .ui-preloadedCombobox .ui-preloadedCombobox-toggle,
.touch .eConTabularCombobox .ui-preloadedCombobox-toggle {
    width: 24px;
    background: #F1F1F1;
	border: 0px;
	border-left: 1px solid white;
}

.eConRadioButtonsRow,
.eConRadioButtonsCell {
	float: none;
	clear: none;
	display: inline-block;
}
.eConRadioButtons.cols .eConRadioButtonsRow {
	display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}
.touch .eConRadioButtonsCell {
    margin-right: 0px !important;
    margin-left: 10px;
}

.touch input[type=radio]:not(.hidden) + label.eConImageRadioLabel.ui-state-highlight {
    border: 1px solid #fcefa1;
}
.touch input[type=radio]:not(.hidden) + label.eConImageRadioLabel:not(.ui-button):after {
    display: none;
}
.touch input[type=radio]:not(.hidden) + label:not(.ui-button):after { /* Align right by default */
    left: auto;
    right: 0px;
}
.touch input[type=radio]:not(.hidden) + label:not(.left):not(.top):not(.bottom):not(.radioblock):not(.ui-button) {
    padding-left: 0px;
    padding-right: 40px;
}

.touch input[type=radio]:not(.hidden) + label.left:not(.ui-button):after {
    left: 0px;
    right: auto;
}
.touch input[type=radio]:not(.hidden) + label.left:not(.ui-button) {
    padding-left: 40px;
    padding-right: 0px;
}

.touch input[type=checkbox]:not(.hidden):not(.eConImageCheckbox).ui-state-disabled + label {
    cursor: inherit;
}
.touch .eConRadioButtonsRow input[type=radio].radioblock:not(.hidden) + label.radioblock:not(.ui-button) {
    margin-right: -15px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.eConDisabled { 
	/* Vertical alignment of text */	
	display: inline-block;
    padding-top: 8px;
    min-height: auto;
}

/*.touch .eConButtons + .eConControl {
	max-width: 318px;
	margin-right: 1px;
	float: right;
}*/
.touch .eConButtons .eConButton {/* Array buttons */
	height: 30px;
	width: 30px;
}
.touch table.eConTABLE.max1buttons .eConButtons {
    width: 30px;
}
.touch table.eConTABLE.max2buttons .eConButtons {
    width: 60px;
}
.touch table.eConTABLE.max3buttons .eConButtons {
    width: 90px;
}
.touch table.eConTABLE.max4buttons .eConButtons {
    width: 120px;
}
.touch table.eConTABLE.max5buttons .eConButtons {
    width: 150px;
}
.touch table.eConTABLE.max6buttons .eConButtons {
    width: 180px;
}

.touch table.eConTABLE.max1buttons td.eConTD > div.eConControl {
    width: calc((100%) - 32px);
}
.touch table.eConTABLE.max2buttons td.eConTD > div.eConControl {
    width: calc((100%) - 62px);
}
.touch table.eConTABLE.max3buttons td.eConTD > div.eConControl {
    width: calc((100%) - 92px);
}
.touch table.eConTABLE.max4buttons td.eConTD > div.eConControl {
    width: calc((100%) - 122px);
}
.touch table.eConTABLE.max5buttons td.eConTD > div.eConControl {
    width: calc((100%) - 152px);
}
.touch table.eConTABLE.max6buttons td.eConTD > div.eConControl {
    width: calc((100%) - 182px);
}

.eConSliderSlider.ui-slider {
	background: #f8f8f8;
	border: 0px;
	margin: 11px 0px 0px 0px;	
	height: .8em;
}
.eConSlider .ui-slider-handle {
	border-radius: 50%;
	background-image: none; /* Make sure accentcolor fills the whole handle */
}

.touch .ui-spinner:not(.notouch) {
	padding-right: 30px;
}
.touch .ui-spinner:not(.notouch) .eConSpinner {
    /*max-width: 86.9%;*/ /* prevent that input box is above minus button*/
    margin-right: 30px;
    left: 30px;
}
.touch .ui-spinner a.ui-spinner-button {
	border: 0px;
	background: #f8f8f8;
}
.touch .ui-spinner:not(.notouch) a.ui-spinner-button {
	height: 30px;
    width: 30px;  	  	
}

.touch .ui-spinner:not(.notouch) a.ui-spinner-down .ui-icon.ui-icon-triangle-1-s {
	 margin-left: 7px;
}
.touch .ui-spinner:not(.notouch) a.ui-spinner-up .ui-icon.ui-icon-triangle-1-n {
	 margin-left: 7px;
}

/* Center */
#oDocumentContentContainer {
	background: #5D6671;
	border-width: 0px;

    transition: width .3s;
    -webkit-transition: width .3s;
}
#oMainContainer,
#oInfoContainerRow,
#oMessageBoxContainer {
	max-width: 1500px;
}
#oMainContainer,
#oMessageBoxContainer {
	margin: 0px auto;
}
#oInfoContainerRow {
	left: auto;
}
#oMainContainer {
	position: relative;
	/*top: 10px;*/
}
#header,
#oMain1Container, 
#oConfigContainer,
.tabsContainer,
#oButtonsContainer,
#oMessageContainer,
#oInfoContainer,
#oInfoContainerRow .eConTabs {
	max-width: 1000px;
	margin: 0px auto;
}

/* Status bar */
#oMessageBoxContainer {
	/*bottom: 58px;*/ /* Might be variable due to progresstab */
	background-color: white;
	position: absolute; /* IE fix */
}
#oMessageContainer .ui-preloadedPanel-header {
	/*display: none;*/
	border: 0px;
	padding-left: 10px;
}
.ui-preloadedPanel .ui-preloadedPanel-header .ui-icon {
	left: auto;
}
.ui-preloadedPanel .ui-preloadedPanel-header a {
	padding-left: 31px;
}
#oMessageBoxContainer .ui-preloadedPanel-content {
	padding-left: 10px;
}

#oInfoContainerRow {
	border-top: 1px solid #DDDDDD;
	border-width: 1px 0px 0px 0px ;
	min-height: auto;
}
#oInfoContainerRow.hideshow {
	animation: hideshow .4s normal forwards;
	-webkit-animation: hideshow .4s normal forwards;
}
@keyframes hideshow {	
	0% {
		bottom: 0px;
		left: auto;
	}
	25% {
		bottom: -60px;
		left: auto;
	}
	75% {
		bottom: -60px;
		left: auto;
	}
	100% {
		bottom: 0px;
		left: auto;
	}
}

#oInfoContainer {
	padding-top: 12px;
	padding-left: 0px;
	padding-right: 0px;
	height: 57px;

	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box; 
}
#oInfoContainer, 
#oInfoContainer * {	
	text-align: left;
}
#oInfoContainer a:hover {
	color: #333;
}
.eConInfo {
	float: none;
}
#oInfoContainer .eConSwitchStyle {
    display: none;
	float: right;
}
.warning-icon {
	height: 34px;
  	background-repeat: no-repeat;
	background-image: url("../../../images/MessageIcon.png");
	background-position: center center;
	margin-right: 5px;
	width: 25px;
	display: inline-block;
	float: left;
}

#htmMandatoryFields,
#oMessageButton {
	margin-top: 9px;	
}
#htmMandatoryFields .ui-icon.ui-icon-alert,
#oMessageButton .ui-icon.ui-icon-alert {
	display: none;
}

div.econ-progressbar-small {
    position: fixed;
    bottom: 5px;
    width: 100%;
	max-width: 1500px;
    margin: 0px;    
}
#oInfoContainerRow + div.econ-progressbar-small {
	bottom: 59px;
}

/* Progresstab in statusbar */
#oInfoContainerRow .eConTabs {
	display: block;
	position: static;
	clear: both; /* when using in combination with statusbar columns */
}
#oInfoContainer + .eConTabs .tab {
	border-top: 1px solid #ddd !important;
}

/* Status bar column value */
.statusbar-columns,
.statusbar-labels {
	float: right;
}
.statusbar-column {
    float: left;
}
.statusbar-column,
.statusbar-labels {	
    height: 58px;
    margin-top: -12px;
    padding: 14px 0px 14px 50px;    

	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;  	
}
.statusbar-column .eConLabelText, .statusbar-column .value,
.statusbar-labels .eConLabelText, .statusbar-labels .value {
    text-align: right !important;
}
.statusbar-column .eConLabelText,
.statusbar-labels .eConLabelText {
	margin-left: 0px;
	padding-right: 0px;
	text-align: right;
	font-size: 0.8em;
}
.statusbar-column .value,
.statusbar-labels .value {
	text-align: right;
	font-size: 1.2em;
	font-style: italic;
	margin-top: 5px;
    margin-right: 2px;
}

/* Mandatory indicator */
.eConLabelMandatoryIndicatorText {
    display: none;
}
td.mandatory {
	position: relative;
}
td.mandatory .eConControl:after {
	content: "";
	min-height: 30px;
	width: 2px;	
	position: absolute;
    right: -14px;
    top: 0;
}
td.mandatory.matrixproperties .eConControl:after,
td.mandatory.matrix .eConControl:after {
	top: 0px;
	right: 2px;
}
td.mandatory .eConControl:after {
	background-color: #97CD74;
}
td.mandatory.mandatorynotfilled .eConControl:after {
	background-color: #EF5959;
}

.ui-autocomplete {
	box-shadow: #bbbbbb -2px 0px 20px 1px;
}
.ui-progressbar-value.ui-widget-header {
	background: #F8F8F8 url("images/ui-bg_flat_75_f8f8f8_40x100.png") 50% 50% repeat-x;
}

/* Zoom Window */
.touch .eConTabularComboboxTableContainer {
	background-color: #f8f8f8;
	box-shadow: #bbbbbb -2px 0px 20px 1px;
}
.touch .eConTabularComboboxTableContainer th {
	border: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.touch .eConTabularComboboxTableContainer .dataTables_scrollBody .dataTable {
	border-style: solid;
	border-color: #ddd;
	border-width: 1px 0px;
}
.touch .eConTabularComboboxTableContainer .dataTables_scrollHead,
.touch .eConTabularComboboxTableContainer .dataTables_scrollHead tr,
.touch .eConTabularComboboxTableContainer .dataTables_scrollHead th {
	background: none;	
}
.touch .eConTabularComboboxTableContainer .ui-toolbar {
	background-color: white;
	height: 58px;
	padding: 16px 13px 0px 20px;

	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;  	
}
.touch .eConTabularComboboxTableContainer .title-bar .ui-state-default {    
    font-size: 16px;
}
.touch .eConTabularComboboxTableContainer .title-bar {
	margin: 53px 20px 20px 20px;
	padding-top: 0px;
	padding-right: 25px; /* Close Button */
}
.touch .eConTabularComboboxTableContainer .title-bar:before {
	height: 23px;
}
.touch .eConTabularComboboxTableContainer .dataTables_scroll {
	margin: 0px 20px;
}
.touch .eConTabularComboboxTableContainer .closePaneButton {
    top: 53px;
    right: 20px;
}
.touch .eConTabularComboboxTableContainer table.dataTable tbody tr {
	border: 0px;
}

/* Focus */
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background-image: none;
	color: white;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: white;
}

/* Dialogs */
.ui-dialog .ui-dialog-titlebar {
	border: 0;
    padding-top: 12px;
}
.ui-dialog .ui-dialog-title {
	font-size: 1.1em;
	text-transform: uppercase;
}
.ui-dialog .ui-dialog-title:before {
	content: "";
    position: relative;
    left: 0px;
    top: 0px;
    color: transparent;
    padding: 1px;
    margin-right: 4px;    
}
.ui-dialog .ui-dialog-titlebar-close {
    margin-top: -6px;
    margin-right: 8px;
}
.ui-dialog {
	padding: 0px;
	border: 0px;
	box-shadow: #bbb -2px 0px 10px 1px;
}

/* Run As Child Dialog */
.configure-input-dialog.ui-dialog-content {
	background: #f8f8f8;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* HowWhy */
.howwhy .ui-state-default.eConLabelText { /* Row Headers */ 
	/*border-width: 0px 0px 1px 0px;*/
	font-size: 1em;
	/*padding-top: 10px;*/
}
.howwhy h3 {
	text-transform: uppercase;
}
.howwhy th, 
.howwhy td {
	padding-left: 0px;
}
.howwhy .sectionlabel {
	padding-left: 2px;
	padding-top: 10px;
}
.howwhy input:not([type=radio]) { /* otherwise iPad shows a annoying gradient + rounded corners */
	-webkit-border-radius: 0; 
	border-radius: 0px;
	-webkit-appearance: none;
}

/* Labelclass styles */
.notcapital {
	text-transform: none;
	font-size: 11.55px;
}
.notbold {
	font-weight: normal;
	letter-spacing: 0px;	
	font-family: "OpenSans", Verdana, Arial, sans-serif;
}

/* Tree styles */
#oTreeContainer {	
	margin-top: 10px;
	border-right: 1px solid #ddd;
}
.eConTree ul {
	padding-left: 0px;
}
.eConTree ul .eConTreeNodeLine {
	border: 0px;
	min-height: 30px;
	padding-left: 5px;
}
.eConTree ul .eConTreeNodeLine .eConButton {
	border: 0px;
	background: none;
}
.eConTree ul .eConTreeNodeLine .eConTreeNodeLink {
	padding-top: 12px;
	padding-bottom: 12px;
	width: auto;    
}
.eConTree ul .eConTreeNodeLine .eConTreeNodeLabel {
    font-size: 0.95em;
    text-transform: uppercase;
}
#oMain3Container { 
	border-left: 0px;
}

/* Scroll styles */
.scroll-wrapper .scroll-element .scroll-arrow { 
	display: none; 
}
.scroll-wrapper .scroll-element.scroll-element_arrows_visible .scroll-arrow { 
	display: block; 
	z-index: 12; 
	cursor: pointer;
}
  
.scroll-wrapper .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less { 
	height: 100%; 
	width: 30px; 
	border-right: 1px solid #ddd;
}
.scroll-wrapper .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more { 
	height: 100%; 
	left: auto; 
	right: 0; 
	width: 30px; 
	border-left: 1px solid #ddd;
}
 
.scroll-wrapper .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_outer { 
	left: 30px; 
	right: 30px;
}
.scroll-wrapper .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_inner { 
	left: -60px; 
}
.scroll-wrapper .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_size { 
	left: -60px !important;
}
 
.scroll-wrapper .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow {
	top: -50px;
	height: 50px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center;
}
.scroll-wrapper .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less {
	background-image: url(images/arrow_left.png?v=3);	
}
.scroll-wrapper .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more {
	background-image: url(images/arrow_right.png?v=3);	
}

/* Responsive */

@media only screen and (max-height: 750px) {
	#headerBar {
		height: 80px;
	}
	#title {
		margin-top: 25px;
	}	
	.eConLogo {
		height: 80px;
	}
	.eConLogo img {
		max-height: 60px;
	}

	#oInfoContainer {
		height: 45px;
		padding-top: 5px;
	}
	#oInfoContainerRow + div.econ-progressbar-small {
		bottom: 47px;
	}
}
@media only screen and (max-height: 600px) {
	#headerBar {
		height: 50px;
	}
	#title {
		margin-top: 10px;
	}	
	.eConLogo {
		height: 50px;
	}
	.eConLogo img {
		max-height: 45px;
	}
	
	.configViewboxesContainer.use-rows {
		margin: 10px 0px;
	}

    .configViewbox:not(.ui-widget) table.configTable {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#oTreeContainer {
		margin-top: 5px;
	}

	#oInfoContainer {
		height: auto;
		padding: 0px;
	}
	#oInfoContainerRow + div.econ-progressbar-small {
		bottom: 36px;
	}
}
@media only screen and (max-height: 400px) {
	#headerBar {
		height: 30px;
	}
	#title {
		margin-top: 0px;
	}	
	.eConLogo {
		height: 30px;
	}
	.eConLogo img {
		max-height: 25px;
	}	
	.tabsContainer, #oButtonsContainer,
	.eConTabs, .eConRibbon.ui-ribbon.ui-widget-header,
	.eConTabs.ui-widget ul, .eConTabs .tab, .eConRibbon.ui-widget ul, .eConRibbon.ui-widget, .eConRibbon li, .eConRibbon .eConButton  {
		height: 40px;
	}
	.eConTabs.ui-tabs .tab a {
		padding-top: 12px;
		padding-bottom: 12px;
	}    
    .eConTabs.ui-widget li.tab.ui-state-active.ui-state-default a, 
    .eConTabs.ui-widget li.tab.ui-state-hover.ui-state-default a {
	    padding-bottom: 10px;
    }
	.eConButton .ui-ribbon-button-icon {
		top: 4px;
	}
	#overflowButton .ui-ribbon-button-text {
		top: 7px;
	}
	
	.configViewboxesContainer.use-rows {
		margin: 5px 0px;
	}

    .configViewbox:not(.ui-widget) table.configTable {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.configViewbox:not(.ui-widget) table.eConTABLE tr.eConTR:first-child td.eConTD {
		border-top-width: 0px;
	}
	.configViewbox:not(.ui-widget) table.eConTABLE tr.eConTR:last-child td.eConTD {
		border-bottom-width: 0px;
	}
	
	#oTreeContainer {
		margin-top: 0px;
	}
}
@media only screen and (max-width: 700px) {
	.eConRibbon li:not(.eConRibbonOverflowEllipsis),
	.eConRibbon li:not(.eConRibbonOverflowEllipsis) button {
		width: 60px;
	}
	.eConButton .ui-ribbon-button-icon {
		left: 14px;
	}
}

tr.likertscale td input[type=radio] {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    position: static;
    width: auto;
    height: auto;
    z-index: 0;
}

TD.eConMatrixPropertiesLabel, TD.eConMatrixLabel {
    text-align: right;
}

.Warning,.warning
tr.likertscale td input[type=radio] {
    opacity: 1;
  color: #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    background-color: #FFA500;
    position: static;
    width: auto;
        font-weight:bold;
}