:root{
	--geopp-dark-blue-color:	#1b385c;
	--geopp-hover-blue-color:	#66829A;
	--geopp-orange-color:		#E6B02C; /* rgb(255,204,0);*/  
	--geopp-light-gray-color:	#CFCFCF;/*rgb(207,207,207);*/
	--geopp-dark-gray-color:	#ACACAC;/*rgb(172,172,172);*/
	
	--geopp-light-red-color:	#ffdcdc;
	--geopp-light-green-color:	#dcffdc;
	--geopp-light-yellow-color:	#ffffdc;
	--geopp-white-color:		#FFF;/*white FFFFFF*/
}

body{
	color:var(--geopp-dark-blue-color);
	/*background-color:var(--geopp-white-color);*/
}

.loggedIn{

	margin-left:30px;
	margin-right:30px;
	background-color:none;
	color:#FFF;
	color:var(--geopp-white-color);
	font-size: 1.5em;	
}

.dualListboxCaption{
	color: rgb(99,99,99) !important;
}



.svgImage {
	fill:red;
	width:32px;
	height:32px;
}

.svgImg {
	fill:red;
	width:48px;
	height:48px;
}


img {
	
}



.vboxLogin{
	color: red;
}


/*Toolbar*/

.crudToolbar {
	
	border-spacing:0;
	cellspacing: 0;
	border:none;

}

.z-toolbarbutton{
	width: 40px;
	/*height: 40px;*/
} 

.z-toolbarbutton:hover {
	border-color: #002f56;
	background: #66829A;
	background:var(--geopp-hover-blue-color);
}

.z-toolbarbutton:hover {
	border-color: #002f56;
	background: #66829A;
	background:var(--geopp-hover-blue-color);
}

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


.ToolbarIcon {
	color: red;
	height: 45px;
}



/* Messagebox */
.z-messagebox-button {
	
	background:var(--geopp-hover-blue-color);
}

.z-window-header {
    font-size: 12px;
    color: #FFF;
    color:var(--geopp-white-color);
    background:	#1b385c;
    background:var(--geopp-dark-blue-color);
    padding:0px;
   	padding-left: 5px;
   	margin:0px -4px !important;
   	line-height:32px;
}

.z-window {
    border: 0px solid #1b385c;
    border-radius: 0px;
    background: #1b385c;
    background:var(--geopp-dark-blue-color);
}

.z-window-modal.z-window-shadow, .z-window-highlighted.z-window-shadow {
    border-radius: 4px;
    box-shadow: 1px 1px 1px #66829A;
     box-shadow: 1px 1px 1px var(--geopp-hover-blue-color);
}

.z-window-icon {
    color: #1b385c;
    color:var(--geopp-dark-blue-color);
}

.z-window-icon:hover {
    color: #1b385c;
    color:var(--geopp-dark-blue-color);
    border-color: rgb(143, 185, 208);
    background: none repeat scroll 0% 0% #66829A;;
}


/*Tree */ 

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

.z-treecell-content {
    color: #1b385c;
    color:var(--geopp-dark-blue-color);
}

.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: rgb(207, 207, 207);    	    
}

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

.z-treerow:hover .z-treecell-content {
	background-image: none !important;
	background: #66829A !important;
	background:var(--geopp-hover-blue-color) !important;
	border-color: #66829A !important;;
	border-color:var(--geopp-hover-blue-color) !important;
	color: #FFF !important;
	color:var(--geopp-white-color) !important;
}

.z-treerow.z-treerow-selected .z-treecell {
	color: #FFF !important;
    color:var(--geopp-white-color) !important;
    background: #1B385C !important;;
    background:var(--geopp-dark-blue-color) !important;
}

.z-treerow.z-treerow-selected .z-treecell-content {
    color: #FFF !important;
    color:var(--geopp-white-color) !important;
    background:	#1B385C !important;
    background:var(--geopp-dark-blue-color) !important;
}

.z-treerow.z-treerow-selected:hover > .z-treecell {
	color: #FFF !important;
    color:var(--geopp-white-color) !important;
    background:#66829A !important;
    background:var(--geopp-hover-blue-color) !important;
}

.z-treerow:hover > .z-treecell {
	color: #FFF !important;
    color:var(--geopp-white-color) !important;
    background:#66829A !important;
    background:var(--geopp-hover-blue-color) !important;
}

.tree-alternative {
	color: #FFF;
	color:var(--geopp-white-color);
	background: #CFCFCF;
	background:var(--geopp-light-gray-color);
}

.tree-alternative .z-treecell-content{
	color: #FFF;
	color:var(--geopp-white-color);
	background: #CFCFCF;
	background:var(--geopp-light-gray-color);
}

