body { 
	overflow: hidden;
	font-family: 'Trebuchet MS' !important;	
	font-size:14px!important;
	/*height:100%;
	overflow:auto;
	position:fixed*/
	max-width:100% !important;
	
}	

html{
	/*
	height:100%;
	overflow:auto;*/
	
}

table.layout1 {
    table-layout: fixed;
    width: 100%;   
	background-color:rgba(255, 215, 0);
}

table.layout1 td {
    
}

table.layout2 {
    table-layout: fixed;
    width: 100%;   
}



/*
mark {
  background: orange;
  color: inherit;
  padding: 0;
}
*/

.gpTitle{
	padding-top: 210px;
	font-family: "Bookman Old Style"; 
	font-size: 20px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	line-height: 55px;
}


table.loadedLayers {
	background-color:#ffffff;	
    table-layout: fixed;
    width: 100%;   
	/*border-spacing: 50px 0;*/
	/* border-collapse: collapse;*/
}

table.loadedLayers tr{
	/*border-bottom: solid white -100px;*/
	
}

.result-wrapper{
	padding:10px;
	width:300px;
}

table.gpsidebarMenu{
	table-layout: fixed;
    width: 100%;  
	background-color:#282828;
	font-size: 16px; 
	font-style: normal; 
	border-collapse:separate; 
	border-spacing:2px;
}

table.gpsidebarMenu tr:hover {
	cursor: pointer;
	background-color:#3d3d3d;
}
table.gpsidebarMenu tr {
	
	color:#cccccc;
}

table.d {
    table-layout: fixed;
    width: 100%;   
	
}

table.dlTable{
    table-layout: fixed;
    width: 100%;  	

}

table.filterTable{
    table-layout: inherit;
    width: 100%;  	
	font-size:12px;
	left:0px;
}

.chkVisibility{
	
}

/*
table.dlTable tr:nth-child(even) td {
   background-color: red;
}
table.dlTable tr:nth-child(odd) td {
   background-color: green;
}
*/
/*
tr:nth-child(odd){
  background-color: #4C8BF5;
  color: #fff;
}
 tr:nth-child(even){
  background-color: red;
  color: #fff;
}
*/

.fa-close {
  color: black;
}

.panel-body_custom {
  /*padding: 15px;*/
  background-color:white;
  /*padding: 15px;*/
  /*height: calc(100vh - 200px);*/
  height: 50vh;

}
.panel-layers{
  /*padding: 15px;*/
  /*background-color:white;*/
  
  /*height: calc(100vh - 200px);*/
  /*height: 50vh;*/
  
   
}

.panel-layers > .panel-heading {
  /*color: #c8c8c8;*/
  color:rgba(0, 0, 0, 0.5);
  /* background-color: #3e444c;*/
  background-color:rgba(255, 215, 0);
  border-color: rgba(0, 0, 0, 0.6);
}

.panel-layers > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgba(0, 0, 0, 0.6);
}
.panel-layers > .panel-heading .badge {
  color: #3e444c;
  background-color: #c8c8c8;
}
.panel-layers > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgba(0, 0, 0, 0.6);
   
}

.panel-loadedLayers{
  /*padding: 15px;*/
  /*background-color:white;*/
  
  /*height: calc(100vh - 200px);*/
   background-color:white;
  /*height: 39vh;*/
   
}

.panel-loadedLayers > .panel-heading {
  color:rgba(0, 0, 0, 0.5);
  background-color:rgba(255, 215, 0);
  border-color: rgba(0, 0, 0, 0.6);
}

.panel-loadedLayers > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgba(0, 0, 0, 0.6);
}
.panel-loadedLayers > .panel-heading .badge {
  color: #3e444c;
  background-color: #c8c8c8;
}
.panel-loadedLayers > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgba(0, 0, 0, 0.6);
}




.btn-removelayer {
   background-color:white;
   color:black;

}
.btn-removelayer:hover {

}

