/* Minification failed. Returning unminified contents.
(1845,23): run-time error CSS1063: Expected calculation unit, found 'calc('
(1845,23): run-time error CSS1064: Expected calculation product, found 'calc('
(1845,23): run-time error CSS1019: Unexpected token, found 'calc('
(1845,23): run-time error CSS1042: Expected function, found 'calc('
(1845,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1873,28): run-time error CSS1063: Expected calculation unit, found 'calc('
(1873,28): run-time error CSS1064: Expected calculation product, found 'calc('
(1873,28): run-time error CSS1019: Unexpected token, found 'calc('
(1873,28): run-time error CSS1042: Expected function, found 'calc('
(1873,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/*---------------------------------ELECCION---------------------------------*/
/*==================================INDEX==================================*/
.content-busqueda {
    margin: 0 auto;
    width: 75%;
    padding-bottom: 10px;
}

    .content-busqueda .titulo {
        font-weight: 300;
        font-size: 18px;
        padding: 5px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        text-align: center;
    }

    .content-busqueda .cajas-busqueda {
        padding: 0px 60px 20px 60px;
        border: 1px solid #ccc;
    }

        .content-busqueda .cajas-busqueda .etiqueta {
            /*width: 420px;*/
            font-size: 12px;
            margin: 0 auto;
            margin-bottom: 10px;
            padding: 3px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            text-align: center;
        }

/*=============================FICHA ELECCION==============================*/
.content-ficha {
    padding: 0px 100px;
    max-width: 1300px;
    margin: 0 auto;
}

.nombreEleccion h3 {
    margin-top: 0px;
}

.cabecera-datos-eleccion {
    width: 100%;
    height: 195px;
    position: relative;
    margin-bottom: 20px;
}

    .cabecera-datos-eleccion .content-datos-eleccion {
        width: 100%;
        height: 197px;
        background-color: #e4e4e4;
        padding: 21px;
        position: absolute;
        border: 1px solid #c7c7c7;
    }

.content-datos-eleccion .foto-eleccion {
    position: relative;
    top: 7px;
    width: 140px;
    height: 140px;
    background-image: url(/Images/sprite_icon.svg);
    /*background-size: 1150px 140px;*/
    background-size: 1440px 140px;
    background-position: -433px 0px;
}

    .content-datos-eleccion .foto-eleccion.anulada {
        background-position: -1300px 0px;
    }

    .content-datos-eleccion .foto-eleccion img {
        width: 140px;
        height: 140px;
    }

.content-datos-eleccion .datos-eleccion {
    padding-left: 20px;
    padding-top: 7px;
    width: calc((100%) - 142px);
    line-height: 1;
}

    .content-datos-eleccion .datos-eleccion span {
        font-size: 12px;
        line-height: 1.2;
    }

.datos-eleccion > div {
    padding: 0px 3px;
}

.datos-eleccion .etiqueta {
    background-color: #c7c7c7;
    padding: 4px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
    font-size: 10px;
    width: 155px;
    float: left;
    margin-bottom: 6px;
    height: 30px;
    display: flex;
    align-items: center;
}

    .datos-eleccion .etiqueta:before {
        content: '';
        position: absolute;
        border-color: transparent transparent transparent #c7c7c7;
        border-width: 5px;
        border-style: solid;
        top: calc((50%) - 5px);
        left: 100%;
    }

.datos-eleccion .control {
    background-color: #fff;
    padding: 3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    float: right;
    width: calc((100%) - 155px);
    border: 1px solid #c7c7c7;
    margin-bottom: 6px;
    height: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.datos-eleccion .datos-progress {
    width: 100%;
    background-color: #c7c7c7;
    border-radius: 5px;
    padding: 7px 15px;
}

    .datos-eleccion .datos-progress > div:nth-child(-n+2) {
        width: 50%;
        float: left;
        font-size: 12px;
    }

    .datos-eleccion .datos-progress > div:nth-child(3),
    .datos-eleccion .datos-progress > div:nth-child(5) {
        width: 15%;
        float: left;
        height: 35px;
        background-color: #b5b5b5;
        border-radius: 5px;
        margin-top: 5px;
        position: relative;
        text-align: center;
        font-size: 13px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .datos-eleccion .datos-progress > div:nth-child(3) {
        margin-right: 10px;
    }

    .datos-eleccion .datos-progress > div:nth-child(5) {
        margin-left: 10px;
    }

        .datos-eleccion .datos-progress > div:nth-child(3):before,
        .datos-eleccion .datos-progress > div:nth-child(5):before {
            content: '';
            position: absolute;
            top: calc((50%) - 5px);
            border-style: solid;
            border-width: 5px;
        }

    .datos-eleccion .datos-progress > div:nth-child(3):before {
        left: 100%;
        border-color: transparent transparent transparent #b5b5b5;
    }

    .datos-eleccion .datos-progress > div:nth-child(4) {
        width: calc((70%) - 20px);
        float: left;
        margin: 18px 0px 0px;
    }

    .datos-eleccion .datos-progress > div:nth-child(5):before {
        right: 100%;
        border-color: transparent #b5b5b5 transparent transparent;
    }

    .datos-eleccion .datos-progress b {
        position: relative;
        font-size: 14px;
    }

        .datos-eleccion .datos-progress b:nth-child(1):before {
            content: '';
            position: absolute;
            top: 6px;
            border-style: solid;
            border-width: 3px;
            border-color: transparent transparent transparent #F49600;
        }

    .datos-eleccion .datos-progress > .derecha > b:nth-child(1):before {
        border-color: transparent #B12009 transparent transparent;
        right: 0px;
    }

.noinfo {
    background-color: rgba(199, 199, 199, 0.6);
    position: absolute;
    width: calc((100%) - 36px);
    height: calc((100%) - 14px);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 54px;
    text-align: center;
}
/*=========================TAB NORMATIVA======================*/
#Normativa .division {
    position: relative;
    height: 40px;
    opacity: 0.99;
}

    #Normativa .division hr {
        position: absolute;
        left: -20px;
        z-index: 999;
        width: calc((100%) - -40px);
        border-top: 1px solid #B12009;
    }

