/* footer navigation */



.footer {
	margin:0;
	padding:0;
	
	bottom:0px;
	right:0px;
	left:0px;	
	width: 100%;
	height:3em;	
	background-color: #F0F0F0;
	border-top:2px solid #dcdcdc;	
	
}

.nav {
	list-style-type:none;		
	text-align:center;
	vertical-align:center;
}

.nav a{
	color: #1b385c;
	text-decoration:none;		
	padding: 0px;	
	margin-left:0px;
	padding-bottom: 5px;
	font:normal 100% Arial,Sans-serif;	
}

.nav a:hover{	
	color:rgb(230,176,44);			
	font:normal 100% Arial,Sans-serif;		
}

.nav li{	
	list-style-type:none;
	margin-left:10px;		
	margin-right:10px;		
	font:normal 100% Arial,Sans-serif;	
	display:inline;			
}

.selflink .z-button:hover{	
	cursor:pointer;
} 
.noselflink .z-button:hover{	
	cursor:pointer;
} 

.selflink, .z-button{
	color:#1b385c;			
	font:normal 100% Arial,Sans-serif;	
	border:none;
	border-bottom: 4px solid   rgb(230,176,44);
	font-size: 1.2em;
	cursor:pointer;
} 
 .noselflink, .z-button{
	font-size: 1.2em;
	color:#1b385c;			
	font:normal 100% Arial,Sans-serif;	
	border:none;	
	cursor:default;	
} 

	
.z-listheader, .z-listheader-content, .z-listheader-border{
	
	color:#1b385c;
	
	z-index:100;
}	



html, body {
	padding:0;
	margin:0;
	height: 100%;
}


header, footer, section, nav, #headerie, #headermenu{
	display:block;
}


label {
	min-width:10em;
	display:inline-block;
}



.inputTextbox{
	margin-top:5px;
	margin-right:5px;
	margin-left:5px;
	font-size: 1.5em;
	height:1.8em;
	background-image: none; 
	background-color:white;		
	color:#1b385c;		
}




input:focus{
	border:1px solid #3498db;
	box-shadow: 0 0 10px rgba(32,204,255,0.7);
	-moz-box-shadow: 0 0 10px rgba(32,204,255,0.7);
	-box-shadow: 0 0 10px rgba(32,204,255,0.7);
	outline:none;
	
}


.z-listitem .z-listcell{
	border:none;
}

.z-listitem .z-listcell:hover{
	border:none;
	
}

.nohover:hover .z-listcell{
	align:center;
	cursor:default;
	background:none;
}

.nohover .z-listcell:hover{
	background:none;
}

.nohover .z-listcell:hover .z-listcell-content{
	color:#1b385c;
}

.nohover:hover .z-listcell .z-listcell-content{
	color:#1b385c;
}


.footernav{
	color:#1b385c;
	font-size:1em;
	height:1.5em;	
	font-family: Arial,Sans-serif;
	font-style: normal;
	margin:none;
	background:none;
}

.footernavgeopp{	
	padding:5px;
	font-size:1em;
	height:1.5em;
	color:#1b385c;
	text-align:center;	
	vertical-align:middle;
	font-family: Arial,Sans-serif;
	font-style: normal;
	margin-bottom:10px;
}

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

.middlepopup{
	top:45% !important;
	left:45% !important;
	align:center;
	vertical-align:middle;
}


