/*************************************************************************************************************
Estilos para zoom
*************************************************************************************************************/
#dvZoomGrafica{
    position: absolute;
    z-index: 10;
    margin: 0;
    padding: 0;
}

#dvZoomGrafica div{
    margin: 2px;
    padding: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.dvZoomGraficaIn{
}

.dvZoomGraficaOut{
}

.dvZoomGraficaReset{
}



/*************************************************************************************************************
Estilos para grafica
*************************************************************************************************************/
.dvGraficaSeguimiento{
    /*Dimensiones*/
    width: 370px; /*340+2 de Borde*/
    height: 260px; /*260 + 2  de Borde*/
    /*Fuentes*/
    font-family: 'Roboto-Light', sans-serif, Verdana;
    font-size: 7pt;
    color: #465A64;
    /*Bordes*/
    /*border: 1px solid #465A64;
    border: 1px solid #465A64;*/
    /**/
    padding: 0;
    position: relative;
    cursor: default;
}

.dvGraficaSeguimiento div{
    padding: 0;
    margin:0;
}

/*Ejes de la gráfica*/
/*Eje Vertical*/
.dvGraficaSeguimiento #dvEjeVert{
     position: absolute;
     left: 72px;
     top:12px;
     height: 164px;
     border-left: 1px solid #465A64;
 }
/*Eje Horizontal*/
.dvGraficaSeguimiento #dvEjeHorz{
    position: absolute;
    left: 72px;
    top:176px;
    width: 257px;
    border-top: 1px solid #465A64;
}

/*Marcadores de Eje Horizontal*/
/*Alineacion Vertical de Valor de Marcador*/
.alineaVertMarcaValor{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 6pt;
}
/*Marca 0*/
.dvGraficaSeguimiento #dvEjeHorzMarca0Valor{
    position: absolute;
    left: 57px;
    top:177px;
    height: 18px;
    width: 32px;
    display: table;
}
/*Marca 1*/
.dvGraficaSeguimiento #dvEjeHorzMarca1{
    position: absolute;
    left: 104px;
    top:171px;
    height: 5px;
    border-left: 1px solid #465A64;
}
.dvGraficaSeguimiento #dvEjeHorzMarca1Valor{
    position: absolute;
    left: 88px;
    top:177px;
    height: 18px;
    width: 32px;
    display: table;
}
/*Marca 2*/
.dvGraficaSeguimiento #dvEjeHorzMarca2{
    position: absolute;
    left: 136px;
    top:171px;
    height: 5px;
    border-left: 1px solid #465A64;
}
.dvGraficaSeguimiento #dvEjeHorzMarca2Valor{
    position: absolute;
    left: 120px;
    top:177px;
    height: 18px;
    width: 32px;
    display: table;
}
/*Marca 3*/
.dvGraficaSeguimiento #dvEjeHorzMarca3{
    position: absolute;
    left: 168px;
    top:171px;
    height: 5px;
    border-left: 1px solid #465A64;
}
.dvGraficaSeguimiento #dvEjeHorzMarca3Valor{
    position: absolute;
    left: 152px;
    top:177px;
    height: 18px;
    width: 32px;
    display: table;
}
/*Marca 4*/
.dvGraficaSeguimiento #dvEjeHorzMarca4{
    position: absolute;
    left: 200px;
    top:171px;
    height: 5px;
    border-left: 1px solid #465A64;
}
.dvGraficaSeguimiento #dvEjeHorzMarca4Valor{
    position: absolute;
    left: 184px;
    top:177px;
    height: 18px;
    width: 32px;
    display: table;
}
/*Marca 5*/
.dvGraficaSeguimiento #dvEjeHorzMarca5{
    position: absolute;
    left: 232px;
    top:171px;
    height: 5px;
    border-left: 1px solid #465A64;
}
.dvGraficaSeguimiento #dvEjeHorzMarca5Valor{
    position: absolute;
    left: 216px;
    top:177px;
    height: 18px;
    width: 32px;
    display: table;
}
/*Marca 6*/
.dvGraficaSeguimiento #dvEjeHorzMarca6{
    position: absolute;
    left: 264px;
    top:171px;
    height: 5px;
    border-left: 1px solid #465A64;
}
.dvGraficaSeguimiento #dvEjeHorzMarca6Valor{
    position: absolute;
    left: 248px;
    top:177px;
    height: 18px;
    width: 32px;
    display: table;
}
/*Marca 7*/
.dvGraficaSeguimiento #dvEjeHorzMarca7{
    position: absolute;
    left: 296px;
    top:171px;
    height: 5px;
    border-left: 1px solid #465A64;
}
.dvGraficaSeguimiento #dvEjeHorzMarca7Valor{
    position: absolute;
    left: 280px;
    top:177px;
    height: 18px;
    width: 32px;
    display: table;
}
/*Marca 8*/
.dvGraficaSeguimiento #dvEjeHorzMarca8{
    position: absolute;
    left: 328px;
    top:171px;
    height: 5px;
    border-left: 1px solid #465A64;
}
.dvGraficaSeguimiento #dvEjeHorzMarca8Valor{
    position: absolute;
    left: 312px;
    top:177px;
    height: 18px;
    width: 32px;
    display: table;
}


