/* css */
html {
     height: 100%;
     position: fixed;
     width: 100%;
}
body{
	overflow: hidden;
	/*position: fixed;*/
	height:100%;
	width:100%;
}
#App,#Main{
	height:100%;
	width:100%;
	overflow:hidden;
	padding:0;
}
#MainHeader{
	/*height:30px;*/
	/*min-height:30px;*/
	/*max-height:30px;*/
}
#TopRightButtonContainer .btn_account{
  margin-right:5px;
  background-color:#fff;
  border-color:#9fa0a0;

}

#MapViewerContainer{
	/*height:0;*/
}
#MapViewerContainer.h_short{
	padding-right:0;
}
.v_full{
	height:100%;
}
.v_short{
	height:40%;
}
#MapContainer{
	width:100%;
	height:100%;
}
#LLMapContainer{
	width:100%;
	height:100%;
}
.lmContentContainer{
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
	background-color:#fff;
}
.lmTitle{
	padding:10 10 0 10;
	height:40px;
	color:#fff;
	font-weight: bold;
	background-color:#4988c7;
}
.lmContentWrapper{
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
.lmContent{
	width:100%;
	height:100%;
	border:none;
}
#TopLeftButtonsContainer{
	position:absolute;
	top:5px;
	left:27px;
	font-size:20px;
	padding-top:5px;
	z-index:999;
}
#TopLeftButtonsContainer .button{
	cursor:pointer;
}

#TopRightButtonContainer{
	position:absolute;
	top:5px;
	right:20px;
	font-size:20px;
	padding-right:10px;
	padding-top:5px;
	z-index:999;
}
#TopRightButtonContainer .button{
	cursor:pointer;
}
img.fbLogo {
	width:20px;
	height:20px;
}
#StaticMapContainer{
	overflow:hidden;
	width:100%;
	height:100%;
}
#StaticMapLocIcon{
	position:absolute;
	top:100px;
	left:100px;
}
#LeftBottomButtonsContainer{
	position:absolute;
	bottom:30px;
	left:27px;
	z-index:999;
}
#LeftBottomButtonsContainer a:nth-child(n+2){
	margin-left:10px;
}
#RightBottomButtonsContainer{
	position:absolute;
	bottom:30px;
	right:25px;
	z-index:999;
}
.operationButtonIcon{
	width:50px;
}

#SharePannel{
	background-color : rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:10000;
}
#SharePannel > .pannel{
	position:absolute;
	width:300px;
	left:0;
	right:0;
	top:30px;
	margin:auto;
	z-index:10001;	
	background-color:#fff;
}
#SharePannel .list-group .list-group-item{
	border:none;
	border-radius: 0;
}
#SharePannel > .pannel > .list-group > .list-group-item > .list-group{
	background-color: red;
	margin-bottom:100;
}

#MessageBalloonSelector{
	position:fixed;
	height:158px;
	max-height:158px;
	width:100%;
	background-color:rgba(255,255,255,0.6);
	top:0;
	left:0;
	z-index:9999;
}

#MessageBalloonSelector .wrapperContainer{
	width:100%;
	overflow-x:scroll;
	overflow-y:hidden;
}

#MessageBalloonSelector .wrapper{
	width:765px;
}

.balloon.nm{
    width:135px;
    height:78px;
}
.balloon.nl{
    width:254px;
    height:110px;
}
.balloon.rm{
    width:147px;
    height:103px;
}
.balloon.rl{
    width:292px;
    height:191px;
}

.balloon-sample.nm{
    width:86px;
}
.balloon-sample.nl{
    width:167px;
}
.balloon-sample.rm{
    width:98px;
}
.balloon-sample.rl{
    width:194px;
}


#MessageBalloonSelector li  a{
    height:128px;
    padding-bottom:0px;
    border-radius:0;
}
#MessageBalloonSelector li.active a{
	background-color:rgba(51,148,210,0.6);
}
#MessageBalloonSelector li a.nm{
     padding-top:38px;
}
#MessageBalloonSelector li a.nl{
     padding-top:27px;
}
#MessageBalloonSelector li a.rm{
     padding-top:29px;
}
#MessageBalloonSelector li a.rl{
     padding-top:0px;
}