.treeTB  {
	background:#FFF;
	background:var(--geopp-white-color);
	color:#1b385c;
	color:var(--geopp-dark-blue-color);
	line-height: 24px;
	font-family: Arial,Sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	position: relative;
	text-align: inherit;
}

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

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

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


.MainContentTree {
	margin:5px;
}

.MainContentTreeColumn{
	background: linear-gradient(to bottom, rgb(254, 254, 254) 0%, rgb(238, 238, 238) 100%) repeat scroll 0% 0% transparent;
	color: rgb(99, 99, 99);	
	font-size: 12px;
}

.MainContentTreeRow:nth-child(even) {
	background: none repeat scroll 0% 0% rgb(247, 247, 247);
}


.MenuTree{
	background:#1b385c;
	background:var(--geopp-dark-blue-color);
	color: #FFF;
	color:var(--geopp-white-color);
	font-size: 15px;	
}


/* Groupbox */


.captioncenter{
	font-weight: normal;	
	
	background:none;
	color:#FFF;
	color:var(--geopp-white-color);
	background-color:#1b385c;
	background-color:var(--geopp-dark-blue-color);
	background-image:none;
	font-family: Arial,Sans-serif;
	font-style: italic;
	font-size: 24px;	
	 transform: (3,1);
    -webkit-transform: (3,1);
    display: inline-block;
}

.captionline{
	padding:5px 20px 5px 20px;
	background:none;
	color:#FFF;
	color:var(--geopp-white-color);
	background-color:#1b385c;
	background-color:var(--geopp-dark-blue-color);
	background-image:none;
	font-family: Arial,Sans-serif;
	font-style: normal;
	font-size: 18px;			
}

.captionline2{
	padding:5px 5px 5px 5px;
	background:none;
	color:#FFF;
	color:var(--geopp-white-color);
	background-color:#1b385c;
	background-color:var(--geopp-dark-blue-color);
	background-image:none;
	font-family: Arial,Sans-serif;
	font-style: normal;
	font-size: 18px;			
}
.captionline2:hover{
	padding:5px 5px 5px 5px;
	background:none;
	color:#FFF;
	color:var(--geopp-white-color);
	background-color:#1b385c;
	background-color:var(--geopp-dark-blue-color);
	background-image:none;
	font-family: Arial,Sans-serif;
	font-style: normal;
	font-size: 18px;	
	cursor:pointer;		
}

.z-caption{
	background:none;
	color:#FFF;
	color:var(--geopp-white-color);
	background-color:#1b385c;
	background-color:var(--geopp-dark-blue-color);
	background-image:none;
}

.captionblack {
	background:none;
	color:#1b385c;
	color:var(--geopp-dark-blue-color);
	background-color:#1b385c;
	background-color:var(--geopp-dark-blue-color);
	background-image:none;
}

.z-groupbox-3d > .z-groupbox-header .z-caption, .z-groupbox-3d > .z-groupbox-header .z-groupbox-title {
    background: none repeat scroll 0% 0% #1b385c;
}

.z-groupbox-3d > .z-groupbox-header {
    background: #1b385c;
    background:var(--geopp-dark-blue-color);
}

/* Groupbox Caption */
.gbcaption{
	font-size: 1.5em;
	background:none;
}

/* Groupbox Caption ActionBar */
.gbcaptionAB{
	
	font-size: 15px;
	background:none;
	color:#FFF;
	color:var(--geopp-white-color);
	background-color:#1b385c;
	background-color:var(--geopp-dark-blue-color);
}

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

/* Groupbox Caption Content */
.gbcaptionContent{
	color:rgb(99, 99, 99);
}




/* Selectbox */

.z-selectbox {
    height: 24px;
    border-radius:3px;
	border:1px solid rgb(207, 207, 207);
}



/* Datebox

.z-datebox {
	border-radius:3px;
	border:1px solid rgb(207, 207, 207);
}

.z-datebox-input {
    border-style: none;
    width: 174px;
}

.z-datebox-input:focus {
	box-shadow: none;
	border:none;
}

.z-datebox-input:hover {
	box-shadow: none;
	border:none;
} 

.z-datebox-button {
	#background: none;
	border:none;
	#border-right: 1px solid;
	#border-color: rgb(207, 207, 207);
}
 */
 
 .z-datebox-disabled *{
 	color: #1b385c !important;
 	color:var(--geopp-dark-blue-color) !important;
 	opacity: 1.0;
 }
 
.z-datebox-input {
	border: 1px solid rgb(207, 207, 207);
	width:176px;
}
 

.DateboxMandatory, .DateboxMandatory input {
	border-color:red;

}

