@import url('jquery-ui.min.css');
@import url('jquery-ui.structure.min.css');
@import url('jquery-ui.theme.min.css');
/******************ALBIXON*******************/
/*Neaktualizuje se v komprimovanem css :(
* Presunuto na konec custom.css
@import "albixon.001.css";*/
/********************************************/
/*HACK ALBIXON
	10.1.2021	background #F8F8F8 nahrazen všude #F5F5F5 kvůli zvýšení kontrastu textboxů atd. - stížnosti obchodu 
	24.3.2021	opět ztmaven background - #F5F5F5 (edity, background) -> #F2F2F2, #F3F3F3 (dělící čáry) -> #EEEEEE - kvůli ještě většímu kontrastu a výraznějšímu oddělení bloků - setrvávajécí stížnosti obchodu 
*/ 


@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: left;
	text-transform: uppercase;
	font-size: 2em;
}
.eConLogo {
	height: 115px;
}

/* 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: uppercase;
	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: #F5F5F5; /*HACK ALBIXON #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;
    /*HACK ALBIXON - Nad pane titulkem chybela mezera a byl prilepeny na predchozim pane*/
    /*TODO Aplikovat pouze na muj pane style class (pod div class=configViewboxesContainer)*/
    margin-top: 10px;
    /*HACK ALBIXON Zmenseni mezery mezi titulkem pane a obsahem 
	margin-bottom: 5px; 
	height: 21px;
    */
}
.title-bar span {
	margin-left: 15px;
	text-transform: uppercase;
	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: uppercase;	
	color: #888;	/*HACK ALBIXON #aaa*/
}
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 #EEEEEE;	/*HACK ALBIXON #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 #EEEEEE; /*HACK ALBIXON #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: #F2F2F2; /*HACK ALBIXON #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: #F2F2F2; /*HACK ALBIXON #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: #F2F2F2; /*HACK ALBIXON #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: #F5F5F5; /*HACK ALBIXON #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: #F5F5F5; /*HACK ALBIXON #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;
}


/******************************************************************************************
*  Speciality ALBIXON
*******************************************************************************************/


/***** HACKs *****************************************************************************/

/* Combo chceme sedive jako textbox*/
span.ui-preloadedCombobox input.ui-state-default {
    background: #F2F2F2; /*HACK ALBIXON #F8F8F8*/
}

/* Nedefinovany image nezobrazovat */
/* Tim property control:image s value="" dale zabira pro nej urcene misto na rozdil od @visible=false */
.eConControl img[src=""] {
    display: none;
}

/* Image se normalne robrazuje jako by byl disable, tj snizenou opacity */
/* Je to tim, ze ma vzdy class ui-state-disabled. Je to asi kvuli image na radiobuttonech. Ty ale sedive chceme, proto u nich to prebijeme na puvodnich 0.4 */
.ui-widget-content .eConControl img.ui-state-disabled {
	opacity: 1;
}
	.ui-widget-content .eConControl img.ui-state-disabled.eConImageCheckboxDisabled {
		opacity: 0.4;
	}

/*Vyreseno v CustomScripts.js 
Rozklikavaci image ma mit cursor:pointer (nastavuje se javascriptem include\InitializeClickableImage.js). 
Jenze to nefunguje, protoze image maji vzdy class ui-state-disabled a to pak je v ccs pouzito cursor:default!important.
Je to asi kvuli image na radiobuttonech. Ty ale nepouzivame, tak to prebijem.
.ui-widget-content .eConControl img.clickableimage {
	cursor: pointer !important;
}
*/
/* Tlacitko vedle comba */
/* Rozsireno na 21px, aby se snadneji zarezavalo s textboxy. Sirka comba i textboxu se udava style=cols:n, pricemz 1 col = 7px. Takze nyni je combo presne o 3 cols delsi nez stejny combobox */
.touch span.ui-preloadedCombobox, .touch span.eConTabularCombobox {
	padding-right: 21px; /*puvodne 19px*/
}
    /* Tlacitko vedle comba lezlo do nej - zuzit*/
    .touch span.ui-preloadedCombobox a.ui-preloadedCombobox-toggle, .touch span.eConTabularCombobox a.ui-preloadedCombobox-toggle {
        width: 20px;
    }
