@import url('https://fonts.googleapis.com/css2?family=Dosis&family=Pacifico&family=Permanent+Marker&family=Roboto+Slab&display=swap');

html {
    position: relative;
}

html, body, form {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

html, body {
    min-height: 100%;
    margin: 0;
    font-size: 13px;
}


/*************************** INPUT *****************************/

img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    max-width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.btnGrid {
    position: absolute;
    z-index: 10;
}

    .btnGrid input[type="submit"] {
        margin-top: -10px;
    }

    .btnGrid a {
        margin-top: -10px;
    }

input[type="submit"].ok {
    background-color: #34a97b;
    clear: both;
    float: right;
    margin: 10px 0 0 0;
}

input[type="submit"].accept {
    color: #34a97b;
    color: Green;
}

    input[type="submit"].accept:hover {
        background-position: 0 -30px;
        color: Green;
    }

input[type="submit"].cancel {
    color: #999999;
    border: 1px solid #999999;
}

    input[type="submit"].cancel:hover {
        background-color: #999999;
        color: #ffffff;
    }

input.disable {
    background-color: #cfcfcf;
}

input[type="submit"].simple {
    font-size: 11px;
    padding: 0 15px;
    margin-left: 1px;
}

input[type="submit"].mini {
    font-size: 10px;
    padding: 0 5px;
}

    input[type="submit"].mini:hover {
        font-size: 10px;
        padding: 0 5px;
        margin-left: 1px;
        color: var(--primary_color);
        background-position: 0 -30px;
        -webkit-box-shadow: 0px 1px 1px 0px #cccccc;
        -moz-box-shadow: 0px 1px 1px 0px #cccccc;
        box-shadow: 0px 1px 1px 0px #cccccc;
    }

input[type="text"] {
    padding: 2px;
    font-size: 15px;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #717171;
}

    input[type="text"]:focus, input[type="text"]:hover, select:focus, select:hover {
        border-color: #ccc;
        outline: 0;
    }

input[type="radio"], input[type="checkbox"] {
    margin-top: 0 !important;
    cursor: pointer;
    margin-right: 5px;
}

    input[type="radio"] + label, input[type="radio"] + span {
        cursor: pointer;
    }

    input[type="checkbox"] + label, input[type="checkbox"] + span {
        cursor: pointer;
    }

    input[type="checkbox"] + label, input[type="checkbox"] + span {
        cursor: pointer;
    }

    input[type="radio"] + label, input[type="radio"] + span {
        cursor: pointer;
    }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -ms-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 28px;
    padding: 3px ;
    margin-bottom: 2px;
    font-size: 15px ;
    color: #555;
}

.bloque select {
    width: 100% !important;
}

.aspNetDisabled {
    background-color: #fff !important;
}

    .aspNetDisabled i {
        color: #c4c4c4 !important;
    }

.iconQuestion {
    margin-left: 50px;
}


/**************************EFECTS********************/
.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}


@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.marcado {
    border: 2px solid var(--primary_color);
}

.overlay {
    background-color: #000000;
    opacity: 0.2;
    z-index: 0;
}

.modalguia {
    position: absolute;
    background-color: #000;
    opacity: 0.2;
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1000;
}

.zindextop {
    position: relative;
    background-color: #FFF;
    background-color: rgba(255,255,255,.9);
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.console-container {
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.console-underscore {
    display: inline-block;
    position: relative;
    color: white;
}

.lblAlerts {
    position: relative;
    text-align: center;
}

.lblA-h {
    height: 83px;
}

.fixed-top2 {
    position: fixed;
    top: 120px;
    z-index: 990 !important;
}
/************************ A **********************************/
a {
    text-decoration: none !important;
}

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

form {
    margin-top: 0;
}

a {
    color: var(--primary_color);
}

.hide {
    display: none;
}

.HIDEDEP {
    display: none;
}

.oculto {
    display: none;
}

.colorCanal {
    color: var(--primary_color) !important;
}

.colorCanal_eliminar {
    color: #FF7474 !important;
    padding: 0px 4px;
}

.bold {
    font-weight: bold;
}

.boldGrey {
    font-weight: bold;
    color: #666;
}

.boldWhite {
    font-weight: bold;
    color: #fff;
}

.tolower {
    text-transform: lowercase;
}

.toupper {
    text-transform: uppercase;
}

.tocapitalize {
    text-transform: capitalize;
}

label {
    width: auto;
}

.auto {
    width: auto;
}

.pnlOpciones fieldset {
    display: block;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0px;
    -webkit-padding-start: 0px;
    -webkit-padding-end: 0px;
    -webkit-padding-after: 0px;
    border: 1px solid #EEE;
    padding: 0px;
}

.oculto {
    display: none;
}

.table, .table100 {
    display: block;
    width: 100%;
}

.table80 {
    display: block;
    width: 80%;
    margin: 0 auto;
}

/*.row {
    width: 100%;
    margin-left: 0px;
}*/

.cellx2, .cell {
    min-width: 49%;
    float: left;
}

.cellx3 {
    min-width: 29%;
    float: left;
}

.cellx4 {
    min-width: 24%;
    float: left;
}

.left {
    float: left;
}

.right {
    float: right;
}

.txtleft {
    text-align: left;
    padding: 5px 10px;
}

.txtright {
    text-align: right;
    padding: 5px 10px;
}

.fa-15 {
    font-size: 1.5em !important;
}

.lbTextbold {
    font-weight: bold;
    color: #000000;
    font-size: 12px;
}

label {
    font-size: 12px;
}

.logout {
    z-index: 150;
}

.preloadermaster {
    display: inline;
    left: 0px;
    position: fixed;
    margin-top: 15px;
    margin-left: 15px;
    width: 25px;
}

.admin-bar {
    width: 100%;
    padding: 0;
}


.divSession {
    position: fixed;
    top: 5px;
    left: 45%;
    background-color: #EFEFEF;
    background-position: 0 -30px;
    -webkit-box-shadow: 0px 1px 1px 0px #cccccc;
    -moz-box-shadow: 0px 1px 1px 0px #cccccc;
    box-shadow: 0px 1px 1px 0px #cccccc;
    color: var(--primary_color);
    padding: 20px 50px;
    z-index: 2000;
    border: 2px solid #666666;
}

    .divSession i {
        color: red;
    }

    .divSession p {
        color: #040303 !important;
    }

/****************************LOADING**************************/

.loading {
    /*background-color: none;*/
    /*width: 270px;
    height: 150px;*/
    /*width: 80px;
    height: 80px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: auto;
    vertical-align: middle;
    align-content: center;
    text-align: center;*/
    z-index: 5000;
    /*left: 20%;
    right: 20%;
    top: 40%;*/
    /*position: fixed;*/
    /*padding: 15px 0px 0px 0px;*/
    /*ADDED*/
    /*left: 50%;
    transform: translate(-50%, -50%);
    right: initial;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;*/
    width: 100% !important;
    height: 100% !important;
    background: rgb(0 0 0 / 60%) !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    position: absolute !important;
}

    .loading span {
        color: var(--primary_color);
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 20px;
    }

    .loading .imgif {
        color: var(--primary_color);
        width: 80px;
        height: 80px;
        /*margin: auto;
        text-align: center;*/
        /*margin-top: 20px;*/
        position: absolute !important;
        left: 50% !important;
        transform: translate(-50%, -30%) !important;
        /*top: 50% !important;*/
        top: 30% !important;
        /*margin-left: -15px !important;
        margin-top: -15px !important;*/
    }

        .loading .imgif .fa {
            color: var(--primary_color);
        }

        .loading .imgif i.fa-4x {
            font-size: 70px !important;
        }

.width400 {
    width: 400px;
}

.TablaMapeoCampos {
    margin-bottom: 15px;
}

.ttlCronometro {
    color: #666;
    font-size: 24px;
    font-weight: bold;
}

.cajaMediaConfig {
    margin-top: 20px;
    display: flex;
    min-height: 300px;
    align-items: center;
    flex-direction: column;
}

.cajaConfigTexto {
    width: 115px;
    margin-right: 10px;
    float: left;
}

/************************ CHECKBOX + RADIO *******************************/

.chkValidaGreen input[type=checkbox] + label {
    cursor: pointer;
}

.chkValidaGreen input[type=checkbox] {
    opacity: 0;
    cursor: pointer;
}

    .chkValidaGreen input[type=checkbox] + label:before {
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        color: gray;
        cursor: pointer;
    }

    .chkValidaGreen input[type=checkbox] + label:before {
        content: "\f096";
    }

    .chkValidaGreen input[type=checkbox] + label:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0c8";
        letter-spacing: 10px;
    }

    .chkValidaGreen input[type=checkbox]:checked + label:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f14a";
        color: Green;
    }

    .chkValidaGreen input[type=checkbox]:checked + label:before {
        letter-spacing: 10px;
    }

.radio input, .checked input, .checkbox input {
    opacity: 0;
}

.radio, .checkbox {
    float: left;
    position: relative;
    border: 0.1rem solid #666;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: #fff;
    font-size: 3.6rem;
    -moz-transition: border-color 0.3s ease-out;
    -webkit-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    -ms-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
    border: 1px #C9C9C9 solid;
    border: 1px #C9C9C9 solid;
    border: 1px #C9C9C9 solid;
    _border: 1px #C9C9C9 solid;
    outline: -webkit-focus-ring-color transparent 5px;
    outline-color: white;
    margin-left: 0px;
    opacity: 1;
    -webkit-appearance: none;
}

.radio {
    border-radius: 50%;
}

.checkbox input[type="checkbox"] {
    width: 21px;
    height: 21px;
}

.radio input[type="radio"] {
    width: 21px;
    height: 21px;
}

.radio.checked, .checkbox.checked {
    outline-color: white;
    font-family: 'icomoon';
    content: '\e044';
    color: var(--primary_color);
    text-align: center;
    display: block;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    opacity: 1;
}


.radio input[type="radio"], .checkbox input[type="checkbox"] {
    background: transparent;
    color: var(--primary_color);
    text-align: center;
    display: table;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    padding: 0px;
    outline: -webkit-focus-ring-color transparent 5px;
    outline-color: white;
    width: 21px;
    height: 21px;
    opacity: 0;
    margin-left: 0px;
    margin-top: 0px;
}

    .checkbox input[type="checkbox"]:checked {
        margin-top: -21px;
    }

    .radio input[type="radio"]:checked {
        width: 0px;
        height: 0px;
    }

.radio.checked, .checkbox.checked {
    outline-color: white;
    font-family: 'icomoon';
    content: '\e044';
    color: var(--primary_color);
    text-align: center;
    display: block;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    border: 1px var(--primary_color) solid;
    border: 1px var(--primary_color) solid;
    border: 1px var(--primary_color) solid;
    _border: 1px var(--primary_color) solid;
    opacity: 1;
}

.radio, .checkbox {
    opacity: 1;
}

    .radio.checked:before {
        font-family: 'iconmoon';
        content: '\e042';
        color: var(--primary_color);
        text-align: center;
        display: block;
        speak: none;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        position: relative;
        font-size: 20px;
        line-height: -1px;
        width: 21px;
        height: 16px;
        outline: -webkit-focus-ring-color transparent 5px;
        outline-color: white;
        opacity: 1 !important;
        top: -2px;
    }

    .checkbox.checked:before {
        font-family: 'iconmoon';
        content: '\e044';
        color: var(--primary_color);
        text-align: center;
        display: block;
        speak: none;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        position: relative;
        font-size: 20px;
        line-height: -1px;
        width: 21px;
        height: 21px;
        outline: -webkit-focus-ring-color transparent 5px;
        outline-color: white;
        opacity: 1 !important;
    }

.modalServiciosTip {
    width: auto;
    padding: 20px;
    height: auto;
}

    .modalServiciosTip .closebtn {
        background: transparent;
        border: none;
        text-align: right;
        float: none;
    }

        .modalServiciosTip .closebtn i {
            color: #ccc;
            font-size: 12px;
        }

/************************************* MARGENES *****************************************/

/*margenbottom*/
.margenbottom0 {
    margin-bottom: 0px !important;
}

.margenbottom05 {
    margin-bottom: 5px !important;
}

.margenbottom10 {
    margin-bottom: 10px !important;
}

.margenbottom15 {
    margin-bottom: 15px !important;
}

.margenbottom20 {
    margin-bottom: 20px !important;
}

.margenbottom25 {
    margin-bottom: 20px !important;
}

.margenbottom30 {
    margin-bottom: 30px !important;
}

.margenbottom40 {
    margin-bottom: 40px !important;
}

.margenbottom150 {
    margin-bottom: 150px;
}
/*margentop*/
.margentop0 {
    margin-top: 0px !important;
}

.margintop05 {
    margin-top: 5px !important;
}

.margintop10 {
    margin-top: 10px !important;
}

.margintop15 {
    margin-top: 15px !important;
}

.margintop20 {
    margin-top: 20px !important;
}

.margintop30 {
    margin-top: 30px !important;
}

.margintop40 {
    margin-top: 40px !important;
}

.margintop50 {
    margin-top: 50px !important;
}

.margintop90 {
    margin-top: 90px !important;
}

/*margenright*/

.margenright0 {
    margin-right: 0px !important;
}

.margenright05 {
    margin-right: 5px !important;
}

.margenright10 {
    margin-right: 10px !important;
}

.margenright15 {
    margin-right: 15px !important;
}

.margenright20 {
    margin-right: 20px !important;
}

.margenright30 {
    margin-right: 30px !important;
}

.margenright35 {
    margin-right: 35px !important;
}

.margenright40 {
    margin-right: 40px !important;
}

.margenright50 {
    margin-right: 50px !important;
}

/*margenleft*/

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

.margenleft05 {
    margin-left: 5px !important;
}

.margenleft10 {
    margin-left: 10px !important;
}

.margenleft20 {
    margin-left: 20px !important;
}

.margenleft30 {
    margin-left: 30px !important;
}

.margenleft50 {
    margin-left: 50px !important;
}

/*************************************PADDINGS*****************************************/

/*paddingbottom*/

.paddingbottom0 {
    padding-bottom: 0px !important;
}

.paddingbottom05 {
    padding-bottom: 5px !important;
}

.paddingbottom10 {
    padding-bottom: 10px !important;
}

.paddingbottom15 {
    padding-bottom: 15px !important;
}

.paddingbottom20 {
    padding-bottom: 20px !important;
}

/*paddingtop*/

.paddingtop0 {
    padding-top: 0px !important;
}

.paddingtop30 {
    padding-top: 30px !important;
}

.paddingtop20 {
    padding-top: 20px !important;
}

.paddingtop10 {
    padding-top: 10px !important;
}

.paddingTop15 {
    padding-top: 15px;
}

.paddingtop40 {
    padding-top: 40px !important;
}

/*paddingright*/

.paddingright10 {
    padding-right: 10px !important;
}

.paddingright20 {
    padding-right: 20px !important;
}

.paddingright30 {
    padding-right: 30px !important;
}

.paddingright50 {
    padding-right: 50px !important;
}

/*paddingleft*/

.paddingleft0 {
    padding-left: 0px !important;
}

.paddingleft05 {
    padding-left: 05px !important;
}

.paddingleft10 {
    padding-left: 10px !important;
}

.paddingleft15 {
    padding-left: 15px !important;
}

.paddingleft20 {
    padding-left: 20px !important;
}

.paddingleft30 {
    padding-left: 30px !important;
}

.paddingleft50 {
    padding-left: 50px !important;
}

/*paddingGlobal*/

.padding10 {
    padding: 10px !important;
}

.padding15 {
    padding: 15px !important;
}

.padding20 {
    padding: 20px !important;
}

/*****************************CUERPOS TAMAÑOS*************************************/

.cuerpo85 {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 140px;
    /*margin-bottom: 35px;*/
}

/******************************** INICIO ACCESO DIRECTO **************************************/

.botonesAccesoDirecto {
    width: 80%;
    margin: 200px auto 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .botonesAccesoDirecto a {
        text-decoration: none;
    }

.botonAccesoD {
    border: 1px solid #666;
    padding: 20px 30px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

    .botonAccesoD:hover {
        border: 1px solid var(--primary_color);
    }

    .botonAccesoD i {
        color: #666;
        font-size: 30px;
        margin-bottom: 10px;
    }

    .botonAccesoD:hover i {
        color: var(--primary_color);
    }

    .botonAccesoD span {
        color: #666;
        font-size: 18px;
    }

    .botonAccesoD:hover span {
        color: var(--primary_color);
    }

/******************************** INICIO MENU GENERAL **************************************/

.InicioMenuGeneral {
    justify-content: center;
    text-align: center;
    width: 100%;
    background: #fff;
    z-index: 800;
    position: fixed;
    box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
    background: #fafafa;
    height: 90px;
}

.logo_eAlicia {
    text-align: left;
}

    .logo_eAlicia img {
        width: 200px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

.InicioMenuGeneral_nav {
    width: auto;
    height: 100px;
    text-align: center;
    float: left;
    display: none;
}

.InicioMenuGeneral_navCaja {
    width: auto;
    height: 100px;
    float: left;
}

.menuInicioPrincipal, .MenuInicioSegundo, .MenuInicioSegundoContent, .MenuInicioTercero, .MenuInicioTerceroContent {
    float: left;
    display: none;
    height: 100px;
    width: auto;
}

    .menuInicioPrincipal.activoMenu, .MenuInicioSegundo.activoMenu, .MenuInicioSegundoContent.activoMenu, .MenuInicioTercero.activoMenu, .MenuInicioTerceroContent.activoMenu {
        display: block;
    }

.desActivoMenu {
    display: none;
}

.MenuBoton_icono {
    width: auto;
    min-width: 60px;
    max-width: 100px;
    cursor: pointer;
    border-bottom: 5px solid #fafafa;
    height: 95px;
    background: transparent;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    box-sizing: content-box;
}

    .MenuBoton_icono:hover {
        border-bottom: 5px solid var(--primary_color);
    }

    .MenuBoton_icono i {
        margin-bottom: 10px;
        font-size: 25px;
        color: #666;
    }

    .MenuBoton_icono:hover i {
        color: var(--primary_color);
    }

    .MenuBoton_icono span {
        font-size: 12px;
        color: #666;
    }

    .MenuBoton_icono:hover span {
        color: var(--primary_color);
    }

    .MenuBoton_icono.botonActivoMenu {
        border-bottom: 5px solid var(--primary_color);
    }

        .MenuBoton_icono.botonActivoMenu i {
            color: var(--primary_color);
        }

        .MenuBoton_icono.botonActivoMenu span {
            color: var(--primary_color);
        }

.activoBotonMenu .MenuBoton_icono {
    border-bottom: 5px solid var(--primary_color);
}

    .activoBotonMenu .MenuBoton_icono span {
        color: var(--primary_color);
    }

    .activoBotonMenu .MenuBoton_icono i {
        color: var(--primary_color);
    }

.flechaBackInicio, .flechaBacksegundo {
    float: left;
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    padding: 0 10px;
    cursor: pointer;
    display: none;
    margin-right: 20px !important;
}

/*********************BTN EMAIL********************/

#btnEmail {
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 50;
}

a.email-btn {
    padding: 12px 10px 9px 10px;
    background: var(--primary_color);
    border: none;
    border-radius: 25px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
}

    a.email-btn i {
        color: white;
        font-size: 24px;
        padding: 0px;
        margin: 0px;
    }

    a.email-btn:hover .button-text {
        opacity: 1;
    }


a.email-btn {
    padding: 16px 10px 10px 10px;
}

.flechaBackInicio i, .flechaBacksegundo i {
    color: #666;
}

.flechaBackInicio:hover i, .flechaBacksegundo:hover i {
    color: var(--primary_color);
}

.flechaBackInicio.activoMenu {
    display: block;
}

.flechaBacksegundo.activoMenu {
    display: block;
}

.user {
    text-align: center;
    float: right;
    height: 100px;
    width: auto;
}

.userMenu {
    max-width: 80%;
    width: auto;
    height: 100px;
    cursor: pointer;
    /*float: right;*/
}

.userMenuIcono {
    /*height: 100px;*/
    height: 90px;
    float: right;
    font-size: 50px;
    margin: 0 15px 0 15px;
    /*line-height: 85px;*/
    line-height: 92px;
    width: auto;
}

    .userMenuIcono i {
        color: var(--primary_color);
    }

.userMenu:hover i {
    color: var(--primary_color);
}

.userMenuTxt {
    float: right;
    text-align: left;
    margin-top: 31px;
    font-size: 14px;
    width: 64%;
    text-align: right;
}

@media (max-width: 1250px) {
    #user-menu .userMenuTxt {
        display: none;
    }
}

.userMenuTxt2 {
    text-align: left;
    margin-top: 10%;
    font-size: 14px;
}


.userMenuTxtresponsive {
    font-size: 14px;
    margin: 20px 30px;
    text-align: left !important;
}

span.userMenuTxt_titulo {
    font-weight: bold;
    font-size: 20px;
    /*line-height: 20px;*/
    line-height: 29px;
    text-align: right;
}

/*.userMenu:hover span.userMenuTxt_titulo {
    color: var(--primary_color);
}*/

span.userMenuTxt_Client {
    color: var(--primary_color);
}

#userSubMenu {
    display: none;
}

.userSubMenu {
    background: #fafafa;
    width: 294px;
    position: fixed;
    border: 1px solid #f5f5f5;
    right: 11%;
    top: 91px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.userSubMenu_MST {
    background: #fafafa;
    width: 294px;
    position: fixed;
    border: 1px solid #f5f5f5;
    right: calc(11% + 294px);
    top: 91px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.userSubMenu_MRKT {
    background: #fafafa;
    width: 294px;
    position: fixed;
    border: 1px solid #f5f5f5;
    right: calc(11% + 294px);
    top: 91px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

#userSubMenu.menuUserVisible {
    display: block;
}

#userSubMenu .bg-popup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
}

.userMenuTxtResponsive {
    display: none;
    border-bottom: 1px solid #ededed;
    padding: 10px 20px;
    text-align: left;
}

.userSubMenu_btn {
    padding: 20px;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
    color: #666;
}

    .userSubMenu_btn i {
        color: #666;
        font-size: 15px;
        margin-right: 5px;
    }

    .userSubMenu_btn:hover i {
        color: var(--primary_color);
    }

    .userSubMenu_btn span {
        font-size: 15px;
        color: #666;
    }

.userSubMenu_slct {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
}

    .userSubMenu_slct select {
        width: 200px !important;
        background: #fafafa;
        border: 1px solid #333;
        font-size: 14px;
        color: #666;
        cursor: pointer;
        height: 30px;
    }

select.selectedServicios {
    width: auto !important;
}
    
@media(min-width: 576px) and (max-width: 1100px) {
    #userMenu .userMenuIcono .fa-user-circle {
        margin-top: 25px !important;
    }
}

/************************* INICIO SUBMENU GENERAL **************************************/

.menuInicioSecundario {
    display: none;
}

    .menuInicioSecundario.activoSecMenu {
        float: left;
        display: block;
    }

.subMenuGrupo {
    display: none;
    width: 270px;
    z-index: 0;
    text-align: center;
    opacity: 0;
    background: #fafafa;
    transition-property: z-index, opacity;
    transition-delay: 0.5s, 0s;
    transition: all 0.4s ease-out;
    position: fixed;
    border-right: 1px solid #e2e2e2;
    overflow-x: auto;
    top: 100px;
    bottom: 0;
}

    .subMenuGrupo.activoMenu {
        z-index: 3000;
        opacity: 1;
        display: block;
    }

.subMenu_btn {
    text-align: left;
    padding: 15px 20px;
    border-bottom: 1px solid #e2e2e2;
    border-left: 4px solid #fff;
    cursor: pointer;
}

    .subMenu_btn:hover i {
        color: var(--primary_color);
    }

    .subMenu_btn:hover {
        border-left: 4px solid var(--primary_color);
    }

    .subMenu_btn.activoSubMenu {
        border-left: 4px solid var(--primary_color);
    }

    .subMenu_btn i {
        color: #666;
        font-size: 20px;
        margin-right: 10px
    }

    .subMenu_btn.activoSubMenu i {
        color: var(--primary_color);
    }

    .subMenu_btn span {
        color: #666;
        font-size: 14px;
        text-transform: capitalize;
    }

    .subMenu_btn.activoSubMenu span {
        color: var(--primary_color);
    }

