@font-face {
    font-family: Source-Sans-Regular;
    src: url("../font/SourceSansPro-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: Source-Sans-Bold;
    src: url("../font/SourceSansPro-Bold.ttf");
    font-weight: 700;
}

.modulo {
    text-align: right;
    margin: -100px 50px 0 0;
    font-family: Arial;
    font-size: 2.6em;
    font-weight: initial;
}

.loginForm {
    margin: 55px 31px 0 39px;
}

.azul {
    color: #0066CC;
}

.verde {
    color: #2FA62F;
}

.rojo {
    color: Red;
}

.naranja {
    color: #FF6600;
}

.burdeos {
    color: #800040;
}

.amarillo {
    color: Yellow;
}

.marron {
    color: #CC6600;
}

.morado {
    color: Purple;
}

.celeste {
    color: #00CC99;
}

.negro {
    color: #000000;
}


.lima {
    color: #46ff33;
}

.gris {
    color: #333333;
}

.oliva {
    color: Olive;
}

.cyan {
    color: cyan;
}

.aquamarine {
    color: aquamarine;
}

.d-none {
    display: none !important;
}


#panLogo_Content {
    background: url('logo-aplicacion-fondo.png');
    background-repeat: repeat-x;
    background-position: 0 -10px;
}


#logoModulo {
    background: url('logo-treeModulo.svg');
    background-repeat: no-repeat;
    background-position: 10px -10px;
    height: 81px;
    min-width: 280px;
    margin: 0;
}


.moduloMod {
    text-align: right;
    font-family: Arial;
    margin: 15px 0 0 135px;
    font-size: 1.2em;
    font-weight: initial;
    float: left;
}

.dvCabecera {
    height: 65px;
    display: flex;
    justify-content: space-between;
}

.dvCabeceraMod {
    flex: 1 0 70%;
    height: 50px;
    margin-top: 1.25rem;
    margin-left: 1rem;
    background-image: url('logo-treeModulo.svg');
    background-size: 185px;
    background-repeat: no-repeat;
    margin-right: 1rem;
}

.lblNombreModulo {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #193665;
    margin-left: 12.2rem;
    padding-top: .18rem;
}

.dvCabeceraCliente {
    background-position: 6rem .82rem;
    width: 240px;
    height: 65px;
}

.clienteTelef {
    border-top: 3px solid #00B596;
    background-image: url('logo-treeModulo.svg');
    background-size: 122px;
    background-repeat: no-repeat;
}

.clienteVantage {
    border-top: 3px solid #00B596;
    background-image: url('logo-vantageModulos.svg');
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: 130px 8px;
}

.pnContenedorLogin {
    height: 470px;
}

    .pnContenedorLogin .x-panel-body {
        background: none !important;
    }

