/* =============== Old MAP STUFF =================== */

.map_thumb .info_thumb_title {
	/*color:red;*/
	top: 8px;
	font-size:18px;
	line-height:18px;
	height:50px;
}

.info_thumb_name  {
	/*color:yellow;*/
	font-size:14px;
	bottom: 16px;
}

.thumb_detail.map_thumb {
	width:200%;
	/*background-color:orange;*/
}

.thumb_detail.map_thumb {
	max-width:350px;
}

.info_thumb_pic.map_thumb {
	max-width:350px;
	margin-bottom:16px
}

.map_thumb .info_thumb_profile {
	width:85px;
	height:85px;
	bottom:76px;
	right:3px;
}

#pano_sidebar{
	width: 386px;
	height:100%;
	padding:16px;
	right: 0px;
	position: absolute;

    overflow: hidden;
    /*background: green;*/
	background-color: rgba(183, 183, 183, 0.79);
}

#pano_sidebar_switch{
	position:absolute;
	z-index:20;
	right:376px;
	top: 0px;
	width:16px;
	height:100%;
	cursor:pointer;
	background-color: #313231;
}
#pano_sidebar_switch:hover{
	background-color: #1c1b1b;
}

#pano_sidebar_thumbs{
	top:0px;
	margin-left: 8px;
}


.container-fluid {
    height: 100%;
    padding: 0;
}

.content-area, .article-tree{
   position:relative;
    width:100%;
    background: green;
   	overflow:hidden!important;
}


.map_pointer_left{
	z-index:2;
}



/* =============== New MAP STUFF =================== */


.map_crumbs{
	position:absolute;
	left:60px;
	overflow:hidden;
	height:28px;
	right:104px!important;
	/*text-overflow:ellipsis; */
	white-space:nowrap;

}
.wrap_map{
	padding:0px;
}


.map_pointer_left{
	position:absolute;
	left:59px;
	top: 31px;
	color:white;
	position:absolute;

	width:20px;
	height:30px;
	background: url(../images/ui/pointer_down_lt.png) no-repeat;
}
.map_pointer_right{

	position:absolute;
	right:81px;
	top: 31px;
	width:20px;
	height:30px;
	background: url(../images/ui/pointer_down_lt.png) no-repeat;

}

.map_crumb_chevron{
	font-size:12px;
	color: #5d5d5d !important;
	padding-top:6px!important;
	/*padding-left:80px;*/
}


.crumb_path {
	margin-top:-px;
}

.map_marker_left{
	font-size:16px;
	padding: 0px;
	padding-top:6px;
	color: #dad9d9;
	margin-left:-3px;
	margin-top:0px;
}

.map_crumb{
	color: #a19e9e;
	float:left;
	padding-top:4px;
	width:auto;
	font-weight:lighter;
	cursor:pointer;
	padding-right:6px;
}
.map_crumb:hover{
	color: white;

}

.map_crumb_active{
	color: #e4e3e3;
	text-decoration:underline;
}

/*== PANO MAP TOGGLE*/

.map_toggle{
	position:absolute;
	right:26px;
	top: 0px;
	padding-top:4px;
	padding-left:2px;
	font-weight:lighter;
	color: #dbdcdb;
	cursor:pointer;
}
.map_toggle:hover{
	color:white;
}

.map_toggle_close_span{
	display:none;

}
.map_toggle_close_span span{
	margin-right:-1px; /*icon is a bit off*/
}

.map_toggle_open_span{
	display:box;
}

/*-- end PANO MAP TOGGLE*/


.mapWidget{
	/*padding-top:90px;*/
	width:100%;
	/*height:900px;*/
	/*height:550px;*/
	height:100%;
	marging:0 auto;
	/*background-color:red;*/
	overflow:hidden;
}

.map_nav{
	width:100%;
	height:35px;
	background-color: rgb(48, 49, 48);
	position:relative;
	border-bottom: 2px solid #d2d2d2;
	box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2);
	border-top: 1px solid #b7b7b7;
	cursor:pointer;

}


.map_thumb {

}

.thumb_detail .map_thumb_profile {
	width:60px;
	height:60px;
	padding-right:0px;
	right:8px;
}
.thumb_detail .map_thumb_name{
	right:78px;
}
.thumb_detail .map_thumb_title{
	right:70px;
	font-size:18px;
	line-height:20px;
	height:43px!important;
	text-overflow:ellipsis!important;
}


/*map-classes*/


.mapWidget{
	position: relative;
	height:100%;
}

.map_view{
	position:absolute;
	width:100%;
	height:100%;
	top: 36px;
	transition: .2s;
	transition-timing-function: ease-out;
	/*margin-top:36px;*/
}

.map_view.no_top_bar{
	top: 0px;
}


.map_drawer{
	/*background-color:red;*/
	margin-top: -20px;
	position:absolute;
	height:100%!important;
	width:350px!important;
	right: 0px;
	transition: .2s;
	transition-timing-function: ease-out;
}

