/*GENERALES*/
:root {
    --color-principal: #02add6;
    --tr-par: #fff;
    --tr-impar: #eee;
    --tr-hover: #CDEEFD;
    --fondo-app: #E9E9E9;
    --bionline: #02add6;
    --fondo-layout: #fff;
    --color-rotulos-mkt: #555;
    --color-letra-headings: #fff;
    --color-letra-layout: #000;
    --color-letra-light: #919394;
    --fondo-layout-hover: var(--bionline);
    --color-letra-layout-hover: #fff;
    --boton-alternativo: #69B9CC;
    --login-bionline: rgb(63, 155, 217);
    /*--fondo-layout: #fff;
    --color-letra-layout: var(--color-principal);
    --fondo-layout-hover: var(--color-principal);
    --color-letra-layout-hover: #fff;
         --tr-par: #D7E1E0;
    --tr-impar: #F9F9F9;
    --tr-hover: #CDEEFD;


    */
}



.clear {
    clear:both;
}

.row .containerSelect {
    width: 300px;
    float: left;
    height: 52px;
}

.containerSelect .selectorLayout.rc-select {
    width: 222px;
    margin: 8px auto;
    margin-left: 14px;
    margin-right: 14px;
}


.containerSelect>a {
    width: 36px;
    height: 36px;
    display: inline;
    float: left;
    margin-top: 8px;
    margin-left: 14px;

}

.containerSelect .imgselect {
    width: 36px;
    height: 36px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #02add6;
}



/*ContainerBiModelsModeloFicha*/
.tabs > ul > li {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

    .tabs > ul > li:first-child {
        border-left: 0;
    }

    .tabs > ul > li:last-child {
        border-right: 0;
    }

.tituloRotulo {
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    justify-content: center;
    color: #02add6;
    margin-bottom: 20px;
}

#containerBiModelsModeloFicha li.node {
    padding: 5px;
}

#containerBiModelsModeloFicha .fichas .row.descVariable {
    margin-top: 0;
}


#containerBiModelsModeloFicha li.node .caption {
    font-size: 12px;
}

#containerBiModelsModeloFicha li.node .bar {
    background: #02add6;
}

#containerBiModelsModeloFicha .panel .panel-title, #containerDashboardHome .panel .panel-title, #containerbiDataCalidadDetalleReglas .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}


 #containerDashboardHome .panel .panel-content {
   padding:15px;
 
}



#containerDashboardHome .switchContainer label.texto.der {
right:10px;
}

#containerDashboardHome .switchContainer label.texto.izq {
    left: 10px;
}



#containerDashboardHome .panel .panel-content .grid > .row:first-child {
    background-color: #eee;
    padding: 10px;
    padding-bottom: 20px;
    margin: 0 0 15px 0;
}

    #containerDashboardHome .panel .panel-content .grid > .row:first-child .bloque.especialstyle {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    #containerDashboardHome .panel .panel-content .grid > .row:first-child .bloque.especialstyle.centrado {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

.button.generarPdf {
border:1px solid #02add6;
color:#02add6;
background:white;
width:200px;
}

.button.generarPdf:hover {
    border: 1px solid #02add6;
    color: white;
    background: #02add6;
}

    #containerDashboardHome .panel .panel-content .grid {
        margin: 0;
    }



#containerBiModelsModeloFicha textarea {
    min-height: 80px;
    height: 120px;
    min-width: 100%;
    max-width: 100%;
}


#containerBiModelsModeloFicha .timeline .divContenedor {
    display: flex;
    align-items: center;
    height: 200px;
    position: relative;
    z-index: 8;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}

#containerBiModelsModeloFicha .timeline .divVisible {
    width: 100%;
    overflow: hidden;
    height: 180px;
    z-index: 8;
    position: relative;
}


#containerBiModelsModeloFicha .timeline .divTapado {
    width: 2600px;
    height: 200px;
    display: flex;
    align-items: center;
    position: relative;
}

#containerBiModelsModeloFicha .timeline li {
    list-style-type: none;
    float: left;
    width: 200px;
    text-align: center;
    position: relative;
    z-index: 8;
}

#containerBiModelsModeloFicha .timeline .divContenedor li:before {
    display: block;
    content: '';
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background: #02add6;
    margin: 0 auto;
    z-index: 8;
    position: relative;
}

#containerBiModelsModeloFicha .timeline .divContenedor li.scaled:before {
    border: 1px solid #02add6;
    background: #fff;
    z-index: 8;
    position: relative;
}

#containerBiModelsModeloFicha .divContenedor.popover {
    width: auto;
    height: auto;
    z-index: 8;
    position: relative;
    display: block;
    background: red;
}


#containerBiModelsModeloFicha .timeline .divContenedor li:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 15px;
    border: 1px solid #e9e9e9;
    z-index: 2;
}


#containerBiModelsModeloFicha .timeline .divContenedor li:last-child:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    left: 0%;
    height: 1px;
    top: 15px;
    border: 1px solid #e9e9e9;
    z-index: 2;
}

#containerBiModelsModeloFicha .timeline {
    padding-left: 40px;
    padding-right: 40px;
}



    #containerBiModelsModeloFicha .timeline .divContenedor .mif-lg {
        position: absolute;
        color: black;
        height: 30px;
        width: 30px;
        line-height: 30px;
        display: block;
        cursor: pointer;
        border-radius: 50%;
        background: #fff;
        color: #02add6;
        border: 1px solid #02add6;
        box-shadow: 1px 1px 1px #333;
        text-align: center;
    }

    #containerBiModelsModeloFicha .timeline .divContenedor .mif-next {
        right: 70px;
    }

    #containerBiModelsModeloFicha .timeline .divContenedor .mif-last {
        right: 30px;
    }

    #containerBiModelsModeloFicha .timeline .divContenedor .mif-previous {
        left: 70px;
    }

    #containerBiModelsModeloFicha .timeline .divContenedor .mif-first {
        left: 30px;
    }

#containerBiModelsModeloFicha .panel .tabs .tabs-wrapper .tabs-expand-md {
    background-color: var(--color-principal);
}

#containerBiModelsModeloFicha .divTapado ul {
    margin: 0;
    position: relative;
    z-index: 8;
}


#containerBiModelsModeloFicha .button {
    color: var(--bionline);
    border-color: var(--bionline);
    background-color: white;
}


#containerBiModelsModeloFicha .tabs-expand-md > ul > li, #containerModeloFicha .tabs-expand-md > ul > li:not(.active):hover, #acciones .tabs-list > li, #acciones .tabs-list > li:not(.active):hover, #containerEventos .tabs-list > li, #containerEventos .tabs-list > li:not(.active):hover {
    border-bottom: 1px solid #dfdfdf;
    border-top: none;
    color: var(--color-principal);
    background-color: #fff;
}

    #containerBiModelsModeloFicha .tabs-expand-md > ul > li.active, #acciones .tabs-list > li.active, #containerEventos .tabs-list > li.active, #acciones .tabs-list > li.active {
        border-bottom: 1px solid #dfdfdf;
        border-top: none;
        background-color: var(--color-principal);
        color: white;
    }


#containerBiModelsModeloFicha .row:last-child {
    margin-top: 15px;
}

#containerPdf, #containerPdf2, #containerPdf3, #containerPdf4, #containerPdf5, #containerPdf6 {
    width: 793.7px;
}

    #containerPdf .titulo, #containerPdf2 .titulo, #containerPdf3 .titulo, #containerPdf4 .titulo, #containerPdf5 .titulo, #containerPdf6 .titulo {
        margin: 20px;
        padding-bottom: 20px;
        display: flex;
        align-items: flex-start;
    }




        #containerPdf .titulo .derecha, #containerPdf2 .titulo .derecha, #containerPdf3 .titulo .derecha, #containerPdf4 .titulo .derecha, #containerPdf5 .titulo .derecha, #containerPdf6 .titulo .derecha {
            position: absolute;
            right: 0;
            display: inline;
            text-transform: uppercase;
            font-size: 16px;
            margin-top: 0;
            height: 27px;
            line-height: 27px;
        }

#containerBiModelsModeloFicha .botonDescarga {
    display: flex;
    margin-top: 15px;
    justify-content: flex-end;
}

/*Fin containerBiModelsModeloFicha*/



/*Inicio rc-Select*/
.rc-select {
    width: 100%;
    height: 36px;
}

.rc-select-enabled .rc-select-selection:active, .rc-select-enabled .rc-select-selection:hover, .rc-select-enabled .rc-select-selection {
    border: 1px solid #d9d9d9;
    border-bottom: 3px solid var(--bionline);
}

.rc-select-selection--single .rc-select-selection__rendered {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

li.rc-select-dropdown-menu-item {
    height: 36px;
}

.rc-select-selection {
    border-radius: 0;
    height: 36px;
    border-bottom: 3px solid var(--bionline);
}

.rc-select-dropdown {
    border-radius: 0px;
    z-index:5000;
}

.rc-select-arrow b {
    border-color: var(--bionline) transparent transparent transparent;
}

.rc-select-open .rc-select-arrow b {
    border-color: transparent transparent var(--bionline) transparent;
}

.rc-select-arrow {
    margin-right: 10px;
    height: 36px;
    top: 0;
}
/*Fin rc-Select*/

select, /*span,*/ .selector.principal, table, #panelFiltro, input, a, button, .rc-select {
    z-index: 2;
}

.dataTables_length select {
    z-index: 1;
}


.app-bar.app-bar-expand-md .app-bar-menu .d-menu li {
    border-top: 1px solid #EEE;
}

    .app-bar.app-bar-expand-md .app-bar-menu .d-menu li:first-child {
        border-top: 0;
    }

.home a > span.mif-more-horiz, .home a > span.mif-switch {
    margin-right: 0;
}

.clearfix {
    clear: both;
}



#containerHomeIndex .collapsed {
    height: 36px;
}

#containerHomeIndex .grupo .rc-select-enabled .rc-select-selection:active, #containerHomeIndex .grupo .rc-select-enabled .rc-select-selection:hover, #containerHomeIndex .grupo .rc-select-enabled .rc-select-selection {
    border: 1px solid #d9d9d9;
}

form, input, select.collapsed {
    position: relative;
    /*z-index:6;*/
}

span {
    cursor: pointer;
}

/*
select option{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

*/
select.expanded {
    border: 1px solid var(--bionline);
    border-top: 0;
    /*z-index:11;*/
    position: absolute;
}
/*
select:focus > option:checked {
    box-shadow: 0 0 10px 100px  #fff inset;
    -webkit-text-fill-color:#000 !important;
  
}

select:focus > option:hover, select:focus > option::selection {
    box-shadow: 0 0 10px 100px var(--bionline) inset;
    -webkit-text-fill-color: #fff !important;
}

select {
overflow-y:auto;
}

span {
cursor:pointer;
font-size:16px;
}

select:hover{
cursor:pointer;
}


select.expanded option {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 25px;
    line-height: 25px;
}



.selector.principal.anyo.collapsed, .selector.principal.anyo.expanded {
    margin-left: 10px;
}

.selector.principal.anyo {
position:relative;
top:1px;
}
*/
.collapsedInput {
    height: 36px;
    border-bottom: 3px solid var(--bionline);
    /*z-index:5;*/
    position: relative;
}

input.collapsedInput:hover {
    border-bottom: 3px solid var(--bionline);
}

.collapsedInput.visible {
    display: block;
    border-bottom: 3px solid var(--bionline);
}

.collapsedInput.hidden {
    display: none;
}
/*
select.expanded,.selector.anyo.expanded {
    height: auto;
    padding: 0;
}
*/

input[type="text"].collapsedInput {
    padding-top: 3px;
}



.resto {
    position: relative;
}


    /*
select.collapsed {
    padding: 0 12px;
    border-bottom: 3px solid var(--bionline);
}



    select option {
    padding:0 12px;
    }
    */
    .resto.text .input.reducido + span {
        position: absolute;
        margin: 0;
        left: 57%;
        top: 11px;
        /*z-index:10;*/
    }

    .resto.text .input + span {
        position: absolute;
        margin: 0;
        right: 15px;
        top: 11px;
        /*z-index: 10;*/
    }

#containerCampanyasIndex .resto.text .input + span {
    position: absolute;
    margin: 0;
    right: 15px;
    top: 11px;
    /*z-index: 10;*/
}



.resto.password .input + span {
    position: absolute;
    margin: 0;
    right: 55px;
    top: 11px;
    /*z-index:10;*/
}



#Registro_ms .resto.password .input + span {
    position: absolute;
    margin: 0;
    right: 50px;
    top: 11px;
    /*z-index: 10;*/
}


#Registro_ms .input-reveal-button {
   visibility:visible;
}

#Registro_ms .resto.text .input.reducido + span {
    position: absolute;
    margin: 0;
    left: 57%;
    top: 11px;
    /*z-index: 10;*/
}

#Registro_ms .resto.text .input + span {
    position: absolute;
    margin: 0;
    right: 15px;
    top: 11px;
    /*z-index: 10;*/
}

tr a:hover {
    text-decoration: none;
}

select option:focus, select option:active, select option:hover, select option:checked {
    -webkit-appearance: none;
    background-color: var(--bionline);
    color: #fff;
}

.panelNoAutorizado {
    margin-top: 30px;
}

    .panelNoAutorizado .mif-lg {
        font-size: 4em;
        display: block;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 30px;
        color: var(--color-principal);
    }

body .popover span {
    margin-right: 8px;
}

body .popover.textPopover, #containerCampanyasIndex .textPopover, #containerBiModelsModeloFicha .textPopover {
    height: auto;
    width: auto;
    padding: 10px;
    background-color: #fff;
    color: var(--bionline);
    border-color: var(--bionline);
}

    #containerBiModelsModeloFicha .textPopover p .primero {
        position: absolute;
        left: 0;
    }

    #containerBiModelsModeloFicha .textPopover p .segundo {
        position: absolute;
        right: 0;
    }

.panelNoAutorizado h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    color: var(--color-principal);
}

.calendar-picker .button:first-child {
    padding-right: 0px;
}

.calendar-header {
    background-color: var(--color-principal);
}

.day.today {
    background-color: #69B9CC;
}

.botones {
    margin-top: 12px;
    margin-bottom: 10px;
}

.selectorTabGraficas > label {
    margin-bottom: 10px;
}

.selectorTabGraficas {
    width: 50%;
    position: relative;
    margin-bottom: 15px;
}

.selector.principal select {
    cursor: pointer;
}

.recharts-legend-wrapper {
    display: flex;
    justify-content: center;
}

.custom-tooltip .tooltipSpan {
    margin: 5px;
}

#containerModeloFicha .fichas .panel-content {
    height: 386px;
}

#containerModeloFicha .tabs > ul {
    width: auto;
    display: inline;
    border: none;
    background: #e9e9e9;
}

#containerModeloFicha .border .row:first-child {
    margin-bottom: 15px;
}

#containerModeloFicha .border.bd-default {
    padding: 9px;
    border-left: 0;
    border-right: 0;
}

.tabs > ul li {
    width: auto;
    display: inline;
    float: left;
}

#containerModeloFicha .tabs.tabs-wrapper {
    min-height: 0;
}


#containerModeloFicha .botonera {
    display: flex;
    justify-content: flex-end;
}


#containerModeloFicha .button {
    color: var(--bionline);
    border-color: var(--bionline);
    background-color: white;
}

    #containerModeloFicha .button.active {
        color: white;
        background-color: var(--bionline);
    }

.visible {
    display: block;
}

.nonVisible {
    display: none;
}



.selector {
    position: relative;
}

    .selector .mif-expand-more, .selectorTabGraficas .mif-expand-more {
        position: absolute;
        top: 7px;
        right: 10px;
        cursor: pointer;
    }

.mif-expand-more:before {
    color: var(--color-principal);
}

body {
    background-color: var(--fondo-app);
    font-size: 13px;
}

h6, h4, h5 {
    margin-bottom: 0;
}

button > span {
    margin-right: 5px;
}

#react-app {
    height: 100%;
}

.circular {
    height: 14px;
    width: 14px;
    border-radius: 7px;
    display: block;
}

.circularV, .circularF {
    margin: 3px auto;
}

.circularV {
    background-color: #46C37B;
}

.circularR {
    background-color: #9e2f2f;
}

.container {
    padding-top: 80px;
    max-width: 1500px;
}

.breadcrumbs .page-item.activa {
    cursor: default;
    padding-left: 7px;
}


/*RESETPASSWORD_OUTAPP_ms*/


#ResetPasswordOutApp_ms {
    display: flex;
    height: 100%;
    align-items: center;
}



/*MENU*/
.home .app-bar {
    background-color: var(--fondo-layout);
    color: var(--color-letra-layout);
    display: block;
}

.home .d-menu {
    position: relative;
    top: 52px;
}

.home .app-bar .app-bar-menu > li:first-child {
    border-left: 1px solid #eee;
}

.home .app-bar .app-bar-menu > li {
    border-right: 1px solid #eee;
    display: flex;
    justify-content: center;
}

    .home .app-bar .app-bar-menu > li:hover {
        background-color: var(--fondo-layout-hover);
        color: var(--color-letra-layout-hover);
    }

.app-bar-menu li {
    list-style: none !important;
}

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

.home a > span {
    margin-right: 5px;
}

#tablabiDataHome td>a>span{margin-right:0}

td .mif-lg{font-size:1.5em;}

.mif-lg:before {
    cursor: pointer;
}
.mif-lg.opaco:before {
    color: darkgray;
    cursor: default;
}


.dropdown-toggle {
    display: block;
}

li:hover > a.dropdown-toggle::before {
    border-color: white;
}

li > a.dropdown-toggle::before {
    border-color: black;
}

.app-bar .brand {
    display: inline;
    float: left;
}

.home .app-bar .app-bar-menu a {
    background-color: transparent;
}

.home .app-bar .app-bar-menu.float-right > li:last-child a {
    height: 55px;
}

.app-bar.app-bar-expand-md .d-menu[data-role="dropdown"] {
    background-color: white;
}

    .app-bar.app-bar-expand-md .d-menu[data-role="dropdown"] a:hover {
        background-color: var(--bionline);
        color: white;
    }

/*FIN MENU*/

.breadcrumbs {
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    background: rgba(255, 255, 255, .2);
    border: 1px solid transparent;
    border-radius: 4px;
}

    .breadcrumbs .page-link {
        background-color: #EFEFEF;
    }

    .breadcrumbs .page-item.activa {
        background-color: #EFEFEF;
    }

.app-bar.app-bar-expand-md .app-bar-menu.right {
    float: right;
}
/*CONTAINER AYUDA*/
#containerAyuda .pCentrado {
    text-align: center;
}

#containerAyuda .cuerpo {
    padding: 20px 20px 30px;
}

#containerAyuda .visible {
    display: block;
}

#containerAyuda .oculto {
    display: none;
}

#containerAyuda .heading {
    background-color: white !important;
    color: var(--bionline);
    font-weight: normal;
}

#containerAyuda .accordion > .frame.active > .content {
    border-top: 1px solid var(--bionline);
}

#containerAyuda .accordion > .frame > .heading {
    white-space: normal;
}

#containerAyuda .acordeon {
    background-color: white;
    margin-bottom: 3%;
}

#containerAyuda .frame {
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    margin-top: 15px !important;
    border-radius: 4px;
    border: 1px solid transparent;
}

#containerAyuda .mif-expand-more {
    float: right;
    font-size: 20px;
}

#containerAyuda .frame.active .mif-expand-more {
    transform: rotate(180deg);
}

#containerAyuda .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

/*ContainerSimulacion*/



#containerSimulacion .formulario, .tabSimulaciones .formulario {
    width: 60%;
    float: left;
}

    #containerSimulacion .formulario select, #containerSimulacion .formulario input,
    .tabSimulaciones .formulario select, .tabSimulaciones .formulario input {
        font-size: 13px;
    }


containerSimulacion .resumen,
.tabSimulaciones .resumen {
    background-color: #fff;
    color: var(--color-principal);
}

#containerSimulacion .respuestaCorrecta,
.tabSimulaciones .respuestaCorrecta {
    text-align: center;
}

#containerSimulacion .resumeninfo,
.tabSimulaciones .resumeninfo {
    margin-top: 10px;
    text-align: left;
}

#containerSimulacion .resumen .labels, #containerSimulacion .resumen .resultados,
.tabSimulaciones .resumen .labels, .tabSimulaciones .resumen .resultados {
    float: left;
    width: 55%;
    display: inline;
    text-align: right;
    font-size: 13px;
}

#containerSimulacion .respuestaCorrecta h6,
.tabSimulaciones .respuestaCorrecta h6 {
    padding: 10px 0;
}

#containerSimulacion .clearfix,
.tabSimulaciones .clearfix {
    clear: both;
}

#containerSimulacion .respuestaCorrecta h5,
.tabSimulaciones .respuestaCorrecta h5 {
    margin-bottom: 15px;
}

#containerSimulacion .resumen .resultados,
.tabSimulaciones .resumen .resultados {
    width: 45%;
    text-align: left;
    padding-left: 8px;
}


#containerSimulacion .respuesta,
#containerSimulacion .respuestaCorta,
.tabSimulaciones .respuesta, .tabSimulaciones .respuestaCorta {
    border: 1px solid #000;
    position: relative;
    color: #fff;
    padding: 20px;
    font-size: 14px;
    background-color: var(--color-principal);
    transition: all 1s ease-in;
    opacity: 1;
    height: auto;
    width: 35%;
    float: left;
    margin-left: 5%;
}


    #containerSimulacion .respuesta.hidden,
    #containerSimulacion .respuestaCorta.hidden,
    .tabSimulaciones .respuesta.hidden {
        opacity: 0;
    }


#containerSimulacion .botonera .button,
.tabSimulaciones .botonera .button {
    background-color: #fff;
    color: var(--boton-alternativo);
}

    #containerSimulacion .botonera .button:hover,
    .tabSimulaciones .botonera .button:hover {
        background-color: var(--boton-alternativo);
        color: #fff;
    }