#Normativa .convocatorias {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0px 15px;
}

    #Normativa .convocatorias > a {
        display: table;
        color: #2d2d2d;
        font-weight: 600;
        margin: 2px 0px;
    }

        #Normativa .convocatorias > a:hover {
            text-decoration: underline;
        }

#Normativa .cronograma {
    margin-left: 15px;
    cursor: -webkit-zoom-in;
}
/*=========================TAB CANDIDATOS RESULTADOS======================*/
#CandidatosResultados .filtroDistritoElectoral {
    margin: 0;
    background-color: #d6d5d5;
    border-top: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 80px;
    padding: 5px;
    transition: height 2s;
}

    #CandidatosResultados .filtroDistritoElectoral .title {
        font-size: 14px;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: 600;
    }

#CandidatosResultados .resultadosDistritoElectoral {
    padding: 0px 15px 15px;
    border: 1px solid #ccc;
}

#CandidatosResultados .division {
    position: relative;
    height: 40px;
    opacity: 0.99;
}

    #CandidatosResultados .division hr {
        position: absolute;
        left: -16px;
        z-index: 999;
        width: calc((100%) - -32px);
        border-top: 1px solid #ccc;
    }

    #CandidatosResultados .division.generales hr {
        position: absolute;
        left: -20px;
        z-index: 999;
        width: calc((100%) - -40px);
        border-top: 1px solid #B12009;
    }

#CandidatosResultados .datos {
    margin: 15px 15px 0px;
}

    #CandidatosResultados .datos:after {
        content: '';
        display: table;
        clear: both;
    }

    #CandidatosResultados .datos > div:nth-child(-n+2) {
        width: 20%;
    }

#CandidatosResultados .etiquetaTop {
    background-color: #c7c7c7;
    margin-right: 15px;
    padding: 4px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#CandidatosResultados .controlBottom {
    border: 1px solid #c7c7c7;
    margin-right: 15px;
    padding: 3px;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 50px;
    line-height: 44px;
}

#CandidatosResultados .barra > .etiquetaTop {
    margin-right: 0px !important;
}

#CandidatosResultados .datos > div:nth-child(3) {
    width: 60%;
}

#CandidatosResultados .barra .participacion {
    border-radius: 5px;
    background-color: #fff;
    height: 75px;
    border: 1px solid #d6d5d5;
}

#CandidatosResultados .participacion .title {
    height: 25px;
    background-color: #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    line-height: 25px;
    width: 100%;
    text-align: center;
}

#CandidatosResultados .participacion .cantParticipacion,
#CandidatosResultados .participacion .cantAusentismo {
    width: calc((12%) - -5px);
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

#CandidatosResultados .participacion .datosParticipacion > div:nth-child(-n+2) {
    width: 50%;
    float: left;
    padding: 5px 5px 0px;
}

#CandidatosResultados .participacion b {
    position: relative;
}

#CandidatosResultados .participacion .izquierda b:before {
    content: '';
    position: absolute;
    top: 6px;
    border-style: solid;
    border-width: 3px;
    border-color: transparent transparent transparent #F49600;
}

#CandidatosResultados .participacion .derecha b:before {
    content: '';
    position: absolute;
    top: 6px;
    border-style: solid;
    border-width: 3px;
    border-color: transparent #B12009 transparent transparent;
    right: 0px;
}

#CandidatosResultados .participacion .datosParticipacion > div:nth-child(5) {
    width: calc((76%) - 10px);
    float: left;
    margin: 5px 0px;
}

#CandidatosResultados .grid {
    margin: 0px 15px;
}

    #CandidatosResultados .grid .EleccionResultadosElectoralesToolbar,
    #CandidatosResultados .grid .EleccionAutoridadesElectasToolbar {
        margin-left: -15px;
    }

#gridEleccionResultadosElectorales tbody tr td:last-child {
    padding: 0px;
}

    #gridEleccionResultadosElectorales tbody tr td:last-child > div {
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
    }