table.tLayers {
    table-layout: fixed;
	overflow:auto;
	margin-left:10px;
    width: 150%;   
	margin-top:10px;
	/*max-width: 100%vh*/
	/* background-color:white;*/
	 
	
	
}

table.tourismLayers {
    table-layout: fixed;
	overflow:auto;
	/*max-width: 100%vh*/
	/* background-color:white;*/
	 
	
	
}



table.popup {
       table-layout:fixed;
	width:100%;
    width: 100%;   
	background-color:rgba(0,0,0,0);
	display: block;
	overflow: auto;
	padding:5px;
	
}

table.popup td{ 
	text-align:left;
    vertical-align: top;
	border:1px solid #000;
	padding:5px;
	word-wrap: break-word;          /* All browsers since IE 5.5+ */
	
}
table.e {
    table-layout: fixed;
    width: 100%;    
	
}

div.a {
  text-indent: 50px;
}






.slider-arrow {
	padding:5px;
	width:10px;
	float:left;
	background:#d9dada;
	font:400 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	position:relative;
	left:0px;
}

.middle { 
	border: 2px solid gray;
	table-layout:fixed;
	width:100%;
	height:100%;
	overflow: auto;
}

/*Scalebar*/
.ol-scale-line {
	left: calc(100vw - 120px);
}

.ol-scale-line, .ol-scale-line:not([ie8andbelow]) {
	background: rgb(0,0,0,0.4);
	padding: 5px;
	
	
}

/*.navbar-offset { margin-top: 50px; }*/
.navbar-offset { margin-top: 55px; }
#map { position: absolute; top:50px; bottom: 0px; left: 0px; right: 0px; }
#map .ol-zoom { font-size: 1.2em; }

#map .ol-zoom-in{
	margin-top:45px;
	/*background: rgba(0, 0, 0, 0.6) !important;*/
	border-radius: 30px 30px 0px 0px !important;
	position:absolute;
	top:1em;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAQAAACQTsNJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfjAQcRLjNVgHP4AAACDklEQVRIx+2Uz2sTQRiGn9mdNmkSTK2Vqm0FC4qYWIki2gr+QEVFUFtERAQPgsWjp978A/RUoR704sGzePDiRTBiDwVP2lyUUiItFGobNbVNs7ufh6iNyc66jde+px32m2e+9x3mU9RogDxNLW5KjtPHbjokqmBRzfBBvbGzsU8rThZVs+ev9SkW0Bu8M3JN+tiMVVNbVtPqlf00MlYuPWFX1Q979fMwjpaT3ojcIU2i7jiwaZWMDDg7rckvsy1M1kIukoRWZ1juk0ITpIjs887mv+pct5uvhpxjFmurOyK3iRFGG+W0YzeNd5U//4ZkeY7V4Y7KlboUzGqWfk9Hx7qdfAWSw4q59+R6aMAvD3LQLaTGk0xh9zND7JYMV0ccUprM3LulqUPYW0js9R7QvmYEQIKu6IvikhW3ZYgdDSEA71h58DvW4n65FFQmSKAl70ayXctVOs01ERJAkZK5l0z5hL1tlDZTgct57nKBIjnz7TezoqUnqNs2tgObAnORo9r/CMFDcPEqLeMgKCyfBwXSqf0RcY4QxyUNQJrL2PzgLUU/jKUO+ITv0cOjuqgKDPHRt3FDXoq1SPsjFnhGEpc99ALvmcDmG/MGuAFS4CEKh5v0Aq95jEYMwWIeQBb82VS5F7PF4ClGiWVguZFMVrt5yQQw/Y9pFQhRzDNXZatBOyrUrAo/Vdch65D/1E/vLpkJg6DgmQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMS0wN1QxNzo0Njo1MS0wNTowMKyilzYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMDEtMDdUMTc6NDY6NTEtMDU6MDDd/y+KAAAAAElFTkSuQmCC") !important;	
}	
#map .ol-zoom-out{
	/*background: rgba(0, 0, 0, 0.6) !important;*/
	margin-top:45px;
	border-radius: 0px 0px 30px 30px !important;
	position:absolute;
	top:4.8em;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAQAAACQTsNJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfjAQcRNS6fsNS7AAABn0lEQVRIx+2Uu0scURSHv3PnsauIYGEsxEA6cUNA7IT4+IdCLATBKkjAkAUbk8JSgoUhK1ql0UKHYFKZoDau6yMxbLIEVBazj5m5Foawzs7IutPuud19fPf3O/eeI0Oa2KHiI1qQFqQFaTbMqAWfYHlL5I0RkCR9GAFElROqjUM8+pkleUuLcMEE2VA1EUpsOrHrDEZ5j5gvUSAZsHNOJQIi4e3R5gFGwI7LL9ywzdrEC2QQgAqnIbvDX0fySh2ES1QhIyIcJavE6/d/ZUUZy/IjDkN21Lp6uKMyMRieLJZ+q2PfWJDDpnVsqfcJVAe5fSNNuSlGQV66f9oxjhjE3vN69BByT0RZXnQuaRwM+MiKa37xH+nUvRBVmbNeV9xtQMEAo3gF+5l6h9cw4kpemTN+6TPAzW91eMtW0drQFZ7Q1gDiWE1Z8/ofgto8jGAbxXFv0h8lcQfgUtYk3f31nE//p2rq5oSnOp9LrvENiy7a6xJd5btk1LT5hrPHfKhZqHuR5zh0tJVS/pge1v306ARIkZ/s4simlfXcDL2BM9cr1Xx74QaOtwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMS0wN1QxNzo1Mzo0Ni0wNTowMIIIvaIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMDEtMDdUMTc6NTM6NDYtMDU6MDDzVQUeAAAAAElFTkSuQmCC") !important;	
}	