.map_drawer.drawer_shut{
	right:-340px!important;
	transition: .1s;
	transition-timing-function: ease-out;
}

/*knob*/
.map_drawer_knob{
	background-color:black;
	height:100%;
	!important;
	width:10px;
	left:0px;
	top: 0px;
	position:absolute;
	margin:0px;
	left:0px;
	padding:0px;
	cursor:pointer;
	display: table;
	}

.map_drawer_knob p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #c7c7c7;
}


.map_drawer_knob:hover{
	background-color:gray;
}

/*view-area of drawer*/
.map_drawer_view{
	position: absolute;
	/*background-color:orange;*/
	height:100%;
	width:100%;
	overflow:hidden;
	background-color: rgba(265, 265, 265, 0.75);
	/*background-color: rgba(65, 65, 65, 0.5);*/
}

/*view*/
.map_drawer_content{
	/*background-color:yellow;*/
	width:100%;
	margin:0 auto;
}

/*little boxes*/
.map_drawer_cell{
	background-color: gray;
	height:auto;
	width:100%;

	height:100px;
	width:300px;
	margin:0 auto;
	margin-top:4px;
	margin-bottom:4px;
	padding:20px;
	text-align:center;
	color:white;
	/*background-color: red;*/
}


/*MAP CONTAINERS*/

/*For Full-Page*/
#full_page_map_container{
	position:absolute;
	top: 52px;
	left:0px;
	background-color:gray;
	bottom:120px!important;
	/*height:80%;*/
	width:100%;
};
/*full-width 80px High*/
#full_wide_800_map_container{
	position:relative;
	height:800px;
	background-color:gray;
	width:100%;
}
/*full-width 400px high*/
#full_wide_400_map_container{
	position:relative;
	height:600px;
	width:100%;
	background-color:gray;
}



/* --------------  RESPONSIVE  ---------- */

@media (max-width: 767px) {
	/* hide pano-pointer when in MINI-view*/
	.map_pointer_left{
		display:none;
	}
	#map-canvas{
		height: 200px !important;
	}
	iframe{
		/*height: 200px !important;*/
	}
}



/* For fullscreen map only (pulls up footer 240px) */
footer.full_map_footer{
	margin-top:-220px;
}



/*HIDDEN AND SHOWN*/

#pano_map_container {
	position:absolute;
	top: 0px;
	bottom:0px;
	left:0px;
	width:100%;
	/*z-index:-200;*/
	height:100%;
}

#pano_map_container .map_view_hidden {
	/*height:45px;*/
}

.map_drawer.map_view_hidden, .map_view.map_view_hidden{
	display: none;
	top:-100%;
	transition: .2s;
	transition-timing-function: ease-out;
}
.map_drawer, .map_view{
	z-index:500;
}
.map_nav{
	z-index:600;
}


#pano_group{
	/*display:none;*/
}




/* =========================================================================
   --- Map360 Responsive (for sidebar on mobile) 8/5 ---
*/

/* Responsive landscape all ---------------------------------------- */
@media only screen and  (orientation: landscape) and (max-width: 767px){

	#full_page_map_container{
		bottom:70px!important;
		bottom:auto!important;
		height: 80%!important;
	}
	footer.full_map_footer{
		margin-top:-120px!important;
	}
	footer.full_map_footer{
		margin-top:-220px!important;
	}
}
/* end Responsive landscape all  ----------------------------------- */



/* Responsive Portrait Only   ---------------------------------------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {

	html{
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}

	.map_drawer{
		width:200px!important;
	}

	.map_drawer.drawer_shut{
		right:-190px!important;
	}

	.map_thumb .info_thumb_title {
		top: 8px;
		font-size:12px;
		line-height:13px;
		height:30px;
	}

	.info_thumb_name  {
		font-size:10px;
		bottom: 8px;
	}

	.thumb_detail.map_thumb {
		width:200%;
	}

	.thumb_detail.map_thumb {
		max-width:200px;
	}

	.info_thumb_pic.map_thumb {
		max-width:200px;
		margin-bottom:8px
	}

	.map_thumb .info_thumb_profile {
		width:40px;
		height:40px;
		bottom:30px;
		right:3px;
	}

	.thumb_detail .map_thumb_profile {
		width:30px;
		height:30px;
		padding-right:0px;
		right:4px;
	}

	.thumb_detail .map_thumb_name{
		right:38px;
	}

	.thumb_detail .map_thumb_title{
		right:35px;
		font-size:9px;
		line-height:10px;
		height:22px!important;
		text-overflow:ellipsis!important;
	}

	.map_thumb_name{
		font-size: 10px;
	}

	.thumb_icon{
		font-size:12px;
	}

	#full_page_map_container{
		bottom:70px!important;
	};
}
/* end Responsive Portrait Only   ------------------------------------- */