/*HACK Mandatory line v matrix - u comba lezlo do tlacitka (viz hack vyse), tak jsme ho posunuli o 2px doprava */
/*TODO Overit jak to vypada u textboxu*/
td.mandatory.matrixproperties .eConControl:after, td.mandatory.matrix .eConControl:after {
    right: 0px;
    /*width: 4px;*/
}

/* Mandatory line - nezobrazovat zelenou caru, pokud je vse OK - pusobi rusive obvzlast u disablovanych controlu */
/* Mandatory line - neposouvat na kraj, ale nechat hned za controlem jako u metrix - jinak je to osklive rozhazene */
.touch td.mandatory .eConControl:after {
	width: 0px;	/* Jen mandatorey vubec nezobrazovat */
	right: 0px;	/* Neposouvat na kraj */
}
.touch td.mandatory.mandatorynotfilled .eConControl:after {
	width: 2px; /* Zobrazit jen notfilled */
}


/* Spinner - zuzen na 14px, aby odpovidat cols:2 */
/*TODO Mozno vyhodit - spinner je soucasti celkove sirky*/
.touch span.ui-spinner input.eConSpinner {
    margin: 0px 14px 0px 0px;   /*puvodne 16px*/
}
.touch span.ui-spinner .ui-spinner-button {
    width: 14px;    /*puvodne 16px*/
}

/* Tlacitko s ikonou - spodni zramecek byl prekryty, upraveno na ctvercovy rozmer 34x34px pro image 32x32px*/
.touch .eConControl button.eCon32x32IconButton.ui-button-icon-only {
    padding: 4px 4px 4px 4px;
    width: 34px;
}

/* Oprava zobrazeni disablovane hodnoty pri pouziti Style=format:... v matrix.
   Standardne ma span display:block, diky cemuz se roztahne na celou sirku a doplnety text se zobrazi az pod nim.
   Navic je text sedivy, protoze u disabled se nastavuje opacity: 0.75, coz nechceme. */
.eConControl span.eConDisabled.ax-hack-format {
    display: inline-block;
    margin-right: 0.3em;
    opacity: 1;
}

/* Oprava zobrazeni read-only textboxu - chybi odsazeni vlevo a vpravo, proto nezarezava s nedisablovanymi controly */
/* Nezobrazovat sedive (opacity) */
/* ax-readonly-hack muze byt na rozdil od readonly nastaven ve style stale, ale zafunguje az u disablovaneho controlu */
.eConControl span.eConDisabled.ReadOnly,
.eConControl span.eConDisabled.ax-readonly-hack {
	padding: 8px 6px 0px 6px;
	opacity: 1;
}

/* Read-only control, ktery se ma zobrazit bez dodatecnych okraju - nezarezava tedy s nedisablovanymi controly, ale je uzsi */
/* Nezobrazovat sedive (opacity) */
.eConControl span.eConDisabled.ax-readonly-slim {
	opacity: 1;
}


/* Matrixproperties - posun o 2px (padding td), aby obsah zprava zarezaval s radkem bez martrixproperties */
table.matrixproperties {
    margin-right: -2px;
}

/* Slider v matrix - zvetsen levy a pravy okraj - pokud jsou pred a za min a max hodnoty a byla zvolena mezni hodnota, puntik lezl do textu */
tr.matrixproperties td.matrixproperties div.eConControl div.eConSlider {
    margin-left: 6px;
    margin-right: 7px;
}

/* Zoom - zmenseni images v gridu - standardne jsou max. 100px, zmensili jsme na 50px - hlavne kvuli barvam */
.eConTabularComboboxTableContainer table.dataTable tr td img {
    max-height: 50px;
}