.zoom-top-opened-sidebar { margin-top: 5px; }
.zoom-top-collapsed { 
	/*margin-top: 45px;*/
	margin-top: 0; 
}

.mini-submenu{
	display:none;  
	/*background-color: rgba(255, 255, 255, 0.46);*/
	border: 1px solid rgba(0, 0, 0, 0.9);
	/*border-radius: 4px;*/
	/*padding: 9px;*/ 
	position: relative;
	/*width: 42px;*/
	width: 28px;
	/*text-align: center;*/
	text-align: left;
	/*left:0;*/
}

.mini-submenu-left {
	position: absolute;
	top: 62px;
	/*
	top: 62px;
	left: .5em;*/
	left:0;
	z-index: 40;
}
.mini-submenu-right {
	position: absolute;
	top: 62px;
	right: 0;
	z-index: 40;
}

#map { z-index: 35; }

/*.sidebar2 { z-index: 45; right:50px; top:80px }*/
.sidebar2 { z-index: 45; right:1px;top:80px }
.sidebar { z-index: 45; top:5px }


.main-row { position: relative; top: 0; }

.mini-submenu:hover{
	cursor: pointer;
}


.slide-submenu{
	/*
	
	display: inline-block;
	padding: 0 8px;
	border-radius: 4px;
	outline-color:black;
	outline-style: solid;
	*/
	
	
	width:25px;
	height:3.75em;
	top:-37px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	text-align:middle;
	padding:5px;
	float:left;
	cursor: pointer;
	background: rgb(255,215,0);
	font:400 12px Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:none;
	position:relative;
	left:37px;
}


/*Slider for the right panel*/
.slide-submenu2{
	/*
	
	display: inline-block;
	padding: 0 8px;
	border-radius: 4px;
	*/
	width:25px;
	
	height:2.8em;
	top:-0.66em;
	float:left;
	border-right:1px solid black;
	border-left:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:5px;
	text-align:middle;
	cursor: pointer;
	background: rgb(255,215,0);
	font:400 12px Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:none;
	position:relative;
	/*right:-1em;
	float:left;*/
}

.zoom-extent {
	margin-top:45px;
	position: absolute;
	top: 6.8em;
	left:.6em;
	/*background: rgba(255, 255, 255, 0.4);*/
	border-radius: 4px;
	padding: 2px;
}