.subMenu_interno {
    display: none;
}

    .subMenu_interno.activoSubMenu {
        display: block;
        background: var(--grey2_color);
    }

.subSubMenu_btn {
    text-align: left;
    padding: 15px 0;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
}

    .subSubMenu_btn i {
        color: #666;
        font-size: 20px;
        margin: 0 10px 0 50px;
    }

    .subSubMenu_btn span {
        color: #666;
        font-size: 14px;
        text-transform: capitalize;
    }

    .subSubMenu_btn:hover i {
        color: var(--primary_color);
    }

/************************* INICIO INFORMES POPUP **************************************/

.popUpInformes, .popUpInformesMenu {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

    .popUpInformes.informesOpen {
        display: block;
    }

    .popUpInformesMenu.informesOpen {
        display: block;
    }

.divReportsInf {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    display: none;
    padding: 20px;
    margin-top: 20px;
    text-align: right;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    max-width: 800px;
    overflow: auto;
    height: auto;
}

    .divReportsInf.visibleInformes {
        display: block;
    }

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

i#CloseMoreCal, i#CloseMoreCX {
    color: #666;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 10px;
}

.informesCajaListados {
    height: auto;
    width: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #ededed;
    margin-top: 10px;
    padding-top: 10px;
}

/****************************** CONTENT ***************************************/

.divTitle {
    width: 40px;
    position: relative;
    display: inline-block;
    border-right: 1px solid #ededed;
    padding-right: 25px;
    z-index: 30;
}

.divTitle_span {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

    .divTitle_span span {
        color: #444;
        font-size: 22px;
    }

.MenuBotones {
    margin: 15px auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.MenuBoton {
    width: auto;
    height: auto;
    margin: 10px;
    cursor: pointer;
}

a.MenuBoton_Link {
    text-decoration: none;
}

.MenuBoton_Content {
    width: 180px;
    height: 180px;
}

.ContenidoInicio {
    margin-top: 150px;
    width: 100%;
    height: 100%;
    position: absolute;
}

.MenuGrupo {
    justify-content: center;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
}

#satisfaccion.MenuGrupo {
    border-bottom: none;
}

.chartCanal {
    position: absolute;
    z-index: 1;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    height: 180px;
    min-height: 180px;
    max-height: 180px;
    margin: 0;
    padding: 0;
}

.chartVacio {
    width: 175px;
    height: 175px;
    border: 1px solid #666;
    border-radius: 50%;
}

.MenuBoton_icono_porcentage {
    position: absolute;
    z-index: 2;
    width: 180px;
    height: auto;
    text-align: center;
    padding: 35px 0;
    color: #666;
}

    .MenuBoton_icono_porcentage.facebook:hover i {
        color: blue;
    }

    .MenuBoton_icono_porcentage i {
        font-size: 60px;
    }

.MenuBoton_Num {
    margin-top: 5px;
}

    .MenuBoton_Num span {
        font-size: 30px;
        font-weight: normal;
    }

        .MenuBoton_Num span.MenuBoton_Num_sla {
            font-size: 12px;
            font-weight: normal;
        }

        .MenuBoton_Num span.MenuBoton_Num_Titulo {
            font-size: 35px;
            font-weight: normal;
        }

.MenuBoton:hover .MenuBotonOpc_left, .MenuBoton:hover .MenuBotonOpc_right {
    opacity: 1;
    transition: opacity 0.3s;
}

.MenuBotonOpc_left {
    width: 40px;
    min-height: 135px;
    color: #666;
    opacity: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin-right: 10px;
}

.MenuBotonOpc_right {
    width: 40px;
    min-height: 105px;
    color: #666;
    opacity: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin-left: 10px;
}

.MenuBotonOpc_icono {
    border: 1px solid #666;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    font-size: 20px;
    line-height: 35px;
    color: #666;
}

    .MenuBotonOpc_icono:hover {
        background: #666;
        color: #fff;
    }

        .MenuBotonOpc_icono:hover span {
            color: #fff;
        }

.MenuBoton_text {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}

    .MenuBoton_text span {
        color: #666;
        text-transform: capitalize;
    }

.MenuBotonOpc_left a:nth-child(2), .MenuBotonOpc_right a:nth-child(2) {
    margin: 5px 0;
}

/************************************** REPORTS *********************************************/

.UserMenuHtml {
    margin-top: 120px;
}

.tituloIncioDash {
    height: auto;
    text-align: left;
    display: flex;
    justify-content: space-around;
}

    .tituloIncioDash h1 {
        margin: 0;
        padding: 0;
        font-size: 30px;
        color: #666;
        font-weight: normal;
    }

.tituloIncioDashH1 {
}

.h1TotalQ, .h1Bench, .h1Satisfaction, .h1Quality {
    display: none;
}

    .h1TotalQ.activeH1, .h1Bench.activeH1, .h1Satisfaction.activeH1, .h1Quality.activeH1 {
        display: block;
    }

.Spain {
    cursor: pointer;
}

.benchInicio, .TotalQInicio, .MapaSInicio, .MapaQInicio {
    margin-left: 10px;
    display: inline-block;
    cursor: pointer;
    width: auto;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ededed;
    color: #666;
    padding: 0 15px;
    border-radius: 0;
    font-size: 15px;
    border-bottom: 0;
}

    .benchInicio:hover, .TotalQInicio:hover, .MapaSInicio:hover, .MapaQInicio:hover {
        background: #666;
        color: #fff;
    }

    .benchInicio.activoBtn, .TotalQInicio.activoBtn, .MapaSInicio.activoBtn, .MapaQInicio.activoBtn {
        background: #666;
        color: #fff;
    }

.inicioContentCalSat {
    display: block;
}

    .inicioContentCalSat.cerrarInicio {
        display: none;
    }

.Reportes {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
}

.ReportesIcono {
    position: relative;
    width: 165px;
    height: 165px;
    font-size: 60px;
    border: 2px solid #666;
    margin-bottom: 10px;
    line-height: 170px;
    border-radius: 50%;
    cursor: pointer;
    background: #fff;
    color: #666;
    transition: all 0.4s;
}

    .ReportesIcono:hover {
        border: 2px solid #666;
        background: #666;
        color: #fff;
    }

.ReportesSpan {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}

.MenuReports {
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    position: fixed;
    background: transparent;
    top: 0;
    opacity: 1;
    transition-property: z-index, opacity, background;
    transition-delay: 1s, 0s, 0s;
    transition: all 0.5s ease-out;
    z-index: -1000;
}

    .MenuReports.reportOpen {
        opacity: 1;
        z-index: 100000;
        background: rgba(0, 0, 0, 0.5);
    }

.divReports {
    width: 700px;
    position: absolute;
    z-index: -10;
    background: #fff;
    height: auto;
    overflow: hidden;
    transition: all 0.5s ease-out;
    opacity: 0;
    transform: translateY(-50px);
    padding: 30px 50px 50px 50px;
    text-align: right;
    cursor: default;
}

.MenuReports.reportOpen .divReports {
    opacity: 1;
    transform: translateY(0);
    z-index: 10;
}

#CloseMore {
    color: #666;
    font-size: 20px;
    margin-bottom: 10px;
    cursor: pointer;
}

.divReportsContent {
    height: auto;
    width: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.divReportsContent_button {
    width: 250px;
    height: auto;
    border: 1px solid #666;
    margin: 10px;
    cursor: pointer;
    color: #666;
    padding: 15px 30px;
    transition: all 0.4s;
    text-align: left;
}

    .divReportsContent_button.infEncuestas {
        border: 1px solid #03b51c;
        color: #03b51c;
    }

        .divReportsContent_button.infEncuestas:hover {
            background: #03b51c;
            color: #fff;
        }

    .divReportsContent_button.infQuality {
        border: 1px solid var(--primary_color);
        color: var(--primary_color);
    }

        .divReportsContent_button.infQuality span {
            color: var(--primary_color);
        }

        .divReportsContent_button.infQuality:hover {
            background: var(--primary_color);
            color: #fff;
        }

            .divReportsContent_button.infQuality:hover span {
                color: #fff;
            }

    .divReportsContent_button:hover {
        background: #444;
        color: #fff;
    }

    .divReportsContent_button i {
        font-size: 18px;
    }

    .divReportsContent_button span {
        font-size: 15px;
    }

.divBotonesLateralInicio {
    width: 170px;
    height: auto;
    position: absolute;
    /*display: inline-block;*/
    z-index: 20;
    transition: all 0.5s;
    margin: 0 20px;
    text-align: right;
    right: 10px;
    top: 290px;
}

.divBotonesLateralInicio-s {
    width: 170px;
    height: auto;
    position: absolute;
    /* display: inline-block; */
    z-index: 20;
    transition: all 0.5s;
    margin: 0 20px;
    text-align: right;
    right: 10px;
    top: 580px;
}

.divBotonesLateralInicio-e {
    width: 170px;
    height: auto;
    position: absolute;
    /* display: inline-block; */
    z-index: 20;
    transition: all 0.5s;
    margin: 0 20px;
    text-align: right;
    left: 50px;
    top: 580px;
}

.divBotonesLateralTxt.reportsInicio {
    position: absolute;
    top: 4.5%;
    left: -70px;
}

.divBotonesLateralTxt span {
    color: #fff;
    font-size: 17px;
}

.divBotonesLateral.reportsInicio:hover .divBotonesLateralTxt.reportsInicio span {
    color: #666;
}

.divBotonesLateral {
    display: inline-block;
    cursor: pointer;
    width: 45px;
    height: 45px;
    border: 1px solid #666;
    background: #666;
    border-radius: 50%;
    color: #fff;
}

    .divBotonesLateral:hover {
        background: #fff;
        color: #666;
    }

    .divBotonesLateral i {
        display: block;
        font-size: 20px;
        line-height: 45px;
    }

.divGlobalCalidad {
    border: 1px solid #ededed;
    padding: 0px 25px 20px;
    position: relative;
    display: inline-block;
}

    .divGlobalCalidad i {
        color: var(--primary_color);
    }

/****************************** COMPARATIVA GLOBAL CALIDAD *****************************************/

.CompGlobalCal, .inicioContentCalSat {
    display: none;
}

    .CompGlobalCal.abrirComp {
        display: block;
        margin-top: 25px;
    }

.MapaSatGlobal, .MapaCalGlobal, .MapaCalEspaña, .MapaSatEspaña {
    margin: 30px auto 0 auto;
}


    .MapaSatGlobal.abrirComp, .MapaCalGlobal.abrirComp {
        visibility: visible;
        margin-top: 25px;
        display: flex;
    }

.divBenchmark {
    width: 60%;
    margin: 0 auto;
}
/********************************* MAP GLOBAL ******************************************/

.botonesInformesMapa {
    width: 75%;
    margin: 30px auto 0 auto;
}

.botonesInformesMapaBoton {
    font-size: 16px;
    width: 140px;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    background: #666;
    color: #fff;
    border: 1px solid #666;
}

    .botonesInformesMapaBoton:hover {
        border: 1px solid #666;
        color: #666;
        background-color: #fff;
    }

    .botonesInformesMapaBoton i {
        margin-right: 5px;
    }

.mapS {
    width: 90%;
    overflow: hidden;
    min-width: 700px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #000;
    moz-opacity: 1;
    opacity: 1;
    border-radius: 4px;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    color: #fff;
    font-size: 18px;
}

.mapael .map {
    margin-right: 228px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.mapael .zoomButton {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    top: 0;
    font-weight: bold;
    left: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mapael .zoomReset {
    top: 10px;
}

.mapael .zoomIn {
    top: 30px;
}

.mapael .zoomOut {
    top: 50px;
}

.legends {
    float: right;
    width: 234px;
    border-radius: 5px;
    margin-left: 5px;
}

.plotLegend {
    margin-top: 20px;
}

/********************************* TOOLTIP ******************************************/
.divTooltip {
    position: relative;
    display: inline-block;
}

    .divTooltip .tooltiptext {
        font-family: helvetica;
        font-size: 14px;
        visibility: hidden;
        position: absolute;
        width: 120px;
        background-color: #444;
        color: #fff;
        text-align: center;
        padding: 9px 0;
        border-radius: 5px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        display: none;
    }

        .divTooltip .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #444 transparent;
        }

    .divTooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.tooltip-bottom {
    top: 70%;
    left: 50%;
    margin-left: -60px;
}

/******************************* BOTTON DISABLED **************************************/

.MenuBoton.btndisabled .MenuBoton_Content:hover {
    background: #fff !important;
}

.MenuBoton.btndisabled:hover .MenuBoton_icono_porcentage {
    color: #666 !important;
    border-color: #666 !important;
}

.MenuBoton.btndisabled .MenuBoton_icono_porcentage {
    color: #666 !important;
    border-color: #666 !important;
    background: transparent !important;
}

    .MenuBoton.btndisabled .MenuBoton_icono_porcentage:hover {
        color: #666 !important;
        background: transparent !important;
    }

        .MenuBoton.btndisabled .MenuBoton_icono_porcentage:hover i {
            color: #666 !important;
        }

/************************ FIN DASHBOARD INICIO *******************************************/

.ContainerDiv {
    width: 960px;
    margin: 0px auto;
    position: relative;
    min-height: 100%;
    height: 100%;
    height: auto;
}

.MainDiv {
    padding: 12px 10px 10px 16px;
    width: 680px;
}

#botonesImprimir {
    width: 50%;
    margin: 0 auto;
}

#cuerpo {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 119px);
    overflow: hidden;
}

#cuerpoCent {
    width: 80%;
    height: 80%;
    -webkit-box-shadow: 5px 2px 8px 2px #ccc;
    -moz-box-shadow: 5px 2px 8px 2px #ccc;
    -webkit-border-radius: 15px 15px;
    -moz-border-radius: 15px 15px;
    border: 0px solid #EEE;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    text-align: center;
    padding: 25px;
}

.Helvetica7 {
    font-size: 7pt;
}

.Helvetica7N {
    font-size: 7pt;
    font-weight: bold;
}

.Helvetica7White {
    font-size: 7pt;
    color: #FFFFFF;
}

.Helvetica7K {
    font-size: 7pt;
    font-style: italic;
}

.Helvetica7KWhite {
    font-size: 7pt;
    color: #FFFFFF;
    font-style: italic;
}

.Helvetica7NWhite {
    font-size: 7pt;
    font-weight: bold;
    color: #FFFFFF;
}

.Helvetica7G {
    font-size: 7pt;
    color: #666;
}

.Helvetica7NRed {
    font-size: 7pt;
    font-weight: bold;
    color: #FF0700;
}

.Helvetica8 {
    font-size: 8pt;
}

.Helvetica8K {
    font-size: 8pt;
    font-style: oblique;
}

.Helvetica8N {
    font-size: 8pt;
    font-weight: bold;
}

.Helvetica8White {
    font-size: 8pt;
    color: #FFFFFF;
}

.Helvetica8NWhite {
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
}

.Helvetica8NBlue {
    font-size: 8pt;
    font-weight: bold;
    color: var(--primary_color);
}

.Helvetica8G {
    font-size: 8pt;
    color: #666;
}

.Helvetica8NRed {
    font-size: 8pt;
    font-weight: bold;
    color: #FF0700;
}

.Helvetica9 {
    font-size: 9pt;
}

.Helvetica9K {
    font-size: 9pt;
    font-style: oblique;
}

.Helvetica9N {
    font-size: 9pt;
    font-weight: bold;
}

.Helvetica9White {
    font-size: 9pt;
    color: #FFFFFF;
}

.Helvetica9NWhite {
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
}

.Helvetica9G {
    font-size: 9pt;
    color: #666;
}

.Helvetica9NRed {
    font-size: 9pt;
    font-weight: bold;
    color: #FF0700;
}

.Helvetica10 {
    font-size: 10pt;
}

.Helvetica10N {
    font-size: 10pt;
    font-weight: bold;
}

.Helvetica10White {
    font-size: 10pt;
    color: #FFFFFF;
}

.Helvetica10NWhite {
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
}

.Helvetica10NBule {
    font-size: 10pt;
    font-weight: bold;
    color: #045D88;
}

.Helvetica10G {
    font-size: 10pt;
    color: #666;
}

.Helvetica10NRed {
    font-size: 10pt;
    font-weight: bold;
    color: #FF0700;
}

.Helvetica12 {
    font-size: 12pt;
}

.Helvetica12N {
    font-size: 12pt;
    font-weight: bold;
}

.Helvetica12White {
    font-size: 12pt;
    color: #FFFFFF;
}

.Helvetica12NWhite {
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
}

.Helvetica12G {
    font-size: 12pt;
    color: #666;
}

.HelVetica14NWhite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: #FFFFFF;
}

.Helvetica9 {
    font-size: 9pt;
}

.Helvetica9N {
    font-size: 9pt;
    font-weight: bold;
}

.Helvetica9White {
    font-size: 9pt;
    color: #FFFFFF;
}

.Helvetica9NWhite {
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
}

.Helvetica9NRed {
    font-size: 9pt;
    font-weight: bold;
    color: #FF0700;
}

.Helvetica11White {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

.Helvetica11NWhite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
}

.Helvetica12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #040303;
}

.CampoTexto {
    font-size: 11px;
    font-weight: normal;
    color: #040303;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTextoBLOQ {
    font-size: 11px;
    font-weight: normal;
    color: #040303;
    border: 1px solid #cccccc;
    background-color: #EEEEEE;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTextoOBLIG {
    font-size: 11px;
    font-weight: normal;
    color: #040303;
    border: 1px solid #ccc;
    background-color: rgb(255, 145, 145);
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTextoOBLIG10 {
    font-size: 10px;
    font-weight: normal;
    color: #040303;
    border: 1px solid #ccc;
    background-color: rgb(255, 145, 145);
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTextoBLOQN {
    font-size: 11px;
    font-weight: bold;
    color: #040303;
    border: 1px solid #ccc;
    background-color: #EEEEEE;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTextoN {
    font-size: 11px;
    font-weight: bold;
    color: #040303;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTexto10 {
    font-size: 10px;
    font-weight: normal;
    color: #040303;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTextoBLOQ10N {
    font-size: 10px;
    font-weight: bold;
    color: #949494;
    border: 1px solid #ccc;
    background-color: #EEEEEE;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTextoBLOQ14N {
    font-size: 14px;
    font-weight: bold;
    color: #949494;
    border: 1px solid #ccc;
    background-color: #EEEEEE;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTextoBLOQ10 {
    font-size: 10px;
    font-weight: normal;
    color: #949494;
    border: 1px solid #ccc;
    background-color: #EEEEEE;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTexto2 {
    font-size: 11px;
    font-weight: normal;
    color: #040303;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoCentrado {
    text-align: center;
}

.Listado {
    font-size: 8pt;
    border: 1px solid #949494;
}

.Listado7 {
    font-size: 7pt;
    border: 1px solid #949494;
}

.Listado9 {
    font-size: 9px;
    height: 15px;
    border: 1px solid #949494;
}

.ListadoOBLIG {
    font-size: 10px;
    height: 17px;
    border: 1px solid #949494;
    background-color: rgb(255, 145, 145);
}

.Listado8OBLIG {
    font-size: 8pt;
    border: 1px solid #949494;
    background-color: rgb(255, 145, 145);
}

.Listado8BLOQ {
    font-size: 8pt;
    border: 1px solid #949494;
    background-color: #EEEEEE;
}

.CeldaCabecera {
    background-color: #EBEADB;
    border-bottom: 2px solid #CBC7B8;
}

.Subrrayado {
    text-decoration: underline;
}

.SubrrayadoLink {
    text-decoration: underline;
    color: var(--primary_color);
}

div.popup {
    position: absolute;
    display: none;
    padding: 3px;
    border: 2px solid #03486A;
    background-color: #FFFFFF;
    z-index: 99999;
}

.titulo_rss a {
    font: bold 13px Helvetica;
    color: #03486A;
    text-decoration: none;
    display: block;
    margin-top: 12px;
}

    .titulo_rss a:hover {
        color: #666;
    }

.descripcion_rss {
    font: 12px Helvetica; /*font: 11px Helvetica, Arial, Helvetica, sans-serif;*/
    color: #888;
    display: block;
}

.fecha_rss {
    font: 11px Helvetica; /*font: 10px "Lucida Sans Unicode", Helvetica, Arial, Georgia;*/
    color: #FF6700;
}

#contenedor {
    padding: 0px;
    width: 100%; /* min-height: 600px;   height: auto !important;*/
    height: 100%;
}

.capContenedor {
    width: 100%;
    height: 36px;
    color: #08c;
    font-weight: 100;
    font-size: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

    .capContenedor span {
        color: var(--primary_color);
        font-size: 30px !important;
        font-weight: 100 !important;
        width: auto !important;
    }

    .capContenedor.chat {
        color: #e6be01;
        border-bottom: dotted 2px #e6be01;
    }

    .capContenedor.canalEncuestas {
        color: #03b51c;
        border-bottom: dotted 2px #03b51c;
    }

    .capContenedor.chat span {
        color: #e6be01;
    }

    .capContenedor.canalEncuestas span {
        color: #03b51c;
    }

.separacion_chat {
    border-bottom: dotted 2px #e6be01;
}

.cosTaula {
    background: #FFFFFF;
    width: 100%;
    font-size: small;
    background-color: white;
    border-collapse: collapse;
    padding: 0px; /* -webkit-box-shadow: 5px 2px 8px 4px #CFCCCC; 	-moz-box-shadow: 5px 2px 8px 4px #CFCCCC;*/
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    max-width: 1500px;
}

.cosTaula80 {
    background: #FFFFFF;
    width: 80%;
    font-size: small;
    background-color: white;
    border-collapse: collapse;
    padding: 0px; /* -webkit-box-shadow: 5px 2px 8px 4px #CFCCCC; 	-moz-box-shadow: 5px 2px 8px 4px #CFCCCC;*/
    max-width: 1500px;
    margin: 0 auto;
}

#cphBotoneraSup {
    padding: 0px 15px 0px 15px;
}

#cphCapcalera {
    padding: 0px 15px 0px 15px;
}

#cphMisSuperior {
    padding: 0px 15px 0px 15px;
}

/* default layout */
.ajax__tab_default .ajax__tab_header {
    white-space: normal !important;
}