.pnLogin {
    height: 380px;
    width: 420px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-image: linear-gradient(#f8f8f8,#ededed);
    padding: 1.2rem;
    box-sizing: border-box;
    margin: 0 auto;
}


    .pnLogin .x-panel-body {
        background: none !important;
    }


.pnPieLogin {
    width: 420px;
    border-radius: 5px;
    padding: 1.2rem;
    box-sizing: border-box;
    margin: 2.6rem auto 0 auto;
}


    .pnPieLogin .x-panel-body {
        background: none !important;
    }


.pnRigthSideLogin {
    width: 420px;
    border-radius: 5px;
    padding: 1.2rem;
    box-sizing: border-box;
    margin: 2.6rem auto 0 auto;
    text-align: center;
}

    .pnRigthSideLogin .x-panel-body {
        background: none !important;
    }

.dvRigthSideLogin {
    display: inline-block;
    justify-content: space-between;
}

.lnkAccessContact {
    font-family: Arial;
    font-size: 12px;
    color: #193665;
    display: inline-block;
    text-align: center;
}

.lnkContacto {
    font-family: Arial;
    font-size: 12px;
    color: #193665;
    display: inline-block;
    text-align: center;
    margin-top: 1rem;
}

.headLogin {
    width: 100%;
}

.infoModuloLogin {
    float: right;
    margin-bottom: 1.6rem;
}


.moduloLogin {
    display: block;
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    color: #1B487B;
}

.versionLogin {
    display: block;
    font-family: Arial;
    font-size: 10px;
    font-weight: 400;
    color: #1B487B;
    margin-left: 3px;
    margin-top: -2px;
}

.dvLogoLogin {
    clear: right;
    display: block;
    margin: 0 auto;
    max-width: 252px;
    max-height: 80px;
}

    .dvLogoLogin img {
        display: block;
        width: 100%;
        max-height: 50px;
    }

.clientTelef-login {
    background-image: url('logo-loginTelefonica.svg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    height: 50px;
}

.clientDemo-login {
    background-image: url('logo-loginTree.svg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    height: 50px;
}

.clientVantage-login {
    background-image: url('logo-vantageTowers.svg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    height: 80px;
}


.formLogin {
    width: 245px;
    margin: 2.5rem auto 0 auto;
}

.idiomaLogin {
    margin-bottom: .6rem;
    margin-right: .6rem;
    float: right;
}

.dvTxtLogin {
    clear: both;
}

    .dvTxtLogin .x-form-item-label {
        max-width: 70px !important;
        font-weight: bold;
    }

    .dvTxtLogin .x-form-element {
        padding-left: 80px !important;
    }

.lnkLogin {
    font-family: Arial;
    font-size: 12px;
    color: #193665;
    display: block;
    text-align: center;
    margin-top: 3rem;
}

.dvPieLogin {
    display: flex;
    justify-content: space-between;
}

.txtFirmaLogin {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #888;
    flex: 1 0 80%;
    text-align: right;
}



    .txtFirmaLogin a {
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        color: #888;
        text-decoration: none;
        margin-left: .2rem;
    }


#panelAvisoLegal {
    width: 700px;
    margin: 1rem auto;
    max-width: 90%;
}


.legalLogin {
    font-size: 9px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #999999;
    text-justify: inter-word;
}


.grid-seleccionseccion .x-grid3-row {
    border-color: #ffffff;
}

.grid-seleccionseccion .x-grid3-row {
}

.grid-seleccionseccion .x-grid3-row-table TD {
}



.app-center {
    font-size: 13px;
    text-align: center;
    font-family: helvetica, arial, sans-serif;
    color: #455C6F;
}

.logintitulo {
    font-family: Times New Roman;
    font-size: xx-large;
    color: White;
}

.gen_Documentos_Correcto {
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
}

.gen_Documentos_Error {
    background-image: url( 'error.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
}

.gen_Documentos_Despublicado {
    background-image: url( 'flag_red.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
}

.gen_Documentos_Publicado {
    background-image: url( 'flag_green.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
}

.gen_Documentos_Programado {
    background-image: url( 'clock.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
}


.Faltas_Horas {
    background-image: url( 'clock.png' );
    background-repeat: no-repeat;
    background-position: right center;
    text-decoration: none;
    padding-right: 19px;
}

.Faltas_Dias {
    background-image: url( 'date.png' );
    background-repeat: no-repeat;
    background-position: right center;
    text-decoration: none;
    padding-right: 19px;
}

.gen_FondoTree {
    background-color: #05C9A8;
    text-decoration: none;
    background-repeat: repeat-x;
}

.gen_FondoCabecera-ORIG {
    background-color: #e6ffff;
    text-decoration: none;
    background-image: url('logo-aplicacion-fondo.png');
    background-repeat: repeat-x;
}

.gen_FondoCabecera {
    background-color: #F2F2F2;
    text-decoration: none;
    background-image: linear-gradient(#FAFAFA, #EAEAEA);
}

.gen_Login_Fondo {
    background: url(ima/FondoLogin.png);
    position: absolute;
    width: 100%;
    height: 35px;
    min-width: 700px;
}

.bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.bg2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 105;
}

.gen_Logo_Imagen {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
}

.gen_Login_Panel_Datos {
    font-family: Verdana;
    font-weight: bold;
    border-style: none;
    font-size: small;
    color: #000000;
    padding-left: 120px;
    padding-top: 100px;
    z-index: 300;
}

.gen_Requerido {
    background-color: #FFAAAA;
    text-decoration: none;
}

.gen_aceptar_boton {
    background-image: url( 'accept.png' );
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
}

.gen_decline_boton {
    background-image: url( 'decline.png' );
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
}

.gen_exclamation_boton {
    background-image: url( 'exclamation.png' );
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
}

.gen_aceptar {
    background-image: url( 'accept.png' );
    background-repeat: no-repeat;
    background-position: right center;
    text-decoration: none;
    padding-left: 20px;
    display: block;
    height: 16px;
}

.gen_contcamb {
    background-image: url( 'table.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 25px;
}

.gen_derefuerzo {
    background-image: url( 'fam/note.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 25px;
    cursor: pointer;
}

.gen_agregaanota {
    background-image: url( 'fam/page_add.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 25px;
    cursor: pointer;
}

.gen_veanota {
    background-image: url( 'fam/page_white_magnify.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 25px;
    cursor: pointer;
}

.gen_sinControlCambiosRojo {
    background-position: left center;
    text-decoration: none;
    padding-left: 29px;
    color: #FF0000;
}

.gen_sinControlCambiosNegro {
    background-position: left center;
    text-decoration: none;
    padding-left: 29px;
}

.gen_sinControlCambiosRojo2 {
    background-position: left center;
    text-decoration: none;
    color: #FF0000;
}

.gen_sinControlCambiosNegro2 {
    background-position: left center;
    text-decoration: none;
}

.gen_conControlCambios {
    background-image: url( 'table.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    cursor: pointer;
}

.gen_conControlCambiosRojo {
    padding-left: 9px;
    color: #FF0000;
}

.gen_conControlCambiosNegro {
    padding-left: 9px;
}

.gen_activo {
    background-image: url( 'accept.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    display: inline-block;
    height: 16px;
}

.gen_noactivo {
    background-image: url( 'decline.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    height: 16px;
    display: inline-block;
}

.gen_soloderefuerzo {
    background-image: url( 'text_rotate_0.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    cursor: inherit;
}

.gen_Dependiente {
    background-image: url( 'text_rotate_1.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    cursor: inherit;
}

.gen_nosoloderefuerzo {
    text-decoration: none;
    padding-left: 20px;
    cursor: inherit;
}

.gen_Quitarderefuerzo {
    background-image: url( 'fam/note_delete.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    cursor: pointer;
}

.gen_masculino {
    background-image: url( 'fam/male.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.gen_femenino {
    background-image: url( 'fam/female.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.gen_exclamation {
    background-image: url( 'exclamation.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}


.gen_error {
    background-image: url( 'error.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.gen_caducado {
    background-image: url( 'bullet_red.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    display: inline-block;
    height: 16px;
}

.gen_vigente {
    background-image: url( 'bullet_green.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    display: inline-block;
    height: 16px;
}

.gen_revision {
    background-image: url( 'bullet_yellow.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    display: inline-block;
    height: 16px;
}

.gen_bloqueado {
    background-image: url( 'bullet_black.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
    display: inline-block;
    height: 16px;
}

.gen_registropar {
    background-color: #F5F5F5;
}

.gen_registroerror {
    background-color: #FFEBD7;
}

.gen_registroimpar {
    background-color: white;
}

.gen_TriggerReload {
    background-image: url(TriggerReload.gif) !important;
}

.gen_rojo {
    background-image: url( 'bullet_red.png' );
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: none;
    padding-left: 20px;
}

.gen_naranja {
    background-image: url( 'bullet_orange.png' );
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: none;
    padding-left: 20px;
}

.gen_verde {
    background-image: url( 'bullet_green.png' );
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: none;
    padding-left: 20px;
}

.gen_gris {
    background-image: url( 'bullet_grey.png' );
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: none;
    padding-left: 20px;
}

.gen_blanco {
    background-image: url( 'bullet_white.png' );
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: none;
    padding-left: 20px;
}

.gen_rojo_centro {
    background-image: url( 'circuloRojo32.png' );
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    padding-left: 35px;
    padding-top: 35px;
}

.gen_naranja_centro {
    background-image: url( 'circuloNaranja32.png' );
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    padding-left: 35px;
    padding-top: 35px;
}

.gen_verde_centro {
    background-image: url( 'circuloVerde32.png' );
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    padding-left: 35px;
    padding-top: 35px;
}

.gen_gris_centro {
    background-image: url( 'circuloGris32.png' );
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    padding-left: 35px;
    padding-top: 35px;
}

.gen_blanco_centro {
    background-image: url( 'bullet_white32.png' );
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    padding-left: 20px;
}

.gen_Documentos {
    height: 20px;
    display: block;
}

.gen_Documentos_pptx {
    background-image: url( 'page_white_powerpoint.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_ppt {
    background-image: url( 'page_white_powerpoint.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_img {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_kmz {
    background-image: url( 'page_white_map.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_txt {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_xlsx {
    background-image: url( 'fam/page_white_excel.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_xls {
    background-image: url( 'fam/page_white_excel.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_docx {
    background-image: url( 'page_white_word.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_doc {
    background-image: url( 'page_white_word.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_rar {
    background-image: url( 'page_white_zip.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_zip {
    background-image: url( 'page_white_compressed.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_pdf {
    background-image: url( 'page_white_acrobat.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}


.gen_Documentos_jpeg {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_png {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_jpg {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_xlsm {
    background-image: url( 'fam/page_white_excel.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_msg {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_tif {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_TIF {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_7z {
    background-image: url( 'page_white_compressed.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_dwg {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_db {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_dcb {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_psd {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_lnk {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_gif {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_jsp {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_css {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_xml {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_MJG {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_RW2 {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_bak {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_bk1 {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_bmp {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_cdr {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_dce {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_dmp {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_dwl {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_dwl2 {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_err {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_log {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_lsp {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_MOV {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_odt {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_sql {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_thmx {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_tiff {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_Documentos_tmp {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}




.x-grid3-progresscol .x-grid3-cell-inner {
    padding: 0px 0px 0px 5px;
}

.x-grid3-progresscol .x-progress-bar {
    height: 16px;
}

.x-grid3-progresscol .x-progress-inner {
    height: 16px;
}

.x-grid3-progresscol .x-progress-text-front-ie6 {
    padding: 2.5px 5px;
}

.x-grid3-progresscol .x-progress-text-front {
    padding: 2px 5px;
}

.x-progress-bar-rojo, .x-progress-bar-naranja, .x-progress-bar-verde, .x-progress-bar-amarillo, .x-progress-bar-azul {
    float: left;
    height: 16px;
}

.x-progress-bar-amarillo {
    background: url(progress-bg-amarillo.gif) repeat-x scroll left center;
}

.x-progress-bar-azul {
    background: url(progress-bg-azul.gif) repeat-x scroll left center;
}

.x-progress-bar-rojo {
    background: url(progress-bg-red.gif) repeat-x scroll left center;
}

.x-progress-bar-naranja {
    background: url(progress-bg-orange.gif) repeat-x scroll left center;
}

.x-progress-bar-verde {
    background: url(progress-bg-green.gif) repeat-x scroll left center;
}

.cell-color-verde {
    background-color: green;
    color: white;
}

.cell-color-verde-lima {
    background-color: limegreen;
}

.cell-color-verde-cesped {
    background-color: lawngreen;
}

.cell-color-amarillo-oro {
    background-color: gold;
}

.cell-color-amarillo {
    background-color: yellow;
}

.cell-color-amarillo-dorado {
    background-color: goldenrod;
}


.cell-color-rojo {
    background-color: red;
    color: white;
}

.cell-color-naranja {
    background-color: orange;
}

.cell-color-naranja-oscuro {
    background-color: darkorange;
}

.cell-color-blanco {
    background-color: white;
    color: black;
}



.nwf_registroGerencia {
    color: #000000;
}

.nwf_registroComercial {
    color: #009900;
}

.nwf_registroTécnico {
    color: #FF0000;
}

.nwf_registroAdministración {
    color: #FF0000;
}


.nwf_logo {
    background-image: url(logo16x16.png) !important;
}

.nwf_registroinactivo {
    background-color: #FDE6DF;
}

.nwf_verde {
    background-color: Green;
}

.nwf_amarillo {
    background-color: Yellow;
}

.nwf_rojo {
    background-color: Red;
}

.nwf_skype {
    background-image: url('skype.png' );
    background-repeat: no-repeat;
    background-position: right center;
    text-decoration: none;
    padding-right: 15px;
    cursor: pointer;
}

.nwf_usronline {
    background-image: url('status_online.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
}

.nwf_usroffline {
    background-image: url('status_offline.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
}

.nwf_localizacion {
    background-image: url('map2.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
}

.nwf_mail {
    background-image: url( 'email_edit.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
}

.nwf_tienelogo {
    background-image: url( 'picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 16px;
    cursor: pointer;
}

.Sites_enlace {
    cursor: pointer;
}

.Sites_enlace_pendientes {
    cursor: pointer;
    background-image: url( 'fam/cross.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 25px;
}

.Sites_enlace_suspensas {
    cursor: pointer;
    color: Red;
}

.Sites_enlace_anotaciones {
    background-image: url( 'fam/page.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 15px;
    cursor: pointer;
}

.Sites_enlace_partes {
    background-image: url( 'fam/comment_edit.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 25px;
    cursor: pointer;
}

.Sites_enlace_faltasdiarias {
    background-image: url( 'fam/date.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 25px;
    cursor: pointer;
}

.Sites_enlace_faltasdiarias_eliminar {
    background-image: url( 'fam/date_delete.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 25px;
    cursor: pointer;
}

.Sites_totalizadoSimple {
    color: Black;
    background-color: #DEE0F2;
}

.sobrante_oculto {
    overflow: hidden !important;
}

.Sites_render_medico {
    background-image: url( 'farmacia.png' );
    background-repeat: no-repeat;
    background-position: right right;
    text-decoration: none;
    padding-left: 15px;
}

.Sites_render_familiar {
    background-image: url( 'fam/group.png' );
    background-repeat: no-repeat;
    background-position: right right;
    text-decoration: none;
    padding-left: 15px;
}

.Sites_render_comedor {
    background-image: url( 'bocata.png' );
    background-repeat: no-repeat;
    background-position: right right;
    text-decoration: none;
    padding-left: 15px;
}

.Sites_render_incidencia {
    background-image: url( 'error.png' );
    background-repeat: no-repeat;
    background-position: right right;
    text-decoration: none;
    padding-left: 15px;
}

.render_parte_publica {
    background-image: url( 'fam/lock_open.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.render_parte_privada {
    background-image: url( 'fam/lock.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.render_parte_jerarquica {
    background-image: url( 'fam/sitemap.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.render_tipoparte_medico {
    background-image: url( 'farmacia.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.render_tipoparte_familiar {
    background-image: url( 'fam/group.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.render_tipoparte_comedor {
    background-image: url( 'bocata.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.render_tipoparte_incidencia {
    background-image: url( 'error.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 20px;
}

.nwf_cuadrado_0 {
    background-image: url( 'flag_green.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
}

.nwf_cuadrado_1 {
    background-image: url( 'flag_yellow.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
}

.nwf_cuadrado_2 {
    background-image: url( 'flag_red.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
}

.nwf_sinborde {
    border-width: 0px;
    text-decoration: none;
}



.nwf_usuarionoconectado {
    background-color: #D7D7D7;
    font-size: 10pt;
    font-style: italic;
    color: #555555;
}

.nwf_usuarioconectado {
    font-size: 10pt;
    color: #003300;
    background-color: #C7FFB9;
    font-weight: bold;
}

.nwf_receptor {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 10pt;
    color: #999999;
    width: 100%;
    padding-top: 5px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #CAD5FF;
}

.nwf_msjrecibido {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11pt;
    color: #1365A8;
    width: 100%;
    padding-top: 2px;
    margin-left: 10px;
}

.nwf_emisor {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 10pt;
    color: #999999;
    width: 100%;
    padding-top: 5px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #CAD5FF;
}

.nwf_msjenviado {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11pt;
    color: #003366;
    width: 100%;
    padding-top: 2px;
    margin-left: 10px;
}

.formulario_Mantenimiento {
    font-weight: lighter;
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;
    color: #0E0BE1;
}

.x-form-element .nwf_strengthMeter {
    border: 1px solid #B5B8C8;
    margin: 3px 0 3px 0;
    width: 180px;
    background-image: url(./meter_background.gif);
}

.x-form-element .nwf_strengthMeter-focus {
    border: 1px solid #efefef;
}

.x-form-element .nwf_scoreBar {
    background-image: url(./meter.gif);
    height: 10px;
    width: 0;
    line-height: 1px;
    font-size: 1px;
}

.ux-icon-combo-icon {
    background-repeat: no-repeat !important;
    background-position: 0 50% !important;
    width: 18px;
    height: 16px;
}

/* X-BROWSER-WARNING: this is not being honored by Safari */
.ux-icon-combo-input {
    padding-left: 25px;
}

.x-form-field-wrap .ux-icon-combo-icon {
    top: 4px;
    left: 5px;
    height: 16px;
}

.ux-icon-combo-item {
    background-repeat: no-repeat !important;
    background-position: 0px 50% !important;
    padding-left: 24px !important;
    height: 16px;
}


.lblCodigoSinAsignar {
    text-align: center;
    font-size: medium;
    text-decoration: none;
    background-repeat: no-repeat !important;
}

.lblCodigoAsignado {
    text-align: center;
    font-size: medium;
    background-color: Black;
    text-decoration: none;
    color: White;
    background-repeat: no-repeat !important;
}

.Codigo_Invalido {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #FFFFFF;
    text-decoration: none;
}

.label-text {
    font-weight: lighter;
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
    color: #000080;
}

.label-text2 {
    font-weight: bold;
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;
    color: #910931;
}

.red {
    color: red !important;
}

.label-text-paginado {
    font-weight: normal;
    font-size: xx-large;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 5px 25px 5px 7px;
}

.label-text-faltas {
    font-weight: lighter;
    font-family: Arial, Helvetica, sans-serif;
    color: #000080;
    font-weight: bold;
    padding: 5px 10px 3px 25px;
}

.Sites_Columna {
    overflow: hidden;
    padding: 3px 3px 3px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x-grid-dirty-cell {
    background-image: none;
}

.x-label-text {
    font-weight: bold;
    font-size: 12px;
}

.label-Red {
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: red;
}

.label-Green {
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: green;
}


.ext-color-1, .ext-ie .ext-color-1-ad, .ext-opera .ext-color-1-ad {
    color: #BA1414;
}

    .ext-cal-day-col .ext-color-1, .ext-dd-drag-proxy .ext-color-1, .ext-color-1-ad, .ext-color-1-ad .ext-cal-evm, .ext-color-1 .ext-cal-picker-icon, .ext-color-1-x dl, .ext-color-1-x .ext-cal-evb {
        background: #BA1414;
    }

.ext-color-1-x .ext-cal-evb, .ext-color-1-x dl {
    border-color: #BA1414;
}

.ext-color-2, .ext-ie .ext-color-2-ad, .ext-opera .ext-color-2-ad {
    color: #18A860;
}

    .ext-cal-day-col .ext-color-2, .ext-dd-drag-proxy .ext-color-2, .ext-color-2-ad, .ext-color-2-ad .ext-cal-evm, .ext-color-2 .ext-cal-picker-icon, .ext-color-2-x dl, .ext-color-2-x .ext-cal-evb {
        background: #18A860;
    }

.ext-color-2-x .ext-cal-evb, .ext-color-2-x dl {
    border-color: #18A860;
}

.ext-color-3, .ext-ie .ext-color-3-ad, .ext-opera .ext-color-3-ad {
    color: #0084FF;
}

    .ext-cal-day-col .ext-color-3, .ext-dd-drag-proxy .ext-color-3, .ext-color-3-ad, .ext-color-3-ad .ext-cal-evm, .ext-color-3 .ext-cal-picker-icon, .ext-color-3-x dl, .ext-color-3-x .ext-cal-evb {
        background: #0084FF;
    }

.ext-color-3-x .ext-cal-evb, .ext-color-3-x dl {
    border-color: #0084FF;
}

.ext-color-4, .ext-ie .ext-color-4-ad, .ext-opera .ext-color-4-ad {
    color: #FFFF00;
}

    .ext-cal-day-col .ext-color-4, .ext-dd-drag-proxy .ext-color-4, .ext-color-4-ad, .ext-color-4-ad .ext-cal-evm, .ext-color-4 .ext-cal-picker-icon, .ext-color-4-x dl, .ext-color-4-x .ext-cal-evb {
        background: #FFFF00;
    }

.ext-color-4-x .ext-cal-evb, .ext-color-4-x dl {
    border-color: #FFFF00;
}

.ext-color-5, .ext-ie .ext-color-5-ad, .ext-opera .ext-color-5-ad {
    color: #CCEEFF;
}

    .ext-cal-day-col .ext-color-5, .ext-dd-drag-proxy .ext-color-5, .ext-color-5-ad, .ext-color-5-ad .ext-cal-evm, .ext-color-5 .ext-cal-picker-icon, .ext-color-5-x dl, .ext-color-5-x .ext-cal-evb {
        background: #CCEEFF;
    }

.ext-color-5-x .ext-cal-evb, .ext-color-5-x dl {
    border-color: #CCEEFF;
}

.ext-color-6, .ext-ie .ext-color-6-ad, .ext-opera .ext-color-6-ad {
    color: #8D0B0B;
}

    .ext-cal-day-col .ext-color-6, .ext-dd-drag-proxy .ext-color-6, .ext-color-6-ad, .ext-color-6-ad .ext-cal-evm, .ext-color-6 .ext-cal-picker-icon, .ext-color-6-x dl, .ext-color-6-x .ext-cal-evb {
        background: #8D0B0B;
    }

.ext-color-6-x .ext-cal-evb, .ext-color-6-x dl {
    border-color: #8D0B0B;
}

.ext-color-7, .ext-ie .ext-color-7-ad, .ext-opera .ext-color-7-ad {
    color: #0F6B12;
}

    .ext-cal-day-col .ext-color-7, .ext-dd-drag-proxy .ext-color-7, .ext-color-7-ad, .ext-color-7-ad .ext-cal-evm, .ext-color-7 .ext-cal-picker-icon, .ext-color-7-x dl, .ext-color-7-x .ext-cal-evb {
        background: #0F6B12;
    }

.ext-color-7-x .ext-cal-evb, .ext-color-7-x dl {
    border-color: #0F6B12;
}

.ext-color-8, .ext-ie .ext-color-8-ad, .ext-opera .ext-color-8-ad {
    color: #9DA49E;
}

    .ext-cal-day-col .ext-color-8, .ext-dd-drag-proxy .ext-color-8, .ext-color-8-ad, .ext-color-8-ad .ext-cal-evm, .ext-color-8 .ext-cal-picker-icon, .ext-color-8-x dl, .ext-color-8-x .ext-cal-evb {
        background: #9DA49E;
    }

.ext-color-8-x .ext-cal-evb, .ext-color-8-x dl {
    border-color: #9DA49E;
}

.ext-color-9, .ext-ie .ext-color-9-ad, .ext-opera .ext-color-9-ad {
    color: #E628E3;
}

    .ext-cal-day-col .ext-color-9, .ext-dd-drag-proxy .ext-color-9, .ext-color-9-ad, .ext-color-9-ad .ext-cal-evm, .ext-color-9 .ext-cal-picker-icon, .ext-color-9-x dl, .ext-color-9-x .ext-cal-evb {
        background: #E628E3;
    }

.ext-color-9-x .ext-cal-evb, .ext-color-9-x dl {
    border-color: #E628E3;
}


.ext-color-10, .ext-ie .ext-color-10-ad, .ext-opera .ext-color-10-ad {
    color: #FCDC0D;
}

    .ext-cal-day-col .ext-color-10, .ext-dd-drag-proxy .ext-color-10, .ext-color-10-ad, .ext-color-10-ad .ext-cal-evm, .ext-color-10 .ext-cal-picker-icon, .ext-color-10-x dl, .ext-color-10-x .ext-cal-evb {
        background: #FCDC0D;
    }

.ext-color-10-x .ext-cal-evb, .ext-color-10-x dl {
    border-color: #FCDC0D;
}

#controlCambios {
    font-size: 12px;
    background: #fff;
    margin: 5px;
    width: 550px;
    border-collapse: collapse;
    text-align: left;
}

    #controlCambios th {
        font-size: 12px;
        font-weight: normal;
        color: #039;
        padding: 3px 3px;
        border-bottom: 2px solid #6678b1;
    }

    #controlCambios td {
        border-bottom: 1px solid #ccc;
        color: #669;
        padding: 4px 4px;
    }

    #controlCambios tbody tr:hover td {
        color: #009;
    }

.list-item {
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    padding: 3px 10px 3px 10px;
    border: 1px solid #fff;
    border-bottom: 1px solid #eeeeee;
    white-space: normal;
    color: #555;
}

    .list-item h6 {
        display: block;
        font: inherit;
        color: #222;
    }

    .list-item h7 {
        display: block;
        font: inherit;
        margin-top: 3px;
    }

.mensaje_asunto {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.mensaje_de {
    margin-bottom: 5px;
    padding: 5px;
}

.mensaje_importancia {
    font-size: 10px;
    background-color: #C3D9EE;
    color: #3C5679;
    margin-bottom: 5px;
    padding: 5px;
}

.mensaje_tabla1 {
    font-size: 10px;
    color: #0099FF;
}

.mensaje_tabla2 {
    font-size: 10px;
}

.mensaje_tabla_borde {
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C3D9EE;
}

.mensaje_tabla_borde_responder {
    margin-top: 5px;
    border-top: blue;
    border-top-color: blue;
    border-top-style: solid;
    border-top-width: 1px;
}


.mensaje_responder {
    font-size: 12px;
    color: Black;
    font-weight: bold;
}

.AvisoPrioritario {
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    color: #910931;
    clear: both;
    float: left;
    padding-left: 20px;
    padding-top: 40px;
}

.icon-combo-item {
    background-repeat: no-repeat !important;
    background-position: 3px 50% !important;
    padding-left: 24px !important;
}

.CuadroMandoTabla {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.LeyendaSoporteAntena {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font: sans-serif;
}

.CuadroMandoTitulo {
    font-size: 18px;
    color: rgb(1,57,244);
}

.CuadroMandoCabecera {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(1,57,244);
}

.CuadroMandoTotales {
    font-weight: bold;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(153,153,153);
    border-bottom-color: rgb(153,153,153);
}

.CuadroMandoTablaPeque {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.CuadroMandoTitulo {
    font-size: 18px;
    color: rgb(1,57,244);
}

.CuadroMandoCabecera {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(1,57,244);
}

.CuadroMandoTotales {
    font-weight: bold;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(153,153,153);
    border-bottom-color: rgb(153,153,153);
}

.CuadroMandoTablaLeyenda {
    color: rgb(255,0,0);
}

.PageBreak {
    page-break-after: always;
}

.app-center .x-panel-header {
    font-size: 13px;
    text-align: center;
    font-family: helvetica, arial, sans-serif;
    color: #455C6F;
}

.InicioCabeceras {
    background-color: #FFFFCC;
    font-family: 'Arial Narrow';
    font-size: large;
    font-weight: 100;
    text-align: center;
    font-style: inherit;
    font-variant: normal;
    text-transform: none;
    color: #FF0000;
}

/*INICIO CSS VODAFONE*/
#rounded-corner {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 10px;
    width: 400px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner thead th.rounded-izquierda {
        background-position: left -1px;
        background: #FF6666 /*url('leftVodafone.png') no-repeat left -1px;*/;
    }

    #rounded-corner thead th.rounded-derecha {
        background: #FF6666 /*url('rightVodafone.png') right -1px no-repeat;*/;
    }

    #rounded-corner th {
        padding: 8px;
        font-weight: normal;
        font-size: 13px;
        color: #039;
        background: #FF6666;
    }

    #rounded-corner td {
        /*background-position: #F5CFC5;*/
        padding: 8px;
        background: #FFFFFF;
        border-top: 1px solid #CCCCCC;
        color: #669;
    }

    #rounded-corner tfoot td.rounded-foot-left {
        background: #FF6666 /*url('botleftVodafone.png') left bottom no-repeat;*/;
    }

    #rounded-corner tfoot td.rounded-foot-right {
        background: #FF6666 /*url('botrightVodafone.png') right bottom no-repeat;*/;
    }

    #rounded-corner tbody tr:hover td {
        background: #FF6666;
    }

/*FIN CSS VODAFONE*/

/*INICIO CSS GENERAL*/
#rounded-corner2 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 5px;
    width: 400px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner2 thead th.rounded-izquierda {
        background-position: left -1px;
        background: #F8F081 /*url('leftOrange.png') no-repeat left -1px;*/;
    }

    #rounded-corner2 thead th.rounded-derecha {
        background: #F8F081 /*url('rightOrange.png') right -1px no-repeat;#FFCC00 Color naranja*/;
    }

    #rounded-corner2 th {
        padding: 8px;
        font-weight: normal;
        font-size: 13px;
        color: #039;
        background: #F8F081;
    }

    #rounded-corner2 td {
        /*background-position: #F5CFC5;*/
        padding: 8px;
        background: #FFFFFF;
        border-top: 1px solid #CCCCCC;
        color: #669;
    }

    #rounded-corner2 tfoot td.rounded-foot-lef {
        background: #F8F081 /*url('botleftOrange.png') left bottom no-repeat;*/;
    }

    #rounded-corner2 tfoot td.rounded-foot-right {
        background: #F8F081 /*url('botrightOrange.png') right bottom no-repeat;*/;
    }

    #rounded-corner2 tbody tr:hover td {
        background: #F8F081;
    }

/*FIN CSS GENERAL*/


/*DEFAULT*/

.lblNombreUser {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #062743;
}

.lblEmailUser {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #00B596;
}

.lblVersionPpal {
    display: block;
    margin-top: .7rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #062743;
}


/*INICIO CSS ORANGE*/
#rounded-corner3 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 5px;
    width: 400px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner3 thead th.rounded-izquierda {
        background-position: left -1px;
        background: #FF6501 /*url('leftOrange.png') no-repeat left -1px;*/;
    }

    #rounded-corner3 thead th.rounded-derecha {
        background: #FF6501 /*url('rightOrange.png') right -1px no-repeat;#FFCC00 Color naranja*/;
    }

    #rounded-corner3 th {
        padding: 8px;
        font-weight: normal;
        font-size: 13px;
        color: #039;
        background: #FF6501;
    }

    #rounded-corner3 td {
        padding: 8px;
        background: #FFFFFF;
        border-top: 1px solid #CCCCCC;
        color: #669;
    }

    #rounded-corner3 tfoot td.rounded-foot-lef {
        background: #FF6501 /*url('botleftOrange.png') left bottom no-repeat;*/;
    }

    #rounded-corner3 tfoot td.rounded-foot-right {
        background: #FF6501 /*url('botrightOrange.png') right bottom no-repeat;*/;
    }

    #rounded-corner3 tbody tr:hover td {
        background: #FF6501;
    }

/*FIN CSS ORANGE*/

/*INICIO CSS TELEFONICA*/
#rounded-corner4 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 5px;
    width: 400px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner4 thead th.rounded-izquierda {
        background-position: left -1px;
        background: #0139F4 /*url('leftOrange.png') no-repeat left -1px;*/;
    }

    #rounded-corner4 thead th.rounded-derecha {
        background: #0139F4 /*url('rightOrange.png') right -1px no-repeat;#FFCC00 Color naranja*/;
    }

    #rounded-corner4 th {
        padding: 8px;
        font-weight: normal;
        font-size: 13px;
        color: #039;
        background: #0139F4;
    }

    #rounded-corner4 td {
        /*	background-position: #F5CFC5;*/
        padding: 8px;
        background: #FFFFFF;
        border-top: 1px solid #CCCCCC;
        color: #669;
    }

    #rounded-corner4 tfoot td.rounded-foot-lef {
        background: #0139F4 /*url('botleftOrange.png') left bottom no-repeat;*/;
    }

    #rounded-corner4 tfoot td.rounded-foot-right {
        background: #0139F4 /*url('botrightOrange.png') right bottom no-repeat;*/;
    }

    #rounded-corner4 tbody tr:hover td {
        background: #0139F4;
    }

/*FIN CSS TELEFONICA*/

/*INICIO CSS MOVISTART*/
#rounded-corner5 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 5px;
    width: 400px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner5 thead th.rounded-izquierda {
        background-position: left -1px;
        background: #C7DE01 /*url('leftOrange.png') no-repeat left -1px;*/;
    }

    #rounded-corner5 thead th.rounded-derecha {
        background: #C7DE01 /*url('rightOrange.png') right -1px no-repeat;#FFCC00 Color naranja*/;
    }

    #rounded-corner5 th {
        padding: 8px;
        font-weight: normal;
        font-size: 13px;
        color: #039;
        background: #C7DE01;
    }

    #rounded-corner5 td {
        /*background-position: #F5CFC5;*/
        padding: 8px;
        background: #FFFFFF;
        border-top: 1px solid #CCCCCC;
        color: #669;
    }

    #rounded-corner5 tfoot td.rounded-foot-lef {
        background: #C7DE01 /*url('botleftOrange.png') left bottom no-repeat;*/;
    }

    #rounded-corner5 tfoot td.rounded-foot-right {
        background: #C7DE01 /*url('botrightOrange.png') right bottom no-repeat;*/;
    }

    #rounded-corner5 tbody tr:hover td {
        background: #C7DE01;
    }

/*FIN CSS MOVISTART*/

/*INICIO CSS YOIGO*/
#rounded-corner6 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 5px;
    width: 400px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner6 thead th.rounded-izquierda {
        background-position: left -1px;
        background: #E3358E /*url('leftOrange.png') no-repeat left -1px;*/;
    }

    #rounded-corner6 thead th.rounded-derecha {
        background: #E3358E /*url('rightOrange.png') right -1px no-repeat;#FFCC00 Color naranja*/;
    }

    #rounded-corner6 th {
        padding: 8px;
        font-weight: normal;
        font-size: 13px;
        color: #039;
        background: #E3358E;
    }

    #rounded-corner6 td {
        /*background-position: #F5CFC5;*/
        padding: 8px;
        background: #FFFFFF;
        border-top: 1px solid #CCCCCC;
        color: #669;
    }

    #rounded-corner6 tfoot td.rounded-foot-lef {
        background: #E3358E /*url('botleftOrange.png') left bottom no-repeat;*/;
    }

    #rounded-corner6 tfoot td.rounded-foot-right {
        background: #E3358E /*url('botrightOrange.png') right bottom no-repeat;*/;
    }

    #rounded-corner6 tbody tr:hover td {
        background: #E3358E;
    }

/*FIN CSS YOIGO*/


/*INICIO CSS ABERTIS*/
#rounded-corner7 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 5px;
    width: 400px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner7 thead th.rounded-izquierda {
        background-position: left -1px;
        background: #0D374F /*url('leftOrange.png') no-repeat left -1px;*/;
    }

    #rounded-corner7 thead th.rounded-derecha {
        background: #0D374F /*url('rightOrange.png') right -1px no-repeat;#FFCC00 Color naranja*/;
    }

    #rounded-corner7 th {
        padding: 8px;
        font-weight: normal;
        font-size: 13px;
        color: #039;
        background: #0D374F;
    }

    #rounded-corner7 td {
        /*background-position: #F5CFC5;*/
        padding: 8px;
        background: #FFFFFF;
        border-top: 1px solid #CCCCCC;
        color: #669;
    }

    #rounded-corner7 tfoot td.rounded-foot-lef {
        background: #0D374F /*url('botleftOrange.png') left bottom no-repeat;*/;
    }

    #rounded-corner7 tfoot td.rounded-foot-right {
        background: #0D374F /*url('botrightOrange.png') right bottom no-repeat;*/;
    }

    #rounded-corner7 tbody tr:hover td {
        background: #0D374F;
    }

/*FIN CSS ABERTIS*/

/*INICIO CSS AXION*/
#rounded-corner8 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 5px;
    width: 400px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner8 thead th.rounded-izquierda {
        background-position: left -1px;
        background: #74AA16 /*url('leftOrange.png') no-repeat left -1px;*/;
    }

    #rounded-corner8 thead th.rounded-derecha {
        background: #74AA16 /*url('rightOrange.png') right -1px no-repeat;#FFCC00 Color naranja*/;
    }

    #rounded-corner8 th {
        padding: 8px;
        font-weight: normal;
        font-size: 13px;
        color: #039;
        background: #74AA16;
    }

    #rounded-corner8 td {
        /*background-position: #F5CFC5;*/
        padding: 8px;
        background: #FFFFFF;
        border-top: 1px solid #CCCCCC;
        color: #669;
    }

    #rounded-corner8 tfoot td.rounded-foot-lef {
        background: #74AA16 /*url('botleftOrange.png') left bottom no-repeat;*/;
    }

    #rounded-corner8 tfoot td.rounded-foot-right {
        background: #74AA16 /*url('botrightOrange.png') right bottom no-repeat;*/;
    }

    #rounded-corner8 tbody tr:hover td {
        background: #74AA16;
    }

/*FIN CSS AXION*/

/*INICIO CSS TOWER*/
#rounded-corner9 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 5px;
    width: 400px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner9 thead th.rounded-izquierda {
        background-position: left -1px;
        background: #040404 /*url('leftOrange.png') no-repeat left -1px;*/;
    }

#rounded-corner8 thead th.rounded-derecha {
    background: #040404 /*url('rightOrange.png') right -1px no-repeat;#FFCC00 Color naranja*/;
}

#rounded-corner9 th {
    padding: 8px;
    font-weight: normal;
    font-size: 13px;
    color: #039;
    background: #040404;
}

#rounded-corner9 td {
    /*background-position: #F5CFC5;*/
    padding: 8px;
    background: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    color: #669;
}

#rounded-corner9 tfoot td.rounded-foot-lef {
    background: #040404 /*url('botleftOrange.png') left bottom no-repeat;*/;
}

#rounded-corner9 tfoot td.rounded-foot-right {
    background: #040404 /*url('botrightOrange.png') right bottom no-repeat;*/;
}

#rounded-corner9 tbody tr:hover td {
    background: #040404;
}

.newsharingrequests {
    background: url('NewSharingRequest.png') left center no-repeat;
}
/* Círculos de colores numerados */
span.redCirculo {
    background: red;
    -moz-border-radius: 1.2em;
    -webkit-border-radius: 1.2em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.8em;
}

span.greyCirculo {
    background: #cccccc;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em;
}

span.greenCirculo {
    background: #5EA226;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em;
}

span.blueCirculo {
    background: #5178D0;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em;
}

span.pinkCirculo {
    background: #EF0BD8;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em;
}

.add32Space {
    background-image: url('espacios.png') !important;
}

.add32VolumenSolicitudes {
    background-image: url('f1vs.png') !important;
}

.add32VolumenSolicitudesNacional {
    background-image: url('f1n.png') !important;
}

.add32VolumenSolicitudesNuevasComparticiones {
    background-image: url('f1nc.png') !important;
}

.add32VolumenSolicitudesCruzado {
    background-image: url('f1c.png') !important;
}

.add32VolumenSolicitudesDespliegues {
    background-image: url('f1dl.png') !important;
}

.add32VolumenSolicitudesRanRefresh {
    background-image: url('f1rr.png') !important;
}

.add32VolumenSolicitudesLTE {
    background-image: url('f1lh.png') !important;
}

/* Diseño para estados anexos */
.add32EstadoAnexos {
    background-image: url('f2ea.png') !important;
}

.add32EstadoAnexosNacional {
    background-image: url('f2n.png') !important;
}

.add32EstadoAnexosNuevasComparticiones {
    background-image: url('f2nc.png') !important;
}

.add32EstadoAnexosCruzado {
    background-image: url('f2c.png') !important;
}

.add32EstadoAnexosDespliegues {
    background-image: url('f2dl.png') !important;
}

.add32EstadoAnexosRanRefresh {
    background-image: url('f2rr.png') !important;
}

.add32EstadoAnexosLTE {
    background-image: url('f2lh.png') !important;
}

/* Diseño para estados solicitudes*/
.add32EstadoSolicitudes {
    background-image: url('f3es.png') !important;
}

.add32EstadoSolicitudesNacional {
    background-image: url('f3n.png') !important;
}

.add32EstadoSolicitudesNuevasComparticiones {
    background-image: url('f3nc.png') !important;
}

.add32EstadoSolicitudesCruzado {
    background-image: url('f3c.png') !important;
}

.add32EstadoSolicitudesDespliegues {
    background-image: url('f3dl.png') !important;
}

.add32EstadoSolicitudesRanRefresh {
    background-image: url('f3rr.png') !important;
}

.add32EstadoSolicitudesLTE {
    background-image: url('f3lh.png') !important;
}

/* Diseño para SLA*/
.add32SLA {
    background-image: url('f4es.png') !important;
}

.add32SLANacional {
    background-image: url('f4n.png') !important;
}

.add32SLAZona1 {
    background-image: url('f4z1.png') !important;
}

.add32SLAZona2 {
    background-image: url('f4z2.png') !important;
}

.add32SLAZona3 {
    background-image: url('f4z3.png') !important;
}

.add32SLAZona4 {
    background-image: url('f4z4.png') !important;
}

.add32SLAZona5 {
    background-image: url('f4z5.png') !important;
}

/* IMAGENES PARA EL INICIO*/

.add32IconoSaving {
    background-image: url('saving-icono.png') !important;
}

.add32IconoSharing {
    background-image: url('share-icono.png') !important;
}

.add32IconoEnergy {
    background-image: url('energy-icono.png') !important;
}


.add32IconoIndoor {
    background-image: url('indoor-icono.png') !important;
}

.add32IconoAdquisiciones {
    background-image: url('adquisiciones-icono.png') !important;
}

.add32IconoInstalaciones {
    background-image: url('install-icono.png') !important;
}

.add32IconoDesinstalaciones {
    background-image: url('unistall-icono.png') !important;
}

.add32IconoLegalizaciones {
    background-image: url('legalizaciones-icono.png') !important;
}

.add32IconoMantenimiento {
    background-image: url('mantenimiento-icono.png') !important;
}

.add32IconoEspacios {
    background-image: url('gestion-espacios-icono.png') !important;
}

.add32IconoAccesos {
    background-image: url('accesos-icono.png') !important;
}

.add32IconoDocumental {
    background-image: url('gestion-doc-icono.png') !important;
}

.add32IconoAudit {
    background-image: url('audit-icono.png') !important;
}


.add32IconoCalidad {
    background-image: url('calidad-icono.png') !important;
}

.add32IconoMedioAmbiente {
    background-image: url('medio-ambiente-icono.png') !important;
}

.add32IconoPropietarios {
    background-image: url('propietarios-icono.png') !important;
}

.add32IconoRegulacion {
    background-image: url('regulaciones-icono.png') !important;
}

.add32IconoSwapping {
    background-image: url('swapping-icono.png') !important;
}

.add32IconoFacturacion {
    background-image: url('facturacion-icono.png') !important;
}

.add32IconoTorreros {
    background-image: url('torrero-icono.png') !important;
}

.add32IconoPlanificacion {
    background-image: url('planificacion-icono.png') !important;
}

.add32IconoMonitorizacion {
    background-image: url('monitoring-icono.png') !important;
}

.add32IconoSeguridad {
    background-image: url('seguridad-icono.png') !important;
}

.add32IconoReporting {
    background-image: url('reportes-icono.png') !important;
}

.add32IconoGIS {
    background-image: url('gis-icono.png') !important;
}

.add32IconoDespliegue {
    background-image: url('despliegue-icono.png') !important;
}

.add32IconoPortalCliente {
    background-image: url('portal-cliente-icono.png') !important;
}

.bgNotifs {
    position: relative;
}

    .bgNotifs::after {
        position: absolute;
        content: attr(title);
        display: block;
        width: 20px;
        height: 20px;
        border: 1px solid Red;
        border-radius: 50%;
        background-color: red;
        color: white;
        font-weight: 800;
        text-align: center;
        top: 3px;
        right: 3px;
        z-index: 99;
    }


.add32IconoFirmaDigital {
    background-image: url('firmaDigital-icono.png') !important;
}

.add32IconoSSRR {
    background-image: url('SSRR-icono.png') !important;
}

.add32IconoVandalismo {
    background-image: url('seguridad-icono.png') !important;
}

.add32IconoAmpliaciones {
    background-image: url('ampliaciones-icono.png') !important;
}

.add32IconoCompraActivos {
    background-image: url('compraActivos-icono.png') !important;
}

/*
    ICONOS REPORTING
*/

.add32IconoDownload {
    background-image: url('ico-download.svg') !important;
}

.add32IconoNew {
    background-image: url('ico-new.svg') !important;
}

.add32IconoOptions {
    background-image: url('ico-options.svg') !important;
}

.add32IconoRefresh {
    background-image: url('ico-refresh.svg') !important;
}

.add32IconoBarCharts {
    background-image: url('ico-barCharts.svg') !important;
}

.add32IconoBubbleCharts {
    background-image: url('ico-bubbleCharts.svg') !important;
}

.add32IconoIndicatorCharts {
    background-image: url('ico-indicatorCharts.svg') !important;
}

.add32IconoLineCharts {
    background-image: url('ico-lineCharts.svg') !important;
}

.add32IconoMapCharts {
    background-image: url('ico-mapCharts.svg') !important;
}

.add32IconoPieCharts {
    background-image: url('ico-pieCharts.svg') !important;
}

.add32IconoTableChart {
    background-image: url('ico-tableChart.svg') !important;
}



/* FIN IMAGENES PARA EL INICIO */


/*GLOBAL FLOOR RACK*/



.pnNaveg-floor {
    height: 80px !important;
    overflow: visible !important;
    z-index: 999999;
}

    .pnNaveg-floor .x-panel-body {
        background-color: rgb(243, 248, 253);
        border-bottom: 1px solid #c1ccdc;
        height: 80px !important;
        overflow: visible !important;
        z-index: 999999;
    }


    .pnNaveg-floor .x-panel-bwrap {
        overflow: visible !important;
    }


.titulo-pagina {
    margin-left: 1.4rem;
    font-family: Arial;
    margin-top: .5rem;
    font-size: 18px;
}


.navegacion-vistas {
    height: 2.2rem;
    margin-left: 1.5rem;
    font-family: Arial;
}

    .navegacion-vistas > ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding-left: 0px;
    }

        .navegacion-vistas > ul li {
            padding: .4rem 0 .4rem 0;
            margin-right: 1.2rem;
        }

            .navegacion-vistas > ul li:active {
                color: #6A6B75;
                border-bottom: solid 3px #09937c
            }

            .navegacion-vistas > ul li:visited {
                color: #6A6B75;
                border-bottom: solid 3px #09937c;
            }

            .navegacion-vistas > ul li:hover {
                border-bottom: solid 3px #09937c;
            }

    .navegacion-vistas a {
        font-size: 11px;
        color: #15428b;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
    }

#ulNavVistas li.active {
    border-bottom: solid 3px #09937c;
}

    #ulNavVistas li.active a {
        color: #09937c;
        cursor: default !important;
    }

#ulNavVistas li.disabled {
    border-bottom: none !important;
}

    #ulNavVistas li.disabled a {
        color: #C6C6C6;
        cursor: default !important;
    }

@media (max-width: 480px) {
    .navegacion-vistas {
        margin-left: .6rem;
    }
}

#mnuRacks_Container {
    position: absolute;
    display: none;
}

#mnuRacks .x-menu-list {
    display: block;
}


.liRacks:hover #mnuRacks_Container {
    display: block;
}

#mnuRacks .x-panel-body {
    height: 100% !important;
}