.zoom-extent a {
	display: block;
	margin: 1px;
	padding: 0;
	color: white;
	font-size: 1.3em;
	/*font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;*/
	font-family: 'Trebuchet MS'; 
	font-weight: bold;
	text-decoration: none;
	text-align: center;			
	height: 34px;
	width: 34px;
	background: rgba(0, 0, 0, 0.6);	
	background-position: 50%;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAAAAAAfLFQeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfjAQcRNBRApzxIAAABF0lEQVQ4y2MwJggYBp8SIwMwMMTGgygxcsnNy83NzYuE8LxzQZz8ICMkJQa533//+fv3/zYTMK/139+/f3//m2uIrCTv9487N2/eWQBRUn7r5s2bH/7PR1GS++eOn4Ojow3EdktHR0eHzf/nGqAo+XvTwdDIyAjqCSDLcC2mEkeYPFQVppJb6ErWoSoxjNqzxBZViXHboWpk5xqbmJqiB6qJqcnARCMRSoBxiy5jqI8a096t5ZZoSlI741FjGjN015ETAcQoAcU0XB4I0JXk/f6wee3aDc3gMDdMXbdu7dp7/+ehpbr/ILADrES/DcxBTXWGQXPnz507d34FxJT4eUDOvIU5yJ42NjI0RM8khoZGAxONFCoBAJ6TNaINWtt+AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTAxLTA3VDE3OjUyOjIwLTA1OjAwyHXqIQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wMS0wN1QxNzo1MjoyMC0wNTowMLkoUp0AAAAASUVORK5CYII=");

}

.zoom-extent a:hover {
	/*background: rgba(0, 60, 136, 0.7);*/
	cursor: pointer;
}

.zoom-to {
	border-radius: 2px 2px 0 0;
}

/*measure*/
.measure-control {
	position: absolute;
	top: 6.4em;
	right: 1em;
	/*background: rgba(255, 255, 255, 0.4);*/
	border-radius: 4px;
	padding: 2px;


}

.measure-control a {

	display: block;
	margin: 1px;
	padding: 0;
	color: white;
	font-size: 1.3em;
	/*font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;*/
	font-family: 'Trebuchet MS';
	font-weight: bold;
	text-decoration: none;
	text-align: center;			
	height: 34px;
	width: 34px;			
	background: rgba(0, 0, 0, 0.6);
	background-position: 50%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAAAAAAfLFQeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfjAQcUABoa/iBTAAAAmklEQVQ4y2MwJggYRpUMHSVGBobI4oYGRuhKjByTwkzhosYmgcmuRqhKDP2OfX87wdzEFAxMTOqff78UaYiqZOb///8/Hdi1Gwx27X0D5K4zQVFitBIo9vfzx09Q8AfI3WeGakrO+///D0eFhIJBSNiWf/+/1aNaZGyavWyKl4EhFBg496woNUf3NFAC4SFQEBgM6jgaVUKqEgDYdxE1lhziIwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMS0wN1QyMDowMDoyNi0wNTowMN8VgOcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMDEtMDdUMjA6MDA6MjYtMDU6MDCuSDhbAAAAAElFTkSuQmCC");
}

.measure-control a:hover {
	cursor: pointer;
}

.measure {

	border-radius: 2px 2px 0 0;
	
}
.measure:before {
	
	vertical-align: middle;
	font-weight: 900;			
}
/*end measure*/

/*gotoxy*/

.gotoxy-control {
	position: absolute;
	top: 9em;
	right: 1em;
	/*background: rgba(255, 255, 255, 0.4);*/
	border-radius: 4px;
	padding: 2px;
	
}