.ajax__tab_default .ajax__tab_outer {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_default .ajax__tab_inner {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_default .ajax__tab_tab {
    overflow: hidden;
    text-align: center;
    display: -moz-inline-box;
    display: inline-block;
}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: url(WebResource.axd?d=Okxk36stq5ehtUar18knUBcWfneiqI6wN7Na2Td-FQ76RAxb--FwivpKOYPZmpBa8tE9UpPJuk8hO96qVtUEGBs51XzJ4mncO3-5lPr7Q2IT7kS1PtNxVyrpQOu1K16q0&t=634504278848274672) repeat-x bottom;
}

.ajax__tab_xp .ajax__tab_outer {
    padding-right: 10px;
    background: url(WebResource.axd?d=avAD_vu0X2LkZRigaEpPbft79ZTBg2CJd8kwUFLBLL1BM_YzGZ58MxkuN2gqkvG58kC5p0gvkN85dKFmNQvgSUSyekcJgH3FnEaEGheVFfmJz8rlv01B4GiLqgO4uel80&t=634504278848274672) no-repeat right;
    height: 30px;
}

.ajax__tab_xp .ajax__tab_inner {
    padding-left: 10px;
    background: url(WebResource.axd?d=OIh6gYQuTLDdOeYkzjFdn5rZUBjdSEH8fh1EXJQlyMxOY8YP2MJiOiubmE4VJDhDKHQAyLGNhIkeqAMPOSO3o5ASUAKn_Mq829bHVgVRHFcSzHUx5yy-CASVTnmc3FFw0&t=634504278848274672) no-repeat;
}

.ajax__tab_xp .ajax__tab_tab {
    height: 25px;
    padding: 10px;
    margin: 0px;
    background: url(WebResource.axd?d=za2dje1Ht8-hi3TPyzOUjma45-RLAdUlNTGlzMJDjTCW94R0sRCs6dVpMCAGFEwynWfMCKBnTicBUL-zT46HYVo5hAOZfFxlZZR5l3wJHSr7pjnetcHUGm_t722_X7960&t=634504278848274672) repeat-x;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
    cursor: pointer;
    background: url(WebResource.axd?d=he50KyjZzdS30Tjga_Fu5fOgsvN7j7iTN4v3pm7AM0BXsVCzhLo9-ibvKljzhvkz0xl2bVX_xugUSjJcjY5Z7C97sVnTJPTI2R6lmCkfXkyeWXZQkNOQgzwAbdT_PzjvmWOOA0vVKG_WfRQr7fP4Ww2&t=634504278848274672) no-repeat right;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
    cursor: pointer;
    background: url(WebResource.axd?d=KQ_j9NAZbhn_b2v7ZgVLWXLRrVBXvwDnoCrp0ueUYlJgavvCdGZajb2Kz3pcT-1QONcUkP25MqizJPA6px4Ungrv2cT4W-flg7NbJMsH7LXZG3_gzRhOTWFCw2a1Nc5z7xhPMxZrshY5GXCbI-fBig2&t=634504278848274672) no-repeat;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
    cursor: pointer;
    background: url(WebResource.axd?d=DKlKp5N6YFlKOVc_g9ux0a92marO3IOdgkZZtXe3k9JcplwBHzv5gJti0N3jza0P_a6DMd8N84Ro8nM0xhe2Okueba8ko_FgWGtl8lf88WtaUtUKz34xjPvAMJQCXVto0&t=634504278848274672) repeat-x;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background: url(WebResource.axd?d=Mmno5V8A5iiByHP1t_FduTIIczlc-PACqmoiaWthpk6AY7w2RH8b2QLpLjhOB1ZeapGnShm-g4yOxHjiRTBlclkB_0Nxl_Ekg-PFxSGyrSX89txIQ6lxgPx3HrvkQJAq7FXU31airgla_I-ugbXzVQ2&t=634504278848274672) no-repeat right;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background: url(WebResource.axd?d=tA-3_GOctuMDlVQK-GUMN5DayPgZNb_Tpk5xwrCFXJDGhcYIGI3onFOtyBxo40HQb2hkU-j045jqs4tP77juqeGJBvWKlVmiXfDHglguJoJ3hGcM_KPnRcIQNpeMkHxA-ynwsTSu7ndhqJ0oc4F5zQ2&t=634504278848274672) no-repeat;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background: url(WebResource.axd?d=lJ4bNCkZs6-K7-JyambRNQe3Bpwwfdb4gCCkp5Nt8O8y6CYloWzKMfqM6bCSnCK_GFkeZplbNS2n6rsoFOSCIYCAG0mgoQub7eayGT4GmGtxR09US3XT5edWdTRW-F7k0&t=634504278848274672) repeat-x;
}

.ajax__tab_xp .ajax__tab_disabled {
    color: #A0A0A0;
}

.ajax__tab_xp .ajax__tab_body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 0px solid #999999;
    border-top: 0;
    padding: 10px;
    background-color: #ffffff;
}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {
    text-align: center;
    vertical-align: middle;
    border: 2px solid #999999;
}

.ajax__tab_plain .ajax__tab_inner {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_body {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_header {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
    background: #FFFFE1;
}

.ajax__tab_active > span.ajax__tab_outer {
    background: #EEEEEE;
}

.captitol {
    width: 100%;
    color: red;
    background: url( './../images/cabecera.png' ) repeat-x 0 100%;
    z-index: 50;
}


#cronos {
    position: fixed;
    bottom: 0px;
    padding: 0px;
    background-color: #ffffff;
    left: 0px;
    width: 100%;
    border: none;
    height: 100px;
    z-index: 500;
}

.rotatingWrapper {
    position: absolute;
    top: 0px;
    left: 0px;
}

.tablas {
    border: 0px solid;
    text-align: center;
    width: 100%;
}


#clockHolder, #clockHolder2, #clockHolder3, #clockHolder4, #clockHolder5 {
    width: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    text-align: center;
}

#sec, #sec2, #sec3, #sec4, #sec5 {
    display: block;
    position: absolute;
}

#min, #min2, #min3, #min4, #min5 {
    display: block;
    position: absolute;
}

#hour, #hour2, #hour3, #hour4, #hour5 {
    display: block;
    position: absolute;
}

#botones {
    position: absolute;
    bottom: 20px;
    border: 1px solid #000;
    width: 100%;
    height: 200px;
}

iframe {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: transparent;
}

#Div1 {
    margin: auto;
    background: url( './../../images/Fondo21.jpg' ) no-repeat scroll 0 0 transparent;
    width: 550px;
    left: 350px;
    height: 215px;
    padding: 10px 10px 30px 10px;
    opacity: 0.4;
}

#mensajes_nuevos {
    padding: 2px 2px 0px 2px;
}

#ctl00_cabecera {
    background: url( './../../images/cab3.png' ) no-repeat #333333;
}

#ctl00_ctl00_cabecera {
    background: url( './../../images/cab3.png' ) repeat-x #999;
}

#cabecera {
    background: url( './../../images/cab3.png' ) repeat-x #333333;
}

#cuadroMandos {
    width: 100%;
    height: 100%;
}

.speedblock {
    padding: 10px 30px 10px 30px;
    height: auto;
    float: left;
    margin-left: 5px;
    font-size: 9px;
    width: 210px;
    background: white;
}

.chartImage {
    background: rgba(255, 255, 255, 1.0);
    -webkit-box-shadow: 1px 1px 3px black;
    -moz-box-shadow: 1px 1px 3px black;
    border: solid 1px rgba(255, 255, 255, .15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    height: auto;
    width: auto;
    float: left;
    margin-left: 5px;
    margin-top: 0px;
}

.chartImage1 {
    padding: 2px;
    height: auto;
    width: auto;
    float: left;
    margin-left: 5px;
    margin-top: 0px;
    overflow: hidden;
}

#contenedorDash {
    height: 100%;
    padding: 15px;
    width: 1084px;
    margin-left: 63px;
}

.cosTaulaDash {
    width: 100%;
    font-size: large;
    background-image: url( './../../cuerpo_pc.png' ) repeat-x;
    background-color: transparent;
    border-collapse: collapse;
    padding: 0px;
}

.buttonUP {
    background: url( './../../images/Up.png' ) no-repeat 0 0 transparent; /*url('./../../images/Up.jpg') transparent;*/
    width: 33px;
    height: 33px;
}

.buttonDOWN {
    background: url( './../../images/Down.png' ) no-repeat 0 0 transparent;
    width: 33px;
    height: 33px;
}

.buttonUPFALSE {
    background: url( './../../images/UpFALSE.png' ) no-repeat 0 0 transparent;
    width: 33px;
    height: 33px;
}

.buttonDOWNFALSE {
    background: url( './../../images/DownFALSE.png' ) no-repeat 0 0 transparent;
    width: 33px;
    height: 33px;
}

.buttonMonedas {
    background: url( './../../images/moneda_eAlicia.jpg' ) no-repeat 0 0 transparent;
    width: 36px;
    height: 36px;
}

.buttonGraf {
    background: url( './../../images/graf.png' ) no-repeat 0 0 transparent;
    width: 36px;
    height: 33px;
}

.chartMONEDAS {
    background: rgba(255, 255, 255, 1.0);
    -webkit-box-shadow: 2px 2px 5px black;
    -moz-box-shadow: 2px 2px 5px black;
    border: solid 1px rgba(255, 255, 255, .15);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px;
    height: auto;
    width: auto;
    margin: auto;
}

.cuerpoDashboard {
    height: 100%;
    padding: 5px;
    width: 100%;
    margin: 0px;
    background: url( './../../images/cuerpo_pc.png' ) repeat-x 0 0 #FFF;
}
/* FORMULARIO PLANTILLA */

.rowFormul {
    border-bottom: solid 1px #000000;
}

legend {
    display: block;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 2px;
    border: none;
    font-size: 11px;
}

.tableCap {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}

.filaCap {
    width: 100%;
}

.tablaVariables {
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: black;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    width: auto;
    margin-bottom: 20px;
}

.celdVariable {
    padding-left: 20%;
    width: 40%;
    border: solid 0px #CCCCCC;
}

.celdVariableCond {
    border: solid 0px #CCCCCC;
    width: 60%;
    text-align: left;
    padding-left: 15%;
}

.celdVariableSinCond {
    padding: 5px 20px;
    border: solid 0px #CCCCCC;
    float: left;
    min-width: 200px;
}

span.celdVariableLat {
    width: auto;
}

.celdVariableLat {
    padding: 0px;
    width: 0px;
    border: solid 0px #CCCCCC;
    text-overflow: visible;
}

img.btnEdicion span {
    display: none; /* el elemento va a estar oculto */
}

img.btnEdicion:hover span {
    display: block; /* se fuerza a mostrar el bloque */
    position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
    top: 2em;
    left: 2em; /* donde va a estar */
    width: 250px; /* el ancho por defecto que va a tener */
    padding: 5px; /* la separación entre el contenido y los bordes */
    /*background-color: #0080C0;*/ /* el color de fondo por defecto */
    /*color: #FFFFFF;*/ /* el color de los textos por defecto */
}

/* ZOOM de IMAGENES */

.zoom {
    cursor: url(../../Plantillas/images/lupa.png), pointer;
}

#easy_zoom {
    width: 680px;
    height: 650px;
    border: 5px solid #eee;
    background: #fff;
    color: #333;
    position: absolute;
    top: 150px;
    left: 350px;
    overflow: hidden;
    -moz-box-shadow: 0 0 10px #777;
    -webkit-box-shadow: 0 0 10px #777;
    line-height: 100px;
    text-align: center;
}

.lblInfoMedidor {
    position: fixed;
    top: 15%;
    padding: 10px;
    background-color: #ffffff;
    right: 0;
    color: var(--primary_color);
    z-index: 10000;
    width: auto;
    /*min-width: 150px;*/
    border-radius: 5px 0 0 5px;
}

    .lblInfoMedidor i {
        color: #000000;
        margin: 0px 5px;
    }

    .lblInfoMedidor p {
        color: #000000;
        margin: 0px 5px;
    }

.pnlMedidor {
    min-width: 700px;
    max-width: 49%;
    float: left;
}

#contenedorExamen {
    width: 90%;
    margin: 0 auto;
}

.separacion {
    width: 50%;
}

.cierreVideo2 {
    z-index: 1000;
    top: 250px;
    right: 15px;
    position: fixed;
}

.textHide {
    color: #fff;
}

img.logo {
    height: 60px !important;
    width: auto !important;
    margin-bottom: 30px !important;
}

.ui-menu {
    padding: 0 !important;
    height: 45px;
    float: none !important;
    background: var(--primary_color);
}

.Cabecera_master {
    height: 75px;
    width: 100%;
    display: block;
    clear: both;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    background: var(--primary_color);
    width: auto !important;
    position: relative;
    left: 0px;
}

.cabecera_top {
    height: 70px;
    clear: both;
}

.Cabecera_logo {
    width: 13em;
    height: 4em;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
}

    .Cabecera_logo img {
        width: 150px;
    }

/*.Cabecera_ealicia_Con_Cliente {
    height: 73px;
    width: 230px;
    display: block;
    position: relative;
    float: left;
    margin-top: 10px;
    margin-left: 20%;
    background: url( '../images/logoEalicia.png' ) top center no-repeat transparent;
}*/

.logoCliente {
    float: left;
    font-size: 25px;
    font-weight: 600;
    margin-top: 20px;
    color: #fff;
}

.Cabecera_user {
    height: 35px;
    width: auto;
    display: block;
    float: left;
    margin-top: 20px;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 0 15px;
    border: 1px solid #fff;
    margin-right: 20px;
}

    .Cabecera_user .cabecerUserTxt {
        font-size: 14px;
        color: #fff;
        text-align: left;
        margin-right: 15px;
        padding-right: 15px;
        border-right: 1px solid #fff;
        float: left;
        height: 35px;
        line-height: 35px;
    }

.cabecerUserTxt span {
    color: #fff;
}

.Cabecera_user .cabecerUserTxt:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.usuariocap {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
    text-decoration: underline;
}

.cabeceraDerecha {
    float: right;
}

.Cabecera_idioma {
    height: 35px;
    width: auto;
    display: block;
    float: left;
    padding-top: 21px;
    padding-right: 15px;
    position: relative;
    cursor: pointer;
}

.Cabecera_salir {
    height: 35px;
    width: 30px;
    display: block;
    float: left;
    padding-right: 20px;
    margin-top: 20px;
    line-height: 45px;
}

.Cabecera_contacto {
    height: 50px;
    width: 182px;
    display: block;
    float: left;
    padding-top: 15px;
    padding-left: 0px;
    right: 80px;
    position: relative;
    top: -10px;
    display: none;
}

.circle-off a #LoginOut i:hover {
    color: #08c;
}

#foot_eAlicia {
    background: url( './../../images/foot.jpg' ) repeat-x #000;
    background-position: top center;
    padding-top: 0px;
    width: 100%;
    height: 100px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    text-align: center;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.foot_contenedor {
    display: inline-block;
    clear: left;
    float: inherit;
    position: relative;
    top: 3px;
    width: 50%;
    color: White;
    border: solid 0px white;
    left: 0px;
    height: 61px;
}

.foot_contenedor_left {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0;
    width: 20%;
    color: White;
    border: solid 0px white;
}

.foot_contenedor_right {
    display: inline-block;
    position: absolute;
    top: 00px;
    width: 20%;
    right: 0;
    color: White;
    border: solid 0px white;
}


/*.foot_logo {
    background-image: url( '../../images/logoealicia.png' );
    display: block;
    background-repeat: no-repeat;
    position: relative;
    top: -75px;
    left: -200px;
    width: 200px;
    height: 60px;
    color: White;
    border: solid 0px white;
}*/

#foot_final {
    height: 0px;
}

.sticky-header {
    position: fixed;
    height: auto;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 80000;
    border-top: 0;
}

/******** CUADROS DE MANDO ****************************/

.Cabecera_pc {
    height: 95px;
    width: 100%;
    display: block;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    top: 0px;
    background: url( './../../images/cab_pc.png' ) repeat-x #000;
    background-position: center top;
    position: absolute;
    left: 0px;
    z-index: 0;
}

.titulo_cm {
    display: block;
    margin-left: 0px;
    margin-right: 1px;
    margin-bottom: 10px;
    margin-top: 110px;
    padding: 10px;
    float: left;
    height: auto;
    width: 90%;
}

.top5 {
    height: auto;
    width: auto;
    float: left;
    border: 0px solid #eee;
    margin-left: 10px;
    padding-top: 10px;
    top: 7px;
    position: relative;
    display: inline-table;
    vertical-align: middle;
}

.top5_img {
    height: 32px;
    width: auto;
    float: left;
    border: 0px solid #eee;
    margin-left: 20px;
    position: relative;
    display: inline-table;
    vertical-align: middle;
    top: 0px;
}

.ayuda_pc {
    height: 32px;
    width: 32px;
    float: right;
    border: 0px solid #eee;
    margin-right: 5px;
    position: relative;
    display: inline-table;
    vertical-align: middle;
    top: 0px;
    left: 0px;
}

.container_cm {
    display: inline-block;
    background-color: #ffffff;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 25px;
    float: left;
    height: auto;
    width: 780px;
    border: solid 1px #cccccc;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 4px 0px #333333;
    -moz-box-shadow: 0px 0px 4px 0px #333333;
    box-shadow: 0px 0px 4px 0px #333333;
    background-color: #528ba3;
    opacity: 0.9;
    background-image: linear-gradient(to bottom, #528ba3, #cccccc);
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.container_cm2 {
    background-color: #ffffff;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 25px;
    float: left;
    height: auto;
    width: 80%;
    border: solid 1px #cccccc;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 4px 0px #333333;
    -moz-box-shadow: 0px 0px 4px 0px #333333;
    box-shadow: 0px 0px 4px 0px #333333;
    background-color: #528ba3;
    opacity: 0.9;
    background-image: linear-gradient(to bottom, #528ba3, #cccccc);
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.container_cm_left {
    display: inline-block;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    float: left;
    left: 0px;
    height: 50px;
    width: 80px;
    border: solid 0px #cccccc;
}


.container_cm_right {
    display: inline-block;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    float: right;
    right: 0px;
    height: 25px;
    width: 300px;
    border: solid 1px #cccccc;
}


.container_cm_p {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0px;
    padding: 1px;
    clear: both;
    float: left;
    height: auto;
    width: auto;
    border: solid 0px #cccccc;
}

.container_cm_reloj {
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 5px;
    clear: none;
    float: left;
    height: auto;
    width: auto;
    border: solid 0px #cccccc;
}

.aspNetDisabled.btnealiciaMedio {
    background-color: #ededed !important;
    color: #666666 !important;
    border: 1px solid #666666 !important;
    cursor: not-allowed !important;
}

    .aspNetDisabled.btnealiciaMedio:hover {
        background-color: #ededed !important;
        color: #666666 !important;
        border: 1px solid #666666 !important;
        cursor: not-allowed !important;
    }

.aspNetDisabled.btnrojo {
    background-color: #ededed !important;
    color: #666666 !important;
    border: 1px solid #666666 !important;
    cursor: not-allowed !important;
}

    .aspNetDisabled.btnrojo:hover {
        background-color: #ededed !important;
        color: #666666 !important;
        border: 1px solid #666666 !important;
        cursor: not-allowed !important;
    }

.aspNetDisabled.btnneutro {
    background-color: #ededed !important;
    color: #666666 !important;
    border: 1px solid #666666 !important;
    cursor: not-allowed !important;
}

    .aspNetDisabled.btnneutro:hover {
        background-color: #ededed !important;
        color: #666666 !important;
        border: 1px solid #666666 !important;
        cursor: not-allowed !important;
    }

.aspNetDisabled.btnealiciagrnde {
    background-color: #ededed !important;
    color: #666666 !important;
    border: 1px solid #666666 !important;
    cursor: not-allowed !important;
}

    .aspNetDisabled.btnealiciagrnde:hover {
        background-color: #ededed !important;
        color: #666666 !important;
        border: 1px solid #666666 !important;
        cursor: not-allowed !important;
    }

.aspNetDisabled.btnealicia {
    background-color: #ededed !important;
    color: #666666 !important;
    border: 1px solid #666666 !important;
    cursor: not-allowed !important;
}

    .aspNetDisabled.btnealicia:hover {
        background-color: #ededed !important;
        color: #666666 !important;
        border: 1px solid #666666 !important;
        cursor: not-allowed !important;
    }

span.aspNetDisabled {
    color: #949494;
    background-color: transparent !important;
    cursor: not-allowed !important;
}

.aspNetDisabled {
    cursor: not-allowed !important;
    background-color: #ededed;
    /*display: none;*/
}

    .aspNetDisabled:hover {
        cursor: not-allowed !important;
        background-color: #ededed;
    }

.row_clock {
    margin: 2px;
    padding: 30px;
    float: left;
    height: 100%;
    border: 0px solid rgb(204,204,204);
    position: relative;
    overflow: auto;
    clip: rect(auto,auto,auto,auto);
    background-color: #ffffff;
    display: block;
    left: -13px;
}

.row_table {
    padding: 20px;
    float: left;
    border: 0px solid rgb(204,204,204);
    position: relative;
    overflow: auto;
    top: 0px;
    clip: rect(auto,auto,auto,auto);
    background-color: #eeeeee;
    display: block;
    left: 0px;
    margin: 5px;
    height: 230px;
}

.buttonTop5 {
    background: url( './../../images/Up.png' ) no-repeat 0 0 transparent;
    width: 33px;
    height: 33px;
}

.buttonDOWN5 {
    background: url( './../../images/Down.png' ) no-repeat 0 0 transparent;
    width: 33px;
    height: 33px;
}

.exit2 {
    background: url( './../../images/exit2.png' ) no-repeat 0 0 transparent;
    width: 33px;
    height: 33px;
}

.exit3 {
    background: url( './../../images/exit3.png' ) no-repeat 0 0 transparent;
    width: 33px;
    height: 33px;
}


.pc_ddl_cab {
    border: 1px Solid #d4ca99;
    margin-bottom: 0px;
    font-size: 12px !important;
    color: #a36b5a;
    background-color: #FFFFFF;
    font-weight: bold;
}

/************************************ SESIONES CADUCADAS **************************************/

.cuerpo_fondo_exit {
    display: block;
    min-height: 140px;
    position: relative;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18%;
    vertical-align: top;
    text-align: center;
    top: 0px;
    left: 0px;
    border: 10px solid #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 20px;
    background: #fff;
    box-shadow: rgba(0, 79, 117, 0.9) 5px 5px 6px 0px;
}

.fondo_permisos {
    display: block;
    float: left;
    clear: both;
    height: auto;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.titulo_permisos {
    margin-bottom: 20px;
    height: auto;
}

    .titulo_permisos span {
        color: var(--primary_color);
        font-size: 30px;
        font-weight: bold;
        text-align: center;
    }

.texto_permisos {
    height: auto;
}

    .texto_permisos span {
        color: var(--primary_color);
        font-size: 20px;
        text-align: center;
    }

.boton_permisos {
    font-size: 15px;
    color: #ffffff;
    background-color: var(--primary_color);
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 15px;
    height: auto;
    width: 100px;
    margin: 15px auto 0 auto;
}

    .boton_permisos a {
        color: #fff;
    }

    .boton_permisos:hover a {
        color: var(--primary_color);
    }

    .boton_permisos:hover {
        border: 1px solid var(--primary_color);
        color: var(--primary_color);
        background-color: #ffffff;
        cursor: pointer;
    }

.shadow {
    width: 100px;
    color: var(--primary_color);
    margin-left: -50px;
    margin-top: -45px;
    position: absolute;
    z-index: 10;
    font-size: 30px;
    font-weight: bold;
}

.nube {
    width: 250px;
    height: auto;
    margin-right: 20px;
    margin-left: auto;
}

.Informeschk {
    border: solid 1px #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 10px;
}


.pnlloader {
    width: auto;
    height: auto;
    display: block;
}
/* msgBox */


.button_classA {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: Black;
    border: 1px solid #DDDDDD;
    height: 24px;
}

.button_classB {
    background-color: Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: White;
    border: 1px solid #DDDDDD;
    height: 24px;
}


.bodyMail {
    height: 100%;
    width: 95%;
    background-color: #FFFFFF !important;
}

/****************** TAPS ENCUESTAS ENC **************************/

div#ctl00_ctl00_ContentPlaceHolder1_cphCos_TabContainer1_header {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.ajax__tab_outer {
    height: 40px;
    width: 150px;
    margin-right: 5px;
    cursor: pointer;
}

.ajax__tab_tab {
    color: #666;
    background: #fff;
    height: 40px;
    width: 150px;
    line-height: 40px;
    border-bottom: 1px solid #666;
}

.ajax__tab_hover .ajax__tab_tab, .ajax__tab_active .ajax__tab_tab {
    color: var(--primary_color);
    border-bottom: 5px solid var(--primary_color);
    font-weight: bold;
    width: 150px;
    height: 40px;
    margin-right: 5px;
}

.ajax__tab_body {
    font-size: 14px !important;
    border-top: 0;
    padding: 10px;
}

div#ctl00_ctl00_ContentPlaceHolder1_cphCos_TabContainer1_header span {
    font-size: 14px !important;
    text-transform: uppercase;
}

.bottoneraConfigEnc {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/************************ MAILS **********************************/

#bodyemail {
    position: fixed;
    top: 5px;
    left: 5px;
    width: 90%;
    height: 370px;
    background: #FFFFFF;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #369 !important;
    border: solid 1px #333;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 4px 0px #333333;
    -moz-box-shadow: 0px 0px 4px 0px #333333;
    box-shadow: 0px 0px 4px 0px #333333;
}

/********************************************************** END MAIL **********************************/

/********************************************************** ENCUESTA **********************************/
#enc_logo {
    margin: 50px 150px 20px 150px;
    width: 250px;
    height: 100px;
    float: right;
}

#cuerpo_enc {
    width: 95%;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    border: 0px solid #EEE;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px !important;
    height: auto; /*min-height:625px;*/
}

#foot_eAlicia_ENC {
    margin: 0px auto;
    background-color: transparent;
    background-position: center top;
    padding-top: 0px;
    width: 100%;
    height: 140px;
    color: #000000;
    text-align: center;
    bottom: 0px;
    z-index: 1;
}

