body {
    padding-top: 80px;
    height: 100%;
}

.card-container.card {
    max-width: 350px;
    padding: 40px 40px;
}

.btn {
    font-weight: 300;
    height: 44px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

/*
 * Card component
 */
.card {
    background-color: #233440;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 20px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.card-faq {
    background-color: #233440;
    /* just in case there no content*/
    padding: 20px 15px 20px 15px !important;
    margin: 0 auto 25px;
    margin-top: 20px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.card-header {

}

    .card-header, .card-header:hover, .card-header:active, .card-header:visited, .card-header:focus {
        text-decoration: none !important;
    }

.btn-faq, .btn-faq:hover, .btn-faq:active, .btn-faq:visited, .btn-faq:focus {
    text-decoration: none !important;
    color: inherit;
}

.btn-faq {
    white-space: normal !important;
    font-size: 20px;
    /* font-family: Helvetica; */
    /* text-transform: uppercase; */
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500 !important;
    line-height: 1.1;
    color: inherit;
    text-decoration: none;
    text-align:left;
}

.btn-faq:hover{
    cursor: pointer;
}


.card-body {
    padding: 25px 15px 15px;
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 18px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 18px rgb(104, 145, 162);
}

.btn.btn-signin {
    /*background-color: #4d90fe; */
    /*background-color: rgb(104, 145, 162);*/
    /* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
    padding: 0px;
    font-weight: 700;
    font-size: 16px;
    height: 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}

    .btn.btn-signin:hover,
    .btn.btn-signin:active,
    .forgot-password {
        color: rgb(104, 145, 162);
    }

        .forgot-password:hover,
        .forgot-password:active,
        .forgot-password:focus {
            color: rgb(12, 97, 33);
        }

.chrono {
    width: 100%;
    background: #eee;
    padding: 5px;
    border: 1px solid #222;
    margin-bottom: 5px;
}

.chrono-pause {
    width: 100%;
    margin: auto;
    background: #eae622;
    padding: 10px;
    border: 1px solid #222;
    margin-bottom: 5px;
}

.chrono-container {
    display: flex;
    text-align: center;
}

    .chrono-container div {
        flex-direction: column;
        padding: 0px;
        width: 100%;
        text-align: center;
        font-size: 1.6em;
    }

.chrono-start {
    border-radius: 2px;
    padding: 10px;
    display: block;
    width: 100%;
    font-size: 1em;
    border: 1px solid #222;
    background: #222;
    color: #eee;
    cursor: pointer;
}

    .chrono-start:hover {
        background: #333;
        color: #eee;
    }

.contenedor-tabla {
    display: table;
    width: 100%;
}

.contenedor-fila {
    display: table-row;
}

.contenedor-columna {
    display: table-cell;
    /*float:left;
    width:100%;*/
}

.contenedor-columna-cajaFeedback {
    display: table-cell;
    float: left;
    width: 100%;
}

#btnEditarFactor {
    display: none;
    padding: 0px;
    border: 0px;
    color: black;
    height: 6px;
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 5px;
}

.contenedor-columna-cajaFeedback:hover #btnEditarFactor {
    display: inline;
    position: relative;
}



.contenedor-columna-reloj {
    display: table-cell;
    font-size: 22px;
    font-weight: bold;
    background: #498ebe;
    color: white;
    vertical-align: middle;
    padding: 3px 15px 3px 15px;
}

.contenedor-columna-reloj-inferior {
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    /*background: #4ea5d9;*/
    background: #243540;
    color: white;
    padding: 0px 3px;
}

.contenedor-columna-pausa {
    display: table-cell;
    font-size: 22px;
    font-weight: bold;
    background: #eae622;
    color: black;
    vertical-align: middle;
    padding: 3px 15px 3px 15px;
}


table.game-container {
    border-collapse: collapse;
    /*border: 1px solid #fff;*/
    margin: 5px 5px 5px 0px;
}

    table.game-container td {
        border: 1px solid #63caef;
        cursor: pointer;
        height: 35px;
        width: 36px;
        min-width: 30px;
        text-align: center;
        font-size: 12px;
    }

        table.game-container td span {
            /*background:#eee;*/
            /*display:block;*/
            width: 100%;
            height: 100%;
            line-height: 15px;
        }


#chat {
    background-color: #eee;
    margin: 20px auto 0;
    width: 400px;
}

    #chat #header-chat {
        background-color: #555;
        color: white;
        padding: 10px;
        text-align: center;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    }

#caja-mensaje {
    /*background-color: #3c4756;*/
    margin: 0 auto;
    /*padding: 10px;*/
    width: 100%;
}

    #caja-mensaje input {
        border: solid 1px #3c4756;
        outline: none;
        padding: 10px;
        width: 90%;
    }

    #caja-mensaje textarea {
        border: solid 1px #3c4756;
        outline: none;
        padding: 10px;
        width: 200px;
    }

    #caja-mensaje button {
        background-color: #498ebe;
        color: #fff;
        border: 2px solid #4c91bf;
        padding: 4px 8px;
        border-radius: 4px;
    }

        #caja-mensaje button:hover {
            color: #ffffff;
            background-color: #4c91bf; /*#2D668D;*/
            border-color: #1e2023;
        }

