/***** general ******/

.z-label {
	cursor: default;
}

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

/* information grid  */

.informationGrid, .informationGrid > .z-grid-header-border {
	border: none;
} 

.informationGrid .z-row{
  	border: none;
  	background: none;
} 

.informationGrid .z-rows,
.informationGrid.z-rows,
.informationGrid > .z-rows,
.informationGrid .z-rows {
	#height: 100px !important;
}



.informationGrid .z-row-content .z-label {
	  color: black; //#1b385c; !important;
	  font-size: 12px;
	  min-width: 400px;
} 

.informationGrid .z-row-content {
	padding:0px 0px 0px 0px;
	font-size: 12px;
	line-height: 20px;
}



.informationGrid .z-grid-odd > .z-row-inner, .informationGrid > .z-row-inner{
  	border: none;
  	color: white;
  	background: none;
} 

.informationGrid .z-row:hover > .z-row-inner, .z-row:hover > .z-cell {
	background: none;
}

.informationGrid .z-textbox {
	color: black;  /*#1b385c;*/
	background-color: rgb(247, 247, 247) !important; /*#ffffcc*/
	font-size: 12px;
	border: 1px solid rgb(169, 169, 169);
	margin: 0px 5px;
} 

.informationGrid .z-hbox {
	margin: 0px 5px;
}

.headerRowSmall {
	height: 20px;
	width: 70px;
	min-height: 18px;
	margin: 0px 0px 0px 5px !important; 
}

.headerRowSmallMiddle {
	height: 20px;
	width: 70px;
	min-height: 18px;
	margin: 0px !important;
}

.textboxGrid {
	height: 20px;
	width: 250px;
	min-height: 18px;
}

/*
.informationGrid tr.z-row {
	line-height: 10px;
	min-height: 10px;
	height: 10px;
}

.informationGrid tr.z-row td.z-row-inner, .informationGrid tr.z-row .z-cell {
	line-height: 12px;
}
*/


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

/*Toolbar*/

.z-toolbar {
    /*
    background: linear-gradient(to bottom,  #3F3F3F 0%,  #3F3F3F 100%) repeat scroll 0% 0% transparent;
    border-bottom: 1px solid #FFFFFF;
    */
    #border: none;
    padding: 2px 4px;
    #padding: 2px 4px 2px;
    background: transparent;
	border: none;
}


.z-toolbarbutton{	
	width: 34px;	
	height: 32px;
}

.z-toolbarbutton:hover {
	border-color: #002f56;
	#background: #66829A;
}

.z-toolbarbutton:active {
	border-color: #002f56;
	background: #002f56;
}

.ToolbarIcon {
	height: 45px;
}

.z-toolbarbutton-content img {
   	margin-top: 2px;
	margin-left: 2px;
}

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

/*Menubar*/


.z-menubar{
	#background: #002f56;
	#width: 40px;	
	height: 34px;
	border: none;
	#background: #1b385c;
	background: #EEF6FF;
} 

@media (min-width: 1000px) { 
 .z-menubar{
	height: 34px;
 }
}

.z-menubar:hover {
	#border-color: #002f56;
	#background: #66829A;
} 

.z-menubar:active {
	#border-color: #002f56;
	#background: #002f56;
} 


.MenubarIcon {
	height: 36px;
} 

.mainmenubar .z-menu-image,
.mainmenubar .z-menuitem-image,
.mainmenubar.z-menupopup .z-menu-image, 
.mainmenubar.z-menupopup .z-menuitem-image {
    max-width: 20px;
    height: 20px;
}

@media (min-width: 1000px) { 
 .mainmenubar .z-menu-image,
 .mainmenubar .z-menuitem-image,
 .mainmenubar.z-menupopup .z-menu-image, 
 .mainmenubar.z-menupopup .z-menuitem-image {
    max-width: 20px;
    height: 20px;
 }
}

.z-menu-content i, 
.z-menuitem-content i {
    vertical-align: middle;
}

.z-menu-icon {
	position: static;
}

.z-menu-icon.z-icon-caret-down {
	font-size: 16px;
}

.z-menu-text, .z-menuitem-text {
    font-size: 12px;
    #font-weight: bold;
}

@media (min-width: 1000px) { 
 .z-menu-text, .z-menuitem-text {
    font-size: 13px;
    font-weight: bold;
 }
 .z-menu-icon.z-icon-caret-down {
 	font-size: 18px;
 }
}

.z-menu-text, 
.z-menuitem-text {
	color: #1b385c;
	text-shadow: none;
}

.z-menu-content, .z-menuitem-content {
	border: none;
	margin: 2px;
}
.z-menuitem {
	#border: 1px solid rgb(169, 169, 169); 
	border-radius: 4px;
	border: none;
	#min-width: 150px;
	border: 1px solid transparent;
}
.z-menuitem-content:hover {
	background: none;
}

.menuitemSelected.z-menuitem {
	background: #1b385c;
	#background: #424242;
	#background: linear-gradient(to right, rgb(215,235,255), #1b385c);
	#background: radial-gradient( rgb(215,235,255) 70%, #1b385c);
	#background: radial-gradient(rgb(255,255,255), rgb(215,235,255));
	#background: linear-gradient(to right, rgba(215,235,255,0.6), rgb(215,235,255));
	#background: rgba(215,235,255,0.6);
	#box-shadow: 0px 0px 2px 1px #1b385c inset;
	#border: 1px solid #1b385c;
	#border: none;
	#background: #EEF6FF;
	border-radius: 5px;	
	#background: linear-gradient(to bottom, rgb(255,255,255), #EEF6FF);
	border: 1px solid #1b385c;
	#border-bottom: 2px solid #1b385c;
	#border-top: none;
}

.z-menuitem-text {
    color: #1b385c;
}

.menuitemSelected.z-menuitem .z-menuitem-text {
	#border-bottom: 1px solid #1b385c;
}

.menuitemSelected .z-menuitem-text  {
	#color: #1b385c;
	color: white;
}

.menuitemSelected .z-menuitem-content,
.menuitemSelected .z-menuitem-content:hover,
.menuitemSelected .z-menuitem-content:active {
	background: none;
}



.z-menupopup-separator {
    visibility: hidden;
}

.z-menupopup .z-menuitem-icon {
    color: #002f56;
}

.mainmenubar.z-menupopup .z-menuseparator {
    line-height: 2px;
}


.z-menubar-horizontal li {
    #margin: 0px 1px;
}

.menuSep .z-menuitem-content{
	padding-right: 10px;	
}

.z-menuitem-content:hover,
.z-menu-content:focus, 
.z-menuitem-content:focus,
.z-menu-selected > .z-menu-content,
.z-menu.z-menu-hover:hover,
.z-menu.z-menu-hover,
.z-menu .z-menu-hover,
.z-menu.z-menu-hover > .z-menu-content
{
    border-color: #002f56;
}


.menubarBox {
	border-top: 1px solid rgb(207, 207, 207);
	border-bottom: 1px solid rgb(207, 207, 207);
	#background: linear-gradient(to bottom, rgb(254, 254, 254) 0px, rgb(238, 238, 238) 100%) repeat scroll 0% 0% transparent;
	#background: #1b385c;
	background: #EEF6FF;
}



/*Submenubar*/

.submenubar > .z-menubar,
.submenubar .z-menubar,
.submenubar.z-menubar {	
	height: 30px;
	border-bottom: 1px solid rgb(207, 207, 207);
} 

.submenubar .z-menubar:hover {
	#border-color: #002f56;
	#background: #66829A;
} 

.submenubar .z-menubar:active {
	#border-color: #002f56;
	#background: #002f56;
} 

.submenubar .z-menu-image, .z-menubar-image {
    max-width: 24px;
    #height: 24px;
}

.submenubar .z-menu-text, 
.submenubar .z-menubar-text,
.submenubar .z-menuitem-text{
    font-size: 12px;
    font-weight: bold;
}


.submenubar .z-menu-icon {
	position: absolute;
}

.submenubar .z-menu-icon.z-icon-caret-down {
    font-size: 16px;
}

.submenubar.z-menupopup .z-menu-image, 
.submenubar.z-menupopup .z-menuitem-image,
.submenubar .z-menupopup .z-menu-image, 
.submenubar .z-menupopup .z-menuitem-image {
    min-height: 0px;
}