#containerSimulacion .botonera,
.tabSimulaciones .botonera {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

#containerSimulacion .respuestaError,
.tabSimulaciones .respuestaError {
    transition: all 1s ease-in;
    opacity: 1;
    padding: 10px;
    background-color: var(--boton-alternativo);
    color: #fff;
}

    #containerSimulacion .respuestaError span,
    .tabSimulaciones .respuestaError span {
        margin-right: 10px;
    }


#containerSimulacion .hidden.respuestaError,
.tabSimulaciones .hidden.respuestaError {
    transition: all 1s ease-out;
    opacity: 0;
    display: none;
}

#containerSimulacion .respuesta p > span.mif-warning,
#containerSimulacion .respuestaCorta p > span.mif-warning,
.tabSimulaciones .respuesta p > span.mif-warning,
.tabSimulaciones .respuestaCorta p > span.mif-warning {
    margin-right: 10px;
}

.optionSelect.rc-select-dropdown-menu-item-active {
    color: #fff;
    background-color: var(--bionline);
}



#containerSimulacion .respuesta p span.mif-cross,
.tabSimulaciones .respuesta p span.mif-cross,
.tabSimulaciones .respuestaCorta p span.mif-cross {
    right: 20px;
    top: 24px;
    z-index: 3;
    position: absolute;
}

#containeSimulacion .respuesta,
.tabSimulaciones .respuesta,
.tabSimulaciones .respuestaCorta {
    position: relative;
}

#containerCampanyaFicha .email.hidden {
    transition: all 1s ease-out;
    opacity: 0;
    display: none;
}

#containerCampanyaFicha .campanyaInfo {
    color: var(--bionline);
    font-size: 14px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-right:20px;
    padding-left:20px;
}


.conjuntoPdf .radio input[type=radio]:checked ~ .check, .conjuntoPdf .checkbox input[type=checkbox]:checked ~ .check {
    background-color: #02add6;
    border-color: #02add6;
}



#containerCampanyaFicha .campanyaInfo li.legend {
    color: #333;
}

#SimulacionesCampanyasFicha_wrapper {
    padding-left:20px;
    padding-right:20px;
}





.bloqueFeedback .button {
    color: var(--bionline);
    border-color: var(--bionline);
    background-color: white;
}

.bloqueFeedback button:first-child {
margin-right:5px;
}


#containerCampanyaFicha .bloqueFeedback .button.desa, #containerCampanyaFicha .button.desa, #containerGestorCampanyas #btnCerrarUnidad.button.desa, #containerGestorCampanyas #btnGuardarCampanyas.button.desa {
    cursor: default;
    background-color: #ebebeb;
    color: #333;
    opacity: 1;
    border: 0;
}

    .botonLanzarCampanyas .button.desa span {
        cursor: default;
    }

#containerCampanyaFicha label.file {
    display: block;
    position:relative;
}

#containerCampanyaFicha label.file input {
    width:1%;
    position:relative;
    height:34px;
    display:inline;
}


    #containerCampanyaFicha label.file button {
        width: 20%;
        position: absolute;
        height:34px;
        display:inline;
        right:0;
        top:0;
    }

    label.file .mif-folder {
        margin-right: 0;
        color: #333;
    }

    label.file .button {
        background: rgb(192,192,192);
    }

    label.file .button:hover {
        background: #02add6;
    }

        label.file .button:hover .mif-folder {
            margin-right: 0;
            color: #fff;
        }  



#containerCampanyaFicha .campanyaInfo span {
    margin-right: 5px;
}


#containerCampanyaFicha .row:not(.primerafila) .bloque.elimCampanya {
    display: flex;
    align-items: flex-end;
}

    #containerCampanyaFicha .row:not(.primerafila) .bloque.elimCampanya > a {
        width: 100%;
    }


#containerCampanyaFicha .email, #containerGestorCampanyas .email {
    transition: all 1s ease-in;
    opacity: 1;
    display: block;
    padding: 10px;
    margin: 0px 20px;
    color: #fff;
    background-color: var(--boton-alternativo);
}

#containerGestorCampanyas .email {
margin:20px 15% 20px 15%;
padding:10px 20px;
}

#containerGestorCampanyas .email span {
    margin-right: 5px;
 
}


    #containerSimulacion .panel-content {
        padding: 40px;
    }


/*ContainerModelosFicha*/

ul.legendModelosFicha {
    list-style-type: none;
    display: flex;
    justify-content: center;
}

.legend {
    float: left;
    display: inline;
    margin-right: 10px;
    font-size: 14px;
}

.legendSpan {
    display: inline-block;
    margin-right: 5px;
    width: 14px;
    height: 14px;
}

/*HOME INDEX*/


#containerHomeIndex .legend {
    font-size: 12px;
}

/*

    #containerHomeIndex .containerPanelsMarketing .panel-title select{
    height:30px;
    line-height:30px;
    border-bottom-width:1px;
    margin-left:10px;
}

*/



#containerHomeIndex .panel-title {
    display: flex;
    justify-content: center;
}




#containerHomeIndex .grupo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    line-height: 42px;
}


    #containerHomeIndex .grupo h5 + div {
        float: left;
        margin-left: 10px;
    }

    #containerHomeIndex .grupo h5 {
        float: left;
        display: inline;
    }

#containerHomeIndex .containerPanelsMarketing .panel-content {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

#containerHomeIndex .containerPanelsMarketing .subgraficas {
    width: 48%;
    z-index: 10;
}

#containerHomeIndex .clearfix {
    clear: both;
}

#containerHomeIndex > h4, #containerHomeIndex .selector, #containerModelosIndex .selector {
    display: inline;
    float: left;
}


#containerHomeIndex .selector, #containerModelosIndex .selector {
    width: 90px;
}



    #containerHomeIndex .selector select, #containerModelosIndex .selector select {
        position: relative;
    }


#containerHomeIndex .containerPanelsMarketing h6 {
    text-align: center;
    color: var(--color-rotulos-mkt);
}

#containerHomeIndex .selector .mif-expand-more {
    float: right;
    position: absolute;
    right: 3px;
    /*z-index: 6;*/
    font-size: 22px;
    top: 5px;
}


#containerModelosIndex .selector .mif-expand-more {
    float: right;
    position: absolute;
    right: 6px;
    /*z-index: 6;*/
    font-size: 22px;
    top: 9px;
}

#containerHomeIndex .selector select, #containerModelosIndex .selector select {
    /*z-index:5;*/
}



#containerHomeIndex .containerPanelsMarketing > .panel:last-child {
    margin-left: 6%;
}

#containerHomeIndex .containerPanelsMarketing, #containerHomeIndex .containerPanelsModelos, #containerHomeIndex .containerPanelsCampañas {
    display: flex;
    margin-bottom: 3%;
}

    #containerHomeIndex .containerPanelsCampañas .panel {
        width: 100%;
    }

#containerHomeIndex .containerPanelsMarketing {
    margin-top: 1%;
}

#containerHomeIndex .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerHomeIndex > .panel > .panel-content .panel-title {
    color: green;
}

#containerHomeIndex #PanelGraf {
    display: block;
    padding: 20px;
    background-color: #F4F4F4;
}

    #containerHomeIndex #PanelGraf .selector select {
        /*z-index: 5;*/
    }

#containerHomeIndex .panel-content .selector, #containerModelosIndex .panel-content .selector {
    float: left;
    width: 30%;
    margin-right: 5%;
    /*z-index:10;*/
}

#containerHomeIndex .panel-content .grafica, #containerModelosIndex .panel-content .grafica {
    float: left;
    width: 65%;
    z-index: 10;
}



#containerHomeIndex .mif-expand-more {
    float: right;
    position: relative;
    right: 34%;
    /*z-index: 10;*/
    font-size: 22px;
    color: var(--bionline);
}

#containerHomeIndex .grafica {
    background-color: white;
    border-left: 1px dashed #ddd;
}

#containerHomeIndex #PanelTablaGraf {
    padding: 10px;
}



.home .alert-info {
    /*z-index: 30;*/
    background-color: rgba(255, 255, 255, .7);
    color: #333;
    padding: 85px 10% 45px 8%;
    margin-bottom: -45px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 3px 12px #ccc;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

.home .alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    right: -21px;
    color: #333;
    opacity: 1;
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.logo-cliente {
    float: left;
    margin-right: 2em;
    opacity: .9;
}

.intro {
    color: #333;
}

.intro {
    margin-left: 220px;
    margin-right: 50px;
}


/*CONTAINER CAMPANYAS INDEX*/
#containerCampanyasIndex .row.rowTabla {
    padding: 0 20px;
}

    #containerCampanyasIndex .row.rowTabla .cell-12 {
        padding: 0;
    }


#containerCampanyasIndex p span {
    margin-right: 10px;
    color: var(--bionline);
    font-size: 14px;
}

#containerCampanyasIndex p {
    color: var(--bionline);
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*CONTAINER MODELOS INDEX*/
#containerModelosIndex .panel-title {
    justify-content: center;
}

#containerModelosIndex #PanelGraf {
    display: block;
    padding: 20px;
}




#containerModelosIndex .recharts-wrapper .recharts-bar-rectangles {
    width: 40px;
}

#containerModelosIndex .circular, #containerHomeIndexBiModels .circular {
    height: 14px;
    width: 14px;
    border-radius: 7px;
    display: block;
    margin: auto;
}

#containerModelosIndex .circularF, #containerHomeIndexBiModels .circularF {
    background-color: red;
}

#containerModelosIndex .circularV, #containerHomeIndexBiModels .circularV {
    background-color: forestgreen;
}



#containerModelosIndex #PanelGraf {
    background-color: #F4F4F4;
}

#containerModelosIndex .grafica {
    background-color: white;
    border-left: 1px dashed #ddd;
}

#containerModelosIndex .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerModelosIndex #PanelTablaGraf {
    padding: 10px;
}





/*REGISTRO_MS*/


#Registro_ms .input.reducido, #Perfil_ms .input.reducido {
    float: left;
    width: 60%;
}

#Registro_ms .dominio, #Perfil_ms .dominio {
    width: 40%;
    display: inline;
    padding-left: 5px;
    font-size: 16px;
    float: right;
    line-height: 36px;
    height: 36px;
    text-align: left;
}

#Registro_ms .input.reducido span {
    clear: both;
}

#Registro_ms .panel form {
    padding: 30px;
}

#Registro_ms label {
    color: var(--bionline);
}

#Registro_ms .button[type="submit"] {
    border: 1px solid var(--bionline);
    color: var(--bionline);
    float: right;
    margin-top: 2%;
}

#Registro_ms .panel-title {
    justify-content: center;
}

#Registro_ms .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#Registro_ms .mif-expand-more {
    float: left;
    position: absolute;
    left: 94%;
    /*z-index: 10;*/
    font-size: 22px;
    top: 5px;
}

/*
#Registro_ms select, #Registro_ms input, #Registro_ms div.input, #Registro_ms div.input.calendar-picker {
    width: 95% !important;
}
*/

#Registro_ms .button[type="submit"] {
    color: var(--bionline);
    border-color: var(--bionline);
    background-color: white;
    margin-top: 20px;
}

    #Registro_ms .button[type="submit"]:hover {
        color: white;
        border-color: var(--bionline);
        background-color: var(--bionline);
    }


#Registro_ms .credenciales {
    color: #69B9CC;
    line-height: 42px;
}

    #Registro_ms .credenciales > span {
        margin-right: 5px;
    }

#Registro_ms .referencia {
    position: relative;
}

#Registro_ms .panel .input.disabled input {
    color: var(--bionline);
}





/*CONTAINER-USERS*/

#containerUsers #PanelTablaGraf {
    padding: 10px;
}

#containerUsers .row.botonmensaje {
    margin-left: 0;
}

#containerUsers .panel-content {
    padding: 0 20px 15px;
}

#containerUsers .createUser:hover, #containerUsers .saveRoles:hover, #containerUsers .deleteUser:hover, #containerUsers .EditUser:hover {
    color: #fff;
    border-color: var(--color-principal);
    background-color: var(--color-principal);
}

#containerUsers .createUser, #containerUsers .saveRoles, #containerUsers .EditUser, #containerUsers .deleteUser {
    color: var(--color-principal);
    border-color: var(--color-principal);
    background-color: #fff;
}

#containerUsers .saveRoles {
    margin-left: 10px;
}


#containerUsers .deleteUser {
    margin-right: 10px;
}

#containerUsers .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerUsers .mif-expand-more {
    float: right;
    position: relative;
    right: 34%;
    /*z-index: 10;*/
    font-size: 22px;
    color: var(--bionline);
}

#containerUsers .panel-title {
    justify-content: center;
}

#containerUsers #PanelGraf {
    display: block;
    padding: 20px;
}

    #containerUsers #PanelGraf .selector select {
        width: 70%;
    }

#containerUsers .panel-content .selector {
    float: left;
    width: 45%;
}




/*CONTAINER CAMPANYAS INDEX */
#containerCampanyasIndex .panel-title {
    justify-content: center;
}

#containerCampanyasIndex select {
    border-bottom: 2px solid var(--color-principal);
}

.rowButton {
    display: flex;
    align-items: flex-end;
}

    .rowButton .button {
        width: 100%;
    }

#containerCampanyasIndex #panelFiltro .primeraFila {
    margin-bottom: 10px;
}






#containerCampanyasIndex select, #containerCampanyasIndex input {
    font-size: 13px;
}


#containerCampanyasIndex > .panel {
    margin-bottom: 3%;
}

#containerCampanyasIndex #tablaCampañas_wrapper {
    margin-top: 20px;
    padding: 10px;
}

#containerCampanyasIndex .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
}

#containerCampanyasIndex .recharts-wrapper .recharts-bar-rectangles {
    width: 40px;
}

#containerCampanyasIndex .circular {
    height: 14px;
    width: 14px;
    border-radius: 7px;
    display: block;
    margin: auto;
}

#containerCampanyasIndex .circularF {
    background-color: red;
}

#containerCampanyasIndex .circularV {
    background-color: forestgreen;
}

#containerCampanyasIndex .grafica, #containerCampanyasIndex .selector {
    position: relative;
    /*z-index: 20;*/
}

#containerCampanyasIndex #PanelGraf {
    background-color: #F4F4F4;
}

#containerCampanyasIndex .grafica {
    background-color: white;
    border-left: 1px dashed #ddd;
}

#containerCampanyasIndex .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerCampanyasIndex #panelFiltro {
    margin: 10px;
    display: block;
    padding: 20px;
    background-color: #F4F4F4;
}

    #containerCampanyasIndex #panelFiltro > .row > button {
        width: 104px;
        border-radius: 70px;
        height: 44px;
        position: relative;
        top: 20px;
    }

#containerCampanyasIndex .createCampanya {
    margin-top: 15px;
    padding-right: 20px;
    display: flex;
    justify-content: flex-end;
}

    #containerCampanyasIndex .createCampanya span {
        margin-right: 5px;
    }

    #containerCampanyasIndex .createCampanya .button, #containerCampanyasIndex .rowButton .button {
        color: var(--color-principal);
        background-color: #fff;
        border: 1px solid var(--color-principal);
    }

#containerCampanyasIndex .rowButton .button {
    border-radius: 20px;
}

#containerCampanyasIndex .input.disabled input {
    color: var(--color-principal);
}

#containerCampanyasIndex .createCampanya .button:hover, #containerCampanyasIndex .rowButton .button:hover {
    background-color: var(--color-principal);
    color: #fff;
}


#containerCampanyasIndex #PanelTablaGraf {
    padding: 10px;
}

#containerCampanyasIndex .mif-expand-more {
    float: right;
    position: relative;
    right: 17%;
    /*z-index: 10;*/
    font-size: 22px;
    color: var(--bionline);
}

#containerCampanyasIndex select {
    position: relative;
}



#containerCampanyasIndex .th2:first-child,#tablaModulosIndex_wrapper .th2:first-child {
    background-color: #fff;
    border-bottom: none !important;
}

#containerCampanyasIndex .th2{
    font-size: 10px !important;
    background-color: #e0f1f8;
    border-bottom: none !important;
    color: #555 !important;
}


/*CONTAINER CAMPANYA CREATE,PERFIL_MS,RESETPASSWORDINAPP_MS*/
#containerCampanyaCreate .panel form, #Perfil_ms .panel form, #ResetPasswordInApp_ms .panel form {
    padding: 30px;
    position: relative;
}

#containerCampanyaCreate .input-clear-button {
 visibility:visible;
 padding-left:5px;
 padding-right:5px;
}

#containerCampanyaCreate .cell .button:not([type="submit"]) {
    border: 1px solid var(--color-principal);
    color: var(--color-principal);
    background-color: #fff;
    margin-top: 2%;
}

#containerCampanyaCreate .cell .button:not([type="submit"]):first-child {
    margin-right: 20px;

}

    #containerCampanyaCreate .dialog-content.modal {
        margin-top: 0;
    }

#containerCampanyaCreate .cell .button:not([type="submit"]):hover {
    color: #fff;
    background-color: var(--color-principal);
}

#containerCampanyaCreate .checkbox input[type=checkbox]:checked ~ .check {
    background-color: var(--color-principal);
    border-color: var(--color-principal);
}

#containerCampanyaCreate .cell {
    display: flex;
    justify-content: flex-end;
}

#containerCampanyaCreate .cell.error {
    display: flex;
    justify-content: flex-start;
}

#containerCampanyaCreate .row.mb-2.check {
    height: 36px;
}

#containerCampanyaCreate .row.mb-2.check label{
   padding-left:9px;
}

.mb-2.tabGestor {
margin-top:20px;
}

.colorCorp {
color:#02add6;
}

 /*#containerCampanyaCreate .input.calendar-picker {
    position:relative;
}

#containerCampanyaCreate .input.calendar-picker .drop-shadow {
    position:absolute;
    top:0;
  
}*/




#containerCampanyaCreate .mensajeError {
    display: flex;
    align-items: center;
}

    #containerCampanyaCreate .mensajeError .error {
        color: var(--color-principal);
        font-size: 13px;
    }

        #containerCampanyaCreate .mensajeError .error > span {
            margin-right: 5px;
        }

        #containerCampanyaCreate .mensajeError .error .button {
            margin-top: 0;
        }


#containerHomeIndexBiModels .dataTable tbody td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

#containerCampanyaCreate label, #Perfil_ms label, #ResetPasswordInApp_ms label {
    color: var(--color-principal);
}

#containerCampanyaCreate .button[type="submit"], #Perfil_ms .button.submit, #ResetPasswordInApp_ms .button.submit, #containerSimulacion .button[type="submit"] {
    border: 1px solid var(--color-principal);
    color: var(--color-principal);
    background-color: #fff;
  
    margin-top: 2%;
}

    #containerCampanyaCreate .button[type="submit"]:hover, #Perfil_ms .button.submit:hover, #ResetPasswordInApp_ms .button.submit:hover, #containerSimulacion .button[type="submit"]:hover {
        color: #fff;
        background-color: var(--color-principal);
    }

#Perfil_ms  .textboxref {
    width:100%;
}


#Perfil_ms .dominio, #Perfil_ms .textboxref input {
    font-size: 14px;
}

#Perfil_ms .button.submit, #ResetPasswordInApp_ms .button.submit {
    float: left;
}

#containerCampanyaCreate .panel-title, #Perfil_ms .panel-title, #ResetPasswordInApp_ms .panel-title, #containerSimulacion .panel-title, .tabSimulaciones .panel-title {
    justify-content: center;
}

#Perfil_ms .button.submit:first-child, #ResetPasswordInApp_ms .button.submit:first-child {
    margin-right: 20px;
}

#containerCampanyaCreate .panel .panel-title, #Perfil_ms .panel .panel-title, #ResetPasswordInApp_ms .panel .panel-title, #containerSimulacion .panel .panel-title, .tabSimulaciones .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerCampanyaCreate .mif-expand-more, #Perfil_ms .mif-expand-more, #ResetPasswordInApp_ms .mif-expand-more, #containerSimulacion .mif-expand-more, .tabSimulaciones .mif-expand-more {
    float: left;
    position: absolute;
    top: 10px;
    left: 95%;
    /*z-index: 10;*/
    font-size: 16px;
    color: #777777;
}

#containerCampanyasIndex .mif-expand-more {
    float: left;
    position: absolute;
    top: 10px;
    left: 90%;
    /*z-index: 10;*/
    font-size: 16px;
    color: #777777;
}



#Perfil_ms .credenciales {
    color: var(--bionline);
    font-size: 14px;
    line-height: 36px;
    margin-top: 5px;
}

#Perfil_ms .mif-warning {
    margin-right: 5px;
}


#containerCampanyaCreate .panel .input.disabled input, #Perfil_ms .panel .input.disabled input, #ResetPasswordInApp_ms .panel .input.disabled input, #containerSimulacion .panel .input.disabled input {
    color: var(--bionline);
}

#Perfil_ms .botonera {
    display: flex;
    justify-content: flex-end;
}

/*CONTAINER CAMPANYA FICHA*/
#containerCampanyaFicha .panel-title {
    justify-content: center;
}


#containerCampanyaFicha .botonera .button.active {
    color: #fff;
    background-color: var(--color-principal);
    border: 1px solid var(--color-principal)
}

#containerCampanyaFicha .botonera .button {
    color: var(--color-principal);
    background-color: #fff;
    border: 1px solid var(--color-principal)
}

#containerCampanyaFicha > .panel {
    margin-bottom: 3%;
}


#containerCampanyaFicha .containerBotonSimulacion {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-right:20px;
}


#containerCampanyaFicha .panel.cell-5 {
    padding-left: 0;
    padding-right: 0;
}

#containerCampanyaFicha .graficaCampanyas {
    margin-top: 25px;
}


#containerCampanyaFicha #PanelGraf {
    display: block;
    padding: 20px;
}

    #containerCampanyaFicha #PanelGraf .selector select {
        width: 70%;
    }

#containerCampanyaFicha .panel-content .selector {
    float: left;
    width: 45%;
}

#containerCampanyaFicha .panel-content .grafica {
    float: left;
    width: 55%;
}

#containerCampanyaFicha #tablaModulos_wrapper {
    margin-top: 20px;
    padding: 10px;
}

#containerCampanyaFicha #PanelTablaGraf .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
}

#containerCampanyaFicha .recharts-wrapper .recharts-bar-rectangles {
    width: 40px;
}


#containerCampanyaFicha .button.boxedbtn, #containerCampanyaFicha .button.deleteSimulacion, #containerCampanyaFicha .button.launchSimulacion {
    border: 1px solid var(--color-principal);
    color: var(--color-principal);
    background-color: #fff;
}


#containerCampanyaFicha td .button.desa:first-child {
    margin-right: 5px;
}