.z-loading {
	/* manual change 
	background: #B81021;
	border: 1px solid #666366;
	*/
	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 {
	/* manual change 
	background: #ffffff;
	border: 5px solid #B81021;
	color: black;
	*/
	border: 1px solid #1b385c;
	border-radius: 0px;
}

.z-loading-icon {
	#color: #666366;
	#background: transparent url(${c:encodeURL('~./zk/img/progress2.gif')});
}


.z-tree{
	border:0px;
}


.z-listitem.z-listitem-selected .z-listcell-content{
	color:#CFCFCF;
}

.intro_listbox, z.-listbox{
	margin:0;
	border:0px;
}

.colstyle{
	border:1px solid #ffdcdc;
}

.z-row .z-row-inner, .z-row .z-cell {
	border-left:1px solid #CFCFCF;	
}

.z-label .auxheaderlabel{
	background-image: none;
background-color: #FFF;
color: #1B385C;
font: 1em Arial,Sans-serif;
margin-top: 20px;
margin-bottom: 20px;
z-index: 101;
border-left: 0px none;
border-right: 0px none;
border-top: 0px none;
font-size:22px;
}

.noline .z-listbox {
	border:0px solid #ffdcdc;
	
}

.noline .z-north {
	border:0px solid #ffdcdc;
	
}
.noline .z-south {
	border:0px solid #ffdcdc;
	
}

.noline .z-center {
	border:0px solid #ffdcdc;
	
}
.noline .z-listbox{
	border:0px;
}
/*
.noline .z-button{
	border:0px;
	background:none;
	cursor:default;
	box-shadow: none;
	padding-right: 10px;
}
*/
.noline .z-window{
	border-radius:0px;
	border:1px solid blue;
}
.solidcookie .z-center {
	color:#1B385C;
	font: 0.8em Arial,Sans-serif;
	background:  red !important;
}

.z-window-modal.z-window-shadow, .z-window-highlighted.z-window-shadow {
    border-radius: 0px;
    border:1px solid #1B385C;
    box-shadow: 0px 0px 0px 0px blue;
   
}



.noline .z-listheader{
	border-radius:0px;
	border:0px solid blue;
	background:white;
}
/*
.noline .z-button{
	border:0px solid blue;
	border-radius:0px;
}
.noline:hover .z-button:hover{
	border:0px solid blue;
	border-radius:0px;
	cursor:pointer;
	background: none repeat scroll 0% 0% orange !important;
}
*/
.solid .z-listheader{
	background:#cfcfcf;
}

.solid .z-listbox{
	border:1px solid #cfcfcf;
	margin:0px;
}

.solid .z-west-header{
	background:#cfcfcf;
	color:#1B385C;
	font: 0.8em Arial,Sans-serif;
}

.solid .z-tab {
	background:#cfcfcf;
}

.solid .z-column {
		background:#cfcfcf;
	
}

.solid .z-center{
	
	color:#1B385C;
	font: 0.8em Arial,Sans-serif;
}

.solid .z-html{
	
	color:#1B385C;
	font: 0.8em Arial,Sans-serif;
}

.z-listcell:hover .z-listcell-content:hover{
	background:none;
}


.blue500 .z-listcell-content {
	color: #1b385c;	
	font:normal 500% Helvetica;
	margin-top:    10px;
	margin-left:   10px;
	margin-right:  10px;
	margin-bottom: 10px;
	border: 0;
	float:left;
	text-decoration:none;					
}


.blue200 .z-listcell-content {
	color: #1b385c;	
	font:normal 100% Arial,Sans-serif;
	margin-top:    10px;
	margin-left:   10px;
	margin-right:  10px;
	margin-bottom: 10px;
	border: 0;
	float:right;
	text-decoration:none;					
}

.nohover .z-listitem{
	cursor:default;
}

.nohover .z-tree {
	border:none; 
}

.myimage img{
	margin-bottom:1px;
} 

.black200 .z-treecell-text {
	color: #1b385c;	
	font:normal 200% Arial,Sans-serif;
	margin-top:    10px;
	margin-left:   10px;
	margin-right:  10px;
	margin-bottom: 0px;
	border: 0;
	
	text-decoration:none;	
}

.black200:hover .z-treecell-text:hover {
	color: #1b385c;	
	font:normal 200% Arial,Sans-serif;
	margin-top:    10px;
	margin-left:   10px;
	margin-right:  10px;
	margin-bottom: 10px;
	border: 0;	
	text-decoration:none;	
	
}

.black100 .z-treecell-text {
	color: #1b385c;	
	font:normal 100% Arial,Sans-serif;
	margin-top:    10px;
	margin-left:   10px;
	margin-right:  10px;
	margin-bottom: 10px;
	border: 0;
	
	text-decoration:none;	
}

.black100:hover .z-treecell-text:hover {
	color: #1b385c;	
	font:normal 100% Arial,Sans-serif;
	margin-top:    10px;
	margin-left:   10px;
	margin-right:  10px;
	margin-bottom: 10px;
	border: 0;	
	text-decoration:none;	
	
}

.z-button {
    padding: 3px 1px;  
    background: none;
    text-shadow: 0px 0px #FFF;
    border-radius:0px;
  
} 

/*
.z-button:focus {
	padding: 3px 1px;
	border: 2px solid orange;
	border-color: orange;
	text-shadow: 0px 0px #FFF;
    	background: none repeat scroll 0% 0% orange !important;
    	box-shadow: 0px 0px 2px orange inset;
}  
*/

.z-button:focus {
	box-shadow: none;
	background-image: none;
}

.z-messagebox-button,
.z-messagebox-button:focus {	
	color: #1b385c;
	font-size: 14px;
	text-shadow: none;
	border-radius: 4px;
	border-color: #1b385c;
	box-shadow: none;
	border: 1px solid;
	background-image: linear-gradient(to bottom, rgb(254, 254, 254) 0%, rgb(238, 238, 238) 100%);
	padding-left: 5px;
	padding-right: 5px;
}


.z-messagebox-button:hover,
.z-messagebox-button-selected:hover {	
	color: #1b385c;
	font-size: 14px;
	text-shadow: none;
	border-radius: 4px;
	border-color: #1b385c;
	box-shadow: none;
	border: 1px solid;
	background: linear-gradient(to bottom, rgb(242, 249, 254) 0%, rgb(214, 240, 253) 100%) repeat scroll 0% 0% transparent;
	padding-left: 5px;
	padding-right: 5px;
} 


    
.z-vbox-separator {
	height:0.0em;	
}


.z-treerow{
	background: transparent;
}

.z-treerow.z-treerow-selected:hover > .z-treecell,
.z-treerow.z-treerow-selected > .z-treecell,
.z-treerow.z-treerow:hover > .z-treecell,
.z-treerow.z-treerow-selected.z-treerow-focus:hover > .z-treecell,
.z-treerow.z-treerow-selected.z-treerow-focus > .z-treecell,
.z-treerow.z-treerow:hover.z-treerow-focus > .z-treecell {
	background: none repeat scroll 0% 0% rgba(32, 204, 255, 0.0);
	background-color:none;
	background-image:none;
	cursor:default;
}



.z-listitem td:first-child {
	color: #1b385c;	
	background: none;	
}

.blue200a{
	padding: 3px 12px;
	color: #1b385c;		
	font:normal 100% Arial,Sans-serif;
	text-shadow: 0px 0px #FFF;
	display: inline-flex;
}

.blue200{
	color: #1b385c;		
	font:normal 100% Arial,Sans-serif;
	text-shadow: 0px 0px #FFF;
}

.blue200.z-button img {
    vertical-align: top;
    height: 20px;
}

.blue200:hover{
	color: #1b385c;		
	font:normal 100% Arial,Sans-serif;
	cursor:pointer !important;
	background: none repeat scroll 0% 0% orange !important;
	text-shadow: 0px 0px #FFF;
}



.z-textbox[disabled] {
	background: none repeat scroll 0% 0% transparent !important;	
	color:white !important;
	font-size: 1.0em;
	width:200px;
	border:none;
	opacity: 1.0;
}

.InputBox{
	padding:3px;
	font-size: 1.2em;
	width:200px;	
	margin-top: 7px;
	margin-bottom: 0px;
	margin-right: 7px;
}

.InputBox3{
	color:white !important;
	background:#1b385c;
	padding:3px;
	font-size: 1.2em;
	width:200px;	
	margin-top: 7px;
	margin-bottom: 0px;
	margin-right: 7px;
}
.z-textbox:focus{
	box-shadow: 0px 0px 0px rgba(210, 210, 210, 0.75) inset;
}
input:focus{
    border: 1px solid orange;
    background: none repeat scroll 0% 0% orange !important;
    box-shadow: 0px 0px 0px rgba(32, 204, 255, 0.7);
}



.captioncenter2{
	padding:5px;
	padding-left:30px;
	background:	none;
	
	color:white;
	background-color:transparent;
	background-image:none;
	font:normal 200% Arial,Sans-serif;
	text-align:center;
	vertical-align:middle;
	
}

.captionline{
	padding:0px;	
	background:	none;
	color:white;
	text-align:center;
	background-color:#1b385c;
	background-image:none;
	font-family: Arial,Sans-serif;
	font-style: normal;
	font-size: 0.9em;
	height: 80px;
}
.z-caption{
	background:	none;
	color:white;
	background-color:#1b385c;
	background-image:none;
}

.z-north, .z-south, .z-west, .z-center, .z-east {
	border:0px solid #dcdcdc;
}

.z-north{
	border:none;
	border:0px solid #dcdcdc;
	border-bottom:2px solid #dcdcdc;	
}
.z-tree-icon,
.z-tree-icon:hover {
	#color:orange;
	color: #1b385c;
	font-size: 24px;
	#background-color: #1b385c; 
	border-radius: 14px;
	height: 28px;
	width: 28px;
}

.z-tree-icon:hover {
	#background-color: rgba(27,56,92,0.8); 
}

.z-icon-caret-right,
.z-icon-caret-down {
	padding-top:6px;
}


.z-south{
	border:none;
	padding-bottom:10px;
	border-top:2px solid #dcdcdc;	
}

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

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

.z-window {
    padding: 4px;
    background: #1b385c;
} 

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

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

/* notification at the center of the window */
.z-notification-content{
	font-size: 14px;
	#font-weight: bold;
	min-height: 50px;
	max-width: 400px;
	min-width: 300px;
	width: auto;
	border-radius: 10px;
	padding: 45px 25px 45px 45px;
	#box-shadow: 3px 3px 1px rgba(27, 56, 92, 1);
	border-style: solid;
}

/* notification with pointer to element like textbox */
.z-notification-pointer ~ .z-notification-content {
    width: auto;
    font-size: 14px;
    #font-weight: bold;
    border-radius: 10px;
    max-width: 200px;
    #box-shadow: 3px 3px 1px rgba(27, 56, 92, 1);
    border-style: solid;
    min-height: 50px;
}

/* notification with info icon */
.z-notification-info .z-notification-content {
    background: none repeat scroll 0% 0% #1b385c;
    #background: none repeat scroll 0% 0% #66829A;
}

.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;
    #background: none repeat scroll 0% 0% #66829A; 
}

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

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

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

