.borderless .z-groupbox-content {
	border: none;
}

.listbox-row-detail {
	padding:10px; 
	background:#e7f0ea;
} 

.mandatory {
	padding-left: 16px;
	background-repeat: no-repeat;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QgICRwtO8n82AAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADGSURBVCjPtZCxbUJBEETfLkcBUAF7JfhSx5Yo44cQEtg14AZcALIDGrDkmJ8hSjgh6vi368TGIDlBlifbGWn0ZuGvipzjN19vKVEAN3trZqt9Keky3JeSmtnKzV4BBGDIea4Ra0SiwSJBP8D9KOIFwEWeUq3v55YtaDPr3OwUOYebnZpZt71AvWYWceB7XHzdPzHAMJs9qOozIA2WCXZnDBF398d0PH4ogIp0EbE5TCZlXGsPMK61P0yndxGxUZHuf/98kz4Bs0RKo2U3yeYAAAAASUVORK5CYII=);
	color: #622;
}

.customer {
	font-size: 20px;
	padding-left: 15px;
}

.searchParameter {
	display: block;
	background: rgb(135, 184, 127);
	color: white;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.searchParameterHeader {
	display: block;
	background-color: #e3a21a;
	color: white;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;	
}

.paddingSmall {
	padding: 5px;
}

.panelBorder {
	border: 1px solid #cfcfcf;
}


.successMessage, .errorMessage, .warningMessage {
	font-size: large;
	
}

.successMessage {
	color: green;	
}

.errorMessage {
	color: red;
}

.warningMessage {
	color: orange;
}

.smallMenu {
	display: none;
}

.menuSep {
	background-color: #e1e1e1;
	line-height: 1px;
	font-size: 1px;
	margin: 3px;
}

.menuBigUser .z-menu-icon.z-icon-caret-down{
	display: none;
}

.menuBigUser .z-menu-text {
	display: inline-block;
}

.menuBigUser .z-icon-user {
	margin-left: 10px;
	margin-right: 10px;
}

.z-icon-lock {
	margin-right: 10px;
}

.drag-drop-list .z-listitem-selected {
	background-color:  #babdb6;
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
	
	.menuBigUser .z-menu-text {
		display: none;
	}
	
} 

@media screen and (max-width: 1200px) {
	
	.bigMenu,.bigMenuUser {
		display: none;
	}
	
	.smallMenu {
		display: inline-block;
	}
	
	.z-icon-menuSmallLBC:before {
		margin-left: 40%;
		content: "\f0c9";
	}
	
	 .menuSmallLBC .z-menu-icon.z-icon-caret-down {
		font-size: 16px;
		display: none;
	}

}

/************************************************************/
/* DEFAULT BUTTONS - DISABLED COLORS  */
.z-button[disabled] {
    background-color: rgb(57, 72, 80) !important;
    border-color: rgb(117, 109, 96) !important;
}
/************************************************************/
/************************************************************/
/* SELECTABLE LISTBOX */
.selectableListbox {
	border: 1px solid rgb(207, 207, 207);
}

.selectableListbox tr.z-listitem-selected {
	background-color: rgb(207, 207, 207);
}
/************************************************************/
/************************************************************/
/* BUTTON DEBUG */
.button-debug {
    background-color: #9F009F !important;
    border-color: #9F009F !important;
    border: 0 solid #9F009F !important;
}
.button-debug:hover {
    filter: brightness(85%);
}
.button-debug:hover[disabled] {
	filter: none;
    background-color: rgb(57, 72, 80) !important;
    border-color: rgb(117, 109, 96) !important;
}
.button-debug:focus {
    background-color: #9F009F !important;
    border-color: #9F009F !important;
}
.button-debug:active {
    background-color: #9F009F !important;
    border-color: #9F009F !important;
}
/************************************************************/
/************************************************************/
/* ACCORDION TABBOX WITH TOOLBAR */
.accordionToolBarTabBox .z-tabs-content {
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}
    
.accordionToolBarTabBox .z-tabs-content {
	background-color: #307ECC;
}

.accordionToolBarTabBox .z-toolbar.z-toolbar-tabs {
	background-color: #307ECC;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.accordionToolBarTabBox .z-tab.z-tab-selected {
	background-color: #307ECC;
	border: none;
	margin: 0px;
    text-align: left;
	padding-left: 6px;
}

.accordionToolBarTabBox .z-tab:first-child.z-tab-selected {
	-webkit-box-shadow: 0px 0px 0 #ffffff;
	box-shadow: 0px 0px 0 #ffffff;
}

.accordionToolBarTabBox .z-tabpanel {
	border: 0px;
}

.accordionToolBarTabBox .z-tab-text:hover {
	background-color: #307ECC;
}

.accordionToolBarRedTabBox .z-tab {
	background: #D35400 !important;
}

.accordionToolBarRedTabBox .z-tab-text:hover {
	background-color: #D35400 !important;
}

.accordionToolBarRedPanel .z-panel-head {
	background: #D35400 !important;
}

.accordionToolBarRedPanel .z-panel-header {
	background: #D35400 !important;
}

/************************************************************/
/************************************************************/
/* CHART JS */
.openGateChartJsContainer .z-html {
    display:block;
}
/************************************************************/


.fixedHeightGrid .z-cell {
	line-height: 25px !important;
}

.clickableAccordionLiteTabBox .z-tab-text {
	cursor:pointer;
}


.ellipsisLabel {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: inherit;
    white-space: nowrap;
}

/************************************************************/
/* BUTTON ROSE */
.button-rose {
    background-color: #FF6666 !important;
    border-color: #FF6666 !important;
    border: 0 solid #FF6666 !important;
}
.button-rose:hover {
    filter: brightness(85%);
}
.button-rose:hover[disabled] {
	filter: none;
    background-color: rgb(57, 72, 80) !important;
    border-color: rgb(117, 109, 96) !important;
}
.button-rose:focus {
    background-color: #FF6666 !important;
    border-color: #FF6666 !important;
}
.button-rose:active {
    background-color: #FF6666 !important;
    border-color: #FF6666 !important;
}

/************************************************************/
/************************************************************/
/* BUTTON BLACK */
.button-black {
    background-color: #000000 !important;
    border-color: #000000 !important;
    border: 0 solid #000000 !important;
}
.button-black:hover {
    filter: brightness(85%);
}
.button-black:hover[disabled] {
	filter: none;
    background-color: rgb(57, 72, 80) !important;
    border-color: rgb(117, 109, 96) !important;
}
.button-black:focus {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.button-black:active {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/************************************************************/
/* BUTTON DARK BLUE */
.button-dark-blue {
    background-color: #24248f !important;
    border-color: #24248f !important;
    border: 0 solid #24248f !important;
}
.button-dark-blue:hover {
    filter: brightness(85%);
}
.button-dark-blue:hover[disabled] {
	filter: none;
    background-color: rgb(57, 72, 80) !important;
    border-color: rgb(117, 109, 96) !important;
}
.button-dark-blue:focus {
    background-color: darken(#24248f, 50%) !important;
    border-color: #24248f !important;
}
.button-dark-blue:active {
    background-color: #24248f !important;
    border-color: #24248f !important;
}

/************************************************************/
/************************************************************/
/* BUTTON DARK BLUE */
.button-dark-blue {
    background-color: #24248f !important;
    border-color: #24248f !important;
    border: 0 solid #24248f !important;
}
.button-dark-blue:hover {
    filter: brightness(85%);
}
.button-dark-blue:hover[disabled] {
	filter: none;
    background-color: rgb(57, 72, 80) !important;
    border-color: rgb(117, 109, 96) !important;
}
.button-dark-blue:focus {
    background-color: darken(#24248f, 50%) !important;
    border-color: #24248f !important;
}
.button-dark-blue:active {
    background-color: #24248f !important;
    border-color: #24248f !important;
}

/************************************************************/
/************************************************************/
/* CUSTOMER SPECIALIZATION */
.greenBackground {
	background-color: rgb(135, 184, 127);
}
.orangeBackground {
	background-color: rgb(255, 183, 82);
}
.grayBackground {
	background-color: rgb(192, 192, 192);
}

.greenForeground {
	color: rgb(135, 184, 127);
}
.orangeForeground {
	color: rgb(255, 183, 82);
}
.grayForeground {
	color: rgb(192, 192, 192);
}


/************************************************************/