.smallPopup .z-menu-text, 
.smallPopup .z-menubar-text,
.smallPopup .z-menuitem-text{
    font-size: 12px;
    font-weight: bold;
}

.smallPopup .z-menu-icon.z-icon-caret-down {
    font-size: 12px;
}


.smallPopup .z-menupopup .z-menu-image, 
.smallPopup .z-menupopup .z-menuitem-image {
    margin-right: 9px;
    min-width: 12px;
    min-height: 12px;
}

.z-menupopup .z-menu-image, .z-menupopup .z-menuitem-image {
    min-width: 16px;
    min-height: 16px;
    margin-right: 9px;
}

.smallPopup .z-menuitem-content {
    padding: 1px 6px;
}

.smallPopup .z-menu-image, 
.smallPopup .z-menubar-image {
	max-width: 24px;
}

.smallPopup.z-menupopup .z-menuitem-icon {
    top: 3px;
}

/************************************************/
/*Tree */ 

.z-tree {
	/* border: 1px solid #666366; */ 
	 
}

/* treecol */

.z-treecol-content{
	background:	none;
	font-size: inherit;
	color: inherit;
	padding: 4px 5px;
    #line-height: 22px;
    overflow: hidden;
    border-width: 0px;
    border-bottom-width: 0px;
	border-style: solid;
	border-color: #cfcfcf;     			    
} 

.z-treecol-content, .z-treecell-content, .z-treefooter-content {
    font-size: 14px;
    line-height: 24px;
} 

.z-treecell {
	/* background:	rgb(217, 217, 217); */ 
	
}

.z-treecol {
	background:	none;
	color: none;	
} 

.z-treecell-content {
    #color: #1b385c;
    color: rgb(99, 99, 99);
} 

.z-treecell-text {
	margin-left: 5px;
} 


/* hover */
.z-treerow:hover > .z-treecell {    
    #background: #0d5ca0;  
} 

.z-treerow:hover .z-treecell-content {
	background-image: none;
	background: #aaaaaa;
	border-color: #aaaaaa;
	color: #ffffff;
}

/* selected */
.z-treerow.z-treerow-selected .z-treecell {
    background: #888888;
}


.z-treerow.z-treerow-selected .z-treecell-content {
    color: white;
}

/* selected + hover */
.z-treerow.z-treerow-selected:hover > .z-treecell {
   #background: rgb(217,217,217);
} 

.z-treerow.z-treerow-selected:hover > .z-treecell > .z-treecell-content {
	/* color: white; */  
}

/* treeicon */
.z-tree-icon {
    font-size: 24px;
    /* color: black; */  
}

.z-tree-icon:hover {
    /* color: black; */ 
}



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

/* Toolbar Tree */

.MenuTree{
	background:	#1b385c;
	color: white;
	font-size: 18px;
	height: 40px;
	border: 0px;
} 


.MenuTree > .z-treecol-content {
	color: white;
	font-size: 12px !important;
}

@media (min-width: 600px) { 
 .MenuTree > .z-treecol-content {
	font-size: 14px !important;
 }
}

@media (min-width: 1000px) { 
 .MenuTree > .z-treecol-content {
 	font-size: 16px !important;
 }
}

.treeTB  {
	background:	#ffffff;
	color: #1b385c;
	#line-height: 24px;
	#font-size: 14px;
	font-style: normal;
	font-weight: bold;
	position: relative;
	text-align: inherit;
} 

.treeTB .z-tree-header {
	height: 40px;
	background: #1b385c;
}

.treeTB .z-tree-header-border {
	border: 0px;
}

.treeTB .z-treecol-content, 
.treeTB .z-treecell-content, 
.treeTB .z-treefooter-content {
    font-size: 11px;
    line-height: 16px;
} 

.treeTB .z-treecell-content{
  padding: 2px 2px;
}

.treeTB .z-tree-line.z-tree-spacer{
	width:8px;	
} 

@media (min-width: 1000px) { 
 .treeTB .z-tree-line.z-tree-spacer{
	width:10px;	
 }
}


@media (min-width: 1200px) { 
 .treeTB .z-tree-line.z-tree-spacer{
	#display: none;	
	width:12px;	
 }
 .treeTB .z-treecol-content,
 .treeTB .z-treecell-content, 
 .treeTB .z-treefooter-content {
    font-size: 12px;
    line-height: 16px;
 }
 .treeTB .z-treecell-content{
  	padding: 3px 2px;
 }
}



.treeTB .menuEntry .z-tree-line.z-tree-spacer {
	width:10px;
}

.treeTB .treeMenuEntries .z-tree-line.z-tree-spacer {
	#display: none;
}

.treeTB .main .z-tree-line.z-tree-spacer {
	#width:15px;
}

.treeTB .mainItem .z-tree-line.z-tree-spacer {
	width:0px;
}

.treeTB .leftAlignItem .z-tree-line.z-tree-spacer {
	width:0px;
}

.treeTB .z-treecols-bar {
	/*
	background: #3F3F3F;
	border-color: #3F3F3F;
	*/
}


.treeTB .z-treecol-content{
	/*
	background: #3F3F3F;
	color: #FFFFFF;
	*/
}

.treeTB img {
	height: 16px;
}

@media (min-width: 1000px) { 
 .treeTB img {
	height: 18px;
 }
 
}

@media (min-width: 1200px) { 
 .treeTB img {
	height: 20px;
 }
}

.treeTB .z-treecell {
	background:	none;
	white-space: nowrap;
} 

.treeTB .z-treecell-content,
.treeTB > .z-treecell-content,
.treeTB.z-treecell-content{
	color: #1b385c !important;
}

.treeTB .z-tree-icon,
.treeTB .z-tree-icon:hover {
	font-size: 24px;
    #color: rgb(230,176,44);
    color: #1b385c;
} 

/* hover */
.treeTB .z-treerow:hover > .z-treecell {
	background: rgb(200,200,200);
	color:none;
} 

.treeTB .z-treerow:hover .z-treecell-content {
	background:	rgb(200,200,200);
	color: #1b385c;
} 


/* selected */
.treeTB .z-treerow.z-treerow-selected .z-treecell,
.treeTB .z-treerow.z-treerow-selected > .z-treecell {
    background: rgb(220,220,220);
} 

.treeTB .z-treerow.z-treerow-selected .z-treecell-content,
.treeTB .z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content{
	background:	rgb(220,220,220);
    	color: #1b385c;
} 


/* selected + hover */
.treeTB .z-treerow.z-treerow-selected:hover > .z-treecell {
	background:	rgb(210,210,210);
} 

.treeTB .z-treerow.z-treerow-selected:hover > .z-treecell > .z-treecell-content {
	background:	rgb(210,210,210);
	color: #1b385c;
}


.mainItem,
.mainItem .z-treecell,
.mainItem .z-treecell-content {
	background-color: #1b385c;
	color: white !important;
}

/* hover */
.mainItem:hover, 
.mainItem.z-treerow:hover > .z-treecell,
.mainItem.z-treerow:hover .z-treecell-content {
	background: #4C7895;
	color: white !important;
} 

/* selected */
.mainItem.z-treerow.z-treerow-selected > .z-treecell,
.mainItem.z-treerow.z-treerow-selected .z-treecell,
.mainItem.z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content {
    	background: #436983;
    	color: white !important;
} 


/* selected + hover */
.mainItem.z-treerow.z-treerow-selected:hover > .z-treecell,
.mainItem.z-treerow.z-treerow-selected:hover .z-treecell-content,
.mainItem.z-treerow.z-treerow-selected:hover > .z-treecell > .z-treecell-content {
	background: #4C7895;
	color: white !important;
} 


/************************************************/
/* transparent */

.treeTransparent,
.treeTransparent:hover,
.treeTransparent:hover .z-treecell-content,
.treeTransparent .z-treerow .z-treerow-selected,
.treeTransparent .z-treecell,
.treeTransparent .z-treecell-content,
.treeTransparent .z-treerow > .z-treecell,
.treeTransparent .z-treerow .z-treecell-content,
.treeTransparent .z-treerow:hover > .z-treecell,
.treeTransparent .z-treerow:hover .z-treecell-content,
.treeTransparent .z-treerow.z-treerow-selected .z-treecell,
.treeTransparent .z-treerow.z-treerow-selected > .z-treecell,
.treeTransparent .z-treerow.z-treerow-selected .z-treecell-content,
.treeTransparent .z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content,
.treeTransparent .z-treerow.z-treerow-selected:hover > .z-treecell,
.treeTransparent .z-treerow.z-treerow-selected:hover > .z-treecell > .z-treecell-content
{
	background: transparent !important;
	
} 