#mnuRacks .x-menu-list-item {
    margin-right: 0 !important;
    line-height: 14px;
}

#mnuRacks ul li {
    padding: .3rem 0;
}

    #mnuRacks ul li:hover {
        border: none;
    }

#mnuRacks .x-menu-item-active {
    border: 1px solid #d5e4f8 !important;
}


.dvExtRack {
    height: 460px;
    width: 200px;
    margin: 48px auto;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 15px;
    box-sizing: border-box;
    outline: 2px solid #fff inset;
}

.dvCtRack {
    height: 420px;
    background-color: #ffffff;
    border: 1px solid #ededed;
    grid-row-gap: 1px;
    display: grid;
    grid-template-rows: repeat(42,10px);
    background-image: url('../ima/grf-bgRack-ues.png');
}

.lastElem {
    border: 1px solid #0df2cb;
    z-index: 9;
}


.rk-over:hover {
    outline: 2px solid #09bbff;
    cursor: pointer;
    z-index: 9;
}

.nRack {
    background-color: aquamarine;
    display: none;
    color: black;
    border-radius: 3px;
    padding: .2rem;
    width: 26px;
    text-align: center;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}


.d-blk {
    display: block;
}

.rk-1 {
    grid-row-start: 1;
}

.rk-2 {
    grid-row-start: 2;
}