.gotoxy-control a {
	display: block;
	margin: 1px;
	padding: 0;
	color: white;
	font-size: 1.3em;
	/*font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;*/
	font-family: 'Trebuchet MS';
	font-weight: bold;
	text-decoration: none;
	text-align: center;			
	height: 34px;
	width: 34px;			
	background: rgba(0, 0, 0, 0.6);
	background-position: 50%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAAAAAAfLFQeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfjAQcUAhtfz3JHAAABD0lEQVQ4y2MwJggYRpXgV2JoaGRsbGRoCMYwPooSq6AgWyMjx2B/M9vgQCsjY1PfEGdUJUae5z8sMLHe+nGPdejtd52GBsmPXhYboJpi1Pb7c17z70+5hibz/j8Kstz3/4CtEZoSmz3/H7z4v9DE2Mj98v+Vdb9exxlgODfq6f//lz2ATjUo/vbl9b+pRhg+MjZa/f9/nz6IZb7u//+zzphKDMMe/f9/3g0kYRD57m+lgTG6EiOrHf+fvfs/zwSk2uvZzzRMJYbNv76WTvj3IQsoZej97Fc6hhLD8Mf/V5s6HP9/AWgVDiVxs6d4GxpGzpzuD4wCu+5p3kaYbjEwMIKRQAcbIFQMziQ1qgQFAAB0zyQ+cdhUuwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMS0wN1QyMDowMjoyNy0wNTowMH2XW24AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMDEtMDdUMjA6MDI6MjctMDU6MDAMyuPSAAAAAElFTkSuQmCC");
}




.gotoxy-control a:hover {
	cursor: pointer;
}

.gotoxy {
	border-radius: 2px 2px 0 0;
}
.gotoxy:before {
	vertical-align: middle;
	font-weight: 900;			
}

/*end gotoxy*/

/*basemap*/


.basemap-control {
	position: absolute;
	top: 3.8em;
	right: 1em;
	/*background: rgba(255, 255, 255, 0.4);*/
	border-radius: 4px;
	padding: 2px;
}

.basemap-control a {
	display: block;
	margin: 1px;
	padding: 0;
	color: white;
	font-size: 1.3em;
	/*font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;*/
	font-family: 'Trebuchet MS';
	font-weight: bold;
	text-decoration: none;
	text-align: center;			
	height: 34px;
	width: 34px;			
	background: rgba(0, 0, 0, 0.6);
	background-position: 50%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAAAAAAfLFQeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfjAQcRODNJGMYvAAACuElEQVQ4y7XU7TNUURgAcH+Qvfecc/feFltqVRujNtEyvbeKyNSgdvuQsRazihllvCUiobK2mmjD4i6VUaLhZteuHWJohdDEvtw209VYdtH0yZk5z4czv3nmzHme5/gR/11+O0AgAHB1/4sgIIhSFFQ+uJMqocC2BArlnd/dK+5fK+xMS5IAbiXwhIGd0M12dOp6J19PO5qOws0EJU/Nl0jq3h3UFEkGCiMeLVlioS+BV+fMF3GFJQbXlvIuWS/AlMmJc9CbQOkX+zVeyCc1QNpSgO53BeJq92AY9CIBzYvdxrv33gtxoC3BMDGTVz7cvVzD3yAgyV4ZlPrWYcqJj2yujUzMH1/SJwib5k/CdUI2zhwDmGy0mmaMCzPGgdY6awQOZEsVyENQ2JSOJIDaQFIhEn19uIjc3Z8CUOCHoWC0RkC8Ixsn4NMqwL1wQwnGnTcVAgKUL0rhGsHTnZcJStCeS1AU+ayMi/yqepIi0p2JwJPl1u8+mu6cM3UYaPrrGG0w0KM2mu5g3HIPwdVspVKVZX6pVKky+gxcVNL9GSqlhk1dz6JwXfHHYXOuP45jDcVc5D2s4eH+WY5YD4GnfhYBAlY/4XpllQBI6vO4qzd8O+y5Ltpr7A1C+M0eccz125971ClRRwbjAdpvfSNYfzpYZk/A+PI5xtSrHze39ZmMtjgCS3NlgQ0SNd0le2G2tUmEfG0p2iP9OGGulTEWMdooIypwzT6XyplQuFppED0cd7Z13p7uXWkU3O7KgYF0FcERXNCoJcgytyYA+bRUeI+9Yt+ZkWSupbBMo+SQxtUiQr6NCUN17GBaheW0pjhxLD/b6nws2tSYnAnKtLI258hQ/+TyNMsodqGtQ4KgWNk29sNhX7C+uiHyGiTvaUSAOhAtO388hA8QsT35m4obV+R7thM/w7brD3AkpPH/pzIxAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTAxLTA3VDE3OjU2OjUxLTA1OjAwbSxI9gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wMS0wN1QxNzo1Njo1MS0wNTowMBxx8EoAAAAASUVORK5CYII=");
}