/* Bold label - nefungovalo, protoze standardne je font-family: "OpenSans-SemiBold","OpenSans",Verdana,Arial,sans-serif;*/
.ui-widget-content label.Bold, .ui-widget-content label.bold {
    font-weight: bold;
    font-family: OpenSans;
    color: #666;    /*Jen aby nabyl tak cerny*/
}

/* Radio - disable options zobrazit se sedivym pozadim. 
   Duvod: standardni skrtnuti labelu neni dost vyrazne a navic pri otevreni konfigurace z NAV nekdy zahadne nefunguje.*/
.touch .eConRadioButtonsCell input.eConRADIO[type=radio]:not(:checked):not(.hidden) ~ .eConInvalidOption:after {
    background-color: #D2D2D2   /*stejne jako border*/
}

/* Help button vedle labelu - skryt ramecek */
table.eConTABLE td.eConTD button.eConHelpButton {
    border: none;
}

/***** Popup window ************************************************************************/
/*[id~="configure-input-dialog-"]*/
/*body#oBody .ui-dialog .configure-input-dialog.ui-dialog-content {   
    background-color: white;
    padding-left: 1em;
}*/

/*HACK Oprava zobrazeni - content byl nalepen na levem okraji, pozadi mix sede a bile*/
.is-child #oConfigContainer {
    background-color: white;
    padding-left: 1em;
}
    .is-child #oConfigContainer #configViewbox {
        background-color: white;
    }


/***** Table row (properties, references) **************************************************/

/* Skryti radku - vhodne napr. pro skryti prvniho radku reference, podobne jako kdyz je static. Pozor - reference pak musi byt expanded, jinak se nezobrazi obsah! */
table.eConTABLE tr.eConTR[ax-class~="tr-hidden"] {
	display: none;
}

/* Mezera nad radkem - vizualni oddeleni od predchozich */
table.eConTABLE tr.eConTR[ax-class~="tr-space-top-small"]:not(:first-child) td.eConTD { /*ale ne u prvniho radku na pane*/
    border-top: 5px solid #F2F2F2; /*HACK ALBIXON #F8F8F8*/
}

/* Mezera pod radkem - vizualni oddeleni od nasledujicich */
table.eConTABLE tr.eConTR[ax-class~="tr-space-bottom-small"]:not(:last-child) td.eConTD { /*ale ne u posledniho radku na pane*/
	border-bottom: 4px solid #F2F2F2; /*HACK ALBIXON #F8F8F8*/
}

/* Bez spodniho ramecku - vizualni spojeni s nasledujicim */
table.eConTABLE tr.eConTR[ax-class~="tr-border-bottom-none"]:not(:last-child) td.eConTD { /*ale ne u posledniho radku na pane*/
	border-bottom: none;
}

/* Bez spodniho ramecku v zabalenem stavu */
table.eConTABLE tr.eConTR[ax-class~="tr-border-bottom-expanded"]:not([ax-expanded="true"]):not(:last-child) td.eConTD { /*ale ne u posledniho radku na pane*/
	border-bottom: none;
}

/* Bez spodniho ramecku v rozbalenem stavu */
table.eConTABLE tr.eConTR[ax-class~="tr-border-bottom-collapsed"][ax-expanded="true"]:not(:last-child) td.eConTD { /*ale ne u posledniho radku na pane*/
	border-bottom: none;
}

/* S hornim rameckem - vhodne, pokud ma radek nad spodni ramecek skryty, napr kvuli expanded zobrazeni */
table.eConTABLE tr.eConTR[ax-class~="tr-border-top"]:not(:first-child) td.eConTD { /*ale ne u prvniho radku na pane*/
	border-top: 1px solid #EEEEEE;
}