#containerCampanyaFicha .button.desa:first-child > span {
    margin-right:0;
}

    #containerCampanyaFicha .button.boxedbtn:hover, #containerCampanyaFicha .button.deleteSimulacion:hover, #containerCampanyaFicha .button.launchSimulacion:hover {
        color: #fff;
        background-color: var(--color-principal);
    }

.button.deleteSimulacion {
    margin-right: 5px;
}

    .button.deleteSimulacion > span {
        margin: 0;
    }



#containerCampanyaFicha .circular {
    height: 14px;
    width: 14px;
    border-radius: 7px;
    display: block;
    margin: auto;
}

#containerCampanyaFicha .circularF {
    background-color: red;
}

#containerCampanyaFicha .circularV {
    background-color: forestgreen;
}

#containerCampanyaFicha .grafica, #containerCampanyaFicha .selector {
    position: relative;
    /* z-index: 20;*/
}

#containerCampanyaFicha #PanelGraf {
    background-color: #F4F4F4;
}

#containerCampanyaFicha .grafica {
    background-color: white;
    border-left: 1px dashed #ddd;
}

#containerCampanyaFicha .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerCampanyaFicha #PanelTablaGraf {
    padding: 10px;
}

#containerCampanyaFicha .mif-expand-more {
    float: right;
    position: relative;
    right: 34%;
    /*z-index: 10;*/
    font-size: 22px;
    color: var(--bionline);
}




#containerCampanyaFicha .grid {
    padding: 20px;
    width:100%;
}

#containerCampanyaFicha .row:not(.primerafila) .bloque {
    margin-top: 10px;
}

#containerCampanyaFicha input[type=text] {
    cursor: not-allowed;
    opacity: 1;
    background-color: #FCFCFC !important;
    border: 0px solid #ddd;
    box-shadow: none;
    border-bottom: 2px solid #ddd;
    color: #000 !important;
    margin-top: 7px;
}

#containerCampanyaFicha .segundopan .row:last-child {
    padding-left: 12px;
    padding-right: 12px;
}

/*BiNBO containerdetalleRecomendador*/

.noScroll{
    overflow-y:hidden;
}

.input.disabled input{
    color:#666;
}					  
#containerdetalleRecomendador .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#tablaEvolutivo_paginate {
    display:none;
}

#containerdetalleRecomendador .row{
    margin-left:0;
    margin-right:0;
}

#containerdetalleRecomendador .containerGraficaPaginadorSelect {
    
    justify-content: space-between;
    width: 100%;
    padding-left:12px;
    padding-right:12px;

}

#containerdetalleRecomendador .fichas .row:first-child .panel-content>.grid>.row:first-child {
    margin-top: 15px;
}

#containerdetalleRecomendador #Productos .containerGraficaPaginadorSelect .panel .panel-content {
 
    margin-top: 0;
    padding-top:0;

}

    #containerdetalleRecomendador td{
       vertical-align:middle;
    }

#containerdetalleRecomendador .evolutivos {
   padding:12px;
   margin-top:20px;
   padding-top:0;

}

#containerdetalleRecomendador tr {
    height:40px;
}

    #containerdetalleRecomendador .containerGraficaPaginadorSelect .selector label {
        margin-bottom:8px;
        display:block;
    }

    #containerdetalleRecomendador .containerGraficaPaginadorSelect .selector{
       width:30%;
       display:inline-block;
    }

#containerdetalleRecomendador .containerGraficaPaginadorSelect .selector:last-child {
   margin-left:5%;
}

 #containerdetalleRecomendador .containerGraficaPaginadorSelect .selector:last-child label {
          text-align:right;
        }

#containerdetalleRecomendador .switch .check {
    margin:0;
}


#containerdetalleRecomendador .filaSup {
  display:flex;
  margin-bottom:50px;
}

.containerGraficaPaginadorSelect .containerSwitchLabel {
    margin-left: 5%;
    width: 30%;
    display: inline-block;
    height: 63px;
    position:relative;
  
}



    .containerGraficaPaginadorSelect .containerSwitchLabel label, #acciones .containerSwitchLabel label {
        display: block;
        text-align: center;
    }

#containerdetalleRecomendador .containerGraficaPaginadorSelect .switchContainer {
    display: flex;
    align-items: flex-end;
    width: 100%;
    position: absolute;
    bottom: 0;
    justify-content: center;
}

    #containerdetalleRecomendador .containerGraficaPaginadorSelect .switchContainer label {
        line-height: 20px;
        color: #666;
        display: block;
        margin-bottom: 0;
    }

        #containerdetalleRecomendador .containerGraficaPaginadorSelect .switchContainer label.active, #acciones .switchContainer label.active {
            color: #02add6;
        }

    .containerGraficaPaginadorSelect .switchContainer .switch {
        width: 46px;
    }


        .containerGraficaPaginadorSelect .switchContainer .switch .check {
            
            border-color: #02add6 !important;
        }

        .containerGraficaPaginadorSelect .switchContainer .switch .check::after {
            background: #02add6 !important;
            border-color: #02add6 !important;
        }

        .containerGraficaPaginadorSelect .switchContainer .switch input[type="checkbox"]:checked ~ .check {
            background: #02add6 !important;
        }

            .containerGraficaPaginadorSelect .switchContainer .switch input[type="checkbox"]:checked ~ .check::after {
                border-color: #ffffff !important;
                background: #ffffff !important;
            }


    .containerGraficaPaginadorSelect .switchContainer label:first-child, #acciones .switchContainer label:first-child {
        margin-right: 10px;
    }

    .containerGraficaPaginadorSelect .switchContainer label:last-child, #acciones .switchContainer label:last-child {
        margin-left: 10px;
    }



#containerdetalleRecomendador .botonera .button.active {
    background-color: var(--color-principal);
    color: white;
}

#containerdetalleRecomendador .botonera .button, .btnComentarioModal .button.active {
    background-color: white;
    color: var(--color-principal);
    border: 1px solid var(--color-principal);
    margin-left:8px;
}

.btnComentarioModal .button.desa {
    color: #000;
    cursor: default;
    background-color: #ebebeb;
}

    .btnComentarioModal .button.active:hover{
        color:#fff;
        background-color:var(--color-principal)
    }

    #containerdetalleRecomendador .tabs-expand-md > ul > li.active {
        border-bottom: 1px solid #dfdfdf;
        border-top: none;
        color: #fff;
        background-color: var(--color-principal);
    }

#containerdetalleRecomendador .rowButton .button {
    color: var(--color-principal);
    background-color: #fff;
    border: 1px solid var(--color-principal);
    border-radius: 20px;
}

#containerdetalleRecomendador .rowButton{
   display:flex;
   align-items:center;
   margin:0;
}



#containerdetalleRecomendador label {
    color:var(--color-principal);
}

#containerdetalleRecomendador .grid.padre>.row {
    margin-top:20px;
}

#containerdetalleRecomendador .grid.padre>.row:first-child {
    margin-top: 0;
}

#containerdetalleRecomendador input, #containerdetalleRecomendador textarea {
    font-size:13px;
}

#containerdetalleRecomendador .bloque {
   margin-bottom:15px;
}

#containerdetalleRecomendador .node-toggle {
    line-height: 30px;
    height: 30px;
    width: 30px;
    margin-top: 10px;
}

#containerdetalleRecomendador .treeview .caption {
    background: white;
    color: #02add6;
    display: block;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.3);
    border-radius: 4px;
    padding: 5px;
    margin-top:10px;
    font-size:14px;
    cursor:default;
    margin-right:15px;
}

#containerdetalleRecomendador .panel-content .row.botonera:first-child {
    margin-top:10px;
    padding-left:12px;
}


#containerdetalleRecomendador div:not(.panel.primerpan) input[type=text]:not(.collapsedInput), #containerdetalleRecomendador textarea {
    cursor: not-allowed;
    opacity: 1;
    background-color: #FCFCFC !important;
    border: 0px solid #ddd;
    box-shadow: none;
    border-bottom: 2px solid #ddd;
    color: #000 !important;
    margin-top: 7px;
}




.treeview .listatreeview {
    display:none;
}
   



#containerdetalleRecomendador .rellenoAlerta {
    border-color: #ebebeb;
    background-color: #e9e9e9;
}



#containerdetalleRecomendador div:not(.panel.primerpan) .button {
    color: var(--bionline);
    border-color: var(--bionline);
    background-color: white;
}

#containerdetalleRecomendador div:not(.panel.primerpan) .button.active {
    color: white;
    background-color: var(--bionline);
}

#containerdetalleRecomendador .primero {
   padding-left:24px;
 
}

#containerdetalleRecomendador .ultimo {
    padding-right: 24px;
}

#containerdetalleRecomendador input, #containerdetalleRecomendador textarea {
    max-width:100%;
}
/*CONTAINER MODELO FICHA*/
#containerModeloFicha input, #containerModeloFicha textarea, #containerCampanyaFicha input {
    font-size: 13px;
}

#containerModeloFicha .panel-title {
    justify-content: center;
}

#containerModeloFicha > .panel {
    margin-bottom: 3%;
}

#containerModeloFicha #PanelGraf {
    display: block;
    padding: 20px;
}

    #containerModeloFicha #PanelGraf .selector select {
        width: 70%;
    }

#containerModeloFicha .panel-content .selector {
    float: left;
    width: 45%;
}

#containerModeloFicha .panel-content .grafica {
    float: left;
    width: 55%;
}



#containerModeloFicha .recharts-wrapper .recharts-bar-rectangles {
    width: 40px;
}

#containerModeloFicha .circular {
    height: 14px;
    width: 14px;
    border-radius: 7px;
    display: block;
    margin: auto;
}

#containerModeloFicha .circularF {
    background-color: red;
}

#containerModeloFicha .circularV {
    background-color: forestgreen;
}

#containerModeloFicha .grafica, #containerModeloFicha .selector {
    position: relative;
    /*z-index: 20;*/
}

#containerModeloFicha #PanelGraf {
    background-color: #F4F4F4;
}

#containerModeloFicha .grafica {
    background-color: white;
    border-left: 1px dashed #ddd;
}

#containerModeloFicha .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerModeloFicha #PanelTablaGraf {
    padding: 10px;
}

#containerModeloFicha .mif-expand-more {
    /*z-index: 10;*/
    font-size: 22px;
    color: var(--bionline);
}



.ModeloFichaCampanyasTab .th2[colspan="9"] {
    background: #fff;
}


.ModeloFichaCampanyasTab .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:hover) {
    border: none;
   
}

#containerModeloFicha .grid {
    padding: 20px;
    margin-bottom: 0;
}

#containerModeloFicha .bloque {
    margin-bottom: 15px;
}

#containerModeloFicha label, #containerCampanyaFicha label {
    color: var(--color-principal);
}

#containerModeloFicha input[type="text"].collapsedInput {
    font-size: 16px;
}

#containerModeloFicha input[type=text]:not(.collapsedInput), #containerModeloFicha textarea, #containerModeloFicha .rellenoAlerta {
    cursor: not-allowed;
    opacity: 1;
    background-color: #FCFCFC !important;
    border: 0px solid #ddd;
    box-shadow: none;
    border-bottom: 2px solid #ddd;
    max-width: 90%;
    color: #000 !important;
    margin-top: 7px;
}

#containerModeloFicha input[type=text].especial {
    max-width: 95%;
}

.rellenoAlerta {
    height: 36px;
    display: flex;
    align-items: center;
}

#containerModeloFicha .panel .tabs .tabs-wrapper .tabs-expand-md {
    background-color: var(--color-principal);
}

#containerModeloFicha .tabs-expand-md > ul > li.active {
    border-bottom: 1px solid #dfdfdf;
    border-top: none;
    color: var(--color-principal);
    background-color: #fff;
}

#containerModeloFicha .tabs-expand-md > ul > li, #containerModeloFicha .tabs-expand-md > ul > li:not(.active):hover {
    border-bottom: 1px solid #dfdfdf;
    border-top: none;
    background-color: var(--color-principal);
    color: white;
}

#containerModeloFicha div.border.bd-default.no-border-top.p-2 {
    background-color: white;
    margin-bottom: 3%;
}

/*CONTAINERBIDATADETALLE*/

#containerbiDataDetalle .row {
    margin-left:0;
    margin-right:0;
}

#containerbiDataDetalle .panel-content.bloquelateral{
    padding:15px;
    padding-bottom:20px;
}

#containerbiDataDetalle .panel-content.bloquelateraltabla, #containerbiDataDetalle .panel-content {
    padding: 15px;
    
}

.bloque.volumetria {
    display: flex;
    align-items: center;
    justify-content:flex-end;
  
}


.erroresTipo .columna .bloque {
    display:flex;
    margin-top:15px;
}

.erroresTipo .columna .bloque:first-child {
   
    margin-top: 0;
}


.erroresTipo .columna.primera {
    flex-direction:column;
    justify-content:space-between;
}



    .bloque.volumetria input{
        flex: 6;
        margin-left: 10px;
        height: 20px;
        line-height: 20px;
    }

.erroresTipo .columna .bloque input {
    flex: 6;
    margin-left: 10px;
}

        .bloque.volumetria label, .erroresTipo .columna .bloque label {
            flex: 4;
            text-align: right;
            margin-bottom: 0;
        }


#containerbiDataDetalle .panel-content .row {
    margin-top: 15px;
}

    #containerbiDataDetalle .panel-content .row:first-child {
        margin-top: 0;
    }




#containerbiDataDetalle .columna2 .panel, #containerbiDataDetalle .columna1 .panel {
    margin-top: 15px;
}

    #containerbiDataDetalle .columna2 .panel:first-child, #containerbiDataDetalle .columna1 .panel:first-child {
        margin-top: 0;
    }


#containerbiDataDetalle .blockContainer {
    display:flex;
}
#containerbiDataDetalle .columna1 {
    flex: 6;
}

#containerbiDataDetalle .columna2 {
   flex:3;
   margin-left:15px;
}

#containerbiDataDetalle .row .cell-7, #containerbiDataDetalle .row .cell-4, #containerbiDataDetalle .row .cell-8, #containerbiDataDetalle .row .cell-9, #containerbiDataDetalle .row .cell-2, #containerbiDataDetalle .row .cell-3 {
    padding-left: 0;
    padding-right: 0;
}

#containerbiDataDetalle .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}


#containerbiDataDetalleCalidad .containerGrafica h5 {
    text-align:center;
    margin-bottom:15px;
    color:#02add6;
}

#tablabiDataCalidadTotalErrores_wrapper tr {
    cursor:pointer;
}

#containerbiDataDetalleCalidad .botonera {
    display: flex;
    justify-content: flex-end;
}
#containerbiDataDetalleCalidad .button {
   
    color: var(--color-principal);
    background-color: #fff;
    border: 1px solid var(--color-principal);
    margin-right: 2px;
}


/*biDataCalidadEvo*/
#tablabiDataCalidadEvo_length, #tablaEvolutivoResultados_length, #tablaEvolutivoResultados2_length {
    display: none;
}

#containerbiDataCalidad .selectorErrores{width:20%;margin-bottom:15px;}
#containerbiDataCalidad .selectorErrores label {
    color:#02add6;
}
/* Fin biDataCalidadEvo*/
#containerbiDataDetalleCalidad .button:hover {
    background-color: var(--color-principal);
    color: #fff;
}

#containerbiDataDetalleCalidad .containerGrafica .selectorTabErrores, #containerbiDataDetalleCalidad .containerGrafica .selectorTabFechas {
    width: 50%;
}

#containerbiDataDetalle .panel-content input[type="text"], #containerbiDataDetalleCalidad .panel-content input[type="text"] {
    border: none;
    border-bottom: 1px solid #02add6;
    box-shadow: 0 0 0 0 #fff;
}

#containerbiDataDetalle .panel-content label, #containerbiDataDetalleCalidad .panel-content label {
    color: #02add6;
 
}

#containerbiDataDetalleCalidad .panel-content label {
    color: #02add6;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}




#tablabiDataDetalleAtributos_length, #tablabiDataDetalleDominios_length, #tablabiDataDetalleUmbrales_length, #tablabiDataCalidadTotalErrores_length, #tablaEvolutivo_length {
    display: none;
}



#containerbiDataDetalle .panel-content input[type="text"], #containerbiDataDetalle .panel-content textarea {
    font-size: 13px;
}

#containerbiDataDetalle .panel-content textarea {
    height:80px;
}

    #containerbiDataDetalle .panel-content .bloque.volumetria {
        margin-top: 15px;
    }

#containerbiDataDetalle .panel-content .bloque.volumetria:first-child {
    margin-top: 0;
}

/*FINCONTAINERBIDATADETALLE*/
/*CONTAINERBIDATAHOME*/
#containerBiDataHomeIndex .panel-title, #containerCapacidadPredictiva .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerBiDataHomeIndex .button, #containerCapacidadPredictiva .button {
    background-color: white;
    color: #02add6;
    border: 1px solid #02add6;
}

    #containerBiDataHomeIndex .button:hover, #containerCapacidadPredictiva .button:hover {
        color: white;
        background-color: #02add6;
        border: 1px solid #02add6;
    }

        #containerBiDataHomeIndex .button:hover .mif-md, #containerCapacidadPredictiva .button:hover .mif-md {
            color: white;
        }

#containerBiDataHomeIndex .primerpan .row.segundaRow.mensaje {
    margin-top:20px;
    padding:10px;
    border:1px solid #02add6;
    margin-right:20px;
    margin-left:20px;
}

#containerBiDataHomeIndex .row.segundaRow.mensaje .parrafo {
    color:#02add6;
    font-size:14px;
}

    #containerBiDataHomeIndex .row.segundaRow.mensaje .parrafo .mif-md {
        font-size:14px;
        margin-right:5px;
    }


#containerBiDataHomeIndex .row.segundaRow.fijarBotonExportar, #containerCapacidadPredictiva .row.segundaRow.fijarBotonExportar {
    position: relative;
    margin-left:0;
    margin-right:0;
}

#containerBiDataHomeIndex .botones, #containerCapacidadPredictiva .botones {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
}

    #containerBiDataHomeIndex .botones .button, #containerCapacidadPredictiva .botones .button {
        display: flex;
        align-items: center;
    }
.containerBiDataHome #containerPdf .section {
    position: relative;
    height: 1122px;
    border: 1px solid #fff;
}

#containerBiDataHomeIndex .primerpan label {
    color: #02add6;
}

#containerBiDataHomeIndex td, #containerBiDataHomeIndex th, #containerCapacidadPredictiva td, #containerCapacidadPredictiva th {
    text-align: center;
    cursor: pointer;
    padding: 4px;
    display: table-cell;
    vertical-align: middle;
}

#containerCapacidadPredictiva td, #containerCapacidadPredictiva th {
cursor:default;
}


    #containerBiDataHomeIndex table, #containerCapacidadPredictiva table {
        display: table;
    }

#containerBiDataHomeIndex .mif-md, #containerCapacidadPredictiva .mif-md {
    font-size: 24px;
    color: #02add6;
}

#containerBiDataHomeIndex .mif-md.opaco {
    font-size: 24px;
    color: #dfdfdf;
}

#containerBiDataHomeIndex .primerpan .row {
   margin-top:15px;
   padding-left:20px;
   padding-right:20px;
}

    #containerBiDataHomeIndex .primerpan .row.segundaRow, #containerCapacidadPredictiva .primerpan .row.segundaRow {
        margin-top: 5px;
        padding-left: 32px;
        padding-right: 32px;
    }

#containerBiDataHomeIndex .primerpan .row.segundaRow.textArea {
    margin-top: 20px;
}

        #containerBiDataHomeIndex textarea {
            font-size: 14px;
        }


#containerBiDataHomeIndex .checkHeader.checkbox input[type=checkbox]:checked ~ .check, #containerCapacidadPredictiva .checkHeader.checkbox input[type=checkbox]:checked ~ .check {
    background: #dfdfdf;
    color: #fff;
    border: 1px solid #dfdfdf;
}


#containerBiDataHomeIndex span.check, #containerCapacidadPredictiva span.check {
    position: relative;
    z-index: 200;
}

#containerBiDataHomeIndex .checkbox input[type=checkbox]:checked ~ .check, #containerCapacidadPredictiva .checkbox input[type=checkbox]:checked ~ .check {
    background: #02add6;
    border: 1px solid #02add6;
}

#containerBiDataHomeIndex .selectorTabGraficas, #containerBiDataHomeIndex .filter {
    width: 100%;
    margin-top: 5px;
}

#containerBiDataHomeIndex .mif-md:before {
    position: relative;
    top: 1px;
}

#containerBiDataHomeIndex .checkbox .caption, #containerCapacidadPredictiva .checkbox .caption {
    margin: 0;
    color: #fff;
}

label.checkbox {
    height:32px;
}


#tablabiDataHome_wrapper,#tablaCapacidadPredModelos_wrapper {
    position:relative;
    z-index:2;
    
}



#containerBiDataHomeIndex .filter {
    border: none;
    border-bottom: 1px solid #dfdfdf;
}

#containerBiDataHomeIndex .filter:focus {
    border: none;
    border-bottom: 3px solid #02add6;
    box-shadow:0 0 0 0 #fff;
}

#tablabiDataHome_length, #tablaCapacidadPredModelos_length {
    display: none;
}


#containerPdf .containerDescripciones, #containerPdf2 .containerDescripciones, #containerPdf3 .containerDescripciones, #containerPdf4 .containerDescripciones, #containerPdf5 .containerDescripciones, #containerPdf6 .containerDescripciones {
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 20px;
}

#containerPdf .rotuloGrupo, #containerPdf2 .rotuloGrupo, #containerPdf3 .rotuloGrupo, #containerPdf4 .rotuloGrupo, #containerPdf5 .rotuloGrupo, #containerPdf6 .rotuloGrupo {
    border-bottom: 1px solid #02add6;
    font-weight: 600;
    font-size: 16px;
}

.containerBiDataHome #containerPdf .subtitle1, .containerBiDataHome #containerPdf .subtitle2, .containerBiDataHome #containerPdf .subtitle3 {
    font-weight: 600;
    font-size: 13px;
    margin-top: 10px;
}

 .espTabla {
    margin-top:15px;
}

.containerBiDataHome #containerPdf .solu {
    margin-left: 5px;
    font-weight:400;
}

.containerBiDataHome #containerPdf .soluAlter {
   margin-top:5px;
   font-weight: 400;
}