.treecellTransparent .z-treecell-content {
	background: yellow;
	padding: 0px;
}


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

/* inlineTree */

.inlineTree .z-tree-line.z-tree-spacer{
	display: none;	
} 

.inlineTree .z-tree-header {
	height: 0px;
}

.inlineTree .z-tree-header-border {
    border-bottom: 0px;
}

.inlineTree {
	#background: transparent;
	border: none;
}

.inlineTree .z-treecell-content {
    padding: 4px 2px;
}

/* hover */
.inlineTree .z-treerow:hover > .z-treecell,
.inlineTree .z-treerow:hover .z-treecell-content{
	background: rgb(200,200,200) !important;
} 

/* selected */
.inlineTree .z-treerow.z-treerow-selected .z-treecell,
.inlineTree .z-treerow.z-treerow-selected > .z-treecell,
.inlineTree .z-treerow.z-treerow-selected .z-treecell-content,
.inlineTree .z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content {
    background: rgb(220,220,220) !important;
} 

/* selected + hover */
.inlineTree .z-treerow.z-treerow-selected:hover > .z-treecell,
.inlineTree .z-treerow.z-treerow-selected:hover > .z-treecell > .z-treecell-content{
	background:	rgb(210,210,210) !important;
} 



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

.legendTree  {
	#background:	#ffffff;
	color: #1b385c;
	line-height: 16px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	position: relative;
	text-align: inherit;
} 

.legendTree .z-tree-line.z-tree-spacer{
	#display: none;	
	width:15px;	
} 

.legendTree .z-treecol-content, .legendTree .z-treecell-content, .legendTree .z-treefooter-content {
    font-size: 12px;
    line-height: 16px;
} 

.legendTree .menuEntry .z-tree-line.z-tree-spacer {
	width:10px;
}

.legendTree .treeMenuEntries .z-tree-line.z-tree-spacer {
	#display: none;
}

.legendTree .main .z-tree-line.z-tree-spacer {
	#width:15px;
}

.legendTree .z-treecols-bar {
	/*
	background: #3F3F3F;
	border-color: #3F3F3F;
	*/
}

.legendTree .z-treecol-content{
	/*
	background: #3F3F3F;
	color: #FFFFFF;
	*/

}

.legendTree .z-treecell {
	background:	none;
} 

.legendTree .z-treecell-content {
	color: #1b385c;
	padding: 2px 2px;
}

.legendTree .z-tree-icon {
	font-size: 16px;
    	#color: rgb(230,176,44);
} 

.legendTree .z-tree-icon:hover {
   	 color: rgb(99, 99, 99);
} 


/* hover */
.legendTree .z-treerow:hover > .z-treecell {
	background: rgb(200,200,200);
	color:none;
} 

.legendTree .z-treerow:hover .z-treecell-content {
	background:	rgb(200,200,200);
	color: #1b385c;
} 


/* selected */
.legendTree .z-treerow.z-treerow-selected .z-treecell,
.legendTree .z-treerow.z-treerow-selected > .z-treecell {
    background: rgb(220,220,220);
} 

.legendTree .z-treerow.z-treerow-selected .z-treecell-content,
.legendTree .z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content{
	background:	rgb(255,255,255);
	#background:	rgb(220,220,220);
    	color: #1b385c;
} 


/* selected + hover */
.legendTree .z-treerow.z-treerow-selected:hover > .z-treecell {
	background:	rgb(210,210,210);
} 

.legendTree .z-treerow.z-treerow-selected:hover > .z-treecell > .z-treecell-content {
	background:	rgb(210,210,210);
	color: #1b385c;
}

.legendTree .z-treerow-focus > .z-treecell > .z-treecell-content {
	background:	rgb(210,210,210);
	color: #1b385c;
}



.legendTree .satellite .z-treerow-checkable,
.legendTree .satellite .z-treerow-checkbox {
	margin-left: 10px;
}

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

/* Button which look like a link for login page */

.buttonLink, .buttonLink.z-button:hover, .buttonLink.z-button:focus {
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-shadow: none;
	background: none;
	border: none;
	#text-align: center;
	padding: 0px 3px;
	box-shadow: none;
}

@media (min-width: 600px) { 
 .buttonLink, .buttonLink.z-button:hover, .buttonLink.z-button:focus {
	font-size: 14px;
 }
}

@media (min-width: 1000px) { 
 .buttonLink, .buttonLink.z-button:hover, .buttonLink.z-button:focus {
	font-size: 16px;
 }
}

.headerBox {
	background: #1b385c;
	height: 40px;
}



.headerMainBox .z-hbox-separator {
 	width: 2px;
}

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

.colorButton.z-button, .colorButton.z-button:focus, .colorButton.z-button:hover {	
	color: #1b385c;
	font-size: 14px;
	text-shadow: none;
	border-radius: 4px;
	border-color: #1b385c;
	box-shadow: none;	
} 

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

/* Grid */

.z-column-content{
	font-size: 14px;
}

.z-grid {
	/* border: 1px solid #666366; */
}

.z-grid .z-grid-header .z-column  {
	/* background: #666366; */
}

.z-grid .z-grid-header .z-column-content {
	/* color: white; */
}


.z-row{
  	/* 
  	color: black;
  	 */
  	background: rgb(247, 247, 247); 
  	border-color: rgb(247, 247, 247); 
}


.z-grid-odd > .z-row-inner{
  	background: rgb(255, 255, 255);	
  	border-color: rgb(255, 255, 255); 
  	#background: rgb(247, 247, 247);	
  	#border-color: rgb(247, 247, 247); 
  	
}

.z-grid-odd > .z-cell {
	/*
	background: rgb(217, 217, 217);
	 */ 
}

.z-grid-odd > .z-cell:hover {
	#background: #0d5ca0;
}

.z-row .z-row-inner, .z-row .z-cell {
    border-left: 0px;
} 



/* hover */
.z-row:hover > .z-row-inner > .z-row-content,
.z-row:hover > .z-row-inner > .z-row-content .z-a {
    color: white !important;
}

.z-row:hover > .z-row-inner > .z-row-content > .z-label {
	/*  color: black; */
}

.z-row:hover > .z-row-inner > .z-row-content > .z-vbox > .z-label {
	/*  color: white; */
}

.z-row:hover > .z-row-inner > .z-row-content{
	/*  color: black; */
}

.z-row:hover > .z-row-inner, .z-row:hover > .z-cell {
	background: #aaaaaa;
    position: relative;
} 

/************************************************/
/* Window */

.z-window-header {
    font-size: 14px;
    color: #ffffff;
    margin-left: 5px;
}

.z-window {
    #border: 1px solid #1b385c;
    #border-radius: 4px;
    padding: 4px;
    #background: rgb(170,170,170);
    background: #1b385c;
    #background: none;
}

.z-window-content {
	#background: #3F3F3F;
}

.z-window-modal.z-window-shadow, .z-window-highlighted.z-window-shadow {
    border-radius: 4px;
    box-shadow: 1px 1px 1px #66829A;
} 

.z-window-icon {
    color: #1b385c;
} 

.z-window-icon:hover {
    color: #1b385c;
    border-color: #8fb9d0;
    background: none repeat scroll 0% 0% #66829A;;
} 

.mainContentWindow {	
	border: none;
	padding: 0px;
	margin: 10px 30px 100px 10px;
}

.mainContentWindow .z-window-content{
	border: none;
}