.basemap-control a:hover {
	cursor: pointer;
}

.basemap {
	border-radius: 2px 2px 0 0;
}
.basemap:before {
	vertical-align: middle;
	font-weight: 900;			
}



/*end basemap*/

#progress {
	position: absolute;
	bottom: 0;
	height: 12px;
	background: rgba(0, 60, 136, 0.6);
	width: 0;
	transition: width 250ms;
	z-index: 50;
} 

/*info control*/
.info-control {
	position: absolute;
	top: 1em;
	right: 1em;
	/*background: rgba(255, 255, 255, 0.4);*/
	border-radius: 4px;
	padding: 2px;
}

.info-control a {
	display: block;
	margin: 1px;
	padding: 0;
	color: white;
	font-size: 1.3em;
	/*font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;*/
	font-family: 'Trebuchet MS';
	font-weight: bold;
	text-decoration: none;
	text-align: center;			
	height: 34px;
	width: 34px;			
	background: rgba(0, 0, 0, 0.6);
	background-position: 50%;
	background-image:url(/viewer/assets/img/buttons/linechart.png);
}

.info-control a:hover {
	cursor: pointer;
}

.info {
	border-radius: 2px 2px 0 0;
}
.info:before {
	vertical-align: middle;
	font-weight: 900;			
}
/*end infor*/

/*buffer*/
.buffer-control {
	position: absolute;
	top: 11.6em;
	right: 1em;
	/*background: rgba(255, 255, 255, 0.4);*/
	border-radius: 4px;
	padding: 2px;
}

.buffer-control a {
	display: block;
	margin: 1px;
	padding: 0;
	color: white;
	font-size: 1.3em;
	/*font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;*/
	font-family: 'Trebuchet MS';
	font-weight: bold;
	text-decoration: none;
	text-align: center;			
	height: 34px;
	width: 34px;			
	background: rgba(0, 0, 0, 0.6);
	background-position: 50%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAAAAAAfLFQeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfjAQcUBRsQjuSAAAAB70lEQVQ4y2MwJggYaKDE0MDAEIRxKTEysAgpn7xg/oRifzMDrEoMbcoOvvvx6fWbr79e78yxMMRUYhh14Me9RYXhvv6x1etfft8SYIiuxKjw6cs+d0OgU4BuMQ5c8uVWsiGqEsOCNxdiDI3gRpoUP32UYIisxDDs4QV/ZCcaG6S/uuxliKTEcsfzGBQVQF3135eYIJQY5HzuQw0LoOPMt7yLNoQrMd1y190ITYmxQdKXuUYwJUZeTxahGwIUtTp11d4IqsQg/XMhzCVGhnB/Gc75EGYIVaJf/z4caoqR99wF/lA1+rU/sgxgpnS98oMqMZz7//9KmGOKf5XBlOh3vPKHKZn///9qmJLSn8VwUyo+xELdYuS/ck0Q1CKDtu/JMCWGMR9q4c4FIwhzzUtfmHONHK5tNsH0tMudwxbwoDOc9TIUI2AMqn+2GCCUhDxfaYqmwtD18i13eOgCDZ38qRLVGCOzxT/qkWPayH7fi1xDpGgyNJv4fbWlEUqS8jn5ptnSAKrIyMB18fedTkbISQqoxnP7t72Ztob6BsB06Vp75fsKJ7SECVRj3XLn88XFzaXlXevv/bhcbg63FpFJjAzdG/Y+fP/58/t72yqckNIgcm40MjBzDU9KDHU2MUBOYGh52giUXdESIC1KBqwAAFRzRKcSs2XvAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTAxLTA3VDIwOjA1OjI3LTA1OjAwn0tAFwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wMS0wN1QyMDowNToyNy0wNTowMO4W+KsAAAAASUVORK5CYII=");
}