/* Se silnejsim hornim rameckem - vhodne pro oddeleni sekci (podobne jako tr-space-top-small ale tenci) */
table.eConTABLE tr.eConTR[ax-class~="tr-border-top-2"]:not(:first-child) td.eConTD { /*ale ne u prvniho radku na pane*/
	border-top: 3px solid #EEEEEE;
}

/* Sede pozadi splyvajici s okolim */
table.eConTABLE tr.eConTR[ax-class~="tr-background-none"] td {
    background-color: #F5F5F5; /*HACK ALBIXON #F8F8F8*/
    /*border-bottom: none;*/
}

/* Prazdny radek - pouze oddelujici cara - vhodne pri pouziti promnenneho poctu radku bez oddeleni spodni carou, aby se pod poslednim cara zobrazila */
/* Property v modelu nesmi mit style=labelposition:none, protoze jinak se nevlozi zadne td a radek se nezobrazi (pokud neni extra column) */
table.eConTABLE tr.eConTR[ax-class~="tr-lineonly"] {
    height: auto;
}
    table.eConTABLE tr.eConTR[ax-class~="tr-lineonly"] td.eConTD {
        padding: 0px;
        line-height: 0px;
        color: white;   /*Skryti labelu*/
    }

/* Nizky radek - vhodne v kombinaci bez spodniho ramecku */
table.eConTABLE tr.eConTR[ax-class~="tr-height-slim"],
table.eConTABLE tr.eConTR[ax-class~="tr-height-slim-4"],
table.eConTABLE tr.eConTR[ax-class~="tr-height-cut-top"],
table.eConTABLE tr.eConTR[ax-class~="tr-height-cut-bottom"] {
	height: auto;
}
    table.eConTABLE tr.eConTR[ax-class~="tr-height-slim"] td.eConTD {
        padding: 2px 10px 2px 10px;
    }
    table.eConTABLE tr.eConTR[ax-class~="tr-height-slim-4"] td.eConTD {
        padding: 4px 10px 4px 10px;
    }
	table.eConTABLE tr.eConTR[ax-class~="tr-height-cut-top"] td.eConTD {
		padding-top: 0px;
	}
	table.eConTABLE tr.eConTR[ax-class~="tr-height-cut-bottom"] td.eConTD {
		padding-bottom: 0px;
	}

/* Label umisteny co nejvice nahoru */
table.eConTABLE tr.eConTR[ax-class~="tr-label-vertical-most-top"] td.eConTD:first-child {
    vertical-align: top;
    padding-top: 0px;
}

/* Posun controlu o 20px nahoru a snizeni vysky radku - vhodne pro prvni radek v referenci, pokud napr. nema label */
/* Zatim funguje pouze pro radiobuttons */
table.eConTABLE tr.eConTR[ax-class~="tr-move-control-up2"] td.eConTD div.eConControl {
    display: block;
}
    /*TODO: Rozsirit o dalsi controly */
    table.eConTABLE tr.eConTR[ax-class~="tr-move-control-up2"] td.eConTD div.eConControl div {
        margin-top: -20px;
    }

/* HACK: Extra column vedle matrixproperties ma nad hodnotou v columnu natvrdo span o vysce 30px, ktery ma asi posunout hodnotu o vysku matrix labelu - jenze to dela i kdyz se labely nezobrazuji, takze to hodi hodnotu uplne dolu */
/* HACK: U reference s matrixproperties bez radku s labely nastavit labelclass: tr-matrix-nolabels */
tr.eConTR.eConReferenceRow[ax-class~="tr-matrix-nolabels"] td.eConTD.extra-column span.eConMatrixPropertiesHeaderLabel {
    display: none;
}

/* Extra column - styl pro mezisoucty - tucne*/
table.eConTABLE tr.eConTR[ax-class~="tr-columns-bold"] td.eConTD.extra-column {
    font-weight: bold;
    font-family: OpenSans;
    color: #666; /*Jen aby nabyl tak cerny*/
}