#CandidatosResultados .preguntaReferendum:before {
    content: 'Pregunta';
    position: absolute;
    top: 2px;
    left: -85px;
    height: 20px;
    background-color: #2d2d2d;
    color: #fff;
    border-radius: 10px;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: normal;
}

#CandidatosResultados .preguntaReferendum {
    position: relative;
    margin-left: 85px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}
/*=========================TAB PADRON ELECTORAL======================*/
#PadronElectoral > .row {
    margin-bottom: 16px;
}

    #PadronElectoral > .row:nth-child(3) {
        margin-bottom: 0px;
    }

#EvolucionPadron {
    padding-right: 8px;
}

#PadronSexo {
    padding-left: 8px;
}

#PadronElectoral > .row > div > .title {
    background-color: #2d2d2d;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#PadronElectoral .content {
    background-color: #ccc;
    margin: 0px;
    height: 130px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#EvolucionPadron > .sinRegistros,
#PadronSexo > .sinRegistros {
    height: 130px;
}

#EvolucionPadron > .sinRegistros,
#PadronSexo > .sinRegistros,
#PadronEdad > .sinRegistros,
#PadronCircunscripcion > .sinRegistros {
    background-color: #ccc;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#PadronElectoral .padronPorSexo {
    display: flex;
    align-items: center;
    justify-content: center;
}

#PadronElectoral .content.padronPorCircunscripcion {
    background-image: -webkit-repeating-linear-gradient(left, transparent 0px,transparent 30px, #ebebeb 31px, #ebebeb 31px), -webkit-repeating-linear-gradient(top, transparent 0px,transparent 30px, #ebebeb 31px, #ebebeb 31px);
}

#PadronElectoral .content.padronPorEdad,
#PadronElectoral .content.padronPorCircunscripcion {
    background-color: #fff;
    border: 1px solid #ccc;
    height: auto;
    min-height: 40px;
}

#PadronElectoral .circlePadron {
    background-color: #b5b5b5;
    color: #fff;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 11px;
}

#PadronElectoral .content .title {
    margin-top: 5px;
    font-size: 11px;
    height: 30px;
    line-height: 1.2;
}

    #PadronElectoral .content .title > .anterior,
    #PadronElectoral .content .title > .siguiente,
    #PadronElectoral .content .title > .actual {
        position: relative;
        background-color: #B12009;
        color: #fff;
        padding: 5px;
        display: inline-block;
        border-radius: 5px;
        font-weight: 600;
        height: 23px;
        min-width: 53px;
    }

        #PadronElectoral .content .title > .anterior:after,
        #PadronElectoral .content .title > .siguiente:after,
        #PadronElectoral .content .title > .actual:after {
            content: '';
            position: absolute;
            border-width: 3px;
            border-style: solid;
            border-color: #B12009 transparent transparent transparent;
            bottom: -6px;
            left: 47%;
        }

        #PadronElectoral .content .title > .anterior.fondo-negro:after,
        #PadronElectoral .content .title > .siguiente.fondo-negro:after {
            border-color: #2d2d2d transparent transparent transparent;
        }

#PadronElectoral .content div:nth-child(3) .circlePadron {
    background-color: #2d2d2d;
}

#PadronElectoral .fechaPadron {
    border: 1px solid #2d2d2d;
    position: relative;
    top: 76px;
    left: 27%;
    width: 46%;
}

    #PadronElectoral .fechaPadron:before {
        content: '';
        position: absolute;
        top: -6px;
        left: -8px;
        border-style: solid;
        border-width: 6px;
        border-color: transparent #2d2d2d transparent transparent;
    }

    #PadronElectoral .fechaPadron:after {
        content: '';
        position: absolute;
        top: -6px;
        right: -8px;
        border-style: solid;
        border-width: 6px;
        border-color: transparent transparent transparent #2d2d2d;
    }

.content .cantElectores {
    position: relative;
    width: 85px;
    height: 100%;
    background-color: #000;
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
    font-size: 9px;
}

    .content .cantElectores:before {
        content: '';
        position: absolute;
        top: 20px;
        left: 100%;
        border-style: solid;
        border-color: transparent transparent transparent #000;
        border-width: 5px;
    }

    .content .cantElectores > span {
        font-size: 13px;
    }

.content .fa-male,
.content .fa-female {
    font-size: 4.5em;
    float: left;
    margin: 0px 10px;
    color: #000;
}

.content .datos-progress {
    width: calc((100%) - 110px);
}

    .content .datos-progress b {
        position: relative;
    }

        .content .datos-progress b:nth-child(-n+2):before {
            content: '';
            position: absolute;
            top: 6px;
            border-style: solid;
            border-width: 3px;
            border-color: transparent transparent transparent #F49600;
        }

        .content .datos-progress b:nth-child(2):before {
            border-color: transparent #B12009 transparent transparent;
            right: 0px;
        }

    .content .datos-progress > div:nth-child(-n+2) {
        width: 50%;
        float: left;
    }

    .content .datos-progress > div:nth-child(3) {
        width: 100%;
        float: left;
        margin: 5px 0px;
    }