.divCierres {
    text-align: left;
    height: auto;
}



.noeval {
    float: right;
}

    .noeval span {
        color: Red;
    }
/********************************************* END ENCUESTA **********************************/

.separator {
    background: white url(../../images/bgSeparator.png) center bottom no-repeat;
    height: 35px;
    margin-bottom: 35px;
    clear: both;
}

.separator_vertical {
    background: white url(../../images/bgSeparatorVert.png) center no-repeat;
    margin-left: 20px;
    margin-right: 20px;
    width: 2px;
    height: auto;
}

/*********************************************FOOTER**********************************************/

/*#footer {
    height: 110px;
    overflow: hidden;
    width: 100%;
    background: #2e2e2e;
    position: absolute;
}

    #footer span {
        color: #e2e2e2;
        font-size: 12px;
    }

    #footer a {
        color: #e2e2e2 !important;
        font-size: 12px !important;
    }

.footer {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    height: 80px;
    color: #e2e2e2 !important;
}

    .footer a {
        font-weight: bold;
        color: #e2e2e2 !important;
        font-size: 1em !important;
        margin-right: 10px;
    }

        .footer a:hover {
            text-decoration: underline;
            color: #fff !important;
        }

.footerCliente {
    float: right;
    width: auto;
}

.contact {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    height: 30px;
}

.logo_blanco {
    width: 100px;
    opacity: 0.7;
    float: left;
    height: 30px;
    margin-right: 30px;
}

    .logo_blanco img {
        width: 100px;
    }

.mail {
    margin-top: 10px;
    float: left;
}

.tlfn {
    float: left;
    border-right: 1px solid #777777;
    margin-right: 15px;
    padding-right: 15px;
    color: #e2e2e2;
    margin-top: 10px;
}

.legal {
    width: 100%;
    border-top: 0.5px solid #777777;
    padding-top: 15px;
}

.Version {
    color: #e2e2e2;
    margin-bottom: 10px;
    font-weight: normal;
}

    .Version a {
        margin-left: 10px;
    }

        .Version a span {
            font-weight: normal;
        }

.quality {
    float: left;
    border-right: 1px solid #777777;
    margin-right: 15px;
    padding-right: 15px;
}*/

/*footer*/

#footer {
    background-color: #444;
    padding-top: 20px;
    padding-bottom: 20px;
}

    #footer .footer_section1 {
        padding-bottom: 10px;
        /*border-bottom: 1px solid #fff;*/
        border-bottom: 1px solid #898989;
    }

    #footer .footer_section2 {
        margin-top: 10px;
    }

    #footer .logo_footer, #footer .tel_footer, #footer .mails_footer, #footer .copy_footer, #footer .legal_footer {
        display: inline-block;
    }

.footer_section2 .version {
    display: inline-block;
    float: right;
}

.logo_footer {
    width: 125px;
    margin-right: 20px;
}

    .logo_footer img {
        width: 100%;
    }

.tel_footer {
    padding-right: 10px;
    border-right: 1px solid #fff;
}

.mails_footer {
    margin-left: 10px;
}

    .mails_footer a {
        margin-right: 10px;
    }

.copy_footer {
    padding-right: 10px;
    /*border-right: 1px solid #fff;*/
    margin-right: 22px!important;
}

    .copy_footer a {
        margin-right: 10px;
    }

#footer span, #footer i {
    color: #f1f1f1;
    font-size: 12px
}

#footer a {
    color: #f1f1f1;
    text-decoration: none;
    font-size: 12px;
}

@media(max-width: 575px) {
    #footer .logo_footer,
    #footer .tel_footer,
    #footer .mails_footer,
    #footer .copy_footer,
    #footer .legal_footer,
    #footer .version,
    #footer .footer_section1,
    #footer .footer_section2 {
        text-align: center;
    }
}

/* pixels dribbbled */

h4#pixels-total {
    position: relative;
    width: 166px;
    float: right;
    margin: 8px 0 0 0;
    padding: 0 0 0 54px;
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: normal;
    color: #AAAAAA;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-right-radius: 6px;
    -moz-border-top-left-radius: 20px;
    border-top-right-radius: 6px;
    border-top-left-radius: 20px;
}

#non-logged-blurb h4#pixels-total {
    margin-top: 12px;
}

h4#pixels-total strong {
    display: block;
    padding-top: 5px;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: bold;
    color: #EEE;
}

h4#pixels-total img {
    position: absolute;
    top: 0px;
    left: 20px;
    height: 26px;
    width: 26px;
}

/*btn whats*/
button.wa-btn {
    background: #25D366;
    border: none;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}

.supportW {
    margin-left: 90%;
}

button.wa-btn.square {
    display: flex;
    height: 40px;
    width: 130px;
    padding: 10px;
    margin-left: 90%;
}

    button.wa-btn.square span {
        color: #fff !important;
        font-size: 16px !important;
    }

    button.wa-btn.square .button-ico {
        top: -6px;
        left: 10px;
        font-size: 28px;
        padding-left: 10px;
        box-sizing: border-box;
        transition: none !;
    }

button.wa-btn:hover.square .button-ico {
    left: 10px;
}

button.wa-btn.square:hover {
    width: 130px;
    height: 40px;
    padding-right: 10px;
}

.supportW-m {
    position: absolute;
    right: 20%;
    height: 100px;
    top: 30px;
}


/******* DROP *********************/
.droparea {
    position: relative;
    text-align: center;
}

    .droparea div {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .droparea .instructions {
        border: 2px dashed #ddd;
        opacity: .8;
    }

        .droparea .instructions.over {
            border: 2px dashed #000;
            background: #ffa;
        }

    .droparea .progress {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 0;
        color: #fff;
        background: #6b0;
    }

#areas {
    width: 480px;
}

.spot {
    width: 460px;
    height: 345px;
}

.thumb {
    float: left;
    margin: 20px 20px 0 0;
    width: 140px;
    min-height: 105px;
}

.desc {
    float: right;
    width: 460px;
}

.signature a {
    color: #555;
    text-decoration: none;
}

.signature img {
    margin-right: 5px;
    vertical-align: middle;
}


/********************************* mensajes *********************/

.cloud {
    right: 15px;
    top: 0;
    width: 200px;
    height: auto;
    position: absolute;
}

.cloudTxt {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 95px;
    left: 25px;
    line-height: 17px;
}

.cloudImg {
    background: url(../../images/cloud2.png) no-repeat transparent;
    background-position: center;
    background-size: contain;
    text-align: left;
    width: 200px;
    height: 190px;
}

.push {
    display: none;
}

.button {
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    text-decoration: none !important;
    /*font: 700 14px/1.5em 'Lato', sans-serif;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: inline-block;
    margin: 30px 5px;
    border: 1px solid var(--primary_color);
    padding: 4px 20px 4px 20px;
    color: var(--primary_color);
    background-color: transparent;
    text-align: center;
    border-radius: 5px;
    font-size: 20px;
}

    .button.ok {
        background-color: #34a97b;
        clear: both;
        float: right;
        margin: 10px 0 0 0;
        text-decoration: none;
    }

    .button.accept {
        color: #34a97b;
        color: Green;
        border: 1px solid #34a97b;
        text-decoration: none;
    }

        .button.accept:hover {
            color: white !important;
            background-color: Green;
            text-decoration: none;
        }

    .button.Proceso {
        color: #fa8144;
        color: #fa8144;
        border: 1px solid #fa8144;
        text-decoration: none;
    }

        .button.Proceso:hover {
            color: white !important;
            background-color: #fa8144;
            text-decoration: none;
        }


    .button.ProcesoAnalytics {
        color: #cb2a80;
        color: #cb2a80;
        border: 1px solid #cb2a80;
        text-decoration: none;
    }

        .button.ProcesoAnalytics:hover {
            color: white !important;
            background-color: #cb2a80;
            text-decoration: none;
        }

    .button.cancel {
        color: #a93434;
        border: 1px solid #a93434;
        text-decoration: none;
    }

        .button.cancel:hover {
            color: #ffffff !important;
            background-color: #a93434;
            text-decoration: none;
        }

input.disable {
    background-color: #cfcfcf;
}

.button.simple {
    font-size: 11px;
    padding: 0 15px;
    margin-left: 1px;
    text-decoration: none;
}

.button.mini {
    font-size: 11px;
    padding: 5px;
    text-decoration: none;
}

    .button.mini:hover {
        color: #FFFFFF !important;
    }

/******************** Alertas *********************************/
.pnlGlobalAlerts {
    margin: 0px auto;
    min-width: 80%;
    max-width: 100%;
    width: auto;
}

.titAlert {
    display: inline-block;
    width: auto;
    text-align: center;
    font-size: 20px;
    color: #040303;
}

.titAlertDesc {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 10px;
    color: #666;
    margin-bottom: 20px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
}

.pnlAlertGroup {
    display: block;
    height: auto;
    color: #666666;
}

.pnlAlert {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}

.pnlAlertCombined {
    display: inline-block;
    float: left;
    /*border-left: 1px solid #ECECEC;*/
    margin: 5px 5px 5px 5px;
    padding: 10px;
    height: auto;
    border: 1px solid #ccc;
    max-width: 300px;
    /*border-bottom: 1px solid #29A;*/
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}


.tdTituloFiltros {
    padding: 4px;
    width: 100%;
    margin-bottom: 15px;
}

.tdTituloFiltrosChat {
    padding: 4px;
    width: 100%;
}


.divsOperador {
    float: left;
    /*min-width: 300px;*/
    margin-right: 20px;
    /*width: 300px;*/
    margin-top: 15px;
}

.divsLabelOperador {
    /*min-width: 110px;*/
    /*float: left;*/
    text-align: left;
}

.divsTitCabOperador {
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
}

    .divsTitCabOperador span {
        font-size: 14px !important;
    }

/*.uparrow {
    background: url( '../../images/up_top.png' ) no-repeat;
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 2200;
    opacity: 0.7;
}*/

.total_wrapper {
    width: 100%;
    width: auto !important;
    min-height: 100%;
    height: auto !important;
    height: 100% !important;
    margin: 0 auto -160px;
}

.float-left {
    width: auto;
    float: left;
    margin-right: 20px;
    overflow: visible;
    display: block;
}

.homeButtonContainer {
    width: 100%;
    clear: both;
    margin: 10px auto 20px auto;
    display: inline-block;
    height: auto;
    padding: 15px;
}

    .homeButtonContainer .homeButtonContainerTitle {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 30px;
        text-align: center;
        width: 100%;
        height: 100%;
        padding: 15px;
    }

    .homeButtonContainer .homeButtonContainerButtons {
        float: left;
        width: 45%;
        height: 100%;
        border-left: 1px solid;
        padding-left: 20px;
        margin-left: 20px;
    }

.cLlamadas .modal-body, .cEncuestas .modal-body, .cEmail .modal-body, .cChat .modal-body, .cCompetencia .modal-body {
    padding: 20px 40px;
}

    .cLlamadas .modal-body div.link, .cEncuestas .modal-body div.link, .cEmail .modal-body div.link, .cChat .modal-body div.link, .cCompetencia .modal-body div.link {
        height: 50px;
        margin: 5px 10px 5px 0;
        float: left;
        display: inline-block;
    }

.buttonOff.homeButton, a.buttonOff.homeButton, .buttonOff.homeButton:hover, a.buttonOff.homeButton:hover {
    color: #ccc !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    cursor: default;
}

.modal-body {
    max-height: 440px !important;
}

.cLlamadas .modal-body, .cEncuestas .modal-body, .cEmail .modal-body {
    padding: 10px 40px;
}

    .cLlamadas .modal-body div.link, .cEncuestas .modal-body div.link, .cEmail .modal-body div.link {
        margin: 5px 10px 5px 0;
        float: left;
        display: inline-block;
        min-width: 150px;
    }

.modal-header.canalExperienciaCliente h3 {
    font-size: 18px;
    line-height: 27px;
}

#iFrameAgru {
    width: 300px;
    height: 75px;
    border: #fff;
    background: transparent;
    padding: 1px;
    position: fixed;
    right: 30px;
    top: 150px;
    border-radius: 15px;
}

.MetLife_Inicio {
    position: fixed;
    max-width: 30%;
    bottom: 18%;
    right: 0%;
    filter: alpha(opacity=50);
    opacity: 0.1;
    z-index: -1;
}

.eAliciaLogoClienteMetLife {
    width: 150px;
}

/*.divmenu {
    height: auto;
    background-color: var(--primary_color);
    z-index: 160 !important;
}*/

/*********************INICIO CANALES*******************************/

.homeButtonContainer {
    width: 100%;
    clear: both;
    margin: 0px auto 20px auto;
    display: inline-block;
    height: auto;
    padding: 0px 0px 15px 0px;
}

    .homeButtonContainer .homeButtonContainerTitle {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 27px;
        text-align: left;
        width: 20%;
        height: 100%;
        float: left;
        padding: 25px 0px 10px 0px;
    }

    .homeButtonContainer .homeButtonContainerButtons {
        float: left;
        width: 75%;
        height: 100%;
        border-left: 1px solid;
        padding-left: 20px;
        margin-left: 20px;
    }

.ButtonsContainer {
    width: 52%;
    margin-right: auto;
    margin-left: auto;
}

.homeButton {
    height: 60px;
    width: 190px;
    background-color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    border: 1px solid;
    cursor: pointer;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    margin: 10px;
    text-align: left;
    padding: 25px 10px;
}

.modal-footer {
    display: block;
}

.homeButton span {
    font-size: 21px;
    line-height: 25px;
}

.homeButton i {
    font-family: 'Font Awesome 5 Free';
    font-size: 35px;
    margin: 10px;
    float: left;
    height: 35px;
}

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

.homeButton:active {
    position: relative;
}

a.homeButton:hover {
    color: #fff !important;
}

/********************CAJAS MODAL CANALES**************************/

#popInformesCanalLlamadas, #popInformesCanalEncuestas, #popInformesCanalEmail, #popInformesCanalChat, #popInformesCanalCompetencias {
    width: 590px !important;
}

/*************LLAMADAS***************/

.cLlamadas .modal-header h3 {
    color: #459DC8;
}

.linkllamadas span {
    color: #459DC8;
    font-size: 15px;
}

.linkllamadas a {
    width: 200px;
    height: 20px;
    text-align: center;
    padding: 15px;
    border: 1px solid #459DC8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px 10px;
    float: left;
    color: #459DC8;
    font-size: 15px;
}

    .linkllamadas a:hover {
        background-color: #459DC8;
        color: #fff;
    }

/*************ENCUESTAS***************/

.cEncuestas .modal-header h3 {
    color: #03b51c;
}

.linkEncuestas span {
    color: #03b51c;
    font-size: 15px;
}

.linkEncuestas a {
    width: 200px;
    height: 20px;
    text-align: center;
    padding: 15px;
    border: 1px solid #03b51c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px 10px;
    float: left;
    color: #03b51c;
    font-size: 15px;
}

    .linkEncuestas a:hover {
        background-color: #03b51c;
        color: #fff;
    }


/*************EMAIL***************/

.cEmail .modal-header h3 {
    color: #F61711;
}

.linkEmail span {
    color: #F61711;
    font-size: 15px;
}

.linkEmail a {
    width: 200px;
    height: 20px;
    text-align: center;
    padding: 15px;
    border: 1px solid #F61711;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px 10px;
    float: left;
    color: #F61711;
    font-size: 15px;
}

    .linkEmail a:hover {
        background-color: #F61711;
        color: #fff;
    }

/*************CHAT***************/

.cChat .modal-header h3 {
    color: #FFC500;
}

.linkChat span {
    color: #FFC500;
    font-size: 15px;
}

.linkChat a {
    width: 200px;
    height: 20px;
    text-align: center;
    padding: 15px;
    border: 1px solid #FFC500;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px 10px;
    float: left;
    color: #FFC500;
    font-size: 15px;
}

    .linkChat a:hover {
        background-color: #FFC500;
        color: #fff;
    }

/*************COMPTENCIA***************/

.cCompetencia .modal-header h3 {
    color: #5012AB;
}

.linkCompetencia span {
    color: #5012AB;
    font-size: 15px;
}

.linkCompetencia a {
    width: 200px;
    height: 20px;
    text-align: center;
    padding: 15px;
    border: 1px solid #5012AB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px 10px;
    float: left;
    color: #5012AB;
    font-size: 15px;
}

    .linkCompetencia a:hover {
        background-color: #5012AB;
        color: #fff;
    }

/*******************CANAL LLAMADAS**************/

.canalLlamadas, .canalLlamadas a {
    color: #459DC8;
    border-color: #459DC8;
}

    .canalLlamadas .homeButton:hover {
        background-color: #459DC8;
        color: #fff !important;
        border-color: #459DC8;
    }

.cLlamadas h3, .cLlamadas a {
    font-family: Arial, Helvetica, sans-serif;
    color: #459DC8;
}

.cLlamadas .modal-body a {
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
}

/*.cLlamadas .modal-body a:hover
    {
        background-color: #459DC8;
        color: #fff !important;
    }*/

/*******************CANAL FORMACION*******************/

.canalFormacion, .canalFormacion a {
    color: #8DD904;
    border-color: #8DD904;
}

    .canalFormacion .homeButton:hover {
        background-color: #8DD904;
        color: #fff !important;
        border-color: #8DD904;
    }

    .canalFormacion h3, .canalFormacion a {
        font-family: Arial, Helvetica, sans-serif;
        color: #8DD904;
    }

    .canalFormacion .modal-body a {
        text-decoration: none;
        font-size: 15px;
        cursor: pointer;
    }

/*******************CANAL COMPETENCIA**************/

.canalCompetencia, .canalCompetencia a {
    color: #5012AB;
    border-color: #5012AB;
}

    .canalCompetencia .homeButton:hover {
        background-color: #5012AB;
        color: #fff !important;
        border-color: #5012AB;
    }

    .canalCompetencia h3, .canalCompetencia a {
        font-family: Arial, Helvetica, sans-serif;
        color: #5012AB;
    }

    .canalCompetencia .modal-body a {
        text-decoration: none;
        font-size: 15px;
        cursor: pointer;
    }

/*********************CANAL CHAt************************/

.canalChat, .canalChat a {
    color: #FFC500;
    border-color: #FFC500;
}

    .canalChat .homeButton:hover {
        background-color: #FFC500;
        color: #fff !important;
        border-color: #FFC500;
    }

    .canalChat h3, .canalChat a {
        font-family: Arial, Helvetica, sans-serif;
        color: #FFC500;
    }

    .canalChat .modal-body a {
        text-decoration: none;
        font-size: 15px;
        cursor: pointer;
    }

/****************CANAL EMAIL*****************************/

.canalEmail, .canalEmail a {
    color: #F61711;
    border-color: #F61711;
}

    .canalEmail .homeButton:hover {
        background-color: #F61711;
        color: #fff !important;
        border-color: #F61711;
    }

    .canalEmail h3, .canalEmail a {
        font-family: Arial, Helvetica, sans-serif;
        color: #F61711;
    }

    .canalEmail .modal-body a {
        text-decoration: none;
        font-size: 15px;
        cursor: pointer;
    }


/********************** CANAL ENCUESTAS ******************************/

.canalEncuestas, .canalEncuestas a {
    color: #03b51c;
    border-color: #03b51c;
}

    .canalEncuestas .homeButton:hover {
        background-color: #03b51c;
        color: #fff !important;
        border-color: #03b51c;
    }

    .canalEncuestas h3, .canalEncuestas a {
        font-family: Arial, Helvetica, sans-serif;
        color: #03b51c;
    }

    .canalEncuestas .modal-body a {
        text-decoration: none;
        font-size: 15px;
        cursor: pointer;
    }

/********************** CUSTOMER EXPERIENCE ******************************/


.canalCX, .canalCX a {
    color: #b2282f;
    border-color: #b2282f;
}

    .canalCX .homeButton:hover {
        background-color: #b2282f;
        color: #fff !important;
        border-color: #b2282f;
    }

    .canalCX h3, .canalCX a {
        font-family: 'Lato', sans-serif;
        color: #b2282f;
    }

/***********************CANAL MISTERY****************************/

.canalMystery, .canalMystery a {
    color: #b50385;
    border-color: #b50385;
}

    .canalMystery .homeButton:hover {
        background-color: #b50385;
        border-color: #b50385;
        color: #fff !important;
    }

.cMystery h3, .cMystery a {
    font-family: Arial, Helvetica, sans-serif;
    color: #b50385;
}

#botonesocultar {
    float: right;
    margin-top: -45px;
}

.border {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid var(--primary_color);
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.radiobtn input {
    margin-top: 0px !important;
}

input#ctl00_ctl00_ContentPlaceHolder1_cphCos_chk_Fecha {
    margin-top: 0;
}

textarea#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_txtOBSPLANTILLA_10027 .divContadorText {
    margin: 0px;
}

textarea#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_txtOBSPLANTILLA_10027 {
    width: 99.5% !important;
}

.feedback {
    margin-right: 10px;
}

div#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_pnlVariable_1000878 {
    margin-top: 15px;
}


span#img1000203 {
    font-size: 20px;
}

.Ayuda {
    border: 1px solid var(--primary_color) !important;
    -moz-border: 1px solid var(--primary_color) !important;
    -webkit-border: 1px solid var(--primary_color) !important;
    text-align: center;
    color: var(--primary_color) !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 3% 10% 3% 10%;
    cursor: pointer;
    text-decoration: none;
}

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

        .ayuda a:hover {
            background-color: var(--primary_color) !important;
            color: #ffffff !important;
            font-weight: bold !important;
        }

.vistapre {
    border: 1px solid var(--primary_color) !important;
    -moz-border: 1px solid var(--primary_color) !important;
    -webkit-border: 1px solid var(--primary_color) !important;
    text-align: center;
    color: var(--primary_color) !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 3% 10% 3% 10%;
    cursor: pointer;
    text-decoration: none;
}

    .vistapre a {
        text-decoration: none;
    }

        .vistapre a:hover {
            background-color: var(--primary_color) !important;
            color: #ffffff !important;
            font-weight: bold !important;
        }

a#linkConfig:hover, a#linkCrucePreguntas:hover, a#linkDatosContacto:hover {
    text-decoration: underline !important;
}

#divBusquedaAvanzada tr {
    margin-bottom: 5px;
}

span#ctl00_ctl00_ContentPlaceHolder1_cphCapcalera_Label5 {
    border-bottom: none;
    margin-bottom: 0px;
}

.boximg a {
    width: 45px;
    height: 45px;
    border: 1px solid var(--primary_color);
    color: var(--primary_color);
    padding: 2%;
    float: left;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
    line-height: 45px;
}

    .boximg a:hover {
        background-color: var(--primary_color);
        color: #fff !important;
    }

.box a {
    width: 45px;
    height: 34px;
    border: 1px solid var(--primary_color);
    color: var(--primary_color);
    padding: 2%;
    float: left;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    line-height: 44px;
}

    .box a:hover {
        background-color: var(--primary_color);
        color: #fff !important;
    }

.circleazul {
    width: 24px;
    height: 24px;
    background-color: var(--primary_color);
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 5px;
    cursor: pointer;
    line-height: 22px;
}

.botonesocultar {
    Float: right;
}

.boxmargin {
    margin: 0px 10px;
}

.boxWord {
    color: #459DC8;
    border: 1px solid #459DC8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 13px;
}

    .boxWord:hover {
        background: #459DC8;
        color: #fff;
    }

.boxExcel {
    color: #03b51c;
    border: 1px solid #03b51c;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 13px;
}

    .boxExcel:hover {
        background: #03b51c;
        color: #fff;
    }


.boxExcel2 {
    color: #03b51c;
    border: 1px solid #03b51c;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    /*display: flex;*/
    flex-direction: column;
    justify-content: center;
    padding: 15px;
}

    .boxExcel2:hover {
        background: #03b51c;
        color: #fff;
    }