/* Extra column - nezobrazovat u rozbalene reference*/
/* Pouzito pro skryti ceny po rozbaleni reference, protoze to se cena zobrazuje dole a bylo by to matouci */
table.eConTABLE tr.eConTR[ax-class~="tr-columns-expanded-hide"][ax-expanded="true"] td.eConTD.extra-column {
    color: white;
}


/***** Controls ***************************************************************************/

/* Checkbox - zuzeny o 10px (original vypada humpolacky a navic v matrix zabira moc mista */
/*.touch .eConControl.ax-checkbox-slim input[type="checkbox"]:checked:not(.eConImageCheckbox) + label {*/
.touch input.ax-checkbox-slim[type="checkbox"]:checked:not(.eConImageCheckbox) + label {
	padding-left: 14px; /*original 24*/
	width: 23px;
}
.touch input.ax-checkbox-slim[type="checkbox"]:not(.eConImageCheckbox) + label {
	width: 37px; /*original 47*/
}

/* Zarovnani obsahu div na stred - napr. pro zarovnani image */
table.eConTABLE tr.eConTR div.eConControl[ax-class~="axc-align-center"] {
	text-align: center;
}

/* Roztazeni textu v comboboxu na plnou sirku - jinak ma vpravo nesmyslne odsazeni 27px */
.touch .ui-preloadedCombobox input.ui-preloadedCombobox-input.ax-combobox-spread {
	padding-right: 6px;
}


/***** Label ******************************************************************************/

/* Povolit labelu pretect mimo okraje bunky, pokud se pocita s tim, ze muze byt delsi nez sloupec pro labely 
	To je zejmena kdyz label obsahuje dodatecne informace - proto class ax-addlabel
	Pokud je pouzita trida ax-addlabel-cutexpanded, dodatecne informace se zobrazi pouze u collapsed reference
*/
@media(min-width: 800px) {
	table.eConTABLE td.eConTD label.eConLabelText.ax-addlabel,
	table.eConTABLE td.eConTD label.eConLabelText.ax-addlabel-cutexpanded {
		overflow: visible;
		white-space: nowrap;
		max-width: 500px;
	}
}

/* Label rozdeleny na dve casti - nazev a dodatecne informace - dodatecne informace zobrazit odsazene a mene vyrazne */
table.eConTABLE td.eConTD label.eConLabelText span.ax-addlabel {
	text-transform: none;
	font-family: OpenSans;
	margin-left: 1em;
	/*Omezeni pretekani mimo matersky label, ktery ma povoleno pretekat mimo cell - viz vyse*/
	overflow: hidden;
	max-width: 400px;
	display: inline-flex;
}

/* Label odsazeny zleva o jednu uroven (stejne jako u collapsible reference) 
	Funguje i pro collabsible reference, kdyz chceme, aby label zarezaval s ostatnimi collabsible, i kdyz neni zaskrtla a neni tedy zobrazeno tlacitko pro expand.
	Ve standardu totiz existuje style, ktery prvku za tlacitkem nastavi margin-left:0px (button.eConButton.eConExpandCollapseReferenceButton.ui-button+.eConLabelText)*/
table.eConTABLE td.eConTD .ax-ident-1 {
    margin-left: 2.2em;
}

/* Natvrdo nastavene odsazeni labelu podle urovne vnoreni referenci */
table.eConTABLE tr.eConTR[ax-class~="ax-identlevel-0"] td.eConTD:first-child {
	padding-left: 0em !important;
}
table.eConTABLE tr.eConTR[ax-class~="ax-identlevel-1"] td.eConTD:first-child {
	padding-left: 1.2em !important;
}
table.eConTABLE tr.eConTR[ax-class~="ax-identlevel-2"] td.eConTD:first-child {
	padding-left: 2.4em !important;
}
table.eConTABLE tr.eConTR[ax-class~="ax-identlevel-3"] td.eConTD:first-child {
	padding-left: 3.6em !important;
}