.content .leyenda {
    font-size: 8.5px;
    font-family: 'Exo 2';
}

#chartPadron {
    width: 100%;
    height: 500px;
}
/*========compartido con conflictos*/
#PadronElectoral .padronPorCircunscripcion > div:nth-child(2),
#RiesgosElectorales .riesgosPorCircunscripcion > div:nth-child(2) {
    height: 592px;
    width: calc((100%) - 70px);
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

#RiesgosElectorales .riesgosPorCircunscripcion > div:nth-child(2) {
    width: calc((100%) - 50px);
}

#PadronElectoral .barraMedicion,
#RiesgosElectorales .barraMedicion {
    position: relative;
    width: 10px;
    height: 552px;
    float: left;
    margin: 20px;
    border-radius: 10px;
}

#PadronElectoral .barraMedicion {
    background: linear-gradient(#B5E5DC,#2DA7B1);
}

#RiesgosElectorales .barraMedicion {
    background: linear-gradient(#E33847,#FFFFE0);
}

    #PadronElectoral .barraMedicion:before, .barraMedicion:after,
    #RiesgosElectorales .barraMedicion:before, .barraMedicion:after {
        content: '';
        position: absolute;
        border-width: 6px;
        border-style: solid;
        left: -12%;
    }

    #PadronElectoral .barraMedicion:before,
    #RiesgosElectorales .barraMedicion:before {
        border-color: transparent transparent #2d2d2d transparent;
        left: -8%;
        top: -18px;
    }

    #PadronElectoral .barraMedicion:after,
    #RiesgosElectorales .barraMedicion:after {
        border-color: #2d2d2d transparent transparent transparent;
        left: -8%;
        bottom: -18px;
    }

#PadronElectoral .cuadroMedicion {
    float: left;
    width: 200px;
}

#RiesgosElectorales .cuadroMedicion {
    float: left;
    width: 250px;
}

    #PadronElectoral .cuadroMedicion .content,
    #RiesgosElectorales .cuadroMedicion .content {
        height: auto;
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        padding: 5px;
        border: 1px solid #aaa;
    }

    #PadronElectoral .cuadroMedicion .title,
    #RiesgosElectorales .cuadroMedicion .title {
        background-color: #2d2d2d;
        color: #fff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding-top: 2px;
        text-align: center;
    }

    #PadronElectoral .cuadroMedicion > .content > div:before,
    #RiesgosElectorales .cuadroMedicion > .content > div:before {
        content: '';
        width: 30px;
        height: 15px;
        display: inline-block;
        margin: 2px 8px;
        margin-left: -1px;
        border-radius: 5px;
        border: 1px solid #8d8d8d;
    }

    #PadronElectoral .cuadroMedicion > .content > div,
    #RiesgosElectorales .cuadroMedicion > .content > div {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: 600;
        margin-left: 20px;
    }

        #PadronElectoral .cuadroMedicion > .content > div:nth-child(1):before {
            content: '';
            background-color: #B5E5DC;
        }

        #PadronElectoral .cuadroMedicion > .content > div:nth-child(2):before {
            content: '';
            background-color: #ADD1CC;
        }

        #PadronElectoral .cuadroMedicion > .content > div:nth-child(3):before {
            content: '';
            background-color: #5FB4B6;
        }

        #PadronElectoral .cuadroMedicion > .content > div:nth-child(4):before {
            content: '';
            background-color: #2DA7B1;
        }

        #RiesgosElectorales .cuadroMedicion > .content > div:nth-child(1):before {
            content: '';
            background-color: #E33847;
        }

        #RiesgosElectorales .cuadroMedicion > .content > div:nth-child(2):before {
            content: '';
            background-color: #DE694B;
        }

        #RiesgosElectorales .cuadroMedicion > .content > div:nth-child(3):before {
            content: '';
            background-color: #E7B466;
        }

        #RiesgosElectorales .cuadroMedicion > .content > div:nth-child(4):before {
            content: '';
            background-color: #FFEDA3;
        }

        #RiesgosElectorales .cuadroMedicion > .content > div:nth-child(5):before {
            content: '';
            background-color: #FFFFE0;
        }

/**********************************************************/

#Mapa {
    float: left;
    margin-top: 20px;
}

.mapa path {
    fill: #E0E0E0;
    stroke: #666666;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#LUPA .gradiente {
    fill: url(#SVGID_1_);
}

#LUPA .circulo {
    fill: #FFF;
}

#LUPA .bordeCirculo {
    fill: #B3B3B3;
}

#PadronElectoral .rango1 {
    fill: #B5E5DC;
}

#PadronElectoral .rango2 {
    fill: #ADD1CC;
}

#PadronElectoral .rango3 {
    fill: #5FB4B6;
}

#PadronElectoral .rango4 {
    fill: #2DA7B1;
}

#RiesgosElectorales .rango1 {
    fill: #E33847;
}

#RiesgosElectorales .rango2 {
    fill: #DE694B;
}