.z-notification-icon {
	visibility: hidden;
}

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

/* buttons */

.buttonGrey, 
.buttonGrey[disabled],
.buttonGrey.z-button-selected,
.buttonGrey.z-button:focus {
	border: 1px solid rgb(90,90,90);
	background-color: rgb(90,90,90);
	color: white;
}

.buttonGrey.z-button:hover, 
.buttonGrey.z-button-selected:hover {
	border: 1px solid rgb(90,90,90);
	background: rgba(90,90,90, 0.8); 
	color: white;
	cursor: pointer;
}

.buttonGrey .z-button-image {
	padding-bottom: 5px;
}

.buttonBlue, 
.buttonBlue[disabled],
.buttonBlue.z-button-selected, 
.buttonBlue.z-button:focus {
	border: 1px solid #1b385c; 
	background-color: #1b385c; 
	color: white;
}

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

.buttonWhite, 
.buttonWhite[disabled],
.buttonWhite.z-button-selected, 
.buttonWhite.z-button:focus {
	border: 1px solid #1b385c; 
	background: #FFFFFF; 
	color: #1b385c;
}

.buttonWhite.z-button:hover, 
.buttonWhite.z-button-selected:hover {
	border: 1px solid #1b385c; 
	background: #FFFFFF;  
	color: #1b385c;
	cursor: pointer;
}