/***** Controls ***************************************************************************/

/* Image - vysoky aby se tak akorat vesel na radek */
.eConControl img.ax-inline-image {
    max-height: 36px;
    margin-top: -3px;
    margin-bottom: -6px;
}

/* Radio - sirka sloupce s jednim radiobuttonem (10 pred + label + 40 za) */
.eConControl .eConRadioLabel.ax-radio-colwidth-100 {
	width: 50px;
}
.eConControl .eConRadioLabel.ax-radio-colwidth-120 {
	width: 70px;
}
.eConControl .eConRadioLabel.ax-radio-colwidth-150 {
	width: 100px;
}

/* Nizky button */
.eConControl .eConButton.ax-height-slim {
	padding-top: 0px;
	padding-bottom: 0px;
}

/***** Matrix ******************************************************************************/

/* Label (labelclass) nebo control (controlclass) zarovnany doleva (labelposition pro matrix nefunguje) */
tr.matrixproperties td.ax-align-left,
tr.matrixproperties div.eConControl[ax-class~="ax-align-left"] {
	text-align: left;
}

/* Roztazeni matrix table na celou sirku pro moznost umisteni controlu uplne doleva (zadat v controlclass)*/
table.matrixproperties.ax-matrix-fullwidth {
	max-width: none !important;
}

/* Odsazeni labelu zleva - pro kombinaci s ax-align-left */
tr.matrixproperties td.ax-padding-left-5 {
	padding-left: 5px;
}
tr.matrixproperties td.ax-padding-left-30 {
	padding-left: 30px;
}


/*******************************************************************************************/
/***** Speciality pro model Sales a jeho submodely *****************************************/
/*******************************************************************************************/


/***** Sales *******************************************************************************/

/* Model SalesLineTotal - button "Add Line" - posun doprava */
table.eConTABLE button[name$=".subtotal.grline.btnadd"],
/*DEPRICADED: Model Sales - Accessories Total...*/
#paneLinesAccessories button[name="subtotalaccessories.grline.btnadd"],
#paneLinesGoods button[name="subtotalgoods.grline.btnadd"],
#paneLinesServices button[name="subtotalgoods.grline.btnadd"] {
	margin-right: -45px;
}

/* Model SalesLineTotal - soucty v columns - posun nahoru, font */
table.eConTABLE tr.eConTR[id$="_Subtotal_Grline"]:last-child td.extra-column,
#paneLinesMain tr.eConTR:last-child td.extra-column
/*#paneLinesAccessories tr.eConTR:last-child td.extra-column,
#paneLinesGoods tr.eConTR:last-child td.extra-column,
#paneLinesServices tr.eConTR:last-child td.extra-column*/ {
	vertical-align: top;
	padding-top: 10px;
	font-weight: bold;
	color: #666;
}
	table.eConTABLE tr.eConTR[id$="_Subtotal_Grline"]:last-child td.extra-column span.eConMatrixPropertiesHeaderLabel,
    #paneLinesMain tr.eConTR:last-child td.extra-column span.eConMatrixPropertiesHeaderLabel
    /*#paneLinesAccessories tr.eConTR:last-child td.extra-column span.eConMatrixPropertiesHeaderLabel,
    #paneLinesGoods tr.eConTR:last-child td.extra-column span.eConMatrixPropertiesHeaderLabel,
    #paneLinesServices tr.eConTR:last-child td.extra-column span.eConMatrixPropertiesHeaderLabel*/ {
		display: none;
	}

/* Model SalesLineTotal - oprava zobrazeni ramecku na konci pane - diky tomu, ze poslednim je total (bez pozadi), je ramecek nevhodne az za nim */
table.eConTABLE tr.eConTR[id$="_Subtotal_Grline"]:last-child td.eConTD,
#paneLinesMain tr.eConTR[ax-class~="tr-background-none"]:last-child td.eConTD
/*#paneLinesAccessories tr.eConTR[ax-class~="tr-background-none"]:last-child td.eConTD,
#paneLinesGoods tr.eConTR[ax-class~="tr-background-none"]:last-child td.eConTD,
#paneLinesServices tr.eConTR[ax-class~="tr-background-none"]:last-child td.eConTD*/ {
	border-top: 1px solid #DDDDDD; /* puvodne bottom*/
	border-bottom: none;
}