#containerPdf .section, #containerPdf2 .section, #containerPdf3 .section, #containerPdf4 .section, #containerPdf5 .section, #containerPdf6 .section {
    position: relative;
    height: 1122px;
    border: 1px solid #fff;
}

#containerPdf .footer, #containerPdf2 .footer, #containerPdf3 .footer, #containerPdf4 .footer, #containerPdf5 .footer, #containerPdf6 .footer {
    border-top: 1px solid #333;
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
}

.containerBiDataHome #containerPdf .titulo {
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#containerPdf .titulo img, #containerPdf2 .titulo img, #containerPdf3 .titulo img, #containerPdf4 .titulo img, #containerPdf5 .titulo img, #containerPdf6 .titulo img {
    height: 68px;
}



#containerPdf .footer .center, #containerPdf2 .footer .center, #containerPdf3 .footer .center, #containerPdf4 .footer .center, #containerPdf5 .footer .center, #containerPdf6 .footer .center {
    padding-top: 5px;
    text-align: center;
}

/*FIN CONTAINERBIDATAHOMEINDEX*/



/*INICIO CONTAINERBIDATADETALLECALIDAD*/
#containerbiDataDetalleCalidad .cabecera {
    display:flex;
}

#containerbiDataDetalleCalidad .cabecera .panel:first-child {
    flex: 1;
}

    #containerbiDataDetalleCalidad .cabecera .panel:last-child {
        flex: 2;
        margin-left:50px;
    }

#containerbiDataDetalleCalidad .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerbiDataDetalleCalidad .panel .panel-content {
   padding:15px;
}

#containerbiDataDetalleCalidad .panel-content.erroresTipo {
   display:flex;
}

#containerbiDataDetalleCalidad .erroresTipo .columna {
    flex:1;
}

#containerbiDataDetalleCalidad .erroresTipo .columna:last-child {
   margin-left:50px;
}


#tablabiDataDesgloseErrores_length {
    display:none;
}

#containerbiDataDetalleCalidad .labelSelect {
   display:flex;
   flex-direction:column;
   margin-bottom:20px;
}

#containerbiDataDetalleCalidad .panel-content .labelSelect div {
  flex:1;
}

#containerbiDataDetalleCalidad .panel-content .labelSelect div .rc-select {
    width:50%;
}

    #containerbiDataDetalleCalidad .panel-content .labelSelect label {
       justify-content:flex-start;
        flex:1;
    }


#containerbiDataDetalleCalidad .erroresTipo input[type="text"] {
   font-size:13px;
}

#containerbiDataDetalleCalidad .graficas {
    display:flex;
    margin-top:30px;
}

#containerbiDataDetalleCalidad .graficas .containerGrafica {
    margin-left:50px;
    flex:1;
}

    #containerbiDataDetalleCalidad .graficas .containerGrafica label {
        color:#02add6;
    }

    #containerbiDataDetalleCalidad .graficas .containerGrafica:first-child {
        margin-left:0;
 
    }

/*FIN CONTAINERBIDATADETALLECALIDAD*/
/*LOGIN*/
#login form, #forgotPassword form, #ResetPasswordOutApp_ms form {
    background-color: black;
    color: var(--bionline);
    border-color: var(--bionline);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    padding: 30px;
    width: 600px;
    height: auto;
    position: relative;
}

#login .input-reveal-button {
    visibility:visible;
}

#login #forgot {
    position: absolute;
    bottom: 40px;
}

#login form p:not(.credenciales) {
    margin-top: 0;
    position: absolute;
    bottom: 30px;
}

#loginNuevo .activity-square {
    height: 38px;
    width: 38px;
    animation: ani-shrink 2s linear infinite;
    margin-bottom: 25px;
    margin-top: 14px;
}

    #loginNuevo .activity-square .square {
        background: var(--login-bionline);
    }

#login .mif-warning, #forgotPassword .mif-warning, #ResetPasswordOutApp_ms .mif-warning, #login .mif-check, #forgotPassword .mif-check, #ResetPasswordOutApp_ms .mif-check {
    margin-right: 5px;
    position: relative;
}

#login .credenciales, #forgotPassword .credenciales, #ResetPasswordOutApp_ms .credenciales {
    text-align: center;
    color: var(--bionline);
    position: relative;
    top: -20px;
    margin-bottom: 20px;
}



html {
    height: 100%;
}

body {
    height: 100%;
}

#login.padreform, #forgotPassword.padreform, #ResetPasswordOutApp_ms.padreform {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

#login .button.submitComenzar, #login .button.submit, #forgotPassword .button.submit, #ResetPasswordOutApp_ms .button.submit {
    color: var(--bionline);
    border-color: var(--bionline);
    background-color: black;
    font-size: 16px;
}



#login .button.submit, #forgotPassword .button.submit, #ResetPasswordOutApp_ms .button.submit {
    margin-left: 30%;
    width: 40%;
    margin-top: 20px;
    margin-bottom: 40px;
}


#login .cell-sm-9, #forgotPassword .cell-sm-9, #ResetPasswordOutApp_ms .cell-sm-9 {
    position: relative;
}

    #login .cell-sm-9 span, #forgotPassword .cell-sm-9 span, #ResetPasswordOutApp_ms .cell-sm-9 span {
        position: absolute;
        right: 20px;
        bottom: 10px;
        /*z-index: 20*/
    }

#login form a {
    color: var(--bionline);
}

    #login form a:hover {
        color: white;
        text-decoration: none;
    }


#login .button.submit:hover, #forgotPassword .button.submit:hover, #ResetPasswordOutApp_ms .button.submit:hover {
    margin-left: 30%;
    width: 40%;
    color: white;
    background-color: var(--bionline);
}

#forgotPassword .invalid_feedback, #ResetPasswordOutApp_ms .invalid_feedback {
    font-size: 12px;
    margin-top: 5px;
    color: var(--bionline);
}

#login img, #forgotPassword img, #ResetPasswordOutApp_ms img {
    width: 40%;
    margin-left: 30%;
    margin-bottom: 40px;
}

/*body, body > div:not(.alert) {
    height: 100%;
}*/

body {
    height:100%;
}

/*TABLAS*/

.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    padding: 9px 12px;
    height: 37px;
    min-width:33px;
    margin-left:2px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background: var(--bionline);
        color: white !important;
        border: none;
        padding: 9px 12px;
        height: 37px;
        min-width: 33px;
        margin-left: 2px;
    }

.paginate_button.next, .paginate_button.previous, .paginate_button.next:hover, .paginate_button.previous:hover, .paginate_button.next.current, .paginate_button.previous.current {
    width: 33px;
    margin-left: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #CDEEFD;
    color: #333 !important;
    border: none;
    padding: 9px 12px;
    height: 37px;
    min-width: 33px;
    margin-left: 2px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        cursor: default;
    }

/*BOTONERA CAMPANYASINDEX*/


#paginadorCampanyas_paginate, #paginadorGestor_paginate, #paginadorGestor_paginate, #paginadorCampanyasGestor_paginate, #paginadorCampanyasGestorSim_paginate {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    margin-top: 3px;
}

#paginadorCampanyasGestor_paginate {
    justify-content: flex-start;
}


    #paginadorCampanyas_paginate .paginate_button.previous, #paginadorCampanyas_paginate .paginate_button, #paginadorCampanyas_paginate .paginate_button.next, #paginadorCampanyas_paginate .paginate_button.current,
    #paginadorGestor_paginate .paginate_button.previous, #paginadorGestor_paginate .paginate_button, #paginadorGestor_paginate .paginate_button.next, #paginadorGestor_paginate .paginate_button.current,
    #paginadorCampanyasGestor_paginate .paginate_button.previous, #paginadorCampanyasGestor_paginate .paginate_button, #paginadorCampanyasGestor_paginate .paginate_button.next, #paginadorCampanyasGestor_paginate .paginate_button.current,
    #paginadorCampanyasGestorSim_paginate .paginate_button.previous, #paginadorCampanyasGestorSim_paginate .paginate_button, #paginadorCampanyasGestorSim_paginate .paginate_button.next, #paginadorCampanyasGestorSim_paginate .paginate_button.current {
        padding: 9px 9px;
        display: inline-block;
        text-align: center;
        min-width: 33px;
        height: 37px;
        border-radius: 2px;
        margin-left: 2px;
        cursor: pointer;
    }

        #paginadorCampanyas_paginate .paginate_button.current, #paginadorCampanyas_paginate .paginate_button.current:hover,
        #paginadorGestor_paginate .paginate_button.current, #paginadorGestor_paginate .paginate_button.current:hover,
        #paginadorCampanyasGestor_paginate .paginate_button.current, #paginadorCampanyasGestor_paginate .paginate_button.current:hover,
        #paginadorCampanyasGestorSim_paginate .paginate_button.current, #paginadorCampanyasGestorSim_paginate .paginate_button.current:hover {
            background: var(--bionline);
            color: white !important;
            border: none;
        }

        #paginadorCampanyas_paginate .paginate_button:hover, #paginadorGestor_paginate .paginate_button:hover {
            background: #CDEEFD;
            color: #333 !important;
            border: none;
        }

        #paginadorCampanyas_paginate .paginate_button.current, #paginadorGestor_paginate .paginate_button.current {
            cursor: default;
        }

/*FIN BOTONERA CAMPANYASINDEX*/


    /*BOTONERA GRAFICA ESTRUCTURA*/

#GraficaEstructura_paginate {
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

    #GraficaEstructura_paginate .paginate_button.previous, #GraficaEstructura_paginate .paginate_button, #GraficaEstructura_paginate .paginate_button.next, #GraficaEstructura_paginate .paginate_button.current {
        padding: 9px 12px;
        min-width: 33px;
        height: 37px;
        margin-left: 2px;
        cursor:pointer;
    }

    #GraficaEstructura_paginate .paginate_button.current, #GraficaEstructura_paginate .paginate_button.current:hover {
        background: var(--bionline);
        color: white !important;
        border: none;
    }

    #GraficaEstructura_paginate .paginate_button:hover {
        background: #CDEEFD;
        color: #333 !important;
        border: none;
    }

    #GraficaEstructura_paginate .paginate_button.current {
        cursor: default;
    }
/*FIN BOTONERA GRAFICA ESTRUCTURA*/

/*BOTONERA BIDATAENTIDADCALIDAD*/

#paginadorErrores_paginate {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top:3px;
}

    #paginadorErrores_paginate .paginate_button.previous, #paginadorErrores_paginate .paginate_button, #paginadorErrores_paginate .paginate_button.next, #paginadorErrores_paginate .paginate_button.current {
        padding: 9px 12px;
       min-width:33px;
        height: 37px;
        border-radius:2px;
        margin-left:2px;
        cursor:pointer;
    }

        #paginadorErrores_paginate .paginate_button.current, #paginadorErrores_paginate .paginate_button.current:hover {
            background: var(--bionline);
            color: white !important;
            border: none;
        }

        #paginadorErrores_paginate .paginate_button:hover {
            background: #CDEEFD;
            color: #333 !important;
            border: none;
        }

        #paginadorErrores_paginate .paginate_button.current {
            cursor: default;
        }

/*FIN BOTONERA BIDATAENTIDADCALIDAD*/

#containerHomeIndex tbody > tr:nth-child(odd),
#tablaSimulacionesNba tbody > tr:nth-child(odd), #tablaSimulacionNba_Simulacion1 tbody > tr:nth-child(odd),
.simulacionesNba tbody > tr:nth-child(odd),
#tabHistorialTable tbody > tr:nth-child(odd),
#containerCapacidadPredictiva tbody > tr:nth-child(odd),
#containerUsers tbody > tr:nth-child(odd), #containerModelosIndex tbody > tr:nth-child(odd),
#containerModeloFicha tbody > tr:nth-child(odd), #containerGestorCampanyas tbody > tr:nth-child(odd), #acciones tbody > tr:nth-child(odd), #containerCampanyasIndex tbody > tr:nth-child(odd), #SimulacionesCampanyasFicha tbody > tr:nth-child(odd), #containerDocumentacion tbody > tr:nth-child(odd),
#containerHomeIndexBiModels tbody > tr:nth-child(odd),
#containerBiDataHomeIndex tbody > tr:nth-child(odd), #containerbiDataDetalle tbody > tr:nth-child(odd), #containerbiDataFicheros tbody > tr:nth-child(odd),
#containerbiDataVariables tbody > tr:nth-child(odd), #containerbiDataCalidad tbody > tr:nth-child(odd), table.cons.dataTable tbody > tr:nth-child(odd),
table.bm.dataTable tbody > tr:nth-child(even), table.con.dataTable tbody > tr:nth-child(even), #containerbiDataDatamart tbody > tr:nth-child(odd), #containerbiDataDetalleCalidad tbody > tr:nth-child(odd),
#containerbiDataCalidadDetalleReglas tbody > tr:nth-child(odd), #containerbiDataCalidadEvolutivos tbody > tr:nth-child(odd), #containerEventos tbody > tr:nth-child(odd),
#containerdetalleRecomendador tbody > tr:nth-child(odd) {
    background-color: var(--tr-par);
}

#tablabiDataDetalleAtributos tbody > tr.active.fila.even, #tablabiDataDetalleAtributos tbody > tr.active.fila.odd,
#tablabiDataFicheros tbody > tr.active.fila.even, #tablabiDataFicheros tbody > tr.active.fila.odd,
#tablabiDataCalidadTotalErrores tbody > tr.active.fila.even, #tablabiDataCalidadTotalErrores tbody > tr.active.fila.odd {
    background-color: #88d6e8;
}

#tablabiDataFicheros tbody>tr{cursor:default;}

#tabHistorialTable tbody > tr {
    cursor: pointer;
}


#tablabiDataDetalleAtributos.dataTable{
    cursor: pointer;
}

#containerHomeIndex tbody > tr:nth-child(even), #tabHistorialTable tbody > tr:nth-child(even), #containerUsers tbody > tr:nth-child(even), #containerCapacidadPredictiva tbody > tr:nth-child(even),
#containerModelosIndex tbody > tr:nth-child(even), #containerGestorCampanyas tbody > tr:nth-child(even), #acciones tbody > tr:nth-child(even), #containerModeloFicha tbody > tr:nth-child(even), #containerCampanyasIndex tbody > tr:nth-child(even),
#SimulacionesCampanyasFicha tbody > tr:nth-child(even), #containerDocumentacion tbody > tr:nth-child(even), #containerHomeIndexBiModels tbody > tr:nth-child(even),
#containerBiDataHomeIndex tbody > tr:nth-child(even), #containerbiDataDetalle tbody > tr:nth-child(even), #containerbiDataDetalleCalidad tbody > tr:nth-child(even),
#containerdetalleRecomendador tbody > tr:nth-child(even), #containerbiDataFicheros tbody > tr:nth-child(even), table.cons.dataTable tbody > tr:nth-child(even),
#containerbiDataCalidadDetalleReglas tbody > tr:nth-child(even), #containerbiDataCalidadEvolutivos tbody > tr:nth-child(even),
table.bm.dataTable tbody > tr:nth-child(even), table.con.dataTable tbody > tr:nth-child(even),
.simulacionesNba tbody > tr:nth-child(even),
table.ut02.dataTable tbody > tr:nth-child(even), table.ut03.dataTable tbody > tr:nth-child(even), table.sp02.dataTable tbody > tr:nth-child(even), table.rc02.dataTable tbody > tr:nth-child(even),
#containerbiDataDatamart tbody > tr:nth-child(even), #containerbiDataVariables tbody > tr:nth-child(even), #containerbiDataCalidad tbody > tr:nth-child(even) {
    background-color: var(--tr-impar);
}

#tablaCampanyasHomeIndex_wrapper, #tablaModelosHomeIndex_wrapper, #tablaSimulacionesNba_wrapper, #tablaModulosIndex_wrapper, #ModeloFichaTabCampanyas_wrapper, #tablaUsers_wrapper, #tablaCampanyasIndex_wrapper,
#SimulacionesCampanyasFicha_wrapper, #tablaDocumentacion_wrapper, #tablaModels_wrapper, #tablaEvolutivo_wrapper, #containerbiDataCalidadDetalleReglas_wrapper {
    margin-top: 15px;
    font-size: 12px;
    width: 100%;
}

#tablabiDataDetalleAtributos_wrapper, #tablabiDataDetalleDominios_wrapper, #tablabiDataDetalleUmbrales_wrapper, tablabiDataCalidadTotalErrores_wrapper {
    font-size: 13px;
}


#tablabiDataHome_wrapper, #tablaCapacidadPredModelos_wrapper,#tabHistorialTable_wrapper {
    font-size: 12px;
    width: 100%;
}

#tablaCampanyasHomeIndex_length, #tablaModelosHomeIndex_length, #tablaModulosIndex_length, #ModeloFichaTabCampanyas_length, #tablaUsers_length, #tablaCampanyasIndex_length,
#SimulacionesCampanyasFicha_length, #tablaDocumentacion_length, #tablaModels_length {
    margin-bottom: 10px;
}

#containerHomeIndex tbody > tr:hover, #containerModelosIndex tbody > tr:hover, #containerModeloFicha tbody > tr:hover, #containerGestorCampanyas tbody > tr:hover, #acciones tbody > tr:hover, #containerCampanyasIndex tbody > tr:hover, #containerCampanyaFicha tbody > tr:hover, #containerEventos tbody > tr:hover,
#containerUsers tbody > tr:hover, #containerdetalleRecomendador tbody > tr:hover, #containerbiDataFicheros tbody > tr:hover, #containerbiDataCalidad tbody > tr:hover, #containerbiDataVariables tbody > tr:hover #containerDocumentacion tbody > tr:hover, #containerBiDataHomeIndex tbody > tr:hover, #containerbiDataDetalle tbody > tr:hover, #containerbiDataDetalleCalidad tbody > tr:hover {
    background-color: #CDEEFD;
}
#containerbiDataFicheros tbody > tr:hover {
    cursor:pointer;
}

#containerHomeIndex .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerModelosIndex .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerModeloFicha .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerCampanyasIndex .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerCampanyaFicha .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerGestorCampanyas .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#acciones .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerUsers .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerDocumentacion .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerHomeIndexBiModels .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerBiDataHomeIndex .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerbiDataDetalle .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerbiDataDetalleCalidad .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerdetalleRecomendador .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerbiDataFicheros .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerbiDataCalidad .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerbiDataVariables .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerbiDataDatamart .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerCapacidadPredictiva .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
#containerEventos .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
.dataTables_wrapper.no-footer table.bm.dataTable thead > tr > th,
.dataTables_wrapper.no-footer table.ut02.dataTable thead > tr > th,
#tablaSimulacionesNba .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
.simulacionesNba .dataTables_wrapper.no-footer table.dataTable thead > tr > th,
.dataTables_wrapper.no-footer table.sp02.dataTable thead > tr > th {
    border-bottom: 3px solid #0D8DC7;
    border-right: solid 1px #fff;
    font-size: 13px;
    vertical-align: middle;
}


.rc02.dataTable thead > tr > th {
    border-bottom: 3px solid #822a2f;
    border-right: solid 1px #fff;
    font-size: 13px;
    vertical-align: middle;
}

.ut03.dataTable thead > tr > th {
    border-bottom: 3px solid #cddc46;
    border-right: solid 1px #fff;
    font-size: 13px;
    vertical-align: middle;
}

.sp02.dataTable thead > tr > th {
    border-bottom: 3px solid #0D8DC7;
    border-right: solid 1px #fff;
    font-size: 13px;
    vertical-align: middle;
}


.con.dataTable thead > tr > th {
    border-bottom: 3px solid #ff9000;
    border-right: solid 1px #fff;
    font-size: 13px;
    vertical-align: middle;
}


#containerHomeIndex .dataTables_wrapper.no-footer table.dataTable thead,
#containerGestorCampanyas .dataTables_wrapper.no-footer table.dataTable thead,
#acciones .dataTables_wrapper.no-footer table.dataTable thead,
#containerModelosIndex .dataTables_wrapper.no-footer table.dataTable thead,
#containerModeloFicha .dataTables_wrapper.no-footer table.dataTable thead,
#containerCampanyasIndex .dataTables_wrapper.no-footer table.dataTable thead,
#containerCampanyaFicha .dataTables_wrapper.no-footer table.dataTable thead,
#containerUsers .dataTables_wrapper.no-footer table.dataTable thead,
#containerDocumentacion .dataTables_wrapper.no-footer table.dataTable thead,
#containerHomeIndexBiModels .dataTables_wrapper.no-footer table.dataTable thead,
#containerBiDataHomeIndex .dataTables_wrapper.no-footer table.dataTable thead,
#containerbiDataDetalle .dataTables_wrapper.no-footer table.dataTable thead,
#containerbiDataDetalleCalidad .dataTables_wrapper.no-footer table.dataTable thead,
#containerdetalleRecomendador .dataTables_wrapper.no-footer table.dataTable thead,
#containerbiDataFicheros .dataTables_wrapper.no-footer table.dataTable thead,
#containerbiDataCalidad .dataTables_wrapper.no-footer table.dataTable thead,
#containerbiDataVariables .dataTables_wrapper.no-footer table.dataTable thead,
#containerCapacidadPredictiva .dataTables_wrapper.no-footer table.dataTable thead,
#containerbiDataDatamart .dataTables_wrapper.no-footer table.dataTable thead,
#containerbiDataCalidadDetalleReglas .dataTables_wrapper.no-footer table.dataTable thead,
#containerbiDataCalidadEvolutivos .dataTables_wrapper.no-footer table.dataTable thead,
#containerEventos .dataTables_wrapper.no-footer table.dataTable thead,
#tablaSimulacionesNba thead,
.simulacionesNba thead,
.dataTables_wrapper.no-footer table.gen.dataTable thead {
    background-color: var(--bionline);
    color: white;
    font-size: 15px;
}

.dataTables_wrapper.no-footer table.bm.dataTable thead {
    background-color: #94ba9c;
    color: white;
    font-size: 15px;
}

.dataTables_wrapper.no-footer table.con.dataTable thead {
    background-color: #FFC08B;
    color: white;
    font-size: 15px;
}

.dataTables_wrapper.no-footer table.gen.dataTable thead {
    background-color: #02add6;
    color: white;
    font-size: 15px;
}


