﻿.floatWindow .floatWindowInnerPanels {
	position: absolute;
	left: 0; right: 0;
	border: 1px solid #EEEEEE;
	margin: 4px; padding-top: 2px;
}
		   
.tabs-functions > .tabPanel {
	position: absolute;
	border: 1px solid #EEEEEE;
	top: 37px; left: 0; right: 0; bottom: 0;
	margin: 2px; padding: 1px;
}

.tableLegend  {
	border: 1px none #FF2400;		        
	font-size: 12pt; font-weight: bold;
}
		    
.dropDownMenu, .inputTextElement, .inputButtonElement { font-size: 10pt !important; }
.dropDownMenu { width: 120px; text-transform:capitalize; }
.optionDisabled { text-decoration: line-through; }
.inputButtonElement { width: 100px; }
.inputTextElement { text-align: center; width: 80px; }
		    
.tableForTabPanel, .tableForTabPanel tr, .tableForTabPanel tr td, .tableForTabPanel tr th {
	border: 1px solid #EEEEEE;
	border-collapse:separate;
}

#tabs-vehicles .devicesContainer select.dropDownMenu {
    width: 210px;
    font-size: 9pt !important;
}
		    
.tableForTabPanel { width: 100%; }


/*ESTILOS PARA EL TAB DE CALIBRACIÓN BÁSICA*/
#uniTanqueNivelValue { font-size: 16pt; text-align: center; vertical-align: middle; height: 110px; }
table.tableForMultitanqueContent { font-size: 12pt; }
.fuelAlertMessage { font-size: 9pt; color: Red; }

div#basicCalibrate_Constants  .tabPanel,
div#basicCalibrate_Filter  .tabPanel {
	position: static;
	border: 1px none lime !important;
	margin-top :2px; padding: 0;
}


/*Estilos para los reportes de eventos en nivel*/
#reportContent table.fuelEventsData {
    font-size: 8pt !important;
}

#reportContent table.fuelEventsData, 
#reportContent table.fuelEventsData tr, 
#reportContent table.fuelEventsData tr td { text-align: center; }

table.table-Form-Data, table.table-Form-Data tr, table.table-Form-Data tr td  {
    border: 1px solid #EBEBEB;
    border-collapse:separate;
}

table.table-Form-Data {
    width: 100%;
    margin-top: 10px;
    font-size: 12pt !important;
}

.login-Texto-Centrado {
	text-align: center;
	width: 450px;
	font-size: 14pt;
	color: Gray;
}

.temp-Row-Selected { color: Blue; }

.temp-Event-400, .temp-Event-401 {
    background-color: #B3D5FB;
}

/*Reporte por alta temperatura*/
.temp-Event-094{
    background-color: rgba(247, 0, 0, 1);
    color: White;
}

/*Reporte por regreso a la temperatura máxima permitida*/
.temp-Event-112{
    background-color: rgba(255, 0, 0, 0.5);
}

/*Reporte por baja temperatura*/
.temp-Event-113{
    background-color: rgba(3, 60, 114, 1);
    color: White;
}

/*Reporte por regreso a la temperatura mínima permitida*/
.temp-Event-130{
    background-color: rgba(0, 127, 255, 1);
    color: White;
}

/*Eventos de sensor desconectado/conectado*/
.temp-Event-256 {
    /*Sensor desconectado*/
    background-color: #4F4A4A;
    color: White;
}

.temp-Event-257 {
    /*Sensor Conectado*/
    background-color: #A4A4A4;
    color: White;
}

.temp-Event-094 > td > a,
.temp-Event-113 > td > a,
.temp-Event-130 > td > a,
.temp-Event-256 > td > a,
.temp-Event-257> td > a {
    color: white !important;
}

.temp-Event-094 > td > a:hover,
.temp-Event-113 > td > a:hover,
.temp-Event-130 > td > a:hover,
.temp-Event-256 > td > a:hover,
.temp-Event-257> td > a:hover {
    color: blue !important;
}

