/* @font-face {
	font-family: 'BebasNeueBold';
    src: url("/resources/fonts/BebasNeueBold.eot");
    src: url("/resources/fonts/BebasNeueBold.eot"?#iefix) format('embedded-opentype'),
         url("/resources/fonts/BebasNeueBold.woff") format('woff'),
         url("/resources/fonts/BebasNeueBold.ttf") format('truetype'),
         url("/resources/fonts/BebasNeueBold.svg") format('svg');

    font-weight: normal;
    font-style: normal;
} */
/* 
@font-face {
	font-family: 'BebasNeueBold';
    src: url("/resources/fonts/BebasNeueBold.ttf") format('truetype');
} */

@font-face {
    font-family: 'bebas_neuebold';
    src: url('./resources/fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('./resources/fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.legendRight
{
	position: absolute;
    bottom: 40px;
    right: 20px;
    background-color: rgba(250,250,250,0.4);
}
/* .ol-viewport
{
	height: 90% !important;
} */
.ol-attribution
{
	margin-bottom: 20px;
}
.ol-attribution:not(.ol-collapsed)
{
	background:rgba(255,255,255,.1);
}
.ol-attribution li a{
    color: #0000ff;

}

.emptyInfo
{
	text-align: center;
    vertical-align: middle;
    /* height: 100%; */
    margin-bottom: 25%;
    margin-top: 35%;
    font: 300 13px/18px helvetica, arial, verdana, sans-serif;
}

.my-combobox
{
	/* cursor: pointer; */
	color: #666 !important;
}

.buttonHeader{
	font: 300 12px/14px helvetica, arial, verdana, sans-serif;
	color: #666;
}

.buttonExport{
	float:right;
}

.buttonLang{
/*	float:right; 
	font-family: helvetica, arial, verdana, sans-serif;
	*/
	background-color : #FFFFFF !important;
	
}

/* #map
{
	height:100%;
} */

.hHeaderBody
{
	
/*	background-color : #2A3F5D !important;	*/
	
	background-color : #FFFFFF !important;
	color:#FFFFFF !important;
	font-size: 24px;
	padding-left: 15px !important;
	height: 60px;
}




.mytable 
{
	width:100%;
}
.mytable tbody tr:first-child td:nth-child(1) {
   /* Styles goes here */
	/* background-image: url("resources/images/giz-logo.gif"); */
	/* background-image: url("resources/images/GC_GIZ_croped.png"); */
	background-image: url("resources/images/GC_GIZ.png");
	background-repeat: no-repeat;
	background-size: contain; /* cover; */
	height: 70px;
	width: 18%;
	white-space: nowrap;
}
.mytable tbody tr:first-child td:nth-child(3) {
   /* Styles goes here */
	/* background-image: url("resources/images/giz-logo.gif"); */
	background-image: url("resources/images/UNDP_ENG.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 50px;
	width: 7%;
	white-space: nowrap;
}
.mytable tbody tr:first-child td:nth-child(2) {
   /* Styles goes here */
	/* background-image: url("resources/images/giz-logo.gif"); */
	background-image: url("resources/images/CZDA.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 50px;
	width: 10%;
	white-space: nowrap;
}
.mytable tbody tr:first-child td:nth-child(4) {
   /* Styles goes here */
	color:#00A85C !important;
	/* color: #0DFF19; */
	height: 30px;
	width: 45%;
	white-space: nowrap;
	/* font: 300 22px/22px "BebasNeueBold", sans-serif; */
	font-family: "bebas_neuebold";
	font-size: 22px/22px;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	text-align: center;
}

.mytable tbody tr:first-child td:nth-child(5) {
   /* Styles goes here */

	height: 50px;
	width: 13%;
	text-align: right;
	
	background-image: url("resources/images/DFBZ.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	white-space: nowrap;
}

.mytable tbody tr:first-child td:nth-child(6) {
   /* Styles goes here */

	height: 50px;
	width: 12%;
	text-align: right;
	
	background-image: url("resources/images/BHAS.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	white-space: nowrap;
}



.winCF table tbody tr td a {
	/* color: #00A85C !important; */
	color: #157fcc !important;
}




.buttonBody
{
	background-color : #FFFFFF !important;
}

.x-panel-header-title-default
{
	color:#7F9DC3 !important;
	
}

.x-panel-header-title-default-framed
{
	color:#7F9DC3 !important;
}

.infoTable
{
	width:100%;
	overflow: scroll !important;
}

.infoHeader
{
	/*	*/
	background-color : #F5F5F5 !important;
	color:#809EC4;
	width: 100% !important;
	font-size:12px;
	height:10px;
}
.infoRows
{
/*	background-color : #CECECE !important;
	color:#809EC4;
*/	width: 100% !important;
	font-size:11px;
	height:7px;
	
}
.infoRows:nth-child(even)
{
	background-color : #F5F5F5 !important;
}

.infoRows>td:nth-child(odd)
{
	width:42%;
	font-weight:600;
}

.coord-status
{
/*	*/
	background-color : #ffffff;		
	font-size:12px;
	width:150px;
	color: #157fcc;
}

.cmbLabel
{
	background-color : #ffffff;		
	font-size:12px !important;
	vertical-align:-webkit-baseline-middle;
/*	color: #157fcc !important;	*/
	
}

/*

.x-form-field .x-form-text .x-form-text-default 
{
	
	color: #157fcc !important;
}

.x-form-text-wrap .x-form-text-wrap-default
{
	
	color: #157fcc !important;
}
*/
.x-boundlist-item
{
/*	color: #157fcc !important;	*/
	font-size:12px !important;
}

.winInfo
	{
		top:180px !important;
		bottom:auto !important;
		left:15px !important;
		/* width: 250px !important; */
		/* min-height:0; */
		
	}
	
.chkbox {
    height: 13px;
    width: 13px;
    /* background: black url('http://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-crisp/resources/images/form/checkbox.png') no-repeat -15px 0; */
    background: black url('./resources/images/checkbox.png') no-repeat -15px 0;
    float: left;
    margin: 6px 5px 0 0;
}
.x-boundlist-selected .chkbox {
    background-position: -15px -15px;
}

.sel-all {
    padding: 3px;
    background-color: lemonchiffon;
    padding-left: 10px;
    cursor: pointer;
    border: 1px solid gray;
    border-radius: 5px;
}






/* @media only screen and (max-width: 600px), (orientation: landscape) { */
@media only screen and (max-width: 600px) {
    /* For mobile phones: */
	
	
.mytable tbody tr:first-child td:nth-child(1) {
	width: 1px;
	all: unset;
}
.mytable tbody tr:first-child td:nth-child(3) {
	width: 1px;
	all: unset;
}
.mytable tbody tr:first-child td:nth-child(2) {
	width: 1px;
	all: unset;
}
.mytable tbody tr:first-child td:nth-child(4) {
   /* Styles goes here */
	color:#00A85C !important;
	/* color: #0DFF19; */
	height: 70px;
	width: 95%;
	white-space: normal;
	/* font: 300 22px/22px "BebasNeueBold", sans-serif; */
	font-family: "bebas_neuebold";
	font-size: 22px/22px;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	text-align: center;
}

.mytable tbody tr:first-child td:nth-child(5) {
   /* Styles goes here */
	width: 1px;
	all: unset;
}

.mytable tbody tr:first-child td:nth-child(6) {
   /* Styles goes here */
	width: 1px;
	all: unset;
}

	
	.buttonHeader{
		font: 300 12px/14px helvetica, arial, verdana, sans-serif;
		color: #666;
		width: 50px;
		font-size: 8px;
		height: 20px;
	}
	
	.mytable 
	{
		width:100%;
		height:30px !important;
	}

	.hHeaderBody
	{
		
	/*	background-color : #2A3F5D !important;	*/
		
		background-color : #FFFFFF !important;
		color:#FFFFFF !important;
		font-size: 20px;
		padding-left: 15px !important;
		height: 30px;
	}
	
	.winInfo
	{
		top:auto !important;
		bottom:10px !important;
		left:0px !important;
		/* width: 200px !important; */
	}
	
	.infoRows
	{
		font-size: 9px;
	}

	.x-body
	{
		font-size: 10px;
	}
	
	.ol-attribution
	{
		margin-bottom: 25px;
	}

}