@charset "utf-8";
/* CSS contenido base */

* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: 'Lato', sans-serif !important;
    font-size: 13px !important;
}
td, div, table, span, input, .dxrpControl, .dxrpControlGB {
    font-family: 'Lato', sans-serif !important;
    font-size: 13px;
}
/* LOGIN */
.bodyStyle {
    background-color: #005996;
}

.cont_tot {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    height: 500px;
    margin-top: 80px;
}

.cont_ses {
    margin: 36px 38px 13px 33px;
    width: 400px;
    float: left;
    height: 375px;
    background-color: #FFF;
}

.cont_pad {
    padding: 20px;
}

.cont_img {
    width: 100%;
    height: 100%;
}

.contenid {
}

.log {
    padding-top: 6px;
    padding-bottom: 22px;
    height: 40px;
}

.text_usu {
    padding-right: 7px;
    text-align: left;
}

.inp_usu {
    height: 35px;
    text-align: left;
    width: 100%;
    position: relative;
}

.astPass {
    position: absolute;
    top: 11px;
    right: -12px;
    color: #a90000;
}

.cont_olYme {
    height: 105px;
    padding-top: 3px;
}

.cajaRE {
    padding-right: 7px;
    text-align: left;
    width: 68px;
}

.cajaREC {
    height: 18px;
    text-align: left;
    width: 100%;
}

.text_RECO {
    text-decoration: none;
    color: #555;
    font-size: 11px !important;
    padding-left: 3px;
}

.cajaME {
    padding-right: 7px;
    text-align: left;
    width: 68px;
}

.text_RECU {
    text-decoration: none;
    color: #015782;
    font-size: 11px;
    padding-left: 4px;
    cursor: pointer;
}

.cajaMEN {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    background-color: #ffb2b3;
}

.cajaMEN2 {
    width: auto;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 35px;
    text-align: left;
    background-color: #ffb2b3;
}

.cajaMEN3 {
    background-color: #ffb2b3;
    width: auto;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 35px;
    text-align: left;
}

.MEinSe {
    font-size: 10px;
    color: #000000;
    text-align: left;
}

.cajaPUB {
    width: 400px;
    height: 500px;
    margin-left: 470px;
}

.cajaPUtrans {
    position: absolute;
    z-index: 0;
    height: 140px;
    width: 400px;
}

.cajaPUtrans1 {
    position: absolute;
    z-index: 0;
    height: 110px;
    width: 318px;
    opacity: 0.05;
    filter: alpha(opacity=20);
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #44928d;
}

.cajaPUsol {
    height: 110px;
    z-index: 3;
    padding-left: 15px;
    padding-right: 15px;
    height: 90px;
    padding: 10px 15px;
    margin-bottom: 15px;
    background-image: url(../Imagenes/Web/layout/fondo_pub.png);
    background-position: right;
    background-repeat: no-repeat;
}

.cajaPUsol1 {
    height: 100px;
    margin-bottom: 15px;
    padding: 19px;
    overflow: hidden;
    background-color: rgba(255,255,255, .2);
}

.cajaTEXT {
    color: #FFFFFF !important;
    height: 16px;
    margin-bottom: 10px;
    font-size: 16px;
}

.TnormalB {
    color: #d3fff6;
    font-size: 13px;
    line-height: 18px;
}

.TnormalB1 {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 18px;
    max-height: 55px;
    overflow: hidden;
}

.MarcaShift {
    line-height: 15px;
    margin-top: -15px;
    position: absolute;
    padding-left: 235px;
    font-size: 9px !important;
    text-align: right !important;
    color: #006A9E !important;
    cursor: pointer;
    text-decoration: none !important;
}

.MarcaShift2 {
    font-size: 9px !important;
    text-align: right !important;
    color: #006A9E !important;
    cursor: pointer;
    text-decoration: none !important;
}

.PopCont01 {
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
    line-height: 17px;
}

.PopCont02 {
    padding-top: 3px;
    list-style-type: circle;
    margin-left: 35px;
    text-align: left;
}

.PopCont02HL {
    padding-top: 3px;
    list-style-type: circle;
    margin-left: 35px;
    text-align: left;
    color: red;
    background-color: yellow;
    font-weight: bold;
    font-size: 14px;
}

.PopCont03 {
    margin-top: 10px;
    text-align: left;
}
/* FIN LOGIN */


/* CONTENIDO PRINCIPAL */
#cont_princ {
    margin: 0 auto 0 auto;
    min-height: 648px;
    min-width: 990px;
    font-size: 12px;
    background-color: #FFFFFF; /* Cambio de color fondo */
}

#cont_princ_int {
}
/* BORDES REDONDOS contenido principal */
.cont_esq_topleft,
.cont_esq_topright,
.cont_esq_bottomleft,
.cont_esq_bottomright {
    height: 5px;
    width: 5px;
    background-color: transparent;
    background-image: url(../Imagenes/Web/Layout/bordes_cont_princ.png);
    background-repeat: no-repeat;
    display: block;
}

.cont_esq_topleft {
    background-position: 0px 0px;
}

.cont_esq_topright {
    background-position: -5px 0px;
}

.cont_esq_bottomleft {
    background-position: 0px -5px;
}

.cont_esq_bottomright {
    background-position: -5px -5px;
}
/*--- BORDES REDONDOS contenido principal */

/* CABECERA */
#cabecera {
    height: 139px;
}

.cabeceraAlt { /* Alto de cabecera cuando es reducido por usuario */
    height: 25px !important;
    background-color: #017eff;
}
    /* Cabecera minimizada */
    .cabLeft {
    float: left;
    text-align: left;
    font-size: 11px;
    color: #FFF;
    width: auto;
    height: 24px;
    margin-left: 1px;
}
#LogoShift {
    width:40%;
    float:left;
}
.LogEncabLogo02Img {
    max-width: 200px;
}
.cabCliente {
    margin: 0;
    padding: 0;
    height: 24px;
    float: left;
    font-size: 11px;
    text-align: left;
    line-height: 24px;
}

.cabFlechaMin {
    float: left;
    width: 15px;
    height: 15px;
    background-image: url(../Imagenes/Web/Iconos/Min.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    left: 0;
    z-index: 999999;
    margin: 2px 3px 1px 0;
}

.cabFlechaMax {
    float: left;
    width: 15px;
    height: 15px;
    background-image: url(../Imagenes/Web/Iconos/Max.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    left: 0;
    z-index: 999999;
    margin: 2px 3px 1px 0;
}

.cabNCliente {
    float: left;
}

.cabPar {
    line-height: 24px;
    height: 24px;
    float: left;
}

.cabIcoPar {
    float: left;
    height: 18px !important;
    width: 18px;
    margin-left: 6px;
    margin-right: 4px;
    margin-top: 1px;
    display:none;
}

.cabNomPar {
    font-weight: bold;
    float: left;
    padding-left: 5px;
}

.icoMin {
    float: right;
    background-position: left;
    background-image: url(../Imagenes/Web/Iconos/Min.png);
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    cursor: pointer;
    margin-top: 4px;
    margin-left: -2px;
}

.icoMax {
    float: right;
    background-position: left;
    background-image: url(../Imagenes/Web/Iconos/Max.png);
    background-repeat: no-repeat;
    height: 17px;
    margin-top: 2px;
    width: 17px;
    cursor: pointer;
    margin-top: 4px;
    margin-left: -2px;
}
/* Fin Cabecera minimizada */

/* cabecera columna izquierda */
#cab_izq {
    width: 100%;
    height: 60px;
    overflow: hidden;
    background-color: #017eff;
}

#logo_cliente {
    height: 60px;
    margin-bottom: 10px;
    margin-top: 15px;
    position: relative;
    width: 200px;
    float:left;
}
#LogoCliente {
    height: 28px;
}

#logo_cliente_menu_izq {
}
#ico_rapidos {
    width: 30px;
    height: 145px;
    margin: auto;
}
.ico_r{
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    margin-bottom: 20px;
}*
.ico_r input {
    cursor: pointer !important;
}

.separador_r0 {
    width: 12px;
    height: 30px;
    float: left;
}

.separador_r1 {
    width: 12px;
    height: 30px;
    float: left;
}
/* cabecera columna derecha */
#cab_der {}
/* cabecera columna derecha superior */
    #cab_der1 {
    height: 45px;
}

#tit_prop {
    width:100%;
    height: 100%;
    float: left;
}

#ico_tit {
    width: 45px;
    height: 45px;
    float: left;
}

#text_tit {
    height: calc(100% - 10px);
    text-align: left;
    margin: 5px 0 10px 0;
}

.tab_tit {
    vertical-align: middle;
    height: 100%;
    border: none;
    color:#000000;
    margin-left:30px;
}

#cab_info {
    width: auto;
    height:60px;
    float: right;
}

#info_us {
    width: 100%;
    height: 100%;
    float: right;
    background-repeat: no-repeat;
}

.info_unMin {
    width: auto !important;
    height: 24px;
    float: right;
    background-repeat: no-repeat;
}

/* --- menu usuario */
.link_us {
    float: right;
    text-align: right;
    font-size: 11px;
    margin-bottom: 0px;
    height: 100%;
    border:none !important;
    cursor:pointer;
}


    .link_us li {
        display: inline;
        line-height: 60px;
        float: left;
    }
        .link_us li:hover {
            text-decoration: none;
            background-color: rgba(255,255,255,.3);
        }
        .link_us li:active {
            text-decoration: none;
            background-color: rgba(255,255,255,.3);
        }
        .link_us li a {
            text-decoration: none;
            background-color: rgba(255,255,255,.3);
        }

            .link_us li a:hover {
                text-decoration: none;
                background-color: rgba(255,255,255,.3);
            }

.l_linkus {
    font-size: 11px;
    text-decoration: none;
    color: #FFFFFF;
}
.info_unMin li {
    height: 24px;
    line-height: 24px;
}
#idUsuarioReposicion {
    padding: 0 10px 0 10px;
}
.nom_us {
    text-align: right;
    font-size: 16px;
    color: #FFFFFF !important;
    font-weight: bold;
}
.LinkUsuario {
    padding: 0 20px;
}
.LinkIcono {
    padding: 25px;
}
.nom_us3 { /* texto para nombre usuario en pantalla táctil */
    text-align: right;
    font-size: 14px;
    color: #FFFFFF !important;
    line-height: 11px;
    height: 21px;
}

/* --- menu usuario */
/* --- menu alertas */
.link_alert {
    margin-right: 1px;
    float: right;
    text-align: right;
    font-size: 11px;
    display: none;
}

    .link_alert li {
        display: inline;
        padding-left: 3px;
        padding-right: 3px;
    }

        .link_alert li a {
            text-decoration: none;
            color: #FFF;
        }

            .link_alert li a:hover {
                color: #FFF;
                text-decoration: none;
            }

.l_alert {
    font-size: 11px;
    text-decoration: none;
    color: #FFFFFF;
}

.link_alert2 {
    text-decoration: none !important;
}

    .link_alert2 li {
        text-decoration: none !important;
    }

        .link_alert2 li a {
            text-decoration: none !important;
        }

            .link_alert2 li a:hover {
                text-decoration: none !important;
            }

/* --- menu usuario */
#alertas {
    width: 100%;
    height: 15px;
    margin-top: 15px;
    margin-bottom: 5px;
    float: right;
}

.textolink {
    font-size: 11px;
    text-decoration: none;
    color: #CCC;
}

.alert {
    font-weight: bold;
    color: #FC0 !important;
}

.ayuda {
    vertical-align: middle;
    cursor: pointer;
}

.FondAlertas { /* recuadro de mensaje color amarillo para fondo de número para indicar alertas */
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 999998;
    margin-top: -6px;
    margin-left: 10px;
    overflow: hidden;
    cursor: pointer;
}

.NumAlertas {
    position: absolute;
    margin-top: -5px;
    margin-left: 10px;
    z-index: 999998;
    color: #000000;
    width: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    line-height: 13px;
    font-size: 11px;
}
/* cabecera columna derecha baja */
.cab_der2_menu {
    height: 15px;
    overflow: hidden;
    padding: 5px 0 5px 20px;
}

#cab_der2_int {
    overflow: hidden;
}

#cab_der2_redondo {
    background-color: transparent !important;
}

#cab_der2_redondo_RPC {
    background-color: transparent;
}
/* Cambio de color a recuadro de filtros */
/* Scroll para reucadro de jerarquías */
.scrJerL {
    width: 20px;
    height: 50px;
    float: left;
    background-color: #006A9E;
    border-radius: 5px;
    margin-right: 5px;
}

.scrJerL2 {
    background-image: url(../Imagenes/Web/Iconos/flecha_leftB.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 50px;
    cursor: pointer;
}

    .scrJerL2:hover {
        background-color: #379ed0;
        border-radius: 5px;
    }

.scrJerR {
    width: 20px;
    height: 50px;
    float: right;
    background-color: #006A9E;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.scrJerR2 {
    background-image: url(../Imagenes/Web/Iconos/flecha_rightB.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 50px;
}

    .scrJerR2:hover {
        background-color: #379ed0;
        border-radius: 5px;
    }

#contenedorJer {
    /*position:relative;*/
}
/* Fin Scroll para reucadro de jerarquías */
/*-------------- BORDES REDONDOS fondo jerarquias */
.cab_der2_esq_topleft,
.cab_der2_esq_topright,
.cab_der2_esq_bottomleft,
.cab_der2_esq_bottomright {
    height: 5px;
    width: 5px;
    display: block;
}

.cab_der2_esq_topleft {
    background-position: 0px 0px;
}

.cab_der2_esq_topright {
    background-position: -5px 0px;
}

.cab_der2_esq_bottomleft {
    background-position: 0px -5px;
}

.cab_der2_esq_bottomright {
    background-position: -5px -5px;
}
/*-------------- BORDES REDONDOS fondo jerarquias */
#cab_der2_1 {
    float: left;
    /*overflow: hidden;*/
}

.jerarquia {
    height: 30px;
    float: left;
    z-index: 1;
    margin-left:5px;
    width:100%;
}
.caja_filtros {
    height: 20px;
    width: 20px;
    margin-top: -23px;
    margin-right: 5px;
    float: right;
}

.caja_filtros2 {
    width: 100px;
    height: 13px;
}

.caja_filtros3 {
    max-height: 22px;
    overflow: hidden;
    word-break: break-word;
    margin-left: 100px;
    text-align: right;
}

.TextFiltros {
    float: left;
    font-weight: bold;
}

.LinFiltrosBco {
    color: #FFFFFF;
    padding: 0 5px;
}

.caja_select {
    height: 30px;
    margin-right: 25px;
    overflow:hidden;
    float:left;
}

.filtro_text {
    width: 24px;
    float: right;
    text-align: right;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 12px;
    position: relative;
}

.filtro_text2 {
    width: 24px;
    float: right;
    text-align: right;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 12px;
    z-index: 6;
    position: relative;
}

.filtro_text3 {
    width: 32px;
    float: right;
    text-align: right;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 12px;
    z-index: 6;
    position: relative;
}