/*input[type='range'] {
    display: block;
    border-radius: 10px;
    background: linear-gradient(90deg, white 40%,rgb(49,70,85) 0%);
}
    
    input[type='range']:focus {
        outline: none;
    }

    input[type='range'],
    input[type='range']::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        height: 8px;
        width:100%; 
        margin-top: initial;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        background-color:white;
    }

        input[type='range']:disabled::-webkit-slider-runnable-track {
            -webkit-appearance: none;
            height: 8px;
            width: 100%;
            margin-top: initial;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            background: linear-gradient(90deg, white 0%,rgb(49,70,85) 0%);
        }

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: white;
    width: 18px;
    height: 18px;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    margin-top: -5px;
}*/

.slider:disabled {
    -webkit-appearance: none !important;
    width: 100% !important;
    height: 12px !important;
    background-color: rgb(49,70,85) !important;
    outline: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

    .slider:disabled::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 12px !important;
        height: 12px !important;
        background: white !important;
        border-radius: 50% !important;
        box-shadow: -1907px 0 0 1900px white !important;
        overflow: visible !important;
        border: 2px solid #7f8c96 !important;
    }

    .slider:disabled::-moz-range-thumb {
        width: 12px !important;
        height: 12px !important;
        background: white !important;
        border-radius: 50% !important;
        box-shadow: -1907px 0 0 1900px white !important;
        overflow: visible !important;
        border: 2px solid #7f8c96 !important;
    }
/*
input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background-color: blue;
}

input[type=range]:-moz-range-progress {
    background-color: blue;
    
}


input[type=range]:-moz-range-thumb {
    background-color: #777;
    width: 15px;
    height: 15px;
    border: 3px solid #333;
    border-radius: 50%;
}

input[type=range]::-ms-thumb {
    background-color: #777;
    width: 20px;
    height: 20px;
    border: 3px solid #333;
    border-radius: 50%;
}
/*
input[type=range]::-webkit-slider-runnable-track {
    background-color: white;
    height: 10px;
}

input[type=range]::-webkit-progress-bar {
    background-color: white;
    height: 10px;
}/

input[type=range]:focus::-webkit-slider-runnable-track {
    outline: none;
}

input[type=range]:-moz-range-track {
    background-color: #777;
    height: 3px;
}

input[type=range]::-ms-track {
    background-color: #777;
    height: 3px;
}

input[type=range]::-ms-fill-lower {
    background-color: HotPink
}

input[type=range]::-ms-fill-upper {
    background-color: black;
}*/


/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: visible;
      -webkit-appearance: media-sliderthumb;
      background-color: #9a905d;
    }

        input[type='range']::-webkit-slider-runnable-track {
            height: 10px;
            -webkit-appearance: none;
            color: red;*/
            /*background: red;
            background-color:red;*/
            /*margin-top: -1px;
            width: 100%;
        }
    
    input[type='range']::-webkit-slider-thumb {
      width: 15px;
      -webkit-appearance: none;
      height: 15px;
      cursor: ew-resize;
      background: white;
      box-shadow: -80px 0 0 80px #43e5f7;
    }

}*/


@media (min-width:1400px) {
    #caja-mensaje {
        /*background-color: #3c4756;*/
        margin: 0 auto;
        /*padding: 10px;*/
        width: 100%;
    }

        #caja-mensaje input {
            border: solid 1px #3c4756;
            outline: none;
            padding: 10px;
            width: 240px;
        }

        #caja-mensaje textarea {
            border: solid 1px #3c4756;
            outline: none;
            padding: 10px;
            width: 240px;
        }

        #caja-mensaje button {
            border: 2px solid #4c91bf;
            background-color: #498ebe;
            color: white;
            font-size: 14px;
            padding: 4px 8px;
            border-radius: 4px;
            width: 240px;
        }

            #caja-mensaje button:hover {
                color: #ffffff;
                background-color: #4c91bf; /*#2D668D;*/
                border-color: #1e2023;
            }
}

.conversation-wrap {
    box-shadow: -2px 0 3px #ddd;
    padding: 0;
    overflow: auto;
}