/* Model Sales - Accessories - u referenci s moznosti odskrtnuti se standardne label zobrazuje pouze v prvnim columnu - potrebujeme roztahnout i pres druhy column */
/*ZRUSENO: Pouzit class ax-addlabel. Nezadouci efekt - aplikovalo se i na normalni labely, cimz se skrypa pripadna ikona upozorneni vpravo od nej.
#paneLinesAccessories td[colspan=""] label.eConLabelText,
#paneLinesGoods td[colspan=""] label.eConLabelText,
#paneLinesServices td[colspan=""] label.eConLabelText {
    margin-right: -300px;
}
*/

/* Model Sales - pane Payment Terms - odsazeni titulku od pane */
#uipanesContainer #panePaymentTerms-scroll,
#uipanesContainer #paneSummary-scroll {
    margin-top: 10px;
}


/***** SalesLineCover ***************************************************************/

/* Model SalesLineCover - obrazek pozic bocnich vstupu */
/* Prekryti obrazku s nasledujicim radkem - pozice na leve a prave strane jsou nyni na samostatnych radcich pro moznost volby dvou vstupu */
div#_CT_Subcover_Grsidedoor_Grsidedoorpositionl_Imgpositions {
	text-align: left;
}
	/*img [name$="grsidedoor.grsidedoorpositionl.imgpositions"]*/
	div#_CT_Subcover_Grsidedoor_Grsidedoorpositionl_Imgpositions img {
		position: absolute;
		margin-top: -5px;
		margin-left: 20px;
		z-index: 1000;
	}


/***** SalesLinesPool ***************************************************************/

/* Model SalesLinesPool - obrazek bazenu */
/* Prekryti obrazku s nasledujicimi volbami a zmena umisteni pro usporu mista */
@media(min-width: 700px) {
	/*#_CT_Grproduct_Image, #_CT_Subpool_Grproduct_Image {
		position: absolute;
		margin-top: -50px;
		margin-left: -20px;
		text-align: center;
	}*/
	#_CT_Grproduct_Image img, #_CT_Subpool_Grproduct_Image img {
		position: absolute;
		left: 50%;
		margin-left: -170px;
		margin-top: -40px;
	}
}


/***** SalesLinesPergola ***************************************************************/

/* Model SalesLinesPergola - 3D obrazek */
/* Prekryti obrazku s nasledujicimi volbami a zmena umisteni pro usporu mista */
@media(min-width: 1000px) {
	#_CT_Grconstruct_Grtype_Image img, #_CT_Subpergola_Grconstruct_Grtype_Image img {
		position: absolute;
		left: 50%;
		margin-left: -260px;
		margin-top: -90px;
	}
}


/***** SalesLinesTerrace ***************************************************************/

/* Model SalesLinesTerrace - 3D obrazek */
/* Prekryti obrazku s nasledujicimi volbami a zmena umisteni pro usporu mista */
@media(min-width: 1000px) {
	#_CT_Grspecification_Grfloorshape_Image img, #_CT_Subterrace_Grspecification_Grfloorshape_Image img {
		position: absolute;
		left: 50%;
		margin-left: -260px;
		margin-top: -90px;
	}
}


/***** SalesMessage ******************************************************************/
/* Topic */
tr#_TB_Topic label.axMessageTopic {
	font-size: 1.1em;
	text-transform: none;
}

/* Message text */
tr#_TB_Message textarea.axMessageText {
	opacity: 1;
	font-size: 1.1em;
	padding: 10px;
	height: 180px;
}