.rk-3 {
    grid-row-start: 3;
}

.rk-4 {
    grid-row-start: 4;
}

.rk-5 {
    grid-row-start: 5;
}

.rk-6 {
    grid-row-start: 6;
}

.rk-7 {
    grid-row-start: 7;
}

.rk-8 {
    grid-row-start: 8;
}

.rk-9 {
    grid-row-start: 9;
}

.rk-10 {
    grid-row-start: 10;
}

.rk-11 {
    grid-row-start: 11;
}

.rk-12 {
    grid-row-start: 12;
}

.rk-13 {
    grid-row-start: 13;
}

.rk-14 {
    grid-row-start: 14;
}

.rk-15 {
    grid-row-start: 15;
}

.rk-16 {
    grid-row-start: 16;
}

.rk-17 {
    grid-row-start: 17;
}

.rk-18 {
    grid-row-start: 18;
}

.rk-19 {
    grid-row-start: 19;
}

.rk-20 {
    grid-row-start: 20;
}

.rk-21 {
    grid-row-start: 21;
}

.rk-22 {
    grid-row-start: 22;
}

.rk-23 {
    grid-row-start: 23;
}

.rk-24 {
    grid-row-start: 24;
}

.rk-25 {
    grid-row-start: 25;
}

.rk-26 {
    grid-row-start: 26;
}

.rk-27 {
    grid-row-start: 27;
}

.rk-28 {
    grid-row-start: 28;
}

.rk-29 {
    grid-row-start: 29;
}

.rk-30 {
    grid-row-start: 30;
}

.rk-31 {
    grid-row-start: 31;
}

.rk-32 {
    grid-row-start: 32;
}

.rk-33 {
    grid-row-start: 33;
}

.rk-34 {
    grid-row-start: 34;
}

.rk-35 {
    grid-row-start: 35;
}

.rk-36 {
    grid-row-start: 36;
}

.rk-37 {
    grid-row-start: 37;
}

.rk-38 {
    grid-row-start: 38;
}

.rk-39 {
    grid-row-start: 39;
}

.rk-40 {
    grid-row-start: 40;
}

.rk-41 {
    grid-row-start: 41;
}

.rk-42 {
    grid-row-start: 42;
}

#mapFloor {
    /*position: absolute;*/
    width: 95%;
    height: 95%;
    left: 15px;
}


/*FIN GLOBAL FLOOR RACK*/
/*#FLOOR PLANS */
.pnCtMap .x-panel-body {
    /*width: 100%;*/
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*#pnlSummary_Content{
	height: 100% !important;
}*/
/*#end FLOOR PLANS */
/*FIN CSS TOWER*/
/* GALERIA IMAGENES */
select {
    font-size: 11px;
}

.image-tip {
    padding: 4px;
    height: 98px;
    white-space: nowrap;
}

    .image-tip img {
        margin-right: 10px;
        border: 2px solid #083772;
    }

    .image-tip b {
        color: #083772;
        display: block;
        margin-bottom: 4px;
    }

    .image-tip span {
        display: block;
        margin-bottom: 5px;
        margin-left: 5px;
    }

.images {
    background: #fff url(center-bg.gif ) repeat-x top left;
    font: 11px Arial, Helvetica, sans-serif;
}

    .images .thumb {
        background: #dddddd;
        padding: 3px;
    }

        .images .thumb img {
            border: 1px solid white;
            height: 60px;
            width: 80px;
        }

    .images .thumb-wrap {
        float: left;
        margin: 4px;
        margin-right: 0;
        padding: 5px;
    }

        .images .thumb-wrap span {
            display: block;
            overflow: hidden;
            text-align: center;
        }

    .images .x-view-selected .thumb {
        background: #8db2e3;
    }

    .images .loading-indicator {
        font-size: 8pt;
        background-image: url(loading.gif);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 20px;
        margin: 10px;
    }

.x-dd-drag-proxy .multi-proxy .thumb-img {
    height: 20px;
    width: 30px;
    margin: 1px;
}

.x-dd-drag-proxy .thumb-img {
    height: 60px;
    width: 80px;
}

.image-node .x-tree-node-icon {
    margin-bottom: 1px;
    height: 15px;
}

.album-node .x-tree-node-icon, .album-btn {
    background-image: url(album.gif ) !important;
}

#folders {
    position: relative;
}

/* FIN GALERIA IMAGENES */


/* INICIO PRINT CSS */

@media print {
    #divVDFComparticionGrafico, #divGraficaEstadosGlobales {
        margin-left: -200px;
    }
    /* CdMInformeDeUso.aspx: */
    #divVDFComparticionGrafico1, #divVDFComparticionGrafico4, #divVDFComparticionGrafico6 {
        margin-left: -150px;
    }
}

.x-btn button /* Para que se escriban los textos de los botones de Inicio una línea debajo de la otra */ {
    white-space: normal !important;
}

.myNode a span {
    font-weight: bold;
    color: dodgerblue;
}

.defecto a span {
    font-weight: bold;
    color: dodgerblue;
}

.desactivo a span {
    font-weight: bold;
    color: red;
}

.LabelArbol {
    font-size: 11px;
    font-weight: bold;
    color: dodgerblue;
}

.gen_icono_pptx {
    background-image: url( 'page_white_powerpoint.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_ppt {
    background-image: url( 'page_white_powerpoint.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_img {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_kmz {
    background-image: url( 'page_white_map.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_txt {
    background-image: url( 'page_white_text.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_xlsx {
    background-image: url( 'fam/page_white_excel.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_xls {
    background-image: url( 'fam/page_white_excel.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_docx {
    background-image: url( 'page_white_word.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_doc {
    background-image: url( 'page_white_word.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_rar {
    background-image: url( 'page_white_zip.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_zip {
    background-image: url( 'page_white_compressed.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_7z {
    background-image: url( 'page_white_compressed.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_pdf {
    background-image: url( 'page_white_acrobat.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_jpeg {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_jpg {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_png {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_tif {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_dwg {
    background-image: url( 'page_white_picture.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_sql {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_db {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_dcb {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_psd {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gen_icono_lnk {
    background-image: url( 'page_attach.png' );
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-left: 19px;
    cursor: pointer;
    height: 16px;
    display: inline-block;
}

.gmap_marker_labels {
    color: white;
    background-color: black;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 80px;
    border: 2px solid black;
    white-space: nowrap;
}


.semaforo {
    background: #eae7e7;
    padding: 10px;
    width: 85px;
    height: 150px;
    float: left;
    margin: 10px;
    text-align: center;
}

    .semaforo img {
        width: 55%;
        margin: 5px;
    }

.semaforoCajon {
    background: #f6f4f4;
    padding: 10px;
    width: 250px;
    height: 250px;
    float: left;
    margin: 10px;
    text-align: center;
}

.SemaforoTitulo {
    font-size: 14px;
    color: rgb(124,115,115);
}

.columna {
    float: left;
}

.contenedor {
    clear: both;
}

.contenedor-tabla {
    display: table;
    clear: both;
    float: left;
}

.contenedor-fila {
    display: table-row;
    float: left;
    clear: both;
}

.contenedor-columna {
    display: table-cell;
    float: left;
    text-align: center;
    width: 135px;
}

@media print {
    #TabContZonas {
        page-break-after: always;
    }

    #GrafZonas {
        page-break-after: always;
    }

    #divImporteGrafico {
        page-break-after: always;
    }

    #RegionesPais {
        page-break-after: always;
    }

    #DepIngRegion {
        page-break-after: always;
    }

    #DepAdqRegion {
        page-break-after: always;
    }
}

/* Nueva página inicio*/

.contenedorPaneles {
    display: flex;
}



.contenedor-botonesInicio {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.pnlBotones-inicio .x-panel-body {
    border-color: unset !important;
    border: 1px dashed #ededed !important;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
}

.btn-inicio {
    margin-right: .6rem;
    margin-bottom: .6rem;
    background-color: #ededed;
    border-radius: 4px;
}

.btn-iniVerde {
    border-bottom: 2px solid #00B596;
}


.btn-iniAzul {
    border-bottom: 2px solid #3B8FD9;
}

.btn-iniRojo {
    border-bottom: 2px solid #f86666;
}

.btn-inicio.x-btn button {
    margin-top: .2rem;
    font-weight: 700;
    min-width: 30px;
}

.btn-inicio .x-btn-mc {
    background-image: none;
}


.btn-inicio.x-btn-text-icon .btn-inicio.x-btn-icon-large-top btn-inicio.x-btn-text {
    padding-top: 38px;
}


.lbl-tipoModulo {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1rem;
    display: block;
    color: #00B596;
    padding-left: .6rem;
    border-left: 4px solid #00B596;
}

.lbl-tipoModuloAzul {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1rem;
    display: block;
    color: #3B8FD9;
    padding-left: .6rem;
    border-left: 4px solid #3B8FD9
}


.lbl-tipoModuloTrans {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1rem;
    display: block;
    color: #f86666;
    padding-left: .6rem;
    border-left: 4px solid #f86666;
}

.x-form-text.login-secrt {
    background-image: url('../ima/ico-loginOculto.svg');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center center;
    background-color: #f2f2f2;
    pointer-events: none;
}


/* INICIO V3*/

#dvContInicio {
    padding: 1.5rem;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}


#hMisTareasInicio {
    display: block;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 7px 3px 5px 15px;
    font-size: 12px;
    height: 33px;
    width: 600px;
    box-sizing: border-box;
}


.blockInicio {
    margin-right: 1rem;
}


    .blockInicio .x-panel-header {
        background-color: #f4f4f4;
        border: 1px solid #ccc;
        border-radius: 2px;
        padding: 4px 3px 5px 15px;
        font-size: 12px;
    }

    .blockInicio .x-panel-inline-icon {
        width: 20px;
        height: 20px;
        margin-top: -2px;
        margin-bottom: 0px;
    }


#pnFavoritos_Content {
    position: relative;
    display: flex;
    height: 500px;
}


#ulFavoritosInicio, #ulFavoritosInicio2, #cntBtnMisModulos, #cntBtnMisModulos2 {
    font-size: 12px;
    padding: 1rem;
}



#ulFavoritosInicio, #ulFavoritosInicio2 {
    flex: 1 0 240px;
    transition: margin-left 1s ease-out;
}

#dvBtnSliderFav {
    position: absolute;
    display: flex;
    top: 440px;
    left: 120px;
}

    #dvBtnSliderFav > div {
        margin-right: .5rem;
    }

#pnMisModulos {
    height: 5000px;
    overflow: hidden;
    position: relative;
}

    #pnMisModulos .x-panel-body {
        display: flex;
        height: 500px;
    }

#cntBtnMisModulos, #cntBtnMisModulos2 {
    flex: 1 0 220px;
    display: flex;
    height: 400px;
    justify-content: flex-start;
    flex-wrap: wrap;
    transition: margin-left 1s ease-out;
}

.liFavInicio {
    margin-top: 1rem;
}

#ulFavoritosInicio > li:first-child {
    margin-top: 0;
}

#ulFavoritosInicio2 > li:first-child {
    margin-top: 0;
}


.lblHeadModFav {
    font-weight: bold;
    display: block;
    margin-bottom: .5rem;
}

.lblLnkFav {
    display: inline-block;
    margin-bottom: .2rem;
    text-decoration: underline;
    color: #000;
}

    .lblLnkFav:hover {
        color: #666;
    }


#cntModulosGridInicio {
    margin-top: 1rem;
    margin-left: 1rem;
    display: flex;
}

#pnMisTareas {
    height: 100vh !important;
}

#txtBuscarInicio {
}


#gridMisTareasInicio {
    margin-top: 1rem;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

#btnExcelInicio {
    margin-left: .8rem;
    margin-right: 11.8rem;
}

#cntBtnSliderMisModulos {
    display: flex;
    position: absolute;
    top: 438px;
    left: 95px;
}

    #cntBtnSliderMisModulos > table {
        margin-right: .5rem;
    }


.btnSlider .x-btn-tl, .btnSlider .x-btn-tr, .btnSlider .x-btn-tc, .btnSlider .x-btn-ml, .btnSlider .x-btn-mr, .btnSlider .x-btn-mc, .btnSlider .x-btn-bl, .btnSlider .x-btn-br, .btnSlider .x-btn-bc {
    background-image: none;
}

.btnSlider {
}


.btnSlider {
    background-image: url('ico-btnSlider.png') !important;
    background-size: 6px;
    background-repeat: no-repeat;
}

.btn-Slider-activo {
    background-image: url('ico-btnSlider-activo.png') !important;
    background-size: 6px;
    background-repeat: no-repeat;
    pointer-events: none;
}


#lnkConoceMas {
    display: block;
    margin-left: .8rem;
    position: absolute;
    top: 475px;
    left: 0px;
    z-index: 99;
}

    #lnkConoceMas a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #00B596;
    }

    #lnkConoceMas .x-label-icon {
        width: 20px;
        height: 20px;
    }

.btnModGridInicio .x-btn-tl, .btnModGridInicio .x-btn-tr, .btnModGridInicio .x-btn-tc, .btnModGridInicio .x-btn-ml, .btnModGridInicio .x-btn-mr, .btnModGridInicio .x-btn-mc, .btnModGridInicio .x-btn-bl, .btnModGridInicio .x-btn-br, .btnModGridInicio .x-btn-bc {
    background-image: none !important;
}

.btnModGridInicio {
    background-color: #f2f2f2;
    padding: .2rem .5rem;
    min-width: 5rem;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    margin-right: .5rem;
}

    .btnModGridInicio:hover {
        background-color: #ededed;
    }


    .btnModGridInicio.x-btn-pressed {
        background-color: #58E5A9;
        border: 1px solid #07957E;
    }


#dvNotifInicio {
    position: fixed;
    right: 30px;
    top: 0px;
    padding: .5rem;
    width: 60px;
    height: 60px;
}

#lblNumNotifInicio_Container {
    position: absolute;
    display: block !important;
    right: 19px;
    top: 12px;
    z-index: 999;
}


#lblNumNotifInicio {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}

#btnNotifInicio .x-btn-tl, #btnNotifInicio .x-btn-tr, #btnNotifInicio .x-btn-tc, #btnNotifInicio .x-btn-ml, #btnNotifInicio .x-btn-mr, #btnNotifInicio .x-btn-mc, #btnNotifInicio .x-btn-bl, #btnNotifInicio .x-btn-br, #btnNotifInicio .x-btn-bc {
    background-image: none;
}


#btnNotifInicio {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: 54px;
    height: 54px;
    z-index: 9;
}

.NuevasNotifInicio {
    background-image: url('ico-notifAvisos.png');
    background-size: 54px;
}

.SinNuevasNotifInicio {
    background-image: url('ico-sinNotifAvisos.png');
    background-size: 54px;
}


#pnAvisos {
    position: fixed;
    padding: .5rem;
    box-sizing: border-box;
    right: 0;
    top: 0;
    z-index: 99;
    box-shadow: -4px 0px 4px -1px rgba(0,0,0,0.15);
    width: 360px;
    height: 100vh;
    margin-right: -380px;
    background-color: #F2F2F2;
    -moz-transition: margin-right 0.5s ease-out;
    -webkit-transition: margin-right 0.5s ease-out;
}

    #pnAvisos .x-panel-body {
        background-color: #F2F2F2;
    }


#btnCerrarPnAvisos {
    width: 30px;
    height: 30px;
    float: right;
}

    #btnCerrarPnAvisos .x-btn-tl, #btnCerrarPnAvisos .x-btn-tr, #btnCerrarPnAvisos .x-btn-tc, #btnCerrarPnAvisos .x-btn-ml, #btnCerrarPnAvisos .x-btn-mr, #btnCerrarPnAvisos .x-btn-mc, #btnCerrarPnAvisos .x-btn-bl, #btnCerrarPnAvisos .x-btn-br, #btnCerrarPnAvisos .x-btn-bc {
        background-image: none;
    }


#lblPnAvisos {
    display: block;
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    clear: right;
}


    #lblPnAvisos .x-label-icon {
        width: 20px;
        height: 20px;
    }

#ulAvisos {
    margin-top: 1rem;
}

.liAvisoInicio {
    padding: .6rem;
    display: flex;
    background-color: #fff;
    border-radius: 3px;
    justify-content: space-between;
    align-items: center;
    margin-top: .5rem;
}

.dvInfoAvisoInicio {
    flex: 0 0 80%;
}

.lblHeadAvisoInicio {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #00B596;
    max-height: 20px;
    margin-bottom: .5rem;
    text-overflow: ellipsis;
}

.lblTxtAvisoInicio {
    display: block;
    font-size: 12px;
    max-height: 30px;
    text-overflow: ellipsis;
}

.lblFechaAvisoInicio {
    display: block;
    margin-top: .5rem;
    font-size: 12px;
}

.chkAvisoInicio {
    flex: 0 0 20%;
    margin-right: .2rem;
}

#btnTodasNotifInicio {
    margin-top: .5rem;
    display: block;
}

    #btnTodasNotifInicio button {
        width: 338px;
    }


/* FIN INICIO V3*/
/*COMPRA DE ACTIVOS ASSETS PURCHASE CONTRACT PORFOLIO ACQUISITION*/