.conversation {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

.message-wrap {
    box-shadow: 0 0 3px #ddd;
    padding: 0;
}

.msg {
    padding: 5px;
    /*border-bottom:1px solid #ddd;*/
    margin: 0;
}

.msg-wrap {
    padding: 15px;
    border-right: 1px solid;
}

#chat #mensajes {
    padding: 10px;
    height: 600px;
    width: 400px;
    overflow: hidden;
    overflow-y: scroll;
}

    #chat #mensajes .mensaje-autor {
        margin-bottom: 50px;
    }

        #chat #mensajes .mensaje-autor img, #chat #mensajes .mensaje-amigo img {
            display: inline-block;
            vertical-align: top;
        }

        #chat #mensajes .mensaje-autor .contenido {
            background-color: white;
            border-radius: 5px;
            box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
            display: inline-block;
            font-size: 13px;
            padding: 15px;
            vertical-align: top;
            width: 280px;
        }

        #chat #mensajes .mensaje-autor .fecha {
            color: #777;
            font-style: italic;
            font-size: 13px;
            text-align: right;
            margin-right: 35px;
            margin-top: 10px;
        }

        #chat #mensajes .mensaje-autor .flecha-izquierda {
            display: inline-block;
            margin-right: -6px;
            margin-top: 10px;
            width: 0;
            height: 0;
            border-top: 0px solid transparent;
            border-bottom: 15px solid transparent;
            border-right: 15px solid white;
        }

    #chat #mensajes .mensaje-amigo {
        margin-bottom: 50px;
    }

        #chat #mensajes .mensaje-amigo .contenido {
            background-color: #3990BF;
            border-radius: 5px;
            color: white;
            display: inline-block;
            font-size: 13px;
            padding: 15px;
            vertical-align: top;
            width: 280px;
        }

        #chat #mensajes .mensaje-amigo .flecha-derecha {
            display: inline-block;
            margin-left: -6px;
            margin-top: 10px;
            width: 0;
            height: 0;
            border-top: 0px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 15px solid #3990BF;
        }

        #chat #mensajes .mensaje-amigo img, #chat #mensajes .mensaje-autor img {
            border-radius: 5px;
        }

        #chat #mensajes .mensaje-amigo .fecha {
            color: #777;
            font-style: italic;
            font-size: 13px;
            text-align: left;
            margin-top: 10px;
        }

.caja-observaciones-abajo {
    position: fixed;
    bottom: 15px;
    min-height: 80px;
    width: 100%;
}




.caja-factores-evaluacion {
    display: table-cell;
    /*border-right-style: solid;*/
    /*padding-right: 25px;*/
    /*border-right-color: #eee;*/
}

.casilla-mensaje {
    margin-bottom: 5px;
    margin-right: 35px;
    border-radius: 4px;
    background: #e5e5e5;
    padding: 8px 8px 2px 8px;
    width: 100%;
    max-width: 205px;
    color: black;
}

    .casilla-mensaje:hover .editComentario {
        display: block;
        position: relative;
        text-align: right;
        padding-right: 5px;
        right: 10px;
    }

.casilla-tiempo {
    margin-bottom: 15px;
    margin-right: 35px;
    border-radius: 4px;
    background: #e5e5e5;
    padding: 10px;
    width: 100%;
    max-width: 205px;
}


@media(min-width:1400px) {

    .casilla-mensaje {
        margin-bottom: 5px;
        margin-right: 35px;
        border-radius: 4px;
        background: #e5e5e5;
        padding: 8px 8px 2px 8px;
        width: 100%;
        max-width: 235px;
        color: black;
    }

        .casilla-mensaje:hover .editComentario {
            display: block;
            position: relative;
            text-align: right;
            padding-right: 5px;
            right: 10px;
        }

    .casilla-tiempo {
        margin-bottom: 15px;
        margin-right: 35px;
        border-radius: 4px;
        background: #e5e5e5;
        padding: 10px;
        width: 100%;
        max-width: 235px;
    }
}

.rango-vertical {
    -webkit-appearance: slider-vertical;
    writing-mode: bt-lr;
    width: 10px;
    height: 100px;
    margin: 15px;
}

.estiloCajaMensajes {
    margin-left: -15px;
    margin-right: -15px;
    margin: 0 auto;
    height: 400px;
    overflow: auto;
    overflow-x: hidden;
}


@media(min-width:1100px) {
    .estiloCajaMensajes {
        margin-left: -15px;
        margin-right: -15px;
        margin: 0 auto;
        height: 425px;
        overflow: auto;
        overflow-x: hidden;
    }
}

@media(min-width:1400px) {
    .estiloCajaMensajes {
        margin-left: -15px;
        margin-right: -15px;
        margin: 0 auto;
        height: 500px;
        overflow: auto;
        overflow-x: hidden;
    }
}

/* Reporte */




/*#tablaReporte {
    border: 1px solid;
    display: table;
    width: 96%;
    padding: 2px 5px 2px 5px;
    margin-left: -15px;
}*/

.tablaReportePrincipal {
    /*border: 1px solid;*/
    display: table;
    width: 96%;
    padding: 2px 5px 2px 5px;
    margin-left: -15px;
}

.tabla-reporte {
    display: table;
    width: 100%;
    padding: 2px 5px 2px 5px;
}

.fila-reporte {
    display: table-row;
}