.buttonGrey, 
.buttonBlue, 
.buttonWhite {
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	font-size: 12px !important;
	min-width: 130px;
	min-height: 40px;
	border-radius: 4px;
	font-weight: bold;
}

@media (min-width: 1000px) { 
 .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,
 .buttonWhite, 
 .buttonWhite[disabled],
 .buttonWhite.z-button-selected, 
 .buttonWhite.z-button:focus,
 .buttonWhite.z-button:hover, 
 .buttonWhite.z-button-selected:hover,{
	font-size: 14px;
 }
}


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

.divHeaderImageLeft {
	min-width:100px;
}

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

.longDescriptionTreecell .z-tree-line.z-tree-spacer {
	width: 0px;
	height: 0px;
}

.longDescriptionTreecell.z-treecell-content,
.longDescriptionTreecell.z-treecell .z-treecell-content {
	display: inline-flex;
}

.listcellImages {
	width: 100px;
}

.listcellImages .z-image {
	vertical-align: baseline;
}

.listcellButtons {
	width: 150px;
}

.leftSpaceShortDescription {
	width: 45px;	
}

.leftSpaceLongDescription {
	width: 45px;	
}

::placeholder {
	color: black;
	opacity: 0.5;
}

.z-listbox .z-listcell, 
.z-listbox-odd > .z-listcell {
    background: transparent;
}