a.text_filtro {
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

    a.text_filtro:visited {
        font-size: 11px;
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }

    a.text_filtro:active {
        font-size: 11px;
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }

    a.text_filtro:hover {
        font-size: 11px;
        text-decoration: none;
        cursor: pointer;
    }

.f_bloq {
    font-size: 11px;
    text-decoration: none;
    color: #CCC;
}

.filtro_icos {
    width: 12px;
    text-align: center;
    height: 23px;
    margin-right: 1px;
    margin-top: 2px;
    cursor: pointer;
    display: inline-block;
}

.filtro_icos2 {
    width: 12px;
    text-align: center;
    height: 12px;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 2px;
    float: right;
    z-index: 6;
    position: relative;
}
/*------------SELECT */
.select_jerarq {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #000000;
    font-size: 11px;
    width:160px !important;
    min-width:160px !important;
}
/*------------SELECT */
/*-------------- FILTRO DESPLEGABLE */
.caja_desp_filtr {
    position: absolute;
    margin-top: -11px;
    z-index: 999999;
}

.caja_desp_filtr2 {
    position: absolute;
    margin-top: 0;
    z-index: 999999;
    right: 15px;
}

.flecha_caja_filtr {
    height: 11px;
    margin-left: 13px;
    width: 21px;
    background-image: url(../Imagenes/Web/Layout/desp_top_top_p.png);
    background-position: left;
    background-repeat: no-repeat;
}

.flecha_caja_filtr2 {
    height: 11px;
    margin-left: 431px;
    width: 21px;
    background-image: url(../Imagenes/Web/Layout/desp_top_top_p.png);
    background-position: left;
    background-repeat: no-repeat;
}

.desp_filtro {
    height: 195px;
}

.desp_filtro2 {
    width: 430px;
    padding: 10px 10px 0px;
    height: 195px;
}

.desp_filtro3 {
    width: 430px;
    padding: 10px 10px 0px;
    height: 75px;
}

.desp_center {
    float: center;
}

.filtro_select {
    margin: 12px 7px 5px;
    font-size: 11px !important;
    color: #999 !important;
}

.select_filtro {
    background-color: #FFF;
    border: 1px #CCCCCC solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 20px;
    padding-top: 0px;
}

.filtro_scroll {
    background-color: #FFF;
    border: 1px #CCCCCC solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 81px;
    padding-top: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.f_scroll {
    margin: 0px;
    text-align: left;
    font-size: 11px;
    color: #535353;
    font-weight: normal;
    width: 80px;
}

    .f_scroll li {
        color: #535353;
        list-style: none;
        height: 20px;
        display: block;
    }

        .f_scroll li a {
            display: block;
            color: #535353;
            text-decoration: none;
            padding-top: 4px;
            padding-bottom: 3px;
            padding-left: 4px;
        }

            .f_scroll li a:hover {
                color: #000 !important;
                background-color: #D1D1D1;
            }

.Link_cerrar { /* icono cerrar filtro desplegable */
    cursor: pointer;
    float: right;
    height: 20px;
    top: 10px;
    right: 15px;
    position: absolute;
    width: 20px;
}

.Link_cerrar2 { /* icono cerrar filtro desplegable en tabla agrupación turnos disponibles */
    cursor: pointer;
    float: right;
    height: 20px;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 20px;
}

.Link_cerrar3 { /* icono cerrar para menú principal desplegable */
    cursor: pointer;
    float: right;
    height: 20px;
    top: -9px;
    right: -10px;
    position: absolute;
    width: 20px;
}

.Link_cerrar4 { /* icono cerrar filtro desplegable amplio */
    cursor: pointer;
    float: right;
    height: 20px;
    top: 10px;
    right: 10px;
    position: absolute;
    width: 20px;
    z-index: 999999;
}

.Link_cerrar5 { /* icono cerrar filtro desplegable amplio, gestor de eventos en Cambio de turnos */
    cursor: pointer;
    float: right;
    height: 20px;
    top: -9px;
    right: -20px;
    position: absolute;
    width: 20px;
}

.botones {
    background-color: #FFF;
    height: 23px;
    padding-top: 0px;
    margin: 6px 7px;
}

.boton {
    width: 48px;
    font-size: 11px;
    color: #535353;
    background-color: #FFF;
    border: 1px #CCCCCC solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 22px;
    padding-bottom: 1px;
    text-align: center;
    cursor: pointer;
}

    .boton:hover {
        color: #000;
        border: 1px #999999 solid;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
/*-------------- BORDES REDONDOS caja filtro desplegable */
/* DIV SOBRE ESCRITOS DE FILTRO DESPLEGABLE */
.dxeListBoxItemRojo {
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    color: #b30202 !important;
    font-size: 13px !important;
}

.dxeListBoxItemGris {
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    color: grey !important;
    font-size: 13px !important;
}

.caja_desp_esq_topleft,
.caja_desp_esq_topright,
.caja_desp_esq_bottomleft,
.caja_desp_esq_bottomright {
    display: block;
}

.caja_desp_esq_topleft {
    background-position: 0px 0px;
}

.caja_desp_esq_topright {
    background-position: -5px 0px;
}

.caja_desp_esq_bottomleft {
    background-position: 0px -5px;
}

.caja_desp_esq_bottomright {
    background-position: -5px -5px;
}
/*-------------- BORDES REDONDOS caja filtro desplegable  */
/* DIV SOBRE ESCRITOS DE FILTRO DESPLEGABLE */
.dxeListBoxItemSelected, .dxeListBoxItemHover {
    background-color: #EEEFEF;
}

.dxeListBox div.dxlbd {
    height: 124px;
}

.combEsp { /* alto especial para combo en malla */
    height: 124px !important;
}

.dxeListBox, .dxeHD {
    background-color: white !important;
    border: none;
    font-size: 11px;
    color: #666666;
    border-bottom: 1px solid #EEEFEF !important;
}

.dxeHD {
    background-color: white !important;
    border-bottom: 1px solid #EEEFEF;
    background-color: #EEEFEF !important;
}

.dxeListBox td.dxeFTM {
    border-bottom: 1px solid #EEEFEF;
}

.dxeListBox td.dxeTM {
    border-bottom: 1px solid #EEEFEF;
    border-left: none !important;
}

.td.dxeListBoxItem.dxeHFC, .td.dxeListBoxItem.dxeHC {
    font-weight: bold;
}

.dxeHFC {
    border-left: none !important;
    border-left: none !important;
    font-weight: bold;
}

.dxeHC {
    border-left: none !important;
    font-weight: bold;
}

.dxeHLC {
    border-left: none !important;
}

.scroll {
    overflow: scroll
}

.MJPanelFiltro {
    border: 1px solid #FFFFFF;
    box-shadow: 3px 3px 3px #e0e0e0;
    -webkit-box-shadow: 5px 0px 84px -13px rgba(201,201,201,1);
    -moz-box-shadow: 5px 0px 84px -13px rgba(201,201,201,1);
    box-shadow: 5px 0px 84px -13px rgba(201,201,201,1);
    cursor:default;
}
/* DIV SOBRE ESCRITOS DE FILTRO DESPLEGABLE */

/* div botones filtro desplegable */
.btns-div2 {
    height: 34px;
    margin: auto;
}

.btns-div3 {
    height: 34px;
    margin: auto;
}

.tblL {
    margin: auto;
}

.btn_Spadd {
    padding: 0;
}

.btnLink {
    cursor: pointer;
    display: block;
    height: 22px !important;
    margin: auto;
    padding: 0;
    text-decoration: none !important;
}

    .btnLink:hover {
        text-decoration: none !important;
        color: #FFFFFF;
    }

.btnch_l {
    width: 9px;
    height: 24px;
    background-image: url(../Imagenes/Web/Layout/btnch_l.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.btnch_r {
    width: 9px;
    height: 24px;
    background-image: url(../Imagenes/Web/Layout/btnch_r.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}

.btnch_c {
    background-image: url(../Imagenes/Web/Layout/btnch_c.png);
    background-position: right center;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal !important;
    height: 15px;
    margin-left: 9px;
    margin-right: 9px;
    padding: 4px 3px 5px;
    text-align: center !important;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.btnLink {
    cursor: pointer;
    display: block;
    height: 28px !important;
    margin: auto;
    padding: 0;
    text-decoration: none !important;
}
/*-------------- FILTRO DESPLEGABLE */
/* Icono función de trabajo */
.ft01 {
    float: right;
    width: 40px;
    height: 100%;
}

.ft02 {
}

.ft02b {
    height: 13px;
    margin: 0;
    width: 30px;
}

.ft03 {
    position: absolute;
    z-index: 999999;
    margin-top: -4px;
    margin-left: 8px;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
}

.ft03b { /* icono actualizar en filtro pestañas malla */
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    z-index: 999;
    margin-top: -6px;
    margin-left: 10px;
}

.CamDB3 { /* icono actualizar en filtro pestañas malla */
    float: right;
}

.ft04 {
    width: 17px;
}

.ft05 {
    text-align: center;
    line-height: 11px;
}

.ft06 {
    margin-top: -16px;
    background-image: url(../Imagenes/Web/Iconos/EventoM.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}

.ft07 {
    margin-top: 6px;
    margin-right: 6px;
    cursor: pointer;
    background-image: url(../Imagenes/Web/Iconos/vistaPersonas.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ft08 {
    float: left;
    padding-left: 4px;
    width: 16px;
}

.fText {
    color: #999;
    float: right;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
}

.fText2 {
    float: right;
    line-height: 18px;
    text-align: left;
}
/* Fin Icono función de trabajo */
/* PIE PAGINA */
#pie {
    height: 29px;
    clear: both;
    overflow: hidden;
    background-color: #017eff;
}

.pieMin {
    height: 0px !important;
}

.pieFlecha {
    color: #FFF;
    float: left;
    position: absolute;
    bottom: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url(../Imagenes/Web/Iconos/Min.png);
    background-position: left;
    background-repeat: no-repeat;
}

#productos {
    height: 23px;
    margin-left: 50px;
    float: left;
    overflow:hidden;
}

.link_prod {
    padding: 0px;
    height: 22px;
    width: auto;
    display: block;
    float: left;
    height: 22px;
    cursor: pointer;
}

    .link_prod a {
        color: #FFF;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

        .link_prod a:hover {
            color: #000;
            text-decoration: none !important;
        }

.link_prod_act {
    padding: 0px;
    height: 28px;
    width: auto;
    display: block;
    float: left;
    height: 28px;
    margin-right: 0px;
    cursor: pointer;
}

    .link_prod_act a {
        color: #000000;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

        .link_prod_act a:hover {
            text-decoration: none;
        }

.tab0_left {
    width: 5px;
    height: 25px;
    background-image: url(../Imagenes/Web/Layout/tab0_left.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.tab0_cent {
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    background-color: #FFF;
    vertical-align: middle;
    float: left;
    min-width: 80px;
    color: #000;
}

.tab0_right {
    width: 5px;
    height: 25px;
    background-image: url(../Imagenes/Web/Layout/tab0_right.png);
    background-position: right;
    background-repeat: no-repeat;
    float: left;
}

.tab1_left {
    width: 5px;
    height: 22px;
    background-image: url(../Imagenes/Web/Layout/tab1_left.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.tab1_cent {
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    background-image: url(../Imagenes/Web/Layout/tab1_center.png);
    background-position: left;
    background-repeat: repeat-x;
    vertical-align: middle;
    float: left;
    color: #FFF;
    min-width: 60px;
}

    .tab1_cent:hover {
        height: 19px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        background-image: url(../Imagenes/Web/Layout/tab1_center.png);
        background-position: left;
        background-repeat: repeat-x;
        vertical-align: middle;
        float: left;
        color: #FFF;
        min-width: 60px;
        text-decoration: none;
    }
/* Clases para scroll en pestañas de productos */
.tab1_cent2 {
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    background-image: url(../Imagenes/Web/Layout/tab1_center.png);
    background-position: left;
    background-repeat: repeat-x;
    vertical-align: middle;
    float: left;
    color: #FFF;
    min-width: 20px;
}

    .tab1_cent2:hover {
        height: 19px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        background-image: url(../Imagenes/Web/Layout/tab1_center.png);
        background-position: left;
        background-repeat: repeat-x;
        vertical-align: middle;
        float: left;
        color: #FFF;
        min-width: 20px;
        text-decoration: none;
    }

.ScLeft {
    background-image: url(../Imagenes/Web/Iconos/flecha_leftB.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.ScRight {
    background-image: url(../Imagenes/Web/Iconos/flecha_rightB.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: -3px;
}
/* Fin Clases para scroll en pestañas de productos */

.tab1_right {
    width: 5px;
    height: 22px;
    background-image: url(../Imagenes/Web/Layout/tab1_right.png);
    background-position: right;
    background-repeat: no-repeat;
    float: left;
}

/* Opcion sin Link */
.tab0SL_left {
    width: 5px;
    height: 25px;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.tab0SL_cent {
    height: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    background-color: #FFF;
    vertical-align: middle;
    float: left;
    min-width: 80px;
    color: #000;
}

.tab0SL_right {
    width: 5px;
    height: 25px;
    background-position: right;
    background-repeat: no-repeat;
    float: left;
}

.tab1SL_left {
    width: 4px;
    height: 22px;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.tab1SL_cent {
    height: 19px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    background-color: rgba(255,255,255,.3);
    vertical-align: middle;
    float: left;
    color: #FFF;
    min-width: 60px;
    text-align: center;
}

.tab1SL_right {
    width: 4px;
    height: 22px;
    background-position: right;
    background-repeat: no-repeat;
    float: left;
}

/* menu productos */
#logo_shift {
    width: 90px;
    height: 24px;
    float: right;
    margin-top: 4px;
    background-image: url(../Imagenes/Web/Layout/logo_shift.png);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}
/* FIN PIE PAGINA */

/**************MENU DESPLEGABLE */
#menu_desp, #MM_desp {
    position: absolute;
    z-index: 999999;
    margin-top: -20px;
    margin-left:0;
}

#menu_desp {
    width: 260px;
}

.menu_despC, .MM_despC {
    position: absolute;
    z-index: 999999;
}

.MM_despT {
    z-index: 999999;
    position: relative;
    bottom: 20px;
}

.MM_despCheck {
    position: absolute;
    z-index: 999999;
    margin-left: 33px;
    margin-top: 1px;
}

.MM_items01, .MM_items02, .MM_items03 {
    height: 20px;
    width: 20px;
}

.MM_items01Int {
    height: 20px;
    width: 20px;
}

.MM_items03Int {
    text-align: left;
    white-space: nowrap;
    color: #000000;
    font-size: 12px;
}

.AnchDesp {
    width: 140px;
    margin-left: -65px;
}

.Menu_despTurnos {
    position: absolute;
    z-index: 999999;
}
/* BORDES REDONDOS menu desplegable */
.menu_desp_esq_topleft,
.menu_desp_esq_topright,
.menu_desp_esq_bottomleft,
.menu_desp_esq_bottomright {
    height: 5px;
    width: 5px;
    background-color: white;
    background-repeat: no-repeat;
    display: block;
}

.menu_desp_esq_topleft {
    background-position: 0px 0px;
}

.menu_desp_esq_topright {
    background-position: -5px 0px;
}

.menu_desp_esq_bottomleft {
    background-position: 0px -5px;
}

.menu_desp_esq_bottomright {
    background-position: -5px -5px;
}

.MM_desp_esq_topleft,
.MM_desp_esq_topright,
.MM_desp_esq_bottomleft,
.MM_desp_esq_bottomright { /* caja mini menu desplegable opciones grilla */
    height: 5px;
    width: 5px;
    background-color: white;
    background-repeat: no-repeat;
    display: block;
}

.MM_desp_esq_topleft {
    background-position: 0px 0px;
}

.MM_desp_esq_topright {
    background-position: -5px 0px;
}

.MM_desp_esq_bottomleft {
    background-position: 0px -5px;
}

.MM_desp_esq_bottomright {
    background-position: -5px -5px;
}

.MM_desp2_esq_topleft,
.MM_desp2_esq_topright,
.MM_desp2_esq_bottomleft,
.MM_desp2_esq_bottomright { /* caja mini menu desplegable opciones grilla */
    height: 5px;
    width: 5px;
    background-color: transparent;
    background-image: url(../Imagenes/Web/Layout/bordes_caja_MM_desp3.png);
    background-repeat: no-repeat;
    display: block;
}

.MM_desp2_esq_topleft {
    background-position: 0px 0px;
}

.MM_desp2_esq_topright {
    background-position: -5px 0px;
}

.MM_desp2_esq_bottomleft {
    background-position: 0px -5px;
}

.MM_desp2_esq_bottomright {
    background-position: -5px -5px;
}

.popi0 {
    display: block;
    z-index: 99999;
    outline: 0px none;
    height: auto;
    width: 200px;
    position: absolute;
}

.popi01 {
    width: auto;
    min-height: 59.0333px;
    height: auto;
}

.popConten {
    padding: 5px;
}

.pop00 {
    height: 100%;
    width: 100%;
    border-collapse: separate;
}

.pop01 {
    border-collapse: separate;
}

.pop02 {
    background-color: rgba(255,255,255,0.5) !important;
    border-top: 1px solid #D4D4D4 !important;
}

.pop02b {
    background-color: rgba(255,255,255,0.5) !important;
    border-left: 1px solid #D4D4D4 !important;
}

.pop02c {
    background-color: rgba(255,255,255,0.5) !important;
    border-right: 1px solid #D4D4D4 !important;
}

.pop02d {
    background-color: rgba(255,255,255,0.5) !important;
    border-bottom: 1px solid #D4D4D4 !important;
}

.pop03 {
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.pop04 {
    background-color: rgba(255,255,255,0.5) !important;
    width: 100%;
}

.pop05 {
    min-width: 120px;
}

.popTextXL {
    font-size: 35px;
    font-weight: bold;
    padding: 5px;
}

.td48 {
    width: 17px;
    height: 17px;
    padding: 2px 0px 3px 0px;
}

.td49 {
    line-height: 30px;
}

.TextLink {
    float: left;
    line-height: 37px;
    cursor: pointer;
}
/*-------------- BORDES REDONDOS desplegable */

/* posiciones fijas */
.MMCargaT {
    margin-top: 18px;
    margin-left: 17px;
}

/* div interior de menu desplegable */
#menu_desp_int {
    width: 250px;    
}

#menu_desp_int2 { /* mini menu desplegable en opciones grilla */
    width: 120px;
    background-color: #FFFFFF;
}

.menu_desp_int2C { /* mini menu desplegable en opciones grilla */
    width: 100%;
    background-color: #FFFFFF;
}

.menu_desp_int2D { /* mini menu desplegable en opciones grilla, con scroll altura máxima 160px */
    max-height: 180px;
    overflow: auto;
    overflow-x: hidden;
}

#menu_desp_redondo, #MM_desp_redondo {
    background-color: #FFFFFF;
    box-shadow: 3px 3px 3px #e0e0e0;
}

.menu_desp_redondoC, .MM_desp_redondoC {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    /*border-radius: 0;
                    -moz-border-radius: 0;
                    -webkit-border-radius: 0;
                    box-shadow: 3px 3px 3px #eaeaea;*/
}

.MM_desp_Filtro {
    margin: 10px;
}

/* div scroll */
#md_scrollup {
    height: 19px;
    width: 250px;
    cursor: pointer;
}

#md_scrolldown {
    height: 20px;
    width: 250px;
    cursor: pointer;
}

/* imagen scroll */
.scrup_img {
    height: 18px;
    background: url(../Imagenes/Web/Iconos/flecha_top.png) no-repeat center;
}

    .scrup_img:hover {
        background: url(../Imagenes/Web/Iconos/flecha_top.png) no-repeat bottom;
    }

.scrdown_img {
    height: 19px;
    background: url(../Imagenes/Web/Iconos/flecha_down2.png) no-repeat top;
}

    .scrdown_img:hover {
        cursor: pointer;
        background: url(../Imagenes/Web/Iconos/flecha_down2.png) no-repeat top;
    }

/* div central */
#md_cent {
    overflow: hidden;
    position: relative;
}

#md_cent_ext {
    position: absolute;
}

/* ITEM 1 NIVEL de menu */
.camd_1 {
    height: 30px;
    width: 250px;
    text-align: left;
    color: #535353 !important;
    overflow: hidden;
    cursor: pointer;
}

    .camd_1:hover {
        background-color: #EEEFEF;
    }

.camd_12 { /* mini menu desplegable opciones grilla */
    height: 21px;
    width: 100%;
    text-align: left;
    color: #535353 !important;
    overflow: hidden;
}

.camd_13 { /* mini menu desplegable opciones grilla */
    height: 21px;
    width: 100%;
    text-align: left;
    color: #535353 !important;
    overflow: hidden;
}

.ImgUs2 {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
}

.ImgUs3 {
    width: 60px;
    height: 60px;
}

.ImgUs4 {
    border-width: 0px;
    width: 67px;
    height: 21px;
    margin-left: 5px;
}

.LinkCuenta {
    height: 16px;
    width: 16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -5px;
    margin-top: -13px;
    margin-right: 12px;
}

.cuenta_desp {
    position: absolute;
    top: 60px;
    z-index: 999999;
    right: 0px;
    width: 215px;
    height: calc(100% - 89px);
}

.cuenta_desp2 {
    height: 11px;
    margin-left: 397px;
    width: 21px;
    background-image: url(../Imagenes/Web/Layout/desp_top_top_p.png);
    background-position: left;
    background-repeat: no-repeat;
    margin-top: 4px;
    z-index: 999;
    position: relative;
    display:none;
}

.cuenta_desp3 {
    width: 211px;
    height: calc(100% - 120px);
    cursor:default;
}

.cuenta_desp4 {
    margin: 25px 20px 22px;
    font-size: 11px !important;
    color: #999999 !important;
    float: left;
    width: 361px;
}

.cuenta_desp5 {
    width: 150px;
    height: 150px;
    float: left;
}

.cuenta_desp6 {
    text-align: left;
    margin-left: 165px;
    height: 100%;
}

.cuenta_desp7 {
    padding-left: 7px;
    height: 105px;
}

.NomCuenta {
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 13px;
}

.BotCuenta {
    width: 100%;
    float: right;
}

.cajaCuenta {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 10px;
}

.cajaCuenta2 {
    margin: 25px 20px 22px;
    font-size: 11px !important;
    color: #999 !important;
    float: left;
}

.formCu {
    padding: 10px;
}
/*Cuenta*/
.camd_1Cuenta {
    height: 63px;
    width: 250px;
    text-align: left;
    font-size: 12px;
    color: #535353 !important;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #EEEFEF;
    margin-top: 6px;
    display:none;
}

.cuentaMen {
    margin: 0;
    font-size: 11px !important;
    color: #999999 !important;
    float: left;
    width: 100%;
    margin-top: 20px;    
   
}

.cuentaMenImg {
    height: 70px;
    width: 75px;
    border: none; 
    float: left;
}

.cuentaMenImagen {
    max-width: 75px;
    max-height: 70px;
    border-width: 0px;
    width: 75px;
    height: 70px;
    border-radius: 100px
}

.cuentaMenText {
    text-align: left;
    margin-left: 75px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

.cuentaMenTextInt {
    padding-left: 12px;
    height: 75px;
    display: table-cell;
    vertical-align: middle;
    line-height:16px;
}

.cuentaNom01 {
    font-weight: bold;
    padding-bottom: 3px;
    font-size: 13px;
    color: #003f72;
    text-decoration: none;
}

    .cuentaNom01 a {
        font-size: 13px;
        color: #003f72;
        text-decoration: none;
    }

    .cuentaNom01:hover {
        font-size: 13px;
        color: #003f72;
        text-decoration: none;
    }

.cuentaNom02 {
    font-size: 13px;
    color: #000000;
    font-weight:bold;
}
.cuentaNom03 {
    font-size: 13px;
    color: #000000;
}

.DivImgUs {
    width: 20px;
    height: 20px !important;
    margin-left: 4px;
    margin-right: 4px;
    float: right;
    cursor: pointer;
    display:none;
}

.DivImgUsB { /* Contenedor de botones CUENTA CERRAR */
    float: right;
    cursor: pointer;
}

.ImgUs {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
/* texto en caja texto */
.camd_t1 {
    vertical-align: middle;
    margin-left: 12px;
    width: 240px;
    overflow: hidden;
    cursor: pointer;
    height: 30px;
}

.camd_t12 { /* mini menu desplegable opciones grilla */
    vertical-align: middle;
    margin: 0px 8px;
    width: auto;
    overflow: hidden;
}

.camd_tex1 {
    vertical-align: middle;
    border: none;
    height: 30px;
    line-height: 17px;
}

.camd_tex1C {
    vertical-align: middle;
    border: none;
    height: 21px;
    width: 100%;
}

.camd_tex1C2 {
    vertical-align: middle;
    border: none;
    height: 100%;
    width: 100%;
    border-collapse: collapse;
}

.camf {
    font-size: 13px;
    height: 26px;
    padding-right: 10px;
    text-align: left;
    white-space: nowrap;
}

.camg {
    height: 26px;
}

.camd_tex1 a {
    vertical-align: middle;
    border: none;
    color: #000000;
    text-decoration: none;
    line-height: 30px;
    font-size:13px;
}

    .camd_tex1 a:hover {
        /*vertical-align: middle;
							border: none;
							color: #000;
							text-decoration:none;*/
    }

/* ico en caja link */
.camd_ico {
    width: 18px;
    height: 18px;
    margin: 10px 2px 9px 5px;
    float: left;
    display: none;
}

.camd_intro1 {
    float: left;
    width: 190px;
    overflow: hidden;
    height: 37px;
}

.camd_intro1L { /* clase para link */
    float: left;
    width: 250px;
    overflow: hidden;
    height: 30px;
}

.camd_intro12 { /* mini menu desplegable opciones grilla */
    float: left;
    width: 100%;
    overflow: hidden;
    height: 21px;
}

.camd_intro13 { /* mini menu desplegable opciones grilla */
    float: left;
    width: 100%;
    overflow: hidden;
    height: 27px;
}
/* flecha link para desplegar items */
.camd_items1 {
    margin-left: 225px;
    cursor: pointer;
    padding-top: 8px;
}

.camd_items_f1 {
    height: 20px;
    width: 20px;
    background-image: url(../Imagenes/Web/Iconos/flecha_next3.png);
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}
/*.camd_items_f1:hover{
							background-image: url(../Imagenes/Web/Iconos/flecha_next3.png);
							background-position:5px -15px;
							background-repeat:no-repeat;							
							}	*/

/* ITEM 1 NIVEL de menu seleccionado, CON items desplegados */
/* texto en caja texto */
.camdact_t1 {
    vertical-align: middle;
    margin-left: 26px;
    width: 140px;
    overflow: hidden;
}

.camdact_tex1 {
    vertical-align: middle;
    border: none;
    height: 30px;
    line-height: 30px;
}

    .camdact_tex1 a {
        vertical-align: middle;
        border: none;

        color: #000000;
        text-decoration: none;
        font-weight: bold;
        line-height: 30px;
    }

        .camdact_tex1 a:hover {
            vertical-align: middle;
            border: none;
            color: #000000;
            text-decoration: none;
        }

/* flecha link para desplegar items */
.camdact_items_f1 {
    height: 20px;
    width: 20px;
    background-image: url(../Imagenes/Web/Iconos/flecha_down2.png);
    background-position: center;
    background-repeat: no-repeat;
}

    .camdact_items_f1:hover {
        background-image: url(../Imagenes/Web/Iconos/flecha_down6.png);
    }

/* ITEM 2 NIVEL de menu */
.nivel_2 {
    width: 250px;
    background-color: #EEEFEF;
}

.camd_2 {
    height: 30px;
    width: 100%;
    text-align: left;
    color: #535353 !important;
    overflow: hidden;
    cursor: pointer;
}

    .camd_2:hover {
        background-color: #dedede;
    }

/* texto en caja texto */
.camd_t2 {
    vertical-align: middle;
    padding-left: 26px;
    width: 224px;
    overflow: hidden;
    cursor: pointer;
    height: 30px;
}

.camd_tex2 {
    vertical-align: middle;
    border: none;
    height: 30px;
    line-height: 30px;
}
    .camd_tex a, .camd_tex1 a, .camd_tex2 a, .camd_tex3 a, .camd_tex4 a, .camdact_tex a, .camdact_tex1 a, .camdact_tex2 a, .camdact_tex3 a, .camdact_tex4 a {
        background-color: transparent !important;
    }

    .camd_tex2 a {
        vertical-align: middle;
        border: none;
        color: #000000;
        text-decoration: none;
        line-height: 30px;
    }

        .camd_tex2 a:hover {
            vertical-align: middle;
            border: none;
            color: #000000;
            text-decoration: none;
            background-color: transparent !important;
        }

/* caja link */
.camd_intro2 {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 30px;
}

.camd_intro2L { /* clase para link */
    float: left;
    width: 100%;
    overflow: hidden;
    height: 30px;
}
/* flecha link para desplegar items */
.camd_items2 {
    margin-left: 225px;
    cursor: pointer;
    margin-top: 5px;
}

.camd_items_f2 {
    height: 20px;
    width: 20px;
    background-image: url(../Imagenes/Web/Iconos/flecha_left2.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

/* ITEM 2 NIVEL de menu */
/* texto en caja texto */
.camdact_t2 {
    vertical-align: middle;
    margin-left: 26px;
    width: 155px;
    overflow: hidden;
}

.camdact_tex2 {
    vertical-align: middle;
    border: none;
    height: 30px;
    line-height: 30px;
}

    .camdact_tex2 a {
        vertical-align: middle;
        border: none;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
    }

        .camdact_tex2 a:hover {
            vertical-align: middle;
            border: none;
            color: #000000;
            text-decoration: none;
        }

/* flecha link para desplegar items */
.camdact_items_f2 {
    height: 20px;
    width: 20px;
    background-image: url(../Imagenes/Web/Iconos/flecha_down2.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
/*.camdact_items_f2:hover{
							background-image: url(../Imagenes/Web/Iconos/m_flecha_down.png);
							background-position:0 6px;
							}	*/

/* ITEM 3 NIVEL de menu */
.nivel_3 {
    width: 250px;
    /*background-color: #D6D6D6;*/
}

.camd_3 {
    height: 30px;
    width: 100%;
    text-align: left;
    color: #535353 !important;
    overflow: hidden;
    cursor: pointer;
}

    .camd_3:hover {
        background-color: #dedede;
    }

/* texto en caja texto */
.camd_t3 {
    vertical-align: middle;
    padding-left: 40px;
    width: 210px;
    overflow: hidden;
    height: 30px;
}

.camd_tex3 {
    vertical-align: middle;
    border: none;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
}

    .camd_tex3 a {
        vertical-align: middle;
        border: none;
        color: #000000;
        text-decoration: none;
        line-height: 30px;
    }

        .camd_tex3 a:hover {
            vertical-align: middle;
            border: none;
            color: #000000;
            text-decoration: none;
        }

/* caja link */
.camd_intro3 {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 30px;
}

.camd_intro3L { /* clase para link */
    float: left;
    width: 100%;
    overflow: hidden;
    height: 30px;
}

/* flecha link para desplegar items */
.camd_items3 {
    margin-left: 225px;
    cursor: pointer;
    margin-top: 5px;
}

.camd_items_f3 {
    height: 20px;
    width: 20px;
    background-image: url(../Imagenes/Web/Iconos/flecha_left2.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

/* texto en caja texto */
.camdact_t3 {
    vertical-align: middle;
    margin-left: 26px;
    width: 120px;
    overflow: hidden;
}

.camdact_tex3 {
    vertical-align: middle;
    border: none;
    height: 30px;
    line-height: 30px;
}

    .camdact_tex3 a {
        vertical-align: middle;
        border: none;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
    }

        .camdact_tex3 a:hover {
            vertical-align: middle;
            border: none;
            color: #000000;
            text-decoration: none;
        }

/* flecha link para desplegar items */
.camdact_items_f3 {
    height: 20px;
    width: 20px;
    background-image: url(../Imagenes/Web/Iconos/flecha_down3.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
/* ITEM 4 NIVEL de menu */
.nivel_4 {
    width: 100%;
    /*background-color: #C4C4C4;*/
}

.camd_4 {
    height: 30px;
    line-height: 30px;
    padding-left: 56px;
    width: 195px;
    text-align: left;
    color: #000000 !important;
    overflow: hidden;
    cursor: pointer;
}

    .camd_4:hover {
        background-color: #dedede;
    }

/* texto en caja texto */
.camd_t4 {
    vertical-align: middle;
    overflow: hidden;
}

.camd_tex4 {
    vertical-align: middle;
    border: none;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
}

    .camd_tex4 a {
        vertical-align: middle;
        border: none;
        color: #000000;
        text-decoration: none;
    }

        .camd_tex4 a:hover {
            vertical-align: middle;
            border: none;
            color: #000;
            text-decoration: none;
        }
/* caja link */
.camd_intro4 {
    float: left;
    width: 130px;
    overflow: hidden;
    height: 30px;
}

.camd_intro4L { /* clase para link */
    float: left;
    width: 205px;
    overflow: hidden;
    height: 30px;
}

.ld_0 {
    width: 250px;
    border-bottom: 1px #C2C1C1 solid;
    height: 0px;
}

.ld_1 {
    width: 250px;
    border-bottom: 1px #EEEFEF solid;
    height: 0px;
    display: block;
}

.ld_12 { /* linea mini menu desplegable opciones grilla */
    width: auto;
    border-bottom: 1px #DDDDDD solid;
    height: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.ld_2 {
    width: 250px;
    border-bottom: 1px #FFFFFF solid;
    height: 0px;
}

.ld_3 {
    width: 250px;
    border-bottom: 1px #E8E8E8 solid;
    height: 0px;
}

.ld_4 {
    width: 250px;
    border-bottom: 1px #D6D6D6 solid;
    height: 0px;
}

.clink {
    cursor: pointer;
    line-height: 21px;
    overflow: hidden;
    padding-left: 5px;
    white-space: nowrap;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
}

    .clink a {
        text-decoration: none;
        cursor: pointer;
        color: #000000;
    }

        .clink a:hover {
            text-decoration: none;
            cursor: pointer;
            color: #000000;
        }

    .clink:hover {
        text-decoration: none;
        cursor: pointer;
        color: #000000;
    }
/************** FIN MENU DESPLEGABLE */
.claselect {
    position: absolute;
    width: 158px;
    height: 21px;
    padding: 0 24px 0 8px;
    color: #FFF;
    font: 12px/21px;
    background: url(select.png) no-repeat;
    overflow: hidden;
}

.claselect2 {
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
}

/************** Estilos de CONTENIDO central base */
/* CONTENIDO - FILA CENTRAL */
#contenido {
}
/* CONTENEDOR DE MENU */
    #ico_menu {
    height: auto;
}
#icono_abrir_menu {
    width: 50px;
    height: 30px;
    padding: 15px 5px;
    cursor: pointer;
    float: left;
    background-color: rgba(255,255,255,.3);
}

#icono_m0 {
    cursor: pointer;
    float: left;
    height:60px;
}
#logo_shift1 {
    float: left;
    margin: 15px 15px 15px 30px;
}
#icono_In {
}

.ico_menu {
    height: 50px;
}

.conten_menu {
    height: 700px;
    background-color: #FFF;
    width: 60px;
    float: left;
    margin-top: -70px;
    overflow: hidden;
    margin-left: 0;
    padding-top: 20px;
}

.icoInicio {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(../Imagenes/Web/Funcionalidades/Menu/inicio.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icono_m0 {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.separador {
    width: 30px;
    height: 15px;
}

#icos_menu {
    width: 30px;
    clear: both;
    margin-top: 81px;
}

.btnsmenu {
}

.icono_m1 {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.ico_r input {
    cursor: pointer !important;
}

/* CONTENEDOR DE INFORMACIÓN */
#conten_princ {
    margin-left: 60px;
}

.content_princSM {
    margin-left: 0 !important;
}

#conten_princ_int {
}

#conten_princ_int2 {
    overflow: auto;
    position: relative;
}
#conten_princ_redondo {
    background: rgba(242,242,242,1);
    background: linear-gradient(to right, rgba(242,242,242,1) 0%, rgba(255,255,255,0.5) 11%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=1 );
    padding-left:25px;
}
/*-------------- BORDES REDONDOS contenido de información */
.conten_esq_topleft,
.conten_esq_topright,
.conten_esq_bottomleft,
.conten_esq_bottomright {
    height: 5px;
    width: 5px;
    display: block;
}

.conten_esq_topleft {
    background-position: 0px 0px;
}

.conten_esq_topright {
    background-position: -5px 0px;
}

.conten_esq_bottomleft {
    background-position: 0px -5px;
}

.conten_esq_bottomright {
    background-position: -5px -5px;
}
/*-------------- BORDES REDONDOS contenido de información */

#conten_princ_int_ext {
}

.PreHistorial {
    border-bottom: 1px #DDD solid;
    height: 16px;
    width: 100%;
}

#historial {
    height: 16px;
    font-size: 11px;
    color: #666;
    text-align: left;
    padding-right: 5px;
    margin-bottom: 7px;
}

.h_link {
    cursor: pointer;
}

    .h_link:hover {
        color: #000;
        text-decoration: none;
    }

.h_link_act {
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

    .h_link_act:hover {
        text-decoration: none;
    }
/* Filtros ubicados en parte superior, entre historial y contenido */
.icoFiltros {
    float: right;
    height: 16px;
}

.iFi {
}

.iFiOpen {
    background-image: url(../Imagenes/Web/Iconos/flecha_downINPUT.png);
    background-position: left;
    background-repeat: no-repeat;
    margin-left: 2px;
    margin-right: 2px;
    width: 18px;
    height: 17px;
    float: left;
    cursor: pointer;
}

.iFiClose {
    background-image: url(../Imagenes/Web/Iconos/flecha_leftINPUT.png);
    background-position: left;
    background-repeat: no-repeat;
    margin-left: 2px;
    margin-right: 2px;
    width: 18px;
    height: 17px;
    float: left;
    cursor: pointer;
}

.ico01, .ico02, .ico03 {
    background-position: left;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    float: left;
    margin-right: 4px;
}

.ico01 {
    background-image: url(../Imagenes/Web/Iconos/exitoso2.png);
}

.ico02 {
    background-image: url(../Imagenes/Web/Iconos/error3.png);
}

.ico03 {
    background-image: url(../Imagenes/Web/Iconos/omision2.png);
}

.cajaFiltro {
    margin-left: auto;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 3px 10px 10px 10px;
    border: none;
    border-radius: 7px;
    height: 100%;
    background-color: #c5d5e0;
    box-shadow: 3px 3px 6px 0px #999;
    -webkit-box-shadow: 3px 3px 6px 0px #999;
    -moz-box-shadow: 3px 3px 6px 0px #999;
    -webkit-box-shadow: 3px 3px 6px 0px #999;
    -moz-box-shadow: 3px 3px 6px 0px #999;
}

.titFiltro {
    height: 15px;
    margin: auto auto 5px;
    padding-bottom: 0px;
    text-align: left;
    border-bottom: 1px solid #FFF;
}

.titFiltro2 {
    float: left;
    font-weight: bold;
}

.texFiltro {
    text-align: right;
    float: left;
    padding-left: 5px;
    line-height: 17px;
}

.Pstns {
    position: absolute;
    margin-top: -11px;
    z-index: 999999;
    top: 140px;
    left: 151px;
}

.Pstns2 {
    position: absolute;
    z-index: 999998;
}

.Pstns3 {
    position: absolute;
    z-index: 999998;
    right: 20px;
}

/* Fin Filtros ubicados en parte superior, entre historial y contenido */
/************** Fin Estilos de CONTENIDO central base */

/* MENÚ HISTORIAL */
#mHIST {
    width: 100%;
}

.mHIS {
    float: left;
    text-align: left;
}

    .mHIS li {
        display: inline;
        padding-left: 0;
        padding-right: 0;
    }

        .mHIS li a {
            text-decoration: none;
            color: #666;
        }

            .mHIS li a:hover {
                color: #000;
                text-decoration: none;
            }

.H_act {
    text-decoration: none !important;
    color: #000 !important;
    font-weight: bold;
}

.H_sig {
    font-size: 11px;
    text-decoration: none;
    color: #CCC;
}

.nom_us2 {
    text-align: right;
    font-size: 11px;
    color: #FFFFFF !important;
}
/* FIN MENÚ HISTORIAL */

/* Panel pronóstico del tiempo en INICIO */
.ptiText {
    white-space: nowrap;
}

.pti {
    padding: 0px 10px;
}

.pti01 {
    float: left;
    padding-right: 30px;
    height: auto;
    margin-bottom: 10px;
}

.pti01b {
    width: 100%;
}

.pti02 {
    text-align: left;
    font-size: 20px;
    width: 100%;
    height: 22px;
    float: left;
}

.pti03 {
    text-align: left;
    font-size: 13px;
}

.pti04 {
    width: 100%;
    border-bottom: 1px solid #8D8D8D;
    height: auto;
    border: none;
    margin: 0;
}

.pti05 {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.pti06 {
    width: 80px;
    height: 80px;
}

.pti07 {
    width: 100px;
    height: 80px;
    float: left;
}

.pti08 {
    width: 100%;
}

.pti09 {
    font-size: 48px;
    float: left;
    padding-left: 5px;
    line-height: 45px;
}

.pti09b {
    font-size: 16px;
    height: 50px;
    float: left;
}

.pti10 {
    font-size: 20px;
    float: left;
    padding-left: 10px;
}

.pti11 {
    color: #999;
    padding-left: 2px;
}

.pti11b {
    float: left;
    width: 100%;
    height: 20px;
    text-align: right;
    padding-top: 10px;
    padding: 0;
    height: 20px;
}

.pti12 {
    height: 80px;
    margin-left: 200px;
    text-align: left;
}

.pti13 {
    color: #999;
    float: left;
    text-align: left;
}

.pti14 {
    color: #888;
    padding-top: 4px;
}

.pti15 {
    color: #888;
}

.pti16 {
    width: 100%;
    height: auto;
    border-top: 1px solid #8D8D8D;
    float: left;
    padding-top: 5px;
}

.pti17 {
    float: left;
    width: 70px;
    height: 82px;
    border: 1px solid #D1D1D1;
    background-color: #F7F7F7;
}

.pti18 {
    float: left;
    width: 70px;
    height: 82px;
    border: 1px solid #FFF;
}

    .pti18:hover {
        border: 1px solid #D1D1D1;
        background-color: #F7F7F7;
    }

.pti18b {
    float: left;
    width: 41px;
    height: 82px;
}

.pti19 {
    text-align: center;
    color: #000;
    font-size: 11px;
    height: 20px;
    padding-top: 5px;
}

.pti20 {
    text-align: center;
    color: #999;
    font-size: 11px;
    height: 20px;
    padding-top: 5px;
}

.pti21 {
    height: 20px;
    padding-top: 5px;
}

.pti22 {
    color: #999;
    padding-left: 3px;
}

.pti24 {
    border-top: 1px solid #8D8D8D;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #8D8D8D;
    float: left;
    margin-top: 5px;
}

.pti25 {
    float: left;
    cursor: pointer;
}

.pti26 {
    float: left;
    line-height: 18px;
    font-size: 11px;
    color: #999;
}

    .pti26:hover {
        text-decoration: none;
        color: #999;
    }

.pti27 {
    float: right;
    cursor: pointer;
}

.pti28 {
    float: left;
    line-height: 18px;
    font-size: 11px;
    color: #999;
}

    .pti28:hover {
        text-decoration: none;
        color: #999;
    }

.pti28b {
    float: left;
    line-height: 18px;
    color: #000;
}

    .pti28b:hover {
        text-decoration: nonee;
        color: #999;
    }
/* FIN Panel pronóstico del tiempo en INICIO */

/* Clases base o generales: para uso masivo en distintos módulos, NO SE PUEDEN BORRAR, NI CAMBIAR! */
/* Estilos para ubicación de mini menu desplegable */
.ubiDefto {
    position: absolute;
    z-index: 999999;
}

}

.ubi01 {
    right: 5px;
    margin-top: 20px;
}

.ubi02 {
    right: 5px;
}

.ubi03 {
    left: 115px;
    margin-top: 22px;
}

.ubi04 {
    right: 40px;
}

.ubi05 {
    left: 0px;
    margin-top: 22px;
}

.ubi06 { /* tooltip en Conversión estándares de volumen */
    right: 20px;
    margin-top: 10px;
}

.ubi07 {
    margin-top: 20px;
}

.ubi08 {
    right: 9px;
    margin-top: 21px;
}

.ubi09 {
    margin-top: 25px;
}

.ubi10 {
    right: 20px;
    margin-top: 19px;
}

.ubi11 {
    margin-top: 18px;
    margin-left: 16px;
}

.ubi12 {
    right: -9px;
    margin-top: -20px;
}

.ubi13 {
    right: 5px;
    margin-top: 20px;
    margin-right: 15px;
}

.ubi14 {
    right: 451px;
}

.ubi14b {
    right: 433px;
}

.ubi15 {
    right: 213px;
}

.ubi15b {
    right: 195px;
}

.ubi16 {
    right: 371px;
}

.ubi16b {
    right: 438px;
}

.ubi17 {
    right: 372px;
}

.ubi17b {
    right: 157px;
}

.ubi18 {
    margin-top: 15px;
    margin-left: 15px;
}

.ubi19 {
    position: absolute;
    z-index: 999999;
    top: 50px;
    width: 500px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.ubi20 {
    margin-top: -28px;
    margin-left: 0px;
}

.ubi21 {
    right: 30px;
    margin-top: 5px;
}

.ubi22 {
    margin-top: -2px;
}

.ubi23 {
    margin-top: -27px;
}

.ubi24 {
    position: absolute;
    z-index: 999999;
    top: 45px;
    width: 900px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.ubi25 {
    margin-left: 3px;
    margin-top: 15px;
}

.ubi26 {
    min-width: 100px;
    max-width: 300px;
    margin-left: 180px;
    bottom: 35px;
}

.ubi27 {
    margin-top: 8px;
    position: absolute;
    z-index: 999999;
    margin-left: -319px;
}

.ubi30 {
    min-width: 100px;
    max-width: 600px;
    right: 6px;
    margin-top: 0px;
}

.ubi30b {
    min-width: 100px;
    max-width: 600px;
    right: 6px;
    margin-top: -45px;
}

.ubi31 {
    float: right;
    right: 75%;
    bottom: 20px;
}

.ubi32 {
    position: absolute;
    z-index: 999999;
    margin-top: 26px;
    margin-left: 10px;
}

.ubi33 {
    margin-top: -5px;
    right: 14px;
}

.ubi34 {
    margin-top: 1px;
    right: 1px;
}

.fondPopUp2 {
    z-index: 1001;
    background: #666666 url(Imagenes/Web/Layout/fond.png) left repeat;
    opacity: 0.50;
    filter: Alpha(Opacity=50);
    position: absolute;
    top: 0;
    left: 0;
}

.PopUp02 {
    z-index: 1002;
    outline: 0px none;
    height: auto;
    width: 470px;
}

.PopUpP {
    white-space: nowrap;
    text-align: left;
    line-height: 17px;
    padding: 3px;
}

.PopUp05 {
    white-space: nowrap;
    text-align: left;
    line-height: 17px;
    padding: 5px 15px;
}

.popIco {
    width: 17px;
}

.popText {
}

.PopUp04 {
    background-color: #DDDDDD;
    padding: 6px;
    margin-bottom: 0px;
}

.Gr04200p {
    padding-bottom: 0;
}

.PopUp03 {
    padding: 3px;
    margin-top: 4px;
}

.TitPop {
    height: 20px;
    width: 100%;
    border-radius: 4px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    margin-bottom: 4px;
}

.TitPopInt {
    padding: 0px 7px;
}

.textpopU {
    padding-left: 10px;
    padding-bottom: 10px;
}

.textpopU2 {
    padding-left: 10px;
    padding-bottom: 5px;
}

.textpopU3 {
    padding-bottom: 5px;
}

textpopU4 {
}

.textLinNom { /* línea de texto Nombre trabajador */
    font-weight: bold;
    padding: 3px 8px;
    background-color: #DDDDDD;
    margin-bottom: 6px;
    line-height: 18px;
    height: 16px;
}

.textLinTit { /* línea de texto Título */
    font-weight: bold;
    padding-left: 10px;
}

.textLinTit02 { /* línea de texto Título */
    font-weight: bold;
}

.textLin { /* línea de texto dato */
    height: 15px;
    line-height: 15px;
}

.GrafWidth { /* Ancho de gráfico en pestañas */
    width: 900px;
}

/* Fin Estilos para ubicación de mini menu desplegable */
.borColl {
    border-collapse: collapse;
}

.borRG {
    border-right: 1px solid #8D8D8D;
}

input {
    background-color: transparent;
}

.Opcs {
    padding-left: 5px;
    padding-right: 3px;
    float: right;
}

.Opcs2 {
    padding-left: 0px;
    padding-right: 12px;
    padding-top: 12px;
    float: right;
}

.Opcs3 {
    padding-left: 5px;
    padding-right: 3px;
    float: right;
    margin-top: 5px;
}

.icoOps {
    background-position: left;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    cursor: pointer;
    background-image: url(../Imagenes/Web/Iconos/opciones.png);
}

.vertATop {
    vertical-align: top;
}

.ContOps01 { /* Contenedor de opciones */
    position: absolute;
    z-index: 999;
    right: 0;
    margin-top: -11px;
}

.ContOps02 { /* Contenedor de opciones */
    position: absolute;
    z-index: 999;
    margin-top: -12px;
}

.ContOps03 { /* Contenedor de opciones */
    position: absolute;
    z-index: 999999;
    margin-top: 2px;
    margin-left: -10px;
}

.ContIcons {
}

.OpsText { /* texto en sección de opciones */
    line-height: 17px;
    float: left;
}

.FonCircNum { /* Contenedor de número en circulo amarillo, sobre otro ícono */
    position: absolute;
    z-index: 999;
    margin-top: -6px;
    margin-left: 7px;
    font-size: 10px;
    font-weight: bold;
}

.posRel {
    position: relative;
}

.point {
    cursor: pointer;
}

.textHover {
    cursor: pointer;
}

    .textHover:hover {
        text-decoration: none;
    }

.negrita {
    font-weight: bold;
}

.text02 {
    color: #000;
}

.textLN {
    text-align: left;
    font-weight: bold;
}

.bcoT {
    color: #FFFFFF;
}

.tLeft {
    text-align: left;
}

.tRight {
    text-align: right;
}

.tJustf {
    text-align: justify;
}

.Tcenter {
    text-align: center !important;
}

.wSN {
    white-space: normal !important;
}

h1 {
    font-size: 22px !important;
    color:#000000 !important;
}

h2 {
    font-size: 11px;
    color: #535353;
    font-weight: normal;
}

title {
    font-size: 8px;
    color: #333333;
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 2px 2px 5px #999;
}

p {
    color: #000000;
    /*line-height:17px;*/
}

.TgrisP {
    color: Gray;
    font-size: 8pt;
    line-height: 16px;
    padding: 0 !important;
    text-align: left;
}

img {
    border: none !important;
}

.imgICO {
    float: left;
    padding-left: 3px;
    cursor: pointer;
}

.divOpsGU { /* Opciones, items en Grupo unidades comerciales */
    line-height: 18px;
    margin-left: 36px;
    height: 15px;
    text-align: left;
}

.divOpsP { /* Opciones, items en Grupo Pronóstico */
    line-height: 18px;
    margin-left: 20px;
    height: 15px;
    text-align: left;
}

.divOpsPCurs { /* Opciones, items Con cursor */
    line-height: 18px;
    margin-left: 20px;
    height: 15px;
    text-align: left;
    cursor: pointer;
}

.divOpsHov { /* Opciones, items en Grupo Pronóstico */
    line-height: 18px;
    margin-left: 20px;
    height: 15px;
    text-align: left;
}

    .divOpsHov:hover {
        text-decoration: none;
    }

.divOpsPBold { /* Opciones, items en Grupo Pronóstico BOLD */
    line-height: 18px;
    margin-left: 16px;
    height: 15px;
    text-align: left;
    font-weight: bold;
}

.CampDest { /* borde en campo de selección, en barra de parámetros, para destacar u indicar lo que está seleccionado */
    border: 2px solid #bdbdbd !important;
}

.CampProx { /* borde en campo de selección, en barra de parámetros, para destacar u indicar lo que debe seleccionar */
    border: 2px solid #FC0 !important;
}

/* Loading - cargando  */
.imgDXR { /* Imagen Loading - cargando  */
    background-image: url(../Imagenes/Web/Iconos/DXR.gif);
    background-position: left;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.divLoad { /* div contenedor - Loading - cargando  */
    height: 16px;
    padding: 15px;
    z-index: 999999 !important;
    left: 45%;
    top: 40%;
    position: absolute;
    background-color: #e4e4e4;
    width: 120px;
    border: 1px solid #808080;
}

.dtextLoad { /* texto - Loading - cargando  */
    text-align: left;
    padding-left: 5px;
    float: left;
    line-height: 18px;
    color: #000000;
}

.DivAgregar { /* Div de módulo cuando se necesita agregar un parámetro a una lista, al final tiene un ícono aceptar */
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.TAgr { /* Texto que acompaña campos en módulo cuando se necesita agregar un parámetro a una lista, al final tiene un ícono aceptar */
    padding: 5px;
    white-space: nowrap;
    float: left;
    line-height: 25px;
}

.CAgr { /* Campos en módulo cuando se necesita agregar un parámetro a una lista, al final tiene un ícono aceptar */
    padding: 5px;
    float: left;
}

.CAcep { /* ïcono Aceptar cuando se necesita agregar un parámetro a una lista, al final tiene un ícono aceptar */
    padding: 8px 0;
    float: left;
}

/* div título con delineado, con flecha para desplegar y contraer */
.de00 {
    height: 44px;
}

.de01 {
    padding-left: 10px;
    background-image: url(../imagenes/Web/Iconos/flecha_next2.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    float: left;
}

.de02 {
    color: #000000;
    font-size: 13px;
    padding-left: 15px;
    font-weight: bold;
}

/* Leyenda bajo módulos */
.tdVic {
    white-space: nowrap;
    padding-right: 3px;
    text-align: left;
    height: 18px;
    font-size: 13px;
    width: 17px;
}

.tdVic2 {
    white-space: nowrap;
    padding-left: 30px;
    padding-right: 5px;
    text-align: left;
    height: 22px;
    font-size: 13px;
}

.tdVic3 {
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 5px;
    text-align: left;
    height: 18px;
}

.Proc { /* Amarillo en leyenda, mallas en proceso */
    width: 15px;
    height: 15px;
    background-color: #FC0;
    float: left;
}

.Procs { /* Amarillo claro en leyenda, mallas procesadas */
    width: 15px;
    height: 15px;
    background-color: #fff8b2;
    float: left;
}
/* Leyenda bajo módulos */

/* Tooltips */
.Ttip00 {
}

.Ttip01 {
    max-height: 45px;
    max-width: 300px;
    padding-bottom: 5px;
}

.Ttip02 {
    overflow: hidden;
    white-space: normal;
    height: 100%;
    text-align: left;
    padding-left: 5px;
    line-height: 15px;
}

.Ttip03 {
    max-height: 45px;
    width: 300px;
}

.Btop {
    background-color: #FFFFFF;
    border-top: 1px solid #D1D1D1;
}

.Bleft {
    background-color: #FFFFFF;
    border-left: 1px solid #D1D1D1;
}

.Bbottom {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D1D1D1;
}

.Bright {
    background-color: #FFFFFF;
    border-right: 1px solid #D1D1D1;
}

.pix {
    height: 1px;
    width: 1px;
    overflow: hidden;
}

table.bor td {
    border: none !important;
}

table.bor td {
    border: none !important;
}

.camd_12b, .camd_12b2 { /* tooltip evento */
    /*min-height: 37px;*/
    padding: 8px 8px 3px 8px;
    text-align: left;
}

.camd_12b {
    color: #535353 !important;
    cursor: pointer;
}

.camd_12b2 { /* tooltip evento */
    color: #000000 !important;
    cursor: default;
}

.textTool { /* texto tooltip */
    white-space: nowrap;
}

.divContT {
    white-space: nowrap;
    color: #000000;
}

.divContT2 {
    white-space: nowrap;
    color: #000000;
    text-align: left;
    max-width: 200px;
    overflow: hidden;
}

.textpT {
    padding-bottom: 4px;
}

.textpT2 {
    padding-bottom: 4px;
    width: 180px;
    white-space: normal;
}

.textpT3 {
}
/* texto tooltip pequeño, sólo datos*/
.textpTLin {
    line-height: 15px;
}

.textpL {
    padding-left: 5px;
}

.Too01 {
    height: 60px;
    padding-bottom: 8px;
}

.Too01b {
    height: 60px;
}

.Too02 {
    height: 100%;
    float: left;
    width: 60px;
}

.Too03 {
    /*float:left;*/
    height: 100%;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    margin-left: 60px;
}

.dxrpControl .dxrpLE, .dxrpControl, .dxrpRE, .dxrpControl, .dxrpBE, .dxrpControl, .dxrpNHTE {
    background-image: none;
    font-size:13px !important;
}

.dxrpControl {
    background-color: #FFF !important; /* Cambio de color fondo de contenido */
}

.borTop {
    border-top: 1px solid #D1D1D1 !important;
    background-color: #FFFFFF !important;
}

.borLeft {
    border-left: 1px solid #D1D1D1 !important;
    background-color: #FFFFFF !important;
}

.borBottom {
    border-bottom: 1px solid #D1D1D1 !important;
    background-color: #FFFFFF !important;
}

.borRight {
    border-right: 1px solid #D1D1D1 !important;
    background-color: #FFFFFF !important;
}

.borInt {
    height: 1px;
    width: 1px;
    overflow: hidden;
}
/*.dxrpControl .dxrpLE,.dxrpControl .dxrpHLE, .dxrpControlGB .dxrpLE, .dxrpControlGB .dxrpHLE{
	border-left:1px solid #8B8B8B;}*/
.dxrpControl .dxrpLE, .dxrpControl .dxrpRE, .dxrpControl .dxrpBE, .dxrpControl .dxrpNHTE {
    background-image: none;
}
/* Fin Tooltips */

/* Contenedor de imagen flechita spin hora */
.dxeButtonEditSys td.dxic {
    padding: 1px 2px 1px 2px !important;
    height: 18px !important;
}

/* Auditoria: Div para texto en lista, con linea gris abajo */
.listT {
    border-bottom: 1px solid #8D8D8D !important;
    text-align: left;
    padding: 5px;
    border-top: none !important;
}

tr.listT td {
    border-bottom: 1px solid #8D8D8D !important;
    text-align: left;
    padding: 5px;
    border-top: none !important;
}

.divAu, .divAu2 {
    width: 100%;
}
.divAu2 {
    white-space: pre;
}
/* FIN Div para texto en lista, con linea gris abajo */
/*table {
		border-collapse: collapse;
		} CHoca con otros css*/
    table {
    border: none;
}

.BordCollaps {
    border-collapse: collapse;
}

.BordN {
    border-collapse: inherit;
    padding: 4px 5px;
}

.clearboth {
    clear: both;
}

.posRelt {
    position: relative;
}

.AnchoPop {
    width: 489px;
}

.AnchoPopGestorEv { /* Ancho de pop up gestor de eventos - capacitaciones */
    min-width: 890px;
    padding: 0;
}

.AnchoCont { /* Medida del ancho de contenedor principal del contenido */
    /*width:95%;
		margin:auto;*/
}

.Anchotd { /* Medida del ancho de td que se compone de campos selectivos en formularios */
    width: 50%;
    text-align: left;
}

.Anchotd2 { /* Medida del ancho de td que se compone de campos selectivos en formularios ESPECIAL 25% */
    width: 25%;
}

.Anchotd100 { /* Medida del ancho de td que se compone de campos selectivos en formularios */
    width: 100%;
    text-align: left;
}

.Anchotd3 { /* Medida del ancho de td especial */
    width: 33.3%;
}

.Anchotd4 {
    width: 50%;
    text-align: left;
    padding-left: 30px;
}

.Anchotd80p {
    width: 80%;
}
/* ANCHOS DE CAMPOS */
.AnchoCam { /* Medida del ancho de campo selectivo específico para datos cortos, como hora, valor, número. */
    width: 80px !important;
}

.AnchoCam2 {
    width: 110px !important;
}

.AnchoCam3 {
    width: 150px !important;
}

.AnchoCam3b {
    width: 200px !important;
}

.AnchoCam4 {
    width: 120px !important;
}

.AnchoCam5 {
    width: 100px !important;
}

.AnchoCam6 {
    width: 90px !important;
}

.AnchoCam7 {
    width: 80px !important;
    float: left;
}

.AnchoCam8 {
    width: 80px !important;
    float: left;
    margin-left: 10px;
}

.AnchoCam9 {
    width: 61px !important;
}

.AnchoCam10 {
    width: 70px !important;
}

.AnchoCam11 {
    width: 75px !important;
}

.AnchoCam12 {
    width: 300px !important;
}

.AnchoCam13 {
    width: 50px !important;
}

.AnchoCam14 {
    width: 45px !important;
}

.AnchoCam15 {
    width: 116px !important;
}

.TicoOps { /* Texto que acompaña a flecha en opciones */
    font-weight: bold;
    color: #000;
    font-size: 13px;
    line-height: 18px;
}

.TicoOpsFL { /* Texto que acompaña a flecha en opciones */
    font-weight: bold;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    float: left;
}

.TicoOpsG { /* Texto que acompaña a flecha en opciones, color gris */
    font-weight: normal;
    color: #888888;
    font-size: 13px;
    line-height: 18px;
}

.TicoOpsL { /* Texto que acompaña a flecha en opciones, LInk*/
    color: #000;
    font-size: 13px;
    line-height: 18px;
    cursor: pointer;
    text-decoration: none;
}

.TicoOpsA { /* Texto que acompaña a flecha en opciones, LInk*/
    font-weight: bold;
    color: #000;
    font-size: 13px;
    line-height: 18px;
}

.TextSem { /* Texto dentro de semáforo */
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 12px;
}

.NumInd { /* número dentro de círculo de color de indicador: Evaluación capacitaciones,  */
    position: absolute;
    margin-left: 3px;
    font-size: 10px;
    font-weight: bold;
    height: 12px;
    line-height: 12px;
}

/* Iconos base o generales */
.icoInicioS { /* Iconos pequeños */
    background-image: url(../Imagenes/Web/Iconos/icoIniciobtn.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 11px;
    width: 11px;
    float: left;
    margin-top: 2px;
    margin-right: 3px;
}

.icoInicioXL {
    background-image: url(../Imagenes/Web/Iconos/icoIniciobtnXL.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    float: left;
    margin: 11px 4px 11px 3px;
}

.icoCuentaS { /* Iconos pequeños */
    background-image: url(../Imagenes/Web/Iconos/icoUsuariobtn.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 11px;
    width: 11px;
    float: left;
    margin-top: 2px;
    margin-right: 3px;
}

.icoCuentaXL {
    background-image: url(../Imagenes/Web/Iconos/icoUsuariobtnXL.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    margin: 12px 4px 11px 3px;
}

.icoCerrarS { /* Iconos pequeños */
    background-image: url(../Imagenes/Web/Iconos/icoCerrarbtn.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 11px;
    width: 11px;
    float: left;
    margin-top: 2px;
    margin-right: 3px;
}

.icoCerrarXL {
    background-image: url(../Imagenes/Web/Iconos/icoCerrarbtnXL.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    margin: 11px 4px 11px 3px;
}
/* Flecha hacia abajo gris */
.flechaOps {
    background-image: url(../Imagenes/Web/Iconos/flecha_down2.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    cursor: pointer;
}

.flechaOpsb {
    background-image: url(../Imagenes/Web/Iconos/flecha_down2.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 20px;
    float: right;
    cursor: pointer;
}

.flechaOpsInact {
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    cursor: inherit;
}

.flechaOps2 {
    background-image: url(../Imagenes/Web/Iconos/flecha_down2.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    float: left;
}

.flechaOpsT {
    background-image: url(../Imagenes/Web/Iconos/flecha_top.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    float: left;
}

.flechaOps3 {
    background-image: url(../Imagenes/Web/Iconos/flecha_down2.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    cursor: pointer;
    float: left;
    height: 22px;
}

.flechaOps4 {
    background-image: url(../Imagenes/Web/Iconos/flecha_down2.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 20px;
    cursor: pointer;
    float: left;
}

.flechaOps5 {
    background-image: url(../Imagenes/Web/Iconos/flecha_downINPUT.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 17px;
    float: left;
    cursor: pointer;
    margin-right: 2px;
}

.flechaOps5b {
    background-image: url(../Imagenes/Web/Iconos/flecha_downINPUT.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-color: #DDD;
    border-radius: 5px;
    float: left;
    cursor: pointer;
    margin-right: 2px;
}

.flechaOps5c { /* ïcono flecha hacia abajo, sin manito */
    background-image: url(../Imagenes/Web/Iconos/flecha_downINPUT.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 17px;
    float: left;
    margin-right: 2px;
}

.flechaOps6 {
    background-image: url(../Imagenes/Web/Iconos/flecha_leftINPUT.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 17px;
    float: left;
    cursor: pointer;
    margin-right: 2px;
}

.flechaOps6b {
    background-image: url(../Imagenes/Web/Iconos/flecha_leftINPUT.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 17px;
    float: left;
    cursor: pointer;
    margin-right: 2px;
}

.flechaOps7B {
    background-image: url(../Imagenes/Web/Iconos/flecha_down2.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    cursor: pointer;
    float: left;
    height: 22px;
    margin-top: -5px;
}

.flechaOps7R {
    background-image: url(../Imagenes/Web/Iconos/flecha_leftINPUT.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    cursor: pointer;
    float: left;
    height: 22px;
    margin-top: -5px;
}

.flechaOps8 { /* flecha blanca en icono redondo azúl */
    background-image: url(../Imagenes/Web/Iconos/abrir.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    float: left;
    cursor: pointer;
    margin: -2px 4px 0 0;
}

.flechaOps9 { /* flecha blanca en icono redondo azúl */
    background-image: url(../Imagenes/Web/Iconos/flecha_bottom_Az.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    float: right;
    cursor: pointer;
    margin: 0 0 0 2px;
}

.icoFLeftXL {
    background-image: url(../Imagenes/Web/iconos/icoFLeftBXL.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 45px;
    width: 45px;
}

.icoFRightXL {
    background-image: url(../Imagenes/Web/iconos/icoFRightBXL.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 45px;
    width: 45px;
}
/* Flecha color blanco */
.icoFlechaDownB {
    background-image: url(../Imagenes/Web/iconos/flecha_downB.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.icoFlechaRightB {
    background-image: url(../Imagenes/Web/iconos/flechaAzul.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.icoFlechaLeftB {
    background-image: url(../Imagenes/Web/iconos/flechaAzulLeft.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.icoFlecha_Azul_RightB {
    background-image: url(../Imagenes/Web/iconos/flechaAzul.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.icoFlecha_Azul_LeftB {
    background-image: url(../Imagenes/Web/iconos/flechaAzul.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 20px;
    width: 20px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
/* Flecha color gris */
.icoFlechaDownG {
    background-image: url(../Imagenes/Web/iconos/flecha_down2.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 14px;
    width: 20px;
}

.icoFlechaRightG {
    background-image: url(../Imagenes/Web/iconos/flecha_right2.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 14px;
    width: 20px;
}

.icoFlechaLeftG {
    background-image: url(../Imagenes/Web/iconos/flecha_left2.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    height: 14px;
    width: 20px;
}

/* Iconos informativos, sin link, íconos (15x|5) */
.icoInCapac, .icoInCapacInact, .icoInCapacSesion, .icoInCapacSesionInact, .icoInComp, .icoInCompInact, .icoInBMater, .icInBMaterInact, .icoInAusHrs, .icoInAusHrsInact, .icoInEvNoCob, .icoInEvNoCobInact, .icoInHrsExtras, .icoInHrsExtrasInact, .icoInPolifuncionalidad, .icoInSubTurno, .icoRequerido, .icoEquivalente {
    background-position: left;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    padding: 2px;
}

.icoInCapac { /* ícono de capacitación 15x15 */
    background-image: url(../Imagenes/Web/Iconos/capacitacion.png);
}

.icoInCapacInact { /* ícono de capacitación 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/capacitacionInact.png);
}

.icoInCapacSesion { /* ícono de capacitación x sesión 15x15 */
    background-image: url(../Imagenes/Web/Iconos/capacitacionSesion.png);
}

.icoInCapacSesionInact { /* ícono de capacitación x sesión 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/capacitacionSesionInact.png);
}

.icoInComp { /* ícono de compensación 15x15 */
    background-image: url(../Imagenes/Web/Iconos/compensatorio.png);
}

.icoInCompInact { /* ícono de compensación 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/compensatorioInact.png);
}

.icoInBMater { /* ícono de beneficio maternal 15x15 */
    background-image: url(../Imagenes/Web/Iconos/bmaternal.png);
}

.icoInBMaterInact { /* ícono de beneficio maternal 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/bmaternalInact.png);
}

.icoInAusHrs { /* ícono de ausentismo 15x15 */
    background-image: url(../Imagenes/Web/Iconos/AusHrs.png);
}

.icoInAusHrs { /* ícono de ausentismo 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/AusHrsInact.png);
}

.icoHrsExtras { /* ícono de 15x15 */
    background-image: url(../Imagenes/Web/Iconos/hrsExtras.png);
}

.icoHrsExtrasInact { /* ícono de 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/hrsExtrasInact.png);
}

.icoPolifuncionalidad {
    background-image: url(../Imagenes/Web/Iconos/polifuncionalidad.png);
}

.icoRequerido {
    background-image: url(../Imagenes/Web/Iconos/requerido.png);
}

.icoEquivalente {
    background-image: url(../Imagenes/Web/Iconos/equivalente.png);
}

/* Íconos semáforo para indicadores */
.IndAm, .IndRo, .IndVe, .IndAz {
    background-position: left;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}

.IndAm {
    background-image: url(../Imagenes/Web/Iconos/IndAm.png);
    color: #000;
}

.IndRo {
    background-image: url(../Imagenes/Web/Iconos/IndRo.png);
    color: #FFF;
}

.IndVe {
    background-image: url(../Imagenes/Web/Iconos/IndVe.png);
    color: #FFF;
}

.IndAz {
    background-image: url(../Imagenes/Web/Iconos/IndAz.png);
    color: #FFF;
}

.IndAz02 {
    background-position: left;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin: 2px;
    float: left;
}

.IndAz02 {
    background-image: url(../Imagenes/Web/Iconos/IndAz.png);
    color: #FFF;
}

.PosInd { /* posición de íconos semáforo para insertar dentro de ícono redondo */
    margin-left: 9px;
    margin-top: -3px;
    position: absolute;
}

.IndAmM, .IndRoM, .IndVeM, .IndAzM {
    background-position: left;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}

.IndAmM {
    background-image: url(../Imagenes/Web/Iconos/IndAmM.png);
    color: #000;
}

.IndRoM {
    background-image: url(../Imagenes/Web/Iconos/IndRoM.png);
    color: #FFF;
}

.IndVeM {
    background-image: url(../Imagenes/Web/Iconos/IndVeM.png);
    color: #FFF;
}

.IndAzM {
    background-image: url(../Imagenes/Web/Iconos/IndAzM.png);
    color: #FFF;
}

/* Iconos informativos */
.icoVistPers02 {
    background-image: url(../Imagenes/Web/Iconos/vistaPersonas.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    padding: 4px;
}

.icoTransferido { /* Icono transferido informativo */
    background-image: url(../Imagenes/Web/Iconos/transferido.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    margin: 0px 2px;
}

.icoTransferido02 { /* Icono transferido informativo + pequeño */
    background-image: url(../Imagenes/Web/Iconos/transferido.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 15px;
    float: left;
    margin: 0px 2px;
}

.icoFonCircNum { /* círculo amarillo para insertar número sobre */
    background-image: url(../Imagenes/Web/Iconos/FondCircNum.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    overflow: hidden;
}

.icoPresVe, .icoPresRo, .icoPresAm, .icoPresAz, .icoPresNa, .icoCheckVe, .icoCheckAz, .icoCheckAzPto, .icoCheckGr, .icoCapacTienda, .icoCapacTiendas, .icoCruzRo, .icoVacio, .icoAlerta, .icoBloqueadoInfo, .icoCapacIndividual, .icoCapacGrupal, .icoCalendVacio, .icoCalendCheck, .icoCalendEspera, .icoInstInt, .icoInstExt, .icoEstablecInt, .icoEstablecExt, .icoEquivalente, .icoPrerequisito, .icoEvaluado, .icoEvaluadoBloq, .icoBloqueado, .icoDesbloqueado, .indoBase, .infoManual {
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    padding: 4px;
}

.indoBase { /* imagen informativa de información base que entrega el sistema */
    background-image: url(../Imagenes/Web/Iconos/indoBase.png);
}

.infoManual { /* imagen informativa de edición de información manual entregada por el usuario*/
    background-image: url(../Imagenes/Web/Iconos/infoManual.png);
}

.icoBloqueado { /* imagen informativa de elemento bloqueado */
    background-image: url(../Imagenes/Web/Iconos/bloqueado.png);
}

.icoDesbloqueado { /* imagen informativa de elemento desbloqueado */
    background-image: url(../Imagenes/Web/Iconos/desbloqueado.png);
}

.icoEstablecInt {
    background-image: url(../Imagenes/Web/Iconos/establecInt.png);
}

.icoEstablecExt {
    background-image: url(../Imagenes/Web/Iconos/establecExt.png);
}

.icoInstInt {
    background-image: url(../Imagenes/Web/Iconos/instructorInt.png);
}

.icoInstExt {
    background-image: url(../Imagenes/Web/Iconos/instructorExt.png);
}

.icoPresVe {
    background-image: url(../Imagenes/Web/Iconos/presVe.png);
}

.icoPresRo {
    background-image: url(../Imagenes/Web/Iconos/presRo.png);
}

.icoPresAm {
    background-image: url(../Imagenes/Web/Iconos/presAm.png);
}

.icoPresAz {
    background-image: url(../Imagenes/Web/Iconos/presAz.png);
}

.icoPresNa {
    background-image: url(../Imagenes/Web/Iconos/presNa.png);
}

.icoCheckVe {
    background-image: url(../Imagenes/Web/Iconos/checkVe.png);
}

.icoCheckAz {
    background-image: url(../Imagenes/Web/Iconos/checkAz.png);
}

.icoCheckAzPto {
    background-image: url(../Imagenes/Web/Iconos/checkPto.png);
}

.icoCheckGr {
    background-image: url(../Imagenes/Web/Iconos/checkGr.png);
}

.icoCapacTienda {
    background-image: url(../Imagenes/Web/Iconos/capacTienda.png);
}

.icoCapacTiendas {
    background-image: url(../Imagenes/Web/Iconos/capacTiendas.png);
}

.icoCruzRo {
    background-image: url(../Imagenes/Web/Iconos/errorRo.png);
}

.icoVacio {
    background-image: url(../Imagenes/Web/Iconos/vacio.png);
}

.icoAlerta {
    background-image: url(../Imagenes/Web/Iconos/alerta.png);
}

.icoBloqueadoInfo {
    background-image: url(../Imagenes/Web/Iconos/bloqueado.png);
}

.icoCapacIndividual {
    background-image: url(../Imagenes/Web/Iconos/trabajador.png);
}

.icoCapacGrupal {
    background-image: url(../Imagenes/Web/Iconos/GrupoTrab.png);
}

.icoCalendVacio {
    background-image: url(../Imagenes/Web/Iconos/calendVacio.png);
}

.icoCalendCheck {
    background-image: url(../Imagenes/Web/Iconos/capacCheck.png);
}

.icoCalendEspera {
    background-image: url(../Imagenes/Web/Iconos/calendEspera.png);
}

.icoEquivalente {
    background-image: url(../Imagenes/Web/Iconos/equivalente.png);
}

.icoPrerequisito {
    background-image: url(../Imagenes/Web/Iconos/prerequisito.png);
}

.icoEvaluado {
    background-image: url(../Imagenes/Web/Iconos/evaluado.png);
}

.icoEvaluadoBloq {
    background-image: url(../Imagenes/Web/Iconos/evaluadoBloq.png);
}

.icoGuiAm { /* Guiño, en forma de triángulo color amarillo, ubicado en la parte superior izquierda. */
    background-image: url(../imagenes/Web/Iconos/mensajesAmT.png);
    position: absolute;
    background-position: left;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    float: left;
    margin-left: -10px;
    margin-top: -5px;
}

/* ïconos con acción - íconos para menú de opciones en turnos - cambio de turnos (15x|5) */
.icoOpsInfo, .icoCapac, .icoCapacInact, .icoCapacSesion, .icoCapacSesionInact, .icoComp, .icoCompInact, .icoBMater, .icoBMaterL, .icoBMaterInact, .icoAusHrs, .icoAusHrsInact, .icoEvNoCob, .icoEvNoCobInact, .icoHrsExtras, .icoHrsExtrasInact, .icoPolifuncionalidad, .icoSubTurno, .icoCerrarFond, .Hora2 {
    background-position: left;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    float: right;
    margin-right: 2px;
}

.icoOpsInfo { /* íconos para ver info en tooltip o pop up */
    background-image: url(../Imagenes/Web/Iconos/info15.png);
}

.ac { /* ícono de capacitación 15x15 */
    background-image: url(../Imagenes/Web/Iconos/capacitacion.png);
}

.icoCapacInact { /* ícono de capacitación 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/capacitacionInact.png);
}

.icoCapacSesion { /* ícono de capacitación x sesión 15x15 */
    background-image: url(../Imagenes/Web/Iconos/capacitacionSesion.png);
}

.icoCapacSesionInact { /* ícono de capacitación x sesión 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/capacitacionSesionInact.png);
}

.icoComp { /* ícono de compensación 15x15 */
    background-image: url(../Imagenes/Web/Iconos/compensatorio.png);
}

.icoCompInact { /* ícono de compensación 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/compensatorioInact.png);
}

.icoBMater { /* ícono de beneficio maternal 15x15 */
    background-image: url(../Imagenes/Web/Iconos/bmaternal.png);
}

.icoBMaterInact { /* ícono de beneficio maternal 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/bmaternalInact.png);
}

.icoBMaterL { /* ícono de beneficio maternal 15x15 LEFT */
    background-image: url(../Imagenes/Web/Iconos/bmaternal.png);
    float: left !important;
}

.icoSubTurno { /* ícono subturno 15x15 */
    background-image: url(../Imagenes/Web/Iconos/transferido02.png);
}

.icoCerrarFond {
    background-image: url(../Imagenes/Web/Iconos/cerrar3.png);
}

.icoAusHrs { /* ícono de ausentismo 15x15 */
    background-image: url(../Imagenes/Web/Iconos/AusHrs.png);
}

.icoAusHrs { /* ícono de ausentismo 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/AusHrsInact.png);
}

.icoEvNoCob { /* ícono de  15x15 */
    background-image: url(../Imagenes/Web/Iconos/eventoNocobertura.png);
}

.icoEvNoCobInact { /* ícono de  15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/eventoNocoberturaInact.png);
}

.icoHrsExtras { /* ícono de 15x15 */
    background-image: url(../Imagenes/Web/Iconos/hrsExtras.png);
}

.icoHrsExtrasInact { /* ícono de 15x15 color gris - inactivo */
    background-image: url(../Imagenes/Web/Iconos/hrsExtrasInact.png);
}

.icoPolifuncionalidad {
    background-image: url(../Imagenes/Web/Iconos/polifuncionalidad.png);
}

/* Iconos con acción */
.icoAct, .icoEdit, .icp, .icoElim, .icoElimInact, .icoBloq, .icoVis, .icoInterc, .icoVistPers, .icoVistFun, .icoVistSem, .icoVistGrup, .icoVistPersAct, .icoVistFunAct, .icoVistSemAct, .icoVistGrupAct, .icoTamMalla, .icoSTodos, .icoSNing, .icoAceptar, .icoAcepBarra, .icoAtras, .icoCerrar, .icoCerrarBco, .icoAgreg, .icoAgregInact, .icoEditar, .editarINACT, .icoEditarTrabajar, .icoAdj, .icoInfo, .icoActiv, .icoInact, .icoDocT, .icoDocP, .icoAdv, .icoError, .icoExitoso, .icoMsgAyuda, .icoAplicaL, .icoDocH, .icoError2, .icoCargar, .icoDescargar, .icoCop, .icoCopInact, .icoFTop, .icoDinero, .icoClientes, .icoArticulos, .icoPron, .icoPronAct, .icoMensaje, .icoHora, .icoTrans, .icoNoTrans, .icoTransInac, .icoNoTransInac, .icoReprocesar, .icoAyuda, .icoAceptarInac, .icoOpciones, .ico15min, .ico20min, .ico30min, .ico1hr, .ico15minAct, .ico20minAct, .ico30minAct, .ico1hrAct, .icoLayoutInicio, .icoCargarPlanCom, .icoCargarPlanComAct, .mensual, .semanal, .diario, .icoCalendSem2, .icoCalendSem2Act, .icoSemanaAct, .icoSemana, .icoValoresAct, .icoValores, .icoFechaAct, .icoFecha, .icoTemporadaAct, .icoTemporada, .icoDiaTipoAct, .icoDiaTipo, .icoHistoricoAct, .icoHistorico, .icoDatoUnidadDeTrabajoAct, .icoMediciones, .icoMedicionesAct, .icoDatoUnidadDeTrabajo, .icoDatoTrabajadorAct, .icoDatoTrabajador, .icoDatoInfoAct, .icoDatoInfo, .icoDatoCargarAct, .icoDatoCargar, .icoDatoDescargarAct, .icoDatoDescargar, .icoUnidadesGral, .icoUnidadesGralAct, .icoUnidadesEsp, .icoUnidadesEspAct, .icoAgreg2, .icoBasarseOtro, .icoReplicar, .icoTipificar, .icoTipoJefatura, .icoTipoJefaturaAct, .icoTipoJerarquia, .icoTipoJerarquiaAct, .icoLeyenda, .icoVistaGraf, .icoVistaGrafAct, .icoActDesact, .icoDesbloq, .icoBloqAz, .icoBloqEs, .icoTransferir, .icoAgregBMatern, .icoVisInact, .icoDesactivar, .icoDesactivarINACT, .icoDescargarXLS, .icoDescargarXLSX, .icoDescargarCSV, .icoDescargarPDF, .icoDescargarRTF, .icoResponder, .icoConfig, .icoConfigActiv, .icoResCumpl, .icoResCumplimActiv, .icoMensajeActiv, .icoSolicitud, .icoSolicitudActiv, .icoCapsIndividual, .icoCapsGrupal, .icoHistorial, .icoEstCargador, .icoActAm, .icoCalendEsp {
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    cursor: pointer;
    padding: 4px;
}

    .icoAct:hover,
    .icoEdit:hover,
    .icoElim:hover,
    .icoBloq:hover,
    .icoVis:hover,
    .icoInterc:hover,
    .icoVistPers:hover,
    .icoVistFun:hover,
    .icoVistSem:hover,
    .icoVistGrup:hover,
    .icoVistPersAct:hover,
    .icoVistFunAct:hover,
    .icoVistSemAct:hover,
    .icoVistGrupAct:hover,
    .icoTamMalla:hover,
    .icoSTodos:hover,
    .icoSNing:hover,
    .icoAceptar:hover,
    .icoAcepBarra:hover,
    .icoAtras:hover,
    .icoCerrar:hover,
    .icoCerrarBco:hover,
    .icoAgreg:hover,
    .icoAgregInact:hover,
    .icoEditar:hover,
    .icoEditarTrabajar:hover,
    .icoAdj:hover,
    .icoInfo:hover,
    .icoActiv:hover,
    .icoDocT:hover,
    .icoDocP:hover,
    .icoAdv:hover, .icoCalendEsp:hover, .icp:hover, .icoError:hover, .icoExitoso:hover, .icoMsgAyuda:hover, .icoAplicaL:hover, .icoDocH:hover, .icoError2:hover, .icoDescargar:hover, .icoCop:hover, .icoFTop:hover, .icoDinero:hover, .icoClientes:hover, .icoArticulos:hover, .icoPron:hover, .icoPronAct:hover, .icoMensaje:hover, .icoHora:hover, .icoTrans:hover, .icoNoTrans:hover, .icoReprocesar:hover, .icoAyuda:hover, .icoOpciones:hover, .ico15min:hover, .ico20min:hover, .ico30min:hover, .ico1hr:hover, .ico15minAct:hover, .ico30minAct:hover, .ico1hrAct:hover, .icoLayoutInicio:hover, .icoCargarPlanCom:hover, .icoCargarPlanComAct:hover, .mensual:hover, .semanal:hover, .diario:hover, .icoCalendSem2:hover, .icoCalendSem2Act:hover, .icoSemanaAct:hover, .icoSemana:hover, .icoValoresAct:hover, .icoValores:hover, .icoFechaAct:hover, .icoFecha:hover, .icoTemporadaAct:hover, .icoTemporada:hover, .icoDiaTipoAct:hover, .icoDiaTipo:hover, .icoHistoricoAct:hover, .icoHistorico:hover, .icoDatoUnidadDeTrabajoAct:hover, .icoMediciones:hover, .icoMedicionesAct:hover, .icoDatoUnidadDeTrabajo:hover, .icoDatoTrabajadorAct:hover, .icoDatoTrabajador:hover, .icoDatoInfoAct:hover, .icoDatoInfo:hover, .icoDatoCargarAct:hover, .icoDatoCargar:hover, .icoDatoDescargarAct:hover, .icoDatoDescargar:hover, .icoUnidadesGral:hover, .icoUnidadesGralAct:hover, .icoUnidadesEsp:hover, .icoUnidadesEspAct:hover, .icoAgreg2:hover, .icoBasarseOtro:hover, .icoReplicar:hover, .icoTipificar:hover, .icoTipoJefatura:hover, .icoTipoJefaturaAct:hover, .icoTipoJerarquia:hover, .icoTipoJerarquiaAct:hover, .icoLeyenda:hover, .icoVistaGraf:hover, .icoVistaGrafAct:hover, .icoActDesact:hover, .icoBloqAz:hover, .icoTransferir:hover, .icoAgregBMatern:hover, .icoDesactivar:hover, .icoDesactivarINACT:hover, .icoDescargarXLS:hover, .icoDescargarXLSX:hover, .icoDescargarCSV:hover, .icoDescargarPDF:hover, .icoDescargarRTF:hover, .icoResponder:hover, .icoConfig:hover, .icoConfigActiv:hover, .icoResCumpl:hover, .icoResCumplimActiv:hover, .icoMensajeActiv:hover, .icoSolicitud:hover, .icoSolicitudActiv:hover, .icoCapsIndividual:hover, .icoCapsGrupal:hover, .icoHistorial:hover, .icoEstCargador:hover, .icoActAm:hover {
        background-color: #eeefef;
        border-radius: 50%;
        padding: 4px !important;
    }

.icoCalendEsp {
    background-image: url(../Imagenes/Web/Iconos/calendario.png);
}

.icoHistorial {
    background-image: url(../Imagenes/Web/Iconos/historial.png);
}

.icoCapsIndividual {
    background-image: url(../Imagenes/Web/Iconos/capsIndividual.png);
}

.icoCapsGrupal {
    background-image: url(../Imagenes/Web/Iconos/capsGrupal.png);
}

.icoResponder {
    background-image: url(../Imagenes/Web/Iconos/responder.png);
}

.icoConfig {
    background-image: url(../Imagenes/Web/Iconos/configuracion.png);
}

.icoConfigActiv {
    background-image: url(../Imagenes/Web/Iconos/configuracion_activ.png);
}

.icoResCumpl {
    background-image: url(../Imagenes/Web/Iconos/resumenCumplim.png);
}

.icoResCumplimActiv {
    background-image: url(../Imagenes/Web/Iconos/resumenCumplim_activ.png);
}

.icoSolicitud {
    background-image: url(../Imagenes/Web/Iconos/Solicitud.png);
}

.icoSolicitudActiv {
    background-image: url(../Imagenes/Web/Iconos/Solicitud_activ.png);
}

.icoDinero {
    background-image: url(../Imagenes/Web/Iconos/comercial/dinero.png);
    cursor: default;
    float: right;
}

.icoVisInact {
    background-image: url(../Imagenes/Web/Iconos/visualizarINACT.png);
}

.icoClientes {
    background-image: url(../Imagenes/Web/Iconos/comercial/clientes.png);
    cursor: default;
    float: right;
}

.icoArticulos {
    background-image: url(../Imagenes/Web/Iconos/comercial/articulos.png);
    cursor: default;
    float: right;
}

.icoNoTrans { /* Icono no transferido color azul */
    background-image: url(../Imagenes/Web/Iconos/NoTransferido.png);
    padding-top: 6px;
}

.icoNoTransInac { /* Icono no transferido inactivo, color azul */
    background-image: url(../Imagenes/Web/Iconos/NoTransferido.png);
    padding-top: 6px;
    cursor: inherit !important;
}

.icoTransInac { /* Icono transferido inactivo */
    background-image: url(../Imagenes/Web/Iconos/transferido.png);
    padding-top: 6px;
    cursor: inherit !important;
}

.icoTrans { /* Icono transferir para títulos */
    background-image: url(../Imagenes/Web/Iconos/transferido.png);
    padding-top: 7px;
}

.icoTransferir { /* Icono acción transferir */
    background-image: url(../Imagenes/Web/Iconos/transferir.png);
}

.icoAgregBMatern { /* Icono acción Beneficio maternal */
    background-image: url(../Imagenes/Web/Iconos/BMaternalAcc.png);
}

.icoLeyenda {
    background-image: url(../Imagenes/Web/Iconos/icoLeyenda.png);
}

.icoTipoJefatura {
    background-image: url(../Imagenes/Web/Iconos/TipoJefatura.png);
}

.icoTipoJefaturaAct {
    background-image: url(../Imagenes/Web/Iconos/TipoJefaturaAct.png);
}

.icoTipoJerarquia {
    background-image: url(../Imagenes/Web/Iconos/TipoJerarquias.png);
}

.icoTipoJerarquiaAct {
    background-image: url(../Imagenes/Web/Iconos/TipoJerarquiasAct.png);
}

.icoTipificar {
    background-image: url(../Imagenes/Web/Iconos/tipificar.png);
}

.icoReplicar {
    background-image: url(../Imagenes/Web/Iconos/replicar.png);
}

.icoBasarseOtro {
    background-image: url(../Imagenes/Web/Iconos/basarseOtro.png);
}

.icoCargarPlanCom {
    background-image: url(../Imagenes/Web/Iconos/cargar_planComercial.png);
}

.icoCargarPlanComAct {
    background-image: url(../Imagenes/Web/Iconos/cargar_planComercial_activ.png);
}

.icoUnidadesGral {
    background-image: url(../Imagenes/Web/Iconos/unidadGral.png);
}

.icoUnidadesGralAct {
    background-image: url(../Imagenes/Web/Iconos/unidadGral_activ.png);
}

.icoUnidadesEsp {
    background-image: url(../Imagenes/Web/Iconos/unidadEsp.png);
}

.icoUnidadesEspAct {
    background-image: url(../Imagenes/Web/Iconos/unidadEsp_activ.png);
}

.mensual {
    background-image: url(../Imagenes/Web/Iconos/mensual.png);
}

.semanal {
    background-image: url(../Imagenes/Web/Iconos/semanal.png);
}

.diario {
    background-image: url(../Imagenes/Web/Iconos/diario.png);
}

.ico15min {
    background-image: url(../Imagenes/Web/Iconos/15min.png);
}

    .ico15min:hover {
        background-image: url(../Imagenes/Web/Iconos/15minAct.png);
    }

.ico15minAct {
    background-image: url(../Imagenes/Web/Iconos/15minAct.png);
}

.ico20min {
    background-image: url(../Imagenes/Web/Iconos/20min.png);
}

    .ico20min:hover {
        background-image: url(../Imagenes/Web/Iconos/20minAct.png);
    }

.ico20minAct {
    background-image: url(../Imagenes/Web/Iconos/20minAct.png);
}

.ico30min {
    background-image: url(../Imagenes/Web/Iconos/30min.png);
}

    .ico30min:hover {
        background-image: url(../Imagenes/Web/Iconos/30minAct.png);
    }

.ico30minAct {
    background-image: url(../Imagenes/Web/Iconos/30minAct.png);
}

.ico1hr {
    background-image: url(../Imagenes/Web/Iconos/1hr.png);
}

    .ico1hr:hover {
        background-image: url(../Imagenes/Web/Iconos/1hrAct.png);
    }

.ico1hrAct {
    background-image: url(../Imagenes/Web/Iconos/1hrAct.png);
}

.ico2hr {
    background-image: url(../Imagenes/Web/Iconos/2hr.png);
}

    .ico2hr:hover {
        background-image: url(../Imagenes/Web/Iconos/1hrAct.png);
    }

.ico2hrAct {
    background-image: url(../Imagenes/Web/Iconos/1hrAct.png);
}

.ico3hr {
    background-image: url(../Imagenes/Web/Iconos/1hr.png);
}

    .ico3hr:hover {
        background-image: url(../Imagenes/Web/Iconos/1hrAct.png);
    }

.ico3hrAct {
    background-image: url(../Imagenes/Web/Iconos/1hrAct.png);
}

.ico4hr {
    background-image: url(../Imagenes/Web/Iconos/1hr.png);
}

    .ico4hr:hover {
        background-image: url(../Imagenes/Web/Iconos/1hrAct.png);
    }

.ico4hrAct {
    background-image: url(../Imagenes/Web/Iconos/1hrAct.png);
}

.icoLayoutInicio {
    background-image: url(../Imagenes/Web/Iconos/layoutInicio.png);
}

.icoOpciones {
    background-image: url(../Imagenes/Web/Iconos/opciones.png);
}

.icoAyuda {
    background-image: url(../Imagenes/Web/Iconos/ayuda.png);
}

.icoReprocesar {
    background-image: url(../Imagenes/Web/Iconos/NoTransferido.png);
}

.icoFTop {
    background-image: url(../Imagenes/Web/Iconos/flecha_up4.png);
}

.icoAct {
    background-image: url(../Imagenes/Web/Iconos/actualizar.png);
}

.icoActAm {
    background-image: url(../Imagenes/Web/Iconos/icoActDesact.png);
}

.icoActDesact {
    background-image: url(../Imagenes/Web/Iconos/actualizarINACT.png);
}

.icoSemanaAct {
    background-image: url(../Imagenes/Web/Iconos/dato_semana_activ.png);
}

.icoSemana {
    background-image: url(../Imagenes/Web/Iconos/dato_semana.png);
}

.icoValoresAct {
    background-image: url(../Imagenes/Web/Iconos/dato_valores_activ.png);
}

.icoValores {
    background-image: url(../Imagenes/Web/Iconos/dato_valores.png);
}

.icoFechaAct {
    background-image: url(../Imagenes/Web/Iconos/dato_fecha_activ.png);
}

.icoFecha {
    background-image: url(../Imagenes/Web/Iconos/dato_fecha.png);
}

.icoTemporadaAct {
    background-image: url(../Imagenes/Web/Iconos/dato_temporada_activ.png);
}

.icoTemporada {
    background-image: url(../Imagenes/Web/Iconos/dato_temporada.png);
}

.icoDiaTipoAct {
    background-image: url(../Imagenes/Web/Iconos/dato_diatipo_activ.png);
}

.icoDiaTipo {
    background-image: url(../Imagenes/Web/Iconos/dato_diatipo.png);
}

.icoHistoricoAct {
    background-image: url(../Imagenes/Web/Iconos/dato_historico_activ.png);
}

.icoHistorico {
    background-image: url(../Imagenes/Web/Iconos/dato_historico.png);
}

.icoDatoUnidadDeTrabajoAct {
    background-image: url(../Imagenes/Web/Iconos/dato_unidaddetrabajo_activ.png);
}

.icoDatoUnidadDeTrabajo {
    background-image: url(../Imagenes/Web/Iconos/dato_unidaddetrabajo.png);
}

.icoDatoTrabajadorAct {
    background-image: url(../Imagenes/Web/Iconos/dato_trabajador_activ.png);
}

.icoDatoTrabajador {
    background-image: url(../Imagenes/Web/Iconos/dato_trabajador.png);
}

.icoDatoInfoAct {
    background-image: url(../Imagenes/Web/Iconos/dato_info_activ.png);
}

.icoDatoInfo {
    background-image: url(../Imagenes/Web/Iconos/dato_info.png);
}

.icoDatoCargarAct {
    background-image: url(../Imagenes/Web/Iconos/dato_cargar_activ.png);
}

.icoDatoCargar {
    background-image: url(../Imagenes/Web/Iconos/dato_cargar.png);
}

.icoDatoDescargarAct {
    background-image: url(../Imagenes/Web/Iconos/dato_descargar_activ.png);
}

.icoDatoDescargar {
    background-image: url(../Imagenes/Web/Iconos/dato_descargar.png);
}

.icoMediciones {
    background-image: url(../Imagenes/Web/Iconos/mediciones.png);
}

.icoMedicionesAct {
    background-image: url(../Imagenes/Web/Iconos/mediciones_activ.png);
}

.icoPron {
    background-image: url(../Imagenes/Web/Iconos/pronosticar.png);
}

.icoPronAct {
    background-image: url(../Imagenes/Web/Iconos/pronosticar_activ.png);
}

.icoEdit {
    background-image: url(../Imagenes/Web/Iconos/editar.png);
}

.icoElim {
    background-image: url(../Imagenes/Web/Iconos/eliminar.png);
}

.icoElimInact {
    background-image: url(../Imagenes/Web/Iconos/eliminarINACT.png);
}

.icoDesactivar {
    background-image: url(../Imagenes/Web/Iconos/desactivar.png);
}

.icoDesactivarINACT {
    background-image: url(../Imagenes/Web/Iconos/desactivarINACT.png.png);
}

.icoBloq {
    background-image: url(../Imagenes/Web/Iconos/bloq.png);
}

.icoBloqGrande, .icoDesBloqGrande {
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

.icoBloqGrande {
    background-image: url(../Imagenes/Web/Iconos/loq_grande.png);
    width: 17px !important;
    height: 19px !important;
    padding-left: 180px;
}

.icoDesbloq {
    background-image: url(../Imagenes/Web/Iconos/Abierto.png);
    padding-left: 25px;
}

.icoDesBloqGrande {
    background-image: url(../Imagenes/Web/Iconos/desbloq_grande.png);
    width: 17px !important;
    height: 19px !important;
    padding-left: 148px;
}

.icoExitoCP {
    background-image: url(../Imagenes/Web/Iconos/checkk.jpg);
    width: 67px !important;
    height: 67px !important;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 44%;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.icoBloqAz {
    background-image: url(../Imagenes/Web/Iconos/bloqAz.png);
}

.icoBloqEs { /* color celeste resaltado */
    background-image: url(../Imagenes/Web/Iconos/bloqEs.png);
    padding-left: 20px;
}
.icoBloqCP {
    background-image: url(../Imagenes/Web/Iconos/bloq2.png);
    padding-left: 20px !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 5px;
    height: 17px;
    float: left;
    cursor: pointer;
    padding: 4px;
    position: relative;
}
    .icoBloqCP:hover {
        height: 20px;
        width: 5px;
        background-color: #D2DDEA;
        border-radius: 50%;
    }

    .icoBloqCP .icoBloqTooltipText {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 120%;
        left: 40%;
        margin-left: -56px;
        /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
        opacity: 0;
        transition: opacity 1s;
    }

        .icoBloqCP .icoBloqTooltipText::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .icoBloqCP:hover .icoBloqTooltipText {
        visibility: visible;
        opacity: 1;
    }

.icoBloqItemCP {
    background-image: url(../Imagenes/Web/Iconos/bloq2.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    cursor: pointer;
    padding: 4px;
}
.icoDesbloqCP {
    background-image: url(../Imagenes/Web/Iconos/desbloq.png);
    padding-left: 20px !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 5px;
    height: 17px;
    float: left;
    cursor: pointer;
    padding: 4px;
    position: relative;
}

    .icoDesbloqCP:hover {
        height: 20px;
        width: 5px;
        background-color: #D2DDEA;
        border-radius: 50%;
    }

    .icoDesbloqCP .icoDesbloqTooltipText {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 120%;
        left: 40%;
        margin-left: -56px;
        /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
        opacity: 0;
        transition: opacity 1s;
    }

        .icoDesbloqCP .icoDesbloqTooltipText::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .icoDesbloqCP:hover .icoDesbloqTooltipText {
        visibility: visible;
        opacity: 1;
    }

.icoDesbloqItemCP {
    background-image: url(../Imagenes/Web/Iconos/desbloq.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    cursor: pointer;
    padding: 4px;
}
.icoVis {
    background-image: url(../Imagenes/Web/Iconos/visualizar.png);
}

.icoMensaje {
    background-image: url(../Imagenes/Web/Iconos/mensaje.png);
}

.icoMensajeActiv {
    background-image: url(../Imagenes/Web/Iconos/mensaje_activ.png);
}

.icoHora {
    background-image: url(../Imagenes/Web/Iconos/hora.png);
}

.icoHora2 {
    background-image: url(../Imagenes/Web/Iconos/hora2.png);
}

.icoInterc {
    background-image: url(../Imagenes/Web/Iconos/intercambiar.png);
}

.icoVistPers {
    background-image: url(../Imagenes/Web/Iconos/vistaPersonas.png);
}

.icoVistFun {
    background-image: url(../Imagenes/Web/Iconos/vistaFuncion.png);
}

.icoVistSem {
    background-image: url(../Imagenes/Web/Iconos/vistaSemana.png);
}

.icoVistGrup {
    background-image: url(../Imagenes/Web/Iconos/vistaGrupo.png);
}

.icoVistPersAct {
    background-image: url(../Imagenes/Web/Iconos/vistaPersonasAct.png);
}

.icoVistFunAct {
    background-image: url(../Imagenes/Web/Iconos/vistaFuncionAct.png);
}

.icoVistSemAct {
    background-image: url(../Imagenes/Web/Iconos/vistaSemanaAct.png);
}

.icoVistGrupAct {
    background-image: url(../Imagenes/Web/Iconos/vistaGrupoAct.png);
}

.icoVistaGraf {
    background-image: url(../Imagenes/Web/Iconos/vistaGraf.png);
}

.icoVistaGrafAct {
    background-image: url(../Imagenes/Web/Iconos/vistaGrafAct.png);
}

.icoTamMalla {
    background-image: url(../Imagenes/Web/Iconos/TamMalla.png);
}

.icoSTodos {
    background-image: url(../Imagenes/Web/Iconos/Stodos.png);
}

.icoSNing {
    background-image: url(../Imagenes/Web/Iconos/Sninguno.png);
}

.icoAceptar {
    background-image: url(../Imagenes/Web/Iconos/aceptar.png);
}

.icoAceptarInac {
    background-image: url(../Imagenes/Web/Iconos/aceptarINACT.png);
}

.icoAcepBarra {
    background-image: url(../Imagenes/Web/Iconos/aceptar.png);
}

.icoAtras {
    background-image: url(../Imagenes/Web/Iconos/aceptar2.png);
}

.icoCerrar {
    background-image: url(../Imagenes/Web/Iconos/cerrar2.png);
}

.icoCerrarBco {
    background-image: url(../Imagenes/Web/Iconos/cerrarBco.png);
}

.icoAgreg {
    background-image: url(../Imagenes/Web/Iconos/agregar.png);
}

.icoAgreg2 {
    background-image: url(../Imagenes/Web/Iconos/agregar2.png);
}

.icoAgregInact {
    background-image: url(../Imagenes/Web/Iconos/agregarINACT.png);
}

.icoEditar {
    background-image: url(../Imagenes/Web/Iconos/editar.png);
}

.editarINACT {
    background-image: url(../Imagenes/Web/Iconos/editarINACT.png);
}

.icoEditarTrabajar {
    background-image: url(../Imagenes/Web/Iconos/editartrabajar.png);
}

.icoRellFil {
    background-image: url(../Imagenes/Web/Iconos/rellenarFila.png);
}

.icoRellCol {
    background-image: url(../Imagenes/Web/Iconos/rellenarCols.png);
}

.icoRellTod {
    background-image: url(../Imagenes/Web/Iconos/rellenarTodo.png);
}

.icoCheckT, .icoCheckTLeft, .icoCheckTRight { /* OJO! 2° y 3° CLASE UTILIZACIÓN ESPECIAL JAVASCRIPT */ /* Icono para Opciones Check, todos seleccionados */
    background-image: url(../Imagenes/Web/Iconos/checkT.png);
}

.icoCheckTn { /* Icono para Opciones Check, todos seleccionados bloqueado */
    background-image: url(../Imagenes/Web/Iconos/checkTn.png);
}

.icoCheckN, .icoCheckNLeft, .icoCheckNRight { /* OJO! 2° y 3° CLASE UTILIZACIÓN ESPECIAL JAVASCRIPT */ /* Icono para Opciones Check, ninguno seleccionados */
    background-image: url(../Imagenes/Web/Iconos/checkN.png);
}

.icoCheckNe { /* Icono para Opciones Check, ninguno seleccionados bloqueado */
    background-image: url(../Imagenes/Web/Iconos/checkNe.png);
}

.icoCheckA, .icoCheckALeft, .icoCheckARight { /* OJO! 2° y 3° CLASE UTILIZACIÓN ESPECIAL JAVASCRIPT */ /* Icono para Opciones Check, algunos seleccionados */
    background-image: url(../Imagenes/Web/Iconos/checkA.png);
}

.icoCheckAb { /* Icono para Opciones Check, algunos seleccionado bloqueado */
    background-image: url(../Imagenes/Web/Iconos/checkAb.png);
}

.icoRadioSelec { /* Icono para selección de check en radio */
    background-image: url(../Imagenes/Web/Iconos/radioSelec.png);
}

.icoRadioNoSelec { /* Icono para selección de check en radio */
    background-image: url(../Imagenes/Web/Iconos/radioNoSelec.png);
}

.icoRadioAlgSelec { /* Icono para selección de check en radio */
    background-image: url(../Imagenes/Web/Iconos/radioAlgSelec.png);
}

.icoExpandir {
    background-image: url(../Imagenes/Web/Iconos/expandir.png);
}

.icoExpandirBloq {
    background-image: url(../Imagenes/Web/Iconos/expandirBloq.png);
}

.icoContraer {
    background-image: url(../Imagenes/Web/Iconos/contraer.png);
}

.icoContraerBloq {
    background-image: url(../Imagenes/Web/Iconos/contraerBloq.png);
}

.icoContraerCP {
    background-image: url(../Imagenes/Web/Iconos/colapsarCP.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: right;
    cursor: pointer;
    padding: 4px;
}

.icoExpandirCP {
    background-image: url(../Imagenes/Web/Iconos/expandirCP.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: right;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
}

.icoDescargarXLS {
    background-image: url(../Imagenes/Web/Iconos/formatoXLS.png);
}

.icoDescargarXLSX {
    background-image: url(../Imagenes/Web/Iconos/formatoXLSX.png);
}

.icoDescargarCSV {
    background-image: url(../Imagenes/Web/Iconos/formatoCSV.png);
}

.icoDescargarPDF {
    background-image: url(../Imagenes/Web/Iconos/formatoPDF.png);
}

.icoDescargarRTF {
    background-image: url(../Imagenes/Web/Iconos/formatoRTF.png);
}

.icoCerrarGris {
    background-image: url(../Imagenes/Web/Iconos/cerrarF.png);
    cursor: pointer;
}

.icoEditarP {
    background-image: url(../Imagenes/Web/Iconos/editarTurno.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.icoFLeft2 {
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 18px;
    width: 22px;
    margin-left: -4px;
    background-image: url(../Imagenes/Web/Iconos/flecha_left3.png);
}

.icoFRight2 {
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 18px;
    width: 22px;
    margin-left: -4px;
    background-image: url(../Imagenes/Web/Iconos/flecha_rigth3.png);
}

.icoFRight3 {
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 18px;
    width: 22px;
    margin-left: -4px;
    background-image: url(../Imagenes/Web/Iconos/flecha_rigth4.png);
}
/* Iconos de carga o descarga en distintos formatos */
.icoXLS {
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 45px;
    width: 45px;
    background-image: url(../Imagenes/Web/Iconos/descarga/xls.png);
    margin: 5px;
}

.icoXLSX {
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 45px;
    width: 45px;
    background-image: url(../Imagenes/Web/Iconos/descarga/xlsx.png);
    margin: 5px;
}

.icoPDF {
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 45px;
    width: 45px;
    background-image: url(../Imagenes/Web/Iconos/descarga/pdf.png);
    margin: 5px;
}

.icoRFT {
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 45px;
    width: 45px;
    background-image: url(../Imagenes/Web/Iconos/descarga/rft.png);
    margin: 5px;
}

.icoCSC {
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 45px;
    width: 45px;
    background-image: url(../Imagenes/Web/Iconos/descarga/csc.png);
    margin: 5px;
}

.icoCapMon { /* Ícono que lleva el Monitor en Capacitación libre, planificador de malla*/
    width: 15px;
    height: 15px;
    margin-right: 2px;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    background-image: url(../Imagenes/Web/Iconos/capacitacion.png);
}

.icoCapSesMon { /* Ícono que lleva el Monitor en Capacitación libre, planificador de malla*/
    width: 15px;
    height: 15px;
    margin-right: 2px;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    background-image: url(../Imagenes/Web/Iconos/capacitacionSesion.png);
}

.icoCerrarGrisPopUp {
    background-image: url(../Imagenes/Web/Iconos/cerrarF.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
}

.icoDesfase_der {
    background-image: url(../Imagenes/Web/Iconos/desfase_der.png);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    width: 40px;
    height: 14px;
}

.icoDesfase_izq {
    background-image: url(../Imagenes/Web/Iconos/desfase_izq.png);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    width: 40px;
    height: 14px;
}

.icoEliminarT1 { /* Iconos pequeño de eliminar, para turnos */
    background-image: url(../Imagenes/Web/Iconos/cerrarP.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    float: left;
    cursor: pointer;
    position: absolute;
    /*right:0; SE ELIMINÓ MOMENTANEO X ERROR CON FIREFOX 
			top:0;*/
}

.icoEliminarT2 { /* Iconos pequeño de eliminar, para turnos */
    background-image: url(../Imagenes/Web/Iconos/cerrarP.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    float: left;
    cursor: pointer;
    position: absolute;
    /*right:0; SE ELIMINÓ MOMENTANEO X ERROR CON FIREFOX */
}

.icoEliminarT3 { /* Iconos pequeño de eliminar, para turnos */
    background-image: url(../Imagenes/Web/Iconos/cerrar2.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    cursor: pointer;
    margin-left: 30%;
}

.icoImprimirXL {
    background-image: url(../Imagenes/Web/Iconos/imprimirXL.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 83px;
    float: left;
    cursor: pointer;
}

.icoImprimirXLinact {
    background-image: url(../Imagenes/Web/Iconos/imprimirXLinact.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 83px;
    float: left;
    cursor: pointer;
}

.icoCheckA, .icoCheckAb, .icoCheckT, .icoCheckN, .icoCheckTn, .icoCheckNe, .icoCheckALeft, .icoCheckTLeft, .icoCheckNLeft, .icoCheckARight, .icoCheckTRight, .icoCheckNRight, .icoExpandir, .icoExpandirBloq, .icoContraer, .icoContraerBloq, .icoRadioSelec, .icoRadioNoSelec, .icoRadioAlgSelec { /* OJO! CLASES ".icoCheckALeft,.icoCheckTLeft,.icoCheckNLeft,.icoCheckARight,.icoCheckTRight,.icoCheckNRight" UTILIZACIÓN ESPECIAL JAVASCRIPT */
    background-position: left;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin: 0px;
    cursor: pointer;
}

.icoRellFil, .icoRellCol, .icoRellTod {
    background-position: left;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin: 0px 1px;
    cursor: pointer;
}

.icoFR {
    background-image: url(../Imagenes/Web/Iconos/flecha_leftINPUT.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 18px;
    height: 17px;
    float: left;
}

.icoOrdT { /* ïcono flecha hacia arriba para título de columna en grilla, cuando deseo ordenar */
    background-image: url(../imagenes/Web/Iconos/ord1.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer;
    margin-top: 3px;
}

.icoOrdB { /* ïcono flecha hacia abajo para título de columna en grilla, cuando deseo ordenar */
    background-image: url(../imagenes/Web/Iconos/ord2.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer;
    margin-top: 3px;
}

.icoAdj { /* ïcono adjuntar para bandeja de mensajes */
    background-image: url(../imagenes/Web/Iconos/aceptar.png);
}

.icoInfo { /* ïcono de información */
    background-image: url(../imagenes/Web/Iconos/info.png);
}

.icoInfo20x20 { /* ïcono de información  20px x 20 px*/
    background-image: url(../imagenes/Web/Iconos/info.png);
    width: 20px;
    height: 20px;
    float: left;
}

.icoActiv { /* ïcono que indica que algo está activo */
    background-image: url(../imagenes/Web/Iconos/activo.png);
}

.icoInact { /* ïcono que indica que algo está inactivo */
    background-image: url(../imagenes/Web/Iconos/inactivo.png);
}

.icoDocT {
    background-image: url(../imagenes/Web/Iconos/DocumTrab.png);
}

.margRm8 {
    margin-right: -8px;
}

.icoDocP {
    background-image: url(../imagenes/Web/Iconos/DocumProv.png);
}

.icoDocH {
    background-image: url(../imagenes/Web/Iconos/DocumHist.png);
}

.icoAdv {
    background-image: url(../imagenes/Web/Iconos/omision.png);
}

.icoAdv2 {
    background-image: url(../imagenes/Web/Iconos/omision2.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
    padding-right: 2px;
}

.icoAdv3 {
    background-image: url(../imagenes/Web/Iconos/omision3.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px;
}

.icoError3 {
    background-image: url(../Imagenes/Web/Iconos/error3.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
    padding-right: 2px;
}

.icoError2 {
    background-image: url(../Imagenes/Web/Iconos/error2.png);
}

.icoExitoso {
    background-image: url(../Imagenes/Web/Iconos/exitoso.png);
}

.icoExitoso2 {
    background-image: url(../Imagenes/Web/Iconos/exitoso2.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
    padding-right: 2px;
}

.icoMsgAyuda {
    background-image: url(../Imagenes/Web/Iconos/msg_ayuda.png);
}

.icoMsgAyuda2 {
    background-image: url(../Imagenes/Web/Iconos/exclamation.png);
    width: 18px;
    height: 13px;
    background-repeat: no-repeat;
    opacity: 1;
}

.icoAplicaL {
    background-image: url(../Imagenes/Web/Iconos/aplicaLogica.png);
}

.icoError {
    background-image: url(../Imagenes/Web/Iconos/error.png);
}

.icoError2 {
    background-image: url(../Imagenes/Web/Iconos/inactivob.png);
}

.icoCargar {
    background-image: url(../Imagenes/Web/Iconos/cargar.png);
}

.icoEstCargador {
    background-image: url(../Imagenes/Web/Iconos/estCarga.png);
}

.icoDescargar {
    background-image: url(../Imagenes/Web/Iconos/descargar.png);
}

.icoCop { /* ïcono para copiar */
    background-image: url(../Imagenes/Web/Iconos/copiaMasiva.png);
}

.icoCopInact { /* ïcono para copiar inactivo */
    background-image: url(../Imagenes/Web/Iconos/copiarpadreINACT.png);
}

.icoInfo2 { /* ïcono de información pequeño */
    background-image: url(../imagenes/Web/Iconos/infoP.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    margin: 0px 2px;
    cursor: pointer;
}

.icoFleG { /* ïcono flecha como ícono en malla */
    background-image: url(../imagenes/Web/Iconos/FlechaG.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin: 0px;
    cursor: pointer;
}

.icoMens { /* ïcono flecha en esquina inferior para indicar mensaje de usuario(tabla de cuadro formulario) u otro */
    background-image: url(../imagenes/Web/Iconos/mensajes.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    float: left;
    cursor: pointer;
}

.icoMens2 { /* ïcono flecha en esquina inferior para indicar mensaje de usuario(tabla de cuadro formulario) u otro */
    background-image: url(../imagenes/Web/Iconos/mensajesAm.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    float: left;
    cursor: pointer;
}

.icoMensT { /* ïcono flecha en esquina superiro para indicar mensaje de usuario(Marcaje tarjeta) u otro */
    background-image: url(../imagenes/Web/Iconos/mensajesAz.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    float: left;
    cursor: pointer;
}
/* imagen de triángulo colores */
.icoTriangTop { /* Div contenedor para esquina derecha superior */
    width: 10px;
    height: 10px;
    background-position: left;
    background-repeat: no-repeat;
}

.icoTrianAz { /* Azúl */
    background-image: url(../imagenes/Web/Iconos/mensajesAz.png);
}

.icoTrianRo { /* Rojo */
    background-image: url(../imagenes/Web/Iconos/mensajesRo.png);
}

.icoTrianAm { /* amarillo */
    background-image: url(../imagenes/Web/Iconos/mensajesNa.png);
}

.icTrianCe { /* Celeste */
    background-image: url(../imagenes/Web/Iconos/mensajesCe.png);
}

.icoTrianVe { /* Verde */
    background-image: url(../imagenes/Web/Iconos/mensajesVe.png);
}

.icoRel01 { /* Azúl */
    background-image: url(../imagenes/Web/Iconos/mensajesAz.png);
}

.icoRel02 { /* Rojo */
    background-image: url(../imagenes/Web/Iconos/mensajesRo.png);
}

.icoRel03 { /* Celeste */
    background-image: url(../imagenes/Web/Iconos/mensajesCe.png);
}

.icoRel04 { /* Naranjo */
    background-image: url(../imagenes/Web/Iconos/mensajesNa.png);
}

.icoRel05 { /* Verde */
    background-image: url(../imagenes/Web/Iconos/mensajesVe.png);
}

.ibloq0 { /* icono de bloqueo en titulo ficha*/
    float: right;
    height: 17px;
    margin-top: -26px;
    position: relative;
    width: 17px;
    cursor: pointer;
}
/* íconos malla */
.icoFLeft, .icoFRight, .icoFDown, .icoFRightB, .icoFLeftB, .icoFDownB, .icoCalend, .icoCalendSem {
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    cursor: pointer;
}

.icoFLeft {
    background-image: url(../Imagenes/Web/Iconos/flecha_left2.png);
}

.icoFRight {
    background-image: url(../Imagenes/Web/Iconos/flecha_right2.png);
}

.icoFDown {
    background-image: url(../Imagenes/Web/Iconos/flecha_down.png);
}

.icoFDownNone {
    background-image: none !important;
    cursor: default;
}

.icoFDown2 {
    background-image: url(../Imagenes/Web/Iconos/flecha_down.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 12px;
    float: left;
    cursor: pointer;
}

.icoFRightB {
    background-image: url(../Imagenes/Web/Iconos/flecha_next3.png);
}

.icoFLeftB {
    background-image: url(../Imagenes/Web/Iconos/flecha_before3.png);
}

.icoFDownB {
    background-image: url(../Imagenes/Web/Iconos/flecha_down6.png);
}

.icoCalend {
    background-image: url(../Imagenes/Web/Iconos/calendario.png);
    cursor: default !important;
}

.icoCalendSem {
    background-image: url(../Imagenes/Web/Iconos/calendarioSem.png);
    cursor: default !important;
}

.icoCalendSem2 {
    background-image: url(../Imagenes/Web/Iconos/calendarioSem.png);
}

.icoCalendSem2Act {
    background-image: url(../Imagenes/Web/Iconos/calendarioSem_activ.png);
}

.icoEliminar {
    background-image: url(../Imagenes/Web/Iconos/cerrar2.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    cursor: pointer;
}

.icoEliminar2 {
    background-image: url(../Imagenes/Web/Iconos/cerrarP.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    cursor: pointer;
}
/* Fin íconos malla */

.borderTopGris {
    border-top: 1px solid #8D8D8D;
}

.tINT { /* texto en caja de mensajes */
    color: #000;
    font-size: 13px;
} 

.ico_ac {
    width: 18px;
}

.Recuadro {
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 4px;
    float: left;
}

.icp {
    cursor: pointer;
}

.H50 {
    height: 50px;
}

.H25 {
    height: 22px;
}

.H20 {
    height: 20px;
}

.padd15-20 {
    padding-right: 15px;
    padding-left: 20px;
}

.paddL {
    padding-left: 10px;
}

.paddL5 {
    padding-left: 5px;
}

.paddL15 {
    padding-left: 15px;
}

.paddL30 {
    padding-left: 30px;
}

.paddLR10 {
    padding-left: 10px;
    padding-right: 10px;
}

.paddRL20 {
    padding: 0px 20px;
}

.padd10 {
    padding: 10px;
}

.heigthDem {
    height:150px;
}

.padd10SC {
    padding: 20px;
}

.paddTB20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.paddRL5 {
    padding-left: 5px;
    padding-right: 5px;
}

.paddT10BLR20 {
    padding: 10px 20px 15px 20px;
}

.h20MB5MT8 {
    height: 20px;
    margin-bottom: 5px;
    margin-top: 8px;
}

.mar20 {
    margin: 20px;
}

.TpaddL5 {
    padding-left: 5px;
}

.TpaddR5 {
    padding-right: 5px;
}

.TpaddLR5 {
    padding-left: 5px;
    padding-right: 5px;
}

.h45 {
    height: 34px;
}

.h25 {
    height: 25px;
}

.h28 {
    height: 28px;
}

.paddR5 {
    padding-right: 5px;
}

.paddR3 {
    padding-right: 3px;
}

.paddR5L8 {
    padding-left: 8px;
    padding-right: 5px;
}

.paddR10 {
    padding-right: 10px;
}

.BorderBNo {
    border-bottom: none !important;
}
/* Fondo de color */
.BackColor { /* fondo amarillo */
    background-color: #ffcc00 !important;
}
.BackColorCP { /* fondo amarillo */
    background-color: #F8EEBD !important;
}
.TurnoDobleBorradoColor {
    background-color: #D3D3D3 !important;
}

.fondAma { /* Fondo color Amarillo */
    background-color: #ffcc00 !important;
}

.BackColorHover { /* fondo amarillo para un link */
}

    .BackColorHover:hover { /* fondo amarillo para un link */
        background-color: #ffcc00 !important;
    }

.BackColor2 { /* fondo amarillo claro */
    background-color: #fff8b2 !important;
}

.fondAmaC { /* Fondo color Amarillo Claro */
    background-color: #fff8b2 !important;
}

.RedColor { /* fondo rojo */
    background-color: #ff0000 !important;
}

.RedColor2 { /* fondo rojo más claro */
    background-color: #FFB8B8 !important;
}

.fondRo, .FondRo { /* Fondo color Rojo */
    background-color: #F00 !important;
    color: White;
}

.fondVerd { /* Fondo color verde */
    background-color: #02a544 !important;
    color: White;
}

.fondAzul, .FondAzul { /* Fondo color Azul */
    background-color: #03568A !important;
    color: #FFFFFF;
}

.fondLightBlue {
    background-color: #dbe9f0 !important;
}

.fondLightBlue2 {
    background-color: #f1f8fc !important;
}

.BackColor3 { /* fondo  gris */
    background-color: #EEEFEF !important;
}

.BackColor3Hover { /* fondo gris cuando pasa el cursor sobre una superficie y deseo destacarla */
}

    .BackColor3Hover:hover { /* fondo gris cuando pasa el cursor sobre una superficie y deseo destacarla */
        background-color: #DDDDDD;
    }

.BackColor4 { /* fondo  blanco */
    background-color: #FFFFFF !important;
}

.fondBco {
    background-color: transparent !important;
}

.RedColorT { /* texto rojo */
    color: #FF3737 !important;
    font-weight: bold;
}

.BlueColor {
    background-color: #006A9E !important;
}

.BlueColor2 {
    background-color: #8dc9e6 !important;
}

.GreenColor {
    background-color: #0db508 !important;
}

.LinkColor {
    color: #0076c8 !important;
    font-weight: bold;
}
/* Borde de color */
.RedBord2 { /* border 2px rojo */
    border: 2px solid #FF3737 !important;
}

.BlueBord2 { /* border 2px azúl */
    border: 2px solid #006A9E !important;
}

.YelBord2 { /* border 2px amarillo */
    border: 2px solid #ffcc00 !important;
}

.LinColor { /* línea, borde amarillo */
    border: 2px solid #ffcc00 !important;
}

/* Texto color */
.tGris {
    color: #838383 !important;
}

.ta10a { /* Color de texto azúl */
    color: #006A9E;
    font-weight: bold;
}

.ta10r { /* Color de texto rojo */
    color: #e62e01;
    font-weight: bold;
}

.ta10am { /* Color de texto amarillo */
    color: #D49E00;
    font-weight: bold;
}

.ta10n { /* Color de texto negro */
    color: #000000;
    font-weight: bold;
}

.taAdv2 { /* Color de texto para contenido de atención segundario, complementario con amarillo */
    color: #9a04a2;
    font-weight: bold;
}

.AmColorT { /* texto amarillo */
    color: #D49E00 !important;
    font-weight: bold;
}

.TextAm { /* texto link amarillo con alto de 11px */
    text-align: left;
    color: #D49E00;
    font-size: 11px;
    line-height: 10px;
    height: 11px;
    padding-bottom: 3px;
    cursor: pointer;
}

    .TextAm:hover {
        text-decoration: none;
    }

.selectMOps {
    line-height: 20px;
    margin-top: 2px;
}

.selectMOps2 {
    line-height: 20px;
    margin-top: 2px;
    word-break: break-all;
    height: 16px;
    overflow: hidden;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.padd5 {
    padding: 5px;
}

.padd1 {
    padding: 1px;
}

.paddB5 {
    padding-bottom: 5px;
}

.paddT5paddB5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.marg0Pad0 {
    margin: 0 !important;
    padding: 0 !important;
}

.margT10 {
    margin-top: 10px;
}

.margT5 {
    margin-top: 5px;
}

.margT2 {
    margin-top: 2px;
}

.margTB20 {
    margin: 20px 0;
}

.marg30 {
    margin: 30px;
}

.padd {
    padding: 10px;
}

.paddB {
    margin-bottom: 20px !important;
}

.paddTB {
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddTB5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.paddT20 {
    padding-top: 20px;
}

.paddT10 {
    padding-top: 10px;
}

.paddT5 {
    padding-top: 5px;
}

.paddTB2 {
    padding-bottom: 2px;
    padding-top: 2px;
}

.paddB4 {
    padding-bottom: 4px;
}

.paddB10 {
    padding-bottom: 10px;
}

.paddB20 {
    padding-bottom: 20px;
}

.margL22 {
    margin-left: 12px;
    white-space: nowrap;
}

.margL10 {
    margin-left: 10px;
}

.margB5 {
    margin-bottom: 5px;
}

.W25p {
    width: 25%;
}

.hPadd {
    height: 20px;
    padding-top: 8px;
    padding-left: 5px;
}

.hPadd02 {
    height: 16px;
    padding-top: 15px;
    float: left;
    font-weight: bold;
}

/* Check en grilla o lista */
.inpCheck {
    margin-top: 4px;
}
/* Fin Check en grilla o lista */
.tvi { /* texto para visualizar o bloquedado */
    color: #666;
    font-size: 13px;
    text-align: left;
}

    .tvi img {
        vertical-align: bottom;
        margin-right: 2px;
    }

.tvi2 {
    color: #666;
    font-size: 12px;
    text-align: left;
}

.tviN {
    color: #666;
    font-size: 13px;
    text-align: right;
}

.tCe { /* texto para visualizar o bloquedado */
    color: #666;
    font-size: 13px;
    text-align: center;
    word-break: break-word;
}

.tviNG {
    color: #666;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
}

/* línea gris de 1px, actualmente utilizado en Usuario > Jerarquías  */
.bor1Gris {
    border-bottom: 1px solid #8D8D8D;
}

.dxEditors_edtDropDown { /* icono de cada campo selección */
    width: 17px;
    height: 18px;
    background-image: url(../Imagenes/Web/Iconos/flecha_downINPUT.png) !important;
    background-position: left;
    background-repeat: no-repeat;
}

.dxEditors_edtSpinEditDecrementImage { /* Input Flecha baja */
    background-image: url(../Imagenes/Web/Iconos/FdownInput.png) !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    height: 7px !important;
    width: 8px !important;
}

.dxEditors_edtSpinEditIncrementImage { /* Input Flecha alta */
    background-image: url(../Imagenes/Web/Iconos/FtopInput.png) !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    height: 7px !important;
    width: 8px !important;
}

.BackFFF {
    background-color: #FFFFFF;
}

.BackEEF {
    background-color: #EEEFEF;
}

.BackDDD { /* clases base */
    background-color: #D1D1D1;
}

.divERR {
    float: left;
    width: 70%;
}

.divBtn {
    float: right;
    width: auto;
}
/* Fin Iconos base o generales */

/* fondo de campo selectivo de input */
.dxeButtonEdit, .dxeEditArea {
    background-color: transparent !important;
    cursor:pointer;
}

.dxeButtonEditButton table.dxbebt, .dxeSpinIncButton table.dxbebt, .dxeSpinDecButton table.dxbebt, .dxeSpinLargeIncButton table.dxbebt, .dxeSpinLargeDecButton table.dxbebt { /* icono de cada campo selección */
    width: 14px;
    padding-left: 4px;
}

.Ttitulos { /* titulos */
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.Ttgris { /* titulos gris */
    font-weight: bold;
    color: #666666;
}

.Ttazul, .Ttazul13 { /* titulos azúl */
    font-weight: bold;
    color: #015a86;
}

.Ttazul { /* titulos azúl */
    font-size: 14px;
}

.Ttazul13 { /* titulos azúl tamaño 13 */
    font-size: 13px;
}

.Tnormal { /* textos negros normales */
    color: #000000;
}

.Tpeq { /* textos negros normales */
    color: #000000;
    font-size: 11px;
}

.TpeqG { /* textos negros normales gris */
    color: #999999;
    font-size: 6pt;
}

.Tbold { /* textos negros bold normales */
    font-weight: bold;
    color: #000;
}

.Tngris { /* textos gris normales */
    color: #666666;
    font-size: 13px;
    font-weight: normal !important;
}

.Tnumpag {
    color: #1E5F7F;
    padding: 1px 20px 0 4px;
    text-align: left;
    vertical-align: middle;
}

.Trojo {
    color: #b30202;
    text-align: left;
}

.Trojob {
    color: #b30202;
    text-align: left;
    font-weight: 300 !important;
    font-size: 11px;
    line-height: 12px;
}

.Tazul {
    color: #094664;
    text-align: left;
}

.Tazul2 {
    color: #0D71A2;
    text-align: left;
}

.Tazulb {
    color: #094664;
    text-align: left;
    font-weight: 300 !important;
    font-size: 11px;
    line-height: 12px;
}

.Tverde {
    color: #559B23;
    text-align: left;
}

.Tverde2 {
    height: 15px;
    text-align: left;
    font: normal normal normal 12px/25px Lato;
    letter-spacing: 0px;
    color: #155724;
    opacity: 1;
    line-height: 16px;
}

.Tamar {
    color: #996600;
    text-align: left;
}

.Tamarb {
    color: #996600;
    text-align: left;
    font-weight: 300 !important;
    font-size: 11px;
    line-height: 12px;
}

.TamarLink {
    color: #996600;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.TamarNeg {
    color: #996600;
    font-weight: bold;
}

.TrojoNeg {
    color: #800000;
    font-weight: bold;
}

.TazulNeg {
    color: #094664;
    font-weight: bold;
}

.textMens {
    padding-top: 3px;
}

.Tlink {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

    .Tlink a {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        font-size: 13px;
    }

    .Tlink:hover {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        font-size: 13px;
    }

.TlinkP {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}

    .TlinkP a {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        font-size: 11px;
    }

    .TlinkP:hover {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        font-size: 11px;
    }

.maxW { /* máx width para textarea */
    max-width: 130px;
}

.w20px {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
}

.W100H20 {
    width: 20px;
    height: 100%;
}

.w30ML5 {
    width: 35%;
    margin-right: 5%;
}

.w30 {
    width: 35%;
}

.w18 {
    width: 18%;
}

.w6 {
    width: 6%;
}

.w1428 {
    width: 14.28%;
}

.height18 {
    height: 18px;
}

.H40 {
    height: 40px !important;
}

    .H40 textarea {
        height: 40px !important;
    }

.H80 {
    height: 80px !important;
}

    .H80 textarea {
        height: 80px !important;
    }

.w12.5 {
    width: 12.5%;
}

.paddL10 {
    padding-left: 10px;
}

.paddL20 {
    padding-left: 20px;
}

.paddL2 {
    padding-left: 2px;
}

.paddLR2 {
    padding-left: 1px;
    padding-right: 4px;
}

.pr2Inp {
}

.w80px {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
}

.w120px {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.w180pxb {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
}

.w250px {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}

.w350px {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
}

.padd20 {
    padding: 20px !important;
}

.padd25 {
    padding: 25px;
}

.borR {
    border-right: 1px solid #97B3BD;
}

.margB10 {
    margin-bottom: 10px;
}

.margT4 {
    margin-top: 4px;
}

.margT5 {
    margin-top: 5px;
}

.textAlignC {
    text-align: center !important;
}

.w155 {
    width: 155px;
}

.LinkDesb {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

    .LinkDesb:hover {
        color: #960;
    }

.LinkError {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

    .LinkError:hover {
        color: #800000;
    }

.LinkAzul {
    text-decoration: none;
    color: #006A9E;
    font-weight: bold;
}

    .LinkAzul:hover {
        color: #000000;
    }

.text_alR {
    text-align: right;
}

.text_LinksOps {
    text-align: right;
    line-height: 20px !important;
}

.WH100p {
    width: 100%;
    height: 100%;
}

.c19td_l {
    height: 25px;
    padding-right: 7px;
    text-align: left;
    width: 35%;
}

tr.MAuto table {
    margin: auto;
}

.marginAuto {
    margin: auto;
}

.MAuto {
    margin: auto;
}

.paddLR {
    padding-left: 10px;
    padding-right: 10px;
}

.margLR20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margR2 {
    margin-right: 2px;
}

.paddR2 {
    padding-right: 2px;
}

.TBl {
    color: #FFF;
    font-weight: bold;
}

tr.ActivTr td {
    background-color: #D1D1D1;
    cursor: pointer;
}

/* Tabla o módulo base con scroll */
.z00 {
    overflow: hidden;
    margin-top: 10px;
}

.z002 {
    overflow: hidden;
    margin-top: 20px;
}

.z00b {
    overflow: hidden;
}

.z00400 {
    max-width: 400px;
    padding: 10px 0;
}

.z00850 {
    max-width: 850px;
    padding: 10px 0;
}

.z00300 {
    width: 300px;
}

.z001Tact {
    font-size: 20px;
    width: 90%;
    margin: auto;
    margin-top: 20px;
    overflow: hidden;
}

.z001Tact02 {
    border-bottom: 4px solid #006A9E;
    border-collapse: collapse;
    width: 100%;
}

.z01Lin {
    overflow: hidden;
    border-top: 2px solid #006A9E;
}

.z01LinCont {
    background-color: #dbe9f0;
    height: 32px;
}

.z01LinInt {
    height: 24px;
}

.z01LinBack {
    border-top: 2px solid #006A9E;
    background-color: #EEEFEF;
    font-weight: bold;
}

.z01 {
    border-bottom: 1px solid #474747;
    height: 22px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    line-height: 22px;
}

.z01Tit { /* Fondo gris, sin borde */
    height: 22px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    line-height: 22px;
    background-color: #DDD;
}

.z01Tact {
    border-bottom: 4px solid #006A9E;
    height: 31px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    line-height: 22px;
}

.z01b {
    border-bottom: 2px solid #006A9E;
    height: 22px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    line-height: 22px;
}

.z01R {
    border-bottom: 2px solid #006A9E;
    height: 22px;
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    line-height: 22px;
}

.z02 {
    padding-left: 5px;
    padding-right: 5px;
}

.z02b {
    padding-left: 7px;
    padding-right: 5px;
}

.z02d { /* justificado a la derecha */
    padding-left: 5px;
    padding-right: 15px;
    text-align: right !important;
}

.z02e {
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.z02Int {
    word-break: break-all;
    height: 22px;
}

.z02Int2 {
    float: left;
}

.z02Int2 {
    height: 21px;
    margin: 0 3px;
}

.z02filas {
    padding-left: 5px;
    padding-right: 5px;
    word-break: break-all;
    height: 44px;
}

.z02fila {
    padding-left: 5px;
    padding-right: 5px;
    word-break: break-all;
    height: 29px;
}

.z02Tab {
    height: 22px;
    border-collapse: collapse;
}

.z03 {
    border-bottom: 1px solid #8D8D8D;
    height: 22px;
    text-align: left;
    overflow: hidden;
    line-height: 22px;
}

.z03c {
    line-height: 22px;
    height: 22px;
    text-align: left;
    border-bottom: 4px solid #FFF;
}

.z03BordR {
    border-right: 1px solid #006A9E;
}

.z03Tact {
    border-bottom: 1px solid #8D8D8D;
    height: 31px;
    text-align: left;
    overflow: hidden;
    line-height: 22px;
}

.z03b {
    border-bottom: 1px solid #8D8D8D;
    height: 28px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.z03R {
    border-bottom: 1px solid #8D8D8D;
    height: 22px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
}

.zSp {
    border-bottom: 2px solid #006A9E;
    height: 21px;
    text-align: left;
    min-width: 17px !Important;
    max-width: 17px !Important;
    width: 17px;
}

.zSpA {
    border-bottom: 2px solid #006A9E;
    height: 21px;
    min-width: 23px;
    text-align: left;
}

.zScroll {
    max-height: 207px;
    overflow: auto;
    overflow-x: hidden;
}

.zScroll2 {
    max-height: 207px;
    overflow: auto;
}

.zScroll3 {
    overflow: auto;
    overflow-x: hidden;
}

.zScroll3DomingoAdicional {
    overflow: auto;
    overflow-x: hidden;
    min-height: 124px;
}

.zScroll4 {
    max-height: 324px;
    overflow: auto;
    overflow-x: hidden;
}

.zScroll5 {
    max-height: 207px;
    overflow: auto;
}

.zScroll6 {
    max-height: 207px;
    overflow: auto;
    overflow-x: hidden;
}

.zScroll7 {
    overflow: auto;
    max-height: 200px;
}

.zScroll7CambioTurno {
    overflow: hidden;
    max-height: 200px;
}

.zScroll8 {
    max-height: 290px;
    overflow: auto;
}

.ztabl {
    border-collapse: collapse;
}

.z100 {
    width: 100%;
}

.z50p {
    width: 50%;
}

.z90 {
    width: 90%;
}

.z80 {
    width: 80%;
}

.z70 {
    width: 70%;
}

.z60 {
    width: 60%;
}

.z40 {
    width: 40%;
}

.z30 {
    width: 30%;
}

.z20 {
    width: 20%;
}

.z10 {
    width: 10%;
}

.z20 {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
}

.z25 {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
}

.z50 {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.z250 {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.z200 {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.z100p {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.z90p {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}

.z80p {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
}

.z65p {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
}

.z65pPadding {
    padding-right: 17px;
}

.z130p {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
}

.z150p {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.z110p {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

.z120p {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.z400p {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.z720p {
    width: 720px;
    min-width: 720px;
    max-width: 720px;
}

.zt25 {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    border-bottom: 2px solid #006A9E;
    height: 21px;
    text-align: right;
    padding-right: 10px;
}

.zb25 {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    border-bottom: 1px solid #8D8D8D;
    height: 21px;
    text-align: right;
    padding-right: 10px;
}

.zt50 {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    border-bottom: 2px solid #006A9E;
    height: 21px;
    text-align: left;
}

.zt100 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    border-bottom: 2px solid #006A9E;
    height: 21px;
    text-align: left;
}

.zt150 {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    border-bottom: 2px solid #006A9E;
    height: 21px;
    text-align: left;
}

.zt100p {
    width: 100%;
    border-bottom: 2px solid #006A9E;
    height: 21px;
    text-align: left;
}

.zb50 {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    border-bottom: 1px solid #8D8D8D;
    height: 21px;
    text-align: left;
}

.zb100 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    border-bottom: 1px solid #8D8D8D;
    height: 21px;
    text-align: left;
}

.zb150 {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    border-bottom: 1px solid #8D8D8D;
    height: 21px;
    text-align: left;
}

.zb100p {
    width: 100%;
    border-bottom: 1px solid #8D8D8D;
    height: 21px;
    text-align: left;
}

.zG {
    width: 100%;
}

.zIco {
    width: 16px;
    min-width: 16px;
}
/* Fin Tabla o módulo base con scroll */

/************ botones */
#btn {
    background-color: #FFF;
}

.btnes { /* botones */
    width: 100%;
}

.tbl {
    margin: auto;
}

.tblR {
    float: right;
}

.tblCP {
    display: inline-block;
}

.tblC { /* NO borrar muy utilizado en varios */
    margin: auto;
}

.btns-div {
    height: 34px;
    margin: auto;
}

.btns-Establecimiento {
    display:flex;
    justify-content: flex-end;
    width:100%
}

.btns-divR {
    height: 34px;
    margin: auto;
    float: right;
}

.btns-div50 {
    height: 50px;
}

.btns-div40 {
    height: 40px;
    margin: auto;
}

.btns-div40S {
    height: 34px;
}

.btns-divL20 {
    height: 20px;
    margin: auto;
    float: left;
}

.btns-divL35 {
    height: 35px;
    margin: auto;
    float: left;
}

.btns-divL20R {
    height: 20px;
    margin: auto;
    float: right;
}

.btns-divL {
    height: 50px;
    margin: auto;
    float: left;
}

.btns-divb {
    height: 50px;
    margin: auto;
}

.btns-divLetf {
    background-color: #FFFFFF;
    float: left;
    height: 50px;
    margin: auto;
}

.btns {
/*    padding: 0px;
    height: 34px !important;
    cursor: pointer;
    margin: auto;*/
    text-decoration: none !important;
}

    .btns:hover {
        text-decoration: none !important;
    }

.btnSCont {
    float: left;
    margin: 0 5px;
}

.btnCont {
    float: left;
    margin: 0 5px;
}

.btnsGL {
    padding: 0px;
    height: 44px !important;
    display: block;
    cursor: pointer;
    margin: auto;
    text-decoration: none !important;
}

    .btnsGL:hover {
        color: #8D8D8D;
    }

.btnsS {
    padding: 0px;
    height: 21px !important;
    display: block;
    cursor: pointer;
    margin: auto;
    text-decoration: none !important;
}

    .btnsS:hover {
        text-decoration: none !important;
        color: #8D8D8D;
    }

/* BOTONES DE BLOQUEO */
.btnsB {
    padding: 0px;
    height: 28px !important;
    display: block;
    margin: auto;
    text-decoration: none !important;
    cursor: text !important;
}

.btn_u {
    padding: 10px;
}

.btn_R {
    padding: 3px 2px;
}

.btn_R2 {
    padding-left: 0px;
}

/* BOTON AZÚL */
.RRbtn_c { /* Recepción y reposición */
    font-size: 15px;
    font-weight: bold !important;
}

.btn_l, .btn_r, .btn2_l, .btn2_r { /* No borrar! eliminan bordes laterales en botones */
    display: none;
}

/* Botón Normal */
.btn_c {
    height: 28px;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: middle;
    color: #0066c7;
    font-size: 14px;
    text-decoration: none;
    text-align: center !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    font-weight: bold;
    line-height: 26px;
    min-width: 40px;
    cursor: pointer;
    border: #4897e3 1px solid;
}
    .btn_c:hover {
        background-color: #08f;
        border: #08f 1px solid;
        color: #FFFFFF;
        line-height: 26px;
        text-decoration:none;
    }
  
    .btn_c span {
        color: #0066c7;
    }

    .btn_c:hover span {
        background-color: #08f;
        border: #08f 1px solid;
        color: #FFFFFF;
        line-height: 26px;
        text-decoration: none;
    }

/* Botón Deshabilitado */
.btn_desh {
    height: 28px;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: middle;
    color: #A9A9AA;
    font-size: 14px;
    text-decoration: none;
    text-align: center !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    font-weight: bold;
    line-height: 26px;
    min-width: 40px;
    cursor: pointer;
    border: #A9A9AA 1px solid;
}

/* BOTON CELESTE Recepción y reposición */
 .RRbtn2_c {
    height: 30px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #009bdb;
    vertical-align: middle;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    text-align: center !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    font-weight: bold;
    line-height: 30px;
    margin: 2px 0;
}
.RRbtn2_c { /* Recepción y reposición */
    font-size: 15px;
    font-weight: bold !important;
}
/* BOTON GRIS - BLOQUEADO */
.btn3_l {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/btn3_l.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.btn3_c {
    height: 34px;
    padding-left: 7px;
    padding-right: 7px;
    background-image: url(../Imagenes/Web/Layout/botones/btn3_c.png);
    background-position: right;
    background-repeat: repeat-x;
    vertical-align: middle;
    color: #000;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    text-align: center !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: owrap;
    font-weight: normal !important;
    line-height: 34px;
}
.btn3_r {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/btn3_r.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}

/*Boton Cierre Planificacion Deshabilitado*/
.btnCPD_c {
    width: 170px;
    height: 24px;
    border: 1px solid #A9A9AA;
    opacity: 1;
    font: normal normal bold 13px/16px Lato;
    letter-spacing: 0px;
    color: #A9A9AA;
    padding-top: 6px;
    margin-top: 6px;
}
.btnCPD_l {
    width: 9px;
    height: 34px;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}
.btnCPD_r {
    width: 9px;
    height: 34px;
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}
/*Boton Cierre Planificacion Habilitado*/
.btnCPR_c {
    width: 170px;
    height: 24px;
    background: #007EFF 0% 0% no-repeat padding-box;
    opacity: 1;
    font: normal normal bold 13px/16px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding-top: 6px;
    margin-top: 6px;
}

.btnCPR_l {
    width: 9px;
    height: 34px;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.btnCPR_r {
    width: 9px;
    height: 34px;
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}
/*Boton Cierre Planificacion Normal*/
.btnCP_c {
    width: 170px;
    height: 24px;
    border: 1px solid #007EFF;
    opacity: 1;
    font: normal normal bold 13px/16px Lato;
    letter-spacing: 0px;
    color: #007EFF;
    padding-top: 6px;
    margin-top: 6px;
}

.btnCP_l {
    width: 9px;
    height: 34px;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.btnCP_r {
    width: 9px;
    height: 34px;
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}

/* BOTON ROJO - ERROR */
.btnE_l { /* Botón para popup error */
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/titE_l.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.btnE_c {
    height: 34px;
    padding-left: 7px;
    padding-right: 7px;
    background-image: url(../Imagenes/Web/Layout/botones/titE_c.png);
    background-position: right;
    background-repeat: repeat-x;
    vertical-align: middle;
    color: #000;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    text-align: center !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    font-weight: bold;
    line-height: 34px;
}

.btnE_r {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/titE_r.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}
/* BOTON RAMARILLO - ADVENTENCIA U OMISIÓN */
.btnOM_l {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/btnOM_l.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.btnOM_c {
    height: 34px;
    padding-left: 7px;
    padding-right: 7px;
    background-image: url(../Imagenes/Web/Layout/botones/btnOM_c.png);
    background-position: right;
    background-repeat: repeat-x;
    vertical-align: middle;
    color: #000;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    text-align: center !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    font-weight: 400;
    line-height: 34px;
}

.btnOM_c {
    text-decoration: none;
    color: #000000;
}

.btnOM_r {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/btnOM_r.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}

/* BOTON GRIS pequeño */
.btnS_l {
    width: 4px;
    height: 21px;
    background-image: url(../Imagenes/Web/Layout/botones/btnS_l.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.btnS_c {
    height: 21px;
    padding-left: 3px;
    padding-right: 3px;
    background-image: url(../Imagenes/Web/Layout/botones/btnS_c.png);
    background-position: right;
    background-repeat: repeat-x;
    vertical-align: middle;
    font-size: 12px;
    color: #8D8D8D;
    text-decoration: none;
    text-align: center !important;
    margin-left: 4px;
    margin-right: 4px;
    white-space: nowrap;
    font-weight: bold;
    line-height: 21px;
}

.btnS_r {
    width: 4px;
    height: 21px;
    background-image: url(../Imagenes/Web/Layout/botones/btnS_r.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}
/* BOTON GRIS L */
.btnGL_l {
    width: 4px;
    height: 44px;
    background-image: url(../Imagenes/Web/Layout/botones/btnGL_l.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.btnGL_c {
    height: 44px;
    padding-left: 4px;
    padding-right: 4px;
    background-image: url(../Imagenes/Web/Layout/botones/btnGL_c.png);
    background-position: right;
    background-repeat: repeat-x;
    vertical-align: middle;
    font-size: 22px;
    color: #737373;
    text-decoration: none;
    text-align: center !important;
    margin-left: 4px;
    margin-right: 4px;
    white-space: nowrap;
    font-weight: bold;
    line-height: 47px;
}

.btnGL_r {
    width: 4px;
    height: 44px;
    background-image: url(../Imagenes/Web/Layout/botones/btnGL_r.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}

.btnCargar { /* Usar sólo en Cargadores - Parche librería */
    height: 24px;
    width: 100px;
    padding-top: 4px;
    border-radius: 4px;
    background-image: url(../Imagenes/Web/layout/botones/btn_Espe.png);
    background-position: top;
    background-repeat: repeat-x;
    margin-left: 20px;
    height: 30px !important; /* parche provisorio */
}

    .btnCargar:hover {
    }

    /* Botón Resaltado */
.btn2_c {
    height: 30px;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    text-align: center !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    font-weight: bold;
    min-width: 32px;
    cursor: pointer;
    background-color: #017EFF;
    line-height: 29px;
}
    .btn2_c:hover {
        background-color: #0066CC;
        color: #FFFFFF;
        text-decoration: none;
        line-height: 29px;
    }
    .btn2_c span {
        color: #FFFFFF;
    }
    .btn2_c:hover span {
        background-color: #0066CC;
        color: #FFFFFF;
        text-decoration: none;
        line-height: 29px;
    }
   /* Botón Resaltado */

/*  Reparación botones DevExpress resaltado  */

.btn2_c_dev {
    height: 30px;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    text-align: center !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    font-weight: bold;
    min-width: 32px;
    cursor: pointer;
    background-color: #017EFF;
    line-height: 29px;
} 
    .btn2_c_dev:hover {
        background-color: #0066CC;
        color: #FFFFFF;
        text-decoration: none;
        line-height: 29px;
    }

    .btn2_c_dev span {
    }

    .btn2_c_dev:hover span {
        color: #FFFFFF;
        text-decoration: none;
    }
/* Botón Resaltado DevExpress */

/* Caja INPUT CALENDARIO */
.calend {
    height: 25px;
    /*float:left;
			width:100px;*/
}

.calend2 {
    width: 17px;
    float: right;
    height: 17px;
    padding-top: 3px;
}

.calend3 {
    height: 12px;
    float: left;
}

.cont_calend {
    width: 100%;
    background-color: #FFFFFF;
    background-image: url(../Imagenes/Web/layout/fondo_caja_form.jpg);
    background-position: center center;
    background-repeat: repeat-x;
    border: 1px solid #c5c5c5;
    /*border-radius:4px; mejora*/
    color: #666666;
    font-size: 13px;
    height: 24px;
    text-align: left;
    border-collapse: separate;
    margin: 1px 0;
}

.cont_calend2 {
    width: 162px;
    background-image: url(../Imagenes/Web/layout/fondo_caja_form.jpg);
    background-position: center center;
    background-repeat: repeat-x;
    border: 1px solid #c5c5c5;
    /*border-radius:4px; mejora*/
    color: #666666;
    font-size: 13px;
    height: 15px;
    text-align: left;
}

.cont_calend3 {
    width: 73px;
    color: #666666;
    font-size: 10px;
    height: 10px;
    text-align: left;
    border-collapse: separate;
    margin: 1px 0;
    margin-left: 5px;
}

.cont_flechaDOWN {
    width: 142px;
    background-image: url(../Imagenes/Web/layout/fondo_caja_form.jpg);
    background-position: center center;
    background-repeat: repeat-x;
    border: 1px solid #c5c5c5;
    /*border-radius:4px; mejora*/
    color: #666666;
    font-size: 13px;
    height: 15px;
    text-align: left;
}

.cont_inp { /* campo para texto */
    height: 15px !important;
    padding: 3px 1px 2px 4px !important;
    border: none !important;
}

.cont_inpN { /* campo sólo para números */
    height: 15px !important;
    padding: 4px 1px 2px 4px !important;
    border: none !important;
}

.cont_inp2 {
    height: 15px !important;
    padding: 2px 4px !important;
    border: none !important;
}

.cont_inp3 { /* input para texto, más pequeño el height */
    height: 14px !important;
    padding: 0 2px !important;
    border: none !important;
}

.cont_inp4 { /* input para texto, más pequeño el height */
    height: 14px !important;
    padding: 0 2px !important;
    border: none !important;
    max-width: 15px;
    overflow: hidden;
}

.cont_inp5 { /* campo para texto */
    height: 10px !important;
    padding: 0 !important;
    border: none !important;
}

.conCamp {
    float: right;
}

.inp, .inpR, .inpR2, .inp2 {
    width: 100%;
    border: 0 none !important;
    background-color: transparent;
    color: #000000;
}

.inp { /* Usado en el general de los input */
    height: 15px;
    text-align: left;
    font-size: 13px !important;
}

.inpR { /* Para input ajustados a la izquierda */
    height: 15px;
    text-align: right;
    font-size: 13px !important;
}

.inpR2 { /* Para input con menos alto y ajustados a la izquierda */
    height: 14px;
    font-size: 12px !important;
    text-align: right;
}

.inp2 {
    font-size: 11px !important;
    color: #006A9E;
    height: 10px;
    text-align: left;
}

.inpN { /*Input sólo para números, por tema de programación */
    width: 100%;
    border: 0 none !important;
    height: 15px;
    background-color: transparent;
    color: #666666;
    font-size: 13px !important;
    text-align: left;
}

.cont_ico {
    height: 18px !important;
    padding-top: 1px;
    width: 18px !important;
    border: none !important;
    cursor: pointer;
}

.cont_ico2 {
    height: 10px !important;
    padding: 0;
    width: 13px !important;
    border: none !important;
    cursor: pointer;
}

.cont_icos {
    border-collapse: collapse;
    border-collapse: separate;
}

.ico_calend {
    height: 20px;
    border: none !important;
}

.ico_calend2 {
    height: 10px;
    border: none !important;
}

.img_calend {
    width: 17px;
    height: 18px;
}

.img_calend2 {
    height: 10px;
    width: 10px;
    float: right;
    cursor: pointer;
    margin: 0 0 0 2px;
}

.N1:hover, .N2:hover, .N3:hover {
    background-color: #D1D1D1;
}
/*tr.Activ td {
			background-color: DDDDDD;
			}*/

.Activ { /* Color fondo gris para lineas, principalmente seleccionadas */
    background-color: #D1D1D1;
}
/* Fin Caja INPUT CALENDARIO */

/* Títulos, recuadros y otros */
.dxgvEditForm {
    background-color: transparent !important;
}

    .dxgvEditForm td.dxgv {
        padding: 0;
        border-bottom: 1px solid #8D8D8D;
    }

.dxgvExc {
    padding: 15px !important;
}
/* Contenedores */
.cajaDES {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px;
}

.cajaDESCab01 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0 10px 10px 10px;
    border: 1px solid #8D8D8D;
}

.cajaDESa {
    margin: 10px auto;
    padding: 10px 10px 30px;
    border: 1px solid #8D8D8D;
}

.cajaDESb {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #8D8D8D;
}

.cajaDES7 {
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #8D8D8D;
}

.cajaDES2 {
    padding: 15px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.cajaDES2B {
    padding: 5px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #8D8D8D;
}

.cDES2Bco {
    padding: 5px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #FFFFFF;
}

.cajaDES3 {
    padding: 10px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.cajaContenidoNoticia {
    height: auto;
    margin: auto auto 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
    border-bottom: 1px solid #DDDDDD;
}

.cajaDES3B {
    padding: 10px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

.cajaDES3c {
    padding: 10px 20px 20px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

.cajaDES3d {
    padding: 5px 15px 15px 15px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid #8D8D8D;
}

.cajaDES3F { /* Sin padding, ni margen abajo */
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #006A9E;
}

.cajaDES5 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #8D8D8D;
    display: inline-block;
}

.cajaDES4 { /* cuadro para información que no necesita padding superiores o bajos, como el caso de "basarse en otro" */
    border: 1px solid #8D8D8D;
    margin: 10px auto 0;
    padding: 0 30px;
}

.cajaDES9 { /* borde color azúl */
    padding: 20px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #8D8D8D;
    overflow: auto;
}

.cajaDES10 {
    padding: 8px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #8D8D8D;
}

.cajaDESAyuda { /* Línea verde, poco padding, para ayuda.*/
    margin-top: 3px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border: 1px solid #559B23;
}

.cajaDES11 {
    border: 1px solid #006A9E;
}

.cajaDESE { /* Recuadro con línea roja para mensajes de error */
    border: 1px solid #900;
    min-height: 20px;
    text-align: left;
    line-height: 17px;
}

.cajaDESC { /* Recuadro con línea azúl para mensajes de éxito */
    border: 1px solid #006A9E;
    min-height: 20px;
    text-align: left;
}

.cajaDESA { /* Recuadro con línea amarilla para mensajes de advertencia u omisión */
    border: 1px solid #FC0;
    min-height: 20px;
    text-align: left;
}

.cajaDESAb { /* Recuadro con línea amarilla para mensajes de advertencia u omisión */
    min-height: 17px;
    text-align: left;
    line-height: 17px;
    padding: 4px 4px;
    margin-bottom: 5px;
    background-color: #fff8b2;
}

.cajaDESAm {
    border: 1px solid #FC0;
    min-height: 18px;
    text-align: left;
    line-height: 18px;
    padding: 5px;
    margin-bottom: 10px;
}
/***************** SIN BORDES */
.cajaDESCab {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 0 15px;
}

.cajaDESCabMT15 { /* Margin top 15px */
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 0 15px;
}

.cajaDESsL { /* recuadro de texto para comentarios y descripciones */
    padding: 10px 0px;
    margin-top: -2px;
    max-width: 1200px;
}

.cajaDESCab02 {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 10px 15px 0 15px;
}

.cajaDESCab03 {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 0 15px;
}

.cajaDESNoL { /* SIN BORDE */
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px;
}

.cajaDESReport {
    margin: 0 10px 10px 10px;
}

.cajaDES3E { /* SIN BORDE */
    padding: 5px 10px 15px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}
/***************** FONDO COLOR */
.cajaDESCab04 {
    margin: 5px 1px 20px 1px;
    background-color: #FFF;
    padding: 20px;
}

.cajaDESCab04b {
    margin: 5px 1px 20px 1px;
    background-color: #FFF;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 10px;
}

.cajaDESCab05 {
    margin: 20px;
    background-color: #FFF;
    padding: 20px;
}

.cajaDESCab05Pest {
    margin: 0 20px 20px 20px;
    background-color: #FFF;
    padding: 0 20px 20px 20px;
}

.cajaDESCab05sp {
    margin: 20px;
    background-color: #FFF;
}

.cajaDESCabG {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 10px 15px 0 15px;
    background-color: #EEEFEF;
}

.cajaDES8 {
    padding: 0px 10px;
    margin-top: 7px;
    margin-left: auto;
    margin-right: auto;
    background-color: #EEEFEF;
}

.cajaDES8b {
    padding: 0px 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #EEEFEF;
}

.cajaDES8c { /* Textos en gris */
    padding: 5px 10px 10px 10px;
    margin: 0 10px;
    background-color: #EEEFEF;
    color: #888787 !important;
}

.cajaDES12 {
    padding: 0px 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #EEEFEF;
    line-height: 20px;
    height: 20px;
    border-radius: 5px;
}

.cajaDES13 {
    padding: 1px 10px;
    border-radius: 6px;
    background-color: #EEEFEF;
}

/* RECUADRO CELESTE PARA FILTROS O SELECCIÓN MULTIPLE */
.cajaDES6 { /* Con scroll 84 de alto máx.*/
    margin-top: 3px;
    margin-bottom: 5px;
    padding: 5px 10px;
    max-height: 84px;
    overflow-y: auto;
    background-color: #EEEFEF;
}

.cajaDES6SB { /* Con scroll 84 de alto máx. SIN BORDES, NI MARGEN*/
    padding: 3px 10px;
    max-height: 84px;
    overflow-y: auto;
    background-color: #EEEFEF;
}

.cajaDES6a { /* Con scroll 120 de alto máx. SIN BORDES,*/
    margin-top: 3px;
    margin-bottom: 5px;
    padding: 5px 10px;
    max-height: 120px;
    overflow-y: auto;
    background-color: #EEEFEF;
}

.cajaDES6c { /* Con scroll 84 de alto máx. SIN MARGEN TOP, SIN BORDES, FONDO CELESTE */
    margin-bottom: 5px;
    padding: 5px 10px;
    max-height: 75px;
    overflow-y: auto;
    background-color: #EEEFEF;
}

.cajaDES6b { /* Con scroll 200 de alto máx., SIN BORDES */
    margin-top: 3px;
    margin-bottom: 5px;
    padding: 5px 10px;
    max-height: 200px;
    overflow-y: auto;
    background-color: #EEEFEF;
}

.cajaDES6d {
    margin-top: 3px;
    margin-bottom: 5px;
    padding: 5px 10px;
    margin-left: 5px;
    max-height: 200px;
    overflow-y: auto;
    background-color: #EEEFEF;
}

.cajaDES6e { /* Con scroll 250 de alto máx. , SIN BORDES, FONDO BCO */
    overflow: auto;
    max-height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 10px;
    padding-top: 5px;
}

.cajaDES6f { /* Con scroll 200 de alto máx., SIN BORDES */
    margin-top: 3px;
    padding: 5px 10px;
    max-height: 200px;
    overflow-y: auto;
    background-color: #EEEFEF;
}

.cajaDES6g {
    margin-top: 5px;
    margin-bottom: 5px;
    max-height: 200px;
    overflow-y: auto;
    background-color: #EEEFEF;
    font-size: 15px;
    text-align: left;
    padding: 8px 12px;
}

.cajaDES6h { /* Sin bordes, margenes, ni padding */
    overflow-y: auto;
    background-color: #EEEFEF;
}

.cajaDES6i { /* Con scroll SIN alto máx., SIN BORDES */
    margin-bottom: 5px;
    padding: 5px 10px;
    overflow-y: auto;
}
/* Sin color de fondo */
.cajaDES714 { /* Sin bordes, margenes, ni padding */
    overflow-y: auto;
}
/* CONTENEDOR Título */
.cajaFORMS {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cajPARM {
    margin: auto;
    text-align: left;
    padding-top: 10px;
    height: 20px;
    line-height: 20px;
}

.cajPARMPaddL {
    margin: auto;
    text-align: left;
    padding-top: 10px;
    height: 18px;
    padding-left: 10px;
    font-weight: bold;
}

.TextBLinH {
    font-weight: bold;
    line-height: 20px;
}

.cajPARMPadd {
    margin: auto;
    text-align: left;
    padding-top: 20px;
    height: 18px;
    padding-left: 18px;
    font-weight: bold;
    color: #888787;
}
/* TÍTULOS */
.cajPARMReportes { /* Títulos SIN línea gris baja, sin padding abajo */
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px 15px 0;
    border: 20px solid #EEEFEF;
}

.cajPARMCab { /* Títulos SIN línea gris baja, sin padding abajo */
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px 15px 0;
}

.cajPARMReportes02 { /* Títulos línea gris baja, sin padding abajo */
    text-align: left;
    height: 17px;
    padding-top: 8px;
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold
}

.cajPARM12 {
    margin: auto;
    text-align: left;
    padding-top: 10px;
    height: 12px;
}

.cajPARMb { /* Especial para tablero de análisis */
    margin: auto;
    text-align: left;
    padding-top: 8px;
    height: 18px;
}

.cajPARMc { /* Títulos con poco padding */
    margin: auto;
    text-align: left;
    padding-top: 5px;
    height: 18px;
    cursor: pointer;
    line-height: 18px;
}

    .cajPARMc:hover { /* Títulos con poco padding */
        text-decoration: none;
    }

.cajPARMd { /* Títulos con poco padding */
    margin: auto;
    text-align: left;
    padding-top: 5px;
    height: 18px;
}

.cajPARMdCGris { /* Títulos con poco padding- COLOR TEXTO GRIS */
    margin: auto;
    text-align: left;
    padding-top: 5px;
    height: 18px;
    color: #8D8D8D;
}

.cajPARM2 { /* Títulos con línea gris baja */
    margin: auto;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 0px;
    border-bottom: 1px solid #DDDDDD;
}

.cajPARM2sL { /* Títulos SIN línea gris baja, color gris de fondo y Float LEft*/
    margin: auto;
    text-align: left;
    float: left;
    margin-top: 10px;
}

.cajPARM2Az { /* Títulos con línea gris baja */
    margin: auto;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 0px;
    border-bottom: 2px solid #006A9E;
}

.cajPARM2H { /* Títulos con línea gris baja, alto 32 */
    margin: auto;
    text-align: left;
    padding-bottom: 0px;
    background-color: #DDDDDD;
    margin-top: 10px;
    height: 32px;
    margin-bottom: 5px;
}

.cajPARM3 { /* Títulos con línea gris baja */
    border-top: 1px solid #DDDDDD;
    height: 24px;
    margin: auto auto 5px;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: left;
}

.cajPARM3Alto { /* Títulos con línea gris baja */
    border-bottom: 1px solid #DDDDDD;
    height: 30px;
    margin: auto auto 5px;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: left;
}

.cajPARM3Tit { /* Títulos con línea gris baja */
    border-bottom: 1px solid #DDDDDD;
    height: 31px;
    margin: auto auto 5px;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: left;
}

.cajPARM3C { /* Títulos en negrita, con línea azúl baja */
    border-bottom: 2px solid #006A9E;
    height: 24px;
    margin: auto auto 2px;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
}

.cajPARM3D { /* Títulos con línea gris baja, FONDO GRIS */
    border-bottom: 1px solid #006A9E;
    height: 19px;
    text-align: left;
    Background-color: #D1D1D1;
    padding-top: 3px;
    padding-left: 5px;
    line-height: 17px;
}

.cajPARM3E { /* Títulos con línea gris baja, FONDO GRIS CLARO */
    border-bottom: 1px solid #006A9E;
    height: 19px;
    text-align: left;
    Background-color: #EEEFEF;
    padding-top: 3px;
    padding-left: 5px;
    line-height: 17px;
    overflow: hidden;
}

.cajPARM3TB { /* Titulos con borde */
    border-top: 1px solid #DDDDDD;
    height: 24px;
    margin: 0px 0px 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
}

.cajPARM3SB { /* Títulos sin borde */
    height: 24px;
    margin: 0px 0px 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
}

.cajPARM3Etext { /* texto con margenes en left y righ */
    word-break: break-all;
    height: 16px;
    margin-left: 18px;
    margin-right: 30px;
    font-weight: bold;
    overflow: hidden;
}

.cajPARM3F { /* fondo color gris */
    height: 20px;
    margin: auto auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    background-color: #DDD;
    line-height: 20px;
    padding-left: 5px;
}

.cajPARM3F2 { /* fondo color gris */
    height: 20px;
    margin: auto auto;
    margin-bottom: 5px;
    text-align: left;
    background-color: #DDD;
    line-height: 20px;
    padding-left: 5px;
}

.cajPARM3F3 { /* fondo color gris, sin padding, Pointer y margen top ni bottom */
    cursor: pointer;
    height: 22px;
    background-color: #D1D1D1;
    font-weight: bold;
    border: none;
}

.cajPARM3F4 { /* fondo color bco, sin padding, Pointer y margen top ni bottom */
    cursor: pointer;
    height: 21px;
    font-weight: bold;
    border: none;
}

.cajPARM3F5 { /* fondo color gris */
    height: 20px;
    margin: auto auto;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: left;
    background-color: #DDD;
    line-height: 20px;
    padding-left: 5px;
}

.cajPARM3G {
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    height: 18px;
    margin: auto auto 5px;
    text-align: left;
}

.cajPARM3H { /* Títulos en negrita, con línea azúl baja */
    border-bottom: 2px solid #006A9E;
    height: 18px;
    margin: auto 0;
    text-align: left;
    font-weight: bold;
}

.cajPARM3I { /* fondo color gris */
    height: 20px;
    margin: auto auto;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: left;
    background-color: #DDD;
    line-height: 20px;
    padding-left: 5px;
}

.cajaPARM3J {
    background-color: #c5d5e0 !important;
    height: 35px;
    margin-bottom: 5px;
}

.cajPARM2b { /* Títulos con línea gris baja */
    margin: auto;
    text-align: left;
    margin-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
}

.cajPARM3B { /* Títulos con línea gris baja y textos negrita */
    border-bottom: 1px solid #DDDDDD;
    height: 20px;
    margin: auto auto 6px;
    padding-top: 15px;
    padding-bottom: 0px;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}

.tituloNoticia {
    font-size: 15px;
}

.cajPARMG { /* Títulos con línea gris baja y color gris letra */
    border-bottom: 1px solid #DDDDDD;
    height: 20px;
    margin: auto auto 5px;
    padding-top: 0px;
    padding-bottom: 4px;
    text-align: left;
}

.cajPARM4 {
    border-bottom: 1px solid #DDDDDD;
    margin: auto;
    padding-bottom: 4px;
    padding-top: 8px;
    height: 18px;
}

.cajPARM4b {
    margin: auto;
    padding-bottom: 4px;
    padding-top: 8px;
    height: 18px;
}

.cajPARM5 {
    height: 15px;
    margin: auto auto 0px;
    padding-top: 2px;
    text-align: left;
}

.cajPARM5b {
    height: 15px;
    padding-top: 34px;
    text-align: left;
}

.cajPARM5c {
    height: 15px;
    padding-top: 2px;
    text-align: left;
    padding-bottom: 5px;
}

.cajPARM5d {
    height: 18px;
    margin: auto auto 0px;
    margin-top: 5px;
    text-align: left;
    line-height: 18px;
}

.cajPARM6 { /* Títulos para visualizador de curvas */
    padding: 0px 20px 10px 20px;
    overflow: auto;
    overflow-y: hidden;
}

.cajPARM7 {
    padding-bottom: 5px;
    margin: auto;
    text-align: left;
    padding-top: 10px;
    height: 18px;
}

.cajPARMTit {
    text-align: left;
    font-weight: bold;
    height: 15px;
    margin: auto auto 0px;
    padding-top: 5px;
    color: #015a86;
}
/* Título íconos descargar en distintos formatos */
.DesDifForms {
    margin: auto;
    text-align: left;
    padding-top: 10px;
    height: 18px;
    padding-bottom: 5px;
}

/* Anchos, margenes y otros */
.w1 {
    width: 2%;
}

.w1b {
    width: 1%;
}

.w2 {
    width: 11%;
}

.w2b {
    width: 14.2%;
}

.w3 {
    width: 18%;
}

.w4 {
    width: 3%;
}

.w5 {
    width: 9%;
}

.w8 {
    width: 21%;
}

.w8b {
    width: 18%;
}

.w7 {
    width: 10.5%;
}

.w9 {
    width: 14.4%;
}

.w180px {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    border-right: 1px solid #006A9E;
}

.w90px {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}

.w50px {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.w30px {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
}

.w850 {
    width: 850px;
}
/* Pantalla INICIO: layout columnas */
.colsINICIO23, .colsINICIO32, .colsINICIO65, .colsINICIO48, .colsINICIO49, .colsINICIO98 {
    margin-left: 1%;
    margin-top: 1%;
    margin-bottom: 1%;
    height: 100%;
    float: left;
}

.colsINICIO23 {
    width: 23.5%;
}

.colsINICIO32 {
    width: 32%;
}

.colsINICIO65 {
    width: 65%;
}

.colsINICIO48 {
    width: 48.5%;
}

.colsINICIO49 {
    width: 49%;
}

.colsINICIO98 {
    width: 98%;
}
/* FIN Pantalla INICIO */
/* Usuarios:Información - Cuadro FORMULARIO AZÚL */
.cajaF {
}

.caja1F, .caja1F .c1F, .caja1F .c1F .c2F, .caja1F .c1F .c2F .c3F {
    background: url(../Imagenes/Web/layout/bordes_cajaF.png) transparent no-repeat;
}

    .caja1F .c1F .c2F .c3F .c4F, .caja1F .c1F .c2F .c3F .c4F .c5F {
        background-color: #FFF;
        border: 2px solid #006A9E;
    }

.caja1F {
    margin: auto;
    background-position: bottom right;
}

    .caja1F .c1F {
        background-position: top right;
    }

        .caja1F .c1F .c2F {
            background-position: top left;
        }

            .caja1F .c1F .c2F .c3F {
                background-position: bottom left;
                padding: 0 8px;
            }

                .caja1F .c1F .c2F .c3F .c4F {
                    padding: 7px 0;
                    border-left: 0;
                    border-right: 0;
                }

                    .caja1F .c1F .c2F .c3F .c4F .c5F {
                        padding: 0 7px;
                        margin: 0 -8px;
                        border-top: 0;
                        border-bottom: 0;
                    }

    .caja1F p, .caja1F ul, .caja1F ol {
        margin: 0;
        padding: 0;
    }

.tab-cont {
    width: 100%;
}

.td-foto {
    border: none;
    text-align: left;
    vertical-align: top;
}

.td-fotoE {
    min-width: 130px;
    width: 130px;
    border: none;
    height: 130px;
    text-align: left;
    vertical-align: top;
}

.td-fotoAutorizHHEE {
    min-width: 30px;
    width: 30px;
    border: none;
    height: 30px;
    text-align: left;
    vertical-align: top;
}

.td-foto2, .link_F2 { /* foto para ficha tienda, Depto, etc */
    border: medium none;
    height: 200px;
    text-align: left;
    vertical-align: top;
    min-width: 267px;
}

.td-foto4 {
    border: medium none;
    text-align: left;
    vertical-align: top;
}

.link_F3 {
    position: absolute;
    z-index: 999;
    background-color: #FFF;
    height: 22px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    padding-top: 3px;
    text-align: left;
    margin-top: -25px;
    opacity: 0.7;
}

.td-foto3 {
    border: medium none;
    height: 300px;
    text-align: left;
    vertical-align: top;
    width: 400px;
}

.td-foto, .link_F { /* foto para ficha trabajador, usuario, persona */
    min-width: 180px;
    width: 180px;
}

.link_F, .link_F2 {
    position: absolute;
    z-index: 999;
    background-color: #FFF;
    height: 22px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    margin-top: -25px;
    cursor: pointer;
    opacity: 0.5;
    padding-top: 3px;
}

    .link_F:hover, .link_F2:hover {
        opacity: 0.7;
    }

.link_F3:hover {
    opacity: inherit;
}

.tdL-l, .tdR-l {
    width: 140px;
    height: 25px;
    padding-left: 0;
    padding-right: 7px;
    text-align: left;
}

.tdL-r, .tdR-r {
    height: 45px;
    text-align: left;
}

.td-left {
    height: 25px;
    padding-left: 10px;
    padding-right: 7px;
    text-align: left;
    width: 50%;
}

.td-right {
    height: 45px;
    text-align: left;
}

.td-left2 {
    height: 25px;
    padding-left: 20px;
    padding-right: 7px;
    text-align: left;
    width: 97px;
}

.td-right3 {
    height: 35px;
    text-align: left;
}

.tdWP {
    width: 28%;
    margin-right: 8%;
}

.tdW {
    width: 28%;
}

.TrabRight { /* Ficha trabajador */
    float: right;
    width: 400px;
}

.TrabCenter {
    margin-right: 400px;
    margin-left: 100px;
    height: 100%;
}

.TrabContItem {
    text-align: left;
    overflow: hidden;
    height: auto;
    padding: 20px 40px;
    ;
    font-weight: 400;
    line-height: 19px;
    background-color: #FFF;
    margin: 20px;
    cursor: inherit;
}

.TrabDat {
    margin-right: 0;
    margin-left: 0;
    width: 50%;
    float: left;
    line-height: 23px;
    height: 100%;
}

.TrabDat01 {
}
/*************** Fin Usuarios:Información - Cuadro FORMULARIO AZÚL */
/*************** Cuadros FICHA fondo color */
.caja00 {
    height: 100%;
    margin-top: 20px;
}

.caja0, .caja0 .c01, .caja01 .c01 .c02, .caja0 .c01 .c02 .c03 {
    background: url(../Imagenes/Web/layout/bordes_cajaE.png) transparent no-repeat;
}

    .caja0 .c01 .c02 .c03 .c04, .caja0 .c01 .c02 .c03 .c04 .c05 {
        background-color: #97B3BD;
        border: none;
    }

.caja0 {
    width: 70%;
    margin: auto;
    background-position: bottom right;
}

    .caja0 .c01 {
        background-position: top right;
    }

        .caja0 .c01 .c02 {
            background-position: top left;
        }

            .caja0 .c01 .c02 .c03 {
                background-position: bottom left;
                padding: 0 8px;
            }

                .caja0 .c01 .c02 .c03 .c04 {
                    padding: 7px 0;
                    border-left: 0;
                    border-right: 0;
                }

                    .caja0 .c01 .c02 .c03 .c04 .c05 {
                        padding: 0 7px;
                        margin: 0 -8px;
                        border-top: 0;
                        border-bottom: 0;
                    }

    .caja0 p, .caja0 ul, .caja0 ol {
        margin: 0;
        padding: 0;
    }
/*  Caja FICHA INTERNA fondo blanco */
.caja01 {
    height: 100%;
}

.caja10, .caja10 .c11, .caja10 .c11 .c12, .caja10 .c11 .c12 .c13 {
    background: url(../Imagenes/Web/layout/bordes_cajaE.png) transparent no-repeat;
}

    .caja10 .c11 .c12 .c13 .c14, .caja10 .c11 .c12 .c13 .c14 .c15 {
        background-color: #FFF;
        border: none;
    }

.caja10 {
    width: 70%;
    background-position: bottom right;
}

    .caja10 .c11 {
        background-position: top right;
    }

        .caja10 .c11 .c12 {
            background-position: top left;
        }

            .caja10 .c11 .c12 .c13 {
                background-position: bottom left;
                padding: 0 8px;
            }

                .caja10 .c11 .c12 .c13 .c14 {
                    padding: 7px 0;
                    border-left: 0;
                    border-right: 0;
                }

                    .caja10 .c11 .c12 .c13 .c14 .c15 {
                        padding: 0 7px;
                        margin: 0 -8px;
                        border-top: 0;
                        border-bottom: 0;
                    }

    .caja10 p, .caja10 ul, .caja10 ol {
        margin: 0;
        padding: 0;
    }
/* caja 2 interior */
.caja2, .caja2 .c21, .caja2 .c21 .c22, .caja2 .c21 .c22 .c23 {
    background: url(../Imagenes/Web/layout/bordes_cajaE.png) transparent no-repeat;
}

    .caja2 .c21 .c22 .c23 .c24, .caja2 .c21 .c22 .c23 .c24 .c25 {
        background-color: #FFF;
        border: none;
    }

.caja2 {
    width: 20%;
    background-position: bottom right;
}

    .caja2 .c21 {
        background-position: top right;
    }

        .caja2 .c21 .c22 {
            background-position: top left;
        }

            .caja2 .c21 .c22 .c23 {
                background-position: bottom left;
                padding: 0 8px;
            }

                .caja2 .c21 .c22 .c23 .c24 {
                    padding: 7px 0;
                    border-left: 0;
                    border-right: 0;
                }

                    .caja2 .c21 .c22 .c23 .c24 .c25 {
                        padding: 0 7px;
                        margin: 0 -8px;
                        border-top: 0;
                        border-bottom: 0;
                    }

    .caja2 p, .caja2 ul, .caja2 ol {
        margin: 0;
        padding: 0;
    }
/* Fin Cuadros FICHA fondo color */

/* CAMPOS DE SELECCION */
.c1impBloq { /* campo selección, fondo gris */
    width: 100%;
    border: 1px solid #c5c5c5;
    color: #666666;
    font-size: 13px;
    height: 15px;
    padding: 0px;
    text-align: left;
}

.c1imp, .c1imp2, .c1imp3, .cont_icono, .conten_icono {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 13px !important;
    text-align: left;
    border: 1px solid #c5c5c5;
    height: 23px;
    border-collapse: separate; /* act Librería */
}

.c1imp {
    width: 100%;
}

.c1imp4 {
    font-weight: bold;
}

.c1imp3 {
    border: none;
    height: 15px;
    padding: 4px 5px;
}

.inph14 {
    height: 14px;
}

.cont_icono {
    width: 100%;
}

.cont_icono2 { /* para input con menos padding y height */
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px !important;
    text-align: left;
    border: 1px solid #c5c5c5;
    padding: 0px 2px !important;
    width: 100%;
    float: right;
    margin: 1px 0;
    height: inherit !important;
}

.cont_icono2R { /* para input con menos padding y height */
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px !important;
    text-align: right !important;
    border: 1px solid #c5c5c5;
    padding: 0px 2px !important;
    width: 100%;
    float: right;
    margin: 1px 0;
    height: inherit !important;
}

    .cont_icono2R input {
        text-align: right !important;
    }

.cont_icono3 { /* para input con menos padding y height */
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px !important;
    text-align: left;
    border: 1px solid #c5c5c5;
    padding: 0px 2px !important;
    width: 100%;
    float: left;
    margin: 1px 0;
    height: 20px !important;
    border-collapse: initial;
}

.cont_icono4 { /* para input con menos padding y height */
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px !important;
    text-align: left;
    border: 1px solid #c5c5c5;
    padding: 0px 2px !important;
    width: 100%;
    float: left;
    margin: 1px 0;
    height: 18px !important;
    border-collapse: initial;
}

.c1imp4, .c1imp4b {
    border: 1px solid #c5c5c5;
    color: #000;
    font-size: 13px;
    text-align: left;
    height: 15px;
    padding: 4px 5px;
}

.cont_TArea { /* para input con menos padding y height */
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px !important;
    text-align: left;
    border: 1px solid #c5c5c5;
    padding: 0px 2px !important;
    width: 100%;
    margin: 1px 0;
    height: 40px;
    resize: none;
}

/* Colores de fondo para campos de selección */
.InpOM { /* color de línea y fondo para input OMISIÓN */
    background-color: #fff3a8;
    border: 1px solid #ffc500 !important;
    background-image: none;
}

.InpOM2 { /* color de línea y fondo para input OMISIÓN */
    background-color: #fff3a8;
    border: 1px solid #ffc500 !important;
    background-image: none;
}

.InpOM3 { /* AMARILLO mÁS FUERTE - color de línea y fondo para input OMISIÓN */
    background-color: #fff3a8;
    border: 1px solid #ffc500 !important;
    background-image: none;
}

.InpER { /* color de línea y fondo para input ERROR */
    border: 1px solid #f8d7da !important;
    /*background-color: #ffb2b3;
        background-image: none;*/
}

.InpEX { /* color de línea y fondo para input EXITOSO = AZÚL */
    border: 1px solid #006A9E !important;
    background-color: #add4ff;
    background-image: none;
}

.InpAYU { /* color de línea para input AYUDA */
    border: 1px solid #00BB29 !important;
}

.InpBloq { /* color de línea y fondo para input BLOQUEADO */
    background-color: #bfbfbf;
}
/* FIN CAMPOS DE SELECCION */

/*MENSAJES*/
/* Cuadro MENSAJE correctamente AZÚL */
#popM {
    background-color: #FFF;
}

.popMi {
    padding: 10px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.Mtit_l {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/btn_l.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.Mtit_c {
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 9px;
    background-image: url(../Imagenes/Web/Layout/botones/btn_c.png);
    background-position: right;
    background-repeat: repeat-x;
    vertical-align: middle;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    text-align: center !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
}

.Mtit_r {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/btn_r.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}

.imgM {
    margin-left: -25px;
    margin-top: 11px;
}
/* Mensaje azul */
.MEtit_l {
    width: 9px;
    height: 34px;
    background-color: #0272b7;
    float: left;
}

.MEtit_c {
    height: 28px;
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 6px;
    background-color: #0272b7;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    text-align: left !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
}

.MEtit_r {
    width: 9px;
    height: 34px;
    background-color: #0272b7;
    float: right;
}

/* Mensaje texto azul */
.MEtexAz_l {
    width: 9px;
    height: 36px;
    float: left;
}

.MEtexAz_c {
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    color: #006A9E;
    text-decoration: none;
    text-align: center;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    line-height: 36px;
}

.MEtexAz_r {
    width: 9px;
    height: 34px;
    float: right;
}

.titME {
    padding-bottom: 0px;
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    padding: 0;
    position: static;
}

.cajME {
    padding-bottom: 15px;
}

.cajME2 {
    padding-bottom: 0px;
}

.cajMEScroll {
    overflow: auto;
    max-height: 250px;
}

.ui-widget-content {
    background-color: transparent !important;
    border: none !important;
    background: none !important;
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important
}

.dxrpControl .dxrpcontent {
}

.dxrpcontent {
    background-color: transparent !important;
}

.popME {
    width: 400px;
    height: auto;
    margin: auto;
}

.popWidth {
    width: 815px;
}

.CajTex {
    padding: 10px;
    padding-bottom: 0px;
}
#MJPanelFiltroGeneral .caj_filtr {
    padding: 0 !Important;
}

.caj_filtr {
    width: 800px;
    padding: 20px 20px 5px 20px;
}

.caj_filtr2 {
    margin: 6px 20px 0px;
    font-size: 11px !important;
    color: #999999 !important;
    float: left;
}

.caj_filtr2b {
    margin: 30px 20px 10px;
    font-size: 11px !important;
    color: #999999 !important;
}

.caj_filtr3 {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    color: #000000;
    font-size: 12px;
}

.caj_filtr3b {
    display: block;
    width: 100%;
    color: #000000;
    font-size: 12px;
}

.caj_filtr4 {
    padding: 10px;
}
/* Fin Cuadro MENSAJE correctamente AZÚL */
/* Cuadro MENSAJE omisión, advertencia o informativo AMARILLO */
/* Mensaje amarillo */
.Otit_l {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/titO_l.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.Otit_c {
    height: 28px;
    padding-left: 7px;
    padding-right: 0px;
    padding-top: 6px;
    background-image: url(../Imagenes/Web/Layout/botones/titO_c.png);
    background-position: right;
    background-repeat: repeat-x;
    vertical-align: middle;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: left !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    vertical-align: middle;
}

.Otit_r {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/titO_r.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}
/* línea amarilla */
.caja1A, .caja1A .c1A, .caja1A .c1A .c2A, .caja1A .c1A .c2A .c3A {
    background: url(../Imagenes/Web/layout/bordes_cajaO.png) transparent no-repeat;
}

    .caja1A .c1A .c2A .c3A .c4A, .caja1A .c1A .c2A .c3A .c4A .c5A {
        background-color: #FFF;
        border: 2px solid #FFCC00;
    }

.caja1A {
    margin: auto;
    background-position: bottom right;
}

    .caja1A .c1A {
        background-position: top right;
    }

        .caja1A .c1A .c2A {
            background-position: top left;
        }

            .caja1A .c1A .c2A .c3A {
                background-position: bottom left;
                padding: 0 8px;
            }

                .caja1A .c1A .c2A .c3A .c4A {
                    padding: 7px 0;
                    border-left: 0;
                    border-right: 0;
                }

                    .caja1A .c1A .c2A .c3A .c4A .c5A {
                        padding: 0 7px;
                        margin: 0 -8px;
                        border-top: 0;
                        border-bottom: 0;
                    }

    .caja1A p, .caja1A ul, .caja1A ol {
        margin: 0;
        padding: 0;
    }
/* Fin Cuadro MENSAJE omisión AMARILLO */

/* MENSAJE VERSIÓN PRUEBA */
/* Mensaje naranjo */
.Btit_l {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/titB_l.png);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.Btit_c {
    height: 28px;
    padding-left: 7px;
    padding-right: 0px;
    padding-top: 6px;
    background-image: url(../Imagenes/Web/Layout/botones/titB_c.png);
    background-position: right;
    background-repeat: repeat-x;
    vertical-align: middle;
    font-size: 12px;
    text-decoration: none;
    text-align: left !important;
    margin-left: 9px;
    margin-right: 9px;
    white-space: nowrap;
    vertical-align: middle;
}

.Btit_r {
    width: 9px;
    height: 34px;
    background-image: url(../Imagenes/Web/Layout/botones/titB_r.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
}

/* Cuadro MENSAJE ERROR bordes rojos */
.cajaE {
    padding: 10px;
}

.cajaEb {
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.cajTEXTM {
    padding: 10px;
}

.caja1, .caja1 .c1, .caja1 .c1 .c2, .caja1 .c1 .c2 .c3 {
}

    .caja1 .c1 .c2 .c3 .c4, .caja1 .c1 .c2 .c3 .c4 .c5 {
        background-color: #ffcdcd;
    }

.caja1 {
    margin: auto;
    background-position: bottom right;
}

    .caja1 .c1 {
        background-position: top right;
    }

        .caja1 .c1 .c2 {
            background-position: top left;
        }

            .caja1 .c1 .c2 .c3 {
                background-position: bottom left;
            }

                .caja1 .c1 .c2 .c3 .c4 {
                    border-left: 0;
                    border-right: 0;
                }

                    .caja1 .c1 .c2 .c3 .c4 .c5 {
                        padding: 0;
                        margin: 0;
                        border-top: 0;
                        border-bottom: 0;
                    }

    .caja1 p, .caja1 ul, .caja1 ol {
        margin: 0;
        padding: 0;
    }

.panError {
    margin: 10px;
}

.img-E {
    vertical-align: top;
    width: 20px;
}

.cajaEBreve {
    margin: auto;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}

.cajaEBreve2 {
    margin: auto;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}

.cajaEBreve2 {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}
/* FIn Cuadro MENSAJE ERROR bordes rojos */
/* FIN MENSAJES*/

/* Validación por trabajador */
.ValT01 {
    width: auto;
    padding-top: 10px;
    padding-left: 10px;
    margin-right: 370px;
    height: 16px;
    max-height: 16px;
    overflow: hidden;
}

.ValT02 {
    float: left;
    text-align: left;
}

    .ValT02 li {
        display: inline;
        padding-left: 0;
        padding-right: 0;
        font-size: 11px;
        text-decoration: none;
    }

        .ValT02 li a {
            text-decoration: none;
        }

            .ValT02 li a:hover {
                text-decoration: none;
            }

.ValT04Act {
    text-decoration: none !important;
    color: #000 !important;
    font-weight: bold;
    float: left;
}

.ValT04 {
    color: #545454 !important;
}

.ValT05 {
    font-size: 11px;
    margin-left: 10px;
    margin-right: 10px;
    color: #8D8D8D;
}

.ValT06 {
    width: 100%;
    height: 32px;
    background-color: rgba(197, 213, 224, 0.48);
}

.ValT07 {
    width: 350px;
    float: right;
    height: 24px;
    padding: 3px 10px 3px 0px;
}

.ValT08 {
    width: 100%;
    height: 148px;
}

.ValT09 {
    width: 280px;
    height: 100%;
    float: left;
}

.ValT10 {
}

.ValT11 {
    width: 80px;
    margin: 10px;
    height: 90px;
    float: left;
    margin-top: 15px;
}

.ValT12 {
    width: 80px;
    height: 90px;
}

.ValT13 {
    padding-left: 0;
    text-align: left;
    overflow: hidden;
    padding-top: 13px;
}

.ValT14 {
    max-height: 17px;
    overflow: hidden;
}

.ValT15 {
    margin-left: 290px;
    position: relative;
    height: 100%;
}

.ValT16 {
    border: none;
    padding: 10px;
    height: 129px;
}

.ValT17 {
    border-bottom: 2px solid #006A9E;
    max-height: 95px;
    overflow: auto;
}

.InpBuscador { /* Campo para buscador */
    width: 300px !important;
    float: right;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background-color: #FFF !important;
    height: 23px !important;
    border-spacing: inherit !important;
}

.InpBuscador03 {
    padding: 0px 10px;
    background-color: #0099e2 !important;
    height: 25px !important;
    border-radius: 0 4px 4px 0 !important;
}

.InputBuscador {
    border: none !important;
    background-color: #e4e4e4 !important;
    background-image: none !important;
    height: 30px !important;
}

.RBTFond {
    background: #EEEFEF !important;
    float: left;
    width: 100%;
    overflow: hidden;
}

.RBTFond02 {
    border: 20px solid #EEEFEF !Important;
    border-collapse: inherit;
}

.RBTFond_items {
    overflow: hidden;
    height: auto;
    padding: 20px;
    background-color: #FFF;
    margin: 20px;
    cursor: inherit;
}

.RBTF_items2col {
    width: 50%;
    float: left;
    display: flex;
}

.RBTF_items2colInt01 {
    display: flex;
    width: 100%;
}

.RBTF_items2colInt02 {
    display: flex;
    width: 100%;
}

.RTBFTit {
    border-bottom: 1px solid #DDDDDD;
    height: 30px;
    margin: auto auto 5px;
    padding-bottom: 0px;
    text-align: left;
    line-height: 30px;
}

table {
    border-collapse: collapse;
}
/* Reporte Nueva visual y pop up edición */
.ContReporte {
    width: 100%;
    background-color: #EEEFEF;
}

.RBTFondReport {
    padding: 20px;
    margin-bottom: 0;
}

.flechaArriba {
    background-image: url(../Imagenes/Web/Iconos/flechaUp.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    float: left;
    margin-right: 2px;
}

.flechaAbajo {
    background-image: url(../Imagenes/Web/Iconos/flechaDown.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    float: left;
    margin-right: 2px;
}

.MarcaShift2Nuevo {
    background-image: url(../Imagenes/Web/layout/ShiftLogo.png);
    background-repeat: no-repeat;
    font-size: 9px !important;
    text-align: right !important;
    color: #006A9E !important;
    cursor: pointer;
    text-decoration: none !important;
    height: 45px;
}
.MarcaShift2NuevoTransparente {
    background-image: url(../Imagenes/Web/layout/ShiftLogin02.png);
    background-repeat: no-repeat;
    font-size: 9px !important;
    text-align: right !important;
    color: #006A9E !important;
    cursor: pointer;
    text-decoration: none !important;
    height: 45px;
    width: 129px;
}
.logo_cliente_pie_pagina {
    float: right;
    background-position: right;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.filtro_icosJerarquia {
    width: 17px;
    text-align: center;
    height: 17px;
    float: right;
    cursor: pointer;
    opacity: 0.5;
}
#MJFiltroImgBloqueado00, #MJFiltroImgBloqueado01, #MJFiltroImgBloqueado02, #MJFiltroImgBloqueado03, #MJFiltroImgBloqueado04, #MJFiltroImgBloqueado05, #MJFiltroImgBloqueado06, #MJFiltroImgBloqueado07, #MJFiltroImgBloqueado08, #MJFiltroImgBloqueado09 {
    cursor: default;
}
.ocultar {
    display: none !important;
}
.CajaComboboxJerarquia {
    cursor: pointer !important;
    border: 1px solid transparent !important;
    height: 30px !important;
    color: #000 !important;
    background-color: #e8e8e8 !important;
}
    .CajaComboboxJerarquia input {
        color: #000 !important;
    }
    .CajaComboboxJerarquia img {

    }

    
/* css para barra desplegable cuenta usuario */
#menu_desp_int_cuenta {
    width: 211px;
    background-color: #FFFFFF;
}

/* div central */
#md_cent_cuenta {
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}

#md_cent_ext_cuenta {
    position: absolute;
}
.ImgUsCuenta {
    width: 70px;
    height: 70px;
    border-radius:50%;
}
.camd_t1_cuenta {
    vertical-align: middle; 
    width: 215px;
    overflow: hidden;
    cursor: pointer;
    height: 30px;
}
.margenCuenta{
    margin-left:20px;
}

.ft09 {
    float: left;
    width: 40px;
    height: 100%;
}

.imagenInformativoSistema {
    width: 1200px;
    height: 700px;
    background-image: url(../Imagenes/Web/layout/soporte/tutorialApp.png);
    background-repeat: no-repeat !important;
    float: left;
    margin-left: 0.4%;
    margin-top: 7px;
}
.logo_cliente_menu_derecha_usuario {
    max-width: 80%;
    margin: auto;
    align-content: center;
    cursor: default;
    display: block;
}
.fotoRedondeada {
    border-radius: 50%;
}

.clase_blanco {
    background-color: #ffffff !important;
}

.bordeFocus_buscador {
    width: 250px;
    background-color: #FFF !important;
    -webkit-box-shadow: 0px 0px 2px 2px rgb(201, 201, 201);
    -moz-box-shadow: 0px 0px 2px 2px rgb(201, 201, 201);
    box-shadow: 0px 0px 2px 2px rgb(201, 201, 201);
    border-radius: 3px;
}

.ta60bLeyendaMaximoTrabajadores {
    background-image: url(../imagenes/Web/Iconos/LinCir.png);
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.divEscalamientoSemanal {
    margin-top: -2px;
    float: left;
    padding-right: 5px;
}

.divChecksLeyendaLinea {
    float: left;
    height: 14px;
    margin-top: 1px;
    margin-right: 6px;
}

.divOpsMaximo {
    height: 15px;
    padding: 5px 0px 5px 0px;
    width: 210px;
    overflow: hidden;
    max-height: 15px;
    float: left;
    white-space: nowrap;
    margin-right: 15px;
}

.ta60bLeyendaLinea {
    width: 13px;
    height: 3px;
    float: left;
    margin-right: 5px;
    margin-top: 7px;
}

.mensaje-align_izq {
    text-align: left;
}

.filtro_lblJerarquia {
    text-align: center;
    height: 17px;
    float: right;
    cursor: pointer;
    opacity: 0.5;
}

#divTotalesInfoTrabajadores > div.ResTrsTotRight > div.ResTrsTotRInt03 > div, #divTotalesInfoTrabajadores > div.ResTrsTotRight > div.ResTrsTotRInt04 > div {
    line-height: inherit !important;
}



/** Modal upload Image **/
.cursor_pointer_boton {
    cursor: pointer;
}

.modalCargaDeInformacion {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-uploadImage-content {
    min-width: 700px;
    max-width: 700px;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    height: 200px
}

.closemodal-uploadImage {
    color: #aaaaaa;
    float: right;
    font-size: 38px;
    font-weight: bold;
    margin-top: -23px;
    cursor: pointer;
}

.div-texto-uploadImage {
    width: 460px;
    float: left;
}

.div-img-uploadImage {
    width: 210px;
    float: left;
}

.div-boton-uploadImage {
    width: 178px;
    float: right;
}

.div-boton-actualizarImage {
    width: 474px;
    float: left;
    margin-left: -9px;
    margin-top: 14px;
}

.input-upload-image {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 13px !important;
    text-align: left;
    border: 1px solid #c5c5c5;
    height: 28px;
    border-collapse: separate;
    width: 280px;
}

.div-upload-image-input-boton {
    width: 460px;
    float: left;
}

.div-texto-cargar-imagen {
    width: 180px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
}

.div-mensajes-errores {
    width: 457px;
    float: left;
    height: 38px;
}

.div-boton-actualizar-area-click {
    width: 455px;
    margin-left: -13px;
}

.icoCerrarButton2 {
    background-image: url(../Imagenes/Web/Iconos/icoCerrarbtn.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    float: right;
    margin: 0 2px;
    cursor: pointer;
    margin-right: -57px;
}
/** fin estilos upload image ***/

/** Desplazamientos barras de menu **/
.altoFilaResultadoBuscadorSinHover {
    background-color: #FFF !important;
}

.altoFilaResultadoBuscadorConHover {
    background-color: #EEEFEF !important;
}

/** Input buscador menu principal **/
.altoAnchoBuscadorMenuPrincipal {
    height: 27px;
    width: 221px;
}
.ajusteAlturaContenidoLinkUsuario{
    height: 70px;
}

.ajusteAlturaIcoLinkUsuario {
    margin-top: 27px;
}

.ajusteContenidoLogoPersonalizadoCliente {
    height: 37px;
    margin-top: 17px;
    margin-right: 15px;
}


.margenColParamDescExcel {
    margin-left: 30px;
}

.margenCheckBoxParamDescExcel {
    margin-top: 2px;
}

.margenTxtCheckBoxParamDescExcel {
    margin-left: 10px;
}

.cursor_pointer {
    cursor: pointer;
}

/** fin estilos upload image ***/


.icoOperacionExito, .icoOperacionProblemas {
    background-position: left;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    cursor: pointer;
    float: left;
    margin-right: 4px;
}

.icoOperacionExito {
    background-image: url(../Imagenes/Web/Iconos/icono_exito.png);
}

.icoOperacionProblemas {
    background-image: url(../Imagenes/Web/Iconos/icono_error.png);
}

.esconderLoadingdx {
    border: none !important;
    color: #fff !important;
}
/*Planificador plan de ventas*/
.divAdvertenciaValoresTemporalesPlanVentas {
    margin-top: 10px;
    border: 1px solid;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    text-align: left;
    padding: 7px;
    font-weight: bold;
}

.link-menu-funcionalidad {
    cursor: pointer !important;
    color: #535353 !important;
    font-weight: 500 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 13px !important;
}

.link-menu-funcionalidad:hover {
    cursor: pointer !important;
    color: #535353 !important;
    font-weight: 700 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 13px !important;
}

.icono-descargar-reporte {
    background-image: url(../Imagenes/Web/Iconos/descargar.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 24px;
    border: none;
}

.dxtc-tab {
    border-bottom: 0px solid #fff !Important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab, .dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom: 0px solid #fff !Important;
}


.cuenta_desp {
    position: absolute;
    top: 70px;
    z-index: 999999;
    right: 0px;
    width: 215px;
    height: calc(100% - 98px);
    background-color: #fff;
}

.cuenta_desp2 {
    height: 11px;
    margin-left: 397px;
    width: 21px;
    background-image: url(../Imagenes/Web/Layout/desp_top_top_p.png);
    background-position: left;
    background-repeat: no-repeat;
    margin-top: 4px;
    z-index: 999;
    position: relative;
    display: none;
}

.cuenta_desp3 {
    width: 211px;
    height: calc(100% - 120px);
    cursor: default;
}

.cuenta_desp4 {
    margin: 25px 20px 22px;
    font-size: 11px !important;
    color: #999999 !important;
    float: left;
    width: 361px;
}

.cuenta_desp5 {
    width: 150px;
    height: 150px;
    float: left;
}

.cuenta_desp6 {
    text-align: left;
    margin-left: 165px;
    height: 100%;
}

.cuenta_desp7 {
    padding-left: 7px;
    height: 105px;
}

.NomCuenta {
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 13px;
}

.BotCuenta {
    width: 100%;
    float: right;
}

.cajaCuenta {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 10px;
}

.cajaCuenta2 {
    margin: 25px 20px 22px;
    font-size: 11px !important;
    color: #999 !important;
    float: left;
}

.formCu {
    padding: 10px;
}


.blTr:hover
{
    background-color: #D1D1D1 !important;
}

.ta-text {
    font-size: 18px !important;
    font-weight: bold;
}