.formInformeSLA .x-column-inner {
    display: flex;
    justify-content: flex-start;
}

#pnContenWest.pnContenSLA {
    flex-shrink: 0;
}



.pnWestActivos .x-panel-body {
    border-color: white !important;
    background-color: #f6f6f6;
}


.pnCenterActivos.x-panel-body {
    border-color: #d8d8d8 !important;
}


.pnGraficoActivos {
    margin-top: .5rem;
}

.pnFormActivos {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 1rem;
}

    .pnFormActivos .x-panel-body {
        border-color: #f2f2f2 !important;
    }


.pnContainerForm {
    margin-top: 2rem;
    position: relative;
}

    .pnContainerForm .x-panel-body {
        display: flex;
    }

/*#pnContainerForm::after {
	content: url('line-separaForm.png');
	position: absolute;
	width: 400px;
}*/


#x-form-el-lblFormActivos {
    padding-left: 1rem !important;
}


#lblFormActivos {
    display: block;
}

    #lblFormActivos .x-form-element {
        padding-left: 2rem !important;
    }

.lblFormActivos span {
    font-weight: bold;
    color: #193665;
}



#pnIzq {
    width: 70%;
    margin-left: 1rem;
}


    #pnIzq .x-panel-body {
        display: flex;
        flex-direction: column;
    }


.filaFormActivos {
    display: flex;
}

    .filaFormActivos .x-form-element {
        margin-right: 1.4rem;
        padding-left: 90px !important;
    }

    .filaFormActivos .x-form-item-label {
        width: 70px !important;
    }

    .filaFormActivos .x-form-item {
        font-size: 11px;
    }

#cntBntActivos {
    margin-top: 1rem;
    justify-content: flex-end;
    margin-right: 1rem;
}

.btnFormActivos {
    margin-left: .5rem;
    min-width: 80px;
}

.btn-ctoActivos {
    margin-right: 1.2rem;
}

.pnResultActivos, .pnResultActivosAm, .pnResultActivosRoj {
    width: 26%;
    margin: 0 auto;
}

.pnCenterActivos .x-panel-body {
    border-color: #ededed !important;
}

.pnResultActivos .x-panel-body {
    display: flex;
    flex-direction: column;
    background-color: #99EFBD;
    height: 98px !important;
    padding: 1rem;
    border-radius: 3px;
    border: 1px solid #71A889 !important;
}


.pnResultActivosAm .x-panel-body {
    display: flex;
    flex-direction: column;
    background-color: #FFF3B1;
    height: 98px !important;
    padding: 1rem;
    border-radius: 3px;
    border: 1px solid #BEB373 !important;
}

.pnResultActivosRoj .x-panel-body {
    display: flex;
    flex-direction: column;
    background-color: #FF7C7C;
    height: 98px !important;
    padding: 1rem;
    border-radius: 3px;
    border: 1px solid #AD4C4C !important;
}


.lblLabelResultAct .x-label-value {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
}

.lblResultActivos .x-label-value {
    display: block;
    font-size: 21px;
    font-weight: bold;
}

#lblResultTIR {
    margin-bottom: 1rem;
    position: relative;
}

    #lblResultTIR::after {
        position: absolute;
        display: block;
        content: url('line-separaResult.png');
        top: 32px;
        left: -2px;
    }

#cntLblGridActivos {
    margin-top: 1.2rem;
}

    #cntLblGridActivos .x-label-icon, #cntLblFormActivos .x-label-icon {
        width: 20px !important;
        height: 20px !important;
    }



.dvContGrafActivos {
    padding: 1rem;
    border: 3px solid #ededed;
    border-radius: 2px;
    max-width: 630px;
    height: 480px;
    margin-left: 1rem;
    margin-top: 1rem;
    box-sizing: border-box;
}

    .dvContGrafActivos h1 {
        margin-left: 2.6rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #193665;
        position: relative;
    }

        .dvContGrafActivos h1:before {
            content: url('ico-chartActivos.png');
            position: absolute;
            width: 20px;
            left: -24px;
            top: -2px;
        }

    .dvContGrafActivos img {
        width: 100%;
    }


.pnGraficoActivos {
    height: 460px;
}


.dvMostrar-grafActivo > div {
    height: 402px !important;
    overflow: hidden;
}

.dvContGrafActivosMin {
    padding: 1rem;
    border: 3px solid #ededed;
    border-radius: 2px;
    max-width: 530px;
    height: 240px;
    margin-left: 1rem;
    margin-top: 1rem;
    box-sizing: border-box;
}

    .dvContGrafActivosMin h1 {
        margin-left: 2.6rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #193665;
        position: relative;
    }

        .dvContGrafActivosMin h1:before {
            content: url('ico-chartActivos.png');
            position: absolute;
            width: 20px;
            left: -24px;
            top: -2px;
        }

    .dvContGrafActivosMin img {
        width: 100%;
    }


.pnGraficoActivosMin {
    height: 200px;
}


.dvMostrar-grafActivoMin > div {
    height: 200px !important;
    overflow: hidden;
}

#aceleradiv {
    height: 200px;
}


.dvResultDest {
    margin-left: 1rem;
    margin-top: .6rem;
}

.ulMejoresRes {
    display: flex;
    max-width: 630px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.liMejoresRes {
    border: 1px solid #ccc;
    border-radius: 2px;
    flex: 0 0 calc(33% - 1rem);
    background-color: #f4f4f4;
    min-width: 188px;
    margin-bottom: 1rem;
}

.headMejoresRes {
    padding: .6rem .6rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000;
}

    .headMejoresRes h2 {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

.segundoRes {
    display: block;
    background-color: #9CDFFF;
}

    .segundoRes h2 {
        position: relative;
    }

        .segundoRes h2:before {
            display: inline-block;
            content: url('ico-segundoRes.png');
            position: absolute;
            width: 20px;
            left: 8px;
            top: -2px;
        }

.VisorCabeceraAzul {
    display: block;
    background-color: #9CDFFF;
}

.segundoRes h2 {
    position: relative;
}

    .segundoRes h2:before {
        display: inline-block;
        position: absolute;
        width: 20px;
        left: 8px;
        top: -2px;
    }

.mejorRes {
    display: block;
    background-color: #A3F2C5;
}

    .mejorRes h2 {
        position: relative;
    }

        .mejorRes h2:before {
            display: inline-block;
            content: url('ico-mejorRes.png');
            position: absolute;
            width: 20px;
            left: 18px;
            top: -2px;
        }

.VisorCabeceraVerde {
    display: block;
    background-color: #A3F2C5;
}

.mejorRes h2 {
    position: relative;
}

    .mejorRes h2:before {
        display: inline-block;
        position: absolute;
        width: 20px;
        left: 18px;
        top: -2px;
    }

.tercerRes {
    display: block;
    background-color: #FFF5BA;
}

    .tercerRes h2 {
        position: relative;
    }

        .tercerRes h2:before {
            display: inline-block;
            content: url('ico-tercerRes.png');
            position: absolute;
            width: 20px;
            left: 18px;
            top: -2px;
        }

.VisorCabeceraAmarillo {
    display: block;
    background-color: #FFF5BA;
}

.tercerRes h2 {
    position: relative;
}

    .tercerRes h2:before {
        display: inline-block;
        position: absolute;
        width: 20px;
        left: 18px;
        top: -2px;
    }

#lblNombreSimulacionGraf {
    display: block;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #193665;
    margin-top: .5rem;
    margin-left: 1.6rem;
    position: relative;
}

    #lblNombreSimulacionGraf:before {
        content: url('ico-chartActivos.png');
        position: absolute;
        left: -24px;
        top: -3px;
    }

.nombreMejoresRes {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: .5rem;
}

.textoKPISmall {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    display: block;
    margin-bottom: .5rem;
}

.infoMejoresRes {
    padding: .6rem;
}

.resultDestac {
    display: flex;
    width: 90%;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: .5rem;
    margin: .5rem auto 1rem auto;
    font-family: Arial, Helvetica, sans-serif;
}

.dvTIRDestac, .dvPBackDestac {
    flex: 1 0 calc(50% - .5rem);
}

.dvPBackDestac {
    position: relative;
}

    .dvPBackDestac:before {
        content: url('line-separaMejores.png');
        position: absolute;
        left: -12px;
    }

    .dvTIRDestac h5, .dvPBackDestac h5 {
        font-weight: 400;
        font-size: 12px;
    }

    .dvTIRDestac h5, .dvPBackDestac h6 {
        font-weight: 400;
        font-size: 10px;
    }

    .dvTIRDestac .x-label span, .dvPBackDestac .x-label span {
        font-size: 16px;
        font-weight: 700;
    }

.dvTextoFecha {
    flex: 1 0 calc(50% - .5rem);
}

.dvTextoFecha {
    position: relative;
}

    .dvTextoFecha:before {
        content: url('line-separaMejores.png');
        position: absolute;
        left: -12px;
    }

    .dvTextoFecha h5, .dvPBackDestac h5 {
        font-weight: 400;
        font-size: 12px;
    }

    .dvTextoFecha h5, .dvPBackDestac h6 {
        font-weight: 400;
        font-size: 10px;
    }

    .dvTextoFecha .x-label span, .dvPBackDestac .x-label span {
        font-size: 12px;
        font-weight: 700;
    }


.btnVisualizarDestac {
    width: 100% !important;
}


.pendingDocs {
    border: 1px solid #d91b1b;
    border-radius: 3px;
}

/*FIN COMPRA ACTIVOS*/

/*#region SIMULADOR SOLICITUDES TORRE TOWER REQUEST SIMULATOR */

#PanelVisorSimuladorTorre_Content {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 630px;
    padding: 1.5rem;
    box-sizing: border-box;
}

.pnGraficoSimuladorT {
    height: 100%;
}


.dvCtGrafSimuladorT {
    padding: 1rem;
    border: 3px solid #ededed;
    border-radius: 2px;
    max-width: 630px;
    box-sizing: border-box;
    flex: 1 1 400px;
    height: 80%;
    overflow: hidden;
}

    .dvCtGrafSimuladorT .x-body-panel {
        overflow: hidden !important;
    }

    .dvCtGrafSimuladorT #pnGrafico_Content {
        overflow: hidden;
        height: 90% !important;
        overflow: hidden;
    }

.dvCtGrafAPS {
    padding: 1rem;
    border: 3px solid #ededed;
    border-radius: 2px;
    min-width: 800px;
    box-sizing: border-box;
    flex: 1 1 auto;
    height: 500px;
    width: fit-content;
    overflow: hidden;
}

    .dvCtGrafAPS .x-body-panel {
        overflow: hidden !important;
    }

    .dvCtGrafAPS #pnGrafico_Content {
        overflow: hidden;
        height: 90% !important;
        overflow: hidden;
    }

#ctKpisSimuladorTorre {
    flex: 0 0 75px;
    margin-top: 0.8rem;
}

#ulKpisSimuladorTorre {
    height: 70px;
    display: flex;
    justify-content: space-between;
}

.liKpiSimuladorT {
    padding: 0.8rem 0.6rem;
    flex: 0 0 calc(33% - 12px);
    background-color: #3B8FD9;
    border-radius: 3px;
    box-sizing: border-box;
}

.labelKpiSimulador {
    font-family: Roboto;
    font-size: 11px;
    color: white;
    display: block;
}

.lblKpiSimulador {
    font-family: Roboto;
    font-size: 28px;
    color: white;
    font-weight: bold;
}
/*#endregion */
/* SLA OLA */
.bg-color {
    background-color: #F6F6F6;
}

.pnContenSLA {
    padding: 1rem;
    width: 490px !important;
}

    .pnContenSLA .x-panel-body {
        background-color: #f6f6f6;
        width: 490px !important;
    }


.lblNombrePag {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #113A5D;
}

#pnKPIsSLA .x-panel-body, #pnKPIsSLA .x-panel-bwrap {
    overflow: visible !important;
}


.nvPillSLA {
    margin-top: 1.5rem;
    display: flex;
    justify-content: flex-start;
}

.btnPill {
    margin-right: .5rem;
    background-color: #ededed;
    padding: .2rem .5rem;
    border-radius: 2px;
    border: 1px solid #ccc;
}

    .btnPill .x-btn-text {
        text-transform: uppercase;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .btnPill:hover {
        background-color: #D8D8D8;
    }

.btnPillActivo {
    background-color: #00B596;
    border: 1px solid #067C69;
    pointer-events: none;
}

    .btnPillActivo .x-btn-text {
        color: white;
    }

#btnMasSLA {
    margin-right: .5rem;
    background-color: #ededed;
    padding: .2rem .5rem;
    border-radius: 2px;
    border: 1px solid #ccc;
}

    #btnMasSLA:hover {
        background-color: #D8D8D8;
    }

.btnMasSLA-activo {
    border: 1px solid #00BEA0 !important;
}

.btnPill td.x-btn-tl, .btnPill .x-btn-tr, .btnPill .x-btn-tc, .btnPill .x-btn-ml, .btnPill .x-btn-mr, .btnPill .x-btn-mc, .btnPill .x-btn-bl, .btnPill .x-btn-br, .btnPill .x-btn-bc {
    background-image: none !important;
}


#btnMasSLA td.x-btn-tl, #btnMasSLA .x-btn-tr, #btnMasSLA .x-btn-tc, #btnMasSLA .x-btn-ml, #btnMasSLA .x-btn-mr, #btnMasSLA .x-btn-mc, #btnMasSLA .x-btn-bl, #btnMasSLA .x-btn-br, #btnMasSLA .x-btn-bc {
    background-image: none !important;
}


#btnCerrarMasSLA td.x-btn-tl, #btnCerrarMasSLA .x-btn-tr, #btnCerrarMasSLA .x-btn-tc, #btnCerrarMasSLA .x-btn-ml, #btnCerrarMasSLA .x-btn-mr, #btnCerrarMasSLA .x-btn-mc, #btnCerrarMasSLA .x-btn-bl, #btnCerrarMasSLA .x-btn-br, #btnCerrarMasSLA .x-btn-bc {
    background-image: none !important;
}

#dvFiltroAplicado {
    position: absolute;
    top: 82px;
    right: 68px;
    min-width: 210px;
    height: 24px;
    background-color: #ededed;
    border-radius: 3px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-left: .8rem;
}

    #dvFiltroAplicado img {
        padding: .25rem;
        margin-left: .5rem;
    }

#icoFiltroAplicado {
    width: 16px;
    height: 16px;
    background-color: #7DDECE;
}

#txtFiltroAplicado {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #046052;
}

#btnCerrarMasSLA {
    float: right;
}

#dvMasFiltrosSLA {
    display: none;
    position: absolute;
    top: 80px;
    padding: .6rem;
    width: 460px;
    height: 80px;
    background-color: #f8f8f8;
    box-shadow: -4px 0px 4px -1px rgba(0,0,0,0.15);
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    z-index: 999;
}


#dvMasFiltros {
    clear: right;
    margin-top: 1.4rem;
    display: flex;
    justify-content: flex-start;
}

#lnkResetMasSLA {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-top: .4rem;
}

    #lnkResetMasSLA a {
        color: #078f78
    }



#cmbEstadosSLAInformeSLA_Container, #cmbTipologiasInformeSLA_Container {
    margin-right: .4rem;
}

#cmbEstadosSLA_Container label, #cmbTiposSLA_Container label, #cmbAreasSLA_Container label {
    font-size: 11px;
    color: #6A6B75;
    font-weight: bold;
}




.ulContenKpiSLA {
    margin-top: 3rem;
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, 140px);
    grid-auto-rows: 70px;
    grid-gap: .8rem;
}