#containerHomeIndex .dataTables_wrapper .dataTables_length label select, #containerHomeIndex .dataTables_wrapper .dataTables_filter label input,
#containerModelosIndex .dataTables_wrapper .dataTables_length label select, #containerModelosIndex .dataTables_wrapper .dataTables_filter label input,
#containerModeloFicha .dataTables_wrapper .dataTables_length label select, #containerModeloFicha .dataTables_wrapper .dataTables_filter label input,
#tablaCampanyasIndex .dataTables_wrapper .dataTables_length label select, #tablaCampanyasIndex .dataTables_wrapper .dataTables_filter label input,
#containerCampanyaFicha .dataTables_wrapper .dataTables_length label select, #containerCampanyaFicha .dataTables_wrapper .dataTables_filter label input,
#containerUsers .dataTables_wrapper .dataTables_length label select, #containerUsers .dataTables_wrapper .dataTables_filter label input,
#containerDocumentacion .dataTables_wrapper .dataTables_length label select, #containerDocumentacion .dataTables_wrapper .dataTables_filter label input,
#containerHomeIndexBiModels .dataTables_wrapper .dataTables_length label select, #containerHomeIndexBiModels .dataTables_wrapper .dataTables_filter label input {
    height: 25px;
    font-size: 13px;
    line-height: 25px;
}



#containerHomeIndex #PanelTablaGraf .dataTables_wrapper .dataTables_filter input, #tablaCampanyasIndex #PanelTablaGraf .dataTables_wrapper .dataTables_filter input,
#containerModelosIndex .dataTables_wrapper .dataTables_filter input, #ModeloFichaTabCampanyas_wrapper .dataTables_filter input, #containerCampanyaFicha .dataTables_filter input,
#containerUsers .dataTables_wrapper .dataTables_filter input, #containerHomeIndexBiModels .dataTables_filter input {
    margin-left: 0;
}

#tablaCampanyasIndex {
    margin-top: 0;
}

#containerHomeIndex .th3:first-child, #containerHomeIndex .th2:first-child, #containerCampanyasIndex .th3:first-child, #containerCampanyasIndex .th2:first-child, #containerModeloFicha .th3:first-child, #containerModeloFicha .th2:first-child, #containerUsers .th3:first-child, #containerUsers .th2:first-child{
    background-color: #fff;
    border-bottom: none !important;
}

#containerHomeIndex .th3, #containerCampanyasIndex .th3, #containerModeloFicha .th3, #tablaSimulacionesNba .th3, #containerUsers .th3 {
    font-size: 12px !important;
    background-color: var(--bionline);
    border-bottom: none !important;
    color: #fff !important;
}

#containerHomeIndex .th2, #containerCampanyasIndex .th2, #tablaSimulacionesNba .th2, #containerModeloFicha .th2, #containerUsers .th2, #containerHomeIndexBiModels .th2, #containerdetalleRecomendador .th2, #tablaModulosIndex_wrapper .th2 {
    font-size: 12px !important;
    background-color: var(--tr-impar);
    border-bottom: none !important;
    color: var(--color-rotulos-mkt) !important;
}



#containerCampanyasIndex th {
    padding: 8px 15px;
}

/* 404 - NOT FOUND */

#notFound p, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

#notFound {
    background: #E9E9E9;
    text-align: center;
    overflow: hidden;
    height: 100%
}
    /*--header--*/
    #notFound .header h1 {
        font-size: 51px;
        text-transform: uppercase;
        letter-spacing: 11px;
        color: #01677F;
        font-weight: 100;
        margin: 0.7em 0em;
    }
    /*--//header--*/

    /*--main--*/
    #notFound .w3-main {
        background: white;
        width: 53%;
        margin: 2em auto;
        -webkit-box-shadow: -2px 11px 32px -13px rgba(0,0,0,0.45);
        -moz-box-shadow: -2px 11px 32px -13px rgba(0,0,0,0.45);
        box-shadow: -2px 11px 32px -13px rgba(0,0,0,0.45);
    }

    #notFound .agile-info {
        padding: 60px 0px;
    }

        #notFound .agile-info h2 {
            font-size: 12em;
            color: black;
            line-height: 1;
            font-weight: 100;
            letter-spacing: 20px;
        }

        #notFound .agile-info h3 {
            font-size: 38px;
            text-transform: uppercase;
            color: white;
            line-height: 1.5;
            font-weight: 100;
            letter-spacing: 2px;
            margin-top: 12px;
        }

        #notFound .agile-info p {
            font-size: 18px;
            color: rgba(0, 0, 0, 0.71);
            text-transform: capitalize;
            letter-spacing: 6px;
            margin-bottom: 46px;
        }

        #notFound .agile-info a {
            font-size: 15px;
            text-transform: uppercase;
            color: white;
            border: 1px solid #02ADD6;
            padding: 10px 40px;
            border-radius: 20px;
            letter-spacing: 1px;
            display: inline-block;
            margin-top: 8px;
            background: #02ADD6;
            font-family: 'Open Sans', sans-serif;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -moz-transition: 0.5s all;
          
        }

            #notFound .agile-info a:hover {
                background: #0393b5;
                transition: 0.5s all;
                -webkit-transition: 0.5s all;
                -o-transition: 0.5s all;
                -moz-transition: 0.5s all;
                
            }
    /*--social-icons--*/
    #notFound .social {
        text-align: center;
        transform: translateY(-50%);
    }

        #notFound .social li {
            display: inline;
            margin-right: 7px;
        }

        #notFound .social .link {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 2px dashed white;
            background-clip: content-box;
            padding: 4px;
            transition: .5s;
            color: #D7D0BE;
            margin-left: 10px;
            margin-right: 8px;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
            font-size: 16px;
        }

            #notFound .social .link span {
                display: block;
                position: absolute;
                text-align: center;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            #notFound .social .link:hover {
                color: white;
                transform: translateX(0px) rotate(360deg);
            }

            #notFound .social .link.google-plus {
                background-color: tomato;
                color: white;
            }

            #notFound .social .link.twitter {
                background-color: #00ACEE;
                color: white;
            }

            #notFound .social .link.facebook {
                background-color: #3B5998;
                color: white;
            }
    /*--//social-icons--*/
    /*--//main--*/

    /*--footer--*/
    #notFound .footer-w3l p {
        margin: 2.8em 0em;
        color: black;
        font-size: 15px;
        font-weight: 100;
        letter-spacing: 2px;
    }

    #notFound .footer-w3l a {
        color: #fff;
    }

        #notFound .footer-w3l a:hover {
            color: rgb(36, 228, 219);
            text-decoration: underline;
        }


/* biModels HOME */

#containerHomeIndexBiModels .labelSelect label {
    color: #02ADD6;
}


#containerHomeIndexBiModels .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerHomeIndexBiModels #tablaModels tbody tr td div {
    display: flex;
    justify-content: center;
}

#containerHomeIndexBiModels #tablaModels tbody tr td div p {
    display: flex;
    align-items: center;
    justify-content: center;
}

#containerHomeIndexBiModels #tablaModels tbody tr td div p span{
    margin-right: 5px;
}

#containerHomeIndexBiModels #tablaModels_wrapper {
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
}

#containerHomeIndexBiModels .labelSelect{
    display: inline;
    float: left;
    width: 20%;
    margin-left: 20px;
    margin-bottom: 10px;
}

#containerHomeIndexBiModels .labelSelect:first-child{
    margin-left: 5px;
}

#containerHomeIndexBiModels .modelo {
    float: left;
    width: 20%;
}

#containerHomeIndexBiModels .selectMeses {
    float: left;
}

#containerHomeIndexBiModels .panel {
    margin-bottom: 3%;
}

#containerHomeIndexBiModels .kpi {
    margin-left: 20px;
    width: 20%;
}

#containerHomeIndexBiModels .gaugePrueba {
    float: left;
}

#containerHomeIndexBiModels .recharts-wrapper {
    top: -35px;
}

#containerHomeIndexBiModels .recharts-responsive-container {
    margin-top: 10px;
    width: 35% !important;
    float: left;
}




#containerHomeIndexBiModels h5 {
    color:#fff;
    text-align:center;
}
    #containerHomeIndexBiModels .containerGauges {
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
   margin-top:20px;
}

#containerHomeIndexBiModels .gaugePrueba {
    width: 17%;
  
}

#containerHomeIndexBiModels .containerGrafica {
    width: 100%;
  margin-top:40px;
}

#containerHomeIndexBiModels .containerGrafica .panel-content {
   padding:20px;
   padding-bottom:0;
}

    #containerHomeIndexBiModels .containerGrafica .panel-content .grafica {
        margin-top: 40px;
    }

    #containerHomeIndexBiModels .tableContainer .panel-content {
        padding:20px;
    }

#containerHomeIndexBiModels .containerGauges h6 {
    text-align: center;
}

#containerHomeIndexBiModels .recharts-responsive-container {
    width: 100% !important;
}



/* CONTAINER DOCUMENTACION */
#containerDocumentacion #panelFiltro {
    margin: 10px;
    display: block;
    padding: 20px;
    background-color: #F4F4F4;
}

    #containerDocumentacion #panelFiltro .filtro {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 500;
    }

#containerDocumentacion .botonTree {
border:none;
background:none;
}



#containerDocumentacion #panelFiltro .expanded > .caption {
    margin-left: 20px;
}
#containerDocumentacion #panelFiltro .activeItemTree > .botonTree .caption, #containerDocumentacion #panelFiltro .activeItemTree > .botonTree .icon,
#containerDocumentacion #panelFiltro .activeItemTree >.caption, #containerDocumentacion #panelFiltro .activeItemTree > .icon {
    color: #02add6;
}

    #containerDocumentacion #panelFiltro .activeItemTree >.botonTree .badge {
        background-color: #02add6;
        color:#fff;
    }

#containerDocumentacion #panelFiltro {
    display:flex;
    flex-direction:row;
}
   


#containerDocumentacion  #panelFiltro .tree {
    flex:2;
}

    #containerDocumentacion #panelFiltro .rowTabla {
        flex: 8;
        /*margin-top:30px;*/
    }

#containerDocumentacion #tablaDocumentacion_length, #tabHistorialTable_length {
    display: none;
}

    #containerDocumentacion #panelFiltro li.current:not(.activeItemTree):not(.parent) .botonTree:hover .caption, #containerDocumentacion #panelFiltro li.current:not(.activeItemTree):not(.parent) .botonTree:hover .icon {
        color: darkblue;
    }

.botonTree:focus {
outline:none;
}

#containerDocumentacion #panelFiltro li.current:not(.activeItemTree):not(.parent) .botonTree:hover .badge {
    background-color: darkblue;
    color: white
}





#containerDocumentacion .mif-more-horiz:hover, #containerGestorCampanyas .mif-more-horiz:hover {
    color: darkblue;
}


#containerDocumentacion .error {
    font-size: 14px;
    margin-left: 20px;
}

#containerDocumentacion .rowButton .button, #containerDocumentacion table .button {
    border-radius: 20px;
    color: var(--color-principal);
    background-color: #fff;
    border: 1px solid var(--color-principal);
    margin-right: 2px;
}

#containerDocumentacion .rowButton .button:hover, #containerDocumentacion table .button:hover {
    background-color: var(--color-principal);
    color: #fff;
}

#containerDocumentacion .panel .panel-title,#containerEventos .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#Acerca .flexContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
 
}

#Acerca .panel {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    padding: 30px;
    width: 600px;
    height: auto;
    margin:auto;
}

#Acerca .flexContainer img {
    width: 40%;
    margin-left: 30%;
    margin-right:30%;
    margin-bottom:20px;
}

#Acerca .containerTexto {
    display:flex;
    width:80%;
    margin-left:10%;
    margin-right:10%;
    flex-direction:column;
    align-items:flex-start;
}


#Acerca .containerTexto .buttons{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top:32px;
    width:100%;
}

    #Acerca .containerTexto .buttons a{
       text-decoration:none;
    }

    #Acerca .containerTexto .buttons .desa, #Acerca .containerTexto .buttons .desa:hover {
        color: #212121;
        cursor: default;
    }

#containerDocumentacion .row.rowTabla {
    padding: 0 20px;
}

#tablaDocumentacion_paginate {
    position:relative;
    z-index:1;
}

#containerDocumentacion .menuDesp, #containerGestorCampanyas .menuDesp, #acciones .menuDesp {
    position: absolute;
    z-index: 10;
    right: 20px;
    top: 9px;
    cursor:pointer;
    list-style-type: none;
    border: 1px solid #666;
    background: #fff;
    box-shadow: 1px 1px 1px #666;
}

    #containerDocumentacion .menuDesp li, #containerGestorCampanyas .menuDesp li, #acciones .menuDesp li {
        padding: 10px 30px;
        color: #02add6;
        display: flex;
        cursor:pointer;
        font-size: 12px;
        justify-content: space-between;
        border-bottom: 1px solid #02add6;
        font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
    }

        #containerDocumentacion .menuDesp li:hover, #containerDocumentacion .menuDesp li:hover span, #containerGestorCampanyas .menuDesp li:hover, #containerGestorCampanyas .menuDesp li:hover span, #acciones .menuDesp li:hover, #acciones .menuDesp li:hover span {
            background: #02add6;
            color: #fff;
        }

        #containerDocumentacion .menuDesp li:last-child, #containerGestorCampanyas .menuDesp li:last-child, #acciones .menuDesp li:last-child {
            border-bottom: 0;
        }


        #containerDocumentacion .menuDesp li span, #containerGestorCampanyas .menuDesp li span, #acciones .menuDesp li span {
            margin-left: 20px;
            color: #02add6;
        }


        #forgotPassword .textboxref:last-child {
            margin-top: 20px;
        }

#ResetPasswordOutApp_ms .textboxref input[type="text"] {
    color: #000;
}


#containerHomeIndexBiModels .labeltexto {
    color: var(--bionline);
    background: white;
    position: relative;
    z-index: 20;
    padding: 5px;
}

#containerDocumentacion .mensajeError {
    display: flex;
    align-items: center;
}

#containerDocumentacion .mensajeError .error {
    color: var(--color-principal);
    font-size: 13px;
    float: left;
}

#containerDocumentacion .mensajeError .error > span {
    margin-right: 5px;
    cursor: default !important;
}

#containerDocumentacion .subirArchivo {
    float: left;
}

#containerDocumentacion .checkbox {
    margin-top: 18px;
    margin-right: 10px;
}

#containerDocumentacion #file-4 {
    width: 10px;
}

#containerDocumentacion .badge.inline {
    position: relative;
    left: 4px;
    top:0;
    padding: 4px;
    background: #333;
    color: white;
}

#containerDocumentacion .buttonfilter {
    background-color: white;
    color: #02add6;
    border: 1px solid #02add6;
    width: 100%;
    border-radius: 20px;
    height: 36px;
    cursor: pointer;
}

#containerDocumentacion #tablaDocumentacion_wrapper td .mif-md {
    position:relative;
    z-index:1;
}

#containerDocumentacion .buttonfilter:focus {
    outline-style: none;
}

    #containerDocumentacion .buttonfilter:hover {
        color: white;
        background-color: #02add6;
        border: 1px solid #02add6;
    }


#containerDocumentacion .errorprogress {
    margin-left: 20px;
    display: flex;
    align-items: center;
}

#containerDocumentacion .progress {
    width: 300px;
    float: left;
    height: 31px;
}

.progress .bar {
    background: #02add6;
}

#containerDocumentacion .errorprogress label {
    float: left;
    margin-left: 5px;
    font-size: 16px;
    margin-bottom: 0;
}

#containerDocumentacion .checkbox input[type=checkbox]:checked ~ .check {
    background:#02add6;
    border-color:#02add6;
}

#containerDocumentacion .celdaFilter {
    width: 18%;
}

#containerDocumentacion .celdaFilter.especial {
    
    display: flex;
    align-items: flex-end;
    width:10%;
}

#containerDocumentacion .filaFilter {
    display: flex;
    justify-content: space-between;
}



/* INPUT FILE */
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    position: relative;
    top: -18px;
    margin-left: 20px;
    cursor: pointer;
    padding: 10px;
    border-radius: 20px;
    color: var(--color-principal);
    background-color: #fff;
    border: 1px solid var(--color-principal);
    margin-right: 2px;
}

.inputfile + label:hover {
    background-color: var(--color-principal);
    color: #fff;
}

.inputfile + label > span {
    margin-right: 5px;
}

.no-js .inputfile + label {
    display: none;
}

/* NOTIFICACIONES */
.bionline {
    background-color: #02ADD6;
    display: block !important;
}

.home .app-bar .app-bar-menu > li:hover .bionline {
    background-color: white;
    color: #02add6 !important;
}

.notificacion {
    padding: 10px;
    list-style-type: none !important;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom:0;
}

.mensajeNotificacion {
    display:inline-block;
    margin: 10px;
    max-width: 65%;
    word-wrap: break-word;
}

.tiempoNotificacion {
    line-height: 30px;
    float: right;
    bottom: 0;
    color: #929292;
    font-size: 10px;
    cursor: default;
}

.descartarNotificacion:hover {
    background-color: transparent
}

.descartarNotificacion {
    right:20px;
    position:absolute;
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.descartarNotificacion > span {
    width: 10px;
    height: 10px;
}

.notificaciones {
    display: none;
    width: 384px;
    height: 100%;
    z-index: 10;
    position: fixed;
    top: 52px;
    background-color: white;
    right: -5px;
    box-shadow: 0 5px 15px 2px rgba(0,0,0,.3);
}

.contentNotificaciones {
    height: 100%;
    padding-left: 25px;
    box-sizing: border-box;
    font-size: 12px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 50px;
}

.headerNotificaciones {
    border-bottom: 1px solid #758393;
    padding-bottom: 10px;
    margin-right: 25px;
}

.headerNotificaciones > h2 {
    float: left;
    font-family: az_ea_font,"Segoe UI",wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe WP",Tahoma,Arial,sans-serif;
    font-weight: 200;
    font-size: 18px;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px;
}

.contenidoNotificaciones {
    height: calc(100% - 75px);
    overflow: auto;
    padding-right: 25px;
}

.contenidoNotificaciones > ul {
    margin: 0;
}

.containerRowSuperior {
    display:flex;
    align-items:center;
    position:relative;
}



.iconNotificacion {
    width: 25px;
    height: 25px;
    cursor: default;
    float: left;
   line-height:25px;
    font-size: 10px;
    color: white;
    display: block;
    border-radius: 50%;
   
    text-align:center;
    background-color: #02add6;
}

.botonNotificacion {
    border-color: #02add6;
    float: left;
    line-height: 0;
    bottom: 0;
    left: 15px;
    height: 30px;
    padding: 0;
    margin: 0;
    width: 106px;
    font-size: 11px;
    background-color: white;
    color: #02add6;
    margin-top:7px;
    margin-bottom:7px;
}

.botonNotificacion:hover {
    background-color: #02add6;
    color: white;
}

.bottomNotificacion {
    width: 100%;
    float: left;
  
}

.campanaNotificacion {
    font-size: 20px;
    float: left;
}

.cerrarNotificaciones {
    float: right;
    margin-top: 15px;
}

#react-app .container-fluid, #react-app .container-fluid .home {
    height: 100%;
}

/*Dialog-Modal*/

.dialog-actions {
    display: flex;
  
}

#containerCampanyaFicha .elimCampanya .button {
    width: 100%;
    color: var(--bionline);
    border-color: var(--bionline);
    background-color: white;
}

#containerCampanyaFicha .elimCampanya .button.desa, #containerCampanyaFicha .button.Solicitada, #containerCampanyaFicha .elimCampanya .button.desa:hover, #containerCampanyaFicha .button.Solicitada:hover {
    width: 100%;
    color: #000 !important;
    border: 0;
    cursor: default;
    outline: 0;
    background-color: #ebebeb;
    opacity: 1;
}

#containerCampanyaFicha tr .button.Solicitada, #containerCampanyaFicha tr .button.Solicitada:hover{
    width: 50%;
    cursor: default;
    background-color: #ebebeb;
    opacity: 1;
}




#containerCampanyaFicha .elimCampanya .button:hover {
    width: 100%;
    color: white;
    background-color: var(--bionline);
}

.dialog-title {
    display: flex;
    align-items: center;
}

    .dialog-title .imgselect {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 1px solid #02add6;
        padding: 3px;
        margin-right: 10px;
    }

.dialog-actions .button:first-child {
    border-right: 1px solid #e9e9e9;
    margin-right:40px;
}

.dialog-actions .button {
    color: var(--bionline);
    background-color: white;
    flex: 1;
    margin: 0;
}

    .dialog-actions .button:hover {
        color: white;
        background-color: var(--bionline);
    }


.app-bar .app-bar-menu > li > a.contentBell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.badge.inline {
    position: relative;
    top: -10px;
    left: -8px;
}

#containerBiModelsModeloFicha .recharts-default-legend {
    display: flex;
    align-items: flex-end;
}


#containerModeloFicha #Graficas .panel-content span {
    margin-right: 5px;
}


#timelineDinamic {
    width: 100%;
    margin: 20px;
    position: relative;
}

    #timelineDinamic .future > span {
        background: #333;
    }

    #timelineDinamic .text-center {
        display: flex;
        justify-content: center;
    }

        #timelineDinamic .text-center .content {
            display: inline;
            float: left;
            margin: 10px;
        }

            #timelineDinamic .text-center .content h6 {
                margin-bottom: 6px;
            }

.text-center .bloque {
    /*background: white;
    color: #02add6;*/
    background: #02add6;
    color: #fff;
    display: inline-block;
   height:65px;
   width:65px;
   line-height:65px;
    border-radius: 50%;
    border: 1px solid #02add6;
    transition: all 1s ease-in-out;
    cursor: default;
}

    .text-center .bloque.active {
        /*background: #02add6;
        color: #fff;*/
        background: white;
        color: #02add6;
        display: inline-block;
        line-height: 65px;
        height: 65px;
        width: 65px;
        border-radius: 50%;
        transition: all 1s ease-in-out;
        cursor: default;
    }

.containerBlock {
    width:100%;
    height:40px;
}


.listview.view-content .childblock.node {
    width: 50%;
    float: left;
    display: inline;
    height: 40px;
}

.listview.view-content {
   column-count:2;
 
}

.infinite-scroll-component {
    width:100%;
}

.row.vars > div {
    width: 100%;
}

