#left-menu{
	float: left;
	position: absolute;
	top: 145px;
	left: 0px;
	width: 0px;
	height: 100%;
	z-index: 10001;
}
#left-menu .property_list_collection_item{
	height: 100%;
}
#left-menu #output_close_button_area_mask{
	float: left!important;
}
#left-menu #output_content_wrapper, #left-menu #sub_output_content_wrapper{
	float: left;
	display: block;
	left: 50px;
	position: absolute;
}
#left-menu #sub_output_content_wrapper{
	width: 350px;
	height:100%;
}
#left-menu .collection_items{
	padding: 0px;
	height: 100%;
}
#left-menu #output_close_button_area_mask{
	height: 45px;
}
#left-menu .add-menu-marker{
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
#left-menu #output_close_button{
	-webkit-transition-duration: 0.3s; /* Safari */
	transition-duration: 0.3s;
}

#left-menu .property_list_collection_item h3{
	font-size: 15px;
	text-align: left;
	color: #000;
	padding: 0 5px;
	border: 2px solid #81D4FA;
	cursor: pointer;
	background: #E0F7FA;
}
#left-menu .property_list_collection_item ul{
	list-style-type: none;
	padding: 0 5px;
}

.border-bottom{
	border-bottom: 2px dashed #000;
}
#left-menu .property_list_collection_item ul li{
	padding: 2px 10px;
}
#left-menu h4{
	font-size: 15px;
	font-weight: bold;
	margin-left: 20px;
}

#output_close_button_area_mask{
	width: 46px;
	float: right;
	background: #3bafda;
	top: 0;
	opacity: 0.85;
	right:430px;
	overflow: hidden;
}
#output_close_button{
	background-image: url(/assets/img/global_menu_icons.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	cursor: pointer;
	height: 45px;
	width: 100%;
	margin: 0;
	padding: 0;
}
#output_content_wrapper{
	position: relative;
	width: 320px;
	float: right;
	height: 450px;
	background: white;
	top: 0;
}
#output_content_wrapper{
	display: none;
}

.property_list_collection_item{
	border: 1px solid #cccccc;
	padding: 10px 14px 10px 12px;
	position: relative;
	margin-bottom: 10px;
	height: 50%;
	overflow: scroll;
}
#property_search_result_list_scrollarea_container{
	height: 100%;
	overflow: hidden;
}

.hidden{
	display: none;
}


/*Popup menu*/
.leaflet-popup-content .openPopupPoint p {
	margin: 0; padding-top: 5px;
}
.openPopupPoint {
	width: 100%;
	overflow: hidden;
}
.openPopupPoint .desPopup h3 {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0;	margin: 0;
}
.openPopupPoint .imgPopup {
	display: block;
	width: 48%;
	float: left;
	margin-right: 2%;
	padding-right: 1%;
	border-right: 1px solid #d4d4d4;
}
.openPopupPoint .imgPopup a img {
	display: block;
	width: 100%;
}
.openPopupPoint .desPopup p a {
	text-decoration: none;
	font-size: 13px;
}

/*Right menu - custom icon*/
.gsi_iconselector a{
	width: 100%;
	padding: 5px 0 0 6px;
	background: #f4f4f4;
	text-decoration: none;
}

.gsi_iconselector a:hover{
	border: 1px solid #eee;
	background: #ddd;
}
.gsi_iconselector a span{
	font-size: 13px;
	color: #000;
	position: absolute;
	left: 40px;
}

/*Right menu*/
#right-menu{
	position: absolute;
	width: 0px;
	top: 145px;
	right: 0;
	z-index: 3000;
}
#right-menu #output_content_wrapper {
	height: 450px !important;
}
#right-menu .property_list_collection_item{
	height: 100%;
}
#right-menu .collection_items{
	padding: 0px;
	height: 100%;
}

/*Right-bottom icon list*/
#btnScreenIcon{	
	position: absolute;
	top: -50px;
	right: 0;
}
#screenListIcon img{
	display: block;
	width: 100%;
	background-size: cover;
}
#btnScreenIcon p{
	color: #ffffff;
	padding: 8px 0;
	display: block;
	background: #000000;
	width: 46px;
	text-align: center;
	cursor: pointer;
}
#screenListIcon{
	position: absolute;
	bottom: 0px;
	right: 0;
	height: 250px;
	z-index: 1000;
	max-width: 500px;
}

/*========== WRAP HEADER MENU GIS MAP ===========*/
/*===============================================*/
/*===============================================*/
div.wrap-header-menu {
	width: 100%;
	overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 2500;
}
div.wrap-header-menu p.text-left {
	margin: 0; padding: 0;
	float: left;
	width: 25%;
	padding: 5px 15px;
}
div.wrap-header-menu div.text-right {
	width: 75%;
	float: right;
}
div.wrap-header-menu div.text-right a {
	display: block;
	float: right;
	padding: 5px 15px;
	text-decoration: none;
	color: #333333;
}
div.wrap-header-menu div.text-right a:hover {
	color: #a4a4a4;
}
.leaflet-top .leaflet-control{
	margin-top: 45px!important;
}
#upload-image-description{
	width: 100%;
	margin: 10px 0px;
	height: 100px;
}
.formOnlineScreen h4{
	text-align: center;
}
.unallocated-image-list td{
	overflow: hidden;
	padding: 3px;
}
.unallocated-image-list tr{
	border-bottom: 1px solid #eee;
}
.unallocated-image-img{
	width: 80px;
}
@media only screen and (max-width: 1170px){
	#header-netcommons{
		display: none;
	}
}
@media only screen and (max-width: 950px) {
	div.wrap-header-menu div.text-right a {
		font-size: 13px;
		padding: 5px 5px;
	}
}

@media only screen and (max-width: 900px){
	#header-jigyoname{
		display: none;
	}
	div.wrap-header-menu div.text-right a {
		font-size: 13px;
		padding: 5px 5px;
	}
	#header-rightpart{
		width: 100%;
		position: relative;
	    z-index: 2000;
	    background: #fff;
	}
}