#RiesgosElectorales .rango3 {
    fill: #E7B466;
}

#RiesgosElectorales .rango4 {
    fill: #FFEDA3;
}

#RiesgosElectorales .rango5 {
    fill: #FFFFE0;
}

#titleMap {
    position: fixed;
    background-color: #000;
    width: auto;
    height: 38px;
    border-radius: 6px;
    text-align: center;
    visibility: hidden;
    padding: 2px 5px;
    color: #fff;
    font-family: 'Exo 2';
    font-size: 12px;
    z-index: 998;
}

#PadronElectoral #titleMap > div {
    background-color: #fff;
    color: #2d2d2d;
    border-radius: 4px;
    margin: -1px -3px;
    padding: 0px 5px;
}

/*=========================TAB RIESGOS ELECTORALES======================*/
#RiesgosElectorales .filtroSituacionRiesgo {
    margin: 0px 15px;
    background-color: #eaeaea;
    border: 1px solid #bfbfbf;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 80px;
    padding: 5px;
    transition: height 2s;
}

    #RiesgosElectorales .filtroSituacionRiesgo .title {
        font-size: 14px;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: 600;
    }

#RiesgosElectorales .resultadosSituacionRiesgo {
    padding: 15px 15px 0px;
}
/*#RiesgosElectorales .resultadosSituacionRiesgo .title {
    padding: 4px;
}*/
#RiesgosElectorales .content {
    background-color: #ccc;
    margin: 0px;
    height: 130px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#RiesgosElectorales .division {
    position: relative;
    height: 40px;
    opacity: 0.99;
}

    #RiesgosElectorales .division hr {
        position: absolute;
        left: -20px;
        z-index: 999;
        width: calc((100%) - -40px);
        border-top: 1px solid #B12009;
    }

#RiesgosElectorales .riesgosPorCircunscripcion {
    background-image: -webkit-repeating-linear-gradient(left, transparent 0px,transparent 30px, #ebebeb 31px, #ebebeb 31px), -webkit-repeating-linear-gradient(top, transparent 0px,transparent 30px, #ebebeb 31px, #ebebeb 31px);
    margin: 0px 15px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

#RiesgosElectorales .resultadosSituacionRiesgo {
    margin: 0px 15px;
    padding: 0px 15px;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
}

#ConflictosElectorales .filtroDistritoElectoral {
    margin: 0;
    background-color: #d6d5d5;
    border-top: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 90px;
    padding: 5px;
    transition: height 2s;
}

    #ConflictosElectorales .filtroDistritoElectoral .title {
        font-size: 14px;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: 600;
    }

#ConflictosElectorales .resultadosDistritoElectoral {
    padding: 0px 15px 15px;
    border: 1px solid #ccc;
}

.detalleConflictosFormatter {
    padding: 5px;
    background-color: #fff;
}

    .detalleConflictosFormatter .detalle {
        border-bottom: 1px solid #b5b5b5;
        margin: 0px 10px;
        padding-bottom: 10px;
    }

.cabeceraTitle > .title {
    width: auto;
    padding: 3px 15px;
    background-color: #B12009;
    color: #fff;
    display: inline-block;
}

.detalle .texto {
    text-align: justify;
    padding: 5px 5px 0px 20px;
    font-size: 13px;
}

.causas,
.actores {
    padding: 10px 10px 0px 10px;
}

.manifestacion {
    border-top: 1px solid #b5b5b5;
    margin: 0px 10px;
    padding-top: 10px;
}

    .causas .items,
    .actores .items,
    .manifestacion .items {
        padding: 5px 5px 5px 20px;
        font-size: 13px;
    }

.items ul {
    list-style-type: initial;
    margin: 0;
}

#RiesgosElectorales #titleMap {
    position: fixed;
    background-color: #000;
    width: auto;
    min-width: 80px;
    height: 38px;
    border-radius: 6px;
    text-align: center;
    visibility: hidden;
    padding: 2px 2px;
    color: #fff;
    font-family: 'Exo 2';
    font-size: 12px;
    z-index: 998;
}

#titleMap > .datos:nth-child(3) {
    width: calc((70%) - 2px);
}

#titleMap > .datos {
    background-color: #fff;
    color: #2d2d2d;
    border-radius: 4px;
    margin: -1px 1px;
    /*padding: 0px 5px;*/
    float: left;
    width: calc((30%) - 2px);
    text-align: center;
}

/* ================================
   ELECCIÓN - RESPONSIVE
   Debe cargar DESPUÉS de Eleccion.css
================================ */

/* ================================
   BASE
================================ */

@media (max-width: 1024px) {
    .content-ficha {
        padding: 0 32px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .page-title {
        padding-left: 32px !important;
        padding-right: 32px !important;
        box-sizing: border-box !important;
    }

    #btnBuscarEleccion,
    #btnRegresar {
        margin-right: 10px !important;
    }
}