.totalCont {
    float:left;
    display:inline;
    width:48%;
    margin-right:2%;
}



    .totalCont .contLeft {
        margin-top: 10px;
     
        width: 5%;
        float: left;
        height: 40px;
        display: flex;
        align-items: center;
  
        cursor: pointer;
    }

    .totalCont .contRight {
        margin-top: 10px;
     
        width: 95%;
        float: left;
        height: 40px;
        border-bottom: 1px solid #dfdfdf;
        cursor: pointer;
    }

    .totalCont span {
        font-size:20px;

    }

#containerBiModelsModeloFicha .activity-cycle {
    top: 10px;
    color: #02add6;
}

#containerBiModelsModeloFicha .panel .panel-content.lift {
    height: 346px;
}

    #containerBiModelsModeloFicha .panel .panel-content.lift span {
        margin-right: 5px;
    }

    #containerBiModelsModeloFicha .activity-cycle.dark-style .cycle:before, #containerBiModelsModeloFicha .activity-cycle.dark-style .cycle:after, #containerBiModelsModeloFicha .activity-cycle.dark-style .cycle {
        border-top-color: #02add6;
    }

#containerBiModelsModeloFicha .row.vars {
    padding-left: 20px;
    padding-right: 20px;
    height:370px;
    margin-top:20px;
}

#containerBiModelsModeloFicha .text-center .bloque.alertaOri {
    transition: all 1s ease-in;
    background-color: #fff;
    border: none;
    width: 30px;
    height: 30px;
    position: relative;
    top: 15px;
    cursor: default;
}

#containerBiModelsModeloFicha .text-center .bloque.alertaV {
    transition: all 1s ease-in-out;
    background-color: #46C37B;
    border: none;
    width: 30px;
    height: 30px;
    position: relative;
    top: 15px;
    cursor: default;
}

#containerBiModelsModeloFicha .text-center .bloque.alertaR {
    transition: all 1s ease-in-out;
    background-color: #9e2f2f;
    border: none;
    width: 30px;
    height: 30px;
    position: relative;
    top: 15px;
    cursor: default;
}

#containerBiModelsModeloFicha .text-center .bloque.alertaA {
    transition: all 1s ease-in-out;
    background-color: lightyellow;
    border: none;
    width: 30px;
    height: 30px;
    position:relative;
    top:15px;
    cursor:default;
}


#containerBiModelsModeloFicha input[type="text"], #containerBiModelsModeloFicha textarea {
    font-size: 14px;
}

li.rc-select-dropdown-menu-item-selected {
    background-color: #fff;
}

.selectorLayout li.rc-select-dropdown-menu-item.optionSelect:last-child {
    border-top: 1px solid rgb(238,238,238);
}

 #containerBiModelsModeloFicha textarea.objetivo {
        min-height:50px;
        height:50px;
    }

#containerBiModelsModeloFicha .selectorTabGraficasRoc, #containerBiModelsModeloFicha .selectorTabGraficasRespuesta, #containerBiModelsModeloFicha .selectorTabGraficasGanancia, #containerBiModelsModeloFicha .selectorTabGraficasEficacia {
    padding-left: 0;
    padding-right: 0;
    width:80%;
  
}

.reglas .containerTarj {
    display:flex;
    justify-content:space-around;
    margin-bottom:10px;
}

.tarjeta {
    height: auto;
    width: 400px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.19), 0 5px 10px 0 rgba(0, 0, 0, 0.24);
}


.tarjContent .postSelect {
    padding-top:10px;
}
.tarjContent .rc-select {
    margin-bottom:10px;
}


.tarjHeader {
    height:100px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    border-bottom:1px solid #dedede;
    background:#02add6;
    z-index:2;
}

.tarjHeader h5 {
    color:#fff;
}

    .tarjHeader img {
        position:absolute;
        bottom:-22px;
        border-radius:50%;
        border:1px solid #02add6;
        padding:5px;
        z-index:3;
        opacity:1;
        background:#fff;
        width:44px;
        height:44px;
    }

.tarjContent {
    padding: 20px;
    padding-top:30px;
}



.tarjContent li {
    margin-top:15px;
    color:#02add6;
    text-indent:-18px;
    text-align:justify;
}

/*ContainerBiDataFicheros*/

#containerbiDataFicheros .rowSuperior {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    margin-bottom:15px;
}

#containerbiDataFicheros .rowMedio {
    display: flex;
    justify-content: space-between;
    flex: 1;
    margin-bottom:20px;
}

    #containerbiDataFicheros .rowMedio > .selectorFechas {
        width: 30%;
        display: flex;
     
    }

    #containerbiDataFicheros .rowMedio > .checkBoxes {
        width: 20%;
        display: flex;
        justify-content: space-around;
        align-items: flex-end;
    }

    #containerbiDataFicheros .rowMedio > .filtro {
        width: 30%;
        display: inline-block;
    }

#containerbiDataFicheros .radio input[type=radio]:checked ~ .check {
    background-color:#02add6;
    border-color:#02add6;
}


#containerbiDataFicheros .checkbox input[type=checkbox]:checked ~ .check, #acciones .checkbox input[type=checkbox]:checked ~ .check {
    background-color: #02add6;
    border-color: #02add6;
}

#acciones label.checkbox{
    height:32px;
    width:25px;
}

#containerbiDataFicheros .panel-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top:20px;
    padding-bottom:30px;
}





    #containerbiDataFicheros .selectorFechas .anyo, #containerbiDataFicheros .selectorFechas .mes {
        display:inline;
        flex:1;
    }

    #containerbiDataFicheros .selectorFechas .anyo {
        margin-right:20px;
    }

#containerbiDataFicheros .textArea {
    margin-top: 15px;
}

#containerbiDataFicheros .textArea label {
    font-size: 14px;
   
}

        #containerbiDataFicheros .textArea textarea {
            font-size: 12px;
        }




    #containerbiDataFicheros .panel-title {
        justify-content: center;
        background-color: var(--color-principal);
        color: white;
    }

    #containerbiDataFicheros  label {
        color: #02add6;
    }

    #containerbiDataFicheros .caption {
        color:#666;
    }


    #containerbiDataFicheros .filter {
        border: none;
        border-bottom: 1px solid #dfdfdf;
    }

        #containerbiDataFicheros .filter:focus {
            border: none;
            border-bottom: 3px solid #02add6;
            box-shadow: 0 0 0 0 #fff;
        }

#containerbiDataFicheros .selectorTabFechas {
    position:relative;
} 

#tablabiDataFicheros_length {
    display:none;
}

/*Fin ContainerBiDataFicheros*/

/*containerbiDataCalidad*/

#containerbiDataCalidad .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerbiDataCalidad .panel-content {
    padding:20px;
}

#containerbiDataCalidad .panel-content .botonera {
    justify-content: flex-end;
    display: flex;
     flex:1;
 
  
}

#containerbiDataVariables .panel-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
}

    #containerbiDataCalidad .panel-content .botonera .botones {
       display:flex;
        width: 25%;
      margin:0;
    }

        #containerbiDataCalidad .panel-content .botonera .botones > .button {
            flex:1;
        }



#containerbiDataCalidad .button {
    background-color: white;
    color: #02add6;
    border: 1px solid #02add6;
}

    #containerbiDataCalidad .button.active {
        color: white;
        background-color: #02add6;
    }

#containerbiDataCalidad .rowMedio {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

    #containerbiDataCalidad .rowMedio > .filtro, #containerbiDataCalidad .rowMedio > .selectorErrores, #containerbiDataCalidad .rowMedio > .selectorFechas {
        width: 25%;
        display: inline-block;
    }



#containerbiDataCalidad .filter, #containerbiDataVariables .filter {
    border: none;
    border-bottom: 1px solid #dfdfdf;
}

    #containerbiDataCalidad .filter:focus, #containerbiDataVariables .filter:focus {
        border: none;
        border-bottom: 3px solid #02add6;
        box-shadow: 0 0 0 0 #fff;
    }

#tablabiDataCalidad_length {
    display: none;
}

#containerbiDataCalidad tbody > tr.totalRow, #containerbiDataCalidadEvolutivos tbody > tr.totalRow {
    background-color: #F0F8FF;
    font-weight: 500;
}

    #containerbiDataCalidad tbody > tr.totalRow.even > td, #containerbiDataCalidadEvolutivos tbody > tr.totalRow.even>td {
        border-top: 1px solid #333;
    }

#containerbiDataCalidad .containerGrafica {
    width:80%;
    margin-left:10%;
}


#tablabiDataCalidad_wrapper tr {
    cursor:pointer;
}

#tablabiDataCalidad_wrapper tr.totalRow {
    cursor: default;
}
/*ContainerBiDataVariables*/

#containerbiDataVariables .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerbiDataVariables .panel-content {
  padding-bottom:20px;
}

#containerbiDataVariables .panel-content>.rowSuperior {
    display:flex;
    justify-content:space-between;
}

    #containerbiDataVariables .panel-content > .rowSuperior .Categorias {
        flex: 2;
        margin-right: 100px;
        display:inline;
    }

    #containerbiDataVariables .panel-content > .rowSuperior .adicionCategorias {
        flex: 3;
        display:inline;
    }

    #containerbiDataVariables .panel-content > .rowSuperior .adicionCategorias>.rowSuperior {
   
        justify-content: space-between;
        display: flex;
    }
        #containerbiDataVariables .panel-content > .rowSuperior .adicionCategorias > .rowMedio {
       margin-top:20px;
        }
    #containerbiDataVariables .rowSuperior .botones {
        flex:1;
        display:flex;
        margin-top:0;
        margin-bottom:0;
        align-items:flex-end;
        margin-right:100px;
    }

    #containerbiDataVariables .rowSuperior .botones .button{
        width:100%;
    }

    #containerbiDataVariables .rowSuperior .filtro {
        flex:2;
    }


#tablabiDataVariables_length, #tablabiDataVariablesTiposGrupos_length, #tablabiDataVariablesVars_length, #tablabiDataDatamart_length {
    display: none;
}

 #containerbiDataVariables .button {
    background-color: white;
    color: #02add6;
    border: 1px solid #02add6;
    
}

#containerbiDataVariables .button:hover {
    color: white;
    background-color: #02add6;
    border: 1px solid #02add6;
}

#containerbiDataVariables .panel-content > .rowMedio, #containerbiDataVariables .panel-content > .rowInferior {
    margin-top: 30px;
    display: flex;
    flex: 1;
}





#containerbiDataVariables .textArea {
    flex:1;
    height:200px;
}

#containerbiDataVariables .textArea textarea {
  
    height: 100%;
}

#tablabiDataVariables {
    margin-top:20px;
}

    #tablabiDataVariables tr.fila, #tablabiDataVariablesTiposGrupos tr.fila {
       cursor:pointer;
    }

        #tablabiDataVariables tr.fila.active, #tablabiDataVariablesTiposGrupos tr.fila.active, #tablabiDataVariablesVars tr.fila.active {
            background-color: #88d6e8;
        }

#tablabiDataVariablesTiposGrupos_wrapper, #tablabiDataVariablesVars_wrapper {
    width: 100%;
}

#containerbiDataVariables .panel {
    margin-bottom:20px;
}

#containerbiDataVariables textarea {
    font-size:14px;
}

#containerbiDataVariables label {
    color:#02add6;
}

#containerbiDataVariables .panel-content > .rowMedio {
    flex: 1;
    display:block;
   
}

#tablabiDataVariablesTiposGrupos_wrapper {
    width:100%;
}



#containerbiDataVariables .botoneraInferior {
    display:flex;
    justify-content:flex-end;
    margin:20px 0;
}

#containerPdf .containerDescripciones, #containerPdf2 .containerDescripciones, #containerPdf3 .containerDescripciones, #containerPdf4 .containerDescripciones, #containerPdf5 .containerDescripciones, #containerPdf6 .containerDescripciones
{
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 20px;
}

    #containerPdf .containerDescripciones .descripcionGrupo, #containerPdf2 .containerDescripciones .descripcionGrupo, #containerPdf3 .containerDescripciones .descripcionGrupo, #containerPdf4 .containerDescripciones .descripcionGrupo, #containerPdf5 .containerDescripciones .descripcionGrupo, #containerPdf6 .containerDescripciones .descripcionGrupo {
    margin-top:20px;
    }



    #containerPdf .rotuloGrupo, #containerPdf2 .rotuloGrupo, #containerPdf3 .rotuloGrupo, #containerPdf4 .rotuloGrupo, #containerPdf5 .rotuloGrupo, #containerPdf6 .rotuloGrupo {
        border-bottom: 1px solid #02add6;
        font-weight: 600;
        font-size: 16px;
    }

#containerPdf .subtitle, #containerPdf2 .subtitle, #containerPdf3 .subtitle, #containerPdf4 .subtitle, #containerPdf5 .subtitle, #containerPdf6 .subtitle {
    font-weight: 600;
    font-size: 13px;
    margin-top: 10px;
}

    #containerPdf .subtitle + p, #containerPdf2 .subtitle + p, #containerPdf3 .subtitle + p, #containerPdf4 .subtitle + p, #containerPdf5 .subtitle + p, #containerPdf6 .subtitle + p {
        margin-top: 4px;
    }

#containerPdf .section, #containerPdf2 .section, #containerPdf3 .section, #containerPdf4 .section, #containerPdf5 .section, #containerPdf6 .section {
    position: relative;
    height: 1122px;
    border: 1px solid #fff;
}
#containerPdf .footer, #containerPdf2 .footer, #containerPdf3 .footer, #containerPdf4 .footer, #containerPdf5 .footer, #containerPdf6 .footer {
    border-top: 1px solid #333;
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
}

#containerPdf .titulo, #containerPdf2 .titulo, #containerPdf3 .titulo, #containerPdf4 .titulo, #containerPdf5 .titulo, #containerPdf6 .titulo {
    margin-top: 30px;
    margin-bottom: 40px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

    #containerPdf .titulo img, #containerPdf2 .titulo img, #containerPdf3 .titulo img, #containerPdf4 .titulo img, #containerPdf5 .titulo img, #containerPdf6 .titulo img {
        height: 68px;
    }



#containerPdf .footer .center, #containerPdf2 .footer .center, #containerPdf3 .footer .center, #containerPdf4 .footer .center, #containerPdf5 .footer .center, #containerPdf6 .footer .center {
    padding-top: 5px;
    text-align: center;
}


/*CUSTOM PAGINADORES*/
#paginadorTiposGrupos_paginate, #paginadorGrupos_paginate, #paginadorVariables_paginate, #paginadorEntidades_paginate, #paginadorFicheros_paginate {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    margin-top: 3px;
    position: relative;
    z-index: 1;
}

    #paginadorTiposGrupos_paginate .paginate_button.previous, #paginadorTiposGrupos_paginate .paginate_button, #paginadorTiposGrupos_paginate .paginate_button.next, #paginadorTiposGrupos_paginate .paginate_button.current,
    #paginadorFicheros_paginate .paginate_button.previous, #paginadorFicheros_paginate .paginate_button, #paginadorFicheros_paginate .paginate_button.next, #paginadorFicheros_paginate .paginate_button.current,
    #paginadorGrupos_paginate .paginate_button.previous, #paginadorGrupos_paginate .paginate_button, #paginadorGrupos_paginate .paginate_button.next, #paginadorGrupos_paginate .paginate_button.current,
    #paginadorVariables_paginate .paginate_button.previous, #paginadorVariables_paginate .paginate_button, #paginadorVariables_paginate .paginate_button.next, #paginadorVariables_paginate .paginate_button.current,
    #paginadorEntidades_paginate .paginate_button.previous, #paginadorEntidades_paginate .paginate_button, #paginadorEntidades_paginate .paginate_button.next, #paginadorEntidades_paginate .paginate_button.current {
        padding: 9px 12px;
        width: auto;
        min-width: 33px;
        height: 37px;
        border-radius: 2px;
        margin-left: 2px;
        cursor: pointer;
    }

        #paginadorTiposGrupos_paginate .paginate_button.current, #paginadorTiposGrupos_paginate .paginate_button.current:hover,
        #paginadorFicheros_paginate .paginate_button.current, #paginadorFicheros_paginate .paginate_button.current:hover,
        #paginadorGrupos_paginate .paginate_button.current, #paginadorGrupos_paginate .paginate_button.current:hover,
        #paginadorVariables_paginate .paginate_button.current, #paginadorVariables_paginate .paginate_button.current:hover,
        #paginadorEntidades_paginate .paginate_button.current, #paginadorEntidades_paginate .paginate_button.current:hover {
            background: var(--bionline);
            color: white !important;
            border: none;
        }

        #paginadorTiposGrupos_paginate .paginate_button:hover,
        #paginadorFicheros_paginate .paginate_button:hover,
        #paginadorGrupos_paginate .paginate_button:hover,
        #paginadorVariables_paginate .paginate_button:hover,
        #paginadorEntidades_paginate .paginate_button:hover {
            background: #CDEEFD;
            color: #333 !important;
            border: none;
        }

        #paginadorTiposGrupos_paginate .paginate_button.current,
        #paginadorFicheros_paginate .paginate_button.current,
        #paginadorGrupos_paginate .paginate_button.current,
        #paginadorVariables_paginate .paginate_button.current,
        #paginadorEntidades_paginate .paginate_button.current {
            cursor: default;
        }



/*FIN BOTONERA GRAFICA ESTRUCTURA*/

/*CONTAINER BIDATADATAMART*/

#containerbiDataDatamart .panel-content > .rowSuperior {
    display:flex;
    justify-content:space-between;
}

    #containerbiDataDatamart .panel-content > .rowSuperior > .selector, #containerbiDataDatamart .panel-content > .rowSuperior > .selectorEspecial {
        display: inline;
        margin-right: 10px;
        flex: 1;
    }

    #containerbiDataDatamart .panel-content > .rowSuperior > .selectorEspecial {
        display: inline;
        margin-right: 15px;
        flex: 2;
    }

    #containerbiDataDatamart .panel-content > .rowSuperior > .selector:last-child {
  
        margin-right: 0;
    }

    #containerbiDataDatamart .panel-content > .rowInferior  {
        padding-top:20px;
    }

#containerbiDataDatamart .button {
    background-color: white;
    color: #02add6;
    border: 1px solid #02add6;
}

    #containerbiDataDatamart .button:hover {
        color: white;
        background-color: #02add6;
        border: 1px solid #02add6;
    }

#containerbiDataDatamart .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerbiDataDatamart .panel-content {
    padding: 20px;
}

#containerbiDataDatamart .panel {
    margin-bottom: 20px;
}

#containerbiDataDatamart .selectorCategorias, #containerbiDataDatamart .selectorGrupos, #containerbiDataDatamart .selectorTitularidades, #containerbiDataDatamart .selectorEstructuras,
#containerbiDataDatamart .selectorGrupoVar, #containerbiDataDatamart .selectorEpigrafeVar, #containerbiDataDatamart .selectorRubricaVar, #containerbiDataDatamart .selectorFamiliaVar {
    position:relative;
}

#containerbiDataDatamart .panel-content>.rowMedio {
    margin: 20px 0;
}

#containerbiDataDatamart table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 10px;
    vertical-align:middle;
  
    outline-style:none;
}


#containerbiDataDatamart .queryFilter {
    display:flex;
    flex:1;
    justify-content:flex-end;
    align-items:flex-end;
    margin-bottom:30px;
}

    #containerbiDataDatamart .queryFilter .boton, #containerbiDataDatamart .queryFilter .selectorMeses {
        width: 200px;
        margin-left:30px;
        display:inline;
    }

    #containerbiDataDatamart .queryFilter .boton .button {
        width: 100%;
     
    }

#containerbiDataDatamart .dataMartTextArea {
    font-size: 14px;
    height: 120px;
}

#containerbiDataDatamart .textArea {
    margin-bottom: 20px;
    height: 120px;
}

.chipAvatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    float: left;
    position: relative;
    z-index: 2;
    border: 1px solid #02add6;
    opacity: 1;
    background-color: #ccc;
    padding: 5px;
}

.chipContent {
    float: left;
    width: auto;
    height: 32px;
    position: relative;
    left: -16px;
    padding-left: 26px;
    padding-right: 26px;
    z-index: 1;
    border: 1px solid #02add6;
    font-size: 12px;
    display: flex;
    align-items: center;
}

    .chipContent .icon {
        position: absolute;
        right: -16px;
        width: 32px;
        height: 32px;
        border: 1px solid #02add6;
        border-radius:50%;
        color:#02add6;
        z-index:2;
        opacity:1;
        background:#ccc;
        line-height:32px;
        text-align:center;

    }

    .chipContent .icon:hover {
       background-color:#02add6;
        border: 1px solid #02add6;
        border-radius: 50%;
        color: #ccc;
     
    }


#containerbiDataDatamart .checkbox input[type=checkbox]:checked ~ .check {
    background-color: #02add6;
    border-color: #02add6;
    color: #fff;
}
/*tablas pdf*/
.sectionCont .espTabla table {
    border-bottom: none;
}

/*Loader*/

.containerGlobal {
height:100%;
width:100%;
max-height:100%;
display:flex;
align-items:center;
justify-content:center;
}

.containerGlobalUpperPopovers {
    height: 100%;
    width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    z-index:1070;
}


/*.spinnerCircle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid #00A1C2;
   
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E9E9E9;
}

.spinnerCircle:before {
        content: '';
        width: 100px;
        height: 102px;
        border-radius: 50%;
        border-top: 10px solid #ccc;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        z-index: 9;
      animation: rt 2s infinite;
    } 

@keyframes rt {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}*/


.spinnerCircle {
    display: flex;
    width: 110px;
    height: 110px;
    align-items: center;
    justify-content: center;
}

    .spinnerCircle:after {
        content: " ";
        display: block;
        width: 90px;
        height: 90px;
        margin: 1px;
        border-radius: 50%;
        border: 10px solid #ccc;
        border-color: #ccc transparent #ccc transparent;
        animation: lds-dual-ring 2s linear infinite;
    }

    /*colorLogo#00a1c2*/

    .spinnerCircle > img {
        width: 50px;
        height: 50px;
        opacity: 1;
        position: absolute;
        top: 30px;
        left: 30px;
    }

.containerSpinner {
    width: 700px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
}

    .containerSpinner .spinnerCircle {
        flex: 1;
        height: 110px;
        min-height: 110px;
        background: #e9e9e9;
        border: none;
    }