.boxPdf {
    color: #C60500;
    border: 1px solid #C60500;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 13px;
}

    .boxPdf:hover {
        background: #C60500;
        color: #fff;
    }

/*************************** BOX ICONOS *******************************/

.ocultarVariables {
    padding-top: 10px;
    height: auto;
}

.boxAzul {
    width: 20px;
    height: 20px;
    padding: 10px;
    border: 1px solid #459DC8;
    color: #459DC8;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    margin: 0px 5px;
}

    .boxAzul:hover {
        background: #459DC8;
        color: #fff;
    }

    .boxAzul a {
        text-align: center;
        cursor: pointer;
        color: #459DC8;
    }

    .boxAzul:hover a {
        background-color: #459DC8;
        color: #fff !important;
    }

.boxVerde {
    width: 20px;
    height: 20px;
    padding: 10px;
    border: 1px solid #03b51c;
    color: #03b51c;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    margin: 0px 5px;
}

    .boxVerde:hover {
        background: #03b51c;
        color: #fff;
    }

    .boxVerde a {
        text-align: center;
        cursor: pointer;
        color: #03b51c;
    }

    .boxVerde:hover a {
        background-color: #03b51c;
        color: #fff !important;
    }

.boxAmarillo {
    width: 20px;
    height: 20px;
    padding: 10px;
    border: 1px solid #ffc107;
    color: #ffc107;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    margin: 0px 5px;
}

    .boxAmarillo:hover {
        background: #ffc107;
        color: #fff;
    }

    .boxAmarillo a {
        text-align: center;
        cursor: pointer;
        color: #ffc107;
    }

    .boxAmarillo:hover a {
        background-color: #ffc107;
        color: #fff !important;
    }

.boxlila {
    width: 20px;
    height: 20px;
    padding: 10px;
    border: 1px solid #8606AA;
    color: #8606AA;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    margin: 0px 5px;
}

    .boxlila:hover {
        background: #8606AA;
        color: #fff;
    }

    .boxlila a {
        color: #8606AA;
        text-align: center;
        cursor: pointer;
    }

    .boxlila:hover a {
        background-color: #8606AA;
        color: #fff !important;
    }


.boxnaranja {
    width: 20px;
    height: 20px;
    padding: 10px;
    border: 1px solid #FF6700;
    color: #FF6700;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    margin: 0px 5px;
}

    .boxnaranja:hover {
        background: #FF6700;
        color: #fff;
    }

    .boxnaranja a {
        color: #FF6700;
        text-align: center;
        cursor: pointer;
    }

    .boxnaranja:hover a {
        background-color: #FF6700;
        color: #fff !important;
    }

.dt-button {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    font-size: 20px;
    margin-right: 0px;
    overflow: !important;
    padding: 0 !important;
}

.buttons-excel {
    width: 40px !important;
    height: 40px !important;
    padding: 10px 0px !important;
    border: 1px solid #03b51c !important;
    color: #03b51c !important;
    float: left !important;
    text-align: center !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    cursor: pointer !important;
    margin: 0px 5px !important;
}

    .buttons-excel:hover {
        background: #03b51c !important;
        color: #fff !important;
    }

    .buttons-excel span {
        display: none;
    }

    .buttons-excel:before {
        font-family: 'Font Awesome 5 Free';
        content: "\f1c3";
        color: #03b51c;
        text-align: center;
        cursor: pointer;
        font-size: 20px;
    }

    .buttons-excel:hover:before {
        font-family: "Font Awesome 5 Free";
        content: "\f1c3";
        background-color: #03b51c;
        color: #fff !important;
    }

    .buttons-excel:hover {
        background: #03b51c !important;
        color: #fff !important;
    }

.fa-info :hover {
    color: #fff !important;
}

.fa-question :hover {
    color: #fff !important;
}

.fa-unlock:hover {
    color: #fff !important;
}

/*.fa-eye:hover {
    color: #fff !important;
}*/

.fa-eye-slash:hover {
    color: #fff !important;
}

select#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_ddlVALORES_GRUPO_1000204 {
    margin-left: 10px;
}



div#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_pnlGrupoP_1000282, div#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_pnlGrupoP_1000337, div#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_pnlGrupoP_1000336 {
    border: 1px solid var(--primary_color);
}

legend span {
    font-size: 20px;
}

.LlamadasTelefono {
    width: 100%;
    height: 45px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.botoneraCTI {
    width: 100%;
    height: 145px;
}

div#CTI {
    width: 100%;
    height: 25px;
}

.btnCargaCTI {
    width: 100%;
    height: 45px;
}

.botoneraEncu {
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row;
}

.botoneraEvalLlam {
    padding-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row;
}

.bottoneraLlmadas {
    margin: 20px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.bottoneraiconos {
    height: 45px;
}

.bottonera {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.bottoneracenter {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.bottoneracenterEnc {
    margin: 20px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.bottonerapopErrorFatal {
    width: 100%;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.bottoneraSup {
    margin-bottom: 20px;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.crono {
    font-size: 20px !important;
    font-weight: bold;
}

textarea#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_txtOBSPLANTILLA_10038 {
    width: 100% !important;
}

    textarea#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_txtOBSPLANTILLA_10038 .divContadorText {
        float: right;
        text-align: right;
        margin-left: 0 !important;
    }

div#datosContacto {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 20px;
    width: 100%;
}

.DatosContacto_Operador {
    width: 100%;
    min-height: 100px;
    border-bottom: 1px solid #ccc;
    padding-top: 15px;
}

.centrar {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
}

#txtObservacionCierre {
    height: 60px;
}

div#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_divMedidor_10080 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.titulozl {
    font-size: 35px;
    color: var(--primary_color);
}

div#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_pnlImg_1031 {
    height: 50px;
}

div#tablaTablaGlobalCanal_2014 table {
    margin-left: 0 !important;
    margin-top: 5px;
}

div#informeVS {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 15px;
}

div#CalidadVSFormacion strong {
    font-size: 30px;
    font-weight: 200 !important;
    text-decoration: none;
    color: #03b51c;
}

div#CalidadVSFormacion u {
    text-decoration: none !important;
}

/*div#CalidadVSFormacion div span p {
    width: 100% !important;
    color: #03b51c;
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 15px;
}

div#CalidadVSFormacion div span {
    color: #040303 !important;
}*/

/*div#tablaTablaGlobalCanal_2014 b, div#spanGraficoAnual_2014 b, div#spanGraficoAnual_2014 b, div#spanGraficoAnual_2014 b {
    color: #666666 !important;
    font-size: 20px;
    font-weight: bold;
}

div#CalidadVSFormacion span {
    color: #03b51c !important;
}*/

.alertagreen {
    text-align: center;
    width: 100%;
    margin: 0px auto;
    border: 1px solid #03b51c;
    padding: 4%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div#ctl00_ctl00_ContentPlaceHolder1_cphCos_AlertTipo2_0 {
    height: 20px;
}

span#ctl00_ctl00_ContentPlaceHolder1_cphCos_lblAlertTema0 {
    margin-right: 8px;
}

.pnlGlobalAlerts .fa-eye {
    height: 30px;
    width: 30px;
    border: 1px solid #8606AA;
    color: #8606AA;
    padding: 2%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 30px;
}

.pnlGlobalAlerts a .fa-eye:hover {
    color: #fff !important;
    background-color: #8606AA;
}

select {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 13px;
}

button, input, select, textarea {
    vertical-align: middle;
}

.textodestacado {
    color: #666666;
    font-weight: bold;
    font-size: 13px;
}

label.chktextodestacado {
    color: #666666 !important;
    font-weight: bold !important;
    font-size: 13px;
}

.textodestacado14 {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
}

.textodestacado15 {
    color: #666666;
    font-weight: bold;
    font-size: 15px;
}

    .textodestacado15 label {
        color: #666666;
        font-weight: bold;
        font-size: 15px;
    }

.textodestacado16 {
    color: #666666;
    font-weight: bold;
    font-size: 16px;
}

.textospan {
    color: #040303;
    font-size: 12px;
}

.texterror {
    color: #C60500;
    font-size: 10px;
}

.campobligatorio {
    border: 1px solid #C60500 !important;
}

#ddlContinent option:hover {
    background-color: var(--primary_color);
    color: #fff !important;
    border-color: #ccc;
}

.cajaInforme {
    margin: 50px 0 0 0;
    width: 90%;
    text-align: left;
    overflow: auto;
}

