body{
	  line-height: none!important;
	  padding-top:0!important;
	  padding-top: 3.5rem;
	}



    .geoSpatHoldStyle{
        overflow-y:auto;
        overflow-x:hidden;
        display: block;
        background-color: #efefef;
    }

    .projName_Style{
        font-family: 'open sans'; 
        font-size: 14px; 
        font-weight:600;
        color:#5C5447;
        width: 100%;
     }

     .projTitle_Style{
        font-family: 'open sans'; 
        font-size: 13px; 
        font-weight:500;
        color:#5C5447;
        width: 100%;
        margin:0 0 5px 0px;
    }
    .projLoc_Style{
        font-family: 'open sans';
        font-size: 12px;
        font-weight:500;
        color:#5C5447;
        width: 100%;
        margin:0 0 5px 0px;
    }


.listItemStyle{
	padding: 5px 0 5px 10px;
	/*border-bottom: thin solid #cdcdcd;*/
	font-family: 'open sans';
    font-size: 14px;
    font-weight: 500;
    color: #5c5447;
    cursor: pointer;
    margin-bottom: 5px;
}





    .resultListTabHoldStyle{
		width:100%;
		background-color: #efefef;
		border-bottom: thin solid #cdcdcd;
		display:inline-block;
	}

	

	.resultInstructHoldStyle{
		width: 100%;
		height: 350px;
		overflow: hidden;
		font-family: "open sans"; 
		color:#666;
		font-size: 12px; 
		font-weight:500;
	}


	/*.active{
		background-color:#d7d7d7;
	}*/



   /*.field_prod_tabStyle.active{
		background-color: #D7D7D7;
		border-bottom:2px solid #5497c2;
   }*/


	.wrapperStyle{
		border:thin solid #c7c7c7; 
		margin: 80px auto 10px auto; 
		border-radius: 4px;
		min-width:600px;
		max-width: 1000px;
		position: relative;
		opacity:0;


		 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);



		/*height:100%;*/


	}

	.wrapperHoldStyle{
		min-height:calc(100vh - 340px);
		width: 100%;
		padding: 0 20px 10px 20px;
	}

	.progHoldStyle {
    width: 70px;
    height: 33px;
    margin: 0px;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("../assets/graphics/interface/prog_2.gif");
    background-repeat: no-repeat;
    /*display: none;*/
}

   .mapContentHoldStyle{
		width: 100%;
		overflow: hidden;
		min-width: 598px;
		/*background-color: #efefef;*/
		/*padding:10px 10px 0 10px;*/
		border-radius: 3px;
		/*max-height:calc(100vh - 300px);*/
		/*display: inline-block;*/
	}

	.mapRowHolderStyle{
		margin: 7px 0 0px 0;
		width:100%;
		min-height:60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 12px
	}

	.mapPanelStyle{
		width: 100%;
	  	/*height:590px;*/
		background-color: #fff;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		padding-bottom: 10px;
		/*border: thin solid #c7c7c7;*/
		border-bottom: none;
		position: relative;
	}


	.mapHolder{
		position:relative;
	}


	.underStyle{

		height: 300px;
		background-color: #444;
		width:100%;
		position: absolute;
		z-index: 10;
	}

	.overStyle{

		height: 300px;
		background-color: #999;
		width:100%;
		position: absolute;
		z-index: 11;
	}



	.searchPanelStyle{
		width: 100%;
		display: inline-block;
		background-color: #fff;
		/*border: thin solid #c7c7c7;*/
		border-top: none;
		/*padding: 0 20px 20px 20px;*/
		margin-bottom: 13px;
	}

	.searchRowHolderStyle{
		margin: 0px 0 20px 0;
		width:100%;
		min-height:60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 10px

	}


	.geospatResultHoldStyle{
		border: thin solid #cdcdcd;
		width:100%;
		height: 375px;
		position: relative;
	}








	.pu{
		background-color: #666;
		display:none;
		pointer-events: none;
		position: absolute;
		font-family: 'open sans';
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		padding: 5px 10px;
		border-radius: 5px;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.04);
		border:thin solid #efefef;
	}


	.pu_active{
		display: block;
	}

	.resultProjectsHoldStyle{
	  width: 100%;
	}

	.resultHolderStyle{
	    width:100%;
	    height:350px;
	    overflow:auto;
	    background-color: #EFEFEF; 
	    margin-bottom: 1px;
	    /*border-top: thin solid #cdcdcd*/
	}




	.progressHoldStyle{
		width:70px;
		height:30px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 150px;
		/*border: thin solid #444;*/
		background-image: url("../assets/graphics/interface/prog_2.gif");
    	background-repeat: no-repeat;
	}

	.resultListItemStyle{
		width: 100%;
		border-bottom: thin solid #CDCDCD;
		background-color: #fff;
		font-family: 'open sans'; 
		font-size: 13px; 
		font-weight:600; 
		color:#5C5447;
		cursor: pointer;
		display: inline-flex;
	}

	.projName_Style{
	    font-family: 'open sans'; 
	    font-size: 14px; 
	    font-weight:600;
	    color:#747474;
	    width:100%;
	    padding:5px 0px 3px 0px;
	}

	.projTitle_Style{
	    font-family: 'open sans'; 
	    font-size: 13px; 
	    font-weight:500;
	    color:#5C5447;
	    width: 100%;
	}
        .projLoc_Style{
            font-family: 'open sans';
            font-size: 12px;
            font-weight:500;
            color:#5C5447;
            width: 100%;
            margin:0 0 5px 0px;
        }

	.result_count_holdStyle{
		padding: 4px 0px 0px 15px;
		font-family: 'open sans'; 
	    font-size: 11px; 
	    font-weight:600; 
	    color:#5C5447;
	    float:left;
	}



	.projNameHold_Style{
		float: left;
		width:100%;
		margin-left: 10px;
		padding-right: 10px;
	}

	.projStatusHold_Style{
		float: right;
		width:95px;
		border-left: thin solid #c7c7c7;
		text-align: center;
		font-family: 'open sans'; 
		font-size: 11px; 
		font-weight:600; 
		color:#5C5447;
		padding-top: 8px;
	}

	.mapButtHolder{
		height: 25px;
		text-align: center;
		/*margin-bottom: 20px;*/
		position: absolute;
		right: 0px;
		top: 5px;
		z-index: 10;
	}

	.mapTogButtHolder{
		border:thin solid #c7c7c7;
		border-left: none;
		float: right;
		display: inline-flex;
	}


	.field_prod_tabStyle{
		font-family: "open sans";
		font-size: 10px;
		font-weight:600;
		color: #5c5447;
		background-color: #efefef;
		cursor: pointer;
		text-align: center;
		float: right;
		padding: 2px 8px;
		height: 22px;
		border-left:thin solid #cdcdcd;
		border-bottom: none;
		letter-spacing: .03em;
		line-height: 16px;
   }

   .field_prod_tabStyle.active{
		background-color: #BBBBBB;
		letter-spacing: .03em;
		/*border-bottom:2px solid #5497c2;*/
		color:#fff;
   }

   .field_prod_refreshStyle{
   		height: 22px;
   		width: 29px;
   		border-left: thin solid #cdcdcd;
   		background-color: #efefef;
   		background-image:url("../assets/graphics/interface/reset.png");
  		background-repeat:no-repeat;
  		background-position: 4px 4px;
  		float: right;
  		cursor: pointer;
   }

   .field_prod_upStyle{
   		height: 22px;
   		width: 28px;
   		border-left: thin solid #cdcdcd;
   		background-color: #efefef;
   		background-image:url("../assets/graphics/interface/up.png");
  		background-repeat:no-repeat;
  		background-position: 3px 3px;
  		float: right;
  		cursor: pointer;
   }

   .field_prod_downStyle{
   		height: 22px;
   		width: 28px;
   		border-left: thin solid #cdcdcd;
   		background-color: #efefef;
   		background-image:url("../assets/graphics/interface/down.png");
  		background-repeat:no-repeat;
  		background-position: 3px 3px;
  		float: right;
  		cursor: pointer;
   }


	.field_prod_downloadStyle{
   		height: 22px;
   		width: 28px;
   		border-left: thin solid #cdcdcd;
   		background-color: #efefef;
   		background-image:url("../assets/graphics/interface/download.png");
  		background-repeat:no-repeat;
  		background-position: 3px 3px;
  		float: right;
  		cursor: pointer;
   }

   .field_prod_globalDatStyle{
    	height: 22px;
		width: 29px;
		border-left: thin solid #cdcdcd;
		background-color: #efefef;
		background-image:url("../assets/graphics/interface/global.png");
		background-repeat:no-repeat;
		background-position: 6px 3px;
		float: right;
		cursor: pointer;
   }


   .bbMapPrimeButtHoverStyle{

   		padding: 3px 9px;
	    border: thin solid #9B9B9B;
	    border-radius: 4px;
	    text-align: center;
	    float: right;
	    margin: 0 4px 7px 4px;
	    font-family: open sans;
	    font-size: 12px;
	    font-weight: 600;
	    cursor: pointer;
   		background-color: #bbb;
   		color:#fff;
   }




   .uniSlidTitleStyle{
		font-family: 'open sans'; 
		font-size: 14px; 
		font-weight:600;
		display: inline-block;
	}


	.contentStyle{
		font-family: 'open sans'; 
		font-size: 14px; 
		font-weight:600;
		margin:8px 0px 10px 0px;
		color:#666;
	}

	.contentIndentStyle{
		font-family: 'open sans';
	    font-size: 11px;
	    font-weight: 600;
	    margin: 3px;
	    border: thin solid #cdcdcd;
	    padding: 3px 5px;
	    display: inline-block;
	    border-radius: 3px;
	    background-color: #efefef;
	    color: #666;
	}
		

		
	.contAbs{
        position:absolute;
        height:100%;
        background-color: #efefef;
        top:0px;
        z-index: 50;
        opacity: 0;
        overflow:auto;
    }


	.ppDisTopStyle{
		margin: 0 0 15px 0;
        border-bottom:thin solid #999;
        background-color:#d7d7d7;
        -moz-box-shadow: 0 0px 3px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.04);
		box-shadow: 0 0px 3px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.04);
    }

    .ppDisTopTopStyle{
        height:30px;
    }

    .ppDisCloseStyle{
        height: 26px;
        width:26px;
        float:right;
        cursor: pointer;
        margin: 4px 15px 0 0;
    }

     .ppDisCloseStyle:hover{
     	background-color: #CDCDCD;
     }

    .ppDisTopTitleStyle{
        color:#5C5447;
        float:right;
        font-family: 'open sans'; 
        font-size: 12px; 
        font-weight:600;
        margin:4px 0 0 0;
        border-right: thin solid #999;
        padding:4px 8px 0 0;
        height: 26px;
        cursor: default;
    }

    .ppDisCopyHoldStyle{
    	float:right;
    	margin:4px 0px 0 0px;
        border-right: thin solid #999;
        height: 26px;
        width:26px;
			cursor: pointer;
    }

    .ppDisCopyHoldStyle:hover{
    	background-color: #CDCDCD;
    }


	.ppDisContentHoldStyle{
		/*height:calc(100vh - 240px);*/
		overflow: auto;
		margin:0 0 20px 0;
		background-color: #efefef;
		padding: 10px 15px 15px 15px;
	}

	.titleStyle{
		font-family: 'open sans'; 
		font-size: 14px; 
		font-weight:600;
		color:#666;
	}





	.resbutt_hover{
		background-color: rgba(230,230,230);
	}

	/*.projtext_hover{
		color:#fff;
	}*/

	.projColorHold_Style{
		width:30px;
		border-right: thin solid #cdcdcd;
		background-color: #c7c7c7;
		float: left;
		display: flex;
		flex-direction: row;
	}

	.projColor_Style{
	 	flex: 1;
	  	border-right: thin solid #fff;
	}

	.searchWindowStyle {
	    /*background-color: #F6F6F6;*/
	    display: block;
	    overflow: auto;
	    padding: 5px 30px 0px 30px;
	}




	.searchWindowFootStyle {

	    height: 40px;
	    /*background-color: #F6F6F6;*/
	    padding-right: 40px;
	    padding-top:5px;
	}


	.searchResultHolderStyle{
	    width:100%;
	    height:350px;
	    overflow:auto;
	    background-color: #EFEFEF; 
	    margin-bottom: 1px;
	    border-top: thin solid #cdcdcd;
	    display: none;
	}


	.datRanButtStyle {
	    padding: 3px 9px;
	    border: thin solid #9B9B9B;
	    border-radius: 4px;
	    text-align: center;
	    float: right;
	    margin: 0 4px 7px 4px;
	    font-family: open sans;
	    font-size: 12px;
	    font-weight: 600;
	    color: #5C5447;
	    cursor: pointer;
	    background-color: #EFEFEF;
	}

	.searchUI_HeaderTextStyle {
	    font-family: 'open sans';
	    font-size: 13px;
	    font-weight: 600;
	    color: #5C5447;
	    float: left;
	}

	.searchUI_HeaderCountStyle {
	    font-family: 'open sans';
	    font-size: 11px;
	    font-weight: 600;
	    color: #5C5447;
	    float: left;
	    margin-left: 7px;
	    margin-top: 3px;
	}

	.mapSearchUI_HeaderStyle {
	    width: 100%;
	    height: 20px;
	    /*margin: 10px 0 0px 5px;*/
	}


	.searchQ_HoldStyle {
	    width: 100%;
	    height: 100%;
	    /*background-color: #efefef;*/
	    padding: 5px;
	}


	.tagHoldStyle {
	    background-color: #bbb;
	    border: thin solid #cdcdcd;
	    border-radius: 3px;
	    padding: 6px 8px 6px 10px;
	    display: inline-block;
	    margin: 0px 5px 0 0px;

	}

 

    .tagLabelStyle{
        font-family: 'open sans'; 
        font-size: 12px; 
        font-weight:600;
        color:#333;
        float:left;
        margin-right: 8px;
        color: #fff;
    }

    .tagCloseHoldStyle{
        background: url('../assets/graphics/interface/tagClose.svg') no-repeat center center;
        background-size: auto auto;
        float: right;
        width: 10px;
        height:10px;
        cursor: pointer;
        margin-top: 4px;
    }

    .searchListItemStyle {
	    width: 100%;
	    border-bottom: thin solid #CDCDCD;
	    background-color: #fff;
	    padding: 8px;
	    font-family: 'open sans';
	    font-size: 13px;
	    font-weight: 600;
	    color: #5C5447;
	    cursor: pointer;
	}

	.searchListItemStyle.active {
		background-color: #bbb;
		color:#fff;
	}


	.mapSearchUI_ColContStyle {
	    width: 100%;
	    height: 214px;
	    border: thin solid #CDCDCD;
	    overflow: auto;
	    margin: 5px 0 10px 0;
	    border-radius: 5px;
	    background-color: #fff;
	}


.searchWrap{
    cursor: default;
    display: flex;
    position: relative;
    margin: 10px 10px;
    /*width: 100%;*/
    height: 36px;
}

.searchInput {
    border: 1px solid #cdcdcd;
    border-radius: 3px;

     font-family: open sans; 
    font-size: 13px; 
    font-weight:600; 
   
    color: #5C5447;
    padding: 0;
    padding-inline-end: 36px;
    padding-inline-start: 10px;
    float: left;
    width: 100%;
    /*font-size: 15px;*/
}
.searchButton{			
    background: url('../assets/graphics/interface/searchAdd.svg') no-repeat center center;
    border-radius: 0 3px 3px 0;
    width: 36px;
    background-size: 16px 16px;
    height: 100%;
   	right: 0;
    position: absolute;

}

.searchButton:hover{
    background-color: #CDCDCD;

}