.containerGraficaPaginadorSelect .containerSpinner .spinnerCircle {
    background: transparent;
}
    .containerSpinner p {
    flex: 1;
    font-size: 16px;
    color: #aaa;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*Breadcrumb*/

.breadcrumbs .page-item {
    color:#02add6;
}

.breadcrumbs .page-item.activa {
    color: #333;
}

.bnBoSwitch {
    margin-top: 40px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}


    .bnBoSwitch .switchGrupo {
       
        text-align:center;
    }
    .bnBoSwitch > label {
        display: block;
        justify-content: center;
        width:100%;
       
    }

.switchGrupo > label:first-child {
   
    color: #02add6;
}

.switchGrupo .switchContainer {
    margin-top:8px;
}

.switchGrupo .switchContainer .caption {
    margin:0;
}

    .switchGrupo .switchContainer label.switch:first-child {
        margin-right: 5px;
    }

    .switchGrupo .switchContainer label.switch:last-child {
        margin-left: 5px;
    }

.switchContainer .switch.active {
    color: #02add6;
}


.bnBoSwitch .switchContainer .switch .check {
    border-color: #02add6 !important;
}

.bnBoSwitch .switchContainer .switch .check::after {
    background: #02add6 !important;
    border-color: #02add6 !important;
}

.bnBoSwitch .switchContainer .switch input[type="checkbox"]:checked ~ .check {
    background: #02add6 !important;
}

    .bnBoSwitch .switchContainer .switch input[type="checkbox"]:checked ~ .check::after {
        border-color: #ffffff !important;
        background: #ffffff !important;
    }

#containerdetalleRecomendador .switchProductos .switchContainer {
    display:flex;
    justify-content:center;
}

#containerdetalleRecomendador .resultados .rowInferior .subrowInferior, #containerdetalleRecomendador .resultados .rowInferior .subrowSuperior {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

    #containerdetalleRecomendador .resultados {
        padding:8px;
    }

        #containerdetalleRecomendador .resultados .rowInferior{
            margin-bottom:20px;
        }


    
        /*Resultados2*/
            #containerdetalleRecomendador .resultados .rowInferior .panel {
                width: 100%;
            }


#containerdetalleRecomendador>.panel {
    margin-bottom:30px;
}

#tablaEvolutivoResultados th.th2:first-child, #tablaEvolutivoResultados2 th.th2:first-child {
    background: #fff;
}

#tablaEvolutivoResultados_wrapper, #tablaEvolutivoResultados2_wrapper {
    margin-top: 20px;
    margin-bottom: 40px;
}

#tablaEvolutivoResultados2_wrapper {
    margin-bottom:20px;
}
    #containerdetalleRecomendador .switchProductos .switchContainer label:not(.switch) {
        margin: 0;
        color: #666;
        margin-right: 8px;
    }

    #containerdetalleRecomendador .switchProductos .switchContainer label.active {
       
        color: #02add6;
    }

#containerdetalleRecomendador .switchProductos .containerSwitchLabel > label {
    text-align: center;
    width: 100%;
    display: block;
}

#containerdetalleRecomendador .switchProductos .containerSwitchLabel .switch .caption {
   margin:0;
}

#containerdetalleRecomendador .switchProductos .containerSwitchLabel .switch .check {
    border-color: #02add6 !important;
}

    #containerdetalleRecomendador .switchProductos .containerSwitchLabel .switch .check::after {
        background: #02add6 !important;
        border-color: #02add6 !important;
    }

#containerdetalleRecomendador .switchProductos .containerSwitchLabel .switch input[type="checkbox"]:checked ~ .check {
    background: #02add6 !important;
}

    #containerdetalleRecomendador .switchProductos .containerSwitchLabel .switch input[type="checkbox"]:checked ~ .check::after {
        border-color: #ffffff !important;
        background: #ffffff !important;
    }

#containerdetalleRecomendador .switchProductos .switchContainer label:last-child {
  margin-right:0;
  margin-left:8px;
}

#containerdetalleRecomendador .botonera {
    display:flex;
    justify-content:space-between;
    padding-right:12px;
}

#containerdetalleRecomendador .botonera .botoneraHija {
    display: flex;
    align-items:flex-end;
}

#tablaDocumentacion_paginate {
    display:none;
}

/*CONTAINER GESTOR INDEX */
#containerGestorCampanyas .panel-title {
    justify-content: center;
}


#containerGestorCampanyas .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#containerGestorCampanyas .panel .panel-content {
    position: relative;
}

#containerGestorCampanyas .row.rowTabla {
    padding: 0 20px;
}

#tablaGestor_length {
    display: none;
}

#containerGestorCampanyas .createUnidadGestion .button, #containerGestorCampanyas .rowButton .button, #botoneraGestorCampanyas .button, #divCerrarUnidad .button, .cell-sm-12.gestorCampanyas .button {
    color: var(--color-principal);
    background-color: #fff;
    border: 1px solid var(--color-principal);
}

    #containerGestorCampanyas .createUnidadGestion .button:hover, #containerGestorCampanyas .rowButton .button:hover, #botoneraGestorCampanyas .button:hover, #divCerrarUnidad .button:hover, .cell-sm-12.gestorCampanyas .button:hover {
        background-color: var(--color-principal);
        color: #fff;
    }

#containerGestorCampanyas tbody > tr {
    cursor: pointer;
}


/*ACCIONES*/

#acciones .panel-title {
    justify-content: center;
}


#acciones .panel .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

#acciones .panel .panel-content {
    position: relative;
}

#acciones .row.rowTabla {
    padding: 0 20px;
}

#tablaNba .deleteAction{
    margin-right:10px;
}

#tablaNba .button{
    border:1px solid #02add6;
    background-color:#fff;
    color:#02add6;
}

#tablaNba .button:hover {

    background-color: #02add6;
    color: #fff;
}


#acciones .button, #acciones .rowButton .button, #botoneraGestorCampanyas .button, #divCerrarUnidad .button, .cell-sm-12.gestorCampanyas .button {
    color: var(--color-principal);
    background-color: #fff;
    border: 1px solid var(--color-principal);
}

    #acciones .button:hover, #acciones .rowButton .button:hover, #botoneraGestorCampanyas .button:hover, #divCerrarUnidad .button:hover, .cell-sm-12.gestorCampanyas .button:hover {
        background-color: var(--color-principal);
        color: #fff;
    }

#acciones tbody > tr {
    cursor: pointer;
}

.createAction .button{
    height:38px; 
    padding:0 40px;
}



/*INICIO SWITCH*/
.switchContainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

    .switchContainer .switch .check, .switchContainer .switch .caption {
        margin: 0;
    }

.switchOption3 {
    display: block;
    width: 100%;
    margin-bottom: 3px;
}

.switchContainer label.texto.der {
    position: relative;
    right: 3px;
}

.switchContainer label.texto.izq {
    position: relative;
    left: 3px;
}

.switchBloque1 {
    display: flex;
    flex: 1;
    justify-content: center;
}


.switch input[type=checkbox]:checked ~ .check {
    background: #02add6;
    border-color: #02add6;
}


.switch input[type=checkbox]:checked:disabled ~ .check {
    pointer-events: none !important;
    color: #e4e4e4 !important;
    background-color: #e9e9e9;
    border-color: #e9e9e9;
}

#panelUnidadGestion {
    border: none;
    margin-bottom: 10px;
}

    #panelUnidadGestion .primeraRow {
        margin-bottom: 10px;
    }


    #panelUnidadGestion input {
        padding: 12px;
    }

#panelUnidad {
    margin-top: 10px;
}

#paginadorGestor_paginate {
    display: flex;
    justify-content: flex-start;
}

.createUnidadGestion {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    z-index: 1;
}

#containerGestorCampanyas .panel.firstChild {
    margin-bottom: 20px;
}

#botoneraGestorCampanyas {
    justify-content: space-between;
}

#botoneraGestorCampanyas .button {
    margin-left: 10px;
}

    #botoneraGestorCampanyas .ficheros .button:first-child {
        margin-left: 0px;
    }

#containerGestorCampanyas .grid.padre {
    margin-bottom: 0;
}

#containerGestorCampanyas .grid {
    margin-bottom: 0;
}

.items-list {
    margin: 0;
    padding: 4px;
    position: relative;
    display: block;
    list-style: none inside;
}




    .items-list .item {
        padding: 8px;
        position: relative;
        margin-top: 10px;
        padding-left: 15px;
        border-radius: 2px;
        background-color: rgb(238,238,238);
        -webkit-box-shadow: 7px 7px 5px -1px rgba(172,173,189,0.56);
        -moz-box-shadow: 7px 7px 5px -1px rgba(172,173,189,0.56);
        box-shadow: 7px 7px 5px -1px rgba(172,173,189,0.56);
        display: flex;
        align-items: center;
    }

        .items-list .item:first-child {
            margin-top: 0;
        }

.panel.gestorCampanyas {
    border: 0;
    padding: 10px;
}


.second-action {
    border: 1px solid #02add6;
    color: #02add6;
    border-radius: 50%;
    /* padding: 3px; */
    position: absolute;
    right: 10px;
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    /* margin: 0 auto; */
    font-size: 15px;
    /* display: flex; */
    /* top: 8px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .second-action:hover {
        background-color: #02add6;
        color: white;
    }

.item .camp {
    flex: 2;
}

.item .label {
    flex: 5;
}

.item .second-label {
    flex: 5;
}


.spinner.buttons-default {
    border: 0;
}

#containerGestorCampanyas [class*=default-icon] {
    height: 10px;
    width: 10px;
    color: #02add6;
}

.button.spinner-button {
    height: 25px;
    width: 30px;
    min-width: 30px;
    padding: 5px;
}

#tablaCampanyasGestor_wrapper .fila > td:first-child {
    padding: 0;
}


.dialog.shadow-on {
    height: auto;
    width: auto;
    min-width: 450px;
    position:relative;
}


.boton-minus, .boton-mas {
    background: #ccc;
}

.spinnertd {
    display: flex;
    flex: 1;
    height: 100%;
}

    .spinnertd input {
        flex: 4;
        text-align: center;
        border: 0;
        font-size: 13px;
    }

    .spinnertd span {
        flex: 4;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 7px;
        margin-bottom: 7px;
    }

.mif-plus:before, .mif-minus:before {
    font-size: 10px;
}

.fila.even .spinnertd, .fila.even .spinnertd input {
    background-color: var(--tr-impar);
}

.botoneraGestorCampanyas .button {
    margin-left: 5px;
}

#containerGestorCampanyas #nuevaCampanya {
    position: relative;
    z-index: 0
}

#containerGestorCampanyas .menuDesp, #acciones .menuDesp {
    width: 160px
}

    #containerGestorCampanyas .menuDesp li,#acciones .menuDesp li {
        padding-right: 15px;
        padding-left: 15px
    }


.dialog-content .containerSpinner .spinnerCircle {
    flex: 1;
    height: 70px;
    min-height: 70px;
    width: 70px;
    border: none;
    background: transparent;
}

.dialog-content .containerSpinner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: auto;
    height: auto;
}


.dialog-content .spinnerCircle > img {
    width: 30px;
    height: 30px;
    opacity: 1;
    position: absolute;
    top: 20px;
    left: 20px;
}

#containerGestorCampanyas .dialog-content.modal {
   
    align-items: center;
    min-width: 450px;
    min-height: 70px;
    justify-content: center;
    margin-top: 0;
}

.dialog-content .spinnerCircle:after {
    width: 60px;
    height: 60px;
    border: 7px solid #ccc;
    content: " ";
    display: block;
    margin: 1px;
    border-radius: 50%;
    border-color: #ccc transparent #ccc transparent;
    animation: lds-dual-ring 2s linear infinite;
}

.modalFicheros .dialog.shadow-on {
    min-width: 600px;
}



.iconModal .mif-md {
    font-size: 20px;
    border-radius: 50%;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    line-height: 36px;
    display: inline-block;
}

    .iconModal .mif-md.mif-checkmark {
        color: #02add6;
        border: 1px solid #02add6;
    }

    .iconModal .mif-md.mif-warning {
        color: #02add6;
    }

#botoneraGestorCampanyas .ficheros {
    display: flex;
    align-items: center;
}

.ficheros .ficheroExcluir {
    display: inline;
    margin-left: 10px;
    color: black;
}

#containerGestorCampanyas .tabs li.active {
    background: #02add6;
    color: #fff;
}

#divCerrarUnidad {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    margin-left: 0px;
    margin-right: 0px;
}


/*Ultimas modificaciones*/

.seleccionSimul {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    margin-bottom: 20px;
}



.tabSimulaciones {
    padding: 10px 20px;
}

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

    .tabSimulaciones .formularioSim {
        flex: 1;
    }



    .tabSimulaciones .respuestaSim {
        flex: 1;
        display: flex;
    }

    .tabSimulaciones .respuesta {
        width: 100%;
        height: auto;
    }

    .tabSimulaciones .respuestaCorta {
        width: 100%;
        height: 70px;
    }



.button.SelectSimulacion {
    border: 1px solid #02add6;
    color: #02add6;
    cursor: pointer;
    background: transparent;
}

    .button.SelectSimulacion:hover {
        border: 1px solid #02add6;
        color: #fff;
        cursor: pointer;
        background: #02add6;
    }

#simulacionesGestorCampanyas_wrapper {
    flex: 1;
}


.simulacionEjecucionPadre {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cardSimulacion {
    padding: 0 20px;
}

    .cardSimulacion p.simulNLZ {
        position: relative;
        border-radius: 10px;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        background: #02add6;
        color: #fff;
        width: 500px;
    }

    .cardSimulacion p.simulLAN {
        position: relative;
        border-radius: 10px;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        background: #8dacb2;
        color: #fff;
        width: 500px;
    }

    .cardSimulacion p.simulFIN {
        position: relative;
        border-radius: 10px;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        background: #666;
        color: #fff;
        width: 500px;
    }

    .cardSimulacion p.simulESP {
        position: relative;
        border-radius: 10px;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        background: #009975;
        color: #fff;
        width: 500px;
    }

    .cardSimulacion .badge.inline {
        right: 20px;
        position: absolute;
        top: 10px;
        width: 80px;
        left: auto;
        cursor: default;
    }

.opcionesSimulacion .button, .tabSimulaciones .button {
    color: var(--color-principal);
    background-color: #fff;
    border: 1px solid var(--color-principal);
    margin-right: 5px;
}

.tabSimulaciones .button-group > .button {
    border: 0;
    margin-right: 0;
}

.opcionesSimulacion .button:hover, .tabSimulaciones .button:hover {
    color: #fff;
    background-color: var(--color-principal);
}

.opcionesSimulacion .button.desa, #containerGestorCampanyas .panel-content .button.desa, #acciones .button[disabled], .tabSimulaciones .button[disabled] {
    cursor: default;
    background-color: #ebebeb;
    color: #333;
    opacity: 1;
    border: 0;
}

    .opcionesSimulacion .button.desa:focus, #containerGestorCampanyas #btnNuevaCampanya.button.desa:focus, #acciones .button[disabled]:focus, .tabSimulaciones .button[disabled]:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .opcionesSimulacion .button.desa span, #containerGestorCampanyas #btnNuevaCampanya.button.desa span, #acciones .button[disabled] span, .tabSimulaciones .button[disabled] span {
        cursor: default;
    }

.mensajeEjecucion.error {
    background-color: #ebebeb;
    color: #c97676;
    opacity: 1;
}

.grid.simulacionEjecucionPadre {
    padding: 10px 0;
}

    .grid.simulacionEjecucionPadre:first-child {
        margin-top: 0;
    }

    .grid.simulacionEjecucionPadre:last-child {
        margin-bottom: 0;
    }

.mensajeEjecucion.exito, .mensajeEjecucion.error {
    background-color: #eee;
    color: #78de78;
    opacity: 1;
    height: 34px;
    display: flex;
    padding: 0 60px;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 16px;
}

.mensajeEjecucion.error {
    color: #c97676;
}

#tablaGestor.dataTable tbody td {
    padding: 2px 10px;
    vertical-align: middle;
    outline-style: none;
}

#containerGestorCampanyas .bd-default.no-border-top.p-2 {
    padding: 20px;
}

#containerGestorCampanyas .inputSearch {
    margin-bottom: 15px;
    width: 30%;
}


#containerGestorCampanyas {
    position: relative;
}

    #containerGestorCampanyas .panel, #containerGestorCampanyas .panel .panel-content {
        position: static;
    }

.validacionFicheros .dialog-content {
    padding: 12px 40px;
}

.dialog-title {
    background-color: #02add6;
    display: flex;
    justify-content: center;
    padding: 12px 24px;
    color: white;
}

.dialog-content.modal .iconModal {
    text-align: center;
}

.dialog-content.modal p {
    margin-top: 7px;
}

.tabSimulaciones .inputSearch .prepend span {
    cursor: default;
}

.tabSimulaciones .inputSearch input {
    font-size: 14px
}

.tabSimulaciones .inputSearch .button {
    background-color: transparent;
}

    .tabSimulaciones .inputSearch .button:hover {
        background-color: #ddd;
    }

.modalIcon {
    position: absolute;
    top: -10px;
    right: -10px;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #02add6;
    border-radius: 50%;
    background: #fff;
    color: #02add6;
    font-size: 10px;
    text-align: center;
    align-items: center;
    cursor: pointer;
}

    .modalIcon:hover {
        border-color: #02add6;
        background: #02add6;
        color: #fff;
    }

.arrayIcons span:first-child {
    margin-right: 5px;
}

.mif-md.eliminarFichero {
    border-radius: 50%;
    border: 1px solid black;
    margin-left: 5px;
    width: 22px;
    justify-content: center;
    height: 22px;
    display: inline-flex;
    align-items: center;
}

.mif-attachment.eliminarFichero {
    border: 0;
}


.validacionFicheros .dialog-content.modal {
    min-width: 450px;
    min-height: 40px;
    line-height: 40px;
}

.dialog-content.modal.crearCampanya {
    width: 100%;
    padding: 10px 20px;

}

    .dialog-content.modal.crearCampanya form {
        width: 100%;
    }

    .dialog-content.modal.crearCampanya .dialog-actions {
        display: flex;
        padding: 0;
        width: 100%;
    }

.crearCampanya .dialog.shadow-on {
    position: relative;
}

.dialog-content.modal.crearCampanya .formContainer {
    position: static;
    width: 100%;
}


.mensajeError {
    font-size: .9em;
    color: #ce352c;
    margin-top: 20px;
    margin-bottom:20px;
    text-align: center;
}


#botoneraGestorCampanyas .button.desa {
    cursor: default;
    background-color: #ebebeb;
    color: #333;
    opacity: 1;
    border: 0;
}

    #botoneraGestorCampanyas .button.desa:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
	
	.dataTables_wrapper.no-footer table.bm.dataTable thead > tr > th {
    border-bottom: 1px solid #227F4D;
}

.dataTables_wrapper.no-footer table.cons.dataTable thead > tr > th {
    border-bottom: 1px solid #FF7901;
}


.dataTables_wrapper.no-footer table.gen.dataTable thead > tr > th {
    border-bottom: 1px solid #02add6;
  
}



.vaciarPapelera {
    background: #fff;
    position: relative;
    top: -37px;
    color: #02add6;
    border: 1px solid #02add6;
}
    .vaciarPapelera span, .vaciarPapelera:hover span, .vaciarPapelera span:hover {
        height: 34px;
       
    }

        .vaciarPapelera:hover span, .vaciarPapelera span:hover {
            background-color:transparent;
        }

    .vaciarPapelera:hover {
    background:#02add6;
    }

        .vaciarPapelera:hover, .vaciarPapelera:hover span, .vaciarPapelera span:hover {
          
            color: #fff;
        }



.tile-medium {
    background-color: #fff;
    color:#02add6;

}
.tile-medium:hover{
    background-color:#02add6;
    
}

.tile-medium:hover span {
    
    color: #fff;
}

.linkable{color:#02add6;}

.linkable:hover {
    color: #0056b3;
   
}

#Perfil_ms .checkbox input[type=checkbox]:checked ~ .check {
    border-color: #02add6;
    background-color: #02add6;
}

.editBoton .button {
background-color:#fff;
color:#02add6;
border:1px solid #02add6;
width:100%;
border-radius:10px;
}

    .editBoton .button:hover {
        background-color: #02add6;
        color: #fff;
       
    }


.labelRotulo {
    display: inline;
    top: 37px;
    position: absolute;
    width: 180px;
    height: 30px;
    color: #02add6;
    left: 20px;
    text-align: center;
    font-size: 16px;
    z-index: 4;
    background: #fff;
    opacity: 1;
}

.chipGestorCampanyas {
display:flex
}

#containerGestorCampanyas .mb-2.tabGestor {
margin-top:10px
}

.panel-content.varsSegmentadas {
    
    max-height: 100%;
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#biDataReglas.dataTable tbody td {
    padding: 10px 10px;
}

#containerbiDataCalidadDetalleReglas .labelDescripcion {
    position: absolute;
    padding: 10px 30px;
    text-align: center;
    left: -20px;
    font-size: 16px;
    color: #02add6;
    top: -38px;
    z-index: 10000;
    opacity: 1;
}


#containerbiDataCalidadDetalleReglas .panel-content {
padding:20px;
}

#containerbiDataCalidadDetalleReglas .descripcionBlock {
   
    min-height: 130px;
    border: 1px solid #02add6;
    border-radius: 5px;
    background-color:#eee;
    padding:10px 20px;
    margin-top:20px;
    display:flex;
  
}

.flexRow {
    display: flex;
   flex-direction: row;
}

#containerbiDataCalidadDetalleReglas .datosBasicos, #containerbiDataCalidadDetalleReglas .top50, #containerbiDataCalidadDetalleReglas .grafica {
    flex: 1;
    padding: 20px;
    border: 1px solid #02add6;
    border-radius: 5px;
    position: relative;
}

#containerbiDataCalidadDetalleReglas .datosBasicos {
padding-bottom:0;
}

    #containerbiDataCalidadDetalleReglas .top50 {
        margin-left: 50px;
    }

#containerbiDataCalidadDetalleReglas .grafica {
    margin-top: 40px;
    padding:40px 20px;
}


#containerbiDataCalidadDetalleReglas .titulo, #containerbiDataCalidadEvolutivos .titulo {
    padding: 0 10px;
    background-color: #fff;
    text-align: center;
    z-index: 200;
    top: -35px;
    position: relative;
    color: #02add6;
    font-size: 18px;
}

    #containerbiDataCalidadDetalleReglas .titulo.evolutivo {
        top: -55px;
    }