@media (max-width: 768px) {
    .content-ficha {
        padding: 0 16px !important;
    }

    .nombreEleccion h3 {
        font-size: 24px !important;
        line-height: 1.15 !important;
    }

    #btnBuscarEleccion,
    #btnRegresar {
        float: none !important;
        display: inline-block !important;
        margin-top: 8px !important;
        margin-right: 6px !important;
    }
}

@media (max-width: 480px) {
    .page-title h1 {
        font-size: 28px !important;
        line-height: 1.15 !important;
    }

    .nombreEleccion h3 {
        font-size: 20px !important;
    }
}

/* ================================
   CABECERA DATOS ELECCIÓN
================================ */

@media (max-width: 768px) {
    .cabecera-datos-eleccion {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        position: relative !important;
        margin-bottom: 20px !important;
        overflow: visible !important;
    }

        .cabecera-datos-eleccion .content-datos-eleccion {
            position: relative !important;
            width: 100% !important;
            height: auto !important;
            min-height: 0 !important;
            padding: 16px !important;
            box-sizing: border-box !important;
            overflow: visible !important;
        }

    .content-datos-eleccion .foto-eleccion {
        float: none !important;
        top: 0 !important;
        width: 140px !important;
        height: 140px !important;
        margin: 0 auto 18px !important;
    }

    .content-datos-eleccion .datos-eleccion {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

        .content-datos-eleccion .datos-eleccion .col-xs-6,
        .content-datos-eleccion .datos-eleccion .col-xs-12 {
            width: 100% !important;
            float: none !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }
}

/* ================================
   DATOS ELECCIÓN - CAMPOS
================================ */

@media (max-width: 600px) {
    .datos-eleccion .etiqueta,
    .datos-eleccion .control {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 32px;
        margin: 0 0 4px 0 !important;
        padding: 7px 10px !important;
        box-sizing: border-box !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-align: center !important;
    }

    .datos-eleccion .etiqueta {
        border-radius: 5px 5px 0 0 !important;
        font-weight: 600;
    }

        .datos-eleccion .etiqueta::before {
            display: none !important;
        }

    .datos-eleccion .control {
        border-radius: 0 0 5px 5px !important;
    }
}

/* ================================
   DATOS ELECCIÓN - PROGRESO
================================ */

@media (max-width: 768px) {
    .datos-eleccion .datos-progress {
        width: 100% !important;
        height: auto !important;
        padding: 10px !important;
        margin-top: 10px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

        .datos-eleccion .datos-progress > div:nth-child(-n+2),
        .datos-eleccion .datos-progress > div:nth-child(3),
        .datos-eleccion .datos-progress > div:nth-child(4),
        .datos-eleccion .datos-progress > div:nth-child(5) {
            float: none !important;
            width: 100% !important;
            margin: 6px 0 !important;
            box-sizing: border-box !important;
            text-align: center !important;
        }

        .datos-eleccion .datos-progress > div:nth-child(3),
        .datos-eleccion .datos-progress > div:nth-child(5) {
            height: auto !important;
            min-height: 35px;
            padding: 6px !important;
        }

            .datos-eleccion .datos-progress > div:nth-child(3)::before,
            .datos-eleccion .datos-progress > div:nth-child(5)::before {
                display: none !important;
            }

        .datos-eleccion .datos-progress > div:nth-child(4) {
            margin: 10px 0 !important;
        }

        .datos-eleccion .datos-progress b {
            font-size: 13px !important;
        }

    .igob-progressbar,
    .igob-progressbar .principal,
    .igob-progressbar .principal .count {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ================================
   DATOS ELECCIÓN - PROGRESO
================================ */

@media (max-width: 768px) {
    .datos-eleccion .datos-progress {
        width: 100% !important;
        height: auto !important;
        padding: 10px !important;
        margin-top: 10px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

        .datos-eleccion .datos-progress > div:nth-child(-n+2),
        .datos-eleccion .datos-progress > div:nth-child(3),
        .datos-eleccion .datos-progress > div:nth-child(4),
        .datos-eleccion .datos-progress > div:nth-child(5) {
            float: none !important;
            width: 100% !important;
            margin: 6px 0 !important;
            box-sizing: border-box !important;
            text-align: center !important;
        }

        .datos-eleccion .datos-progress > div:nth-child(3),
        .datos-eleccion .datos-progress > div:nth-child(5) {
            height: auto !important;
            min-height: 35px;
            padding: 6px !important;
        }

            .datos-eleccion .datos-progress > div:nth-child(3)::before,
            .datos-eleccion .datos-progress > div:nth-child(5)::before {
                display: none !important;
            }

        .datos-eleccion .datos-progress > div:nth-child(4) {
            margin: 10px 0 !important;
        }

        .datos-eleccion .datos-progress b {
            font-size: 13px !important;
        }

    .igob-progressbar,
    .igob-progressbar .principal,
    .igob-progressbar .principal .count {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ================================
   TABS ELECCIÓN
================================ */

@media (max-width: 900px) {
    .tabEleccion .igobTab ul {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

        .tabEleccion .igobTab ul li {
            float: none !important;
            width: 50% !important;
            height: 44px !important;
            margin: 0 !important;
            display: flex !important;
        }

            .tabEleccion .igobTab ul li a {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 100% !important;
                height: 100% !important;
                padding: 4px 6px !important;
                font-size: 10px !important;
                line-height: 1.1 !important;
                text-align: center !important;
            }
}

@media (max-width: 480px) {
    .tabEleccion .igobTab ul li {
        width: 100% !important;
    }
}

/* ================================
   CONTENIDO TABS ELECCIÓN
================================ */

@media (max-width: 768px) {
    .tabEleccion .igobTab-content {
        padding: 14px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .tabEleccion .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .tabEleccion [class*="col-xs-"],
    .tabEleccion [class*="col-sm-"],
    .tabEleccion [class*="col-md-"] {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .tabEleccion h5 {
        line-height: 1.3 !important;
    }
}

/* ================================
   TAB NORMATIVA
================================ */

@media (max-width: 768px) {
    #Normativa .convocatorias {
        margin: 0 !important;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
    }

        #Normativa .convocatorias > a {
            display: block !important;
            line-height: 1.35 !important;
            word-break: normal !important;
            overflow-wrap: anywhere !important;
        }

    #Normativa .division {
        height: 30px !important;
    }

        #Normativa .division hr {
            left: 0 !important;
            width: 100% !important;
        }

    #Normativa .cronograma {
        margin-left: 0 !important;
        width: 100% !important;
        overflow-x: auto !important;
        box-sizing: border-box !important;
    }

        #Normativa .cronograma img {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
        }
}

/* ================================
   TAB CANDIDATOS Y RESULTADOS
================================ */

@media (max-width: 768px) {
    #CandidatosResultados .filtroDistritoElectoral,
    #ConflictosElectorales .filtroDistritoElectoral,
    #RiesgosElectorales .filtroSituacionRiesgo {
        height: auto !important;
        min-height: 0 !important;
        padding: 10px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

        #CandidatosResultados .filtroDistritoElectoral .title,
        #ConflictosElectorales .filtroDistritoElectoral .title,
        #RiesgosElectorales .filtroSituacionRiesgo .title {
            width: 100% !important;
            height: auto !important;
            min-height: 28px;
            line-height: 1.25 !important;
            padding: 6px 10px !important;
            box-sizing: border-box !important;
            white-space: normal !important;
        }

    #CandidatosResultados .resultadosDistritoElectoral,
    #ConflictosElectorales .resultadosDistritoElectoral,
    #RiesgosElectorales .resultadosSituacionRiesgo {
        padding: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    #CandidatosResultados .datos {
        margin: 12px 0 0 !important;
    }

        #CandidatosResultados .datos > div,
        #CandidatosResultados .datos > div:nth-child(-n+2),
        #CandidatosResultados .datos > div:nth-child(3) {
            width: 100% !important;
            float: none !important;
            margin-bottom: 8px !important;
            box-sizing: border-box !important;
        }

    #CandidatosResultados .etiquetaTop,
    #CandidatosResultados .controlBottom {
        margin-right: 0 !important;
        height: auto !important;
        min-height: 34px;
        line-height: 1.3 !important;
        padding: 7px 10px !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }

    #CandidatosResultados .barra .participacion {
        height: auto !important;
        min-height: 75px;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    #CandidatosResultados .participacion .cantParticipacion,
    #CandidatosResultados .participacion .cantAusentismo,
    #CandidatosResultados .participacion .datosParticipacion > div:nth-child(-n+2),
    #CandidatosResultados .participacion .datosParticipacion > div:nth-child(5) {
        width: 100% !important;
        float: none !important;
        margin: 6px 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    #CandidatosResultados .grid {
        margin: 0 !important;
    }

        #CandidatosResultados .grid .EleccionResultadosElectoralesToolbar,
        #CandidatosResultados .grid .EleccionAutoridadesElectasToolbar {
            margin-left: 0 !important;
        }

    #CandidatosResultados .preguntaReferendum {
        margin-left: 0 !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

        #CandidatosResultados .preguntaReferendum::before {
            position: static !important;
            display: inline-block !important;
            margin-right: 6px !important;
        }
}