/*Titulos de Barras de Datos de la Grafica*/
/*Alineación Vertical de los Titulos*/
.alineaVertBarTitulo{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.alineaVertBarValor{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
}
/*Negativas*/
.dvGraficaSeguimiento #dvBarNegativaTitulo{
    position: absolute;
    left: 0px;
    top: 19px;
    height: 40px;
    width: 64px;
    display: table;
}
.dvGraficaSeguimiento #dvBarNegativaAValor{
    position: absolute;
    left: 76px;
    top: 19px;
    height: 20px;
    width: 40px;
    display: table;
}
.dvGraficaSeguimiento #dvBarNegativaMValor{
    position: absolute;
    left: 76px;
    top: 41px;
    height: 20px;
    width: 31px;
    display: table;
}
/*Comision*/
.dvGraficaSeguimiento #dvBarComisionTitulo{
    position: absolute;
    left: 0px;
    top: 71px;
    height: 40px;
    width: 64px;
    text-align: right;
    display: table;
}
.dvGraficaSeguimiento #dvBarComisionAValor{
    position: absolute;
    left: 76px;
    top: 71px;
    height: 20px;
    width: 59px;
    display: table;
}
.dvGraficaSeguimiento #dvBarComisionMValor{
    position: absolute;
    left: 76px;
    top: 93px;
    height: 20px;
    width: 48px;
    display: table;
}
/*Desahogadas*/
.dvGraficaSeguimiento #dvBarDesahogadaTitulo{
    position: absolute;
    left: 0px;
    top: 125px;
    height: 40px;
    width: 64px;
    text-align: right;
    display: table;
}
.dvGraficaSeguimiento #dvBarDesahogadaAValor{
    position: absolute;
    left: 76px;
    top: 125px;
    height: 20px;
    width: 227px;
    display: table;
}
.dvGraficaSeguimiento #dvBarDesahogadaMValor{
    position: absolute;
    left: 76px;
    top: 147px;
    height: 20px;
    width: 186px;
    display: table;
}

/*Barras de Datos de la Grafica*/
/*Negativas*/
.dvGraficaSeguimiento #dvBarNegativaA{
    position: absolute;
    left: 73px;
    top: 19px;
    height: 20px;
    width: 1px;
    background: #FFAE6E;
}
.dvGraficaSeguimiento #dvBarNegativaM{
    position: absolute;
    left: 73px;
    top: 41px;
    height: 20px;
    width: 1px;
    background: #FFDDC1;
}
/*Comision*/
.dvGraficaSeguimiento #dvBarComisionA{
    position: absolute;
    left: 73px;
    top: 71px;
    height: 20px;
    width: 1px;
    background: #FFAE6E;
}
.dvGraficaSeguimiento #dvBarComisionM{
    position: absolute;
    left: 73px;
    top: 93px;
    height: 20px;
    width: 1px;
    background: #FFDDC1;
}
/*Desahogadas*/
.dvGraficaSeguimiento #dvBarDesahogadaA{
    position: absolute;
    left: 73px;
    top: 125px;
    height: 20px;
    width: 1px;
    background: #FFAE6E;
}
.dvGraficaSeguimiento #dvBarDesahogadaM{
    position: absolute;
    left: 73px;
    top: 147px;
    height: 20px;
    width: 1px;
    background: #FFDDC1;
}

/*Título y Totales de la Grafica*/
/*Titulo*/
.dvGraficaSeguimiento #dvTituloGrafica{
    position: absolute;
    left: 73px;
    top: 230px;
    font-size: 11pt;
    font-weight: bold;
}

/*Tabla de Totales*/
.dvGraficaSeguimiento #dvTablaTotales{
    position: absolute;
    left: 134px;
    top: 200px;
}
#tbTotales{
    width: 180px;
    border-collapse: collapse;
    font-weight: bold;
    text-align: center;
}
#tbTotales td{
    vertical-align: middle;
    border: 1px solid #DADEE0;
    height: 10px;
}

#tbTotales thead{
    background: #ED7D31;
    text-align: center;
    text-align: center;
    color:#FFF;
    font-size: 8pt;
}
#tbTotales tbody{
    font-size: 9pt;
}


#dvBarNegativaA, #dvBarNegativaAValor, #dvBarNegativaM, #dvBarNegativaMValor {
    cursor:pointer;
}

#dvBarComisionA, #dvBarComisionAValor, #dvBarComisionM, #dvBarComisionMValor {
    cursor:pointer;
}

#dvBarDesahogadaA, #dvBarDesahogadaAValor, #dvBarDesahogadaM, #dvBarDesahogadaMValor {
    cursor:pointer;
}

/*************************************************************************************************************
*************************************************************************************************************/