.DateboxMandatory, .DateboxMandatory button {
	border-color:red;

}

.sclassDatebox {
	border-color:red;	
}



/* Textbox */

.z-textbox[disabled] {
    color: #1b385c !important;
    color:var(--geopp-dark-blue-color) !important;
    background: none repeat scroll 0% 0% rgb(240, 240, 240);
    opacity: 1.0;
}


.TextboxPassword{
	border-color: red;
}

.TextboxMandatory{
	border-color: red;
	font-size: 1.2em;
	width:200px;	
}

.WarningBox{
	color: red !important;
	font-size: 14px;
	border:1px solid red !important; 
	background-color:white !important;
	width:200px;
}

.InputBox{
	font-size: 1.2em;
	width:200px;	
}




/* Button */

.z-button{
	background:none;
	
	color: rgb(27, 56, 92);
}

.z-button:focus {
	background: linear-gradient(to bottom, white 0%, white 100%) repeat scroll 0% 0% transparent;
}
 
.z-button:hover {
    border-color: rgb(143, 185, 208);
    background: none;
   
    background-color:#66829A;
    background-color:var(--geopp-hover-blue-color);
    text-shadow: 0px px white;
}

.button{
	font-size: 0.8em;
	color:#1b385c;
	color:var(--geopp-dark-blue-color);
	background-color:#FFF;
	background-color:var(--geopp-white-color);
	text-shadow: 0px 0px #1b385c;
}

.buttonbar{
	font-size: 0.8em;
	color:#1b385c;
	color:var(--geopp-dark-blue-color);
	background-color:#FFF;
	background-color:var(--geopp-white-color);
	text-shadow: 0px 0px #1b385c;
}

.actionbuttonbar{
	font-size: 0.8em;
	color:#1b385c;
	color:var(--geopp-dark-blue-color);
	background-color:#FFF;
	background-color:var(--geopp-white-color);
	text-shadow: 0px 0px #1b385c;
	line-height: 18px;	
	width: 100px;
}

.buttonWithoutBorder{
	border-radius:24px;
	shadow:none;
}
.buttonWithoutBorder-focus{
	border:none;
}

/*
.MainContentbutton{
	font-size: 0.8em;
	color:#1b385c;
	color:var(--geopp-dark-blue-color);
	background-color: #FFF;
	background-color:var(--geopp-white-color);
	text-shadow: 0px 0px ;
}

.MainContentbutton:hover {
    border-color: rgb(143, 185, 208);
    background: none;
    color:#FFF;
    color:var(--geopp-white-color);
    background-color:#1b385c;
    background-color:var(--geopp-dark-blue-color);
    text-shadow: 0px 0px white;
}
*/


/* Header */

.head2{
	font-size:32px;
	color:#1b385c;
	color:var(--geopp-dark-blue-color);
	font-family: Arial,Sans-serif;
	font-style: normal;
	font-weight: bold;	
}

.header_pic{
	height:68px; 
}

.header_up{
	background-color:#F0F0F0;	
}
.header_down{
	background-color:#FFF;	
	background-color:var(--geopp-white-color);
}

/* 
.head1{
	font-size: large;
}
.head2{
	font-size: medium;
} */



/* Footer */

.footer{
	background-color: #F0F0F0;
	border:none;
		
}



/* Label */

.labelText{
	font-size: 1.0em;	
}

.InputBoxText{
	font-size: 1.2em;	
}

.directory{
	font-size: 2.0em;	
}





/* Listbox */

.z-listbox-odd .z-listcell, .z-listheader{
}