/*Acordeon*/
.accordionMainPanel { border: 1px none lime; }
.accordionPanelContent { border: 1px solid #EEEEEE; padding: 1px; }

.ui-accordion .ui-accordion-content {    
    padding: 0 2px 0 2px;
}

/*Reporte de desempeño*/
.performance-Trip-Name  {
    background-color: #DDDDDD;
    color: Blue;
    font-weight: bold;
}

/*Estos son los contenedores principales dentro del tab de gráficas*/
.temperatureApp #splitterMainContainer #tabs-Graficas > .graphicsContainer {
	border: 1px solid #EEEEEE;
	margin: 1px;
}
		    
/*Estos elementos son las capas que forman el filtro dentro de la pestaña (tab) de gráficas*/
.temperatureApp #splitterMainContainer #tabs-Graficas > .graphicsContainer .graphicsContainer-filterPanel {
	width: 350px; height: 80px;
	border: 1px solid #EEEEEE;
	float: left;
	margin: 1px;
}
		    
.temperatureApp #splitterMainContainer #tabs-Graficas #reportOfGraphicsFilter { height: 85px; }
		   
.temperatureApp #mapHolder { border: 2px none #635688; }
		    
img.appLogo { width: 300px; height: 170px; border: 1px none blue; }
		    
.temperatureApp table#tableLoginWindow,
.temperatureApp table#tableLoginWindow tr,
.temperatureApp table#tableLoginWindow td { border: none; }
		    
.ttElement { background-color: orange; margin: 2px; border: 1px solid blue;z-index: 10000; position: absolute; display: block; }
.ttElementHover { border-color: red; cursor: pointer; }
		    
.temperatureApp #tabs-searches > .searchContainer {
	position: absolute;
	top: 0; left: 0; right:0;
	margin: 1px 1px 1px 1px;
	border: 1px solid #EEEEEE;
}
		    
.temperatureApp #tabs-searches #search-header{ height: 145px; }
		    
.temperatureApp #tabs-searches #search-result{ top: 148px; bottom:0; }
		    
.temperatureApp #tabs-searches #search-result .search-result-container {
	position:absolute;
	top: 0; left: 0; right: 0;
	margin: 1px 1px 1px 1px;    
	border: 1px solid #EEEEEE;
		        
}
		    
.temperatureApp #tabs-searches #search-result #search-result-tableHeader { height: 25px; }
.temperatureApp #tabs-searches #search-result #search-result-tableBody { top: 28px; bottom: 0; overflow:auto; }
		    
.tabPanel-temperatureControl {
	position: absolute;
	top: 35px; left: 0; right: 0; bottom: 0;
	border: 1px solid #EEE !important;
	margin: 2px 2px 2px 2px;
	padding: 0 !important;
	overflow: hidden;
}
		    
.controlPanel-Container {
	border: 1px none #EEEEEE !important;
	margin: 1px;
		        
}
		    
.sensorElement  {
		height: 60px; width: 50px;
		border: 3px double #EEEEEE !important;
		text-align:center;
		background-color: #BCD0E6;
}
		    
.doorElement  {
		height: 40px; width: 200px;
		border: 3px double #EEEEEE !important;
		text-align:center;
		line-height: 40px;
		background-color: #929EAD;
}
		    
		    
.chartArea, .chartCommand {
	position:absolute;
	border: 1px none #E4762E !important;
	margin: 5px;
}

.chartArea{
	top: 0; left: 0;  right: 0; bottom: 40px;
}
		    
.chartCommand{
	left: 0; right: 0; bottom: 0; height: 35px;
	text-align: left;
}
		    
#tabs-Informes .reportContainer  {
	position: absolute;
	border: double 3px #7348CF;
	left: 0; right: 0;
	margin: 1px;
}
		    
#reportOptions  {
	top: 0;
	height: 100px;
}
		    
#reportBody  {
	top: 107px;
	bottom: 0;
}
		    
#chartDrawLayer  {
	border: 3px none #CC06B2;
	margin: 5px;
	padding: 0;
}