.liKpiSLA {
    background-color: white;
    padding: .6rem;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

    .liKpiSLA:hover {
        background-color: #f2f2f2;
        cursor: pointer;
    }

.liKpiSLAActivo {
    background-color: #ededed;
    pointer-events: none;
}

.liKpiSLA img {
    width: 32px;
    height: 32px;
    margin-right: .6rem;
}

.dvInfoKpiSLA {
    padding-top: .5rem;
}

.lblLablSLA {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.lblDatoSLA {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bold;
    margin-top: -5px;
}

.liKpiSLAOk {
    border: 1px solid #439ADE;
    border-bottom: 3px solid #439ADE;
}

.liKpiSLA20 {
    border: 1px solid #907AC5;
    border-bottom: 3px solid #907AC5;
}

.liKpiSLA75 {
    border: 1px solid #00B596;
    border-bottom: 3px solid #00B596;
}

.liKpiSLAStop {
    border: 1px solid #9999A1;
    border-bottom: 3px solid #9999A1;
}

.liKpiSLAWarning {
    border: 1px solid #F7BB74;
    border-bottom: 3px solid #F7BB74;
}

.liKpiSLAIncump {
    border: 1px solid #EF5970;
    border-bottom: 3px solid #EF5970;
}

.lblLablSLAOk, .lblDatoSLAOk {
    color: #439ADE;
}

.lblLablSLA20, .lblDatoSLA20 {
    color: #907AC5;
}

.lblLablSLA75, .lblDatoSLA75 {
    color: #049F84;
}

.lblLablSLAStop, .lblDatoSLAStop {
    color: #6A6B75;
}

.lblLablSLAWarning, .lblDatoSLAWarning {
    color: #F7BB74;
}

.lblLablSLAIncump, .lblDatoSLAIncump {
    color: #EF5970;
}

.hr-separa {
    border: 1px solid white;
    border-top: 1px solid #d8d8d8;
    display: block;
    margin-top: 2rem;
}

.dvLblSeccion {
    margin-top: 2rem;
    display: flex;
}

.lblSeccionSLA {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #062743;
    display: block;
    margin-top: 1rem;
    margin-bottom: .5rem;
}

#lblSeccClientes {
    display: block;
    margin-top: 1rem;
}

.ulProveedoresSLA {
    margin-top: 1rem;
}

.liProvSLA {
    display: flex;
    align-items: center;
    height: 32px;
    background-color: white;
    width: 80%;
    padding: .1rem 1rem;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    justify-content: space-between;
    font-family: Arial, Helvetica, sans-serif;
}

.dvInfoProvSLA {
    display: flex;
}

.lblNameProvSLA {
    font-size: 14px;
    font-weight: bold;
    color: #193665;
}

.dvKpiProv {
    margin-left: 1rem;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

    .dvKpiProv img {
        margin-right: .2rem;
    }

.lblRatioOk {
    color: #439ADE;
}

.lblPenaliza {
    color: #EF5970;
}

.lblSites20 {
    color: #907AC5;
}

#gridClientesOLA {
    margin-top: 0.5rem;
}

.gridProvdSLA .x-grid3-header {
    display: none !important;
}

.gridProvdSLA .x-grid3-row {
    margin-bottom: .2rem;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    cursor: pointer;
    background-color: white;
}

.gridProvdSLA .x-grid3-viewport {
    background-color: #f6f6f6;
}

.gridProvdSLA .x-grid3-row-table {
    margin-bottom: .16rem;
    margin-top: .16rem;
}

.gridProvdSLA .x-grid3-body {
    margin: 0;
}


.gridProvdSLA .x-grid3-row-selected {
    background-color: #ededed !important;
}

.ico-sla20-min + .cell-imagecommand-value {
    color: #9B85CC;
    font-weight: bold;
}

.ico-sla75-min + .cell-imagecommand-value {
    color: #049F84;
    font-weight: bold;
}

.ico-slaOk-min + .cell-imagecommand-value {
    color: #00B596;
    font-weight: bold;
}


.ico-slaWarning-min + .cell-imagecommand-value {
    color: #F7BB74;
    font-weight: bold;
}

.ico-slaStop-min + .cell-imagecommand-value {
    color: #6A6B75;
    font-weight: bold;
}

.ico-slaIncumplido-min + .cell-imagecommand-value {
    color: #EF5970;
    font-weight: bold;
}

.x-grid3-col-colPenaliza .cell-imagecommand-value {
    float: right !important;
    color: #EF5970;
    font-weight: bold;
    margin-right: .5rem;
}

.cell-imagecommand-value + .ico-sinPenalizac-min {
    color: #EF5970;
    font-weight: bold;
    opacity: .2 !important;
}

.x-grid3-col-colPenaliza .cell-imagecommand {
    float: left !important;
}

div.x-grid3-col-colRatioOK {
    margin-left: .5rem;
}

div.x-grid3-col-colPenaliza {
    margin-left: .5rem;
}

.gridEmplazmSLA {
    width: 696px;
}

#pnContenEast .x-panel-body {
    background-color: rgb(246, 246, 246);
}

.gridEmplazmSLA .x-panel-body {
    background-color: #f4f4f4;
    border-color: #d8d8d8;
    height: 90vh !important;
}

.gridEmplazmSLA .x-grid3-scroller {
    background-color: #f6f6f6;
}


/*FIN SLA OLA*/
/* CSS GRÁFICOS REPORTING AMCHARTS*/
#pnGrafico_IFrame {
    width: 100% !important;
    overflow: hidden !important;
    max-height: 405px;
}

#chartdiv {
    height: 400px;
}


/* CSS GRÁFICOS REPORTING AMCHARTS*/


/*FORMULARIOS*/
/*FORMULARIO VERSIONES*/

#winVersiones {
    box-sizing: border-box;
}

#formVersiones .x-panel-body {
    padding: 1rem;
}





/*FIN FORMULARIO VERSIONES*/

/*CHECKLIST TAREAS FORMULARIO TAREAS*/

.ancla {
    position: relative;
}

.dvCont-2 {
    display: flex;
    justify-content: flex-start;
}

.dvWestTareas {
    padding: 1rem;
    flex: 0 0 450px;
    height: 100vh;
}

.dvEastTareas {
    padding: 3rem 1rem 1rem 4rem;
    border-left: 1px solid #d8d8d8;
    flex: 0 0 350px;
}


#pnLatMapa {
    position: absolute;
    overflow: hidden !important;
    /*padding: .5rem;*/
    box-sizing: border-box;
    right: 0;
    top: 0;
    z-index: 99;
    box-shadow: -4px 0px 4px -1px rgba(0,0,0,0.15);
    width: 560px;
    height: 100%;
    margin-right: -680px;
    background-color: #ffffff;
    -moz-transition: margin-right 0.5s ease-out;
    -webkit-transition: margin-right 0.5s ease-out;
}

    #pnLatMapa .x-panel-body {
        background-color: #ffffff;
        border-color: #fff;
    }

#btnCerrarPnMapa {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 40px;
    right: 18px;
    z-index: 99;
}

    #btnCerrarPnMapa .x-btn-tl, #btnCerrarPnMapa .x-btn-tr, #btnCerrarPnMapa .x-btn-tc, #btnCerrarPnMapa .x-btn-ml, #btnCerrarPnMapa .x-btn-mr, #btnCerrarPnMapa .x-btn-mc, #btnCerrarPnMapa .x-btn-bl, #btnCerrarPnMapa .x-btn-br, #btnCerrarPnMapa .x-btn-bc {
        background-image: none;
    }



#pnMapaTareas .x-toolbar-left {
    background-color: red;
}






.lblSeccion {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    margin-bottom: .2rem;
}

.lblCodEmplz {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #9999A1;
    text-transform: uppercase;
    margin-right: .5rem;
}

.lblTipoTarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    min-width: 4rem;
    color: #95570E;
    display: inline-block;
    padding: .2rem .6rem;
    border-radius: 2px;
    background-color: #FAE2BD;
}

.dvDirecEmpl {
    margin-top: .5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

#btnGeopos {
    margin-right: .5rem;
}

.btn-circle .x-btn-tl, .btn-circle .x-btn-tr, .btn-circle .x-btn-tc, .btn-circle .x-btn-ml, .btn-circle .x-btn-mr, .btn-circle .x-btn-mc, .btn-circle .x-btn-bl, .btn-circle .x-btn-br, .btn-circle .x-btn-bc {
    background-image: none !important;
}

.btnGeoEmplzm {
    background-image: url('ico-geoEmplzm.png');
}

.lblDireccEmplzm {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
}

#lblDireccEmplazm {
    display: block;
    width: 190px;
}

#dvCombosTareas {
    margin-top: 2rem;
    margin-bottom: 1rem;
    width: 400px;
}

#dvAccionesTareas {
    margin-bottom: .5rem;
    width: 400px;
}

.dvCont-fStr {
    display: flex;
    justify-content: flex-start;
}

.dvCont-fEnd {
    display: flex;
    justify-content: flex-end;
}

.dvCont-sBetw {
    display: flex;
    justify-content: space-between;
}

.dvCont-sArnd {
    display: flex;
    justify-content: space-around;
}

.chkLabel .x-form-cb-label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
}



.gridListaItems .x-grid3-header {
    display: none !important;
}

.gridListaItems .x-grid3-row {
    margin-bottom: .2rem;
    border: 1px solid #f2f2f2;
    height: 1.8rem;
    border-radius: 3px;
    cursor: pointer;
    background-color: white;
}

.gridListaItems .x-grid3-viewport {
    background-color: #f6f6f6;
}

.gridListaItems .x-grid3-cell {
    height: 1.8rem;
    padding-top: 0 !important;
}

.gridListaItems .x-grid3-cell-selected {
    background-color: #ededed !important;
}

.gridListaItems .x-grid3-row-selected {
    background-color: #ededed !important;
}

.tareaCompletada {
    opacity: 0.4;
}

.lblNameTareaChkL {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-left: -4px;
}


    .lblNameTareaChkL .x-label-icon {
        width: 20px;
        height: 20px;
    }

.lblFormTareas {
    display: block;
    margin-top: 1.5rem;
    font: bold 12px tahoma, arial, helvetica, sans-serif;
    color: #000;
    font-weight: bold;
}

.txtDesTarea {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    margin-top: .2rem;
    margin-bottom: 2rem;
}

#lblLabelResultado {
    font: normal 12px tahoma, arial, helvetica, sans-serif;
    font-weight: bold;
}

#lblSeleccImg {
    font: bold 12px tahoma, arial, helvetica, sans-serif;
    display: block;
    margin-bottom: 3px;
}

#PanelResultado .x-panel-body {
    border: none;
    background-color: #f6f6f6 !important;
}

#FormPanelResultado {
    margin-left: -3px;
    margin-top: 2px;
    margin-bottom: 1rem;
}

    #FormPanelResultado label {
        width: 0px !important;
    }

    #FormPanelResultado .x-form-element {
        padding-left: 0px !important;
        margin-left: -2px;
        margin-top: 2px;
    }

.resultTarea {
    margin-bottom: 1rem;
}

#txNumberChkList {
    width: 65px;
}

#txaChkList {
    width: 340px !important;
}

#dateChkList {
    width: 150px;
}

#cmbChkList {
    width: 150px;
}

#txaObservac_Container .x-form-item-label {
    font-weight: bold;
}

.observacTarea {
    margin-bottom: 1rem;
}

#dvBtnImgTarea {
    margin-top: .3rem;
}

.btnImgTarea {
    margin-right: .5rem;
}

#lblImgObligChkList_Container {
    flex: 1 0 25%;
    margin-left: 3rem;
    text-align: center;
}

#lblImgObligChkList {
    font: bold 11px tahoma, arial, helvetica, sans-serif;
    color: #B2001B;
    display: block;
    background-color: #fac1ca;
    padding: .28rem .5rem;
    /*margin-left: 4.5rem;*/
    border-radius: 2px;
}

.pnImgTareas {
    margin-top: .5rem;
    min-height: 200px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
}

    .pnImgTareas .x-panel-body {
        border-color: #f6f6f6;
    }

#FormPanelImagenes .x-panel-body {
    background-color: #f6f6f6 !important;
    height: 200px !important;
}

#fotopanel .x-panel-body {
    padding: 5px !important;
    margin: 0px !important;
    border: none !important;
    height: 180px !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, 98px);
    /*grid-auto-rows: minmax(98px, auto);*/
    grid-auto-flow: row dense;
    grid-gap: .5rem;
}

#nxt.x-form-text {
    width: 60px;
}


#fotopanel img {
    width: 100% !important;
    height: auto !important;
}



.btnCerrarImgTareas {
    display: none;
    position: absolute;
    top: 5px;
    right: 8px;
}

.liImgTarea {
    position: relative;
}

    .liImgTarea:hover {
        cursor: pointer;
    }

        .liImgTarea:hover .btnCerrarImgTareas {
            display: inline-block;
        }

        .liImgTarea:hover .imgTarea {
            opacity: .4;
        }


.lblMsgOk {
    display: block;
    padding: 1rem 1.5rem;
    background-color: #00B596;
    border: 1px solid #0F7161;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin-top: .5rem;
    text-align: center;
}

.lblMsgError {
    display: block;
    padding: 1rem 1.5rem;
    background-color: #F2647B;
    border: 1px solid #A04252;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin-top: .5rem;
    text-align: center;
}

#dvBtnFormTarea {
    width: 90%;
    margin: 3rem auto 2rem auto;
}

.btnFormTarea {
    min-width: 6rem;
}


/*FIN CHECKLIST TAREAS FORMULARIO TAREAS*/


/*PDF INCRUSTADO EMBED*/
.bodyPDFviewer {
    margin: 0;
    overflow-y: hidden;
}

.dvPDFviewer {
    width: 100%;
    height: 104vh;
}

.pnObjviewer {
    width: 100%;
    height: 100vh;
}

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


embed.objNoTools {
    margin-top: -60px;
    height: 108vh;
}

embed.TopAdjustment {
    padding-top: 60px;
}

embed.objNoToolsTxt {
    height: 108vh;
}

/*div.noTools {
	margin-top:-60px;
}

.objNoTools{
	height: 110vh;
}


/*FIN PDF INCRUSTADO EMBED*/


/*INVENTARIO*/
.contenInventario {
    display: flex;
    justify-content: flex-start;
}

.westInventario {
    padding: 1rem;
    flex: 0 0 450px;
    height: 100vh;
}

.eastInventario {
    padding: 3rem 1rem 1rem 4rem;
    border-left: 1px solid #d8d8d8;
    flex: 0 0 350px;
}

.pnArbolInventario {
}

    .pnArbolInventario .x-panel-body {
        height: 100vh !important;
        padding-top: .1rem;
    }

.gridElemInventario {
}

    .gridElemInventario .x-panel-body {
        height: 100vh !important;
    }

.gridAtribInventario {
}

    .gridAtribInventario .x-panel-body {
        height: 100vh !important;
    }

.cntBntArbol {
    max-width: max-content;
    margin: .5rem auto;
    display: flex;
}

.tlbArbolInventario .x-toolbar-left > table {
    margin: 0 auto;
}


.tlbArbolInventario .x-toolbar-left-row {
    display: flex;
    flex-direction: column;
}

.tlbArbolInventario.x-toolbar {
    background-image: none !important;
    background-color: #f4f4f4;
    border-bottom-color: #f4f4f4;
}

#cmbSeccionArbol, #cmbTipoElemArbol, #txtBuscarArbol {
    margin-bottom: .5rem;
}


#gridElemInventario .x-panel-body {
    border: none !important;
}

#gridElemInventario .x-panel-header {
    border-right: none !important;
    border-left: none !important;
}

#gridElemInventario .x-toolbar {
    border-right: 1px solid #d0def0 !important;
    border-left: 1px solid #d0def0 !important;
}


#gridAtribInventario .x-grid-group-title {
    color: #00B596;
}

#gridAtribInventario .x-grid-group-hd {
    border-bottom: 1px solid #ccc;
}


#winFormInventario .x-window-body {
    background-color: #fff !important;
}

#tbPIndividual .x-tab-panel-body-top {
    border-color: #fff;
}


#formPnIndividualElem, #formPnAtributosElem {
    padding: 1rem 1rem;
    height: 100%;
}


    #formPnIndividualElem .x-panel-body {
        border-color: #fff;
        height: 300px;
        background-color: #f6f6f6;
        padding: 2rem 1rem;
    }

    #formPnIndividualElem label.x-form-item-label {
        color: #6A6B75;
        font-weight: bold;
        font-size: 11px;
    }


#btnAlmacen {
    margin-bottom: 2rem;
    float: right;
    margin-right: 1.1rem;
}

#cntFormElemento {
    height: 200px;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}

#cntTxtElemento, #cntCmbElemento, #cntCmbAlmacen {
    flex: 0 0 calc(33% - .5rem);
}

#btnGuardarElem {
    float: right;
    margin-right: 1.1rem;
}


#pnIndividualAtrib {
    /*padding: 1rem;*/
}


#formPnAtributosElem .x-panel-body {
    border-color: #f6f6f6;
    background-color: #f6f6f6;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#cntFormAtributosSup, #cntFormAtributosInf {
    display: flex;
    justify-content: space-around;
    height: 280px;
}

.pnGrupoAtributos {
    flex: 0 0 calc(33% - 1rem);
    box-sizing: border-box;
}

    .pnGrupoAtributos .x-panel-header {
        background-image: none !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #00B596 !important;
        color: #00B596 !important;
    }


    .pnGrupoAtributos .x-panel-body {
        padding-top: .8rem;
    }

#formPnAtributosElem label.x-form-item-label {
    color: #6A6B75;
    font-weight: bold;
    font-size: 11px;
}

#btnGuardarAtributos {
    float: right;
    margin-right: 1.5rem;
}

#pnLatAtributos {
    border: none;
    box-shadow: -4px 0px 4px -1px rgba(0,0,0,0.15);
    z-index: 99;
    position: fixed;
    right: 0;
    height: 100vh;
}


.pnAtributosInvent {
    padding: 1rem 1.4rem;
    box-sizing: border-box;
}



.x-fieldset.fsAtributosInvent {
    border-color: white;
}

.fsAtributosInvent legend {
    color: #00B596;
    position: relative;
    width: 290px;
    display: block;
    height: 20px;
    padding-left: 22px;
    background-image: url('ico-atributoInventario.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 0 center;
}


    .fsAtributosInvent legend::after {
        position: absolute;
        content: url('line-separaForm.png');
        top: 25px;
        left: 0;
    }


    .fsAtributosInvent legend span {
        display: block;
        margin-top: 2px;
    }

    .fsAtributosInvent legend .x-tool-toggle {
        float: right !important;
        margin-top: 0px;
    }


.fsAtributosInvent .x-fieldset-body {
    margin-top: 1rem;
}


.cntAtribInven {
    padding-top: .6rem;
    padding-bottom: .6rem;
    padding-left: 1rem;
    margin-bottom: 2px;
    height: 48px;
    box-sizing: border-box;
}

    .cntAtribInven:nth-child(2n) {
        background-color: #f2f2f2;
    }

.lblAtribInvent, .lblValorInvent {
    display: block;
}


    .lblAtribInvent span {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #333;
    }

.lblValorInvent {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

#region SHARING TECNICO INICIO REPORT

.bodyReportSharing {
    font-family: Arial, Helvetica, sans-serif;
}

.pdng-base {
    padding: 1.5rem;
}

/*#region Sharing técnico panel filtros */



#pnSharingFilters_Container {
    height: 100%;
    background-color: yellow;
}

#pnSharingFilters {
    position: fixed;
    padding: .5rem;
    box-sizing: border-box;
    right: 0;
    top: 0;
    z-index: 99;
    box-shadow: -4px 0px 4px -1px rgba(0,0,0,0.15);
    width: 360px;
    height: 100vh;
    margin-right: -380px;
    background-color: #F2F2F2;
    -moz-transition: margin-right 0.5s ease-out;
    -webkit-transition: margin-right 0.5s ease-out;
}

    #pnSharingFilters .x-panel-body {
        background-color: #F2F2F2;
    }