.z-listitem.z-listitem-selected .z-listcell{
	background: #1b385c;
	background:var(--geopp-dark-blue-color);
	border-color: #1b385c;
	border-color:var(--geopp-dark-blue-color);
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content{
	background: #1b385c;
	background:var(--geopp-dark-blue-color);
	border-color: #1b385c;
	border-color:var(--geopp-dark-blue-color);
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-treerow.z-treerow-selected:hover > .z-treecell > .z-treecell-content{
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-treerow.z-treerow:hover > .z-treecell > .z-treecell-content{
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-listitem:hover>.z-listcell{
	background-image: none;
	background: #66829A;
	background:var(--geopp-hover-blue-color);
	border-color: #66829A;
	border-color:var(--geopp-hover-blue-color);
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-listitem.z-listitem:hover > .z-listcell > .z-listcell-content {
	background-image: none;
	background: #66829A;
	background:var(--geopp-hover-blue-color);
	border-color: #66829A;
	border-color:var(--geopp-hover-blue-color);
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-listitem.z-listitem-selected:hover > .z-listcell > .z-listcell-content {
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-listitem.z-listitem-selected > .z-listcell > .z-listcell-content {
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-listitem.z-listitem-selected:hover>.z-listcell{
	background: #1b385c;
	background:var(--geopp-dark-blue-color);
	border-color: #1b385c;
	border-color:var(--geopp-dark-blue-color);
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-listitem.z-listitem-selected .z-listcell-content{
	color:#FFF;
	color:var(--geopp-white-color);
}

.z-listitem.z-listitem:hover .z-listcell-content{
	color:#FFF;
        color:var(--geopp-white-color);
}

/* .z-listheader-content, .z-listcell-content, .z-listgroup-content, .z-listgroupfoot-content, .z-listfooter-content {
	color:none;
} */

.z-listbox {
	margin: 5px;
}

/* listcell type */

.buttonType1{
	background-color:#FFCC00 !important;
	margin-left:5px;
	color: #1b385c !important;
	color:var(--geopp-dark-blue-color) !important;
	text-shadow: none !important;
	height:24px;
	width:24px;
	padding-left: 7px;
}


.buttonType2{
	background-color:#FF9900 !important;
	margin-left:5px;
	color: #1b385c !important;
	color:var(--geopp-dark-blue-color) !important;
	text-shadow: none !important;
	height:24px;
	width:24px;
	padding-left: 7px;
}

.buttonType3{
	background-color:#96DEFF !important;
	margin-left:5px;
	color: #1b385c !important;
	color:var(--geopp-dark-blue-color) !important;
	text-shadow: none !important;
	height:24px;
	width:24px;
	padding-left: 7px;
}

.buttonType4{
	background-color:#5DCCFF !important;
	margin-left:5px;
	color: #1b385c !important;
	color:var(--geopp-dark-blue-color) !important;
	text-shadow: none !important;
	height:24px;
	width:24px;
	padding-left: 7px;
}

.listcell1 {
	background-color:#FFCC00;		
}

.listcell2 {
	background-color:#FF9900;	
}

.listcell3 {
	background-color:#96DEFF;	
}

.listcell4 {
	background-color:#5DCCFF;	
}

/* .z-listcell.listcell1 .z-listcell-cnt .z-label.listcell1 {
	background-color:#CC3333;
	color: #1b385c !important;
	color:var(--geopp-dark-blue-color) !important;
}
 */


/* Checkbox */

.checkboxdirectServices {
	background-color: #FFCC00;
	padding:2px;
	margin:2px;
}

.checkboxindirectServices {
	background-color: #FF9900;
	padding:2px;
	margin:2px;
}

.checkboxdirectGroupServices {
	background-color: #96DEFF;
	padding:2px;
	margin:2px;
}

.checkboxindirectGroupServices {
	background-color: #5DCCFF;
	padding:2px;
	margin:2px;
}



/* Tabbox */

.z-tabbox {
	margin: 0px;
}

.z-tab-selected .z-tab-text {
	background: #66829A;
	background:var(--geopp-hover-blue-color);
	color:#FFF;
	color:var(--geopp-white-color);
}



/* Grid */

.z-row:hover > .z-row-inner > .z-row-content {
    color: #FFF;
    color:var(--geopp-white-color);
}

.z-row:hover > .z-row-inner, .z-row:hover > .z-cell {
	background: #66829A;
	background:var(--geopp-hover-blue-color);
    position: relative;
}

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

.MainContentGrid {
	margin:5px;
}

.blackLabel .z-caption {
	color: #1b385c;
	color:var(--geopp-dark-blue-color);
}

/* Row */

.mandatoryRow{
}

.spaceRow{
	padding-top:50px;
}
/*
.banner {
	background-color:#FFF;
	background-color:var(--geopp-white-color);
	color: #1b385c;
	color:var(--geopp-dark-blue-color);
	padding: 5px 10px;

}



.banner-head{
	font-size: 2.4em;
}

.banner .logout{
	text-decoration: underline;
	cursor: pointer;
} 


.sidebar a,.sidebar a:VISITED {
	color: #1b385c;
	color:var(--geopp-dark-blue-color);
	text-decoration: none;
}

.sidebar-fn{
	cursor: pointer;
}

.login{
	background-color:#FFF;
	background-color:var(--geopp-white-color);
	color: #1b385c;
	color:var(--geopp-dark-blue-color);
}


.footer2{
	background-color:#FFF;	
	background-color:var(--geopp-white-color);
}


.row-title .z-label{
	font-weight: bold;
	color:#636363;
}



.separator{
	background-color:#FFF;
	background-color:var(--geopp-white-color);
	color:#FFF;
	color:var(--geopp-white-color);
	border: none;
	height: 5px;
	
}



 
.warn{
	color:red;
}
 


*/