/* ================================
   TAB PADRÓN ELECTORAL
================================ */

@media (max-width: 768px) {
    #PadronElectoral > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 14px !important;
    }

        #PadronElectoral > .row > div {
            width: 100% !important;
            float: none !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-bottom: 12px !important;
            box-sizing: border-box !important;
        }

    #EvolucionPadron,
    #PadronSexo {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #PadronElectoral .content {
        height: auto !important;
        min-height: 130px;
        padding: 10px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

        #PadronElectoral .content .title {
            height: auto !important;
            min-height: 30px;
            line-height: 1.2 !important;
        }

    #PadronElectoral .fechaPadron {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        margin-top: 12px !important;
        box-sizing: border-box !important;
    }

        #PadronElectoral .fechaPadron::before,
        #PadronElectoral .fechaPadron::after {
            display: none !important;
        }

    #chartPadron {
        width: 100% !important;
        max-width: 100% !important;
        height: 360px !important;
    }

    #PadronElectoral .padronPorCircunscripcion {
        overflow-x: auto !important;
        box-sizing: border-box !important;
    }

        #PadronElectoral .padronPorCircunscripcion > div:nth-child(2),
        #RiesgosElectorales .riesgosPorCircunscripcion > div:nth-child(2) {
            float: none !important;
            width: 100% !important;
            height: auto !important;
            min-height: 320px;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

    #PadronElectoral .barraMedicion,
    #RiesgosElectorales .barraMedicion {
        display: none !important;
    }

    #PadronElectoral .cuadroMedicion,
    #RiesgosElectorales .cuadroMedicion {
        float: none !important;
        width: 100% !important;
        margin-top: 10px !important;
        box-sizing: border-box !important;
    }
}