.cajatitulo {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.cajatituloInformes {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.fechasComparativas {
    height: 30px;
    line-height: 27px;
    margin-right: 15px;
}

.cajaformulariogrande_seleccionarID {
    display: inline-block;
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 20px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #ccc;
}

.cajaformulariogrande {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

    .cajaformulariogrande span {
        width: auto !important;
    }

.cajaformulariograndeSelect {
    display: inline-block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 0;
}

    .cajaformulariograndeSelect span {
        width: auto !important;
    }

.cajaformulariomediano {
    display: inline-block;
    width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: none;
    clear: both;
}

    .cajaformulariomediano span {
        width: auto !important;
    }

.cajaformulariopeque {
    display: inline-block;
    margin: 0 15px 10px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

    .cajaformulariopeque span {
        width: auto !important;
    }

.cajaformulariopequeFechas {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .cajaformulariopequeFechas span {
        width: auto !important;
    }

a.iconoCalendario {
    color: var(--primary_color);
}

    a.iconoCalendario:hover {
        color: #666;
    }

.borderbottom {
    border-bottom: 1px solid #ccc;
}

.bordertop {
    border-top: 1px solid #ccc;
}

.borderright {
    border-right: 1px solid #ccc;
}

.borderleft {
    border-left: 1px solid #ccc;
}

.checkinforme {
    cursor: pointer;
}

    .checkinforme i {
        color: var(--primary_color);
    }

/*******************************ARREGLOS BOTONES 2016*************************************/

.botonera {
    width: 100%;
    text-align: left;
    height: 50px;
    margin-top: 15%;
}

    .botonera.botonera_EnvioEnc {
        margin-top: 5% !important;
    }

    .botonera.botonera_PopUp {
        /*right: 5% !important;
        bottom: 0;
        position: absolute;*/
        margin-top: 20px;
    }

.botoneraMessages {
    text-align: left;
    position: absolute;
    display: flex;
    width: 150px;
    top: 45%;
    right: 5vw;
}

.botonera-ck {
    width: 100%;
    text-align: left;
    height: 50px;
    margin-top: 1%;
}


.btnealicia {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid var(--primary_color);
    padding: 15px 20px;
    color: var(--primary_color);
    background-color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
}

    .btnealicia span {
        color: var(--primary_color);
    }

    .btnealicia:hover {
        background-color: #6c757d !important;
        color: #fff !important;
    }

        .btnealicia:hover span {
            color: #fff;
        }

    .btnealicia i {
        font-size: 20px;
    }

.btnealicia2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid var(--primary_color);
    padding: 15px 20px;
    color: #fff;
    background-color: var(--primary_color);
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
}

    .btnealicia2 span {
        color: #fff;
    }

    .btnealicia2:hover {
        background-color: #fff !important;
        color: var(--primary_color) !important;
    }

        .btnealicia2:hover span {
            color: var(--primary_color);
        }

    .btnealicia2 i {
        font-size: 20px;
    }

.btnealiciaMedio {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid var(--primary_color);
    padding: 4% 8%;
    color: var(--primary_color);
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnealiciaMedio:hover {
        background-color: var(--primary_color);
        color: #fff;
    }

.btnealiciagrnde {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid var(--primary_color);
    padding: 7% 12%;
    color: var(--primary_color);
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnealiciagrnde:hover {
        background-color: var(--primary_color);
        color: #fff;
    }

.btnverde {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #008909;
    padding: 15px 20px;
    color: #008909;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnverde:hover {
        background-color: #008909 !important;
        color: #fff !important;
    }

.btnneutro {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #666666;
    padding: 15px 20px;
    color: #666666;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnneutro:hover {
        background-color: #666666 !important;
        color: #fff !important;
    }

.btnneutropeque {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #666666;
    padding: 8px 20px;
    color: #666666;
    background-color: transparent;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnneutropeque:hover {
        background-color: #666666 !important;
        color: #fff !important;
    }

.btnealiciaCX {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid var(--primary_color);
    padding: 5px 15px;
    color: var(--primary_color);
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    margin: 0px 5px;
}

    .btnealiciaCX:hover {
        background-color: var(--primary_color) !important;
        color: #fff !important;
    }

.btnneutroCX {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 5px;
    color: #666666;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    margin: 0px 5px;
    font-size: 18px;
}

    .btnneutroCX:hover {
        background-color: #666666 !important;
        color: #fff !important;
    }


.btnpequeñoMP {
    display: inline-block;
    color: #666;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    width: 74px;
    height: 55px;
    line-height: 55px;
    border-right: 1px solid #ccc;
    float: left;
}

    .btnpequeñoMP:hover {
        color: var(--primary_color) !important;
        box-shadow: 0px 3px 1px rgba(0,0,0,.2), 0 0px 0px rgba(0,0,0,.14), 0 0px 0px 0px rgba(0,0,0,.12);
    }

    .btnpequeñoMP i {
        font-size: 25px;
    }

.btnpequeñoMPTP {
    display: inline-block;
    color: #666;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    width: 74px;
    height: 55px;
    line-height: 55px;
    float: left;
}

    .btnpequeñoMPTP:hover {
        box-shadow: 0px 3px 1px rgba(0,0,0,.2), 0 0px 0px rgba(0,0,0,.14), 0 0px 0px 0px rgba(0,0,0,.12);
    }

        .btnpequeñoMPTP:hover .iconoTP {
            width: 30px;
            height: 30px;
            background-image: url('../../Images/Touchpoint-blue.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            margin: 0 auto;
            margin-top: 10px;
        }

    .btnpequeñoMPTP .iconoTP {
        width: 30px;
        height: 30px;
        margin-top: 10px;
    }

.iconoTP {
    width: 25px;
    height: 25px;
    background-image: url(../../Images/Touchpoint-666.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
}

.iconoMP {
    width: 25px;
    height: 25px;
    background-image: url(../../Images/profile-icon-666.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
}

.iconoCX {
    width: 25px;
    height: 25px;
    background-image: url(../../Images/custJourney-666.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
}

.btniconAñadir {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #666666;
    padding: 6px 19px;
    color: #666666;
    background-color: transparent;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

    .btniconAñadir i {
        color: #666666;
        font-size: 25px;
    }

    .btniconAñadir:hover {
        border: 1px solid var(--primary_color);
    }

        .btniconAñadir:hover i {
            color: var(--primary_color);
        }

.btnIconoTP {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #666666;
    padding: 6px 15px;
    color: #666666;
    background-color: transparent;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

    .btnIconoTP:hover {
        border: 1px solid var(--primary_color);
    }

        .btnIconoTP:hover .iconoTP {
            width: 25px;
            height: 25px;
            background-image: url('../../Images/Touchpoint-blue.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            margin: 0 auto;
        }

.btnIconoMP {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #666666;
    padding: 6px 19px;
    color: #666666;
    background-color: transparent;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
}

    .btnIconoMP:hover {
        border: 1px solid var(--primary_color);
    }

        .btnIconoMP:hover .iconoMP {
            width: 25px;
            height: 25px;
            background-image: url('../../Images/profile-icon-blue.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            margin: 0 auto;
        }

.btnIconoCX {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #666666;
    padding: 6px 15px;
    color: #666666;
    background-color: transparent;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
}

    .btnIconoCX:hover {
        border: 1px solid var(--primary_color);
    }

        .btnIconoCX:hover .iconoCX {
            width: 25px;
            height: 25px;
            background-image: url('../../Images/CustJourney-blue.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            margin: 0 auto;
        }

.btngrandeMP {
    display: inline-block;
    color: #666;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    width: 117px;
    height: 55px;
    line-height: 55px;
    font-weight: bold;
    float: left;
}

    .btngrandeMP:hover {
        color: var(--primary_color) !important;
        box-shadow: 0px 3px 1px rgba(0,0,0,.2), 0 0px 0px rgba(0,0,0,.14), 0 0px 0px 0px rgba(0,0,0,.12);
    }

    .btngrandeMP i {
        font-size: 25px;
    }

.btnpequeñoNeutroMP {
    display: inline-block;
    color: #666;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-right: 1px solid #ccc;
}

    .btnpequeñoNeutroMP:hover {
        color: var(--primary_color) !important;
        box-shadow: 0px 3px 1px rgba(0,0,0,.2), 0 0px 0px rgba(0,0,0,.14), 0 0px 0px 0px rgba(0,0,0,.12);
    }

    .btnpequeñoNeutroMP i {
        font-size: 25px;
    }

.btnpequeñoTP {
    display: inline-block;
    color: #666;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    width: 92px;
    height: 55px;
    line-height: 55px;
    border-right: 1px solid #ccc;
    float: left;
}

    .btnpequeñoTP:hover {
        color: var(--primary_color) !important;
        box-shadow: 0px 3px 1px rgba(0,0,0,.2), 0 0px 0px rgba(0,0,0,.14), 0 0px 0px 0px rgba(0,0,0,.12);
    }

    .btnpequeñoTP i {
        font-size: 25px;
    }

.btnpequeñoNeutroTP {
    display: inline-block;
    color: #666;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    width: 94px;
    height: 55px;
    line-height: 55px;
    float: left;
}

    .btnpequeñoNeutroTP:hover {
        color: var(--primary_color) !important;
        box-shadow: 0px 3px 1px rgba(0,0,0,.2), 0 0px 0px rgba(0,0,0,.14), 0 0px 0px 0px rgba(0,0,0,.12);
    }

    .btnpequeñoNeutroTP i {
        font-size: 25px;
    }

.btnrojo {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #bd4644;
    padding: 15px 20px;
    color: #bd4644;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnrojo:hover {
        background-color: #bd4644 !important;
        color: #fff !important;
    }

.btnlila {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #680484;
    padding: 15px 20px;
    color: #680484;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnlila:hover {
        background-color: #680484 !important;
        color: #fff !important;
    }

.btntraducciones a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid var(--primary_color) !important;
    padding: 5px 10px;
    color: var(--primary_color) !important;
    background-color: #ffffff !important;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
}

.btntraducciones a {
    color: var(--primary_color) !important;
}

    .btntraducciones a:hover {
        background-color: #fff !important;
        color: var(--primary_color) !important;
    }

.btnNuevo {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid var(--primary_color);
    padding: 0 10px;
    color: var(--primary_color);
    background-color: transparent;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    height: 28px;
    width: auto;
    line-height: 28px;
}

    .btnNuevo:hover {
        color: #fff;
        background: var(--primary_color);
    }

.btnpequeño {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid var(--primary_color) !important;
    padding: 5px 10px;
    color: var(--primary_color) !important;
    background-color: transparent;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
}



    .btnpequeño label {
        color: var(--primary_color);
    }

        .btnpequeño label:hover {
            color: #fff;
        }

    .btnpequeño:hover span {
        color: #fff;
    }

    .btnpequeño span {
        color: var(--primary_color);
    }

        .btnpequeño span:hover {
            color: #fff;
        }

    .btnpequeño:hover {
        background-color: var(--primary_color) !important;
        color: #fff !important;
    }

    .btnpequeño a {
        color: var(--primary_color) !important;
    }

        .btnpequeño a:hover {
            color: #ffffff !important;
        }

.aspNetDisabled.btnpequeño {
    background: #ededed !important;
    color: #ccc !important;
    border: 1px solid #ccc !important;
}

    .aspNetDisabled.btnpequeño:hover {
        background: #ededed !important;
        color: #ccc !important;
        border: 1px solid #ccc !important;
    }

.btnpequeñoneutro {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #666666 !important;
    padding: 5px 10px;
    color: #666666 !important;
    background-color: transparent;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnpequeñoneutro:hover {
        background-color: #666666 !important;
        color: #fff !important;
    }

    .btnpequeñoneutro a {
        color: #666666 !important;
    }

        .btnpequeñoneutro a:hover {
            color: #ffffff !important;
        }

.btnpequeñoVerde {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #008909;
    padding: 5px 10px;
    color: #008909;
    background-color: transparent;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnpequeñoVerde:hover {
        background-color: #008909 !important;
        color: #fff !important;
    }

.btnpequeñoRojo {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #bd4644;
    padding: 5px 10px;
    color: #bd4644;
    background-color: transparent;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnpequeñoRojo:hover {
        background-color: #bd4644 !important;
        color: #fff !important;
    }

.btnpequeñoLila {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #8606AA;
    padding: 5px 10px;
    color: #8606AA;
    background-color: transparent;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

    .btnpequeñoLila:hover {
        background-color: #8606AA !important;
        color: #fff !important;
    }



.divContadorText {
    width: 100px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
}

.ListaAjustada {
    width: auto !Important;
    max-width: 350px;
    min-width: 220px;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.modal {
    width: auto !important;
}

.completionList {
    border: solid 1px Gray;
    margin: 0px;
    padding: 3px;
    height: 120px;
    overflow: auto;
    background-color: #FFFFFF;
}

.listItemComp {
    color: #191919;
}

.itemHighlighted {
    background-color: #ADD6FF;
}

.width100 {
    width: 100%;
}

.Infobar {
    margin-top: 170px;
    width: 210px;
    background-color: #fff;
    padding: 10px;
    position: fixed;
    top: 0px;
    margin-left: 80%;
}

.closebtn {
    float: right;
    background: transparent;
    border: none;
}

.pnlInformes {
    width: auto;
    min-height: 60px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

    .pnlInformes span {
        font-size: 14px !important;
    }

    .pnlInformes a {
        float: right;
        margin-top: 10px;
    }

.modalServicios {
    width: 400px !important;
    height: 150px !important;
}

.btn-shopping {
    padding: 10px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: var(--primary_color);
    border: 1px solid var(--primary_color);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .btn-shopping:hover {
        background-color: #ffffff;
        color: var(--primary_color);
        border: 1px solid var(--primary_color);
    }

    .btn-shopping i {
        font-size: 18px;
        margin-right: 10px;
    }

    .btn-shopping span {
        font-size: 18px;
    }

.swal2-modal button.styled {
    background-color: var(--primary_color) !important;
    margin: 20px 2px 10px 2px !important;
    border-radius: var(--btn_radius_default)!important;
}

.swal2-modal h2 {
    color: #666666 !important;
    font-size: 25px !important;
    font-weight: 600;
    /*text-transform: uppercase;*/
    line-height: 32px !important;
    display: block;
}


.swal2-modal button.swal2-cancel.styled {
    /*background-color: #666 !important;*/
    background-color: transparent !important;
    color: #666 !important;
    border: 1px solid #666 !important;
    border-radius: var(--btn_radius_default)!important;
}

.ReportExportDatos {
    max-width: 1700px;
    min-width: 1000px;
}

.ListBox {
    width: auto !important;
    max-width: 350px !important;
    min-width: 200px !important;
    height: 150px !important;
}

.ListBox_search {
    width: auto !important;
    min-width: 290px !important;
    height: 145px !important;
}

.headerVentas {
    background: #ededed;
    color: var(--primary_color) !important;
    height: 30px;
    border: none;
    width: 100px;
    font-weight: bold !important;
    font-size: 15px !important;
}

    .headerVentas span {
        color: var(--primary_color) !important;
        font-weight: bold !important;
        font-size: 15px !important;
    }

.FooterVentas {
    background: #ededed;
    color: var(--primary_color) !important;
    border: none;
    width: 100px;
    font-weight: bold !important;
    font-size: 15px !important;
}

    .FooterVentas span {
        color: var(--primary_color) !important;
        font-weight: bold !important;
    }

.table_varibales {
    width: auto;
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}

/******************ESTILOS TEXTANALYTICS***************************/

.tabla_azul select {
    width: 70px;
    border: 1px solid #bbb;
}

.tabla_azul {
    border-collapse: collapse;
    border-spacing: 0;
}

    .tabla_azul th {
        font-family: Arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        padding: 10px 5px;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        word-break: normal;
        color: var(--primary_color);
    }

    .tabla_azul td {
        font-family: Arial, sans-serif;
        font-size: 12px;
        padding: 10px 5px;
        overflow: hidden;
        word-break: normal;
        border-bottom: 1px solid #ccc;
        color: #669;
        background-color: #ffffff;
    }

.ta_cabecera1 {
    border-color: #ededed;
    color: var(--primary_color);
    background-color: #ededed;
    border-bottom: 1px solid #fff;
}

.ta_cabecera2 {
    border-color: #ededed;
    color: var(--primary_color);
    background-color: #ededed;
}

.tabla_azul .tg_numero {
    text-align: right;
}

.tabla_azul .tg_texto {
    text-align: center;
}

.tabla_gris {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top: 20px;
}

    .tabla_gris th {
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 5px;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        word-break: normal;
        color: var(--primary_color);
        text-align: center;
    }

    .tabla_gris td {
        font-family: Arial, sans-serif;
        font-size: 13px;
        padding: 10px 5px;
        overflow: hidden;
        word-break: normal;
        color: #000;
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

.tg_cabecera1 {
    border-color: #ededed;
    color: var(--primary_color);
    background-color: #ededed;
    border-bottom: 1px solid #fff;
}

.tg_cabecera2 {
    border-color: #ededed;
    color: var(--primary_color);
    background-color: #ededed;
}

.tabla_gris .tg_numero {
    text-align: right;
}

.tabla_gris .tg_texto {
    text-align: center;
}

table#tbLoginsAgentes.tablaConfRB {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    -webkti-border-radius: 3px;
    -moz-border-radius: 3px;
}

.asignacioncaja {
    margin-top: 15px;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 3px;
    -webkti-border-radius: 3px;
    -moz-border-radius: 3px;
    min-width: 200px;
}

.swal2-spacer {
    display: none !important;
}

.tdevaluacion {
    min-width: 100px;
    max-width: 100px;
}

.botonRelojesEvalua {
    width: 50px;
    height: 50px;
    border: 1px solid #EFEFEF;
    background-color: #808080;
    border-radius: 0.5em;
    right: 95px;
    position: fixed;
    bottom: 30px;
    opacity: 0.7;
    z-index: 1500;
    cursor: pointer;
    text-align: center;
    line-height: 65px;
}

    .botonRelojesEvalua a {
        width: 50px;
        height: 50px;
    }

        .botonRelojesEvalua a i {
            color: #ffffff;
            margin: auto;
            font-size: 36px;
        }

.tituloEvalua {
    height: 45px;
    margin-bottom: 20px;
    width: 100%;
}

.valtable {
    margin-top: 35px;
    width: 100%;
}

.valtablemedio {
    width: 100%;
    height: auto;
    padding: 10px 0px;
    border: 1px solid #ccc;
    border-top: none;
    min-height: 30px;
}

.disabled {
    display: none;
}

.valtablaeditable {
    width: 100%;
    height: auto;
}

.valtablaeditable_cuerpo {
    width: 100%;
    height: auto;
}

    .valtablaeditable_cuerpo textarea, .Añadirbtn_cuerpo textarea {
        margin-top: 5px;
        width: 320px;
        height: 100px;
        border: 1px solid #ccc;
        box-shadow: none;
    }

.Añadirbtn_cuerpo {
    width: 100%;
    height: auto;
}

.cajadescripcion textarea {
    max-width: 350px;
    width: 350px;
    border: 1px solid #ccc;
    box-shadow: none;
    margin-top: 5px;
    height: 40px;
}

.valtablaeditable_bottonera {
    height: 40px;
    text-align: right;
    margin: 10px 0px;
}

.valtablepequeño {
    width: 100%;
    line-height: 25px;
}

.valtext {
    border-right: 1px solid #ccc;
    margin-right: 10px;
}

    .valtext:last-child {
        border-right: none;
    }

.Añadirbtn {
    margin-top: 20px;
    border: 1px solid #666666;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.tituloval {
    font-size: 20px !important;
    font-weight: 500;
    text-align: left !important;
    color: var(--primary_color);
    width: 100%;
    margin-bottom: 20px;
    margin-left: 10px;
}

.valtable_cabecera {
    border: 1px solid #ededed;
    background: #ededed;
    padding: 10px 0px;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cabecerapeque {
    float: left;
    padding: 0px 7px;
    border-right: 1px solid #ccc;
    min-width: 15%;
    text-align: center;
}

.textopequetitulo {
    color: var(--primary_color);
    font-size: 15px;
}

.cabecerapeque:last-child {
    border-right: none;
}

.checkVal:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: forestgreen;
    font-weight: 900;
}

.crossVal:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    color: firebrick;
    font-weight: 900;
}

.valtableGlobal {
    width: 100%;
}

.valtableprimero {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

    .valtableprimero input {
        width: 140px;
        height: 25px;
        margin-top: 5px;
    }

.cajaFechas {
    width: auto;
    min-height: 30px;
}

span.textFechas {
    font-weight: bold;
    color: #666;
}

.cajaBotones {
    text-align: right;
    width: 100%;
    margin-top: 30px;
}

.valtablesegundo {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.valtabletercero {
    width: 100%;
    height: auto;
}

.cajapequeval {
    display: inline-table;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.cajaEvalBotones {
    height: 50px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.cajapequevalObs {
    padding: 0 10px;
    margin-bottom: 10px;
}

    .cajapequevalObs textarea {
        margin-top: 5px;
        width: 400px;
        height: 100px;
        border: 1px solid #ccc;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
    }

.margenicono {
    margin-right: 20px;
}

.textodestacadoval {
    color: #666666 !important;
    font-weight: bold !important;
    font-size: 15px;
}

.cajaSeleccion {
    height: 35px;
    margin-bottom: 20px;
}

.selecIcon {
    width: auto;
    height: 40px;
    float: left;
}

#ffin, #fini {
    height: 32px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid #b7b7b7;
    padding-left: 5px;
}

/******************************************** EXCEL TABLA INF *******************************************/

.cajaDivOver {
    width: 1400px;
    overflow: auto;
}

table.tablaInformeExcel {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #666;
}

    table.tablaInformeExcel thead {
        background-color: #ededed;
        color: var(--primary_color);
        font-size: 15px;
        text-transform: capitalize;
        border: 1px solid #666;
    }

        table.tablaInformeExcel thead tr {
            border: 1px solid #666;
        }

            table.tablaInformeExcel thead tr td {
                border-left: 1px solid #666;
                border-right: 1px solid #666;
                padding: 5px;
            }

                table.tablaInformeExcel thead tr td.tdBlanco {
                    border-left: 1px solid #fff;
                    background: #fff;
                    border-top: 1px solid #fff;
                }

    table.tablaInformeExcel tbody tr {
        border: 1px solid #666;
    }

        table.tablaInformeExcel tbody tr:hover {
            background-color: var(--primary_color);
            color: #ffffff;
        }

        table.tablaInformeExcel tbody tr td {
            border-left: 1px solid #666 !important;
            border-right: 1px solid #666 !important;
            padding: 0 5px;
        }

            table.tablaInformeExcel tbody tr td.alLeft {
                text-align: left;
            }

            table.tablaInformeExcel tbody tr td.alCenter {
                text-align: center;
            }

            table.tablaInformeExcel tbody tr td.alRight {
                text-align: right;
            }

/**************************** CUSTOMER JOURNEY ************************************/

.botonAdd {
    margin: 20px 0px 0px 0px;
}

.cajapersonas {
    width: 100%;
    height: auto;
    margin-top: 35px;
}

.persona {
    float: left;
    margin: 5px 15px 10px 0;
    width: 300px;
    min-height: 140px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 405px;
    box-shadow: 0 1px 5px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
}

.añadirPersona {
    float: left;
    margin: 5px 15px 10px 0;
    width: 300px;
    min-height: 140px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 405px;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 1px 5px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
    background-image: url('../../Images/profile-icon-ccc.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .añadirPersona:hover {
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
    }

        .añadirPersona:hover span {
            color: var(--primary_color);
        }

    .añadirPersona span {
        font-size: 30px;
        color: #666;
    }

.textAñadirPersona {
    margin-top: 150px;
}

.circularImageNuevaPersona {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
    margin: 0 auto;
}

    .circularImageNuevaPersona img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

.circularImage {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    padding: 10px 0;
    margin: 0 auto;
}

    .circularImage img {
        width: 150px;
        height: 150px;
        border-radius: 150px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
    }

.contenidopersona {
    border-bottom: 1px solid #ccc;
    width: 300px;
}

.textoPersona {
    height: 160px;
    padding: 10px;
}

span.idpersona {
    font-size: 18px;
    color: #2e2e2e;
}

span.namepersona {
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

span.edadpersona, span.titlepersona {
    font-size: 16px;
    color: #2e2e2e;
}

span.descriptionpersona {
    font-size: 15px;
    line-height: 20px;
    color: #2e2e2e;
}

.botonespersona {
    height: 55px;
    width: 300px;
}

.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    transition: opacity .3s ease;
}

.modal-wrapper {
    display: table-cell;
    vertical-align: middle;
    z-index: 5000;
    position: absolute;
    margin-top: 5%;
    width: 85%;
    margin-left: 7%;
}

.modalVer-wrapper {
    display: table-cell;
    vertical-align: middle;
    z-index: 5000;
    position: absolute;
    margin-top: 9%;
    width: 75%;
    margin-left: 12%;
}

.modal-outside {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease;
    position: absolute;
}

.modalContainerPersona {
    margin: 0px auto;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.modalHeaderPersona {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 45px;
}

.headerPersona {
    padding: 15px;
    line-height: 15px;
}

    .headerPersona span {
        font-size: 18px;
    }

.modalBodyPersona {
    height: 760px;
    width: 100%;
    background: #fff;
}

.modalBodyVerPersona {
    height: 640px;
    width: 100%;
    background: #fff;
}

.modalFooterPersona {
    height: 50px;
    margin-bottom: 0;
    text-align: right;
    background-color: #fff;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    margin-top: 20px;
}

    .modalFooterPersona a {
        font-size: 14px;
    }

.botonCerrarPersona {
    float: right;
    font-size: 20px;
    margin-top: -5px;
    color: #666;
    cursor: pointer;
}

.modal-enter {
    opacity: 0;
}

.modal-leave-active {
    opacity: 0;
}

    .modal-enter .modal-container,
    .modal-leave-active .modal-container {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

button.swal2-cancel.styled {
    background: #666666 !IMPORTANT;
}

.modal-container {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}

.form-control {
    width: 90%;
    float: left;
}

    .form-control input {
        width: 90%;
        height: 20px !important;
        font-size: 14px !important;
    }

.form-control-icono {
    width: 10%;
    float: left;
    font-size: 10px;
    color: var(--primary_color);
    height: 20px;
    line-height: 20px;
}

.ContenidoNuevaPersona {
    width: auto;
}

span.titleNuevaPersona {
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.ImagenNuevaPersona {
    width: 100%;
}

    .ImagenNuevaPersona span {
        color: #fff;
        font-size: 12px;
    }

.ImagenVerPersona {
    width: 100%;
}

.DatosNuevaPersona {
    width: 100%;
    height: 400px;
    margin-top: 40px;
    color: #fff;
}

.DescripcionNuevaPersona {
    width: 73.5%;
    height: 720px;
    float: left;
    padding: 20px;
    background: #fff;
}

.ArribaNuevaPersona {
    width: 100%;
    border-bottom: 1px solid #ccc;
    min-height: 420px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.ListCheckNuevaPersona {
    width: 100%;
    height: 155px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.listTitulo {
    width: 100%;
    height: 20px;
    float: none;
    clear: both;
}

    .listTitulo span {
        font-size: 17px;
    }

.ImgDatosNuevaPersona {
    width: 20%;
    height: 720px;
    float: left;
    padding: 20px;
    background: #666;
}

.formIdPersona {
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 25px;
}

.formNamePersona, .formAgePersona, .formTitlePersona, .formEduPersona {
    margin-bottom: 20px;
}

    .formIdPersona span, .formNamePersona span, .formAgePersona span, .formTitlePersona span, .formEduPersona span {
        font-size: 18px;
    }

.formDesPersona {
    width: 100%;
    margin-bottom: 15px;
}

    .formDesPersona textarea {
        max-width: 99%;
        width: 99%;
        height: 80px;
        max-height: 80px;
        margin-top: 10px;
        resize: none;
        -webkit-resize: none;
        -moz-resize: none;
        -o-resize: none;
        -ms-resize: none;
        padding: 0.5%;
    }

    .formDesPersona span {
        font-size: 18px;
    }

.formGoalsPersona {
    margin: 20px 0;
    width: 100%;
}

    .formGoalsPersona textarea {
        width: 99%;
        max-width: 99%;
        height: 80px;
        max-height: 80px;
        margin-top: 10px;
        resize: none;
        -webkit-resize: none;
        -moz-resize: none;
        -o-resize: none;
        -ms-resize: none;
        padding: 0.5%;
    }

    .formGoalsPersona span {
        font-size: 18px;
    }

.formLifePersona {
    margin: 15px 0;
    width: 100%;
    float: none;
    clear: both;
}

    .formLifePersona textarea {
        width: 99%;
        max-width: 99%;
        height: 80px;
        max-height: 80px;
        margin-top: 10px;
        resize: none;
        -webkit-resize: none;
        -moz-resize: none;
        -o-resize: none;
        -ms-resize: none;
        padding: 0.5%;
    }

    .formLifePersona span {
        font-size: 18px;
    }

.divContadorTextPersona {
    width: auto;
    text-align: left;
    font-size: 12px;
    color: #999999;
}

.CustomerNuevaPersona {
    width: 55%;
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 1% 1% 0 0;
}

    .CustomerNuevaPersona span {
        font-size: 15px;
    }

.EditablesNuevaPersona {
    width: 38%;
    float: left;
    margin: 1% 0 0 0;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .EditablesNuevaPersona span {
        font-size: 15px;
    }

.DescripcionVerPersona {
    width: 72.5%;
    height: 600px;
    float: left;
    padding: 20px 40px 20px 20px;
    overflow: auto;
}

.DatosVerPersona {
    height: auto;
    width: 100%;
    margin-top: 40px;
}

.ListCheckVerPersona {
    float: none;
    clear: both;
    width: 100%;
}

.ImgDatosVerPersona {
    width: 20%;
    height: 600px;
    float: left;
    padding: 20px;
    background: #666;
}

.textoVerPersona {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 5px;
}

    .textoVerPersona span {
        font-size: 15px;
    }

.formVerIdPersona, .formVerNomPersona, .formVerEdadPersona, .formVerDediPersona, .formVerEduPersona {
    color: #fff;
    margin-bottom: 25px;
}

    .formVerIdPersona span, .formVerNomPersona span, .formVerEdadPersona span, .formVerDediPersona span, .formVerEduPersona span {
        color: #fff;
        line-height: 20px;
        font-size: 18px;
    }

.formVerPersona {
    color: #666;
    margin-bottom: 30px;
}

    .formVerPersona span {
        color: #666;
        font-size: 18px;
    }

        .formVerPersona span.boldGrey {
            font-weight: bold;
            color: #666;
            font-size: 18px;
        }

.ArribaVerPersona {
    width: 100%;
    border-bottom: 1px solid #ccc;
    height: auto;
    margin-bottom: 15px;
}

.TouchPointName {
    margin-bottom: 15px;
}

/*************************** TOUCH POINTS *********************************/

.modalContainerTouchPoint {
    margin: 0px auto;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.modalHeaderTP {
    background-color: #fff;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    height: 15px;
    line-height: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.modalBodyTouchPoint {
    width: 100%;
    height: 785px;
}

.modalBodyVerTouchPoint {
    width: 100%;
    height: 675px;
}

.modalFooterTouchPoint {
    margin-bottom: 0;
    text-align: right;
    background-color: #fff;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    margin-top: 40px;
}

    .modalFooterTouchPoint a {
        font-size: 14px;
    }

.ContenidoTouchPoint {
    width: auto;
}

.DescripcionTouchPoint {
    width: 73.5%;
    height: 745px;
    float: left;
    padding: 20px;
}

.DescripcionVerTouchPoint {
    width: 72%;
    height: 635px;
    float: left;
    padding: 20px 40px 20px 25px;
    overflow: auto;
}

.DatosTouchPoint {
    width: 100%;
    margin-top: 40px;
    color: #fff;
}

.imgNameVerTouchPoint {
    width: 20%;
    height: 635px;
    float: left;
    padding: 20px;
    background: #666;
}

.imgNameTouchPoint {
    width: 20%;
    height: 745px;
    float: left;
    padding: 20px;
    background: #666;
}

.formNomTouchPoint, .formCanalTouchPoint, .formServTouchPoint, .formVarTouchPoint {
    margin-bottom: 20px;
}

    .formNomTouchPoint span, .formCanalTouchPoint span, .formServTouchPoint span, .formVarTouchPoint span {
        color: #fff;
        font-size: 18px;
    }

    .formNomTouchPoint select, .formCanalTouchPoint select, .formServTouchPoint select, .formVarTouchPoint select {
        width: 99%;
        height: 40px !important;
        margin-top: 5px;
    }

.formVerNomTouchPoint, .formVerCanTouchPoint, .formVerSerTouchPoint, .formVerVarTouchPoint {
    margin-bottom: 20px;
}

    .formVerNomTouchPoint span, .formVerCanTouchPoint span, .formVerSerTouchPoint span, .formVerVarTouchPoint span {
        color: #fff;
        font-size: 18px;
    }

.formVerTouchPoint {
    margin-bottom: 30px;
}

    .formVerTouchPoint span {
        color: #666;
        font-size: 18px;
    }

.textoVerTouchPoint {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 5px;
}

    .textoVerTouchPoint span {
        font-size: 15px;
    }

.SelectTouchPoints {
    height: 35px;
    margin: 15px 0 25px 0;
}

.selectPersona {
    float: left;
    margin-right: 15px;
}

    .selectPersona select {
        width: 280px;
        height: 37px;
    }

.cajaTouchPoint {
    width: 100%;
    height: auto;
}

.divbuttonTouchPoint {
    margin: 5px 0 0 20px;
    float: left;
}

.arribaTouchPoints {
    margin-top: 20px;
    height: 35px;
    width: 100%;
}

.TouchPoint {
    float: left;
    margin: 5px 15px 10px 0;
    width: 280px;
    height: 380px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
}

.añadirTouchPoint {
    float: left;
    margin: 5px 15px 10px 0;
    width: 280px;
    height: 380px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 1px 5px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
    background-image: url('../../Images/Touchpoint-ccc.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .añadirTouchPoint span {
        font-size: 30px;
        color: #666;
    }

    .añadirTouchPoint:hover {
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
    }

        .añadirTouchPoint:hover span {
            color: var(--primary_color);
        }

.textAñadirTouchPoint {
    margin-top: 150px;
}

.contentTouchPoint {
    border-bottom: 1px solid #ccc;
}

.divsContacto {
    max-height: 177px;
    overflow: auto;
    width: auto;
    max-width: 220px;
    min-width: 200px;
}

    .divsContacto table {
        height: auto;
        min-height: 45px;
        max-height: 200px;
        margin-top: 20px;
    }

span.textodestacado label {
    color: #666666 !important;
    font-weight: bold !important;
    font-size: 15px;
    line-height: 13px;
    cursor: pointer;
    margin-right: 5px;
}

.updateFile {
    margin-top: -120px;
    width: 120px;
    height: 120px;
    cursor: pointer;
}

    .updateFile label i {
        font-size: 35px;
    }

.ImagenNuevaTouchPoint {
    width: 100%;
}

    .ImagenNuevaTouchPoint span {
        color: #fff;
        font-size: 12px;
    }

.rectangularImage {
    width: 280px;
    height: 150px;
}

.rectangularImg {
    width: 100%;
    height: 150px;
    cursor: pointer;
    margin: 0 auto 5px auto;
}

    .rectangularImg img {
        width: 100%;
        height: 150px;
    }

.rectangularImage img {
    width: 280px;
    height: 150px;
}

.modal-default-button {
    float: right;
}

.botonesEdicion {
    float: right;
    margin: 20px;
}

.modal-enter {
    opacity: 0;
}

.modal-leave-active {
    opacity: 0;
}

    .modal-enter .modal-container,
    .modal-leave-active .modal-container {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

button.swal2-cancel.styled {
    background: #666666 !IMPORTANT;
}

.modal-container {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}

.textoTouchPoint {
    height: 155px;
    padding: 10px;
}

.TouchPointCanal, .TouchPointServicio, .TouchPointVariable {
    margin-top: 10px;
    font-size: 15px;
    color: #666;
}

.TPIcono {
    float: left;
    margin-right: 5px;
}

.formDesTouchPoint span, .formGoalsTouchPoint span, .formExpTouchPoint span, .formProTouchPoint span {
    font-size: 18px;
}

.formDesTouchPoint {
    width: 100%;
    margin-bottom: 15px;
}

    .formDesTouchPoint textarea {
        max-width: 99%;
        width: 99%;
        height: 80px;
        max-height: 80px;
        margin-top: 10px;
        resize: none;
        -webkit-resize: none;
        -moz-resize: none;
        -o-resize: none;
        -ms-resize: none;
        padding: 0.5%;
    }

.formGoalsTouchPoint {
    width: 100%;
    margin-bottom: 15px;
}

    .formGoalsTouchPoint textarea {
        max-width: 99%;
        width: 99%;
        height: 80px;
        max-height: 80px;
        margin-top: 10px;
        resize: none;
        -webkit-resize: none;
        -moz-resize: none;
        -o-resize: none;
        -ms-resize: none;
        padding: 0.5%;
    }

.formExpTouchPoint {
    width: 100%;
    margin-bottom: 15px;
}

    .formExpTouchPoint textarea {
        max-width: 99%;
        width: 99%;
        height: 80px;
        max-height: 80px;
        margin-top: 10px;
        resize: none;
        -webkit-resize: none;
        -moz-resize: none;
        -o-resize: none;
        -ms-resize: none;
        padding: 0.5%;
    }

span.subtituloTP {
    font-size: 12px;
}

.formProTouchPoint {
    width: 100%;
    margin-bottom: 15px;
}

    .formProTouchPoint textarea {
        max-width: 99%;
        width: 99%;
        height: 80px;
        max-height: 80px;
        margin-top: 10px;
        resize: none;
        -webkit-resize: none;
        -moz-resize: none;
        -o-resize: none;
        -ms-resize: none;
        padding: 0.5%;
    }

input.inputFInicio, input.inputFFin {
    padding-left: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/************* Select Customer *****************/

.valtableSelect {
    margin-top: 35px;
    width: 100%;
    display: table;
}

.valtable_cabeceraSelect {
    border: 1px solid #ededed;
    background: #ededed;
    border-bottom: none;
    padding: 10px 0px;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    height: 30px;
    display: inline-table;
    width: 100%;
    line-height: 30px;
}

.textopequetituloSelect {
    color: var(--primary_color);
    font-size: 15px;
}

.cabecerapequeSelect {
    padding: 0px 7px;
    border-right: 1px solid #ccc;
    text-align: center;
    display: table-cell;
    width: 225px;
}

    .cabecerapequeSelect:last-child {
        border-right: none;
    }

.valtablemedioSelect {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    min-height: 30px;
    display: inline-table;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    height: 30px;
    line-height: 30px;
    padding: 10px 0;
}

.valtablepequeñoSelect {
    line-height: 25px;
    padding: 10px 0px;
    border-top: 1px solid #ccc;
    height: 20px;
    display: inline-table;
    width: 100%;
}

    .valtablepequeñoSelect:first-child {
        border-top: none;
    }

.btnValtableGlobalSelect {
    width: 10%;
    float: left;
    text-align: center;
    height: 50px;
}

a.verCX {
    color: #666;
    padding: 13px 10px 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    a.verCX:hover i {
        color: var(--primary_color);
    }

    a.verCX i {
        color: #666;
    }

.no-seleccionable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.borderTablaResult {
    border: 1px solid #ccc;
    padding: 15px 10px 0px 10px;
    margin-top: 40px;
}

.cajaTablaResult {
    max-width: 1700px;
    overflow: auto;
}

.divEmailTodos {
    clear: both;
    width: 720px;
    margin: 10px;
}

.CeldaEmailTodos {
    padding: 1em;
}

.inputEmails {
    margin: 0px 10px 10px 0px;
    width: 100%;
}

.ColumnaFiltro {
    width: 180px;
    margin: 0 0 10px 0;
}

.lblInfo {
    margin-top: 10px;
    font-weight: bolder;
}

a.aspNetDisabled.IconoSalir {
    cursor: not-allowed;
    background: transparent;
}

.dropMensajes {
    width: 100%;
    float: none;
    clear: both;
}

.textMensajes {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 20px;
}

select.SelectCx {
    width: 280px;
    height: 35px;
}

input.FromCx, input.ToCx {
    width: 180px;
    height: 35px;
}

.cerrado {
    color: #666;
    font-size: 15px;
    margin-right: 5px;
}

    .cerrado:hover {
        color: var(--primary_color);
    }

.abierto {
    color: var(--primary_color);
    font-size: 15px;
    margin-right: 5px;
}

    .abierto:hover {
        color: #666;
    }

.checkboxSat input {
    width: 0;
    opacity: 0;
}

span.checkedSat4, span.checkedSat5 {
    text-decoration: none !important;
}

    span.checkedSat4:hover, span.checkedSat5:hover {
        text-decoration: none !important;
    }

    span.checkedSat4:before, span.checkedSat5:before {
        text-decoration: none !important;
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: 900;
        text-decoration: inherit;
        font-size: 18px;
        color: var(--primary_color);
    }

.cabeceraDatosCualitativos, .cabeceraDatosCualitativos_primero {
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.btnAnadirValoracion {
    height: 23px;
    line-height: 23px;
    padding: 5px 20px;
    font-size: 13px;
}

.btnCompromiso {
    cursor: pointer;
    float: right;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    color: #666;
}

    .btnCompromiso:before {
        content: "\f06e";
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: 900;
        text-decoration: inherit;
        font-size: 17px;
        color: #666;
    }

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

    .btnCompromiso2:before {
        content: "\f070";
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: 900;
        text-decoration: inherit;
        font-size: 17px;
        color: #666;
    }

.compromisoBlack {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.divCompromisoAnterior {
    position: fixed;
    top: 45%;
    background: #fff;
    width: 400px;
    height: 200px;
    border-radius: 3px;
    padding: 10px;
    z-index: 100;
    left: 35%;
    overflow: auto;
    -webkit-box-shadow: 2px 2px 20px 0px #666;
    -moz-box-shadow: 2px 2px 20px 0px #666;
    box-shadow: 2px 2px 20px 0px #666;
}

.calendarioPopUp .ajax__calendar {
    position: inherit !important;
}

i.iAsp {
    margin-left: 5px;
    cursor: pointer;
}

    i.iAsp:before {
        content: "\f05a";
        font-family: "Font Awesome 5 Free";
        color: var(--primary_color);
        font-size: 18px;
        font-weight: 900;
        font-style: normal;
    }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    margin-bottom: 0 !important;
}

/********************************** CREAR MEDIDOR POPUP ******************************************************/
.modalPopupMedidor {
    background: #fff;
    width: 50%;
    border-radius: 3px;
    /* position: fixed !important;*/
    z-index: 1020 !important;
}

.modalBackground {
    z-index: 998 !important;
}

.modalHeaderMedidor {
    height: 40px;
    padding: 10px 20px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

span.modalTituloMedidor {
    color: var(--primary_color);
    font-size: 20px;
    font-weight: bold;
}

.modalCloseMedidor {
    background: transparent;
    border: none;
    color: #666 !important;
    opacity: 1;
    margin: 0;
    cursor: pointer;
    float: right;
    font-size: 14px;
}

span.modalInfoMedidor {
    color: var(--primary_color);
    font-size: 20px;
    cursor: pointer;
    margin-left: 5px;
}

    span.modalInfoMedidor:hover {
        color: #000;
    }

.modalBodyMedidor {
    text-align: left;
    max-height: 100%;
    padding: 15px 0;
    overflow-y: auto;
}

.modalBodyMedidor_align {
    width: 90%;
    margin: 0 auto;
}

.flex {
    display: flex;
    margin-bottom: 20px;
}

.rowMedidor {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.rowMedidor2-l {
    width: 15%;
    display: inline-table;
    margin-bottom: 15px;
}

.rowMedidor2-r {
    width: 80%;
    display: inline-table;
    margin-bottom: 15px;
}

.rowMedidor_titulo {
    float: left;
    width: 25%;
    margin-right: 0px;
}

.rowMedidor_texto {
    float: left;
    width: 70%;
    display: flex;
    align-items: baseline;
}

.rowMedidor_texto2 {
    float: left;
    width: 70%;
    display: block;
    align-items: baseline;
}

.rowMedidor_titulo.largo {
    float: left;
    width: 50%;
    margin-right: 0px;
}

.rowMedidor_texto.largo {
    float: left;
    width: 45%;
    margin-right: 0px;
}

.rowMedidor_texto textarea {
    width: 100% !important;
}

.rowMedidor_texto input[type='text'] {
    width: 100% !important;
}

input#ctl00_ctl00_ContentPlaceHolder1_cphCos_txtOrdenGrupo {
    width: 50px !important;
}

input#ctl00_ctl00_ContentPlaceHolder1_cphCos_txtOrdenVariable {
    width: 50px !important;
}

input#ctl00_ctl00_ContentPlaceHolder1_cphCos_txtValorPesoVariable {
    width: 50px !important;
}

.checkTypeQuestion {
    height: 80px;
}

.TypeQuestionSelected {
    border: 2px solid var(--primary_color) !important;
    border-radius: 10px;
    width: 80%;
    padding: 5px 0;
}

.typeQuestionDiv {
    border: 2px solid #fff;
    border-radius: 10px;
    width: 80%;
    padding: 5px 0;
}

.rowMedidor_texto select {
    width: 100% !important;
    padding: 0px 5px;
}

.rowMedidor_texto.numericalAnsw {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.marginIconAns {
    margin-left: 50px;
}

.marginIconAns2 {
    margin-left: 30px;
}

.txtIconAns {
    width: 150px;
}

.rbt {
    cursor: pointer;
}

.modalFooterMedidor {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.medidorDesCampos {
    margin-top: 10px;
    line-height: 12px;
}

    .medidorDesCampos span {
        font-size: 10px;
    }

.dupliateGif {
    width: 50%;
    margin-left: 25%;
}

.copyImg {
    width: 100%;
    text-align: center;
}

    .copyImg img {
        width: 300px;
        text-align: center;
    }

i.far.fa-times-circle {
    font-size: 32px;
}

    i.far.fa-times-circle:hover {
        color: var(--primary_color);
    }


/************************************** REPORTS *********************************************/
.Reportes {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
}

.ReportesIcono {
    position: relative;
    width: 165px;
    height: 165px;
    font-size: 60px;
    border: 2px solid #666;
    margin-bottom: 10px;
    line-height: 170px;
    border-radius: 50%;
    cursor: pointer;
    background: #fff;
    color: #666;
    transition: all 0.4s;
}

    .ReportesIcono:hover {
        border: 2px solid #666;
        background: #666;
        color: #fff;
    }

.ReportesSpan {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}

.MenuReports {
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    position: fixed;
    background: transparent;
    top: 0;
    opacity: 1;
    transition-property: z-index, opacity, background;
    transition-delay: 1s, 0s, 0s;
    transition: all 0.5s ease-out;
    z-index: -1000;
}

    .MenuReports.reportOpen {
        opacity: 1;
        z-index: 100000;
        background: rgba(0, 0, 0, 0.5);
    }

.divReports {
    width: 700px;
    position: absolute;
    z-index: -10;
    background: #fff;
    height: auto;
    overflow: hidden;
    transition: all 0.5s ease-out;
    opacity: 0;
    transform: translateY(-50px);
    padding: 30px 50px 50px 50px;
    text-align: right;
    cursor: default;
}

.MenuReports.reportOpen .divReports {
    opacity: 1;
    transform: translateY(0);
    z-index: 10;
}

#CloseMore {
    color: #666;
    font-size: 20px;
    margin-bottom: 10px;
    cursor: pointer;
}

.divReportsContent {
    height: auto;
    width: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

/*.divReportsContent_button {
    width: 300px;
    height: auto;
    border: 1px solid #666;
    margin: 10px;
    cursor: pointer;
    color: #666;
    padding: 15px 0;
    transition: all 0.4s;
    text-align: center;
}

    .divReportsContent_button:hover {
        background: #444;
        color: #fff;
    }

    .divReportsContent_button span {
        font-size: 15px;
    }*/

.divTitleReport {
    width: 45px;
    height: auto;
    position: relative;
    display: inline-block;
    z-index: 20;
    transition: all 0.5s;
    margin-right: 10px;
}

.divTitleReport_span {
    position: absolute;
    top: 3%;
    left: -85px;
}

    .divTitleReport_span span {
        color: #fff;
        font-size: 20px;
    }

.divTitleReport_more:hover .divTitleReport_span span {
    color: #666;
}

.divTitleReport_more {
    display: inline-block;
    cursor: pointer;
    width: 45px;
    height: 45px;
    border: 1px solid #666;
    background: #666;
    border-radius: 50%;
    color: #fff;
}

    .divTitleReport_more:hover {
        background: #fff;
        color: #666;
    }

    .divTitleReport_more i {
        display: block;
        font-size: 20px;
        line-height: 45px;
    }

/********************************************************************* INFORMES ******************************************************************/

.cabeceraLogoInf {
    width: 100%;
    height: 70px;
    margin-bottom: 50px;
}

.clienteLogoInf {
    float: left;
    text-align: left;
    height: 70px;
}

    .clienteLogoInf img {
        text-align: left;
        max-height: 70px;
    }

.eAliciaLogoInf {
    float: right;
    height: 70px;
    text-align: right;
}

    .eAliciaLogoInf img {
        text-align: right;
        width: auto;
        height: 55px;
    }

    .eAliciaLogoInf span {
        font-weight: normal;
        text-align: right;
        color: #000044;
    }

.datatable {
    margin: 30px 0;
}

table.tablaInforme {
    width: 100%;
    border-collapse: collapse;
    color: #000044;
    border: none;
    overflow: auto;
    border: 1px solid #000044;
}

    table.tablaInforme th {
        background: #ededed;
        min-height: 40px;
        padding: 10px;
        border: 1px solid #000044;
    }

    table.tablaInforme.rojo th {
        text-align: center;
        background: #fbbcbb !Important;
    }

    table.tablaInforme.azul th {
        text-align: center;
        background: #c4ecff !Important;
    }

    table.tablaInforme.verde th {
        text-align: center;
        background: #b4fdb9 !Important;
    }

    table.tablaInforme tr:hover {
        background: #ededed;
    }

    table.tablaInforme td {
        min-height: 40px;
        padding: 5px;
        border: 1px solid #000044;
    }

.CajatituloPrincipal {
    width: 100%;
    height: auto;
    margin-bottom: 35px;
    border-bottom: 2px solid #000044;
    padding-bottom: 2px;
}

.tituloPrincipal {
    font-size: 28px;
    font-weight: bold;
    color: #000044;
    text-transform: uppercase;
}

.tituloClar {
    font-size: 20px;
    font-weight: bold;
    color: var(--primary_color);
    border-bottom: 1px solid var(--primary_color);
}

.tituloOsc {
    font-size: 20px;
    font-weight: bold;
    color: #000044;
    border-bottom: 1px solid #000044;
}

.subtituloOsc {
    font-size: 18px;
    font-weight: bold;
    color: #000044;
}

.destacadoClar {
    font-size: 18px;
    font-weight: normal;
    color: var(--primary_color);
}

.destacadoOsc {
    font-size: 18px;
    font-weight: normal;
    color: #000044;
}

span.negritaClar {
    font-size: 15px;
    font-weight: bold;
    color: var(--primary_color);
}

span.negritaOsc {
    font-size: 15px;
    font-weight: bold;
    color: #000044;
}

b.negritaClar {
    font-size: 15px;
    font-weight: bold;
    color: var(--primary_color);
}

b.negritaOsc {
    font-size: 15px;
    font-weight: bold;
    color: #000044;
}

.textoClar {
    font-size: 15px;
    font-weight: normal;
    color: var(--primary_color);
    line-height: 25px;
}

.textoOsc {
    font-size: 15px;
    font-weight: normal;
    color: #000044;
    line-height: 25px;
}

/****************** CONFIGURACION TIPO ****************/

.cajasEncuestaTipos {
    display: flex;
    margin-bottom: 15px;
}

.cajaEncTipoTitulo {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.cajaEncTipoBotones {
    text-align: left;
    width: auto;
    margin: 20px;
}

.cajaEncTipoBoton {
    margin-bottom: 15px;
    text-align: center;
}

.cajaEncTipoBoton_icono {
    text-align: center;
    width: 120px;
    margin: 0 auto 10px auto;
    border: 1px solid #ededed;
    padding: 10px;
}

    .cajaEncTipoBoton_icono i {
        font-size: 30px;
        margin-bottom: 5px;
        text-align: center;
        color: #d3d3d3;
    }

    .cajaEncTipoBoton_icono span {
        color: #d3d3d3;
    }

.cajaEncTipoBoton_texto {
    text-align: center;
}

    .cajaEncTipoBoton_texto span {
        color: #ccc;
    }

.cajaEncTipoDescrip {
    margin-bottom: 15px;
    text-align: center;
}

.cajaEncTipoTextBtn {
    text-align: center;
}

.cajaEncTipoTextarea {
    text-align: center;
    margin-bottom: 15px;
}

.cajaEncTipoBtn {
    text-align: center;
}

.chartFormacion {
    display: block;
}

    .chartFormacion:empty {
        display: none;
    }

.cajaLblTelefonoENCOP {
    border: 1px solid #666;
    border-radius: 3px;
    height: 52px;
    line-height: 50px;
    width: auto;
    padding: 0 20px;
    float: left;
    margin: 0px 5px 0px 5px;
}

    .cajaLblTelefonoENCOP span {
        font-size: 12px;
        color: #666;
        font-weight: bold;
    }


.cajaCamposFijosCabecera {
    width: auto;
    padding: 20px;
    position: fixed;
    background: #ccc;
    top: 110px;
    left: 10px;
    border-radius: 3px;
    display: none;
}

    .cajaCamposFijosCabecera:empty {
        padding: 0;
        background: transparent;
        display: none;
    }

.campoFijoCaja {
    float: left;
    border-right: 1px solid #666;
    margin-right: 10px;
    padding-right: 10px;
}

    .campoFijoCaja:last-child {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }

span.fijoTxt {
    font-weight: bold;
    font-size: 16px;
}


textarea.txtCierreEnc {
    width: 99%;
}

    textarea.txtCierreEnc:focus {
        width: 99%;
    }

#txtNuevoTipo {
    margin-right: 30px;
}


/******************************* EVALUA ******************************************/
.evaluacionCajaGrande {
    display: flex;
    margin: 20px 0 10px 0;
}

.evaluacionCajaMedia {
    display: flex;
    flex-direction: column;
    margin-right: 60px;
}

    .evaluacionCajaMedia:last-child {
        margin-right: 0;
    }

.evaluacionCajaPeque {
    margin-bottom: 10px;
    display: flex;
}

.evaluacionCajaPequeTtl {
    min-width: 120px;
    margin-right: 10px;
}

.evaluacionCajaPequeTxt {
}

.menu {
    display: none;
    width: auto;
    height: 100px;
    text-align: center;
    line-height: 100px;
    float: left;
    padding: 0 20px;
    font-size: 30px;
    cursor: pointer;
}

.show {
    display: block;
}

/*********************************BOTONES INFORMES**********************************/

button[class*="info-btn"] {
    padding: 13px;
    background: #666;
    border: none;
    border-radius: 25px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
}

button.info-btn-e {
    float: left;
}

button[class*="info-btn"] .button-text {
    color: rgb(255, 255, 255);
    opacity: 0;
    font-size: 20px;
    display: inline;
    transition: opacity 0.7s ease;
    -webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
}

button.info-btn .button-ico {
    position: relative;
    top: -22px;
    left: -8px;
    color: white;
    font-size: 20px;
    padding-left: 10px;
    transition: left 0.37s ease;
}

button.info-btn-s .button-ico {
    position: relative;
    top: -22px;
    left: -8px;
    color: white;
    font-size: 20px;
    padding-left: 10px;
    transition: left 0.37s ease;
}

button.info-btn-e .button-ico {
    position: relative;
    top: -22px;
    left: -8px;
    color: white;
    font-size: 20px;
    padding-left: 10px;
    transition: left 0.37s ease;
}

button[class*="info-btn"]:hover .button-text {
    opacity: 1;
}

button.info-btn:hover .button-ico {
    left: 58px;
}

button.info-btn-s:hover .button-ico {
    left: 70px;
}

button.info-btn-e:hover .button-ico {
    left: 45px;
}

button.info-btn:hover {
    width: 145px;
    height: 50px;
    padding-right: 40px;
}

button.info-btn-s:hover {
    width: 170px;
    height: 50px;
    padding-right: 40px;
}

button.info-btn-e:hover {
    width: 135px;
    height: 50px;
    padding-right: 55px;
}
/****************************** CENTRAR MAPA ESP ************************************/

.centrarMapaEsp {
    position: relative;
    left: 8vw !important;
    top: -0.65625px;
}

/****************************** INFORME GLOBAL DEKSTOP ************************************/

/*.diapoContenido {
    width: 800px;
}

.infoTitle {
    border-bottom: 4px solid;
    font-size: 2em;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.dispositivoInfo {
    width: 35%;
    height: 300px;
    float: left;
}*/


div.logout {
    display: inline-block;
    float: right;
}

    div.logout a {
        margin: 35px 0px;
        display: block;
        padding: 0px 5px;
        /*border-left: 1px solid #666;*/
        color: #666;
    }

        div.logout a:hover {
            color: var(--primary_color);
            text-decoration: underline;
        }

/****************************** MEDIA ************************************/

@media(max-width: 1800px) {
    .ButtonsContainer {
        width: 62%;
    }

    .cabecerapeque {
        padding: 0 7px;
    }

    .modalVer-wrapper {
        width: 81%;
        margin-left: 9%;
    }
}

@media(max-width: 1700px) {

    .modalVer-wrapper {
        width: 85%;
        margin-left: 7%;
    }

    .DescripcionVerTouchPoint {
        width: 72%;
    }

    .cajaTablaResult {
        max-width: 1550px;
        overflow: auto;
    }
}

@media(max-width: 1600px) {

    .modalVer-wrapper {
        width: 85%;
        margin-left: 7%;
    }

    .DescripcionVerTouchPoint {
        width: 71.5%;
    }

    .DescripcionVerPersona {
        width: 72%;
    }

    .cajaTablaResult {
        max-width: 1450px;
        overflow: auto;
    }

    .cabecerapeque {
        padding: 0 7px;
    }

    .ButtonsContainer {
        width: 72%;
    }
}

@media(max-width: 1500px) {

    .DescripcionVerTouchPoint {
        width: 71%;
    }

    .DescripcionVerPersona {
        width: 70%;
    }

    .modal-wrapper {
        margin-top: 5%;
        width: 90%;
        margin-left: 5%;
    }

    .modalVer-wrapper {
        margin-top: 6%;
        width: 90%;
        margin-left: 5%;
    }

    .cajaTablaResult {
        max-width: 1350px;
        overflow: auto;
    }

    .cabecerapeque {
        padding: 0 7px;
    }

    .ButtonsContainer {
        width: 72%;
    }

    .cajaformulariopeque {
        margin-right: 25px;
    }

    .cajaformulariopequeFechas {
        margin-top: 10px
    }
}

@media(max-width: 1400px) {

    .DescripcionVerTouchPoint {
        width: 70%;
    }

    .cajaTablaResult {
        max-width: 1250px;
        overflow: auto;
    }

    .DescripcionVerPersona {
        width: 70%;
    }

    .CustomerNuevaPersona {
        width: 54%;
    }

    .modal-wrapper {
        margin-top: 5%;
        width: 95%;
        margin-left: 2%;
    }

    .DescripcionTouchPoint {
        width: 70%;
    }

    .MenuBoton_icono {
        padding: 0px 5px;
    }
}

@media(max-width: 1350px) {
    .cuerpo85 {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 200px;
    }
}

@media(max-width: 1300px) {

    .DescripcionVerTouchPoint {
        width: 70.5%;
    }

    .DescripcionVerPersona {
        width: 68%;
    }

    .DescripcionNuevaPersona {
        width: 71%;
    }

    .cajaTablaResult {
        max-width: 1150px;
        overflow: auto;
    }

    .modal-wrapper {
        margin-top: 5%;
        width: 98%;
        margin-left: 1%;
    }

    .DescripcionTouchPoint {
        width: 70%;
    }

    .ButtonsContainer {
        width: 82%;
    }

    .cuerpo85 {
        width: 90%;
    }
}

@media(max-width: 1280px) {

    .DescripcionNuevaPersona {
        width: 71%;
    }

    .DescripcionVerTouchPoint {
        width: 70%;
    }

    .cajaTablaResult {
        max-width: 1150px;
        overflow: auto;
    }

    span.namepersona, span.edadpersona, span.titlepersona {
        font-size: 16px;
    }

    .cabecerapeque {
        padding: 0px 5px;
    }

    .margenicono {
        margin-right: 10px;
    }

    .ButtonsContainer {
        width: 80%;
    }

    .cajaEvalLLamadas2 {
        margin-right: 0px !important;
    }
}

@media(max-width: 1200px) {

    .logo {
        padding: 0 5px;
    }

        .logo img {
            width: 120px;
        }


    .userMenuIcono {
        margin: 0 10px;
    }

    .divmenu {
        height: auto;
    }

    .DescripcionNuevaPersona {
        width: 71%;
    }

    .DescripcionVerTouchPoint {
        width: 69.5%;
    }

    .DescripcionVerPersona {
        width: 69%;
    }

    .cajaTablaResult {
        max-width: 1000px;
        overflow: auto;
    }

    .cabecerapeque {
        padding: 0px 5px;
    }

    .margenicono {
        margin-right: 10px;
    }

    .cajaEvalLLamadas2 {
        margin-right: 0px !important;
    }

    .ButtonsContainer {
        width: 95%;
    }

    .cuerpo85 {
        width: 95%;
    }

    /*BOOTSTRAP 1200 MVP*/

    .logo_eAlicia img {
        width: 200px;
    }
}

@media(max-width: 1150px) {
}

@media(max-width: 1150px) {

    .DescripcionNuevaPersona {
        width: 71%;
    }

    .DescripcionVerPersona {
        width: 69%;
    }

    .DescripcionVerTouchPoint {
        width: 68%;
    }

    .ButtonsContainer {
        width: 95%;
    }
}

@media(max-width: 1100px) {

    .userMenuTxt {
        display: none;
    }

    .userMenuIcono {
        font-size: 40px;
        margin: 0 15px;
    }

    .userMenuTxtResponsive {
        /*display: block;*/
    }

    .divBenchmark {
        width: 85%;
        margin: 0 auto;
    }

    .DescripcionNuevaPersona {
        width: 71%;
    }

    .DescripcionVerPersona {
        width: 69%;
    }

    .DescripcionVerTouchPoint {
        width: 68%;
    }

    .modalVer-wrapper {
        width: 95%;
        margin-left: 2%;
    }

    .cabecerapeque {
        padding: 0px 5px;
    }

    .margenicono {
        margin-right: 10px;
    }

    .cajaEvalLLamadas2 {
        margin-right: 0px !important;
    }

    .ButtonsContainer {
        width: 90%;
    }

    .evaluacionCajaPeque {
        flex-direction: column;
    }

    .evaluacionCajaPequeTtl {
        margin-bottom: 5px;
    }
}

@media(max-width: 1050px) {

    .cajaSeleccion {
        height: 90px;
        margin-bottom: 20px;
    }

    .selecIcon {
        margin-top: 10px;
    }

    .DescripcionNuevaPersona {
        width: 71%;
    }

    .DescripcionVerPersona {
        width: 69%;
    }

    .DescripcionVerTouchPoint {
        width: 67.5%;
    }

    .cajaTablaResult {
        max-width: 900px;
        overflow: auto;
    }

    .centerdiv, .cabecera_top, #MenuStatic, #cuerpo, .breadcr {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .Cabecera_ealicia_Con_Cliente {
        margin-left: 15%
    }

    .cajaformulariomediano {
        height: auto;
    }

    .mnuItem, a.mnuItem, a.mnuItem:hover, .mnuItem:hover {
        width: 110px !important;
        font-size: 10px !important;
    }

    .footer {
        width: auto;
        padding: 15px 10px;
    }

    .homeButtonContainer {
        width: 100%;
        padding: 15px 0;
        margin: 0;
    }

        .homeButtonContainer .homeButtonContainerTitle {
            font-size: 25px !important;
            width: 100%;
            float: none;
            padding: 0;
            margin-bottom: 20px;
        }

        .homeButtonContainer .homeButtonContainerButtons {
            float: none;
            width: 100%;
            height: 150px;
            border-left: none;
            padding-left: 0;
            margin-left: 0;
            border-bottom: 1px solid;
        }

            .homeButtonContainer .homeButtonContainerButtons .homeButton {
                margin: 0 20px 0 0;
            }

    .showMenu {
        display: block;
    }

    /*.hideMenu {
        display: block;
    }*/
}

@media(max-width: 1000px) {

    .ListCheckNuevaPersona {
        height: 265px;
    }

    .CustomerNuevaPersona {
        width: 96%;
    }

    .EditablesNuevaPersona {
        width: 96%;
    }

    .DescripcionNuevaPersona {
        width: 71%;
        overflow: auto;
    }

    .DescripcionVerPersona {
        width: 68.5%;
    }

    .DescripcionVerTouchPoint {
        width: 67.5%;
    }

    .InicioMenuGeneral_nav {
        width: 250px;
        height: 800px;
        text-align: center;
        position: absolute;
        margin-top: 100px;
        background: #fafafa;
        overflow: auto;
        padding-top: 15px;
        -webkit-box-shadow: inset 2px 0px 8px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 2px 0px 8px rgba(0,0,0,0.2);
        box-shadow: inset 2px 0px 8px rgba(0,0,0,0.2);
    }

    .InicioMenuGeneral_navCaja {
        width: auto;
        height: auto;
        float: none;
    }

    .MenuBoton_icono span {
        font-size: 20px;
        color: #666;
    }

    .menuInicioPrincipal, .MenuInicioSegundo, .MenuInicioSegundoContent, .MenuInicioTercero, .MenuInicioTerceroContent {
        float: none;
        display: none;
        height: auto;
        width: auto;
    }

    .MenuBoton_icono {
        width: auto;
        min-width: inherit;
        max-width: inherit;
        cursor: pointer;
        border-bottom: 2px solid #fff;
        height: auto;
        background: transparent;
        float: none;
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: center;
        padding: 0 10px 10px 10px;
        margin-bottom: 15px;
    }

        .MenuBoton_icono:hover {
            border-bottom: 2px solid var(--primary_color);
        }

    .activoBotonMenu .MenuBoton_icono {
        border-bottom: 2px solid var(--primary_color);
    }

    .showMenu {
        display: block;
    }

    .hideMenu {
        display: none;
    }

    .menu {
        display: block;
    }

    .MenuBoton_icono i {
        font-size: 20px;
        margin: 0 15px 0 0;
    }

    .flechaBackInicio, .flechaBacksegundo {
        float: none;
        width: auto;
        height: auto;
        line-height: initial;
        font-size: 30px;
        border-bottom: 1px solid #666;
        padding: 0 10px 10px 10px;
        cursor: pointer;
        display: none;
        text-align: left;
        margin-bottom: 15px;
    }

    /*.userMenuTxt {
        display: block;
    }

    .userMenuTxtResponsive {
        display: none;
    }*/

    .supportW-m {
        display: none;
    }
}

/*ADAPTAR BOOTSTRAP 992*/

@media(max-width: 992px) {

    /*MENU*/

    .InicioMenuGeneral, .user, .userMenu, .userMenuIcono {
        height: 90px;
    }

    .userMenuIcono {
        font-size: 40px;
        /*line-height: 100px;*/
        line-height: 93px;
    }

    .logo_eAlicia {
        text-align: center;
    }

        .logo_eAlicia img {
            width: 150px;
            margin-top: 25px;
        }
}

@media(max-width: 950px) {

    .ListCheckNuevaPersona {
        height: 265px;
    }

    .CustomerNuevaPersona {
        width: 96%;
    }

    .EditablesNuevaPersona {
        width: 96%;
    }

    .DescripcionNuevaPersona {
        width: 70%;
        overflow: auto;
    }

    .DescripcionVerPersona {
        width: 67%;
    }

    .DescripcionVerTouchPoint {
        width: 65%;
    }

    .imgNameVerTouchPoint {
        width: 23%;
    }

    .DescripcionTouchPoint {
        width: 68%;
    }

    .cabecerapeque {
        padding: 0px 5px;
    }

    .margenicono {
        margin-right: 10px;
    }

    #MenuStatic {
        margin-left: 0;
    }

    .centerdiv, .cabecera_top, #MenuStatic, #cuerpo, .breadcr {
        width: auto;
    }

    .Cabecera_ealicia {
        margin-left: 20%;
    }

    .Cabecera_ealicia_Con_Cliente {
        margin-left: 15%;
    }

    .homeButtonContainer {
        width: 100%;
        padding: 15px 0;
        margin: 0;
    }

        .homeButtonContainer .homeButtonContainerTitle {
            font-size: 25px !important;
            width: 100%;
            float: none;
            padding: 0;
            margin-bottom: 20px;
        }

        .homeButtonContainer .homeButtonContainerButtons {
            float: none;
            width: 100%;
            height: 150px;
            border-left: none;
            padding-left: 0;
            margin-left: 0;
            border-bottom: 1px solid;
        }

            .homeButtonContainer .homeButtonContainerButtons .homeButton {
                margin: 0 20px 0 0;
            }

    .cajaEvalNew {
        width: auto;
    }
}

@media(max-width: 900px) {

    .ListCheckNuevaPersona {
        height: 265px;
    }

    .CustomerNuevaPersona {
        width: 96%;
    }

    .EditablesNuevaPersona {
        width: 96%;
    }

    .DescripcionVerPersona {
        width: 67%;
    }

    .DescripcionVerTouchPoint {
        width: 67.5%;
    }

    .DescripcionNuevaPersona {
        width: 70%;
        overflow: auto;
    }

    .headerMedidor {
        width: 90%;
        margin: 0 5%;
    }

    .botoneraMessages {
        top: 65%;
    }
}

@media(max-width: 875px) {
    #cuerpo {
        min-height: calc(100vh - 139px);
    }
}

@media(max-width: 850px) {

    .ListCheckNuevaPersona {
        height: 265px;
    }

    .CustomerNuevaPersona {
        width: 96%;
    }

    .EditablesNuevaPersona {
        width: 96%;
    }

    .DescripcionNuevaPersona {
        width: 69%;
        overflow: auto;
    }

    .DescripcionVerTouchPoint {
        width: 60%;
    }

    .DescripcionTouchPoint {
        width: 65%;
    }

    .cajaTablaResult {
        max-width: 700px;
        overflow: auto;
    }

    .cabecerapeque {
        padding: 0px 5px;
    }

    .margenicono {
        margin-right: 10px;
    }

    #MenuStatic {
        top: -7px;
    }

    .Cabecera_idioma {
        position: relative;
        width: auto;
        margin-right: 0px;
    }

    .float-left {
        width: 100%;
    }

    .total_wrapper {
        min-width: 800px;
    }

    .Cabecera_salir {
        margin-top: 0;
        width: auto;
        margin-right: 0;
    }

    .centerdiv, .cabecera_top {
        width: auto;
    }

    .Cabecera_ealicia {
        margin-left: 15%;
    }

    .Cabecera_ealicia_Con_Cliente {
        margin-left: 10%;
    }

    .evaluacionCajaGrande {
        flex-direction: column;
    }

    .evaluacionCajaPeque {
        flex-direction: row;
    }
}

@media(max-width: 800px) {

    .DescripcionNuevaPersona {
        width: 71%;
    }

    .DescripcionVerPersona {
        width: 69%;
    }

    .DescripcionVerTouchPoint {
        width: 67.5%;
    }

    .menuBar {
        display: block;
    }

    #cuerpo {
        width: auto;
        padding: 0 20px;
    }

    .cuerpo70, .cuerpo75, .cuerpo80, .cuerpo85, .cuerpo90, .cuerpo95 {
        width: 100%;
    }

    /*#footer {
        height: 240px;
        width: 100%;
    }*/

    #footer span {
        font-size: 15px;
        line-height: 25px;
    }

        #footer span:hover {
            text-decoration: underline;
        }

    .footer {
        width: auto;
        padding: 20px;
        height: 270px;
    }

    .logo_blanco {
        float: none;
    }

    .tlfn {
        float: none;
        border-right: none;
        margin-right: 0;
        padding-right: 0;
        margin-top: 20px;
        margin-bottom: 10px;
    }

        .tlfn i {
            font-size: 20px;
        }

    .mail {
        margin-top: 10px;
        float: none;
        margin-right: 50px;
    }

    .contact {
        height: auto;
        margin-bottom: 15px;
    }

    .quality {
        float: none;
        border-right: none;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .Version {
        color: #e2e2e2;
        margin-bottom: 0;
        font-weight: normal;
        text-align: left;
    }

        .Version a {
            margin-left: 0;
        }

    .homeButtonContainer {
        width: 100%;
        padding: 15px 0;
        margin: 0;
    }

        .homeButtonContainer .homeButtonContainerTitle {
            font-size: 25px !important;
            width: 100%;
            float: none;
            padding: 0;
            margin-bottom: 20px;
        }

        .homeButtonContainer .homeButtonContainerButtons {
            float: none;
            width: 100%;
            height: 105px;
            border-left: none;
            padding-left: 0;
            margin-left: 0;
            border-bottom: 1px solid;
            padding-bottom: 25px;
        }

            .homeButtonContainer .homeButtonContainerButtons .homeButton {
                margin: 0 20px 0 0;
                padding: 20px 5px;
            }
}

@media(max-width: 750px) {

    .homeButtonContainer {
        width: auto;
        padding: 15px 0;
    }

        .homeButtonContainer .homeButtonContainerTitle {
            font-size: 25px !important;
            width: 100%;
            float: none;
            padding: 0;
        }

        .homeButtonContainer .homeButtonContainerButtons {
            float: none;
            width: 100%;
            height: 290px;
            border-left: none;
            padding-left: 0;
            margin-left: 0;
            border-bottom: 1px solid;
        }

            .homeButtonContainer .homeButtonContainerButtons .homeButton {
                height: auto !important;
                width: 100% !important;
                font-size: 17px !important;
                padding: 5px 0;
                margin: 20px 0 0 0;
                text-align: left;
                line-height: 55px;
            }
}

@media(max-width: 700px) {

    .homeButtonContainer {
        width: auto;
        padding: 15px 0;
    }

        .homeButtonContainer .homeButtonContainerTitle {
            font-size: 25px !important;
            width: 100%;
            float: none;
            padding: 0;
        }

        .homeButtonContainer .homeButtonContainerButtons {
            float: none;
            width: 100%;
            height: 290px;
            border-left: none;
            padding-left: 0;
            margin-left: 0;
            border-bottom: 1px solid;
        }

            .homeButtonContainer .homeButtonContainerButtons .homeButton {
                height: auto !important;
                width: 100% !important;
                font-size: 17px !important;
                padding: 5px 0;
                margin: 20px 0 0 0;
                text-align: left;
                line-height: 55px;
            }

    #cuerpo {
        min-height: calc(100vh - 150px);
    }
}

@media(max-width: 650px) {

    #cuerpo {
        min-height: calc(100vh - 150px);
    }

    .homeButtonContainer {
        width: auto;
        padding: 15px 0;
    }

        .homeButtonContainer .homeButtonContainerTitle {
            font-size: 25px !important;
            width: 100%;
            float: none;
            padding: 0;
        }

        .homeButtonContainer .homeButtonContainerButtons {
            float: none;
            width: 100%;
            height: 290px;
            border-left: none;
            padding-left: 0;
            margin-left: 0;
            border-bottom: 1px solid;
        }

            .homeButtonContainer .homeButtonContainerButtons .homeButton {
                height: auto !important;
                width: 100% !important;
                font-size: 17px !important;
                padding: 5px 0;
                margin: 20px 0 0 0;
                text-align: left;
                line-height: 55px;
            }

    .modalPopupMedidor {
        width: 90%;
        left: 5% !important;
    }

    .rowMedidor_titulo {
        float: left;
        width: 100%;
        margin-right: 0px;
    }

    .rowMedidor_texto {
        float: left;
        width: 100%;
    }
}

@media(max-width: 600px) {

    .homeButtonContainer {
        width: auto;
        padding: 15px 0;
    }

        .homeButtonContainer .homeButtonContainerTitle {
            font-size: 25px !important;
            width: 100%;
            float: none;
            padding: 0;
        }

        .homeButtonContainer .homeButtonContainerButtons {
            float: none;
            width: 100%;
            height: 290px;
            border-left: none;
            padding-left: 0;
            margin-left: 0;
            border-bottom: 1px solid;
        }

            .homeButtonContainer .homeButtonContainerButtons .homeButton {
                height: auto !important;
                width: 100% !important;
                font-size: 17px !important;
                padding: 5px 0;
                margin: 20px 0 0 0;
                text-align: left;
                line-height: 55px;
            }
}

/**************************************** MEDIA HEIGHT POPUPS **********************************/

@media (max-height: 900px) {

    /******************** EDITAR PERSONA ********************/

    .modal-wrapper {
        margin-top: 4%;
    }

    .modalBodyPersona {
        height: 665px;
    }

    .ImgDatosNuevaPersona {
        height: 625px;
    }

    .DescripcionNuevaPersona {
        height: 625px;
        overflow: auto;
    }

    /******************** EDITAR TOUCHPOINT ********************/

    .modalBodyTouchPoint {
        height: 700px;
    }

    .imgNameTouchPoint {
        height: 660px;
        overflow: auto;
    }

    .DescripcionTouchPoint {
        height: 660px;
        overflow: auto;
    }
}

@media (max-height: 850px) {

    /******************** VER PERSONA ********************/

    .modalVer-wrapper {
        margin-top: 6%;
    }

    .modalBodyVerPersona {
        height: 600px;
    }

    .ImgDatosVerPersona {
        height: 560px;
    }

    .DescripcionVerPersona {
        height: 560px;
    }

    /******************** EDITAR PERSONA ********************/

    .modal-wrapper {
        margin-top: 4%;
    }

    .modalBodyPersona {
        height: 665px;
    }

    .ImgDatosNuevaPersona {
        height: 625px;
    }

    .DescripcionNuevaPersona {
        height: 625px;
        overflow: auto;
    }

    /********************** VER TOUCHPOINT *************************/

    .modalBodyVerTouchPoint {
        height: 630px;
    }

    .imgNameVerTouchPoint {
        height: 590px;
    }

    .DescripcionVerTouchPoint {
        height: 590px;
    }

    /******************** EDITAR TOUCHPOINT ********************/

    .modalBodyTouchPoint {
        height: 670px;
    }

    .imgNameTouchPoint {
        height: 630px;
        overflow: auto;
    }

    .DescripcionTouchPoint {
        height: 630px;
        overflow: auto;
    }
}

@media (max-height: 800px) {


    /******************** VER PERSONA ********************/

    .modalVer-wrapper {
        margin-top: 4%;
    }

    .modalBodyVerPersona {
        height: 600px;
    }

    .ImgDatosVerPersona {
        height: 560px;
    }

    .DescripcionVerPersona {
        height: 560px;
    }

    /******************** EDITAR PERSONA ********************/

    .modal-wrapper {
        margin-top: 3.5%;
    }

    .modalBodyPersona {
        height: 630px;
    }

    .ImgDatosNuevaPersona {
        height: 590px;
    }

    .DescripcionNuevaPersona {
        height: 590px;
        overflow: auto;
    }

    /********************** VER TOUCHPOINT *************************/

    .modalBodyVerTouchPoint {
        height: 630px;
    }

    .imgNameVerTouchPoint {
        height: 590px;
    }

    .DescripcionVerTouchPoint {
        height: 590px;
    }

    /******************** EDITAR TOUCHPOINT ********************/

    .modalBodyTouchPoint {
        height: 645px;
    }

    .imgNameTouchPoint {
        height: 605px;
        overflow: auto;
    }

    .DescripcionTouchPoint {
        height: 605px;
        overflow: auto;
    }
}

@media (max-height: 750px) {

    /****************** VER PERSONA **********************/

    .modalVer-wrapper {
        margin-top: 4%;
    }

    .modalBodyVerPersona {
        height: 600px;
    }

    .ImgDatosVerPersona {
        height: 560px;
    }

    .DescripcionVerPersona {
        height: 560px;
    }

    /******************** EDITAR PERSONA ********************/

    .modal-wrapper {
        margin-top: 3%;
    }

    .modalBodyPersona {
        height: 585px;
    }

    .ImgDatosNuevaPersona {
        height: 545px;
        overflow: auto;
    }

    .DescripcionNuevaPersona {
        height: 545px;
        overflow: auto;
    }

    /********************** VER TOUCHPOINT *************************/

    .modalBodyVerTouchPoint {
        height: 590px;
    }

    .imgNameVerTouchPoint {
        height: 550px;
    }

    .DescripcionVerTouchPoint {
        height: 550px;
    }

    /******************** EDITAR TOUCHPOINT ********************/

    .modalBodyTouchPoint {
        height: 590px;
    }

    .imgNameTouchPoint {
        height: 550px;
        overflow: auto;
    }

    .DescripcionTouchPoint {
        height: 550px;
        overflow: auto;
    }
}

@media (max-height: 700px) {


    /****************** VER PERSONA **********************/

    .modalVer-wrapper {
        margin-top: 2%;
    }

    .modalBodyVerPersona {
        height: 565px;
    }

    .ImgDatosVerPersona {
        height: 525px;
    }

    .DescripcionVerPersona {
        height: 560px;
    }

    /******************** EDITAR PERSONA ********************/

    .modal-wrapper {
        margin-top: 2.5%;
    }

    .modalBodyPersona {
        height: 555px;
    }

    .ImgDatosNuevaPersona {
        height: 515px;
        overflow: auto;
    }

    .DescripcionNuevaPersona {
        height: 515px;
        overflow: auto;
    }

    /********************** VER TOUCHPOINT *************************/

    .modalBodyVerTouchPoint {
        height: 555px;
    }

    .imgNameVerTouchPoint {
        height: 515px;
    }

    .DescripcionVerTouchPoint {
        height: 515px;
    }

    /******************** EDITAR TOUCHPOINT ********************/

    .modalBodyTouchPoint {
        height: 555px;
    }

    .imgNameTouchPoint {
        height: 515px;
        overflow: auto;
    }

    .DescripcionTouchPoint {
        height: 515px;
        overflow: auto;
    }
}

@media (max-height: 650px) {

    /****************** VER PERSONA **********************/

    .modalVer-wrapper {
        margin-top: 3%;
    }

    .modalBodyVerPersona {
        height: 510px;
    }

    .ImgDatosVerPersona {
        height: 470px;
    }

    .DescripcionVerPersona {
        height: 470px;
    }

    /******************** EDITAR PERSONA ********************/

    .modal-wrapper {
        margin-top: 2.5%;
    }

    .modalBodyPersona {
        height: 510px;
    }

    .ImgDatosNuevaPersona {
        height: 470px;
        overflow: auto;
    }

    .DescripcionNuevaPersona {
        height: 470px;
        overflow: auto;
    }

    /********************** VER TOUCHPOINT *************************/

    .modalBodyVerTouchPoint {
        height: 505px;
    }

    .imgNameVerTouchPoint {
        height: 465px;
    }

    .DescripcionVerTouchPoint {
        height: 465px;
    }

    /******************** EDITAR TOUCHPOINT ********************/

    .modalBodyTouchPoint {
        height: 500px;
    }

    .imgNameTouchPoint {
        height: 460px;
        overflow: auto;
    }

    .DescripcionTouchPoint {
        height: 460px;
        overflow: auto;
    }
}

@media (max-height: 600px) {

    /****************** VER PERSONA **********************/

    .modalVer-wrapper {
        margin-top: 2.5%;
    }

    .modalBodyVerPersona {
        height: 475px;
    }

    .ImgDatosVerPersona {
        height: 435px;
        overflow: auto;
    }

    .DescripcionVerPersona {
        height: 435px;
    }

    /******************** EDITAR PERSONA ********************/

    .modal-wrapper {
        margin-top: 2.5%;
    }

    .modalBodyPersona {
        height: 455px;
    }

    .ImgDatosNuevaPersona {
        height: 415px;
        overflow: auto;
    }

    .DescripcionNuevaPersona {
        height: 415px;
        overflow: auto;
    }

    /********************** VER TOUCHPOINT *************************/

    .modalBodyVerTouchPoint {
        height: 460px;
    }

    .imgNameVerTouchPoint {
        height: 420px;
        overflow: auto;
    }

    .DescripcionVerTouchPoint {
        height: 420px;
    }

    /******************** EDITAR TOUCHPOINT ********************/

    .modalBodyTouchPoint {
        height: 460px;
    }

    .imgNameTouchPoint {
        height: 420px;
        overflow: auto;
    }

    .DescripcionTouchPoint {
        height: 420px;
        overflow: auto;
    }
}

@media (max-height: 550px) {

    /****************** VER PERSONA **********************/

    .modalVer-wrapper {
        margin-top: 3%;
    }

    .modalBodyVerPersona {
        height: 420px;
    }

    .ImgDatosVerPersona {
        height: 380px;
        overflow: auto;
    }

    .DescripcionVerPersona {
        height: 380px;
    }

    /******************** EDITAR PERSONA ********************/

    .modal-wrapper {
        margin-top: 1.5%;
    }

    .modalBodyPersona {
        height: 430px;
    }

    .ImgDatosNuevaPersona {
        height: 390px;
        overflow: auto;
    }

    .DescripcionNuevaPersona {
        height: 390px;
        overflow: auto;
    }

    /********************** VER TOUCHPOINT *************************/

    .modalBodyVerTouchPoint {
        height: 415px;
    }

    .imgNameVerTouchPoint {
        height: 375px;
        overflow: auto;
    }

    .DescripcionVerTouchPoint {
        height: 375px;
    }

    /******************** EDITAR TOUCHPOINT ********************/

    .modalBodyTouchPoint {
        height: 415px;
    }

    .imgNameTouchPoint {
        height: 375px;
        overflow: auto;
    }

    .DescripcionTouchPoint {
        height: 375px;
        overflow: auto;
    }
}

@media (max-height: 500px) {

    .inforRes {
        zoom: 0.5;
    }

    /****************** VER PERSONA **********************/

    .modalVer-wrapper {
        margin-top: 1%;
    }

    .modalBodyVerPersona {
        height: 420px;
    }

    .ImgDatosVerPersona {
        height: 380px;
    }

    .DescripcionVerPersona {
        height: 380px;
    }

    /******************** EDITAR PERSONA ********************/

    .modal-wrapper {
        margin-top: 1.5%;
    }

    .modalBodyPersona {
        height: 390px;
    }

    .ImgDatosNuevaPersona {
        height: 350px;
        overflow: auto;
    }

    .DescripcionNuevaPersona {
        height: 350px;
        overflow: auto;
    }

    /********************** VER TOUCHPOINT *************************/

    .modalBodyVerTouchPoint {
        height: 395px;
    }

    .imgNameVerTouchPoint {
        height: 355px;
        overflow: auto;
    }

    .DescripcionVerTouchPoint {
        height: 355px;
    }

    /******************** EDITAR TOUCHPOINT ********************/

    .modalBodyTouchPoint {
        height: 395px;
    }

    .imgNameTouchPoint {
        height: 355px;
        overflow: auto;
    }

    .DescripcionTouchPoint {
        height: 355px;
        overflow: auto;
    }

    .user {
        float: none;
        height: 100px;
    }

    .checkTypeQuestion {
        height: auto;
    }
}