.flexRow.Hija,.flexRow.Hija .Nieta {
flex:1;
}

    .flexRow.Hija .Nieta label {
        font-size: 13px;
    }

    .flexRow.Hija .Nieta label.labelTitulo {
        color: #02add6;
        display:flex;
        justify-content:flex-start;
        margin-right:20px;
    }

.flexRow.Hija {
margin-top:20px;
}

.flexRow.primeraFila {
    margin-top: 10px;
}

    .flexRow.Hija .Nieta label:not(.labelTitulo) {
        
        margin-left:20px;
    }

#containerbiDataCalidadDetalleReglas .panel-content, #containerbiDataCalidadDetalleReglas, #containerbiDataCalidadEvolutivos {
    padding: 40px;
}

#containerbiDataCalidadDetalleReglas, #containerbiDataCalidadEvolutivos {
    padding-top: 80px;
}


#containerbiDataCalidadDetalleReglas .recharts-text.recharts-label {
font-size:15px;
}

#containerbiDataCalidadEvolutivos .panel-content {
padding:40px;
}


#containerbiDataCalidadEvolutivos .labelSelect {
width:20%;
}

#containerbiDataCalidadEvolutivos .labelSelect label {
    color:#02add6;
}

    #containerbiDataCalidadEvolutivos .panelBlock {
        border:1px solid #02add6;
        background-color:#fff;
        border-radius:5px;
        padding:20px 40px;
        min-height:330px;
        position:relative;

    }

    #containerbiDataCalidadEvolutivos .panelBlock:first-child {
        min-height:520px;
    }

#tablabiDataCalidadEvolutivos_length {
display:none;
}


#tablabiDataCalidadEvolutivos.dataTable tbody td {
    
    padding: 7px 10px;
}

#tablabiDataCalidadEvolutivos .mif-eye {
color:#02add6;
cursor:pointer;
}

#tablabiDataHome .mif-dashboard {
    color: #02add6;
    cursor: pointer;
}

#tablabiDataHome .mif-dashboard.opaco {
    color: #ddd;
    cursor: default;
}

.ut02 th {
    background-color: #004568;
    color: #fff;
}

.ut03 th {
    background-color: #cddc46;
    color: #fff;
}

.sp02 th {
    background-color: #243591;
    color: #fff;
}

.rc02 th {
    background-color: #f09d2d;
    color: #fff;
}


.datosBasicos .format {
    position: relative;
    top: -35px;
    margin: 0;
    padding: 0;
}

.containerInfoActivo .tabs-expand-md > ul > li, .containerInfoActivo .tabs-expand-md > ul > li:not(.active):hover {
    border-bottom: 1px solid #dfdfdf;
    border-top: none;
    color: var(--color-principal);
    background-color: #fff;
}

    .containerInfoActivo .tabs-expand-md > ul > li.active {
        border-bottom: 1px solid #dfdfdf;
        border-top: none;
        background-color: var(--color-principal);
        color: white;
    }

.containerInfoActivo #ModeloFichaTabCampanyas_length {
    display: none;
}


.containerInfoActivo .button {
    color: var(--bionline);
    border-color: var(--bionline);
    background-color: white;
    min-width: 170px;
}

    .containerInfoActivo .button:hover {
        color: white;
        border-color: var(--bionline);
        background-color: var(--bionline);
        min-width: 170px;
    }

    .containerInfoActivo .button:first-child {
        margin-right: 10px;
    }


.containerFlex {
    flex: 1 1 0%;
    border: 1px solid rgb(2, 173, 214);
    /* flex-direction: column; */
    position: relative;
    z-index: 1;
    padding: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
}

.containerResultado {
    border: 1px solid rgb(2, 173, 214);
    width: 23.3%;
    position: relative;
    z-index: 1;
    padding: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
}

    .containerFlex label, .containerResultado label {
        color: rgb(51, 51, 51);
        flex: 1 1 0%;
        position: absolute;
        top: -12px;
        display: block;
        left: 20px;
        z-index: 4;
        padding: 0 15px;
        text-align: center;
        background-color: white;
    }

    .containerFlex p, .containerResultado p {
        text-align: center;
        margin: 0;
        color: #02add6;
    }

.containerFlex #tablabiDataCalidadEvolutivos_wrapper {
    width: 100%;
}


.containerSelecciones #SimulacionesCampanyasFicha_length, .containerSelecciones #SimulacionesCampanyasFicha_filter {
    display: none;
}

.containerSelecciones.containerInfoActivo .fila.odd button.desa.button {
    display: none;
}

.containerSelecciones.containerInfoActivo .button.solicitada, .containerSelecciones.containerInfoActivo .button.desa, .containerSelecciones.containerInfoActivo .button.solicitada:hover, .containerSelecciones.containerInfoActivo .button.desa:hover {
    background-color: #eee;
    color: #02add6;
    cursor: default;
}

#tablaNba_length {
    display: none;
}

#acciones .primerpan .panel-content{
    padding:25px 40px 0px;
    margin-bottom:-10px;
}

#acciones .tabsNba .panel-content {
    padding: 30px 40px 20px;
}



.react-dual-listbox {
    display: flex;
    flex: 1;
}


.rdl-list-box.rdl-available,  .rdl-list-box.rdl-selected {
    flex: 5;
}


.rdl-control {
    min-height: 250px;
}

.tabAsignacion .rdl-actions {
    flex: 2;
    flex-direction: column;
    display: flex;
}

.rdl-actions-right,.rdl-actions-left{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
}

.rdl-actions-right button, .rdl-actions-left button{
    height:40px;
    width:100px;
}


.combolist select option:focus, .combolist select option:active, .combolist select option:hover, .combolist select option:checked {
    -webkit-appearance: none;
    background-color: var(--bionline);
    color: #fff;
    padding: 5px;
}

.combolist select option {
    -webkit-appearance: none;
    padding: 5px;
}

    .combolist select option:disabled, .combolist select option:disabled:hover {
        color: #999;
        background-color:#fff;

    }

.combolist .rdl-move:hover:not(:disabled) {
    border-color: #02add6;
    background: #02add6;
    color: #fff
}



li.rc-select-dropdown-menu-item.inVigNba0:last-child {
  
    border-bottom: 0;
}

li.rc-select-dropdown-menu-item.inVigNba1:after {
    content: 'BiNba';
    color: #46C37B;
    font-size:11px;
    margin-left:40px;
}

li.rc-select-dropdown-menu-item.inVigNba1:hover:after {
   
    color: #fff;

    
}




.asignacionItem {
    padding: 7px 0;
    text-align: center;
    position:relative;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 15px;
    color: #02add6;
    background: #fff;
    box-shadow:4px 4px 5px 3px rgba(145,145,145,0.2);
}



    .asignacionItem > .inVigNba1 {
        position: absolute;
        line-height: 38px;
        left: 20px;
        font-size: 11px;
        height: 38px;
        top: 0;
        line-height: 38px;
        color: #46C37B;
    }

#loginNuevo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0) -25.19%, rgba(162, 229, 249, 0.0502404) 18.24%, rgba(0, 169, 222, 0.12) 74.96%, rgba(69, 118, 198, 0.12) 100%, rgba(0, 91, 192, 0.12) 100% ), #ffffff;
}

    #loginNuevo:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        background-image: url("/dist/fondoLogin.png");
    }

    #loginNuevo img {
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }

    #loginNuevo .textboxref {
        position: relative;
        display: flex;
        padding: 10px;
        align-items: center;
    }

    #loginNuevo .textboxref>input {
        border-color: #f6f6f6;
        padding: 20px 40px;
        border-radius: 50vh;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    }


        #loginNuevo .textboxref > input.error {
            border-color: rgb(255, 32, 21);
        }

        #loginNuevo .textboxref>input:focus {
            box-shadow: 0px 4px 4px 0px rgba(0, 154, 202, 0.2);
            border-color: var(--bionline);
        }

        #loginNuevo .textboxref>input::placeholder {
            color: #cacaca;
            opacity: 1;
        }

        #loginNuevo .textboxref .append {
            position: absolute;
            display: flex;
            top: auto;
            right: 25px;
            color: var(--color-letra-light);
            z-index:2;
        }

        #loginNuevo .textboxref .prepend {
            position: absolute;
            display: flex;
            top: auto;
            left: 25px;
            color: var(--color-letra-light);
            z-index:2;
        }
            #loginNuevo .textboxref .prepend > svg, #loginNuevo .textboxref .append > svg {
                color: #919394;
                font-size:18px
            }

    #loginNuevo form {
        display: flex;
        flex-direction: column;
        color: var(--bionline);
        border-color: var(--bionline);
        width: 600px;
        height: auto;
        min-height: 441px;
        position: relative;
    }
        #loginNuevo form .button {
            margin-left: auto;
            margin-right: auto;
            width: 58%;
            margin-top: 20px;
            margin-bottom: 20px;
            color: white;
            background: linear-gradient(180deg, #349bdb -29.63%, #3d88d0 98.44%);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
            border-radius: 3px;
            font-size: 18px;
            height: 40px;
            outline: none;
        }

            #loginNuevo form .button:focus {
                outline: 0;
                box-shadow: none;
            }

            #loginNuevo form .button:hover {
                background: linear-gradient(180deg, #349bdb -29.63%, #00a9de 98.44%);
                color: white;
                box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
            }
        #loginNuevo form #forgot {
            text-decoration: none;
            color: var(--bionline);
            font-size: 18px;
        }
            #loginNuevo form #forgot:hover {
                color: var(--bionline-hover);
            }

.droppable, .droppable2 {
    border-radius: 5px;
    flex: 1 1 0%;
    border: 1px solid rgb(216, 216, 216);
    margin-right: 40px;
    padding: 20px;
    background: rgb(238, 238, 238);
    height: 350px;
    overflow-y: auto;
}

    .droppable::-webkit-scrollbar-thumb, .droppable2::-webkit-scrollbar-thumb {
        background: #02add6;
        border-radius: 10px;
        box-shadow: rgb(145 145 145 / 20%) -8px 8px 10px 1px;
    }

    .droppable::-webkit-scrollbar, .droppable2::-webkit-scrollbar {
        width: 7px;
        background-color: rgba(51, 51, 51, 0.07);
    }

    .droppable::-webkit-scrollbar-track, .droppable2::-webkit-scrollbar-track {
        border-radius: 10px;
        cursor: pointer;
    }

.botonSubirArchivo .inputfile + label {
    position: relative;
    top: 0px;
    cursor: pointer;
    text-align:center;
    border-radius:0;
    color: var(--color-principal);
    border:1px solid var(--bionline);
    background-color: #fff;
    margin-right: 2px;
    width:400px;
}

#containerModeloFicha .botonSubirArchivo,#containerModeloFicha .subirArchivo{
    display:flex;
    justify-content:flex-end;
    flex:1;
}

    #containerModeloFicha .botonSubirArchivo .inputfile + label:hover {
        background: var(--bionline);
        color: #fff;
    }


.suscripcionItem ,.listItem{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D4E0EC;
    padding:20px 0 10px;
}

    .listItem__text{
        display:inline;
    }

    .listItem:first-child{
        padding-top:10px;
    }


.listItem__icon {
    display: inline-block;
    font-size:18px;
    margin-left:10px;
}

.listItem__icon--fichero {
   cursor:default;
}


.listItem__icon:not(.listItem__icon--fichero):hover {
    color: #02add6;
}

.listItem__icon--disabled {
    color: #888;
    cursor: default;
    font-size: 18px;
    margin-left:10px;
}






.suscripcionItem__text, .listItem__text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #000000;
}


.suscripcionItem > .checkBox {
    margin-right:20px;
}

.suscripcionItem .switch .check {
    background-color: #EE0A0A;
    border: 2px solid #EE0A0A;
}

    .suscripcionItem .switch .check:after {
        background: #fff;
        border: 2px solid #fff;
    
    }

.suscripcionItem .switch input[type=checkbox]:checked ~ .check {
    background:#43A408;
    border-color:#43A408;
}

#containerEventos .eventos .selectorTabGraficas{
    margin-bottom:0;
    width:500px;
    padding-right:100px
}

#containerEventos .temporal .selectorTabGraficas {
    margin-bottom: 0;
    width: 200px;

}


    #containerEventos .temporal .selectorTabGraficas .rc-select-selection{
        width:200px;
    }

    #containerEventos .temporal .selectorTabGraficas {
        margin-right: 25px
    }

#containerEventos .temporal .last .selectorTabGraficas {
    margin-right: 0px
}

.button.eventoManual.fondoGris {
    background: var(--fondo-app)
}

.button.eventoManual {
    color: #02add6;
    border: 1px solid #02add6;
    width: 280px;
    font-weight: 500;
    cursor: pointer;
    font-size: 17px;
    text-align: center;
    height: 44px;
    background: #fff;
}

    .button.eventoManual:hover {
        background: #02add6;
        color: #fff;
    }

    .button.eventoManual.lanzado {
        cursor: default;
        background-color: #ebebeb;
        color: #333;
        opacity: 1;
        border: 0;
    }

.subirArchivoIcon{
    display:flex;
    align-items:center;
}

.subirArchivoIcon > .inputfile + label {
    padding: 0;
    border-radius: 0px;
    color: #000;
    position: initial;
    display: inline-block;
    font-size: 18px;
    margin-left: 20px;
    border:0;
}

    .subirArchivoIcon > .inputfile + label.loading {
        display: flex;
        font-size: 16px;
        color:#AEAEAE;
    }
    .subirArchivoIcon > .inputfile + label:hover {
        color: #02add6;
        background: #fff;
    }

.rotated {
    animation-name: rotation;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    cursor:default;
    color:#02add6;
}

label.listItem__text {
    display: flex;
    color:#AEAEAE;
    font-size:16px;
    margin-bottom:0;
}


@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.dialog-actions .button, .dialog-actions .button:first-child {
    border: 1px solid #02add6;
}



.dialog-actions .button:hover {
    color: white;
    background-color: var(--bionline);
}

p.listItem__text{
    margin:0;
    line-height:36px;
}

.disabled{
    color:#333 !important;
    cursor:default;
}


.paginate_button:not(.disabled){
    cursor:pointer;
}


.containerFicheros{
    flex:2;
    min-height:300px;
    border:2px solid #02add6;
    margin-left:30px;
    margin-bottom:20px;
    position:relative;
    border-radius:10px;
}

    .containerFicheros .store {
        padding: 20px;
        margin-top: 20px;
        background:#fff;
        padding: 20px;
        height: 410px;
        border:1px solid #02add6;
        border-radius: 5px;
        overflow-y: auto;
    }

.button.eventoManual.disabled {
    border-color: #ddd;
    background:#ddd;
    color:#333 !important;
}

.button.eventoManual {
    background: #fff;
}

.containerFicheros .store::-webkit-scrollbar-thumb {
    background: #02add6;
    border-radius: 10px;
    box-shadow: rgb(145 145 145 / 20%) -8px 8px 10px 1px;
}

.containerFicheros .store::-webkit-scrollbar {
    width: 7px;
    background-color: rgba(51, 51, 51, 0.07);
}

.containerFicheros .store::-webkit-scrollbar-track {
    border-radius: 10px;
    cursor: pointer;
}

.simulacionesNba .button:not(.disabled) {
    color: var(--bionline);
    border-color: var(--bionline);
    background-color: white;
    min-width: 170px;
}

    .simulacionesNba .button:not(.disabled):hover {
        color: white;
        border-color: var(--bionline);
        background-color: var(--bionline);
        min-width: 170px;
    }

.simulacionesNba .button.disabled {
    color: #1d1d1d !important;
    background-color: #ebebeb;
    outline: 0;
    border: 1px solid transparent;
}

.simulacionesNba .panel-title {
    justify-content: center;
    background-color: var(--color-principal);
    color: white;
}

.simulacionesNba label {
    color: var(--color-principal);
}

.simulacionesNba h5 {
    text-align: center;
    margin: 20px 0;
}

#tablaSimulacionesNba .th3:first-child, #tablaSimulacionesNba .th2:first-child {
    background-color: #fff;
}


.modalSimulaciones .dialog-actions .button.cancel {
    display: none;
}

.modalSimulaciones .dialog-actions {
    justify-content: flex-end;
}

.modalSimulaciones .dialog-content {
    padding: 20px 40px 20px;
}

.modalSimulaciones .dialog-actions .button:not(.cancel) {
    width: 200px;
    flex: none;
}


.simulacionesNba .recharts-cartesian-grid {
    position: relative;
}

.simulacionesNba .recharts-layer.recharts-line::after {
    content: 'Hola';
    color: blue;
    background-color: #444;
    display: inline-block;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 20;
    bottom: 20px;
    right: 20px;
}


.simulacionesNba .containerSpinner {
    flex: 1;
}

    .simulacionesNba .containerSpinner p {
        flex: initial;
    }

    .simulacionesNba .containerSpinner .spinnerCircle {
        flex: initial;
        background: #fff;
    }


.itemSimulacion .checkbox input[type=checkbox] {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    .itemSimulacion .checkbox input[type=checkbox]:checked ~ .check {
        border-color: var(--bionline);
        background: var(--bionline);
        color: #fff;
    }

.itemSimulacion .eliminarSim {
    color: rgba(256,0,0,1);
}

    .itemSimulacion .eliminarSim:hover {
        color: #02add6;
    }

.itemSimulacion .descargar {
    color: rgba(0,0,0,1);
}

    .itemSimulacion .descargar:hover {
        color: #02add6;
    }

.PaginadorSimulacion .paginate_button {
    padding: 9px 9px;
    display: inline-block;
    text-align: center;
    min-width: 33px;
    height: 37px;
    border-radius: 2px;
    margin-left: 2px;
    color: var(--bionline);
    border: 1px solid var(--bionline);
    cursor: pointer;
}

    .PaginadorSimulacion .paginate_button:hover {
        background-color: var(--boton-alternativo);
        color: #fff;
        border: 1px solid var(--boton-alternativo);
        cursor: pointer;
    }

    .PaginadorSimulacion .paginate_button.current {
        background: var(--bionline);
        color: white !important;
        cursor: default;
    }

.simulacionesNba .resto.text .input.disabled + span {
    display: none;
}

.simulacionesNba .checkbox input[type=checkbox], .generarPerfil .checkbox input[type=checkbox] {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    .simulacionesNba .checkbox input[type=checkbox]:checked ~ .check, .generarPerfil .checkbox input[type=checkbox]:checked ~ .check {
        border-color: var(--bionline);
        background: var(--bionline);
        color: #fff;
    }

.generarPerfil .dialog-actions {
    justify-content: flex-end;
    padding-right: 32px;
}

    .generarPerfil .dialog-actions .button {
        width: 200px;
        display: block;
        flex: initial;
    }

.generarPerfil label {
    font-size: 13px;
    margin: 0;
}

.nbaScroll::-webkit-scrollbar-thumb {
    background: #02add6;
    border-radius: 10px;
    box-shadow: rgb(145 145 145 / 20%) -8px 8px 10px 1px;
}

.nbaScroll::-webkit-scrollbar {
    width: 7px;
    background-color: rgba(51, 51, 51, 0.07);
}

.nbaScroll::-webkit-scrollbar-track {
    border-radius: 10px;
    cursor: pointer;
}

#containerGestorCampanyas .panel, #containerCampanyaCreate .panel {
    overflow: initial;								 
}

#containerGestorCampanyas .button:not(.disabled):not(.desa) {
    color: var(--bionline);
    border-color: var(--bionline);
    cursor: pointer;
    background-color: white;
    min-width: 170px;
}

#containerGestorCampanyas .dialog-content .button:not(.disabled):not(.desa) {
  
    border-color: white;
    cursor: pointer;
    background-color: white;
    min-width: auto;
}

    #containerGestorCampanyas .button:not(.disabled):not(.desa):hover {
        color: white;
        border-color: var(--bionline);
        background-color: var(--bionline);
    }


.opcionesSimulacion .button{
    min-width:170px;
}

#containerGestorCampanyas .input.calendar-picker .button {
    background-color: transparent;
    color: #1d1d1d;
    height: 34px;
    -webkit-appearance: button;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    display: inline;
    width: 30px;
    min-width: 30px;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0 0.75rem;
    font-size: .875rem;
    line-height: 34px;
    cursor: pointer;
    outline: 0;
    position: relative;
    transition: all .15s ease-in-out;
}


.tabsUnidadesNbaPanel .selectorTabExclusiones {
    width: 400px;
}

.tabsUnidadesNbaPanel label {
    margin:0;
}

.tabsUnidadesNbaPanel .selectorTabCanal {
    width: 125px;
}

.tabsUnidadesNbaPanel .checkbox input[type=checkbox] {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    .tabsUnidadesNbaPanel .checkbox input[type=checkbox]:checked ~ .check {
        border-color: var(--bionline);
        background: var(--bionline);
        color: #fff;
    }

#containerGestorCampanyas .tabsUnidadesNbaPanel .conValor>.default-icon-cross {
    z-index: 100;
    margin-top:4px;
}

#containerGestorCampanyas .tabsUnidadesNbaPanel .sinValor > .default-icon-cross, #containerGestorCampanyas .tabsUnidadesNbaPanel .disabled+.default-icon-cross {
    z-index: -1;
    margin-top: 4px;
}


.tabsUnidadesNbaPanel .button.disabled, .tabsUnidadesNbaPanel #botoneraGestorCampanyas .button.disabled {
    color: #1d1d1d !important;
    background-color: #ebebeb;
    outline: 0;
    border: 1px solid transparent;
}

.tabsUnidadesNbaPanel #target3 .textboxref, .tabsUnidadesNbaPanel .input.calendar-picker {
    height: 37px;
}


.tabsUnidadesNbaPanel .text.incorrecto{
    border:1px solid red;
}

.tabsUnidadesNbaPanel .text.incorrecto>.input {
    border: 0;
}


.modalFicheros.modalSubidaFicheros .dialog-content
{
    min-width:600px;
    min-height:120px;
    display:flex;
    align-items:center;
}




.validacionFicheros.modalSubidaFicheros .dialog-content.modal, .validacionFicheros .dialog-content.modal.modalSubidaFicheros {
    min-width: 600px;
    min-height: 120px;
}


.tabsUnidadesNbaPanel .mif-md.eliminarFichero {
    border:0;
}