.btnFilterPanelSharing {
    background-image: url('ico-filtro.png');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #d8d8d8;
    border-radius: 30px;
    box-shadow: 0px 0px 4px #ededed;
}

    .btnFilterPanelSharing:hover {
        background-color: #ededed;
        border-color: #d8d8d8;
    }


#dvBtnFilterPanelSharing {
    position: fixed;
    right: 15px;
    top: 15px;
    padding: .5rem;
    width: 30px;
    height: 30px;
}


#btnFilterPanelSharing .x-btn-tl, #btnFilterPanelSharing .x-btn-tr, #btnFilterPanelSharing .x-btn-tc, #btnFilterPanelSharing .x-btn-ml, #btnFilterPanelSharing .x-btn-mr, #btnFilterPanelSharing .x-btn-mc, #btnFilterPanelSharing .x-btn-bl, #btnFilterPanelSharing .x-btn-br, #btnFilterPanelSharing .x-btn-bc {
    background-image: none;
}


#btnFilterPanelSharing {
    position: absolute;
    display: block;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 9;
}


#lblFiltros {
    display: block;
    margin-top: 2rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.ctFilterSharing {
    margin-top: 1.5rem;
}

    .ctFilterSharing > div:first-child {
        margin-left: 1rem;
        display: block !important;
    }

.ctBtnFilterSharing {
    margin-top: .5rem;
    margin-left: 1rem;
    display: flex;
    justify-content: space-between;
}

.ctBtnsRight-filterSharing {
    display: flex;
}

    .ctBtnsRight-filterSharing #btnGuardarFiltro {
        margin-right: .5rem;
    }
/*#endregion */
#dvReportSharing {
    max-width: 1024px;
}

.lblHeadReport {
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 1rem;
    display: inline-block;
    margin-right: .2rem;
    position: relative;
}

/*	.lblHeadReport:after {
		content: 'Outgoing';
		margin-left: 2px;
		position: absolute;
		top: 1px;
		color: #F46161;
	}

.red {
	color: #F46161;
}*/


.dateRangeReport {
    margin-bottom: 1rem;
}

#ctOverview {
    display: flex;
    max-height: 400px;
    margin-bottom: 1.5rem;
}

.chartdivReportSharing {
    flex: 1 1 60%;
    max-height: 360px;
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-right: 1rem;
    padding: 1rem .5rem;
}


    .chartdivReportSharing tspan {
        font-size: 12px;
    }

.conclussionsReportSharing {
    flex: 0 1 40%;
    overflow-y: auto;
    padding: 1rem;
}

.lblHeadConclussion {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: block;
    margin-bottom: 1rem;
}

.lblTxtConclussion {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 21px;
    margin-bottom: 1rem;
}

.tblSharing {
    margin-bottom: 3rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-collapse: collapse;
    width: 100%;
}

    .tblSharing th, .tblSharing td {
        text-align: center;
        padding: .8rem .5rem;
    }

    .tblSharing tr:nth-child(odd) {
        background-color: #F6F6F6;
    }

.tlbHeader {
    background-color: #ededed !important;
    border-radius: 3px;
}

    .tlbHeader th {
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
    }

.thTotal {
    background-color: #D8D8D8;
}

.conceptTbl {
    width: 20%;
    padding-left: 1rem !important;
    text-align: left !important;
    font-weight: bold;
}

.trTotales td {
    background-color: #E1F8CD;
    font-weight: bold;
}

.azul {
    color: #18AAEB;
}

#endregion
/*Form Inventario*/
#winInventario .x-window-body {
    padding: 1rem;
    background-color: #fff;
}

#lblFormGestion {
    display: block;
}

#cntFormGestionInven {
    display: flex;
}

    #cntFormGestionInven div {
        flex: 0 0 50%;
    }

label[for="lblFormGestionInven"] {
    width: 0px !important;
}

#x-form-el-lblFormGestionInven {
    padding: 0 !important;
}

#lblFormGestionInven:first-child {
    position: relative;
    color: #00B596;
    font-weight: bold;
    display: block;
    padding-left: 22px;
    padding-top: 4px;
    height: 20px;
    margin-bottom: .8rem;
    background-image: url('ico-atributoInventario.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 0 center;
}

#lblFormGestionInven span::after {
    position: absolute;
    content: '';
    display: block;
    height: 1px;
    width: 740px;
    background: #ccc;
    top: 27px;
    left: 0;
}



.x-fieldset.fsAtributFormInven {
    border-color: white;
    padding: 0px;
}

.fsAtributFormInven legend {
    color: #00B596;
    position: relative;
    width: 290px;
    display: block;
    height: 20px;
    padding-left: 22px;
    background-image: url('ico-atributoInventario.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 0 center;
    margin-bottom: 1.4rem;
}


    .fsAtributFormInven legend::after {
        position: absolute;
        content: '';
        display: block;
        height: 1px;
        width: 350px;
        background: #ccc;
        top: 27px;
        left: 0;
    }


    .fsAtributFormInven legend span {
        display: block;
        margin-top: 2px;
    }


#panelMainLeft .x-panel-body, #panelMainRight .x-panel-body {
    width: 400px !important;
    overflow: hidden !important;
    overflow-y: auto;
}


#formInventario .x-panel-footer {
    background-color: #f2f2f2;
}

/*Fin form Inventario*/
/*FIN INVENTARIO */

/*SELF SERVICE PORTAL TOWER CUSTOMERS*/
#pnCntTowerCHome {
    padding: 1rem;
}

    #pnCntTowerCHome .x-panel-body {
        display: flex;
        justify-content: flex-start;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

.pnInfoTowerC {
    flex: 0 0 400px;
    margin-right: 1rem;
}

    .pnInfoTowerC:last-child {
        margin-right: 0;
    }

    .pnInfoTowerC .x-panel-header {
        background-image: none;
        background-color: #F4F4F4;
        height: 24px;
        border-color: #F4F4F4;
        border-bottom: 1px solid #9a9a9a;
        padding-top: .6rem;
        padding-left: .6rem;
    }

    .pnInfoTowerC .x-panel-header-text {
        color: #333;
        font-size: 13px;
    }

    .pnInfoTowerC .x-panel-body {
        background-color: rgba(255,255,255,0);
        border-color: #fff;
    }

#pnLatestRqColumn_Content, #pnPendingRqColumn_Content, #pnGraphColumn_Content {
    width: 100%;
}

#ulLastestRq, #ulPendingRq {
    margin-top: 1rem;
    width: 100%;
}

    #ulLastestRq li, #ulPendingRq li {
        background-color: #F6F6F6;
        margin-bottom: .6rem;
        padding: .8rem;
        border-radius: 3px;
    }
/*Cards Request*/
.pnRq .x-panel-body {
    display: block !important;
    width: 100%;
}

.cntRq {
    margin-bottom: .2rem;
}

.titleRq {
    font-size: 13px;
    font-weight: bold;
}

    .titleRq a {
        text-decoration: none;
    }

        .titleRq a:hover {
            text-decoration: underline;
        }

.stateRq {
    float: right;
    font-size: 11px;
    font-weight: bold;
    padding: .2rem .5rem .3rem .5rem;
    border-radius: 3px;
}


.cntHead-range1 .titleRq {
    color: #E63A54;
}

.cntHead-range1 .stateRq {
    background-color: #F0ADBC;
    color: #910727;
}

.cntHead-range2 .titleRq {
    color: #EFA600;
}

.cntHead-range2 .stateRq {
    background-color: #FFDB89;
    color: #5A480B;
}

.cntHead-range3 .titleRq {
    color: #EA8701;
}

.cntHead-range3 .stateRq {
    background-color: #FCC379;
    color: #7E4604;
}

.cntHead-range4 .titleRq {
    color: #2586CE;
}

.cntHead-range4 .stateRq {
    background-color: #95D2FF;
    color: #07498D;
}

.cntHead-range5 .titleRq {
    color: #2EAC63;
}

.cntHead-range5 .stateRq {
    background-color: #A3EBBF;
    color: #1C5231;
}

.codeRq {
    font-size: 11px;
    margin-right: .5rem;
    background-color: #E2E2E2;
    display: inline-block;
    padding: .2rem .6rem .4rem .6rem;
    border-radius: 3px;
}

.applicantRq {
    font-size: 11px;
    font-weight: bold;
    color: #414141;
}

.dateRq {
    font-size: 11px;
    position: relative;
    margin-left: 14px;
}

    .dateRq:before {
        content: url('ico-date.svg');
        display: block;
        width: 12px;
        position: absolute;
        left: -12px;
        top: 3px;
    }

.amountRq {
    float: right;
    font-size: 13px;
    font-weight: bold;
}

/*End Cards Request*/

#lnkAllLRq, #lnkAllPRq {
    float: right;
    margin-right: 1rem;
    font-size: 11px;
    font-weight: bold;
}

    #lnkAllLRq a, #lnkAllPRq a {
        color: #414141;
    }

/*#region PLANNING REPORTS */
.tabla-chart {
    font-family: Source-Sans-Regular;
    padding: 0 1.5rem;
    background-color: #FFF;
    border-radius: 3px;
    max-height: 800px;
    overflow-y: auto;
}

    .tabla-chart h1 {
        font-size: 18px;
        font-weight: bold;
        margin-left: 2.4rem;
        clear: right;
    }

.dvContenidoTabla {
    max-width: 100%;
    display: flex;
}

    .dvContenidoTabla ul {
        list-style: none;
        line-height: 2.5rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

.ulColTabla {
    flex: 1 1 10%;
    padding-left: 0px;
}

    .ulColTabla li {
        overflow: hidden;
        padding: 0 .8rem 0 .8rem;
        height: 40px;
        text-overflow: ellipsis;
    }

        .ulColTabla li:nth-child(2n+3) {
            background-color: #f7f7f7;
        }

        .ulColTabla li:last-child {
            background-color: rgba(88, 229, 169, 0.15);
        }

.liHeadTabla {
    flex: 0 1 20%;
    padding: 0;
    color: #212121;
    font-size: 14px;
    font-weight: normal;
    background-color: #EDEDED;
    /*border-left: 1px solid rgba(88, 229, 169, 0.25);
	border-bottom: 1px solid rgba(88, 229, 169, 0.25);*/
}

.liTotalDato {
    padding-left: 0px;
    font-weight: bold;
    color: #212121;
    background-color: #E1F8CD;
    /*border-bottom: 1px solid rgba(88, 229, 169, 0.25);*/
}
/*#endregion */

/*Graphics*/
#chartdivTowerC {
    height: 380px;
    border: 1px solid #ededed;
    border-radius: 3px;
}

#cntCardsTowerC {
    margin-top: .6rem;
    display: grid;
    grid-template-columns: repeat(2, 194px);
    grid-template-rows: repeat(2, 100px);
    grid-gap: 0.6rem;
}

.cardTowerC {
    height: 95px;
    width: 194px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    padding-top: 1.4rem;
    box-sizing: border-box;
}



.cardInfo {
    margin: 0 auto;
    width: 148px;
}

.cardAmount {
    display: block;
    font-size: 18px;
    text-align: right;
}

.cardTxt {
    display: block;
    font-size: 11px;
    text-align: right;
}

.kpi-borde-azul {
    border: 1px solid #2586CE;
    color: #2586CE;
}

.kpi-borde-rojo {
    border: 1px solid #E63A54;
    color: #E63A54;
}

.kpi-borde-amarillo {
    border: 1px solid #EFA600;
    color: #EFA600;
}

.kpi-borde-verde {
    border: 1px solid #06A086;
    color: #06A086;
}


#kpiActiveSensor .cardTxt, #kpiAlerts .cardTxt, #kpiWarning .cardTxt, #kpiInRange .cardTxt {
    position: relative;
    margin-right: 16px;
}

    #kpiActiveSensor .cardTxt:after {
        position: absolute;
        content: url('ico-document-bl-16px.svg');
        display: block;
        right: -18px;
        top: 0px;
    }

    #kpiAlerts .cardTxt:after {
        position: absolute;
        content: url('ico-document-red-16px.svg');
        display: block;
        right: -18px;
        top: 0px;
    }

    #kpiWarning .cardTxt:after {
        position: absolute;
        content: url('ico-document-yw-16px.svg');
        display: block;
        right: -18px;
        top: 0px;
    }

    #kpiInRange .cardTxt:after {
        position: absolute;
        content: url('ico-document-gr-16px.svg');
        display: block;
        right: -18px;
        top: 0px;
    }


#cardActive, #cardPayment {
    border: 1px solid #4CA4E3;
}

    #cardActive .cardAmount, #cardPayment .cardAmount {
        color: #07498D;
    }

    #cardActive .cardTxt, #cardPayment .cardTxt {
        color: #2C81D8;
        position: relative;
        margin-right: 16px;
    }

        #cardActive .cardTxt:after {
            position: absolute;
            content: url('ico-tower-bl.svg');
            display: block;
            right: -18px;
            top: 0;
        }

        #cardPayment .cardTxt:after {
            position: absolute;
            content: url('ico-doc-bl.svg');
            display: block;
            right: -18px;
            top: 2px;
        }



#cardOnGoing, #cardNwRq {
    border: 1px solid #00C6AA;
}

    #cardOnGoing .cardAmount, #cardNwRq .cardAmount {
        color: #017766;
    }

    #cardOnGoing .cardTxt, #cardNwRq .cardTxt {
        color: #00C6AA;
        position: relative;
        margin-right: 16px;
    }

        #cardOnGoing .cardTxt:after {
            position: absolute;
            content: url('ico-tower-gr.svg');
            display: block;
            right: -18px;
            top: 0px;
        }

        #cardNwRq .cardTxt:after {
            position: absolute;
            content: url('ico-doc-gr.svg');
            display: block;
            right: -18px;
            top: 2px;
        }

#cardAlerts, #cardWarning {
    border: 1px solid #00C6AA;
}

    #cardAlerts .cardAmount, #cardWarning .cardAmount {
        color: #017766;
    }

    #cardAlerts .cardTxt, #cardWarning .cardTxt {
        color: #00C6AA;
        position: relative;
        margin-right: 16px;
    }

        #cardAlerts .cardTxt:after {
            position: absolute;
            content: url('ico-tower-gr.svg');
            display: block;
            right: -18px;
            top: 0px;
        }

        #cardWarning .cardTxt:after {
            position: absolute;
            content: url('ico-doc-gr.svg');
            display: block;
            right: -18px;
            top: 2px;
        }





/*End Graphics*/

/*Request map Mapa filtros*/
#ctLocationFltr {
    display: flex;
    justify-content: flex-start;
    margin-left: 1rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

    #ctLocationFltr #controls {
        margin-right: .5rem;
    }

#bodyTwCustomerMap {
    background-color: #dfe8f6;
}

/*#region Estados Globales */

.pos-ico-combo {
    position: absolute;
    left: 4px;
    top: 1px;
    width: 16px;
}



.ico-mapDrop-glStatus-green {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-image: url("../ima/mapicons/ico-mapDrop-grn-20px.png");
    background-size: 16px;
}

.ico-mapDrop-glStatus-grey {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-image: url("../ima/mapicons/ico-mapDrop-gr-20px.png");
    background-size: 16px;
}

.ico-mapDrop-glStatus-red {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-image: url("../ima/mapicons/ico-mapDrop-red-20px.png");
    background-size: 16px;
}

.ico-mapDrop-glStatus-blue {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-image: url("../ima/mapicons/ico-mapDrop-bl-20px.png");
    background-size: 16px;
}


.ico-mapDrop-glStatus-yellow {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-image: url("../ima/mapicons/ico-mapDrop-ye-20px.png");
    background-size: 16px;
}




.ico-dotGreen-glStatus {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-image: url("../ima/mapicons/ico-dotGreen-16px.png");
    background-size: 16px;
}

.ico-dotGrey-glStatus {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-image: url("../ima/mapicons/ico-dotGrey-16px.png");
    background-size: 16px;
}

.ico-dotRed-glStatus {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-image: url("../ima/mapicons/ico-dotRed-16px.png");
    background-size: 16px;
}

.ico-dotYellow-glStatus {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-image: url("../ima/mapicons/ico-dotYellow-16px.png");
    background-size: 16px;
}




/*#endregion */

/*Fin Request map Mapa filtros*/
/*END SELF SERVICE PORTAL TOWER CUSTOMER*/
/*BOTONES PERSONALIZADOS*/
/*iconos inicio*/
.btn-planningInicio {
    background-image: url('ico-planning-bn.svg');
    background-size: 30px;
}

.btn-DespliegueInicio {
    background-image: url('ico-despliegue-bn.svg');
    background-size: 30px;
}

.btn-AdquisicionesInicio {
    background-image: url('ico-adquisiciones-bn.svg');
    background-size: 30px;
}

.btn-legalizacionesInicio {
    background-image: url('ico-legalizaciones-bn.svg');
    background-size: 30px;
}

.btn-torrerosInicio {
    background-image: url('ico-torreros-bn.svg');
    background-size: 30px;
}

.btn-sharingTecnicoInicio {
    background-image: url('ico-sharingtecnico-bn.svg');
    background-size: 30px;
}

.btn-sharingInicio {
    background-image: url('ico-comparticiones-bn.svg');
    background-size: 30px;
}