.buffer-control a:hover {
	cursor: pointer;
}

.buffer {
	border-radius: 2px 2px 0 0;
}
.buffer:before {
	vertical-align: middle;
	font-weight: 900;			
}

/*end buffer*/

/*download`*/
.download-control {
	position: absolute;
	top: 17em;
	right:1em;
	/*background: rgba(255, 255, 255, 0.4);*/
	border-radius: 4px;
	padding: 2px;
}

.download-control a {
	display: block;
	margin: 1px;
	padding: 0;
	color: white;
	font-size: 1.3em;
	/*font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;*/
	font-family: 'Trebuchet MS';
	font-weight: bold;
	text-decoration: none;
	text-align: center;			
	height: 34px;
	width: 34px;			
	background: rgba(0, 0, 0, 0.6);
	background-position: 50%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAQAAACQTsNJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfjAQcUBgy4cDKEAAABJUlEQVRIx+3UPUpDURCG4efcXBH/wU4s/IGAop2t9hZuwJXYRAtFbMVON+E2sgE1vVHEKoFYBEmOhTYJOTfEFCI65cB5Z75v5kzYicaObHzEP+TnINHwHciH1ZhDS+f7nXStuHRlXff7nURT1pVMD5H0C6YT+5TmBZKyFKKsYlsHUdeeI0tJTMLYCYcOlN2K2LVv2aubBCQMvifRpooNTTMy7yZVXagLo8gJ7pyqWZDLTKo695hAFBhb8uBUDVSdeyoYZCg6jx1bTjSdqRfuQhLyme5a0/b8hUjJSUwnmP3ajAYWEbx7GwUSzTu20vPtMvcutEfpJLdmtS/XUhIHShoICVquLfZsaPCinXAlaWynr2oUlEYzVvLBoPgF9+QPQ3KN8SEfV5VHr1ig2vEAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDEtMDdUMjA6MDY6MTItMDU6MDCoy9NQAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTAxLTA3VDIwOjA2OjEyLTA1OjAw2ZZr7AAAAABJRU5ErkJggg==");
}

.download-control a:hover {
	cursor: pointer;
}

.download {
	border-radius: 2px 2px 0 0;
}
.download:before {
	vertical-align: middle;
	font-weight: 900;			
}

/*end download*/

/*export map*/
.export-control {
	position: absolute;
	top: 14.2em;
	right: 1em;
	/*background: rgba(255, 255, 255, 0.4);*/
	border-radius: 4px;
	padding: 2px;
}

.export-control a {
	display: block;
	margin: 1px;
	padding: 0;
	color: white;
	font-size: 1.3em;
	/*font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;*/
	font-family: 'Trebuchet MS';
	font-weight: bold;
	text-decoration: none;
	text-align: center;			
	height: 34px;
	width: 34px;			
	background: rgba(0, 0, 0, 0.6);
	background-position: 50%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAQAAACQTsNJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfjAQcUBjnuw/anAAABaElEQVRIx+2VvUoDQRSFv5lNdrVYsBAsLCxsJK2ghSi2KVKEYBvFV/AZbHwAOxsrsYmNnT8QSWOhtqKgEhGbaAKaRrNjE5dkZ/YnGwQRb7Wz3PnunDmHXTGrGLrk8Ih/iKkyydo8ek200kBs8ox3MZI2hzQRg0EUDivM+OsGNV4HhcAHNe6wmcPtYmPkeOgRfmcbm3UWjQgNIlliUgMprlhmlSzXTPUJCYGUWNDu5JRpCtgcccCmQa4mRwE3PPXMe0ZQwOGELcYM5wiBVNj3s2BTpoxDlQsUL+zQCRgc4o7Hp/9UZI0sVR4ockadXcAKQGJiL7jlkWP2yOOiAEvLa2xOBJds0GKCUd5Cu2RwkwV4fW/uaRimR0Ik+Dfy3SJQg0DS1c99TwTSp4sEszI6AErMd7dJBKBwGYlwxwjJkTOeTySDdKhwTqdnrXxAm1YIRgT/gF6EnWFp0eSksev35OSPQTI0h4d8AdH2UMqbtpzqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTAxLTA3VDIwOjA2OjU3LTA1OjAwfrnyDQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wMS0wN1QyMDowNjo1Ny0wNTowMA/kSrEAAAAASUVORK5CYII=");
}