.mainContentWindow1 {	
	border: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.mainContentWindow1 .z-window-content{
	border: none;
	padding: 0px 0px 2px 0px;
}


.optionWindow {
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.optionWindow .z-window-header {
    font-size: 12px;
    color: #ffffff;
    margin-left: 5px;
    padding: 3px 0 3px 0;
}

.optionWindow {
    border: 1px solid #1b385c; // rgb(128,128,128);
    border-radius: 4px;
    padding: 0px;
    background: #1b385c; // rgb(128,128,128);
}

.optionWindow .z-window-content {
	background: linear-gradient(to bottom, rgb(254, 254, 254) 0px, rgb(238, 238, 238) 100%) repeat scroll 0% 0% padding-box transparent;
	padding-top: 0px;
	padding-bottom: 0px;
}

.optionWindow.z-window-modal.z-window-shadow, .optionWindow.z-window-highlighted.z-window-shadow {
    border-radius: 4px;
    box-shadow: none;
} 

.optionWindow .z-window-close {
    #visibility: hidden !important;
} 

.optionWindow .z-window-close {
	width: 24px;
}

.optionWindow .z-window-close .z-icon-times,
.optionWindow .z-window-close z-icon-times {
	width: 23px;
}

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


.listboxMinimized .z-listcell-content,
.listboxMinimized.z-listbox .z-listcell-content
{
	line-height: 14px;
	font-size: 12px;
	padding: 2px 1px;
}

.listboxMinimized .z-listheader,
.listboxMinimized.z-listbox .z-listheader .z-listheader-content
{
	line-height: 14px;
	font-size: 12px;
}

.z-listbox .z-listheader .z-listheader-content,
.z-listbox .z-listcell-content {
	#font-size: 14px;
}




.z-listitem.z-listitem-selected .z-listcell,
.z-listitem.z-listitem-selected > .z-listcell,
.z-listitem.z-listitem-selected.z-listitem-focus .z-listcell,
.z-listitem.z-listitem-selected.z-listitem-focus > .z-listcell,
.z-listitem.z-listitem-selected.z-listitem-focus:hover .z-listcell,
.z-listitem.z-listitem-selected.z-listitem-focus:hover > .z-listcell
{
	background: #888888;
	border-color: #888888;
}

.z-listitem:hover>.z-listcell,
.z-listitem:hover > .z-listcell,
.z-listitem.z-listitem-selected:hover>.z-listcell,
.z-listitem.z-listitem-selected:hover > .z-listcell
{
	background: #aaaaaa;
	border-color: #aaaaaa;
}

.z-listitem.z-listitem:hover .z-listcell-content,
.z-listitem.z-listitem:hover > .z-listcell > .z-listcell-content,
.z-listitem.z-listitem-selected:hover>.z-listcell-content,
.z-listitem.z-listitem-selected:hover > .z-listcell > .z-listcell-content,
.z-listitem.z-listitem-selected .z-listcell-content,
.z-listitem.z-listitem-selected > .z-listcell > .z-listcell-content, 
.z-listitem.z-listitem-selected.z-listitem-focus .z-listcell-content,
.z-listitem.z-listitem-selected.z-listitem-focus > .z-listcell > .z-listcell-content
{
	color: white;
} 

.z-listitem-selected .z-listitem-icon,
.z-listitem-selected > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-listitem-icon {
	color: #1b385c;
}

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

.gridMinimizedNoBackground {
	border-top-width: 0px;
	border-left-width: 0px;
	max-width: 85px;
	min-width: 85px;
}

.gridMinimizedNoBackgroundDetails {
	border-top-width: 0px;
	border-left-width: 0px;
	max-width: 320px;
	min-width: 320px;
}

.gridMinimized .z-row-content,
.gridMinimized.z-grid .z-row-content,
.gridMinimizedNoBackground .z-row-content,
.gridMinimizedNoBackground.z-grid .z-row-content,
.gridMinimizedNoBackgroundDetails .z-row-content,
.gridMinimizedNoBackgroundDetails.z-grid .z-row-content,
.gridMinimizedNoHover .z-row-content,
.gridMinimizedNoHover.z-grid .z-row-content {
	line-height: 14px;
	font-size: 12px;
}

.gridMinimizedNoBackground .z-row-inner,
.gridMinimizedNoBackground .z-row,
.gridMinimizedNoBackgroundDetails .z-row-inner,
.gridMinimizedNoBackgroundDetails .z-row,
.gridMinimizedNoHover .z-row-inner ,
.gridMinimizedNoHover .z-row {
	#background: none;
  	#background: rgb(255, 255, 255);	
  	background: transparent;	
  	#border-color: rgb(255, 255, 255);	
  	border-color: transparent;	
}

.gridMinimizedNoBackground .z-grid-odd > .z-row-inner,
.gridMinimizedNoBackgroundDetails .z-grid-odd > .z-row-inner,
.gridMinimizedNoHover .z-grid-odd > .z-row-inner,
.gridMinimizedNoHover .z-grid-odd > .z-cell {
  	#background: none;
  	#background: rgb(255, 255, 255);	
  	background: transparent;	
  	#border-color: rgb(255, 255, 255);   
  	border-color: transparent;	
}

.gridMinimizedNoBackgroundDetails .z-cell {
	padding: 0px;
	background: transparent;
}

/* hover */
.gridMinimizedNoBackground .z-row:hover > .z-row-inner > .z-row-content,
.gridMinimizedNoBackgroundDetails .z-row:hover > .z-row-inner > .z-row-content,
.gridMinimizedNoBackground .z-row:hover > .z-row-inner > .z-row-content .z-a,
.gridMinimizedNoBackgroundDetails .z-row:hover > .z-row-inner > .z-row-content .z-a {
    color: #636363 !important;
}

.gridMinimizedNoBackground .z-row:hover > .z-row-inner, 
.gridMinimizedNoBackground .z-row:hover > .z-cell,
.gridMinimizedNoBackgroundDetails .z-row:hover > .z-row-inner, 
.gridMinimizedNoBackgroundDetails .z-row:hover > .z-cell {
	#background: #aaaaaa;
    #background: rgb(230, 176, 44);
    background: rgb(252, 220, 139);
    #background: rgb(255, 226, 44);
    position: relative;
}

/* hover */
.gridMinimizedNoHover .z-row:hover > .z-row-inner > .z-row-content {
   color: rgb(99, 99, 99) !important;
}

.gridMinimizedNoHover .z-row:hover > .z-row-inner, 
.gridMinimizedNoHover .z-row:hover > .z-cell {
	background: white;
    	position: relative;
}



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

/*
.z-loading-icon{
	height:1em;
}
.z-loading-indicator{
	color:#1b385c;	
}

.z-loading {
	background: none;
	font-size:1em;
	height:2em;	
	font-family: Arial,Sans-serif;
	font-style: normal;		
	border: none;	
	top:45% !important;
	left:45% !important;
	align:center;
	vertical-align:middle;
}

.z-loading-indicator {
	border: 1px solid #1b385c;
	border-radius: 0px;
}
*/

/* loading indicator */

.z-loading {
	background: #1b385c;
	border-radius: 10px;
}

.z-loading-indicator {
	border: 5px solid #1b385c;
	border-radius: 10px;
}

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


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

 .z-combobox-disabled {
	opacity: 1 !important;
 }

 .z-combobox-disabled * {
 	color: black !important;
 }

.z-combobox-input, .z-combobox-input[readonly]{
	border: 1px solid rgb(207, 207, 207);
	width: 176px;
	background-color: white; 
	#font-size: 14px;
	#height: 28px;
} 

.z-combobox-disabled .z-combobox-input {
	width: 200px;
}

.z-combobox-button{
	#height: 28px; 	
}

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

.hboxSeperator.z-hbox-separator,
.hboxSeperator .z-hbox-separator,
.hboxSeperator > .z-hbox-separator {
	width:2px;
	background-color: rgb(207, 207, 207);
}

.hboxSeperator.z-hbox-separator,
.hboxSeperator .z-hbox-separator,
.hboxSeperator > .z-hbox-separator {
	width:2px;
	background-color: rgb(207, 207, 207);
}


.noSeperator.z-hbox-separator,
.noSeperator .z-hbox-separator,
.noSeperator > .z-hbox-separator {
	width:0px;
}


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

.z-toolbarbutton-checked,
.z-toolbarbutton-checked:hover {
	background: rgb(230, 176, 44) ;
	#background: rgb(255, 255, 204) ;
	border-color: #002f56;
}

.z-toolbar-content span {
	font-size: 14px;
}

.z-toolbarbutton-content {
	#color: #1b385c;
	font-weight: bold;
	text-shadow: none;
}

.tbSats.z-toolbarbutton {
	width:50px;
	height:24px;
	border-color:rgb(169, 169, 169);
}

.tbSats > .z-toolbarbutton-content {
	font-size: 11px;
}

.tbSats.z-toolbarbutton-checked {
	background: rgb(230, 176, 44);
}

.tbSats.z-toolbarbutton-checked:hover,
.tbSats.z-toolbarbutton:hover{
	border-color: rgb(27, 56, 92);
}

@media (min-width: 1000px) { 
 .tbSats.z-toolbarbutton {
	width:60px;
 }
 .tbSats > .z-toolbarbutton-content {
 	font-size: 12px;
 }
}

.tbOption.z-toolbarbutton {
	width: auto;
	height:24px;
	border-color:rgb(169, 169, 169);
}

.tbOption > .z-toolbarbutton-content {
	font-size: 11px;
	color: black;
}

.tbOption.z-toolbarbutton-checked {
	background: rgb(27, 56, 92);
}

.tbOption.z-toolbarbutton-checked:hover,
.tbOption.z-toolbarbutton:hover{
	border-color: rgb(27, 56, 92);
}

.tbOption.z-toolbarbutton:hover > .z-toolbarbutton-content {
	color: black;
}

.tbOption.z-toolbarbutton-checked > .z-toolbarbutton-content,
.tbOption.z-toolbarbutton-checked:hover > .z-toolbarbutton-content {
	color: white;
}

@media (min-width: 1000px) { 
 .tbOption > .z-toolbarbutton-content {
 	font-size: 12px;
 }
}


.tbInfo.z-toolbarbutton,
.tbInfo.z-toolbarbutton:hover,
.tbInfo.z-toolbarbutton-checked,
.tbInfo.z-toolbarbutton-checked:hover,
.tbInfo.z-toolbarbutton:active {
	width:auto;
	height:24px;
	border-color: transparent;
	cursor: default;
	background: none;
	box-shadow: none;
}

.tbInfo > .z-toolbarbutton-content {
	font-size: 12px;
}

.tbTime.z-toolbarbutton,
.tbTime.z-toolbarbutton:hover,
.tbTime.z-toolbarbutton-checked,
.tbTime.z-toolbarbutton-checked:hover,
.tbTime.z-toolbarbutton:active {
	width:auto;
	min-width:118px;
	height:24px;
	border-color:rgb(169, 169, 169);
	background: none;
	box-shadow: none;
}

.tbTime > .z-toolbarbutton-content {
	font-size: 11px;
}


@media (min-width: 1400px) { 
 .tbTime.z-toolbarbutton,
 .tbTime.z-toolbarbutton:hover,
 .tbTime.z-toolbarbutton-checked,
 .tbTime.z-toolbarbutton-checked:hover,
 .tbTime.z-toolbarbutton:active {
 	min-width:135px;	
 }
 .tbTime > .z-toolbarbutton-content {
 	font-size: 12px;
 }
}

@media (min-width: 1000px) { 
 .tbTime > .z-toolbarbutton-content {
 	font-size: 12px;
 }
}

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

.z-textbox[disabled] {
	color: black !important;
}

.noButtonStyle,
.noButtonStyle-checked:hover,
.noButtonStyle:hover,
.noButtonStyle:active {
	border:none;
	background: none;
	border: none;
}

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

.inputboxMinimized.z-intbox {
	#height: 18px;
	min-height: 18px;
	#font-size: 12px;
	text-align: right;
	#padding: 0px;
	width: 90px;
}

/************************************************/
/*
.dbListbox{
	border:none;
	background:none;
	height:16px;
	color: rgb(99, 99, 99);
}

.dbListbox:hover {
	color:white;
}
*/

.dbListbox .z-doublebox[disabled],
.dbListbox.z-doublebox[disabled],
.dbListbox .z-doublebox .z-doublebox-disabled,
.dbListbox .z-doublebox.z-doublebox-disabled,
.dbListbox .z-doublebox.z-doublebox[disabled],
.dbListbox.z-doublebox.z-doublebox[disabled],
.dbListbox .z-intbox[disabled],
.dbListbox.z-intbox[disabled],
.dbListbox .z-intbox .z-intbox-disabled,
.dbListbox .z-intbox.z-intbox-disabled,
.dbListbox .z-intbox.z-intbox[disabled],
.dbListbox.z-intbox.z-intbox[disabled]{
	border:none !important;
	background:none !important;
	height:12px;
	color: rgb(99, 99, 99) !important;
	opacity: 1.0;
	text-align: right;
	font-size: 12px;
	min-height: 12px;
	padding: 0px;
}

.z-listitem.z-listitem-selected .z-listcell-content .dbListbox,
.z-listitem.z-listitem-selected .z-listcell-content .z-doublebox[disabled],
.z-listitem.z-listitem-selected > .z-listcell > .z-listcell-content .dbListbox,
.z-listitem.z-listitem-selected .z-listcell-content .z-doublebox[disabled],
.z-listitem.z-listitem:hover .z-listcell-content .dbListbox,
.z-listitem.z-listitem:hover > .z-listcell > .z-listcell-content .z-doublebox[disabled],
.z-listitem.z-listitem-selected:hover>.z-listcell-content .dbListbox,
.z-listitem.z-listitem-selected:hover > .z-listcell > .z-listcell-content .z-doublebox[disabled],
.z-listitem.z-listitem-selected .z-listcell-content .z-intbox[disabled],
.z-listitem.z-listitem-selected .z-listcell-content .z-intbox[disabled],
.z-listitem.z-listitem:hover > .z-listcell > .z-listcell-content .z-intbox[disabled],
.z-listitem.z-listitem-selected:hover > .z-listcell > .z-listcell-content .z-intbox[disabled] 
{
	color: white !important;
}

/************************************************/
.z-grid-odd > .cellNoBackground,
.z-row:hover > .cellNoBackground,
.z-row > .cellNoBackground,
.cellNoBackground
{
	background-color: white;
	color: rgb(99,99,99);
	line-height: 14px;
	#padding-left:10px !important;
}

.cellNoBackgroundOdd,
.z-row:hover > .cellNoBackgroundOdd {
	background-color: rgb(247, 247, 247);
	color: rgb(99,99,99);
	line-height: 14px;
	#padding-left:10px !important;
}

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

.buttonText, 
.buttonText.z-textbox.z-textbox-disabled,
.buttonText.z-textbox:hover, 
.buttonText.z-textbox:focus {
	font-size: 12px;
	font-weight: bold;
	color:black;
	text-shadow: none;
	background: none !important;
	border: none;
	text-align: left;
	padding-left: 0px;
	box-shadow: none;
	opacity: 1.0;
}


.buttonSelection.z-button {
	text-shadow:0px 0px;
	font-size: 11px;
	padding: 3px 4px;
	border-radius: 5px;
	#background: rgb(215,235,255);
	background: #EEF6FF;
	height:40px;
	white-space: normal;
	width:60px;
}

.buttonSelection.z-button:hover,
.buttonSelection.z-button:focus {
	border-color: rgb(27, 56, 92);
	box-shadow: 0px 0px 0px rgb(0, 0, 0) inset;
	text-shadow:0px 0px;
}

.buttonSelectionSel.z-button {
	text-shadow:0px 0px;
	font-size: 11px;
	padding: 3px 4px;
	border-radius: 5px;
	border-color: rgb(27, 56, 92);
	#background:rgb(230, 176, 44);
	background: rgb(27, 56, 92);
	color: white;
	height:40px;
	white-space: normal;
	width:60px;
}

.buttonSelectionSel.z-button:hover,
.buttonSelectionSelected.z-button:focus {
	border-color: rgb(27, 56, 92);
	box-shadow: 0px 0px 0px rgb(0, 0, 0) inset;
	text-shadow:0px 0px;
}


.buttonUnit.z-button {
	text-shadow:0px 0px;
	font-size: 11px;
	padding: 3px 2px;
	border-radius: 0px;
	border-color: rgb(27, 56, 92);
	#background: rgb(215,235,255);
	background: #EEF6FF;
	#margin-left: -1px;
	width: 60px;
}

.buttonUnit.z-button:hover,
.buttonUnit.z-button:focus {
	border-color: rgb(27, 56, 92);
	box-shadow: 0px 0px 0px rgb(0, 0, 0) inset;
	text-shadow:0px 0px;
}

.buttonUnit.z-button:focus {
	border-color: rgb(27, 56, 92);
	box-shadow: 0px 0px 0px rgb(0, 0, 0) inset;
	text-shadow:0px 0px;
}

@media (min-width: 1000px) { 
 .buttonSelection.z-button,
 .buttonSelectionSel.z-button,
 .buttonUnit.z-button {
 	font-size: 12px;
 }
}


.buttonScale,
.buttonScale.z-button:hover,
.buttonScale.z-button:focus {
	height:24px;
	width:24px;
	font-weight:bold;
	#font-size:18px;
	#border:1px solid rgb(27, 56, 92);
	border:1px solid rgb(169, 169, 169);
	padding-left:6px;
	padding-right:6px;
}


.buttonScale > .z-button-content,
.buttonScale.z-icon-refresh,
.buttonScale > .z-icon-refresh,
.buttonScale > .i
{
	font-size: 24px;
	color: rgb(27, 56, 92);
}

.legendBox {
	height:14px;
	width:14px;
	min-height:10px;
	padding:0px;
	border-radius: 0px;
	border:none;
	box-shadow: none;
}

.legendLabel {
	cursor:default;
	font-weight: bold;
}


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

.dataToolbar {
	#background: grey !important;
	vertical-align:middle;
	#background: linear-gradient(to bottom, rgb(254, 254, 254) 0px, rgb(238, 238, 238) 100%) repeat scroll 0% 0% transparent;
	
}

.dataToolbar .z-toolbar-content {
	font-size: 4px;
}


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

.scrollSlider .z-slider-button {
	width: 100px;
	background: rgb(27, 56, 92);
}

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

.z-frozen {	
	background-image: none;
	background-color: rgb(250, 250, 250);
}

.z-listbox-body {
	background-color: rgb(250, 250, 250);
}

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

.tbButton {
	padding: 0px;
}

.tbButton img {
	height: 24px;
	width: 24px;	
}

.buttonStatus, 
.buttonStatus.z-button-selected, 
.buttonStatus.z-button:hover, 
.buttonStatus.z-button-selected:hover,
.buttonStatus.z-button:focus {
	border: 0px solid rgb(0, 0, 0);
	background: none;
	box-shadow: none;
	padding-left: 0px;
	padding-right: 0px;
}

.buttonStatus img {
	height: 20px;
	width: 20px;
}


.btnToggle.z-button,
.btnToggle.z-button:hover,
.btnToggle.z-button-checked,
.btnToggle.z-button-checked:hover,
.btnToggle.z-button:active,
.btnToggleLeft.z-button,
.btnToggleLeft.z-button:hover,
.btnToggleLeft.z-button-checked,
.btnToggleLeft.z-button-checked:hover,
.btnToggleLeft.z-button:active,
.btnToggleRight.z-button,
.btnToggleRight.z-button:hover,
.btnToggleRight.z-button-checked,
.btnToggleRight.z-button-checked:hover,
.btnToggleRight.z-button:active {
	background-image: none;
	text-shadow: none;
	margin:0px !important;
	border-radius: 0px;
	background-color: rgb(250, 250, 250);
	border-right-width: 0px;
	font-size: 11px;
	box-shadow: none;
}

.btnToggle.z-button img, 
.btnToggleLeft.z-button img,
.btnToggleRight.z-button img {	
	height: 16px;
	#margin-top: -2px;
}

@media (min-width: 1400px) { 
 .btnToggle.z-button,
 .btnToggle.z-button:hover,
 .btnToggle.z-button-checked,
 .btnToggle.z-button-checked:hover,
 .btnToggle.z-button:active,
 .btnToggleLeft.z-button,
 .btnToggleLeft.z-button:hover,
 .btnToggleLeft.z-button-checked,
 .btnToggleLeft.z-button-checked:hover,
 .btnToggleLeft.z-button:active,
 .btnToggleRight.z-button,
 .btnToggleRight.z-button:hover,
 .btnToggleRight.z-button-checked,
 .btnToggleRight.z-button-checked:hover,
 .btnToggleRight.z-button:active {
 	font-size: 12px;
 }
}

.btnToggleLayout .z-hlayout-inner {
    display: inline-block;
    position: relative;
    vertical-align: top;
    white-space: normal;
    padding: 0px !important;
}

.btnToggleRight {
	border-radius: 0px 4px 4px 0px !important;
	border-right-width: 1px !important;
}

.btnToggleLeft {
	border-radius: 4px 0px 0px 4px !important;
}

.buttonBlue, 
.buttonBlue[disabled],
.buttonBlue.z-button-selected, 
.buttonBlue.z-button:focus {
	border: 1px solid #1b385c; 
	background-color: #1b385c; 
	background-image: none;
	color: white;
	box-shadow: none;
	text-shadow: none;
	font-size: 11px;
}

.buttonBlue.z-button:hover, 
.buttonBlue.z-button-selected:hover {
	border: 1px solid #1b385c; 
	background-color: rgba(27,56,92,0.8); 
	background-image: none;
	color: white;
	box-shadow: none;
	text-shadow: none;
}

@media (min-width: 1400px) { 
 .buttonBlue, 
 .buttonBlue[disabled],
 .buttonBlue.z-button-selected, 
 .buttonBlue.z-button:focus,
 .buttonBlue.z-button:hover, 
 .buttonBlue.z-button-selected:hover,
 .buttonGrey, 
 .buttonGrey[disabled],
 .buttonGrey.z-button-selected, 
 .buttonGrey.z-button:focus,
 .buttonGrey.z-button:hover, 
 .buttonGrey.z-button-selected:hover {
	font-size: 12px;
 }
}

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

/* grid on login page user + password */

.loginGrid {
	border: none;
} 

.loginGrid .z-row{
  	border: none;
  	background: none;
} 

.loginTextbox {
	width: 150px;
}

.loginGrid .z-row-content .z-label {
	color: #1b385c !important;
	font-size: 11px;
}

@media (min-width: 800px) { 
 .loginGrid .z-row-content .z-label {
 	font-size: 14px;
 }
 .loginTextbox {
	width: 200px;
 }
}

.loginGrid .z-row-inner,
.loginGrid .z-grid-odd > .z-row-inner {
  	border: none;
  	color: white;
  	background: none;
} 

.loginGrid .z-row:hover > .z-row-inner, .z-row:hover > .z-cell {
	background: none;
} 

.loginGrid .z-textbox {
	color: #1b385c;
	background-color: white !important;
	border-color: #66829A;
} 


/* vbox surrounding grid on login page + buttons login, registration, new login  */
.vboxLogin{
	background: rgba(255,255,255,0.6);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-bottom: 30px;
	padding-top: 10px;
} 

.loginWin, .loginWin .z-window-content, .loginWin .z-window-header {
	background: none;
	margin: 0px;
	padding: 0px;
}

.vlayoutLogin {
	background: transparent;
	margin: 0px;
	padding: 0px;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

.headerBar{
	color:white;
	height: 30px;
	padding-bottom: 0px;
	padding-top:0px;
	#background: radial-gradient(circle, rgba(255,255,255,0.6) 10%, #66829A 30%, #1b385c 100%);
}

.headerBarLabel.z-label {
	font-size:20px;
	color: white;
	line-height: 30px;
}

@media (min-width: 800px) { 
 .headerBarLabel.z-label {
	font-size:36px;
	line-height: 48px;
 }
 .headerBar{
	height: 48px;
 }
}

.headerBarButton, 
.headerBarButton.z-button,
.headerBarButton.z-button-selected, 
.headerBarButton.z-button:hover, 
.headerBarButton.z-button-selected:hover,
.headerBarButton.z-button:focus {
	font-size: 18px;
	color: white;
	font-weight: normal;
	text-shadow: none;
	border: none;
	background: transparent;
	box-shadow: none;
}

.headerVbox .z-vbox-separator{
    height: 0px;
    background-color: #1b385c;
}

.loginPage {
	background: radial-gradient(ellipse,  #66829A, #1b385c);
}

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

/* Notification */

/* notification at the center of the window */
.z-notification-content{
	font-size: 12px;
	font-weight: bold;
	min-height: 30px;
	max-width: 400px;
	min-width: 200px;
	width: auto;
	border-radius: 10px;
	padding: 45px 25px 45px 45px;
	box-shadow: none;
	border-style: solid;
} 

/* notification with pointer to element like textbox */
.z-notification-pointer ~ .z-notification-content {
    	width: auto;
    	font-size: 12px;
    	font-weight: bold;
    	border-radius: 10px;
    	box-shadow: none;
    	border-style: solid;
} 

/* notification with info icon */
.z-notification-info .z-notification-content {
    background: none repeat scroll 0% 0% #1b385c;
    border: 2px solid white;
} 

.z-notification-info .z-notification-left {
    border-right-color: #1b385c;
} 

/* notification with warning icon */
.z-notification-warning .z-notification-content {
    background: none repeat scroll 0% 0% #1b385c; 
    border: 2px solid white;
} 

.z-notification-warning .z-notification-left {
    border-right-color: #1b385c;
} 

/* notification with error icon */
.z-notification-error .z-notification-content {
    background: none repeat scroll 0% 0% rgb(160, 0, 0);
    border: 2px solid white;
} 

.z-notification-error .z-notification-left {
    border-right-color: rgb(160, 0, 0);
}


/************************************************/
/****** ZK Charts *****/

/****** defines the end of a line *****/
.highcharts-series path {	
	stroke-linecap: square;
	stroke-linejoin: bevel;
}

.highcharts-title {
	font-size: 14px !important;
	text-transform: none !important;
}

.highcharts-yaxis-title {
	text-transform: none !important;
}

.highcharts-background {
	stroke-width: 0px;
	fill: none;
}

.highcharts-no-data {
	visibility: hidden;
}

.skyplotchart .highcharts-axis path {
	stroke: #D8D8D8; 
}

.highcharts-axis path {
	stroke: #D8D8D8; 
}

.columnChart .highcharts-tooltip path {
	stroke: gray !important;
}

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

.tbBtn.z-toolbarbutton,
.tbBtn.z-toolbarbutton:hover,
.tbBtn.z-toolbarbutton-checked,
.tbBtn.z-toolbarbutton-checked:hover,
.tbBtn.z-toolbarbutton:active {
	width:auto;
	height:24px;
	border-color:rgb(169, 169, 169);
	background: none;
	box-shadow: none;
	#margin-top: 2px;
}

.tbBtn.z-toolbarbutton:hover,
.tbBtn.z-toolbarbutton-checked:hover {
	#background: linear-gradient(to bottom,#eeeeee 0,#dedede 100%);
}

.tbBtn > .z-toolbarbutton-content {
	font-size: 11px;
}

.tbBtn.z-toolbarbutton img {	
	height: 20px;
	margin-top: -2px;
}

@media (min-width: 1400px) { 
 .tbBtn > .z-toolbarbutton-content {
 	font-size: 12px;
 }
}


.tooltipGrid, 
.tooltipGrid > .z-grid-header-border,
.tooltipGrid .z-row {
	border: none;
	background: none;
} 

.tooltipGrid .z-row *,
.tooltipGrid .z-row:hover > .z-row-inner,
.tooltipGrid .z-row:hover > .z-cell,
.tooltipGrid .z-row:hover > .z-row-inner > .z-row-content {
	background: none;
	color: black;
	cursor:default;
}

.tooltipGrid .z-row-content {
	padding-top: 2px;
	padding-bottom: 2px;
}

.tooltipGrid .z-groupbox-content {
	padding: 2px;
}


.generalLabel.z-label {
	font-size: 11px;
}

@media (min-width: 1400px) { 
 .generalLabel.z-label {
	font-size: 12px;
 }
}

.rowWithGroupbox .z-row-content {
	padding-top: 10px;

}

.contentRow .z-row-content {
	padding-top: 2px;
}

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

/* buttons */

.buttonGrey, 
.buttonGrey[disabled],
.buttonGrey.z-button-selected,
.buttonGrey.z-button:focus {
	border: 1px solid rgb(158,158,158);
	background-color: rgb(158,158,158);
	background-image: none;
	color: white;
	box-shadow: none;
	text-shadow: none;
	font-size: 11px;
}

.buttonGrey.z-button:hover, 
.buttonGrey.z-button-selected:hover {
	border: 1px solid rgb(158,158,158);
	background-color: rgba(158,158,158, 0.8); 
	background-image: none;
	color: white;
	box-shadow: none;
	text-shadow: none;
}



.buttonBlue, 
.buttonBlue[disabled],
.buttonBlue.z-button-selected, 
.buttonBlue.z-button:focus {
	border: 1px solid #1b385c !important; 
	background-color: #1b385c !important; 
	background-image: none;
	color: white !important;
	box-shadow: none;
	text-shadow: none;
	font-size: 11px;
}

.buttonBlue.z-button:hover, 
.buttonBlue.z-button-selected:hover {
	border: 1px solid #1b385c !important; 
	background-color: rgba(27,56,92,0.8) !important; 
	background-image: none;
	color: white !important;
	box-shadow: none;
	text-shadow: none;
}

@media (min-width: 1400px) { 
 .buttonBlue, 
 .buttonBlue[disabled],
 .buttonBlue.z-button-selected, 
 .buttonBlue.z-button:focus,
 .buttonBlue.z-button:hover, 
 .buttonBlue.z-button-selected:hover,
 .buttonGrey, 
 .buttonGrey[disabled],
 .buttonGrey.z-button-selected, 
 .buttonGrey.z-button:focus,
 .buttonGrey.z-button:hover, 
 .buttonGrey.z-button-selected:hover {
	font-size: 12px;
 }
}

.btnCheckbox.z-button,
.btnCheckbox.z-button:hover,
.btnCheckbox.z-button-checked,
.btnCheckbox.z-button-checked:hover,
.btnCheckbox.z-button:active {
	width:14px;
	height:14px;
	min-width:14px;
	min-height:14px;
	border: 1px solid #1b385c;
	background: none;
	box-shadow: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin-top: -2px;
	line-height: 12px;
}

.btnCheckbox.z-button img {	
	height: 12px;
}

@media (min-width: 1400px) { 
 .btnCheckbox.z-button,
 .btnCheckbox.z-button:hover,
 .btnCheckbox.z-button-checked,
 .btnCheckbox.z-button-checked:hover,
 .btnCheckbox.z-button:active {
	width:16px;
	height:16px;
	min-width:16px;
	min-height:16px;
	font-size: 12px;
	margin-top: -2px;
	line-height: 14px;
 }

 .btnCheckbox.z-button img {	
	height: 14px;
 }
}

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

.divVlayout {
	background:linear-gradient(to bottom,#fefefe 0,#f8f8f8 100%); 
	border-left: 1px solid #cfcfcf;
	#border-right: 1px solid #cfcfcf;
	overflow: auto;
}


.z-a {
	font-size: 14px;
	color: #636363;
}

.listcellWithIcon .z-listcell-content {
	padding-left: 0px !important;
	font-size: 14px !important;
}
/*
.highcharts-series-group {
	visibility: hidden;
	height: 0px;
	width: 0px;
}

.highcharts-series {
	visibility: hidden;
}

.highcharts-grid {
	width: 300px;
	height: 300px;
}
*/

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

.stationPopup{	
	border: 1px solid #1b385c; // rgb(128,128,128);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	border-radius: 4px;
}

.stationPopup .z-popup-content * {
	font-size: 12px;
	#background: none;
} 

.stationPopup .z-popup-content {
	padding: 0px;
	background: linear-gradient(to bottom, rgb(254, 254, 254) 0px, rgb(238, 238, 238) 100%) repeat scroll 0% 0% padding-box transparent;
}

.stationPopup .z-row-content {
	line-height: 12px;
}

.popupCation {
	border: none;
	background-color: #1b385c; // rgb(128,128,128);
	background-image: none;
	color: white;
	padding: 5px;
}

.popupCation .z-label {
	font-size: 12px;
}


.generalLabel.z-label {
	font-size: 11px;
}

@media (min-width: 1400px) { 
 .generalLabel.z-label {
	font-size: 12px;
 }
}

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

.optionWindow {
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.optionWindow .z-window-header {
    font-size: 12px;
    color: #ffffff;
    margin-left: 5px;
    padding: 3px 0 3px 0;
}

.optionWindow {
    border: 1px solid #1b385c; // rgb(128,128,128);
    border-radius: 4px;
    padding: 0px;
    background: #1b385c; // rgb(128,128,128);
}

.optionWindow .z-window-content {
	background: linear-gradient(to bottom, rgb(254, 254, 254) 0px, rgb(238, 238, 238) 100%) repeat scroll 0% 0% padding-box transparent;
}

.optionWindow.z-window-modal.z-window-shadow, .optionWindow.z-window-highlighted.z-window-shadow {
    border-radius: 4px;
    box-shadow: none;
} 

.optionWindow .z-window-close {
    visibility: hidden !important;
} 

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

a [class^='z-icon-'], a [class*=' z-icon-'] {
	display: inline-block;
}


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

.colorButton.z-button, .colorButton.z-button:focus, .colorButton.z-button:hover {	
	color: #1b385c;
	font-size: 14px;
	text-shadow: none;
	border-radius: 4px;
	border-color: #1b385c;
	box-shadow: none;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	padding: 0px;
} 


.gbColor.z-groupbox > .z-groupbox-header .z-caption {
	color:black;
	background-color:#ffffff;	
}



.colorChooserWindow .z-window-header {
    font-size: 12px;
    color: #ffffff;
    margin-left: 5px;
    padding: 3px 0 3px 0;
}


.colorChooserWindow {
	width: 270px !important;
	#width: 222px !important;
 	height: 417px !important;
 	box-shadow: 0 0 3px rgba(0,0,0,0.5);
 	padding: 0px;
 	border-radius: 4px;
 	border: 1px solid #1b385c; 
 	background: #1b385c;
}

.colorChooserWindow .z-window-content {
	padding-top: 10px;
	width: 270px;
	#width: 220px;
	height: 383px !important;  
}

.colorChooserWindow .z-window-content .z-button {
	padding: 3px 12px;
}

.colorChooserWindow .z-window-content .z-slider {
	width: 120px !important;
}

.colorChooserWindow .z-window-content .z-intbox {
	width: 30px !important;
	font-size: 11px;
}

.colorChooserWindow .z-window-content .z-textbox {
	width: 80px;
	opacity: 1.0;
	font-size: 11px;
}

.colorChooserWindow .z-window-content .colorPreviewBox {
	width: 245px !important;
}

.colorChooserWindow .z-window-content .z-vbox {
	width: 208px !important;
}

.colorChooserWindow .z-window-content .gbColor {
	padding: 0px;
}

.colorChooserWindow .z-window-content .gbColor .z-groupbox-content {
	padding:0px;
} 

.palette > .z-hlayout-inner:first-child {
	width: 100%;
}
.palette > .z-hlayout-inner:last-child {
	width: 100%;
	display: block;
}
 .colorBox {
 	width: 16px !important;
 	height: 16px !important;
 }

/*
.palette > .z-hlayout-inner:first-child {
	width: 100%;
}
.palette > .z-hlayout-inner:last-child {
	width: 100%;
	display: block;
}

.palette > .z-hlayout-inner:first-child  {
	width: 50%;
	height: 100%;
} 
.palette > .z-hlayout-inner:last-child {
	width: 50%;
	display: inline-block;
}
*/
@media (min-width: 800px) { 
 .colorChooserWindow {
 	width: 336px !important;
 	height: 529px !important;
 }
 .colorChooserWindow .z-window-content {
 	padding-top: 0px;
 	width: 334px;
 	height: 497px !important;
 }
 .colorChooserWindow .z-window-content .z-slider {
	width: 150px !important;
 }
 .colorChooserWindow .z-window-content .z-intbox {
 	width: 50px !important;
 	font-size: 12px;
 }
 .colorChooserWindow .z-window-content .z-textbox {
 	width: 200px;
 	font-size: 12px;
 }
 .colorChooserWindow .z-window-content .colorPreviewBox {
 	width: 298px !important;
 }
 .colorChooserWindow .z-window-content .z-vbox {
 	width: 308px !important;
 }
 .colorChooserWindow .z-window-content .gbColor {
 	padding: 16px 2px 5px 2px;
 }
 .colorChooserWindow .z-window-content .gbColor .z-groupbox-content {
 	padding:5px;
 } 
 .colorBox {
 	width: 20px !important;
 	height: 20px !important;
 }
}

.colorChooserWindow .z-button, 
.colorChooserWindow .z-button[disabled],
.colorChooserWindow .z-button.z-button-selected, 
.colorChooserWindow .z-button.z-button:focus {
	border: 1px solid #1b385c; 
	background-color: #1b385c; 
	background-image: none;
	color: white;
	box-shadow: none;
	text-shadow: none;
	font-size: 11px;
}

.colorChooserWindow .z-button.z-button:hover, 
.colorChooserWindow .z-button.z-button-selected:hover {
	border: 1px solid #1b385c; 
	background-color: rgba(27,56,92,0.8); 
	background-image: none;
	color: white;
	box-shadow: none;
	text-shadow: none;
}

@media (min-width: 800px) { 
 .colorChooserWindow .z-button {
	font-size: 12px;
 }
}

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

/* ZK 8.6.0 */

.z-auxheader {
    border-right: 0px solid #000;
    #border-left: 1px solid #000;
    #border-bottom: 1px solid #000;
}


/* ZK 8.6.1 */

.z-row .z-row-inner, 
.z-row .z-cell {
    border-right: 1px solid transparent;
}

.z-grid .z-row-inner {
    background: unset;
}

.z-grid-odd .z-row-inner {
    background: white;
}

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

.legendGrid .z-label {
	font-size: 11px;
}

.legendGrid .z-row-content {
	padding: 2px 5px;
}

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

.infoGrid .z-label {
	font-size: 12px;
}

.infoGrid .z-row-content {
	padding: 2px 5px;
	#line-height: 22px;
}

.infoGrid .z-column-content {
	padding: 2px 5px;
	font-size: 12px;
	font-weight: normal;
}

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

.mainInfoLayout > .z-hlayout-inner:first-child {
	#width: 100%;
	#max-width: 450px;
	width: 520px;
}

.mainInfoLayout > .z-hlayout-inner:last-child {
	width: 100%;
	display: block;
}

@media (min-width: 1050px) { 
 .mainInfoLayout > .z-hlayout-inner:first-child  {
 	#width: 50%;
 	#height: 100%;
 } 
 .mainInfoLayout > .z-hlayout-inner:last-child {
 	width: 50%;
 	display: inline-block;
 }
}

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

.notSplittable .z-west-splitter { 
	cursor: default;
}

.notSplittableLeft .z-west-splitter { 
	cursor: default;
	#border-left: 1px solid #cfcfcf;
}

.notSplittable .z-icon-ellipsis-v::before,
.notSplittable .z-icon-ellipsis-h::before,
.notSplittableLeft .z-icon-ellipsis-v::before,
.notSplittableLeft .z-icon-ellipsis-h::before { 
	content: none; 
}

.notSplittable .z-west-collapsed { 
	border: none;
	border-bottom: 1px solid #cfcfcf;
	#background: #F0F0F0;
	background: linear-gradient(to left,#fdfdfd 0,#f1f1f1 100%);
	#width: 20px !important;
	#padding: 0px;
}

.z-west-collapsed {
	background: linear-gradient(to left,#fdfdfd 0,#f1f1f1 100%);
}

.notSplittableLeft .z-west-collapsed { 
	border: none;
	border-bottom: 1px solid #cfcfcf;
	background: linear-gradient(to left,#fdfdfd 0,#f1f1f1 100%);
}

.notSplittable .z-north-splitter {
	border-left: 0px;
	cursor: default;
}

.notSplittableLeft .z-north-splitter {
	border-right: 0px;
	cursor: default;
}


.notSplittable .z-north-collapsed {
	border: 0px;
	border-right: 1px solid #cfcfcf;
	background: linear-gradient(to top,#fdfdfd 0,#f1f1f1 100%);	
}

.notSplittableLeft .z-north-collapsed {
	border: 0px;
	border-left: 1px solid #cfcfcf;
	background: linear-gradient(to top,#fdfdfd 0,#f1f1f1 100%);	
}

.z-north-collapsed {
	background: linear-gradient(to top,#fdfdfd 0,#f1f1f1 100%);
}

.notSplittable .z-west {
	border-left: 0px;
}

.z-north-collapsed > .z-borderlayout-icon,
.z-west-collapsed > .z-borderlayout-icon,
.notSplittable .z-north-collapsed > .z-borderlayout-icon,
.notSplittable .z-west-collapsed > .z-borderlayout-icon,
.notSplittableLeft .z-north-collapsed > .z-borderlayout-icon,
.notSplittableLeft .z-west-collapsed > .z-borderlayout-icon {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.notSplittable .z-north-collapsed > .z-borderlayout-icon::before,
.notSplittable .z-west-collapsed > .z-borderlayout-icon::before,
.notSplittableLeft .z-north-collapsed > .z-borderlayout-icon::before,
.notSplittableLeft .z-west-collapsed > .z-borderlayout-icon::before {
	vertical-align: middle;
}

.z-borderlayout-icon {
    font-size: 20px;
    color: #000;
    opacity: .7;
}