w#floating-panel {
  
  
  background:rgba(0,0,0,0.51);
  padding: 2px;
  
  text-align: center;
  color: rgba(255,255,255,1.00);
  border-radius:5px;
  -webkit-box-shadow: 2px 2px 5px #333;
  -moz-box-shadow: 2px 2px 5px #333;
  width:300px;
  
}
.canvasOil
{
	top:46px;position: absolute; 
	background: rgba(255,130,45,1.00); 
	height: 200px; display: block; 
	z-index: 9999999999; 
	width: 500px; 
	display: none;
	
}

#notification
{
	height:500px;
	width:500px;
	background: rgba(0,0,0,0.77);
	z-index:9999999999999999999;
	border-radius:5px;
	display:none;
	
}
.divEvent
{
	height:30px;
	width:50px;
	background:#CCE515;
	border-radius:10px;
	text-align:center;
	vertical-align:middle;
	padding:3px;
	
}
.labelcontent
{
	
	
}
.cellContent
{
	color: rgba(153,153,153,0.70);
	font-size:10px;
	
}
.tablaContent
{
	width:100%;
	color:#FFFFFF;
	font-weight:bold;
	border:0px;	
	font-size:9px;
	padding:6px;
	border-spacing:0px;
border-radius:10px;
-webkit-box-shadow: 2px 2px 5px #333;
  -moz-box-shadow: 2px 2px 5px #333;
  background:rgba(255,252,252,1.00)
 
}
.backMenu
{
	
  position: absolute;
    top: 0;
    left: 0;
    z-index:999999999999;
    background:rgba(0,0,0,0.85);
    width: 100%;
    height: 100%;
	text-align:center;
	margin:0 auto;
	display:none;
	

	}
	#menuContent
	{
		margin:0 auto;
		background:rgba(255,255,255,1);
		max-width:600px;
		max-height:400px;
		border-radius:10px;
		width:600px;
		height:400px;
		
		
	}