#MessageBalloonSelector .sampleText{
	position: absolute;
	color:#000;
	font-size:13px;
}
#MessageBalloonSelector .sampleText.nm{
	top:43px;
	left:20px;
	width:75px;
}
#MessageBalloonSelector .sampleText.nl{
	top:34px;
	left:21px;
	width:155px;
}
#MessageBalloonSelector .sampleText.rm{
	top:42px;
	left:25px;
	width:78px;
}
#MessageBalloonSelector .sampleText.rl{
	top:35px;
	left:40px;
	width:150px;
}

#BalloonInputContainer{
	position:absolute;
	left:0;
	right:0;
	bottom:50%;
	margin:auto;
	z-index:9999;
	padding:0;
}

#BalloonInputContainer textarea{
	position:absolute;
	resize: none;
	font-size:18px;
	border:none;
	background:none;
}
#BalloonInputContainer textarea.nm{
	top:4px;
	left:5px;
	width:122px;	
	height:55px;
}
#BalloonInputContainer textarea.nl{
	top:4px;
	left:5px;
	width:240px;	
	height:80px;

}
#BalloonInputContainer textarea.rm{
	top:21px;
	left:10px;
    width:120px; 
    height:50px;
}
#BalloonInputContainer textarea.rl{
	top:55px;
	left:35px;
    width:234px;
    height:83px;
}

#BalloonButtonContainer{
	position:absolute;
	width:254px;
	left:0;
	right:0;
	margin:auto;
	bottom:120px;
	z-index:9999;
}

#BalloonButtonContainer .list-group-item{
	border:none;
}


.messageBalloonMarker{
	padding:0;
}
.messageBalloonMarker .balloonText{
	position: absolute;
	color:#000;
	font-size:18px;
}
.messageBalloonMarker .balloonText.nm{
    top:6px;
    left:7px;
    width:120px; 
    height:55px;
}
.messageBalloonMarker .balloonText.nl{
    top:6px;
    left:7px;
    width:240px;    
    height:80px;

}
.messageBalloonMarker .balloonText.rm{
    top:20px;
    left:12px;
    width:120px; 
    height:50px;
}
.messageBalloonMarker .balloonText.rl{
    top:50px;
    left:35px;
    width:230px;
    height:83px;
}

#BalloonMenu {
	position:absolute;
	bottom:20px;
	width:300px;
	left:0;
	right:0;
	margin:auto;
	z-index:9999;
}

#BalloonMenu .list-group-item{
	border:none;
}

.mainNav{
	z-index: 99999;
}
.has-menu-above{
  margin-top:50px;
}

.lockScreen{
	background-color : rgba(0,0,0,0.5);
	position:fixed;
	top:0px;
	left:0;
	bottom:0;
	right:0;
	z-index:10000;
	overflow: hidden;
	width:100%;
}
#OtherThanMapMenu{
	background:none;
	/*background-color : red;*/
	position:fixed;
	top:0px;
	right:0;
	bottom:0;
	width:100%;
}
#MapMenu{
	position:absolute;
	top:0;
/*
	right:100%;
	width:80%;
*/
    left:-330px;
    width:330px;
	height:100%;
	background-color:#fff;
    overflow:auto;
}
#MapMenu .list-group-item{
	border:none;
}
#MapMenu #MapData{
	margin:20 20 20 20;
}

.mapOppIcon *{
  background-color:#fff;
  margin:0;
  font-size:40px;
  color:#3394d2;
}


.navbar-default .navbar-toggle .icon-bar.chizubruari{
  height:3px;
}
.navbar-default .navbar-toggle .icon-bar.the_bg_blue{
  background-color:#50acb1;
}
.navbar-default .navbar-toggle .icon-bar.the_bg_orange{
  background-color:#d46316;
}
.navbar-default .navbar-toggle .icon-bar.the_bg_green{
  background-color:#a8c027;
}

.navbar-toggle.chizuburari {
  margin-bottom:0;
  border:none;
}
.navbar-default .navbar-toggle.chizuburari:focus {
  background-color: none;
}

.leaflet-top .leaflet-control {
    margin-top: 50px;
    }
.leaflet-control-zoom {
    border: 3px solid #3394d2;
    box-shadow:none;
    }
.leaflet-control-zoom .leaflet-control-zoom-in,
.leaflet-control-zoom .leaflet-control-zoom-out,
a.leaflet-control-zoom-in:hover,
a.leaflet-control-zoom-out:hover,
a.leaflet-control-zoom-in:focus,
a.leaflet-control-zoom-out:focus{
    border:none;
    color: #3394d2;
}

.leaflet-touch .leaflet-control-zoom{
    border: 3px solid #3394d2;
    box-shadow:none;

}