.btn-ssrrInicio {
    background-image: url('ico-ssrr-bn.svg');
    background-size: 30px;
}

.btn-indoorInicio {
    background-image: url('ico-indoor-bn.svg');
    background-size: 30px;
}

.btn-installInicio {
    background-image: url('ico-instalaciones-bn.svg');
    background-size: 30px;
}

.btn-uninstallInicio {
    background-image: url('ico-desinstalaciones-bn.svg');
    background-size: 30px;
}

.btn-mantenimientoInicio {
    background-image: url('ico-mantenimiento-bn.svg');
    background-size: 30px;
}

.btn-ampliacionesInicio {
    background-image: url('ico-ampliaciones-bn.svg');
    background-size: 30px;
}

.btn-accesosInicio {
    background-image: url('ico-accesos-bn.svg');
    background-size: 30px;
}

.btn-inventarioInicio {
    background-image: url('ico-inventario-bn.svg');
    background-size: 30px;
}

.btn-incidenciasInicio {
    background-image: url('ico-incidencias-bn.svg');
    background-size: 30px;
}

.btn-medioAmbienteInicio {
    background-image: url('ico-medioAmbiente-bn.svg');
    background-size: 30px;
}

.btn-intercambiosInicio {
    background-image: url('ico-intercambios-bn.svg');
    background-size: 30px;
}

.btn-clienteInicio {
    background-image: url('ico-portalCliente-bn.svg');
    background-size: 30px;
}

.btn-SelfPortalInicio {
    background-image: url('ico-selfService-bn.svg');
    background-size: 30px;
}


.btn-monitoringInicio {
    background-image: url('ico-monitoring-bn.svg');
    background-size: 30px;
}

.btn-calidadInicio {
    background-image: url('ico-calidad-bn.svg');
    background-size: 30px;
}

.btn-documentalInicio {
    background-image: url('ico-gestionDocumental-bn.svg');
    background-size: 30px;
}

.btn-regulacionesInicio {
    background-image: url('ico-regulaciones-bn.svg');
    background-size: 30px;
}

.btn-auditoriaInicio {
    background-image: url('ico-auditoria-bn.svg');
    background-size: 30px;
}

.btn-regulacionesInicio {
    background-image: url('ico-regulaciones-bn.svg');
    background-size: 30px;
}

.btn-vandalismoInicio {
    background-image: url('ico-vandalismo-bn.svg');
    background-size: 30px;
}

.btn-energiaInicio {
    background-image: url('ico-energia-bn.svg');
    background-size: 30px;
}

.btn-savingInicio {
    background-image: url('ico-renegociaciones-bn.svg');
    background-size: 30px;
}

.btn-comprarActivos {
    background-image: url('ico-compraActivos-bn.svg');
    background-size: 30px;
}

.btn-espaciosInicio {
    background-image: url('ico-espacios-bn.svg');
    background-size: 30px;
}

.btn-billingInicio {
    background-image: url('ico-financiero-bn.svg');
    background-size: 30px;
}

.btn-reportingInicio {
    background-image: url('ico-reporting-bn.svg');
    background-size: 30px;
}

.btn-simulatorInicio {
    background-image: url('ico-simulator-bn.svg');
    background-size: 30px;
}

.btn-comercialInicio {
    background-image: url('ico-comercial-bn.svg');
    background-size: 30px;
}

.btn-firmaDigitalInicio {
    background-image: url('ico-firmaDigital-bn.svg');
    background-size: 30px;
}

.btn-healthSafetyInicio {
    background-image: url('ico-healthSafety-bn.svg');
    background-size: 30px;
}

.btn-GISInicio {
    background-image: url('ico-gis-bn.svg');
    background-size: 30px;
}

#btnCerrarPnAvisos {
    background-image: url('ico-cerrarPanel.png');
    background-size: 30px;
}

#btnCerrarPnMapa {
    background-image: url('ico-cerrarMapa.png');
    background-position: center center;
}

/*iconos Compra Activos*/
.ico-simulaTIR {
    background-image: url('ico-simulacionesTIR.png');
    background-size: 20px;
}

.ico-calculaTIR {
    background-image: url('ico-calculadoraTIR.png');
    background-size: 20px;
}

.ico-ctoActivos {
    background-image: url('ico-ctoActivos.png');
    background-size: 14px;
}

.ico-SLA {
    background-image: url('ico-semaforo.png');
    background-size: 16px;
}

.ico-sla20-min {
    background-image: url('ico-sla20-min.png');
    background-size: 16px;
}

.ico-sla75-min {
    background-image: url('ico-sla75-min.png');
    background-size: 16px;
}

.ico-slaOk-min {
    background-image: url('ico-slaOk-min.png');
    background-size: 16px;
}

.ico-slaWarning-min {
    background-image: url('ico-slaWarning-min.png');
    background-size: 16px;
}

.ico-slaStop-min {
    background-image: url('ico-slaStop-min.png');
    background-size: 16px;
}

.ico-slaIncumplido-min {
    background-image: url('ico-slaIncumplido-min.png');
    background-size: 16px;
}


.ico-penalizac-min {
    background-image: url('ico-penalizac-min.png');
    background-size: 16px;
}

.ico-sinPenalizac-min {
    background-image: url('ico-penalizac-min.png');
    background-size: 16px;
    opacity: 0.7;
}

.ico-clientesSLA {
    background-image: url('ico-clientes.png');
    background-size: 16px;
}

.ico-proveedores {
    background-image: url('ico-proveedores.png');
    background-size: 16px;
}

.ico-emplazamSLA {
    background-image: url('ico-emplazamientos.png');
    background-size: 16px;
}

.ico-masSLA {
    background-image: url('ico-opcionesVert.png');
    background-size: 3px;
    background-repeat: no-repeat;
}

.ico-cerrarMasSLA {
    background-image: url('ico-cerrarGr.png');
    background-size: 16px;
    background-repeat: no-repeat;
}
/*ICO MANTENIMIENTO*/
.ico-tareaObligatoria {
    background-image: url('ico-tareaObligatoria.png');
    background-size: 16px;
}

.ico-tareas {
    background-image: url('ico-tareas.png');
    background-size: 20px;
}


.ico-misFavoritos {
    background-image: url('ico-favoritos.png');
    background-size: 20px;
}

.ico-misModulos {
    background-image: url('ico-misModulos.png');
    background-size: 20px;
}

.ico-misTareas {
    background-image: url('ico-tareas.png');
    background-size: 20px;
}

.ico-masTREE {
    background-image: url('ico-masTREE.png');
    background-size: 20px;
}

.ico-misAvisos {
    background-image: url('ico-misAvisos.png');
    background-size: 20px;
}

.ico-tareaCompletada {
    background-image: url('ico-tareaCompletada.png');
    background-size: 16px;
}

.ico-atributoInventario {
    background-image: url('ico-atributoInventario.png');
    background-size: 16px;
    background-position: center 0;
}

.ico-LRq {
    background-image: url('ico-latest.svg');
    background-size: 18px;
    background-position: center 0;
}

.ico-PRq {
    background-image: url('ico-request.svg');
    background-size: 16px;
    background-position: center 0;
}

.ico-filtros {
    background-image: url('ico-filtro.png');
    background-size: 16px;
    background-position: center 0;
}

/* A REVISAR*/

div.blueTable {
    border: 1px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}

.divTable.blueTable .divTableBody .divTableCell {
    font-size: 13px;
}

.divTable.blueTable .divTableRow:nth-child(even) {
    background: #D0E4F5;
}

.divTable.blueTable .divTableHeading {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
}

    .divTable.blueTable .divTableHeading .divTableHead {
        font-size: 15px;
        font-weight: bold;
        color: #FFFFFF;
        border-left: 2px solid #D0E4F5;
    }

        .divTable.blueTable .divTableHeading .divTableHead:first-child {
            border-left: none;
        }

.blueTable .tableFootStyle {
    font-size: 14px;
}

    .blueTable .tableFootStyle .links {
        text-align: right;
    }

        .blueTable .tableFootStyle .links a {
            display: inline-block;
            background: #1C6EA4;
            color: #FFFFFF;
            padding: 2px 8px;
            border-radius: 5px;
        }

.blueTable.outerTableFooter {
    border-top: none;
}

    .blueTable.outerTableFooter .tableFootStyle {
        padding: 3px 5px;
    }

.divTable {
    display: table;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    display: table-header-group;
}

.divTableCell, .divTableHead {
    display: table-cell;
}

.divTableHeading {
    display: table-header-group;
}

.divTableFoot {
    display: table-footer-group;
}

.divTableBody {
    display: table-row-group;
}


#pnFiltersMap {
    width: 200px !important; /*Controlar tamaño del panel body(abajo)*/
    position: fixed !important;
    top: 10px !important;
    left: unset !important;
    right: 80px !important;
    z-index: 99;
    box-shadow: 1px 1px 8px rgba(0,0,0,.16);
}

#pnFiltersMap_header {
    height: 40px;
}

.x-panel-header-default {
    background-color: #fff;
}

#pnFiltersMap .x-panel-body {
    width: 200px !important;
    padding: .8rem;
    max-height: 350px;
}

#pnFiltersMap-innerCt {
    padding: .6rem;
}

#pnFiltersMap.x-panel-default-collapsed {
    height: 40px !important;
}

#btnAplicarFltrMap {
    margin-top: 1rem;
}


#BtnSalir button {
    width: max-content;
}

/* ENERGY */

.dvTablaLisa {
    border: 3px solid #ededed;
    border-radius: 2px;
    max-width: 630px;
    height: 480px;
    margin-left: 1rem;
    margin-top: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
}

.dvConsumoDest {
    margin-left: 1rem;
    margin-top: .5rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}


.infoConsumo {
    padding: .5rem;
}

.infoOperador {
    width: 90%;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #71A889 !important;
    background-color: #b0f2c2;
    margin: .0rem auto 0rem auto;
    font-family: Arial, Helvetica, sans-serif;
}

.nombreConsumos {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    display: block;
}

.resultConsumosImportes {
    display: flex;
    width: 90%;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 5px;
    margin: .0rem auto 0rem auto;
    font-family: Arial, Helvetica, sans-serif;
}


.consumosRojo {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: crimson;
    text-align: left;
    display: block;
    margin-bottom: .5rem;
}

/*.pnConsumos, .pnConsumosAm, .pnConsumosRoj, .pnConsumoAz {
    width: 26%;
    margin: 0 auto;
}*/

.pnCenterActivos .x-panel-body {
    border-color: #ededed !important;
}

.pnConsumos /*.x-panel-body */ {
    display: flex;
    flex-direction: column;
    background-color: #99EFBD;
    height: 98px !important;
    padding: 1rem;
    border-radius: 3px;
    border: 1px solid #71A889 !important;
}

.pnConsumosAm /*.x-panel-body*/ {
    display: flex;
    flex-direction: column;
    background-color: #FFF3B1;
    height: 98px !important;
    padding: 1rem;
    margin-left: -18px;
    border-radius: 3px;
    border: 1px solid #BEB373 !important;
}

.pnConsumosRoj /*.x-panel-body*/ {
    display: flex;
    flex-direction: column;
    background-color: #FF7C7C;
    height: 98px !important;
    padding: 1rem;
    border-radius: 3px;
    border: 1px solid #AD4C4C !important;
}

.pnConsumosAz /*.x-panel-body*/ {
    display: flex;
    flex-direction: column;
    background-color: #67C8FF;
    height: 98px !important;
    padding: 1rem;
    border-radius: 3px;
    border: 1px solid #AD4C4C !important;
}

.lblLabelConsumoAct .x-label-value {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
}

.lblConsumosActivos .x-label-value {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.ulMejoresRes {
    display: flex;
    width: 90%;
    /*max-width: 630px;*/
    justify-content: space-between;
    flex-wrap: wrap;
}

.liConsumoMinimo {
    border: 1px solid #ccc;
    border-radius: 2px;
    flex: 0 0 calc(33% - 1rem);
    background-color: #f4f4f4;
    min-width: 188px;
    margin-bottom: 1rem;
}

.resultConsumos {
    display: flex;
    width: 90%;
    padding: 5px;
    margin: .0rem auto 0rem auto;
    font-family: Arial, Helvetica, sans-serif;
}

.dvConsumoMinimo {
    flex: 1 0 calc(30% - .5rem);
    background-color: #fff280;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: .5rem;
}

    .dvConsumoMinimo h5, .dvConsumoMedio h5, .dvConsumoMaximo h5 {
        font-weight: 400;
        font-size: 12px;
    }

.dvOperadorConsumo, .dvOperadorOcupacion, .dvOperadorTarifa {
    flex: 1 0 calc(30% - .5rem);
}

    .dvOperadorConsumo h5, .dvOperadorOcupacion h5, .dvOperadorTarifa h5 {
        font-weight: 400;
        font-size: 12px;
    }

.dvOperadorTarifa, .dvOperadorOcupacion {
    border-left: 1px solid #000;
    padding: 10px;
}

/*.dvOperadorOcupacion:before {
    content: url('line-separaMejores.png');
    position: absolute;
    left: -12px;
}

.dvOperadorTarifa:before {
    content: url('line-separaMejores.png');
    position: absolute;
    left: -12px;
}*/

.dvConsumoMedio {
    flex: 1 0 calc(30% - .5rem);
    background-color: #8ddaef;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: .5rem;
    margin-left: 5px;
    margin-right: 5px;
}

.dvConsumoMaximo {
    flex: 1 0 calc(30% - .5rem);
    background-color: #f19494;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: .5rem;
}

.consumosNegro {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: black;
    text-align: left;
    display: block;
    margin-bottom: .5rem;
}

.dvConsumoImporte, .dvConsumoImporteSegunda {
    flex: 1 0 calc(50% - .5rem);
}

.dvConsumoImporteSegunda {
    position: relative;
}

.dvConsumoImporte:before {
    content: url('line-separaMejores.png');
    position: absolute;
    left: -12px;
}

.dvConsumoImporteSegunda:before {
    content: url('line-separaMejores.png');
    position: absolute;
    left: -12px;
}

.dvConsumoImporte h5, .dvConsumoImporteSegunda h5 {
    font-weight: 400;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.dvConsumoImporte h6, .dvConsumoImporteSegunda h6 {
    font-weight: 400;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.dvConsumoImporte .x-label span, .dvConsumoImporteSegunda .x-label span {
    font-size: 16px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

#pnIzqComparticiones {
    width: 90%;
    margin-left: 1rem;
}


    #pnIzqComparticiones .x-panel-body {
        display: flex;
        flex-direction: column;
    }

.filaFormComparticiones {
    display: flex;
}

    .filaFormComparticiones .x-form-element {
        margin-right: 1.4rem;
        padding-left: 75px !important;
    }

    .filaFormComparticiones .x-form-item-label {
        width: 70px !important;
    }

    .filaFormComparticiones .x-form-item {
        font-size: 11px;
    }

.comboComparticiones {
    width: 85px !important;
}

/* FIN PRINT CSS */

/* CSS OPEN LAYER*/
.ol-popup {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
}

    .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
    }

    .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
    }

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

    .ol-popup-closer:after {
        content: "✖";
    }
/* FIN CSS OPEN LAYER*/


.dvContGrafActivosBenchmarking {
    padding: 1rem;
    border: 3px solid #ededed;
    border-radius: 2px;
    /*    max-width: 530px;*/
    height: 420px;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    box-sizing: border-box;
}

    .dvContGrafActivosBenchmarking h1 {
        margin-left: 2.6rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #193665;
        position: relative;
    }

        .dvContGrafActivosBenchmarking h1:before {
            content: url('ico-chartActivos.png');
            position: absolute;
            width: 20px;
            left: -24px;
            top: -2px;
        }

    .dvContGrafActivosBenchmarking img {
        width: 100%;
    }


.pnGraficoActivosBenchmarking {
    height: 200px;
}


.dvMostrar-grafActivoBenchmarking > div {
    height: 200px !important;
    overflow: hidden;
}


.dvContGrafActivosFull {
    padding: 1rem;
    border: 3px solid #ededed;
    border-radius: 2px;
    /*max-width: 630px;*/
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    box-sizing: border-box;
}

    .dvContGrafActivosFull h1 {
        margin-left: 2.6rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #193665;
        position: relative;
    }

        .dvContGrafActivosFull h1:before {
            content: url('ico-chartActivos.png');
            position: absolute;
            width: 20px;
            left: -24px;
            top: -2px;
        }

    .dvContGrafActivosFull img {
        width: 100%;
        height: 100%;
    }


.pnGraficoActivosFull {
    /*height: 460px;*/
}


.dvMostrar-grafActivoFull > div {
    /* height: 402px !important;*/
    overflow: hidden;
}

#chartdivFull {
    height: 100%;
}

.mi-tab-visible.x-panel-disabled .x-panel-body {
    opacity: 1 !important; /* Evita que se vea transparente */
    color: #000 !important; /* Texto más oscuro */
    background-color: #d4f8d4 !important; /* Fondo más claro */
    font-weight: bold;
}

.formDatosBase disabled {
    opacity: 1 !important; /* Evita que se vea transparente */
    color: #000 !important; /* Texto más oscuro */
    background-color: #d4f8d4 !important; /* Fondo más claro */
    font-weight: bold;
}


/* Solo aplica el estilo si el panel está deshabilitado */
.mi-panel-con-estilo.x-item-disabled .x-panel-body {
    background-color: rgba(0, 128, 0, 0.15);
    opacity: 0.5;
}

.mi-panel-con-estilo.x-item-disabled .x-panel-header {
    background-color: rgba(0, 128, 0, 0.2);
}