#closeBackmenu
{
	width:95%;
	height:30px;
	
	text-align:right;
	padding:30px;
	
	
	
	
}
.header
{
	-webkit-box-shadow: 2px 2px 5px  rgba(107,107,107,1.00);
  -moz-box-shadow: 2px 2px 5px rgba(107,107,107,1.00);
  position: fixed;
  width:100%;
  height:45px;
  margin:auto;
  background:rgba(255,255,255,0.90);
  z-index:99999999;
  
   
}
.vinculoBot
{
	 cursor:pointer;
	
opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.vinculoBot:hover
{
	
	
opacity: 0.5;
  
}

.radiocheck
{
	cursor:pointer;
	border:none;
	
}

.tblLogi
{
	
	border-radius: 15px;
	margin: 0 auto;
	padding: 10px;
	width:100%;
	color: #FFFFFF;
	position: absolute;
	z-index: 99999999;
	
	top: 120px;
	-webkit-box-shadow: 2 2 2px #000;
	box-shadow: 2 2 2px #000;
	
}
.tblLogibox
{
	background: rgba(0,0,0,0.50);
	border-radius: 15px;
	margin: 0 auto;
	padding: 10px;
	width:250px;
	color: #FFFFFF;
	-webkit-box-shadow: 2px 2px 2px #000;
  -moz-box-shadow: 2px 2px 2px #000;


	
}
.botUnitList
{
	
	height:35px;
	width:35px;
	padding:7px;
	cursor:pointer;
	
	
	
}

.divText
{
	background: #fff;
		border:1px solid #CCC;
		/*opacity:0.9;
	    filter: alpha(opacity = 90);*/
		-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	border-radius:5px;
	z-index:6000;
	color:#333;
	max-width:400px;
}
.vinculoMenu
{
	color:#FFF;
	text-decoration:none;
}
.divUnitEdit
{
	background: #fff;
		border:1px solid #CCC;
		/*opacity:0.9;
	    filter: alpha(opacity = 90);*/
		-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 2px #000;
	border-radius:5px;
	z-index:5000;
	color:#333;
	padding:2px;
	min-width:250px;
	max-width:510px;
	
}
.txUserLog
{
	color:rgba(248,152,28,1.00);
	
	
	
	
}
.footer
{
	font-size:9px;
	color:#666;
	border-top:1px solid #CCC;
	text-align:center;
	background:#fff;
	
}
.divControtx
{
	
	color:#666;
	cursor:pointer;
	
	
}
.divContro
{
	background:#FFF;
	color:#666;
	
	padding:5px;
	border:1px solid #CCC;
	
}
.panelMonitoring
{
	position:absolute;
	z-index:5000;
	width:100%;
	overflow-x: hidden;
		display:none;
		bottom:0;
		
		/*overflow:auto;*/
		max-height:300px;
		-webkit-box-shadow: 2px 2px 20px #333;
  -moz-box-shadow: 20px 20px 20px #333;
		
	
	}
	.panelMonitoring1
{
	
	z-index:5000;
	width:100%;
	
		
	
	}
	.listUnitsr
{
	position:absolute;
	z-index:5000;
	
	opacity:0.8;
		filter: alpha(opacity =8);
		width:100%;
		
	}
.listUnits
{
	position:absolute;
	z-index:5000;
	top:44px;
	
	
		width:300px;
		
		min-height:400px;
		background: rgba(255,255,255,1.0) ;
		

		
	
	}
.menu
{
	color:#fff;
	
	width:auto;
	padding:5px;
	font-weight:bold;
	
	
	
}
.menu:hover
{
	color:#fff;
	
	width:auto;
	padding:5px;
	cursor:pointer;
	background:#333;
	
	
	
}
.iniciovolver
{
	

height:38Px; 
background: #F90;
width:100%; 
position:absolute; 
z-index:5000; 
top:0px; 

color:#000;
font-weight:bold;
cursor:pointer;
padding-top:1px;
text-transform:uppercase;
text-align:center;
border-bottom:1px double #000;
}
body
{
	color:#fff;
	font-size:10px;
	
	/*font-family:'Julius Sans One', "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0px;
	
	
	overflow-x: hidden;
	overflow-y: hidden;
	background: rgba(31,31,31,1.00);
	}
.tbHistory
{
	padding:2px;
	
		
		
}
.input
{
	color:#fff;
	background: rgba(67,64,64,1.00);
	border:1px solid #e0e0e0;
	
	opacity:0.9;
		
		padding:3px;
		border-radius: 5px;
		height:18px;
	background:none;
}
select
{
	color:#fff;
	
	background: rgba(67,64,64,1.00);
	border:1px solid #e0e0e0;
	cursor:pointer;
	border-radius: 5px;
	padding:5px;
}
textarea
{
	background: rgba(67,64,64,1.00);
	 padding:5px;
			background:none;
			border:1px solid #CCC;
			color:#fff;
			
			-webkit-appearance:none;
			border-radius: 5px;
}
input
{
	background: rgba(67,64,64,1.00);
	 padding:3px;
			
			border:1px solid #CCC;
			color:#fff;
			
			height:18px;
			border-radius: 5px;
}
.ingresacampo
{
	font-style:italic;
	color:#fff;
	
	border:1px solid #e0e0e0;
	padding:2px;
	height:25px;
	background: rgba(67,64,64,1.00);
}
.map_canvas
{
	top:0px;
	position:absolute;
		
		
		color:#F90;
		/*background-image:  url(../images/fondoMAp.png) ;*/
		
		
		}

button
{
	

cursor:pointer;
border:2px solid rgba(0,0,0,0.60);
color:#fff;
height:30px;
font-weight:bold;
min-width:100px;
border-radius: 5px;
text-transform: capitalize;
background:rgba(0,0,0,0.60);
}
.titulo
{
border-top:1px solid #999;
color: #09F;
text-transform:uppercase;

text-decoration:underline;
font-weight:bold;
}
.separador
{
	width:auto;
	border:solid 1px #CCC;}
	

.contenidoTablaNegrita
{ background: #fff;
border:1px solid #999;
color:#333;

}
.contenidoTablaOn
{ background:#fff ;
border-bottom:1px solid #666;
color: rgba(38,131,27,1.00);
font-weight:bold;

}
.contenidoTablaOnn
{ background: rgba(38,131,27,1.00) ;

color: rgba(255,255,255,1.00);
font-weight:bold;
width:100px;
height:60px;
border-radius:100px;
padding-top:40px;

}
.contenidoTablaOff
{ background: #fff;
border-bottom:1px solid #666;
color: rgba(223,31,34,1.00);
font-weight:bold;

}

.contenidoTablaSos
{ background: #fff;
border-bottom:1px solid #999;
color: rgba(233,232,68,1.00);
font-weight:bold;
}
.contenidoTablaTemperature
{ background: #09F;
border:1px solid #999;
color:#FFF;
font-weight:bold;
}
.contenidoTablaAceite
{ background: #669;
border:1px solid #666;
color:#fff;
font-weight:bold;
}
.contenidoTablaCombustible
{ background: #F93;
border:1px solid #666;
color:#333;
font-weight:bold;
}

.contenidoTablaBatery
{ background: #fff;
border-bottom:1px solid #666;
color:#933;
font-weight:bold;

}
.contenidoTablaEstatico
{
background: rgba(0,0,0,0.55) ;

color:#fff;
padding:2px;
font-weight:bold;


}
.contenidoTablaEstatico:hover
{
	 background: rgba(0,0,0,0.85) ;
color:#333;
padding:2px;
font-weight:bold;


	cursor:pointer;
	opacity:0.7;
		filter: alpha(opacity = 7);
}
.tituloDiv
{
	font-size:15px;
	font-family:'Julius Sans One', "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	color:#fff;
	height:19px;
	text-transform:capitalize;
	padding:2px;
}
.contenidoTablaEvent
{
	border-bottom:1px solid rgba(0,0,0,0.55) ;
color:#333;
padding:2px;
font-weight:bold;
background: rgba(255,255,255,1.00) ;

}
.contenidoTabla
{ 
border-bottom:1px solid rgba(0,0,0,0.55) ;
color:#333;
padding:2px;
font-weight:bold;
background: rgba(255,255,255,1.00) ;

}
.contenidoTabla:hover
{ background: rgba(255,255,255,1.00) ;
border-bottom:1px solid rgba(0,0,0,0.55) ;
color:#fff;
padding:2px;
font-weight:bold;

}

.contenidoTablaSel
{ 
border-bottom:1px solid rgba(0,0,0,0.55) ;
color:red;
padding:2px;
font-weight:bold;
background: rgba(255,255,255,1.00) ;

}
.contenidoTablaSel:hover
{ background: rgba(255,255,255,1.00) ;
border-bottom:1px solid rgba(0,0,0,0.55) ;
color:red;
padding:2px;
font-weight:bold;

}
.contenidoTablaSelected
{ background: #333;
border-bottom:1px solid #999;
color:#fff;
padding:2px;
font-weight:bold;

}
.tituloSeccion
{ 
background: #333;
border:1px solid #333;
color:#fff;

padding:2px;
}

.tituloTabla
{
	 background:rgba(15,181,207,1.00);
border:1px solid #333;
color:#fff;
font-size:11px;

padding:5px;
height:12px;
}
.tituloTablaAll
{
	 background:rgba(15,181,207,1.00);
border:1px solid #333;
color:#fff;
font-size:11px;
	border-radius: 5px;

padding:5px;
height:12px;
}

.canvas
	{
	
	
	
	background:#ddd;
	color:#fff;
	
	
		
	}
.cerrar
{
	color:#F00;
	cursor:pointer;
	text-decoration:underline;
	
	
}
.imgvinculo
{
	cursor:pointer;
	
}
.imgvinculo:hover
{
	cursor:pointer;
	opacity:0.7;
		filter: alpha(opacity = 7);
}
.nombrelabel
{
	
	font-weight:bold;
	
}
.tblagen
{
	border:#e0e0e0 solid 1px;
	background: #fff; 
	opacity:0.8;
		filter: alpha(opacity = 8);
		padding:5px;
	
		color:#333;
		
		
}
.uset
{
	color:#666;
	
}
.glob
{
	text-align:justify;
	color:#333;
	text-shadow:#999;
	
	border-radius:5px;
	background:rgba(255,255,255,1.00);
	padding:2px;
	width:202px;
	
}
.toolInfo
{
	background:rgba(255,255,255,0.90);
	width:215px;
	height:170px;
	display:none;
	z-index:9999999999999999999999999;
	border-radius:5px;
	 -webkit-box-shadow: 2px 2px 5px #333;
  -moz-box-shadow: 2px 2px 5px #333;
  padding:15px;
  text-align:center;
}
.titGlobo
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	
}
.vinculo
{
	color:#0fb5cf;
	cursor:pointer;
	text-decoration:underline;
	
	
}
.butTrafic
{
	background: #fff;
	color:#029aff;
	
	border:1px solid #029aff;
	
	text-transform:capitalize;
	width:auto;
	font-weight:100;
	height:21px;
	font-size:10px;
	
}
.unitSeleted
{
	color:#0fb5cf;
	
	
}

		.labelsMarkers
	{
		background: rgba(0,0,0,0.65);
		color:#FF9E24;
		padding:4px;
		
		font-size:11px;
		width:140px;
		font-weight:500;
		border-radius:5px;
		/*-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;*/
	
		}
		
		/*//--------------------loading css------------------------------------------------------------------------------------------------------------------------------	*/
	.circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid #333;
    opacity: .9;
    border-right: 5px solid  #ddd;
    border-left: 5px solid #ddd;
    border-radius: 50px;
    
    width: 40px;
    height: 40px;
    margin: 0 auto;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}

.circle1 {
    background-color: rgba(0,0,0,0);
    border: 5px solid #333;
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    
    width: 20px;
    height: 20px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}	

.gm-style-iw {
	width: 350px !important;
	top: 15px !important;
	left: 0px !important;
	background-color: #fff;
	box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
	border: 1px solid rgba(72, 181, 233, 0.6);
	border-radius: 2px 2px 10px 10px;
}
#iw-container {
	margin-bottom: 10px;
	width: 100%;
}
#iw-container .iw-title {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 22px;
	font-weight: 400;
	padding: 10px;
	background-color: #48b5e9;
	color: white;
	margin: 0;
	border-radius: 2px 2px 0 0;
}
#iw-container .iw-content {
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	margin-right: 1px;
	padding: 15px ;
	max-height: 110px;
	overflow-y: hidden;
	overflow-x: hidden;
}
.iw-content img {
	float: right;
	margin: 0 0px 0px 0px;	
}
.iw-subTitle {
	font-size: 16px;
	font-weight: 700;
	padding: 5px 0;
}
.iw-bottom-gradient {
	position: absolute;
	width: 326px;
	height: 25px;
	bottom: 10px;
	right: 18px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}