.columnacab-reporte {
    display: table-row;
    font-weight: bold;
    line-height: 25px;
}

.columna-reporte {
    display: table-cell;
    font-size: 14px;
}

.textoMigaja {
    color: #324656;
    font-size: 16px;
}

/* New styles RP */
.list-group.panel > .list-group-item {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.indicator {
    background-image: none;
    font-weight: bolder;
}

.grey {
    color: #727172;
}

.white {
    color: #ffffff;
}

.pink {
    color: #bc496c;
}

.purple {
    color: #691a66;
}

.green {
    color: #90a873;
}

.orange {
    color: #bf5953;
}

.yellow {
    color: #e5e96e;
}

.lightblue {
    color: #00A5E0;
}

.lila {
    color: #9B6699;
}

.verde {
    color: #1BC98E;
}

.rojo {
    color: #CE3F2E;
}

.amarillo {
    color: #E3E66E;
}


.bg-grey {
    background-color: #727172;
}

.bg-white {
    background-color: #ffffff;
}

.bg-pink {
    background-color: #bc496c;
}

.bg-purple {
    background-color: #691a66;
}

.bg-green {
    background-color: #90a873;
}

.bg-orange {
    background-color: #bf5953;
}

.bg-yellow {
    background-color: #e5e96e;
}

.bg-lightblue {
    background-color: #00A5E0;
}

.bg-lila {
    background-color: #9B6699;
}

.bg-verde {
    background-color: #1BC98E;
}

.bg-rojo {
    background-color: #CE3F2E;
}

.bg-amarillo {
    background-color: #E3E66E;
}




.bs-component {
    position: relative;
    margin: 0 0 10px;
}

    .bs-component p:first-child {
        margin: 0 0 3px 0;
    }

    .bs-component p:nth-child(2) {
        border-style: solid;
        border-width: thin;
    }



.controlesReloj {
    display: block;
    width: 100%;
    height: 26px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #272b30;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #000000;
    /*border-radius: 4px;*/
    -webkit-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-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .controlesReloj:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    }

    .controlesReloj::-moz-placeholder {
        color: #7a8288;
        opacity: 1;
    }

    .controlesReloj:-ms-input-placeholder {
        color: #7a8288;
    }

    .controlesReloj::-webkit-input-placeholder {
        color: #7a8288;
    }

    .controlesReloj::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .controlesReloj[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #C8C8C8;
        opacity: 1;
    }

    .controlesReloj[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed;
    }



/* Inicio de Estilos para timeline */


/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

    /* The actual timeline (the vertical ruler) */
    .timeline::after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: #4ea5d9;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }

/* Container around content */
.containerLineTime {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

    /* The circles on the timeline */
    .containerLineTime::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        right: -17px;
        background-color: white;
        border: 4px solid #4ea5d9;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }

/* Place the container to the left */
.leftLineTime {
    left: 0;
}

/* Place the container to the right */
.rightLineTime {
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.leftLineTime::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
    display: none;
}

/* Add arrows to the right container (pointing left) */
.rightLineTime::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
    display: none;
}

/* Fix the circle for containers on the right side */
.rightLineTime::after {
    left: -13px;
}

.leftLineTime::after {
    left: 97%;
}

/* The actual content */
.contentLineTime {
    padding: 20px 30px;
    background-color: #ddd;
    position: relative;
    /*border-radius: 6px;*/
    color: black;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .containerLineTime {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

        /* Make sure that all arrows are pointing leftwards */
        .containerLineTime::before {
            left: 60px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }

    /* Make sure all circles are at the same spot */
    .leftLineTime::after, .rightLineTime::after {
        left: 15px;
    }

    /* Make all right containers behave like the left ones */
    .rightLineTime {
        left: 0%;
    }
}

/* Fin de Estilos para timeline */


/*Estilo copia para el btn btn-link*/

.btnDashPC {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btnDashPC:focus, .btnDashPC:active:focus, .btnDashPC.active:focus, .btnDashPC.focus, .btnDashPC:active.focus, .btnDashPC.active.focus {
        /*outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;*/
        outline: 0;
        box-shadow: none;
    }

    .btnDashPC:hover, .btnDashPC:focus, .btnDashPC.focus {
        color: black;
        text-decoration: none;
    }

    .btnDashPC:active, .btnDashPC.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

    .btnDashPC.disabled, .btnDashPC[disabled], fieldset[disabled] .btnDashPC {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }


.btnDashPC-link {
    color: #c8c8c8;
    font-weight: normal;
    border-radius: 0;
}

    .btnDashPC-link, .btnDashPC-link:active, .btnDashPC-link.active, .btnDashPC-link[disabled], fieldset[disabled] .btnDashPC-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btnDashPC-link, .btnDashPC-link:hover, .btnDashPC-link:focus, .btnDashPC-link:active {
            border-color: transparent;
        }

            .btnDashPC-link:hover {
                color: black;
                background-color: #d3d1d1;
                padding: 0px 10px 1px 10px !important;
                /*text-decoration: underline;*/
            }

            .btnDashPC-link:focus {
                color: black;
                /*background-color: #d3d1d1;*/
                padding: 0px 10px 1px 10px !important;
                /*text-decoration: underline;*/
            }

            .btnDashPC-link[disabled]:hover, fieldset[disabled] .btnDashPC-link:hover, .btnDashPC-link[disabled]:focus, fieldset[disabled] .btnDashPC-link:focus {
                color: #7a8288;
                text-decoration: none
            }

.btnDashPC:hover .contenidoHoverPC {
    display: block;
    height: 85px;
    padding-top: 32px;
}

.btnDashPC:hover .icon-EQqi_PostCorp1 {
    display: none;
}

.btnDashPC:hover .icon-EQqi_PostCorp2 {
    display: none;
}

.btnDashPC:hover .icon-EQqi_PostCorp3 {
    display: none;
}

.btnDashPC:hover .icon-EQqi_PostCorp4 {
    display: none;
}

.btnDashPC:hover .icon-EQqi_PostCorp5 {
    display: none;
}

.btnDashPC:hover .icon-EQqi_PostCorp6 {
    display: none;
}

.btnDashPC:hover .icon-EQqi_PostCorp7 {
    display: none;
}

.btnDashPC:hover .icon-EQqi_PostCorp8 {
    display: none;
}

.btnDashPC:hover .nombrePosturas {
    display: none;
}

.contenidoHoverPC {
    display: none;
    font-size: 11px;
    font-weight: bolder;
    text-align: center;
    max-width: 88px;
    word-wrap: break-word;
    white-space: normal;
    /*margin-top: -55px;*/
}

.nombrePosturas {
    font-size: 10.5px;
    margin: -15px 0px 0px 0px;
}


.btnDashEE {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btnDashEE:focus, .btnDashEE:active:focus, .btnDashEE.active:focus, .btnDashEE.focus, .btnDashEE:active.focus, .btnDashEE.active.focus {
        /*outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;*/
        outline: 0;
        box-shadow: none;
    }

    .btnDashEE:hover, .btnDashEE:focus, .btnDashEE.focus {
        color: black;
        text-decoration: none;
    }

    .btnDashEE:active, .btnDashEE.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

    .btnDashEE.disabled, .btnDashEE[disabled], fieldset[disabled] .btnDashEE {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.contenedorEE {
    padding: 2px;
}

.btnDashEE-link {
    color: #ffffff;
    font-weight: normal;
    border-radius: 0;
}

    .btnDashEE-link, .btnDashEE-link:active, .btnDashEE-link.active, .btnDashEE-link[disabled], fieldset[disabled] .btnDashEE-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btnDashEE-link, .btnDashEE-link:hover, .btnDashEE-link:focus, .btnDashEE-link:active {
            border-color: transparent;
        }

            .btnDashEE-link:hover {
                color: black;
                background-color: #d3d1d1;
                /*text-decoration: underline;*/
                box-shadow: none;
            }

            .btnDashEE-link:focus {
                color: black;
                /*background-color: #d3d1d1;*/
                /*text-decoration: underline;*/
                box-shadow: none;
            }

            .btnDashEE-link[disabled]:hover, fieldset[disabled] .btnDashEE-link:hover, .btnDashEE-link[disabled]:focus, fieldset[disabled] .btnDashEE-link:focus {
                color: #7a8288;
                text-decoration: none
            }

.btnDashEE:hover .contenidoHoverEE {
    display: block;
    height: 62px;
    padding-top: 20px;
}


.btnDashEE:hover .icon-EQqi_Emo_1 {
    display: none;
}

.btnDashEE:hover .icon-EQqi_Emo_2 {
    display: none;
}

.btnDashEE:hover .icon-EQqi_Emo_3 {
    display: none;
}

.btnDashEE:hover .icon-EQqi_Emo_4 {
    display: none;
}

.btnDashEE:hover .icon-EQqi_Emo_5 {
    display: none;
}

.btnDashEE:hover .icon-EQqi_Emo_6 {
    display: none;
}

.btnDashEE:hover .icon-EQqi_Emo_7 {
    display: none;
}

.btnDashEE:hover .icon-EQqi_Emo_8 {
    display: none;
}

.btnDashEE:hover .icon-EQqi_Emo_9 {
    display: none;
}

.contenidoHoverEE {
    display: none;
    font-size: 12px;
    font-weight: bolder;
    text-align: center;
    max-width: 70px;
    word-wrap: break-word;
    white-space: normal;
    /*margin-top: -55px;*/
}


.btnDashAA {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btnDashAA:focus, .btnDashAA:active:focus, .btnDashAA.active:focus, .btnDashAA.focus, .btnDashAA:active.focus, .btnDashAA.active.focus {
        /*outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;*/
        outline: 0;
        box-shadow: none;
    }

    .btnDashAA:hover, .btnDashAA:focus, .btnDashAA.focus {
        color: black;
        text-decoration: none;
    }

    .btnDashAA:active, .btnDashAA.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

    .btnDashAA.disabled, .btnDashAA[disabled], fieldset[disabled] .btnDashAA {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }


.btnDashAA-link {
    color: #c8c8c8;
    font-weight: normal;
    border-radius: 0;
}

    .btnDashAA-link, .btnDashAA-link:active, .btnDashAA-link.active, .btnDashAA-link[disabled], fieldset[disabled] .btnDashAA-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btnDashAA-link, .btnDashAA-link:hover, .btnDashAA-link:focus, .btnDashAA-link:active {
            border-color: transparent;
        }

            .btnDashAA-link:hover, .btnDashAA-link:focus {
                color: black;
                background-color: #e85151;
                /*text-decoration: underline;*/
            }

            .btnDashAA-link[disabled]:hover, fieldset[disabled] .btnDashAA-link:hover, .btnDashAA-link[disabled]:focus, fieldset[disabled] .btnDashAA-link:focus {
                color: #7a8288;
                text-decoration: none
            }

.btnDashAA:hover .contenidoHoverAA {
    display: block;
    height: 42px;
    padding-bottom: 2px;
    padding-top: 8px;
}

.btnDashAA:hover .icon-EQqi_Neu_G2_5Autorregulado {
    display: none;
}

.btnDashAA:hover .icon-EQqi_Neu_G2_6ResProblemas {
    display: none;
}

.btnDashAA:hover .icon-EQqi_Neu_G2_7Alerta {
    display: none;
}

.btnDashAA:hover .icon-EQqi_Neu_G2_8MaxCompromiso {
    display: none;
}

.btnDashAA:hover .nombreActividades {
    display: none;
}

.contenidoHoverAA {
    display: none;
    font-size: 13px;
    font-weight: bolder;
    text-align: center;
    width: 100px;
    word-wrap: break-word;
    white-space: normal;
    /*margin-top: -55px;*/
}

.nombreActividades {
    font-size: 10px;
    margin: -28px 0px 0px 0px;
}




.btnDashAB {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btnDashAB:focus, .btnDashAB:active:focus, .btnDashAB.active:focus, .btnDashAB.focus, .btnDashAB:active.focus, .btnDashAB.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        outline: 0;
        box-shadow: none;
    }

    .btnDashAB:hover, .btnDashAB:focus, .btnDashAB.focus {
        color: black;
        text-decoration: none;
    }

    .btnDashAB:active, .btnDashAB.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

    .btnDashAB.disabled, .btnDashAB[disabled], fieldset[disabled] .btnDashAB {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }


.btnDashAB-link {
    color: #c8c8c8;
    font-weight: normal;
    border-radius: 0;
}

    .btnDashAB-link, .btnDashAB-link:active, .btnDashAB-link.active, .btnDashAB-link[disabled], fieldset[disabled] .btnDashAB-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btnDashAB-link, .btnDashAB-link:hover, .btnDashAB-link:focus, .btnDashAB-link:active {
            border-color: transparent;
        }

            .btnDashAB-link:hover, .btnDashAB-link:focus {
                color: black;
                background-color: #4ea5d9;
                /*text-decoration: underline;*/
            }

            .btnDashAB-link[disabled]:hover, fieldset[disabled] .btnDashAB-link:hover, .btnDashAB-link[disabled]:focus, fieldset[disabled] .btnDashAB-link:focus {
                color: #7a8288;
                text-decoration: none
            }

.btnDashAB:hover .contenidoHoverAB {
    display: block;
    height: 42px;
    padding-bottom: 3px;
    padding-top: 11px;
}

.btnDashAB:hover .icon-EQqi_Neu_G2_1Desconectado {
    display: none;
}

.btnDashAB:hover .icon-EQqi_Neu_G2_2Reflexivo {
    display: none;
}

.btnDashAB:hover .icon-EQqi_Neu_G2_3Atento {
    display: none;
}

.btnDashAB:hover .icon-EQqi_Neu_G2_4Mindfull {
    display: none;
}

.btnDashAB:hover .nombreActividades {
    display: none;
}

.contenidoHoverAB {
    display: none;
    font-size: 13px;
    font-weight: bolder;
    text-align: center;
    width: 100px;
    word-wrap: break-word;
    white-space: normal;
    /*margin-top: -55px;*/
}




.btnDashMC {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btnDashMC:focus, .btnDashMC:active:focus, .btnDashMC.active:focus, .btnDashMC.focus, .btnDashMC:active.focus, .btnDashMC.active.focus {
        /*outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;*/
        outline: 0;
        box-shadow: none;
    }

    .btnDashMC:hover, .btnDashMC:focus, .btnDashMC.focus {
        color: black;
        text-decoration: none;
    }

    .btnDashMC:active, .btnDashMC.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

    .btnDashMC.disabled, .btnDashMC[disabled], fieldset[disabled] .btnDashMC {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }


.btnDashMC-link {
    color: #ffffff;
    font-weight: normal;
    border-radius: 0;
}

    .btnDashMC-link, .btnDashMC-link:active, .btnDashMC-link.active, .btnDashMC-link[disabled], fieldset[disabled] .btnDashMC-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btnDashMC-link, .btnDashMC-link:hover, .btnDashMC-link:focus, .btnDashMC-link:active {
            border-color: transparent;
        }

            .btnDashMC-link:hover, .btnDashMC-link:focus {
                color: black;
                background-color: #d3d1d1;
                /*text-decoration: underline;*/
            }

            .btnDashMC-link[disabled]:hover, fieldset[disabled] .btnDashMC-link:hover, .btnDashMC-link[disabled]:focus, fieldset[disabled] .btnDashMC-link:focus {
                color: #7a8288;
                text-decoration: none
            }

.btnDashMC:hover .spanMeta {
    color: black;
}


.spanMeta {
    text-decoration: none;
}


.editComentario {
    text-align: right;
    display: none;
}

#btnEditar {
    padding: 0px;
    border: 0px;
    color: black;
    height: 6px;
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#divDatosLab {
    position: fixed;
    z-index: 1000; /*Crea una capa nueva por encima, si tenemos una con valor 2 estará a una altura o por encima de una con 
                valor 1*/
    width: 80%;
    background-color: #233440;
    margin-top: 41px;
    /*border:1.5px solid black;*/
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap !important;
}

.contenedorIndicadoresFeedback {
    float: left;
    margin: 5px 0px;
    white-space: nowrap;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
}

.btnInfoTooltip {
    font-size: 12px;
    color: #337ab7;
}


#btnBuscar {
    background-color: #374950;
    border-color: #374950;
    height: 38px;
    background-image: -webkit-linear-gradient(#374950, #374950 60%, #374950);
    background-image: -o-linear-gradient(#374950, #374950 60%, #374950);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#374950), color-stop(60%, #374950), to(#374950));
    background-image: linear-gradient(#374950, #374950 60%, #374950);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff374950', endColorstr='#ff374950', GradientType=0);
    -webkit-filter: none;
    filter: none
}

    #btnBuscar:hover {
        background-image: -webkit-linear-gradient(#020202, #101112 40%, #141618);
        background-image: -o-linear-gradient(#020202, #101112 40%, #141618);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#141618));
        background-image: linear-gradient(#020202, #101112 40%, #141618);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff141618', GradientType=0);
        -webkit-filter: none;
        filter: none;
    }


.celdaBoton {
    cursor: pointer;
}

    .celdaBoton:hover {
        background-image: -webkit-linear-gradient(#020202, #101112 40%, #141618);
        background-image: -o-linear-gradient(#020202, #101112 40%, #141618);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#141618));
        background-image: linear-gradient(#020202, #101112 40%, #141618);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff141618', GradientType=0);
        -webkit-filter: none;
        filter: none;
        color: white;
        cursor: pointer;
    }


.contenedor-columna-resaltado {
    display: table-cell;
    float: left;
    width: 100%;
    background-image: -webkit-linear-gradient(#374950, #374950 40%, #374950);
    background-image: -o-linear-gradient(#374950, #374950 40%, #374950);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#374950), color-stop(40%, #374950), to(#374950));
    background-image: linear-gradient(#374950, #374950 40%, #374950);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff374950', endColorstr='#ff374950', GradientType=0);
    -webkit-filter: none;
    filter: none;
    color: white;
}


.tituloInformeFactor {
    padding: 5px 5px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}


.mbox {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 10px 60px 10px 25px;
    padding-left: 20px;
}




.tabla1al5 {
    display: table;
    border: 1px solid #5F5A55;
    border-radius: 6px;
}

.filaTabla1l5 {
    display: table-row;
}

.activePuntaje {
    background-color: #575a5c;
    color: #fff;
}

.celdaNumTabla1al5 {
    display: table-cell;
    width: 40px;
    border: 1px solid #5F5A55;
}

    .celdaNumTabla1al5:hover {
        background-color: #b0b3b5;
    }

    .celdaNumTabla1al5:active {
        background-color: #575a5c;
        color: #fff;
    }

.celdaDescTabla1al5 {
    display: table-cell;
    min-width: 180px;
    max-width: 330px;
    border: 1px solid #5F5A55;
    padding-left: 5px;
    padding-right: 5px;
}

.tablaLeyenda {
    display: table;
    border: 1px solid #5F5A55;
    border-radius: 6px;
}

.celdaLeyenda {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 35px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #5F5A55;
}

.celdaLeyendaDesc {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 5px;
    min-width: 180px;
    max-width: 350px;
    border: 1px solid #5F5A55;
}

.btnNum {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    width: 100%;
    height: 100%;
}


.preguntaEncuesta {
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
}


.divReporteRespuestaEncuesta {
    letter-spacing: .2px;
    line-height: 20px;
    color: #202124;
    background-color: #e6eaee;
    border-radius: 4px;
    margin: 5px 0px 0px 0px;
    padding: 10px;
}


.divContenedorPreguntaRespuestaEncuesta {
    width: 90%;
    padding-bottom: 40px;
}

.claseImagenExcel {
    margin: 12px 0px 10px 30px;
    width: 40px;
    height: 40px;
}

.btnCirculo {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    color: black;
    overflow: hidden;
    font-weight: bold;
    margin: 6px 6px;
    border: 1px solid #cfdcec;
}

    .btnCirculo:focus {
        outline: none;
    }


.btnCirculo-xs {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    color: black;
    overflow: hidden;
    font-weight: bold;
    margin: 6px 6px;
    border: 1px solid #cfdcec;
}

    .btnCirculo-xs:focus {
        outline: none;
    }

#tablaPlanAction .btnCirculo-xs {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: black;
    overflow: hidden;
    font-weight: bold;
    margin: 1px 1px;
    border: 1px solid #cfdcec;
}

    #tablaPlanAction .btnCirculo-xs:focus {
        outline: none;
    }


@media screen and (max-width: 600px) {
    .divContenedorPreguntaRespuestaEncuesta {
        width: 100%;
        padding-bottom: 35px;
    }
}

@media screen and (max-width: 444px) {

    .claseImagenExcel {
        margin: 15px 0px 10px 10px;
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 410px) {

    .claseImagenExcel {
        margin: 25px 0px 10px 0px;
        width: 48px;
        height: 45px;
    }
}




#btnSegmento {
    /*background-color: #498ebe; #54c5ee*/
    background-color: #498ebe;
    color: #fff;
    border: 2px solid #4c91bf;
    float: right;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
}

    #btnSegmento:hover {
        color: #ffffff;
        background-color: #4c91bf; /*#2D668D;*/
        border-color: #1e2023
    }



@media screen and (max-width: 950px) {

    #btnAddMasivo {
        display: none;
    }

    .tdMovil {
        display: none;
    }

    .btnMovil {
        display: none;
    }

    .lblMovil {
        display: none;
    }

    .container-fluid {
        padding-right: 5px;
        padding-left: 5px;
    }
}


.fxs-topbar-button {
    display: flex;
    height: 40px;
    width: 40px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}


.divSoporteMain {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: auto;
    background-color: white;
    width: 30%;
    margin-top: -20px;
    color: #323130;
}

    .divSoporteMain .headerSoporte {
        padding: 20px 20px 20px 20px;
        width: 100%;
        display: inline-flex;
    }

        .divSoporteMain .headerSoporte .leftHeaderSoporte {
            float: left;
            margin-right: 10px;
            width: 100%;
        }

        .divSoporteMain .headerSoporte .rightHeaderSoporte {
            float: right;
            display: inline-flex;
            margin-left: 10px;
        }

    .divSoporteMain a {
        color: rgb(0, 120, 212);
        font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
        display:inline-flex;
    }
    .divSoporteMain li {
        padding:10px 0px;
    }

@media screen and (max-width: 1050px) {
    .divSoporteMain {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        height: auto;
        background-color: white;
        width: 45%;
        margin-top: -20px;
    }

}

@media screen and (max-width: 950px) {
    .divSoporteMain {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        height: auto;
        background-color: white;
        width: 70%;
        margin-top: -20px;
    }
}


.imgPyR {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: black;
    -webkit-mask: url("../../Imagenes/iconpreg.png") center/contain;
    mask: url("../../Imagenes/iconpreg.png") center/contain;
}

.imgIncidente {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: black;
    -webkit-mask: url("../../Imagenes/iconIncidente.png") center/contain;
    mask: url("../../Imagenes/iconIncidente.png") center/contain;
}


.tabSoporte {
    font-weight: 600;
    margin: 8px 30px 8px 10px;
    padding-bottom: 10px;
    color:#c8c8c8;
}

.controlInputSoporte {
    min-width: 200px;
    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 2px 30px 2px 8px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    line-height: 18px;
    color: #272b30;
    font-size: 13px;
    width: calc(100% - 300px);
}


.decoracionTab {
    outline: 0;
    border-bottom: #0078d4 !important;
    border-bottom-width: 5px !important;
    border-bottom-style: solid !important;
    text-decoration: none !important;
}



.colorBotonActivo {
    color: #498ebe !important;
}

.colorBotonInactivo {
    color: #c8c8c8 !important;
}

    .colorBotonInactivo:hover, .colorBotonInactivo:focus {
        color: #5ac7d1;
    }


.boton-plus {
    text-align: left;
}

@media(min-width:800px) {

    .boton-plus {
        text-align: right !important;
    }
}