/* ================================
   TAB RIESGOS / CONFLICTOS
================================ */

@media (max-width: 768px) {
    #RiesgosElectorales .riesgosPorCircunscripcion {
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
    }

    #RiesgosElectorales .resultadosSituacionRiesgo {
        margin: 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    #RiesgosElectorales .content {
        height: auto !important;
        min-height: 130px;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    #RiesgosElectorales .division,
    #ConflictosElectorales .division {
        height: 30px !important;
    }

        #RiesgosElectorales .division hr,
        #ConflictosElectorales .division hr {
            left: 0 !important;
            width: 100% !important;
        }

    .detalleConflictosFormatter,
    .detalleConflictosFormatter .detalle,
    .causas,
    .actores,
    .manifestacion {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

        .detalle .texto,
        .causas .items,
        .actores .items,
        .manifestacion .items {
            padding-left: 10px !important;
            text-align: left !important;
        }
}

/* ================================
   ELECCIÓN - TABLAS RESPONSIVE
================================ */

@media (max-width: 768px) {
    .tabEleccion .grid,
    .tabEleccion .bootstrap-table,
    .tabEleccion .fixed-table-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .tabEleccion .fixed-table-body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch;
    }

    .tabEleccion table {
        width: 900px !important;
        min-width: 900px !important;
        max-width: none !important;
        table-layout: auto !important;
    }

    .tabEleccion th,
    .tabEleccion td {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    .tabEleccion .fixed-table-toolbar {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

        .tabEleccion .fixed-table-toolbar .bs-bars,
        .tabEleccion .fixed-table-toolbar .search {
            float: none !important;
            width: 100% !important;
            text-align: left !important;
        }

            .tabEleccion .fixed-table-toolbar .search input {
                width: 100% !important;
                box-sizing: border-box !important;
            }

    .tabEleccion .fixed-table-pagination {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 11px !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

        .tabEleccion .fixed-table-pagination .pagination-detail,
        .tabEleccion .fixed-table-pagination .pagination {
            float: none !important;
            width: 100% !important;
            text-align: center !important;
        }
}

/* ================================
   BUSCADOR ELECCIÓN
================================ */

@media (max-width: 768px) {
    .content-busqueda {
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

        .content-busqueda .cajas-busqueda {
            padding: 0 16px 20px !important;
            box-sizing: border-box !important;
        }

            .content-busqueda .cajas-busqueda .etiqueta {
                width: 100% !important;
                box-sizing: border-box !important;
            }

        .content-busqueda .row {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .content-busqueda [class*="col-xs-"],
        .content-busqueda [class*="col-sm-"],
        .content-busqueda [class*="col-md-"] {
            width: 100% !important;
            float: none !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        .content-busqueda input,
        .content-busqueda select,
        .content-busqueda .form-control,
        .content-busqueda .selection.ui.dropdown {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }
}

/* ================================
   ELECCIÓN - MODALES RESPONSIVE
================================ */

.modal-dialog {
    width: min(920px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 20px auto !important;
}

.modal-content {
    max-height: calc(100vh - 40px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

.modal-body {
    max-height: calc(100vh - 110px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

    .modal-body iframe,
    .modal-body object,
    .modal-body embed,
    .modal-body img {
        width: 100% !important;
        max-width: 100% !important;
    }

    .modal-body iframe,
    .modal-body object,
    .modal-body embed {
        height: min(700px, calc(100vh - 150px)) !important;
    }

@media (max-width: 600px) {
    .modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 10px auto !important;
    }

    .modal-content {
        max-height: calc(100vh - 20px) !important;
    }

    .modal-body {
        max-height: calc(100vh - 90px) !important;
        padding: 10px !important;
    }

        .modal-body iframe,
        .modal-body object,
        .modal-body embed {
            height: calc(100vh - 120px) !important;
        }
}

/* ================================
   ELECCIÓN - ALERTAS
================================ */

@media (max-width: 768px) {
    #alerta {
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }

        #alerta .igobAlerta {
            width: calc(100vw - 24px) !important;
            max-width: calc(100vw - 24px) !important;
            left: 12px !important;
            right: 12px !important;
            box-sizing: border-box !important;
        }

        #alerta .text,
        #alerta .mensaje,
        #alerta .botones {
            float: none !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }
}