#utclbl
{
  background-color:#000000;
  width:180px;
  height:20px;
  font-size:15px;
  z-index: 10;
  color: white;
}

#aodclbl
{
  background-color:#000000;
  width:180px;
  height:20px;
  font-size:15px;
  z-index: 10;
  color: white;
}


#gmap-canvas
{
   width:100%;
   height:100%;
   background-color: black;
}

footer{
	background-color:#000000;
	height:20px;
}

html, body{
	height:100%;
	width: 100%;
	margin: 0%;
}

.container-fluid{
	padding: 0px;
}

.row_over{
	position:absolute;
	top:0;
	left: 0;
	z-index: 1;
	width:100%;
	color: white;
}


.btn-group-vertical{
	position:absolute;
	right: 0;
	z-index: 2;
	font-size: 20px;
}

.ol-zoom{
	top: 100px;
}

.noaa_logo{
	position:fixed;
	bottom:0px;
	right: 0px;
	z-index: 1;
}

.wbmessage{
	position:fixed;
	bottom:20px;
	left: 0px;
	width: 67%;
	z-index: 1;
	background-color:#000000;
        color:white;
}

.closebtn{ 
  	margin-left: 15px;
  	color: white;
  	font-weight: bold;
  	float: right;
  	font-size: 22px;
  	line-height: 20px;
  	cursor: pointer;
  	transition: 0.3s;
}

#mouse_ll{
	position:fixed;
	bottom:0px;
	left: 0px;
	width: 150px;
	z-index: 1;
	background-color:#000000;
        color:white;
}




.clrbar{
	position:fixed;
	top:80px;
	left: 40px;
	z-index: 1;
}

.btn{
   text-align: left;
}

#map-canvas-traj
{
  width:850px;
  height:680px;
  margin-left:0px;
  margin-bottom:0;
  top:0px;
  left:0px;
  position: absolute;
  background-color:black;
}

#map-canvas-traj-dum
{
  width:850px;
  height:700px;
  margin-left:0px;
  float:left;
  margin-bottom:0;
  position:relative;
}


#utclbltrj
{
//  background-color:#000000;
  background-color:#ff0000;
  width:190px;
  height:22px;
  font-size:18px;
  z-index: 10;
  color: white;
  left:0px;
  position: absolute;
}

#clrbar_traj
{
  background-color:#000000;
  width:417px;
  height:53px;
  z-index: 10;
  right: 0px;
  top: 0px;
  position: absolute;
}

.ui-dialog{ z-index: 1000 !important;}