.export-control a:hover {
	cursor: pointer;
}

.export {
	border-radius: 2px 2px 0 0;
}
.export:before {
	vertical-align: middle;
	font-weight: 900;			
}
/*end export map*/



/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

	
#demobox {
  background-color: #cfc ;
  padding: 10px ;
  border: 1px solid green ;
}

.gp-button { 
  color: #0F0E0E; 
  background-color: #FFDF00; 
  border-color: #130269;   
}

.gp-button2 { 
  color: #0F0E0E; 
  background-color: #FFDF00; 
  border-color: #130269; 
  
  min-width: 80px;
  max-width: 80px;
	
} 
 
.gp-button:hover, 
.gp-button:focus, 
.gp-button:active, 
.gp-button.active, 
.open .dropdown-toggle.gp-button { 
  color: #0F0E0E; 
  background-color: #FFDF00; 
  border-color: #130269; 
}

.gp-button2:hover, 
.gp-button2:focus, 
.gp-button2:active, 
.gp-button2.active, 
.open .dropdown-toggle.gp-button2 { 
  color: #0F0E0E; 
  background-color: #FFDF00; 
  border-color: #130269; 
} 
 
.gp-button:active, 
.gp-button.active, 
.open .dropdown-toggle.gp-button { 
  background-image: none; 
} 
 
.gp-button.disabled, 
.gp-button[disabled], 
fieldset[disabled] .gp-button, 
.gp-button.disabled:hover, 
.gp-button[disabled]:hover, 
fieldset[disabled] .gp-button:hover, 
.gp-button.disabled:focus, 
.gp-button[disabled]:focus, 
fieldset[disabled] .gp-button:focus, 
.gp-button.disabled:active, 
.gp-button[disabled]:active, 
fieldset[disabled] .gp-button:active, 
.gp-button.disabled.active, 
.gp-button[disabled].active, 
fieldset[disabled] .gp-button.active { 
  background-color: #FFDF00; 
  border-color: #130269; 
} 
 
.gp-button .badge { 
  color: #FFDF00; 
  background-color: #0F0E0E; 
}

modal-header {
  /*padding: 15px;*/
  padding: 2px;
  /*border-bottom: 1px solid #1c1e22;*/
  border-bottom: 1px solid #cccccc;
  background-color:red !important;
}
.modal-header .close {
  margin-top: -30px;
  padding:5px;
}


/*bootstarp tour*/


.tour-backdrop {
  z-index: 1050;
}

.tour-step-backdrop {
  z-index: 1051;
}

.tour-step-background {
  z-index: 1050;
}
.popover[class*="tour-"] {
  z-index: 1050;
}


/*remove sidebarmenu botom border*/

.no-border{
  border:none;
}

/*mouseposition control*/

.ol-mouse-position  {
	/*background: rgba(0, 60, 136, .3) !important;*/
    top: 95%!important;
	color:black !important;
	margin-left:363.538px;
	left:0px;
    position: absolute !important; 
	padding: 2px !important;
}

.ol-mouse-position-inner  {
	
}
/*
.ol-mouse-position-inner  {
    border: 1px solid #eee;
    border-top: none;
    color: #eee;
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents, width
}
*/

.itemmargin-bottom{
	margin-bottom:9px;
}