/* ================================================
 * Variables
 * @autor myance
 * ================================================ */
:root {
    --color-error: #ff4646;
    --color-primary: #aa0000;
    --color-secondary: #ffa54a;
    --color-tertiary: #525252;
    --color-quaternary: #4eaccc;
    --color-quinary: #555;
    --color-senary: #fff;
    --color-septenary: #fff;
    --color-octonary: #fff;
    --color-nonary: #fff;
    --color-denary: #fff;
    --color-primary-light: #e20e0e;
}

.color-error {
    color: var(--color-error)
}

.color-primary {
    color: var(--color-primary)
}

.color-primary-light {
    color: var(--color-primary-light)
}
.color-secondary {
    color: var(--color-secondary)
}

.color-tertiary {
    color: var(--color-tertiary)
}

.color-quaternary {
    color: var(--color-quaternary)
}

.color-quinary {
    color: var(--color-quinary)
}


html, body {
    height: inherit;
    width: 100%;
    background: #ffffff;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.LayoutHome {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.bandeja__titulo {
    background: var(--template-color-2);
}

.menu__forever {
    position: fixed !important;
    top: 0 !important;
}

    .menu__forever .opciones-menu {
        padding-top: 65px;
    }


html {
    width: 100%;
    font-size: 58.5%;
}

body {
    font-family: "Swiss-Light";
    color: #525252;
    background: #ffffff;
    overflow: hidden;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}


    body.complete #main__container.main__container--is-layout {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

a {
    color: #4eaccc;
}


div.errorMensaje {
    background: #aa0000;
    display: inline-flex;
    padding: 15px;
    border-radius: 13px;
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.28);
    animation: Crecer;
    -webkit-animation: Crecer;
    animation-duration: 1s;
    opacity: 1;
    -webkit-transition: 1s !important;
    transition: 1s;
    vertical-align: top;
    margin: 15px;
    max-width: 330px;
}

    div.errorMensaje span {
        font: 1.6rem "Swiss-Light";
        color: #fff;
        font-family: 'Arial-Extra-Bold';
    }


span.errorMensaje {
    color: #aa0000;
    font-family: 'Arial-Extra-Bold';
    /* height: 15px; */
    display: block;
    font: 1.6rem "Arial-Extra-Bold";
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3f3f3;
    border-radius: 15px;
    padding: 13px;
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.28);
    animation: Crecer;
    -webkit-animation: Crecer;
    animation-duration: 1s;
    opacity: 1;
    -webkit-transition: 1s !important;
    transition: 1s;
}



@keyframes Crecer {
    0% {
        transform: scale(0.0);
        opacity: 0;
    }

    30% {
        transform: scale(0.0);
        opacity: 0;
    }

    100% {
    }
}


span.errorMensaje .button {
    margin: 0 15px;
}

.lista__jee--is-row.white.cr5 {
    text-align: left;
    align-items: baseline;
    text-align: left;
    max-width: 18%;
    background-repeat: no-repeat !important;
    background-size: 63% !important;
    background-position: 99% 100% !important;
    border-top: 7px solid;
    border-bottom: 4px solid;
    page-break-inside: avoid;
    page-break-after: auto;
}



.PrintDePopoUp {
    display: block !important;
}


md-dialog-content .contenedor-Print .lista__jee--is-row.white.cr5 h4 {
    color: #525252 !important;
    background: transparent !important;
    text-align: left;
    padding: 0;
    page-break-inside: avoid;
    page-break-after: auto;
    border-bottom: 0px solid #fff;
    font-size: 19px !important;
    border: 1px solid #fff; /*color prueba*/
}


md-dialog-content .grid__container .lista__jee--is-row.white.cr5 {
    text-align: left;
    width: 100%;
    padding: 5px;
    display: block !important;
    align-items: baseline;
    text-align: left;
    max-width: 201mm;
    vertical-align: top;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 63% !important;
    background-position: 99% 100% !important;
    border-top: 7px solid;
    border-bottom: 4px solid;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    box-shadow: none !important;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 3px solid #000 !important;
    border-color: #000 !important;
    flex: none !important;
    page-break-inside: avoid;
    page-break-after: auto;
}



.lista__jee--is-row.white.cr5 h3 {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5;
    page-break-inside: avoid;
    page-break-after: auto;
}

.lista__jee--is-row.white.cr5 h4 {
    font-size: 2.3rem !important;
    border-bottom: 2px solid #fff;
    width: 100%;
    margin-bottom: 5px;
    font-size: 1.9rem;
    padding: 9px;
    text-align: center;
    line-height: 1;
    color: #fff;
    page-break-inside: avoid;
    page-break-after: auto;
}

    .lista__jee--is-row.white.cr5 h4 i {
        width: 100%;
        display: block;
        font-size: 1.9rem !important;
        font-family: "Swiss-Light";
        page-break-inside: avoid;
        page-break-after: auto;
    }


    .lista__jee--is-row.white.cr5 h4 span {
        page-break-inside: avoid;
        page-break-after: auto;
        font-size: 1.9rem !important;
        font-family: "Swiss-Light";
    }

.lista__jee--is-row.white.cr5 b {
    font-family: 'Arial-Extra-Bold';
}




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

.SECCION.ESPECIAL.DE.PREDIOS.RURALES {
    border-color: #ddaf77 !important;
    background-image: url(/Content/images/consulta/rurales.png);
}

    .SECCION.ESPECIAL.DE.PREDIOS.RURALES h4 {
        background: #ddaf77;
    }

.REGISTRO.DE.PROPIEDAD.VEHICULAR {
    border-color: #4eaccc !important;
    /* */
    background-image: url(/Content/images/consulta/vehiculos.png);
}

    .REGISTRO.DE.PROPIEDAD.VEHICULAR h4 {
        background: #4eaccc;
    }

.REGISTRO.DE.PREDIOS {
    border-color: #a6ba8e !important;
    /**/
    background-image: url(/Content/images/consulta/predios.png);
}

    .REGISTRO.DE.PREDIOS h4 {
        background: #a6ba8e;
    }


.DERECHOS.MINEROS {
    border-color: var(--template-color-2) !important;
    background-image: url(/Content/images/consulta/minas.png) !important;
}

    .DERECHOS.MINEROS h4 {
        background: var(--template-color-2);
    }


.LIBRO.DE.ASENTAMIENTOS.HUMANOS {
    border-color: #aca289 !important;
    background-image: url(/Content/images/consulta/asentamientosHumanos.png);
}

    .LIBRO.DE.ASENTAMIENTOS.HUMANOS h4 {
        background: #aca289;
    }


.lista__jee--is-row.white.BALNEARIOS.PROPIEDADES {
    border-color: #ffb060 !important;
    background-image: url(/Content/images/consulta/balnearios.png);
}

.BALNEARIOS.PROPIEDADES h4 {
    background: #ffb060;
}


.lista__jee--is-row.white.cr1 {
    text-align: left;
    align-items: baseline;
    text-align: left;
    max-width: 100%;
    flex: 1 1 100%;
    background: #fff;
    margin: 1%;
}

    .lista__jee--is-row.white.cr1 h3 {
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .lista__jee--is-row.white.cr1 h4 {
        font-size: 2.3rem !important;
        width: 100%;
        margin-bottom: 5px;
        font-size: 2.3rem !important;
        font-size: 1.9rem;
        color: #ffffff;
        font-family: 'Arial-Extra-Bold';
        background: #8196a5;
        padding: 8px;
    }


        .lista__jee--is-row.white.cr1 h4 i {
            width: 100%;
            display: block;
            font-size: 1.9rem !important;
            font-family: "Swiss-Light";
        }

.lista__jee--is-row.white.cr5 b {
    font-family: 'Arial-Extra-Bold';
}



/*Publicidad Anuncio*/
.publicidad__ambiente p {
    color: #FFF;
    font: 30px 'Arial-Extra-Bold';
    text-align: center;
}

.publicidad__ambiente.other {
    top: inherit !important;
    bottom: 0 !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top: 3px dashed #ffffff;
    border-bottom: none;
}

.publicidad__ambiente {
    position: fixed;
    top: 0;
    left: 50%;
    width: auto;
    height: 100px;
    background-color: var(--template-color-2);
    z-index: 9999;
    padding: 30px;
    transform: translateX(-50%);
    display: grid;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    box-shadow: 0 6px 0 #3a2b2bd1;
    border: 3px dashed #ffffff;
    border-top: none;
}

.publicidad__ambiente {
    zoom: 0.5;
    transition: 1s;
}

    .publicidad__ambiente:hover {
        zoom: 1;
    }


#animation_container {
    display: inline-block;
}



.AnimacionPopUp {
    display: inline-block;
    width: 100% !important;
    text-align: center;
}


.BiemvenidaCasilla {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #fff;
}

    .BiemvenidaCasilla.SIJE-confirm {
        
        background: transparent;
        height: 65vh;
    }

        .BiemvenidaCasilla.SIJE-confirm .button {
            width: 100%;
            margin: 5px 0;
        }

        .BiemvenidaCasilla.SIJE-confirm .element__input 
        {
            text-align: left
        }

        .BiemvenidaCasilla.SIJE-confirm .txt--is-title h1,
        .BiemvenidaCasilla.SIJE-confirm .element__label {
            text-align: left;
            width: 100%;
        }

        .BiemvenidaCasilla.SIJE-confirm .SaludoBienve {
            max-width:750px;
        }

.BiemvenidaCasilla.absolute {
    position: absolute;
    width: 100%;
    height: 100%;
}


.SaludoBienve {
    width: 100%;
    max-width: 500px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    animation-duration: 0.5s;
    animation-name: AnimateSB;
}

    .SaludoBienve.NoPage {
        max-width: 713px;
    }


@keyframes AnimateSB {
    0% {
        opacity: 0;
        margin-top: -15%;
    }

    100% {
    }
}

.SaludoBienve.Grande {
    max-width: 950px;
    padding: 9vh 0;
}


.SaludoBienve h3 {
    font-size: 2rem;
    font-family: "Swiss-Light";
    text-align: left;
    margin: 10px 15px;
    word-break: normal;
    padding: 15px 20px;
    background: #ffebd3;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    position: relative;
    box-shadow: 1px 1px 1px #bbb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .SaludoBienve h3 b span {
        font-size: 15px;
    }



    .SaludoBienve h3:before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 0px solid #ffebd3;
        border-right: 32px solid #ffebd3;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        left: -24px;
        top: 15px;
    }

.SaludoBienve .Dos:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 0px solid #ffebd3;
    border-left: 32px solid #ffebd3;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    right: -24px;
    top: 15px;
    left: auto;
}

.SaludoBienve h4 {
    font: 1.8rem "Swiss-Light" !important;
    word-break: normal;
    padding: 20px 25px;
    background: #55afca;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    box-shadow: 1px 1px 1px #bbb;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Swiss-Light";
    letter-spacing: 1.5px;
}


.SaludoBienve h2 {
    font: 2.7rem "Arial-Extra-Bold" !important;
    text-align: left;
    margin: 10px 15px;
    word-break: normal;
}


.SaludoBienve h5 {
    font: 1.8rem "Swiss-Light" !important;
    text-align: left;
    margin: 10px 15px;
    word-break: normal;
    max-width: 80%;
    color: #636363;
}

    .SaludoBienve h5 b {
        font: 1.8rem "Arial-Extra-Bold" !important;
    }


.SaludoBienve h2:before {
    content: "";
    display: none !important;
}


md-dialog .SaludoBienve h2:before {
    content: "";
    display: none !important;
}


.foto-tabla {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    page-break-inside: avoid;
    page-break-after: auto;
}

.texto-imafoto {
    width: calc(100% - 45px);
    display: inline-block;
}



.estafoActualLinea {
    display: inline-flex;
    width: 200px;
    height: 200px;
    background-color: var(--template-color-2);
    padding: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 1px 1px 8px 0px;
}

    .estafoActualLinea img {
        width: 60%;
        filter: drop-shadow(3px 2px 4px rgba(0, 0, 0, 0.37));
    }




.person02 {
    background: url(/Content/images/img/person02.gif);
    width: 157px;
    min-width: 157px;
    height: 284px;
    background-size: auto 278px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}




.person02-03 {
    background: url(/Content/images/img/person02-3.png);
    width: 157px;
    min-width: 157px;
    height: 284px;
    background-size: auto 278px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person03 {
    background: url(/Content/images/img/person03.gif);
    width: 237px;
    min-width: 237px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person04-1 {
    background: url(/Content/images/img/person04.png);
    width: 181px;
    min-width: 181px;
    height: 284px;
    background-size: 160px 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person04-2 {
    background: url(/Content/images/img/person04-2.gif);
    width: 252px;
    min-width: 252px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person06-204 {
    background: url(/Content/images/img/person05.gif);
    width: 252px;
    min-width: 252px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person05 {
    background: url(/Content/images/img/person05.gif);
    width: 252px;
    min-width: 252px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

    .person05.hablando {
        position: relative;
        margin-right: 53px;
        width: 458px;
    }

        .person05.hablando .texto-narrativo {
            position: absolute;
            background: white;
            padding: 15px;
            border-radius: 15px;
            box-shadow: 0 0 7px -4px rgb(0 0 0 / 43%);
            right: 0;
            top: -25px;
            width: 50%;
            animation-name: hablandoMensaje;
            animation-duration: 0.7s;
        }
 
@keyframes hablandoMensaje {
    0% {
        opacity: 0;
        right: 26px;
    }

    100% {
    }
}


        .person05.hablando .texto-narrativo:before {
            content: "";
            display: inline-block;
            position: absolute;
            border-left: 20px solid #fff;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            bottom: -10px;
            left: 21px;
        }

        .person06 {
            background: url(/Content/images/img/person06.gif);
            width: 251px;
            min-width: 252px;
            height: 284px;
            background-size: auto 284px;
            display: inline-block;
            vertical-align: middle;
            background-repeat: no-repeat;
        }

.person06-2 {
    background: url(/Content/images/img/person06.gif);
    width: 231px;
    min-width: 231px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
}



.person07 {
    background: url(/Content/images/img/person07.gif);
    width: 282px;
    min-width: 282px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person08 {
    background: url(/Content/images/img/person08.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person09 {
    background: url(/Content/images/img/person09.gif);
    width: 392px;
    min-width: 392px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person01 {
    background: url(/Content/images/img/person01.gif);
    width: 392px;
    min-width: 392px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person11 {
    background: url(/Content/images/img/person11.gif);
    width: 175px;
    min-width: 175px;
    ;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person10 {
    background: url(/Content/images/img/person10.gif);
    width: 175px;
    min-width: 175px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person12 {
    background: url(/Content/images/img/person12.png);
    width: 175px;
    min-width: 175px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person13 {
    background: url(/Content/images/img/person13.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person14 {
    background: url(/Content/images/img/person14.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}



.person15 {
    background: url(/Content/images/img/person15.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}



.person16 {
    background: url(/Content/images/img/person16.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}



.person17 {
    background: url(/Content/images/img/person17.png);
    width: 208px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

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

#ContOrganicacionesPoli {
    position: relative;
    overflow: hidden;
}

.content__video--is-video {
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.33);
    height: 100vh;
}



.mensajedeError {
    background: #e52b2b;
    font-size: 1.5rem;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.28);
    color: #fff;
    font-family: 'Arial-Extra-Bold';
    line-height: 1.1;
    display: block;
}

.positionRelative {
    position: relative;
}

.verMasBTNDesple {
    position: absolute;
    bottom: -6px;
    width: 100%;
    background: #617e8b;
    left: 0%;
    z-index: 10 !important;
    color: #fff;
    padding: 8px 8px 5px 8px;
    font-family: Swiss-Light;
    transition: 0.1s;
    font-size: 1.6rem;
    box-shadow: -1px -6px 9px 0 #afafafd6;
}

    .verMasBTNDesple:before {
        content: "";
        width: 0;
        height: 0;
        border-right: 95px solid transparent;
        border-top: 18px solid #617e8b;
        border-left: 95px solid transparent;
        position: absolute;
        top: 29px;
        left: 50%;
        margin-left: -95px;
        transition: 0.1s;
    }

    .verMasBTNDesple:hover {
        background: #4e6874;
    }

.padding15 {
    padding: 15px;
}

.padding1525 {
    padding: 25px 15px;
}

.td-height40 td, .td-height40 th {
    height: 40px;
}

.td-height60 td, .td-height60 th {
    height: 60px;
}

.padding15251505 {
    padding: 25px 15px 05PX 15px;
}

.padding1535 {
    padding: 35px 15px;
}

.padding20 {
    padding: 20px !important;
}

.padding35 {
    padding: 35px !important;
}

.padding0 {
    padding: 0px !important;
}

.tablas-estilos tbody tr td.padding15, .tablas-estilos thead tr th.padding15 {
    padding: 15px;
}

.verMasBTNDesple:hover:before {
    content: "";
    width: 0;
    height: 0;
    border-right: 95px solid transparent;
    border-top: 18px solid #4e6874;
    border-left: 95px solid transparent;
    position: absolute;
    top: 29px;
    left: 50%;
    margin-left: -95px;
}

.verMasBTNDesple2 {
    position: absolute;
    bottom: -6px;
    width: 100%;
    background: #617e8b;
    left: 0%;
    z-index: 10 !important;
    color: #fff;
    padding: 5px 8px 8px 8px;
    font-family: Swiss-Light;
    transition: 0.1s;
    display: none;
    box-shadow: -1px -6px 9px 0 #afafafd6;
    font-size: 1.6rem;
}

    .verMasBTNDesple2:before {
        content: "";
        width: 0;
        height: 0;
        border-right: 95px solid transparent;
        border-bottom: 18px solid #617e8b;
        border-left: 95px solid transparent;
        position: absolute;
        top: -17px;
        left: 50%;
        margin-left: -95px;
        transition: 0.1s;
    }

    .verMasBTNDesple2:hover {
        background: #4e6874;
    }

        .verMasBTNDesple2:hover:before {
            content: "";
            width: 0;
            height: 0;
            border-right: 95px solid transparent;
            border-bottom: 18px solid #4e6874;
            border-left: 95px solid transparent;
            position: absolute;
            top: -17px;
            left: 50%;
            margin-left: -95px;
        }

.flechaButonFloat {
    position: absolute;
    right: 0;
    font-size: 4.2rem !important;
    height: 38px;
    top: 50%;
    margin-top: -19px;
    transition: 0.2s;
}


a.lista__jee--is-row.white:hover .flechaButonFloat {
    color: var(--template-color-2);
    right: -5px;
}

a.lista__jee--is-row.white:hover p {
    color: #d85a06;
}

div.lista__jee--is-row:hover.white {
    transform: none;
}


.textArialBold {
    font-family: 'Arial-Extra-Bold' !important;
}


.tablas-estilos tbody tr:nth-child(odd) .td-Especia {
    background: rgba(230, 230, 230, 0.6);
    font-weight: 900;
    border-bottom: 1px solid rgba(214, 214, 214, 0.7);
    text-transform: uppercase;
    box-sizing: border-box;
}

.tablas-estilos tbody tr:nth-child(even) .td-Especia {
    background: rgba(230, 230, 230, 0.6);
    font-weight: 900;
    border-bottom: 1px solid rgba(214, 214, 214, 0.7);
    text-transform: uppercase;
    box-sizing: border-box;
}

.tablas-estilos tbody tr:hover .td-Especia {
    background: 0 !important;
}

h1.textArialBold {
    margin: 15px 0;
    font-size: 2.7rem;
}

.contenedorImprimir {
}

.SeccionDesplegable {
    position: relative;
    height: auto;
    overflow: visible;
    transition: 1.2s;
    height: auto;
    /* max-height: 50vh;*/
    max-height: 480px;
    min-height: 40vh;
}

#ListaCandidatos.SeccionDesplegable {
    max-height: 35vh;
    min-height: 35vh;
    overflow: hidden;
}

.SeccionDesplegable-Seleccionado {
    height: auto;
    max-height: 35000px;
    min-width: 500px;
    transition: 1.2s;
}

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

/*
 * Typography
 */
h1 {
    font-size: 2.1rem;
    line-height: 1.2;
}

h2 {
    font-size: 1.9rem;
    line-height: 1.25;
}

h3 {
    font-size: 1.8rem;
    line-height: 1.3;
}

h4 {
    font-size: 1.6rem;
    line-height: 1.35;
}

h5 {
    font-size: 1.4rem;
    line-height: 1.5;
}

h6 {
    font-size: 1.2rem;
    line-height: 1.6;
}

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}

/* ================================================
 * Generales
 * @autor myance
 * ================================================ */
.c-fff {
    color: #fff
}

.c-1 {
    color: var(--color-error)
}

.c-2 {
    color: #e20e0e
}

.c-3 {
    color: #ffa54a;
}

.c-4 {
    color: #525252
}

.color--is-grey {
    color: #525252;
}

.arial-l {
    font-family: "Swiss-Light"
}

.arial-b {
    font-family: "Arial-Bold"
}

.arial-e-b {
    font-family: "Arial-Extra-Bold"
}

.swiss-l {
    font-family: "Swiss-Light"
}

.swiss-l-i {
    font-family: "Swiss-Light-Italic"
}

.lucida-i {
    font-family: "Lucida-Italic"
}


.material-icons {
    vertical-align: middle;
}

.ContenidoCentrado {
    display: inline-block;
    width: 100%;
    max-width: 750px;
    background: #ffffff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.31);
    padding: 15px;
    border-radius: 19px;
}

.ContenidoCentrado900 {
    max-width: 900px !important;
}

.cont-bt-Centrado {
    width: 100%;
    display: block !important;
    max-width: 900px;
    margin: 15px auto !important;
    text-align: right !important;
}


    .cont-bt-Centrado.alineado-centro {
        text-align: center !important;
    }


.ContenidoCentrado md-radio-group {
    text-align: left;
}


/* ================================================
 * Footer
 * @autor myance
 * ================================================ */
.footer::not(.footer--is-to-login) {
    position: relative;
    top: inherit;
    left: inherit;
    top: inherit;
    bottom: inherit;
    padding-top: 0 !important;
    margin-top: 20px;
}

.complete .footer {
    opacity: 1;
}

.footer > div:first-child {
    margin-right: 5px;
}



.footer {
    -webkit-transition: opacity .3s ease-in-out .5s;
    -o-transition: opacity .3s ease-in-out .5s;
    transition: opacity .3s ease-in-out .5s;
    opacity: 0;
    background-color: #525252;
    color: #fff;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e5e5e5;
    font-size: 1.4rem;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.43);
    margin-top: 50px;
}


.iconoPart {
    width: 70px;
    height: 70px;
}

.subtitulo__audiencia {
    font: 12px 'Lucida-Italic';
    color: #605f5e;
    margin-top: 7px;
}


.titulo__audiencia {
    font-style: inherit;
    text-decoration: none;
    letter-spacing: 3px;
    /*color: #4eaccc;*/
    font: 18px 'Swiss-Bold';
}


.Font-Recudro {
    padding: 10px;
    border-radius: 20px;
    font-family: Arial-Extra-Bold;
    font-size: 1.9rem;
    background: #f5f5f5;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.td__title {
    width: 100% !important;
    padding: 10px !important;
    font: 15px 'Swiss-Bold' !important;
    letter-spacing: 1px !important;
    position: relative;
}

.num__expediente {
    position: absolute;
    top: calc(50% - 10px);
    left: 13px;
    border-radius: 50%;
    border: 1px solid #FFAF27;
    background: #fff;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #FFAF27;
    text-align: center;
    font: 16px 'Arial-Extra-Bold';
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b2332a;
}

.tables__result .tablas-estilos:nth-child(odd) .tr__title {
    background: #ffdbbc !important;
}

.tables__result .tablas-estilos:nth-child(even) .tr__title {
    background: #ffc1b8 !important;
}

/* ================================================
 * Icons
 * @autor myance
 * ================================================ */
.ico--user {
    background-image: url(/Content/images/login/user.svg)
}

/* ================================================
 * Tag Lines
 * @autor myance
 * ================================================ */
/*.tag__band{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.tag__franja{
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    animation: extendFranja 1s;
    -webkit-animation: extendFranja 1s;
}
.tag__franja--rojo{
    background-color: #525252;
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(0deg);
    z-index: 1;
    left: -6px;
}
.tag__franja--naranja{
    left: 63px;
    background-color: var(--template-color-2);
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    -o-transform: skewX(-7deg);
    transform: skewX(-7deg);
    z-index: 2;
}
.tag__franja--azul{
    left: 27px;
    background-color: #fff;
    -webkit-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-3deg);
    z-index: 3;
}
.tag__franja--amarillo{
    left: -9px;
    background-color: #aa0000;
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    -o-transform: skewX(-7deg);
    transform: skewX(-7deg);
    z-index: 4;
}
.tag__underline{
    position: relative;
}
.tag__underline:after{
    content:'';
    display: block;
    position: absolute;    
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 15px 0px 0px var(--template-color-2), 30px 0px 0px #e20e0e  ;
}
.tag__underline--is-center:after{
    left: 0;
    right: 0;
    margin: auto;
}
.tag__path{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    background-image: url(/Content/images/general/path.png);
    background-color: rgba(0, 0, 0, 0.15);
}
.tag__view.is-active{
     color: var(--color-error);
}
.tag__view{
    position: absolute;
    bottom: 0;
    right: -3%;
    line-height: 0px;
    color: #525252;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
*/



/* ================================================
 * Bloquotes
 * @autor myance
 * ================================================ */
.tag__bloquote {
}

    .tag__bloquote:before,
    .tag__bloquote:after {
        font-family: 'Lucida-Italic';
        content: ' " '
    }

/* ================================================
 * Data Picker
 * @autor myance
 * ================================================ */
.label--is-picker {
    display: block;
    font: 16px "Swiss-Light";
    font: 16rem "Swiss-Light";
}

.element__datepicker {
    width: 100%;
    display: block;
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    /*padding: 9px 10px 10px 0;*/
    padding: 6px 10px 5px 0;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
}

.elemento-creado-borrador {
    display: inline-block;
    color: var(--template-color-2);
    padding: 5px;
    border-radius: 15px;
    border: 1px solid var(--template-color-2);
    padding-left: 34px;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 6px;
}

    .elemento-creado-borrador:before {
        content: "X";
        font-weight: bold;
        color: var(--template-color-2);
        position: absolute;
        left: 9px;
        top: 3px;
        font-size: 15px;
        font-size: 1.5rem;
        font-family: "Swiss-Light";
    }



/* ================================================
 * Input Numeric
 * @autor myance
 * ================================================ */
input[type="number"].element__numeric {
    position: relative;
    margin: 0 0 1rem;
    border: 1px solid #BBB;
    border-color: #BBB #ECECEC #ECECEC #BBB;
    padding: .2rem;
    width: 100%;
    -webkit-appearance: initial !important;
    text-align: center;
    max-width: 86px;
    display: block;
    margin: 1px auto 3px auto;
}

    input[type="number"].element__numeric::-webkit-outer-spin-button,
    input[type="number"].element__numeric::-webkit-inner-spin-button {
        -webkit-appearance: none;
        background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
        width: 1em;
        border-left: 1px solid #BBB;
        opacity: .5;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }



/* ================================================
 * Elements Form : Disabled
 * @autor myance
 * ================================================ */
.element__input.readonly:not(.flatpickr-input),
.element__input[readonly]:not(.flatpickr-input) {
    background: #fff !important;
    color: #b9b9b9 !important;
    padding-left: 10px !important;
    border: none !important;
    border-bottom: 1px dashed #b9b9b9 !important;
    cursor: not-allowed !important;
}

.element__datepicker[disabled],
.element__datepicker.disabled,
.element__select[disabled],
.element__select.disabled,
.element__input.disabled,
.element__input[disabled] {
    background: #efefef !important;
    color: #b9b9b9 !important;
    padding-left: 10px !important;
    border: none !important;
    border-bottom: 1px dashed #b9b9b9 !important;
    cursor: not-allowed !important;
}

.element__select--normal option {
    color: var(--template-color-3);
    outline: none;
    padding: 5px;
}

.element__select--normal:disabled {
    cursor: no-drop;
}
/* ================================================
 * Elements Form
 * @autor myance
 * ================================================ */
.element__group--is-search:before {
    font: normal normal normal 27px/1 "Material Icons";
    position: absolute;
    top: 70%;
    right: 6px;
    transform: translateY(-50%);
    content: "\E8B6";
    color: #525252;
    z-index: 2;
}

.contenedorGenero {
    display: flex;
}

    .contenedorGenero .lista__jee--is-row.white {
        flex: 0 1 34%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }


.cantSelectos {
    font: 6rem "Arial-Extra-Bold";
    color: var(--template-color-1);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--template-color-2);
    box-shadow: 0 0 0 3px #fff, 0 0 0 8px var(--template-color-2);
    margin-top: 15px;
}

.selectos {
    display: block;
    margin-top: 9px;
    font: 1.8em 'Lucida-Italic';
    color: var(--template-color-2);
}

#cargaTotal {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    flex-direction: column;
}

    #cargaTotal span {
        font-size: 1.8rem;
        font-style: italic;
        line-height: 1;
        margin: 12px;
        display: inline-block;
        padding: 5px;
        margin-bottom: -15px;
    }

    #cargaTotal img {
        max-height: 90px;
        width: auto !important;
        margin: -10px 0;
    }

.element__group--is-icons {
    position: relative;
}


.tag__input--is-focus:after {
    width: 100% !important
}

.tag__input--is-focus .element__label {
    color: var(--template-color-2) !important
}

.error.element__group:after,
.error.tag__input:after {
    background-color: var(--color-error)
}

.element__group:after,
.tag__input:after {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    content: "";
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    background: var(--template-color-2);
}

.element__group,
.tag__input {
    position: relative;
    vertical-align: top;
}

.element__input {
    border-bottom: 1px solid #cecece;
    width: 100%;
    padding: 5px 10px 5px 0;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    text-transform: uppercase;
}

.element__textarea {
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    padding: 5px;
    color: #525252;
    height: 40px;
    font: 13px "Swiss-Light";
    font: 1.3rem "Swiss-Light";
    resize: none;
    text-transform: uppercase;
    background: #ffffff;
    box-shadow: 1px 1px 6px -2px rgb(0 0 0 / 28%);
}

    .element__textarea.SoloLine {
        height: auto;
    }

.element__input--search {
    width: 180px;
    padding: 10px;
    color: #525252;
    font: 12px "Lucida-Italic";
    font: 1.2rem "Lucida-Italic";
    border: 1px solid #ddd;
    border-radius: 4px;
}

.element__group {
    position: relative;
}

li.element__label {
    display: block;
}


.element__label > i {
    font-style: italic;
    padding-left: 1px;
    padding-right: 10px;
    font-size: 13px;
    letter-spacing: 0.1px;
}



.element__label {
    color: #525252;
    font: 15px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    display: inline-block;
    position: relative;
    letter-spacing: 2px;
    cursor: default;
    opacity: 1;
    filter: none;
    margin-bottom: 2px;
}

.element__small {
    color: var(--template-color-2);
    font: 12px 'Lucida-Italic';
    letter-spacing: 0px;
    margin: 0 9px 0 0;
}


.element__link:hover {
    color: #e20e0e;
    text-decoration: underline;
}

.element__link {
    color: #4eaccc;
    display: block;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    font-family: 'Lucida-Italic'
}


.element__label_resultado {
    color: #777;
    font: 1.4rem "Swiss-Bold";
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    width: 100%;
    cursor: default;
    min-height: 21px;
}

    .element__label_resultado:before, .element__label_resultado:after {
        display: none;
    }

.element--is-required:after {
    content: "*";
    position: absolute;
    top: -5px;
    right: -10px;
    color: var(--color-error);
    font: 20px 'Tines New Roman';
    font: 2rem 'Tines New Roman';
}

/* ================================================
 * @autor myance
 * ================================================ */

.desemfocado:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.42);
    z-index: 4;
}

.desemfocado {
    /*filter: blur(0.2px);*/
}

/* ================================================
 * Counter
 * @autor myance
 * ================================================ */
code.counter__num {
    position: absolute;
    bottom: -16px;
    right: 0px;
    color: #525252;
    background-color: #eeebe4 !important;
    padding: 1px 4px;
    border-radius: 4px;
    font-size: 10px;
    letter-spacing: -1px;
}

/* ================================================
 * Select / Select2
 * @autor myance
 * ================================================ */

.element__select {
    width: 100%;
    display: block;   
}

.element__select--normal {
    /*padding: 11px 5px 8px 5px;*/
    padding: 4px 5px 6px 0px;
    border-bottom: 1px solid #cecece;
    font: 13px "Swiss-Light";
    font: 1.3rem "Swiss-Light";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='gray'><polygon points='0,0 100,0 50,50'/></svg>");
    background-size: 12px;
    display: inline-block;
    width: 100%;
    color: #525252;
    padding-right: 30px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #fffefe !important;
    border: 0px solid #e4c19c !important;
    font: 14px 'Swiss-Light';
    box-shadow: none;
    font-weight: 900 !important;
    box-shadow: 0 !important;
    padding: 3px 38px !important;
    border-radius: 13px !important;
    border: 2px solid var(--template-color-2) !important;
}

.select2-container-multi .select2-search-choice-close {
    left: 14px !important;
}

.select2-container-multi .select2-choices .select2-search-choice div {
    color: var(--template-color-2);
}


.select2-search-choice-close {
    background: #fff !important;
}

    .select2-search-choice-close:after {
        content: "x";
        color: var(--template-color-2);
        font-size: 18px;
        font-weight: 700;
        font-family: Arial-Extra-Bold;
        display: inline-block;
        /* width: 104px; */
        /* height: 100px; */
        line-height: 0;
        padding: 5px 3px 7px 3px;
    }

/* ================================================
 * Dialog
 * @autor myance
 * ================================================ */
.dialog__buttons {
    padding: 0 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

/* ================================================
 * Notify
 * @autor myance
 * ================================================ */
.element__notify.close {
    animation-name: zoomOff;
}

.element__notify {
    position: fixed;
    top: 120px;
    right: 0 !important;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: 99;
    animation-name: zoomIn;
    width: 350px;
    box-shadow: 1px 3px 8px -1px rgba(0, 0, 0, 0.28);
    border-radius: 15px 0px 0px 15px;
}


.element__notify__close:hover {
    color: var(--template-color-2);
}

.element__notify__close {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    color: #c4c4c4;
}

.notify__content {
    position: relative;
}

.notify_close_btn span, .eliminarDocumento {
    font-size: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    font-family: 'Arial-Extra-Bold';
}

.notify_close_btn:hover {
    -webkit-transform: rotate(180deg) scale(1.1,1.1);
    -ms-transform: rotate(180deg) scale(1.1,1.1);
    -o-transform: rotate(180deg) scale(1.1,1.1);
    transform: rotate(180deg) scale(1.1,1.1)
}

.notify_close_btn {
    position: absolute;
    top: -10px;
    left: -10px;
    background: white;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.43);
    border-radius: 50%;
    padding: 6px;
    width: 28px;
    height: 28px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.notify--is-ico img {
    width: 100%;
}

.notify--is-ico {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 0;
}

.notify--is-txt strong:after {
    padding-right: 2px;
    content: ':';
}

.notify--is-txt {
    padding: 8px;
    padding-left: 25px;
    min-height: 20px;
    padding-right: 10px;
    color: #ffffff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font: 14px "Lucida-Italic";
    text-align: left;
    min-height: 70px;
    padding-right: 70px;
    display: flex;
    justify-content: center;
    align-items: end;
    flex-wrap: nowrap;
    flex-direction: column;
    border-radius: 15px 0px 0px 15px;
}


@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 1);
        transform: scale3d(0, 0, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes zoomOff {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 1);
    }
}

@keyframes zoomOff {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }
}

.error .notify--is-txt {
    background: var(--color-error);
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.4588235294117647);
}

.success .notify--is-txt {
    background: #0AC191;
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.4588235294117647);
}

.info .notify--is-txt {
    background: #33DDDD;
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.4588235294117647);
}

.ajax-file-upload-bar {
    background-color: rgba(186, 228, 193, 0.30980392156862746) !important;
    width: 0;
    height: 58px;
    border-radius: 0px;
    color: #FFFFFF;
    top: 0;
    position: absolute;
    animation: upCarDoc;
    -webkit-animation: upCarDoc;
    animation-duration: 0.4s;
    opacity: 1;
    -webkit-transition: 0.4s !important;
    transition: 0.4s;
}

@keyframes upCarDoc {
    0% {
        width: 0
    }

    100% {
    }
}


@-webkit-keyframes upCarDoc {
    0% {
        width: 0
    }

    100% {
    }
}




.error .notify_close_btn span {
    color: var(--color-error);
}

.success .notify_close_btn span {
    color: #0AC191;
}

.info .notify_close_btn span {
    color: #33DDDD;
}

.ima-in-notify {
    width: 100px;
}

/* ================================================
 * Alerts
 * @autor myance
 * ================================================ */

.element__alerta {
    width: 100%;
    display: flex;
    border: 1px solid #efefef;
    padding: 12px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    background: #fbfbfb;
    position: relative;
    max-width: 650px;
    margin: 10px auto;
    box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.45) !important;
    border-radius: 13px;
    overflow: hidden;
    animation: apareceAlerta;
    -webkit-animation: apareceAlerta;
    animation-duration: 0.4s;
    opacity: 1;
    -webkit-transition: 1s !important;
    transition: 1s;
}

@keyframes apareceAlerta {
    0% {
        margin-top: 40px;
        opacity: 0;
    }

    100% {
    }
}

.alerta__ico img {
    width: 100%;
}

.alerta__ico {
    width: 50px;
}

.alerta__txt--is-title {
    font: 20px "Swiss-Light";
    font: 2.0rem "Swiss-Light";
    font-weight: bold;
    text-transform: uppercase;
}

.alerta__txt--is-description {
    font: 16px "Lucida-Italic";
    font: 1.6rem "Lucida-Italic";
}

.alerta__txt {
    width: calc(100% - 40px);
    padding-left: 30px;
}

.alerta__close > i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.alerta__close:hover {
    color: var(--template-color-2);
}

.alerta__close {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    color: #c4c4c4;
}


.element__alerta--is-error .alerta__txt--is-title {
    color: var(--color-error)
}

.element__alerta--is-error {
    /* -webkit-box-shadow: -4px 0 0  var(--color-error);
    box-shadow: -4px 0 0  var(--color-error);   */
    border-left: 7px solid var(--color-error);
}

.element__alerta--is-info .alerta__txt--is-title {
    color: #33DDDD
}

.element__alerta--is-info {
    /* -webkit-box-shadow: -4px 0 0 #33DDDD;
    box-shadow: -4px 0 0 #33DDDD;   */
    border-left: 7px solid #33DDDD;
}

.element__alerta--is-success .alerta__txt--is-title {
    color: #0AC191
}

.element__alerta--is-success {
    /*-webkit-box-shadow: -4px 0 0 #0AC191;
    box-shadow: -4px 0 0 #0AC191; */
    border-left: 7px solid #0AC191;
}

/* ================================================
 * Form Validations
 * @autor myance
 * ================================================ */
.success em {
    display: none !important;
}

.error em {
    display: inline-block !important;
}

.element__group {
    position: relative;
}

    .element__group em:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -5px;
        left: 0px;
        border-left: 12px solid var(--color-error);
        border-top: 5px solid transparent;
    }

    .element__group em {
        z-index: 2;
        font-style: italic;
        font-size: 12px;
        padding: 1px 5px;
        position: absolute;
        bottom: -15px;
        left: 13px;
        background-color: var(--color-error);
        color: #FFF;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border-top-left-radius: 0px !important
    }


.right-end {
    justify-content: flex-end;
}



/* ================================================
 * Checkbox & Radiof
 * @autor myance
 * ================================================ */
.content__radio,
.content__checkbox {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    display: flex;
    margin: 5px 0;
}




.content__radio, .content__checkbox {
    height: 23px;
}

    .element__checkbox:disabled, .content__radio:disabled {
        opacity: 0.7 !important;
        -webkit-filter: grayscale(80%);
        -moz-filter: grayscale(80%);
        -ms-filter: grayscale(80%);
        -o-filter: grayscale(80%);
    }

        .element__checkbox:disabled:after, .content__radio:Disabled:after,
        .element__checkbox:disabled:before, .content__radio:Disabled:before {
            cursor: not-allowed !important;
            cursor: no-drop
        }

.element__checkbox {
    position: relative;
    /* top: -0.375em; */
    margin: 10px 4px !important;
    cursor: pointer !important;
    display: inline-flex;
    width: 12px;
    height: 10px;
}

    .element__checkbox:before {
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        -webkit-transform: rotate(-45deg) scale(0, 0);
        -moz-transform: rotate(-45deg) scale(0, 0);
        -ms-transform: rotate(-45deg) scale(0, 0);
        -o-transform: rotate(-45deg) scale(0, 0);
        transform: rotate(-45deg) scale(0, 0);
        content: "";
        position: absolute;
        left: -1px !important;
        top: 1px !important;
        z-index: 1;
        width: 15px;
        height: 7px;
        border: 2px solid #ef660d;
        border-top-style: none;
        border-right-style: none;
    }


    .element__checkbox:checked:before {
        -webkit-transform: rotate(-45deg) scale(1, 1);
        -moz-transform: rotate(-45deg) scale(1, 1);
        -ms-transform: rotate(-45deg) scale(1, 1);
        -o-transform: rotate(-45deg) scale(1, 1);
        transform: rotate(-45deg) scale(1, 1);
    }

    .element__checkbox:after {
        content: "";
        position: absolute !important;
        top: -5px !important;
        left: -4px !important;
        width: 20px !important;
        height: 20px !important;
        background: #fff !important;
        border: 1px solid #f9ad60 !important;
        cursor: pointer !important;
        border-radius: 4px !important;
    }

.element__radio + span {
    padding-left: 15px;
    vertical-align: -3px;
    font-size: 14px;
    line-height: 20px;
}

.element__radio + .text {
    padding-left: 10px;
    padding-right: 20px;
}


.element__checkbox + span {
    padding-left: 10px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 31px;
}



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

.content__checkbox.Resaltante > span {
    padding-left: 15px;
    vertical-align: top;
    font-size: 15px;
    line-height: 31px;
    font: 1.7rem "Arial-Extra-Bold";
    color: #fff;
}


.tablas-estilos tfoot tr td .dx-pager {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


.tablas-estilos tbody tr td .element__input {
    margin: 5px auto
}


.tablas-estilos tfoot tr td .element__input {
    margin: 5px auto
}




.tablas-estilos tbody tr td .main__radios {
    margin-top: 0px;
    display: inline-flex;
}

.tablas-estilos tbody tr td .element__checkbox + span {
    padding-left: 5px;
}

.tablas-estilos tbody tr td .content__radio,
.tablas-estilos tbody tr td .content__checkbox {
    margin-right: 15px;
}

.tablas-estilos tbody tr td .element__checkbox + span {
    font-size: 12px;
}


.margi-top {
    margin-top: 45px;
}



.content__checkbox.Resaltante.nopinter {
    cursor: auto;
}

.content__checkbox.Resaltante {
    background: var(--template-color-2);
    padding: 20px 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
}

/*
.element__radio {
    position: relative;
    margin: 0 !important;
}
*/
.element__radio {
    position: relative;
    margin: 0 !important;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: 0 3px !important;
}


.element__checkbox.check-simple {
    margin: 12px 9px 7px 9px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.main__checkbox {
    display: flex;
    margin: 10px 0;
}


    .main__checkbox .content__checkbox {
        margin-right: 15px;
    }



.element__checkbox {
    margin: 10px 0 !important;
}

    .element__checkbox.check-simple:after {
        content: "";
        position: absolute;
        top: -0.125em;
        left: 0;
        width: 2em;
        height: 2em;
        background: #fff;
        border: 1px solid #dadada;
        cursor: pointer;
    }


    .element__checkbox.check-simple:before {
        position: absolute;
        left: 0.1875em;
        top: 0.3em;
        z-index: 1;
        width: 1.75em;
        height: 0.775em;
        border: 3px solid #f9873d;
        border-top-style: none;
        border-right-style: none;
    }

.element__radio:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    width: 13px;
    height: 13px;
    background: var(--template-color-2);
    border-radius: 50%;
}

.element__radio:checked:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.element__radio:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    background: #fff;
    border: 2px solid #ffce9c;
    border-radius: 50%;
}

.main__radios .content__radio:not(:first-child) {
    margin-left: 10px;
}

.main__radios {
    display: flex;
    margin-top: 20px;
}




    .main__radios.nomargin {
        margin-top: 0px;
    }

/* ================================================
 * Buttons
 * @autor myance
 * ================================================ */
button-optional .button {
    transform: scale(0);
    -webkit-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

button-optional .button--is-primary,
button-optional .button--is-secondary,
button-optional .button--is-third,
button-optional .button--is-four,
button-optional .button--is-five,
button-optional .button--is-six {
    transform: scale(1) !important
}



.button {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    display: inline-block;
    margin: 0px;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1;
    font: 14px "Lucida-Italic";
    font: 1.4rem "Lucida-Italic";
    text-transform: uppercase;
    vertical-align: top;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    /* height: 39px;
    display: inline-flex;
    justify-content: center;
    align-items: center;*/
}



    .button .iconi {
        margin: 0 5px;
        height: 15px;
    }

    .button.bg--is-red {
        color: #fff;
        background: linear-gradient(90deg, #e20e0e 0%, #aa0000 100%);
        /*border: #db5726 1px solid;*/
    }

    .button.bg--is-grey {
        color: #A2A2A7;
        border: 2px solid #A2A2A7;
        background-color: transparent;
    }

/*
 * Button Content
 * @autor myance
 */
.buttons__content .button {
    margin-right: 10px;
}

.ButonEspecialCont {
    display: flex !important;
    justify-content: space-between;
}

    .ButonEspecialCont .button {
        width: 32%;
        text-align: center;
    }



.buttons__content .button:last-child {
    margin-right: 0px;
}

.buttons__content {
    margin: 15px 0px;
    display: block;
    text-align: right;
    /*background: red;*/
}

.row > div .buttons__content {
    margin: 7px 0px;
}


.buttons__content .button--is-primary {
    margin-left: 1vh;
}


.buttons__content .ng-pristine.ng-valid {
    text-align: center;
}

/*
 * Button 1
 * @autor myance
 */




.button--is-primary[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
}

.button--is-primary {
    -webkit-transition: color .4s, padding-left .55s, padding-right .55s;
    -o-transition: color .4s, padding-left .55s, padding-right .55s;
    transition: color .4s, padding-left .55s, padding-right .55s;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 60px;
    padding-right: 40px;
    position: relative;
    z-index: 1;
    font-size: 14px;
    font-size: 1.4rem;
}

    .button--is-primary:not([disabled]):hover:after {
        -webkit-transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
        -o-transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
        transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
        width: 24px;
        background-color: rgba(73, 190, 65, .5)
    }

    .button--is-primary:not([disabled]):after,
    .button--is-primary:not([disabled]):before {
        -webkit-transition: all .25s cubic-bezier(.52, 0, .08, 1) 50ms;
        -o-transition: all .25s cubic-bezier(.52, 0, .08, 1) 50ms;
        transition: all .25s cubic-bezier(.52, 0, .08, 1) 50ms;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        z-index: -2;
        width: calc(100% - 24px);
        height: 100%;
        /* background-color: var(--template-color-2); */
        background: linear-gradient(90deg, #ffa549 0%, #f9863c 100%)
    }

    .button--is-primary:not([disabled]):after {
        -webkit-transition: all .15s cubic-bezier(.82, 0, .28, 1) 0s;
        -o-transition: all .15s cubic-bezier(.82, 0, .28, 1) 0s;
        transition: all .15s cubic-bezier(.82, 0, .28, 1) 0s;
        z-index: -1;
        width: calc(100% - 12px);
        opacity: 0.8
    }

    .button--is-primary:not([disabled]):hover {
        color: #fff;
        background-color: #e20e0e;
        padding-left: 40px !important;
        padding-right: 60px !important;
    }

        .button--is-primary:not([disabled]):hover:before {
            -webkit-transition: all .4s cubic-bezier(.82, 0, .28, 1) 0s;
            -o-transition: all .4s cubic-bezier(.82, 0, .28, 1) 0s;
            transition: all .4s cubic-bezier(.82, 0, .28, 1) 0s;
            width: 12px;
            background-color: var(--template-color-2)
        }

        .button--is-primary:not([disabled]):hover:after {
            -webkit-transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
            -o-transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
            transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
            width: 24px;
            background-color: var(--template-color-2)
        }

    .button--is-primary:not([disabled]):active {
        background-color: #b10000;
    }

    .button--is-primary i {
        margin-right: 10px;
        vertical-align: -5px !important;
        font-size: 20px !important;
        margin-bottom: -7px;
        margin-top: -7px;
    }

.button--is-content {
    position: relative;
    display: inline-block;
}

.ico--into-button {
    margin-right: 10px;
    vertical-align: -5px !important;
    font-size: 20px !important
}
/* 
 * Button 3
 * @autor myance
 */
.button--is-third:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 80px;
    height: 200%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
    left: -50px;
    top: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
    font-size: 14px;
    z-index: -1;
    font-size: 1.4rem;
}

.button--is-third:hover:after {
    width: 40%;
}

.buton-cumplent.button--is-third:hover:after {
    height: 1000px !important;
}


.buton-cumplent.button--is-four:hover:after {
    height: 1000px !important;
}



.grid__button--is-start .button--is-third {
    margin: 5px;
}

.button--is-third i {
    color: #fff;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 25px !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.button--is-third:hover:after {
    width: 110px;
    height: 400px;
    left: -15%;
    top: 120%;
    transform: rotate(-90deg);
}

.button--is-third {
    overflow: hidden;
    background: linear-gradient(90deg, #84cfe8 0%, #4eaccc 100%);
    color: #ffffff;
    vertical-align: top;
    padding: 12px 50px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
}

.grid__button--is-start .button--is-third {
    margin: 0
}

    .grid__button--is-start .button--is-third:hover {
        box-shadow: 2px 3px 2px #c3c3c3;
    }
/*
 * Button 4
 * @autor myance
 */
.button--is-four:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 80px;
    height: 200%;
    background: rgba(210, 139, 51, 0.21);
    z-index: 1;
    left: -50px;
    top: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
    font-size: 14px;
    font-size: 1.4rem;
}

.button--is-four:hover:after {
    width: 40%;
}

.button--is-four:hover,
.button--is-four:hover i {
    color: #e20e0e
}

.button--is-four i {
    color: #f9863d;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 25px !important;
}

.button--is-four.button--is-return i {
    font-size: 20px !important;
}

.button--is-four:hover:after {
    width: 110px;
    height: 400px;
    left: -15%;
    top: 120%;
    transform: rotate(-90deg);
}

.button--is-four {
    overflow: hidden;
    background: linear-gradient(90deg, #ffe7c9 0%, #ffddb3 100%);
    color: #f9863d;
    vertical-align: top;
    padding: 12px 50px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    /*margin: 10px 7px;*/
}

.button--is-five {
    overflow: hidden;
    background: #ffffff;
    color: #6f6f6f;
    vertical-align: top;
    padding: 9px 12px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 10px 3px;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: "Swiss-Light";
    font-size: 1.1rem;
    border: 1px solid #d6d6d6;
}

    .button--is-five:hover {
        background: #f3f3f3;
        box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.41) !important;
    }

    .button--is-five.normal {
        padding: 9px 12px 9px 12px;
        margin: 0 10px;
    }


/*
 * Button 6
 * @autor myance
 */
.button--is-six {
    overflow: hidden;
    background-color: #227384;
    color: #fff;
    vertical-align: top;
    padding: 10px 12px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 10px 3px;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    font-family: "Swiss-Light";
}

    .button--is-six:hover {
        background: #166066;
        box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.41) !important;
    }

/*
 * Button Return
 * @autor myance
 */
.button--is-exit {
    margin: 0 10px;
}

.contMidle {
    vertical-align: middle;
    display: inline-block;
    margin: 5px 10px !important;
}

/*
 * Button DX
 * @autor myance
 */
.button--is-dx i {
    margin: 0;
    color: #525252;
    vertical-align: -7px;
    padding-right: 5px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.button--is-dx:hover i,
.button--is-dx:active i,
.button--is-dx:hover,
.button--is-dx:active {
    color: var(--template-color-2);
}

.button--is-dx.active,
.button--is-dx:hover {
    box-shadow: 2px 2px 6px #c5c5c5;
}

.button--is-dx:hover,
.button--is-dx:active {
    background-color: #fff;
}

.button--is-dx {
    color: #525252;
    padding: 8px 20px;
    text-align: center;
    box-sizing: content-box;
    border-left: 0;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgb(255, 255, 255);
    margin: 0px;
    background-color: rgba(249, 249, 249, 0.96);
}

    .button--is-dx.active i,
    .button--is-dx.active {
        color: #e20e0e
    }

.button--is-grid-txt {
    padding-left: 10px
}

.button--is-grid {
    padding: 11px 12px !important;
    font-size: 1.2rem;
    transition: all 0.3s;
    margin: 10px 3px;
}



/*Select dentro del DX*/
.dx__select .button--is-dx {
    margin-right: 0
}

.dx__select:hover .dx__select--is-options {
    opacity: 1;
    transform: scale(1);
}

.dx__select {
    display: inline-block;
    position: relative;
}

.dx__select--is-options {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transform: scale(0);
    opacity: 0;
    position: absolute;
    bottom: -80px;
    left: 0;
    z-index: 9999;
    padding: 0px;
    text-align: center;
    box-shadow: 1px 1px 6px #b7b7b7;
    background: #fff;
    border-radius: 4px;
    transform-origin: right top;
}

.option__enlace:hover {
    color: #4eaccc
}

.option__enlace {
    display: block;
    padding: 10px 20px;
    color: #525252;
    border-bottom: 1px solid #e7e7e7;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 1.2rem;
}


.button[disabled] {
    background-color: #d8d8d8 !important;
    cursor: not-allowed;
    color: #9a9a9a !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}


    .button[disabled] i, .button[disabled]:hover i {
        color: #9a9a9a !important;
    }


    .button[disabled]:hover {
        background-color: #ccc;
        cursor: not-allowed;
        color: #9a9a9a !important;
    }



    .button[disabled]:before, .button[disabled]:after {
        content: "";
        display: none;
    }




.maxheight21vh {
    max-height: 21vh;
    overflow: auto;
}

.maxheight30vh {
    max-height: 30vh;
    overflow: auto;
}

.maxheight40vh {
    max-height: 40vh;
    overflow: auto;
}

.maxheight50vh {
    max-height: 50vh;
    overflow: auto;
}

.maxheight60vh {
    max-height: 60vh;
    overflow: auto;
}



.cuadroLeyenda {
    width: 15px;
    height: 15px;
    display: inline-block;
}


.leyendahtml {
    margin-top: -15px;
    margin-bottom: 15px;
}

.sinLeyenda .dxc-legend {
    display: none;
}

/* ================================================
 * Tabs COlapsar
 * @autor myance
 * ================================================ */
.height250 {
    height: 250px;
}

.height200 {
    height: 200px;
}



.colapsar:hover {
    filter: brightness(0.9);
}

.colapsar {
    line-height: 20px;
    padding: 5px;
    border-radius: 5px;
    transition: all 0.5s;
    position: relative;
    cursor: pointer;
    transition: 0.2s;
    background: var(--template-color-1);
    color: var(--template-color-2);
}






    .colapsar label {
        font: 14px 'Swiss-Bold';
        font: 1.2rem 'Swiss-Bold';
        letter-spacing: 1px;
    }

.inactive .tab__arrow {
    transform: rotate(180deg)
}

.tab__arrow {
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
    color: var(--template-color-1);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.tab__contenedor {
    margin-top: 20px;
    padding: 0 20px;
}

.boton-seguir:hover {
    filter: brightness(0.9);
}

.boton-seguir {
    display: inline-block;
    margin: 5px 0px 5px 15px;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    cursor: pointer;
    background: var(--template-color-2);
    color: var(--template-color-1);
    box-shadow: 0 1px 4px #444;
}

.lista_alerta {
    vertical-align: middle;
    display: flex;
    background-color: var(--color-error);
    width: 100%;
    padding: 5px;
    color: white;
    border-radius: 10px;
    margin: 0 0 7px 0;
    letter-spacing: 1px;
    font: 12px 'Lucida-Italic';
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

    .lista_alerta i {
        line-height: 1.3em;
        vertical-align: middle;
        margin: 0 10px 0 5px;
        font-size: 30px;
    }


.boton-table-ico {
    cursor: pointer;
    margin: 3px 5px;
    width: 25px;
    display: inline-flex;
    height: 25px;
    transition: 0.2s;
}

    .boton-table-ico:hover {
        transform: scale(1.1)
    }

    .boton-table-ico img {
        width: 100%;
    }




/* ================================================
 * Buttons Search
 * @autor myance
 * ================================================ */
.button--is-search i {
    color: var(--template-color-2);
    vertical-align: -4px;
}

.button--is-search:hover i {
    color: #fff
}

.button--is-search:hover {
    background-color: var(--template-color-2) !important;
}

.button--is-search {
    margin-left: 20px !important;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff !important;
    border: 2px solid var(--template-color-2) !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 99
}


.butom-is-grid {
    padding: 12px 20px;
}

md-dialog-actions {
    padding-top: 10px;
}

/* ================================================
 * Logos
 * @autor myance
 * ================================================ */
.logo__container {
    display: flex;
    align-items: center;
    margin-right: 20px;
    min-width: 150px;
    justify-content: center;
}

.logo__img {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
    padding-right: 4px;
}

.complete .logo__link {
    transform: scale(1);
}

.logo__link {
    transform: scale(0);
    display: inline-flex;
    width: 100%;
    max-width: 200px;
    text-align: center;
    transition: all .3s ease;
    font-size: 11px;
    letter-spacing: 3.5px;
    justify-content: center;
    align-items: center;
}

.logo__txt {
    font: 80px "Arial-Extra-Bold";
    font: 8em "Arial-Extra-Bold";
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    vertical-align: top;
    letter-spacing: 2px;
}

/* ================================================
 * Perfil
 * @autor myance
 * ================================================ */

.saludo__txt {
    font: 13px "Lucida-Italic";
    font: 1.3rem "Lucida-Italic";
    color: #fff;
    display: block;
}

.profile__container:hover {
    background-color: var(--template-color-2);
}

.complete .profile__container {
    transform: translateY(0%);
    transition: 0.4s;
}

.profile__container {
    transform: translateY(-110%);
    background-color: var(--template-color-3);
    width: auto;
    padding: 10px 40px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-flow: row wrap;
    justify-content: flex-end;
    min-width: 200px; /*edgWidth*/
    justify-content: center;
    cursor: pointer;
    transition: transform .3s ease .2s;
}

    .profile__container.active .profile__opciones {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
    }

.profile__opciones a:hover {
    color: var(--template-color-2);
    background-color: #f7f7f7;
}

.profile__opciones a {
    font-size: 14px;
    display: block;
    padding: 10px;
    text-align: left;
    color: #525252;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.profile__opciones {
    background-color: #fff;
    position: absolute;
    top: 95%;
    right: 10px;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2
}

.profile__link {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
}




/**********************edg***********************/

.opcionesContPrincipales {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 20;
}


.opcionesPrincipales {
    padding: 25px;
    background: #fff;
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.5019607843137255);
    border-radius: 10px;
    display: inline-block;
    width: 360px;
    margin: 15px;
    height: 180px;
    transition: 0.2s;
    overflow: hidden;
    position: relative;
}

    .opcionesPrincipales:hover {
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari */
        transform: scale(1.1);
    }


    .opcionesPrincipales .cabecera {
        height: 71px;
        background: #e5872b;
        padding: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
    }

        .opcionesPrincipales .cabecera .svg {
            height: 183%;
            width: 118%;
            opacity: 0.4;
            mix-blend-mode: multiply;
            fill: rgba(154, 95, 38, 0.56) !important;
            margin-top: -25%;
        }

    .opcionesPrincipales .iconoPrincipal {
        display: inline-flex;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        border: 5px solid #e5872b;
        position: absolute;
        z-index: 10;
        background: #fff;
        padding: 8px;
        box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.53);
        top: 29px;
        left: 50%;
        margin-left: -35px;
        justify-content: center;
        align-items: center;
    }

.iconoPrincipal .svg {
    width: 100%;
    margin: 0 2%;
    fill: #e5872b !important;
    height: 100%;
}


.opcionesPrincipales span {
    position: absolute;
    bottom: 0;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    width: 100%;
    font: 16px 'Arial-Extra-Bold';
    text-align: center;
    color: #5a5a5a;
    padding: 10px;
}


/*********************edg***********************/





.profile__foto {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #fff;
    margin-right: 20px;
    transition: 0.3s;
}

    .profile__foto:hover {
        transform: scale(3.5);
        border-radius: 0%;
        margin-bottom: -90px;
        position: relative;
        z-index: 500;
    }


.profile__txt {
    font: 16px "Swiss-Light";
    font: 1.6rem "Swiss-Light";
    color: #fff;
}

.profile__more {
    position: absolute;
    top: 0;
    right: 1%;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    color: #fff;
}

.more_actions--is-btns > button:hover {
    color: #e20e0e;
}

.more_actions--is-btns > button {
    margin: 0 auto;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    display: block;
    padding: 9px 20px;
    border-top: 1px solid #ffe6cd;
    color: var(--template-color-2);
    word-break: normal;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

/* ================================================
 * Franja Cabecera
 * @autor myance
 * ================================================ */
.franja__container {
    position: relative;
    z-index: 1;
}

.franja__container--liston {
    position: relative;
    width: 100%;
    text-align: left;
    /* background-color: var(--template-color-2); */
    /* background: linear-gradient(90deg, var(--template-color-2) 0%, var(--template-color-4) 100%) !important; */
    transition: 0.2s;
    background: rgba(51,24,19,1);
    background: -moz-linear-gradient(left, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
    background: -webkit-linear-gradient(left, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
    background: -o-linear-gradient(left, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
    background: -ms-linear-gradient(left, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
    background: linear-gradient(to right, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
}

    .franja__container--liston:before {
        position: absolute;
        content: '';
        background-color: var(--template-color-2);
        bottom: 10px;
        left: 0;
        width: 98%;
        height: 50%;
        display: block;
        -webkit-transform: skewY(0deg);
        -ms-transform: skewY(0deg);
        transform: skewY(0deg);
        transform-origin: left bottom;
        z-index: -1;
        transition: transform .5s ease .7s;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15);
    }

.complete .franja__container--liston:before {
    -webkit-transform: skewY(0.9deg);
    -ms-transform: skewY(0.9deg);
    transform: skewY(0.9deg);
}

.complete .franja__container--liston:after {
    -webkit-transform: skewY(0.6deg);
    -ms-transform: skewY(0.6deg);
    transform: skewY(0.6deg);
}

.franja__container--liston:after {
    position: absolute;
    content: '';
    background-color: var(--template-color-3);
    bottom: 10px;
    left: 0;
    width: 99%;
    height: 50%;
    display: block;
    -webkit-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    transform: skewY(0deg);
    transform-origin: left bottom;
    z-index: -1;
    transition: transform .5s ease .5s;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15);
}

md-backdrop {
    transition: 0.2;
}


.CasiTransparen {
    opacity: 0.4;
    background: rgba(255, 255, 255, 0.25);
}

.franja__container--main {
    position: relative;
    display: block;
    z-index: 2;
    padding: 9px 0;
    max-width: 1700px;
    margin: 0 auto;
}


    .franja__container--main .element__select--normal {
        /*  color: #ffffff;
    max-width: 500px;
    border-bottom: 0;
    height: 27px;
    padding: 5px 5px 6px 16px;
    background-color: rgba(0, 0, 0, 0.13);
    border-radius: 18px;
    font-size: 12.5px;
    font-family: "Arial-Extra-Bold";
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='#ffffff'><polygon points='0,0 100,0 50,50'/></svg>");
    */
        max-width: 500px;
        border-bottom: 0;
        height: 27px;
        padding: 5px 5px 6px 16px;
        background-color: rgb(255, 255, 255);
        border-radius: 18px;
        margin-left: 15px;
        box-shadow: 2px 2px 0 rgba(170, 0, 0, 0.2);
    }




.icon--is-search {
    position: absolute;
    top: 0;
    right: 0;
}

.complete .container__form {
    transform: scale(1)
}

.container__form {
    transform: scale(0);
    transform-origin: top center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@-webkit-keyframes moveLogin {
    0% {
        top: 5%;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1
    }
}

@-webkit-keyframes extendFranja {
    0% {
        width: 0%;
    }

    100% {
        width: 70px;
    }
}

.altoMaximoTable {
    max-height: 400px;
}

/* ================================================
 * Menu
 * @autor myance
 * ================================================ */
.nav__action a:hover {
    color: var(--template-color-2);
    background-color: #f7f7f7;
}

.nav__action a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px;
    clear: both;
    white-space: nowrap;
    color: #525252;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.nav__action span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 2px;
    background-color: #c4c4c4;
    width: 10%;
    -webkit-transition: all ease-in-out .1s;
    -o-transition: all ease-in-out .1s;
    transition: all ease-in-out .1s;
}

.nav__action span {
    display: block;
    padding: 10px 20px;
    clear: both;
    line-height: 1.42857143;
    white-space: nowrap;
    font: 14px "Arial-Extra-Bold";
    font: 1.4rem "Arial-Extra-Bold";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    color: #525252;
    position: relative;
    letter-spacing: 4px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.nav__action > li {
    position: relative;
}

.nav__action {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.nav__submenu > li {
    overflow: hidden;
    min-width: 200px;
    /*display: inline-block;*/
    display: table-cell;
    vertical-align: top;
}

.nav__submenu {
    position: absolute;
    top: 70px;
    /*left: 20px;*/
    right: 10px;
    z-index: 1000;
    border: 1px solid #e7e7e7;
    list-style: none;
    min-width: 200px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transform-origin: top left;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .175);
    white-space: nowrap;
    width: auto;
    margin-top: 10px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu__container {
    z-index: 2;
    display: flex;
    margin-left: auto;
    max-width: calc(100% - 250px); /*edgWidth*/
}

.nav__container {
    /*margin-right: 40px;*/
    vertical-align: top;
    flex-flow: row wrap;
    justify-content: flex-end;
    max-width: calc(100% - 200px); /*edgWidth*/
}

    .nav__container > ul > li {
        display: inline-block;
        width: 105px;
        text-align: center;
    }

        .nav__container > ul > li:hover {
            background: rgba(255, 163, 71, 0.22);
        }


            .nav__container > ul > li:hover .menu--is-icon md-icon {
                -ms-transform: scale(1.1); /* IE 9 */
                -webkit-transform: scale(1.1); /* Safari */
                transform: scale(1.1);
            }

.nav__menu {
    display: flex;
}

.nav__controller--is-link span {
    font: 14px "Swiss-Light";
    font: 1.3rem "Swiss-Light";
    color: #525252;
    text-transform: capitalize;
    max-width: 100%;
    display: inline-block;
}

.nav__controller--is-link {
    margin-left: 20px;
    display: inline-flex;
    min-height: 90px;
    padding: 55px 0px 3px 0px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    box-shadow: none;
    transition: all .3s ease-in-out;
    align-items: center;
    justify-content: center;
}

.nav__controller--is-important a {
    position: relative;
}

    .nav__controller--is-important a:after {
        font: normal normal normal 24px/1 "Material Icons";
        content: "\F0C1";
        position: absolute;
        top: 6px;
        right: -5px;
        color: #b41e17;
    }

.nav__controller--is-small {
    position: relative;
}

.nav__controller:hover .nav__submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    transform: scale(1)
}

.nav__controller:hover .nav__controller--is-link,
.nav__controller.active .nav__controller--is-link {
    box-shadow: inset 0 4px #aa0000;
    width: 100%;
}

.menu--is-icon md-icon {
    width: 100% !important;
    height: 40px !important;
    margin: 3px 0 0 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.boton-redondo-buttom {
    height: 30px !important;
    width: 30px !important;
    border-radius: 50% !important;
    display: inline-flex;
    color: #525252;
    padding: 0;
    box-shadow: 1px 1px 1px #bfbfbf;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #e9e9e9;
    margin: 0 2px;
    cursor:pointer;
}

    .boton-redondo-buttom img {
        height: 60% !important;
        opacity: 0.7;
    }


.menu--is-icon {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    vertical-align: bottom;
    margin: auto;
}


b.fuenteArialBold {
    margin-top: 4px;
    display: inline-block;
}
/* ================================================
 * Titulos
 * @autor myance
 * ================================================ */
.title--is-print h1 {
    font: 28px 'Arial-Extra-Bold' !important;
    text-transform: uppercase;
}

.logo-document-jne.img--is-small {
    max-width: 80px
}

.title__main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

page-title {
    min-height: 60px;
}

.txt--is-title span:before {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #e2e2e2;
    bottom: 9px;
    left: 7px;
    position: absolute;
}

.txt--is-title span {
    font-family: "Swiss-Light";
    color: #737373;
    display: inline-block;
    padding-left: 50px;
    letter-spacing: 5px;
    position: relative;
    margin-left: -5px;
}

.button--is-return > .ico--into-button {
    border-right: 1px solid var(--template-color-2);
    padding-right: 7px;
    box-shadow: 1px 0px 0 #b3b3b378;
}

.button--is-return:hover {
    background: linear-gradient(90deg, #ffba76 0%, #ffe0c1 100%);
    color: #aa0000;
    border-bottom: inherit;
}

.button--is-return {
    display: inline-flex;
    justify-content: flex-end;
    padding: 5px 9px !important;
    white-space: nowrap;
    align-items: center;
    overflow: hidden;
    vertical-align: top;
    letter-spacing: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.6s ease;
    width: auto;
    background: linear-gradient(90deg, #fda44a14 0%, #e4e4e4 100%);
    color: #565656;
    text-transform: uppercase;
    margin-left: 20px;
    margin-top: -8px;
}

.txt--is-title {
    margin: 15px 0 20px 0;
    display: inline-flex;
    width: auto;
    align-content: flex-start;
}

    .txt--is-title h1:not(.txt--is-to-login):after {
        content: '';
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--template-color-2);
        box-shadow: 11px 0px 0px var(--template-color-3), 22px 0px 0px var(--template-color-4);
        bottom: 50%;
        left: 0px;
        margin-bottom: -4px;
    }


    .txt--is-title h1:not(.txt--is-to-login) {
        position: relative;
        font-family: "Swiss-Light";
        color: #525252;
        display: inline-block;
        padding-left: 38px;
        letter-spacing: 4px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .txt--is-title h2:not(.txt--is-to-login):after {
        content: '';
        display: block;
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #525252;
        box-shadow: 10px 0px 0px var(--template-color-2), 20px 0px 0px #e20e0e;
        bottom: 8px;
        left: 2px;
    }

    .txt--is-title h2:not(.txt--is-to-login) {
        position: relative;
        margin: 10px 0;
        font-family: "Swiss-Light";
        color: #525252;
        display: inline-block;
        padding-left: 35px;
        letter-spacing: 4px;
        font-weight: bold;
    }


/*Subtitles*/
.txt--is-subtitle {
    margin: 15px 0 20px 0;
    display: inline-block;
}

    .txt--is-subtitle h2:not(.txt--is-to-login):after {
        content: '';
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #4eaccc;
        box-shadow: 11px 0px 0px #525252;
        bottom: 50%;
        left: 0px;
        margin-bottom: -4px;
    }

    .txt--is-subtitle h2:not(.txt--is-to-login) {
        position: relative;
        font-family: "Swiss-Light";
        color: #525252;
        display: inline-block;
        padding-left: 30px;
        letter-spacing: 4px;
        font-weight: bold;
        margin-left: 40px;
    }

/* ================================================
 * BreadCrumbs
 * @autor myance
 * ================================================ */
.migaja--is-active:last-child {
    color: #4eaccc
}

.txt--is-breadcrumb a:last-child:after {
    display: none;
}

.txt--is-breadcrumb a:after {
    content: "/";
    padding-left: 10px;
}

.txt--is-breadcrumb a:hover:not(.migaja--is-active) {
    color: #4eaccc;
}

.txt--is-breadcrumb a {
    font: 1.4rem "Lucida-Italic";
    color: #525252;
    padding-left: 10px;
    display: inline-block;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    position: relative;
}

.txt--is-breadcrumb {
    display: inline-block;
    float: right;
    padding-top: 25px;
}

/* ================================================
 * Containers
 * @autor myance
 * ================================================ */
#header__container {
    width: 100%;
    /* background: linear-gradient(90deg, #ffdbae 0%, #fff2e2 100%); */
    z-index: 1;
    position: relative;
    background-image: linear-gradient(transparent 0px, transparent 1.25208px, #ffdbae 1.25208px, #ffdbae 12.5208px), linear-gradient(to right, #f1bd7c 0px, #f1bd7c 1.25208px, #ffdbae 1.25208px, #ffdbae 12.5208px);
    background-position: 104.413px 20.4375px;
    background-size: 12.5208px 12.5208px;
    background-color: #fff;
}

.header__container--content {
    display: flex;
    margin: 0 auto;
}


.header__container .sije__container {
    padding: 0;
}

#main__container:not(.main__container--is-layout):not(.main__container--is-bandeja) {
    padding: 0 10px;
}


.main__container--is-bandeja {
    /*	position: relative !important;
  	z-index: 10 !important; */
}


#main__container.main__container--is-layout {
    -webkit-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -webkit-transition: all .5s linear .3s;
    -o-transition: all .5s linear .3s;
    transition: all .5s linear .3s;
}

#main__container:not(.main__container--is-layout) {
    background-image: linear-gradient(transparent 0px, transparent 1.25208px, #fff 1.25208px, #fff 12.5208px), linear-gradient(to right, #d8d8d8 0px, #d8d8d8 1.25208px, #fff 1.25208px, #fff 12.5208px);
    background-position: 104.413px 20.4375px;
    background-size: 12.5208px 12.5208px;
    background-color: #fff;
}

md-backdrop.md-opaque {
    backdrop-filter: blur(4px);
    transition: 0s;
    background: rgb(254 242 226 / 16%);
    box-shadow: none;
}

#main__container {
    overflow: visible;
    min-height: calc(100vh - 131px);
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    z-index: 0;
}


.ico--is-search {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    color: var(--template-color-1);
    font-size: 30px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.sije__container {
    width: 100%;
    margin: 0 auto;
    max-width: 1700px;
}

.bg__article1 {
    background: #ec7f36;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article2 {
    background: #efefef;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article3 {
    background: #e7eded;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article4 {
    background: #f7f9f9;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article5 {
    background: #7bbcb1;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article6 {
    background: #d6ebf3;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article8 {
    background: #4eaccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article9 {
    background: #b32121;
    padding-top: 5px;
    padding-bottom: 5px;
}


.franja__buscador {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    position: relative;
}

.element__input--is-home:focus + .ico--is-search {
    color: #aa0000
}

.element__input--is-home {
    background: rgb(255, 255, 255);
    padding: 9px 45px 9px 20px;
    color: #000;
    border: none;
    border-radius: 70px;
    color: #525252;
    box-shadow: 2px 2px 0 rgba(170, 0, 0, 0.2);
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: lowercase;
}


.bg__article7 {
    background: #ffddb3;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cont-radio {
    padding: 7px;
}

.MuestraDeColor {
    width: 100%;
    height: auto;
    padding: 15px;
    color: #fff;
    display: inline-flex;
    margin: 10px 0;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.45);
    font-size: 2.2rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.31);
    border-radius: 10px;
}


.box__content {
    width: 100%;
    padding: 20px;
}



/* ================================================
 * Tooltip
 * @autor myance
 * ================================================ */
.content__tooltip__nativo {
    position: relative
}

.tooltip__nativo {
    position: absolute;
    bottom: 18px;
    left: 0;
    background: #44b4ce;
    color: #fffcfc;
    z-index: -1;
    padding: 6px;
    font-size: 10px;
    border-radius: 5px;
    width: auto;
    box-shadow: -1px -1px 1px #ccc;
    opacity: 0;
    transition: all .3s ease;
}

.tooltip__nativo-superior {
    bottom: 18px;
    left: 0;
}

    .tooltip__nativo-superior:after {
        content: '';
        width: 0;
        height: 0;
        border-right: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 7px solid #44b4ce;
        bottom: -13px;
        left: calc(50% - 10px);
        position: absolute;
    }

.tooltip__nativo-inferior {
    top: 21px;
    left: 0px !important;
    bottom: inherit;
}

    .tooltip__nativo-inferior:after {
        content: '';
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #44b4ce;
        border-left: 6px solid transparent;
        border-top: 6px solid transparent;
        bottom: inherit;
        top: -12px;
        left: calc(50%);
        position: absolute;
    }

.tooltip__nativo-lateral {
    bottom: 0px;
    left: -130px !important;
}

    .tooltip__nativo-lateral:after {
        content: '';
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #44b4ce;
        border-top: 6px solid transparent;
        bottom: 6px;
        left: 120px;
        position: absolute;
    }

.tooltip__nativo:before {
    display: none;
}

.content__tooltip__nativo:hover .tooltip__nativo {
    opacity: 1;
    z-index: 9;
}

/* ================================================
 * Search
 * @autor myance
 * ================================================ */
.search__container {
    display: inline-block;
    width: 100%;
}

.buscador__contenedor {
    display: flex;
}

/* ================================================
 * Tab / Checkbox
 * @autor myance
 * ================================================ */
.selectbox__content {
    position: relative;
}

.selectbox__content--is-check i {
    font-size: 18px;
}

.selectbox__content--is-check:after {
    content: '';
    position: absolute;
    top: 1px;
    font-size: 11px;
    right: 5px;
}

.selectbox__content--is-check {
    position: absolute;
    top: 50%;
    left: 3px;
    color: #ffffff;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 50%;
    transform: translate(0, -50%);
}

.selectbox__opciones .selectbox__opcion:first-child {
    margin-left: 0 !important;
}

.selectbox__opciones {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.selectbox__opcion {
    width: auto;
    margin: 7px;
}

.selectbox__opcion--is-input {
    display: none;
}

.selectbox__content--is-name {
    font-size: 12px;
    padding: 10px 10px 10px 30px;
    display: inline-block;
}

.selectbox__opcion--is-label {
    color: #525252;
    border: 1px solid #e0e0e0;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    display: inline-block;
    transition: background .3s;
    -webkit-transition: background .3s;
}

    .selectbox__opcion--is-label:hover {
        background: #e0e0e0;
    }

.selectbox__opcion--is-input:checked + .selectbox__opcion--is-label {
    border-color: #fff;
}

    .selectbox__opcion--is-input:checked + .selectbox__opcion--is-label .selectbox__content--is-check {
        border: none;
        background: transparent;
        border: 1px solid #aa0000;
    }

        .selectbox__opcion--is-input:checked + .selectbox__opcion--is-label .selectbox__content--is-check:after {
            content: '\2714';
            color: #aa0000;
            font-size: 12px;
        }

.selectbox__opcion--is-input:checked + .selectbox__opcion--is-label {
    background: #ffffff;
    color: #555;
    border: 1px solid var(--template-color-2);
}

/* ================================================
 * Wizard
 * @autor myance
 * ================================================ */
.wizard__main__steps {
    border-radius: 100px;
    height: 70px;
    font-family: "Arial-Extra-Bold";
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.wizard__step:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-right: 3px solid #e4e0d4;
}

.wizard__step {
    float: left;
    margin-top: -3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    color: #525252;
    background: #eeebe4;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-left: 3px solid #e4e0d4;
    border-top: 3px solid #e4e0d4;
    border-bottom: 3px solid #e4e0d4;
    position: absolute;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    transition: all 0.5s ease;
}

    /*
 * @wizard: Para 4 pasos
 * @autor myance
 */
    .wizard__step:first-child:nth-last-child(4),
    .wizard__step:first-child:nth-last-child(4) ~ .wizard__step {
        width: calc( 25% + 30px );
    }

        .wizard__step:first-child:nth-last-child(4) ~ .wizard__step:nth-child(2) {
            left: calc( 24% );
        }

        .wizard__step:first-child:nth-last-child(4) ~ .wizard__step:nth-child(3) {
            left: calc( 48% );
        }

        .wizard__step:first-child:nth-last-child(4) ~ .wizard__step:nth-child(4) {
            left: calc( 72% );
        }

    /*
 * @wizard: Para 3 pasos
 * @autor myance
 */
    .wizard__step:first-child:nth-last-child(3),
    .wizard__step:first-child:nth-last-child(3) ~ .wizard__step {
        width: calc( 33% + 30px );
    }

        .wizard__step:first-child:nth-last-child(3) ~ .wizard__step:nth-child(2) {
            left: 32%
        }

        .wizard__step:first-child:nth-last-child(3) ~ .wizard__step:nth-child(3) {
            left: 64%
        }

    /*
 * @wizard: Para 2 pasos
 * @autor myance
 */
    .wizard__step:first-child:nth-last-child(2),
    .wizard__step:first-child:nth-last-child(2) ~ .wizard__step {
        width: calc( 50% + 30px );
    }

        .wizard__step:first-child:nth-last-child(2) ~ .wizard__step:nth-child(2) {
            left: 47%
        }

    .wizard__step.complete {
        background: #0AC191 !important;
        color: #FFF !important;
    }

    .wizard__step.active {
        background: var(--template-color-2);
        color: #FFF;
    }

        .wizard__step.active .circle {
            color: var(--template-color-2)
        }

    .wizard__step.error {
        background: #aa0000;
        color: #FFF;
    }

    .wizard__step.active:before {
        content: '';
        display: inline-block;
        position: absolute;
        height: 100%;
        width: 20px;
        left: 0;
        border-left: 20px solid rgba(0, 0, 0, 0.08);
        -webkit-animation-name: cargndoPasos;
        -webkit-animation-duration: 2;
        animation-name: cargndoPasos;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        border-right: 15px solid rgba(0, 0, 0, 0.07);
    }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes cargndoPasos {
    0% {
        left: -50%;
        width: 200px;
    }


    100% {
        left: 100%;
        width: 50px;
    }
}



.wizard__step.active .error {
    color: #e20e0e
}

.wizard__step.error .circle {
    font-size: 0;
    position: relative;
}

    .wizard__step.error .circle:after {
        font-family: "Material Icons";
        content: "close";
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 50px;
        transform: translate(-50%,-50%);
        color: #aa0000;
    }

.wizard__step .circle {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    background: #FFF;
    float: left;
    font: 30px "Arial-Extra-Bold";
    color: #e4e0d4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wizard__step.complete .circle {
    font-size: 0;
    position: relative;
}

    .wizard__step.complete .circle:after {
        font-family: "Material Icons";
        content: "\E5CA";
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 50px;
        transform: translate(-50%,-50%);
        color: #0ac191;
    }

.wizard__step .text {
    font: 18px "Swiss-Light";
    float: left;
    overflow: hidden;
    display: block;
    max-height: 70px;
    width: calc( 100% - 140px );
    margin-left: 20px;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
}


.iconoPrincipal {
    width: 60px;
    margin: 10px;
}

/* ================================================
 * Table Nativo
 * @autor myance
 * ================================================ */
.table__icon:hover i {
    color: #fff4e7;
}

.table__icon i {
    width: 23px;
    display: inline-block;
    font-size: 22px;
    color: #6f6f6f;
}

.table__icon:hover {
    background: #4eaccc;
    color: #fff;
}

.table__icon {
    width: 34px;
    height: 35px;
    border-radius: 50%;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.table__buttons {
    width: 100%;
    text-align: center;
}

/* ================================================
 * Table Dx Nativo
 * @autor myance
 * ================================================ */
.grid__content__table tbody tr:hover {
    background: #e7e7e7 !important;
}

.grid__content__table tbody tr:nth-child(even) {
    background: #e7e7e7;
}

.grid__content__table tbody td {
    color: #525252;
    font: 12px "Swiss-Light";
    padding: 2px 8px;
    border-top: 1px solid #fff;
    word-break: break-all;
}

.grid__content__table thead th {
    padding: 4px 5px;
    background-color: #e7e7e7;
    color: #525252;
    font: 12px "Swiss-Light";
    text-transform: uppercase;
    font-weight: bold;
}

.grid__content__pages {
    display: flex;
    justify-content: center;
}

.pages__number:hover {
    color: #4eaccc !important
}

.pages__number.active {
    color: #4eaccc !important;
    border-color: transparent !important;
    background-color: #e7e7e7 !important;
}

.cabeceraDiviAzul {
    background: #617e8b;
    height: 10px;
    width: 100%;
}

.pages__number {
    color: #333;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    font-size: 14px;
    display: block;
    margin-right: 10px;
    border-radius: 5px;
    width: 20px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid__container__footer .grid__button--is-end {
    align-items: center;
}

.grid__container__footer {
    margin-top: 5px;
    display: flex;
    padding: 10px 10px;
    margin: 1px 0;
    width: 100%;
    border-top: 1px solid #c1bcbc;
}

.grid__content__pages .pages__number:last-child {
    margin-right: 0;
    word-break: normal;
    width: 25px;
}

.grid__content__details {
    margin-right: 10px;
    color: #808080;
    font: 14px "Swiss-Light";
    /* font: 1.3rem "Swiss-Light"; */
    letter-spacing: 1px;
    font-family: 'Segoe UI';
}

    .grid__content__details a {
        color: #808080;
    }

.pages--is-rigth > i,
.pages--is-left > i {
    font-size: 38px
}

.pages--is-rigth,
.pages--is-left {
    background-color: #fff !important;
    font-size: 30px !important;
    color: #bdbdbd !important;
}

/* ================================================
 * Arrow Back
 * @autor myance
 * ================================================ */
.arrow__back:hover {
    -webkit-transform: scale(1.2,1.2) rotate(-10deg);
    -ms-transform: scale(1.2,1.2) rotate(-10deg);
    -o-transform: scale(1.2,1.2) rotate(-10deg);
    transform: scale(1.2,1.2) rotate(-10deg);
}

.arrow__back svg {
    fill: #ffffff
}

.arrow__back {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
}

    .arrow__back:not(.arrow__back--is-2) md-icon {
        width: 12px !important;
        height: 15px !important;
    }

        .arrow__back:not(.arrow__back--is-2) md-icon:first-child {
            display: block;
        }

        .arrow__back:not(.arrow__back--is-2) md-icon:last-child {
            display: none;
        }

    .arrow__back:not(.arrow__back--is-2):hover md-icon:first-child {
        display: none;
    }

    .arrow__back:not(.arrow__back--is-2):hover md-icon:last-child {
        display: block;
    }

    .arrow__back:not(.arrow__back--is-2):hover {
        -webkit-transform: scale(0.9,0.9) rotate(-10deg);
        -ms-transform: scale(0.9,0.9) rotate(-10deg);
        -o-transform: scale(0.9,0.9) rotate(-10deg);
        transform: scale(0.9,0.9) rotate(-10deg);
    }

    .arrow__back:not(.arrow__back--is-2) a {
        padding: 9px 5px;
        background: var(--template-color-2);
        border-radius: 50%;
        display: inline-block;
    }

    .arrow__back.arrow__back--is-2 svg {
        stroke: #fff;
        fill: #fff
    }

.arrow__back--is-a {
    padding: 13px 10px;
    background: #f7c78c;
    border-radius: 50%;
}

/* ================================================
 * Selection
 * @autor EDG eparedes
 * ================================================ */
*::selection {
    background: var(--template-color-2);
    color: #fff;
}

*::-moz-selection {
    background: var(--template-color-2);
    color: #fff;
}


/* ================================================
 * Placeholder
 * @autor myance
 * ================================================ */
::-webkit-input-placeholder {
    color: #b7b7b7;
}

:-moz-placeholder,
::-moz-placeholder {
    color: #b7b7b7;
}

:-ms-input-placeholder {
    color: #b7b7b7;
}

input[type='text']:focus::-webkit-input-placeholder {
    opacity: 0;
}

/* ================================================
 * Angular
 * @autor myance
 * ================================================ */
.ng-cloak,
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

/* ================================================
 * Loading
 * @autor myance
 * ================================================ */
.button.loading::after {
    display: none !important
}

.button.loading i {
    opacity: 0;
}

.button.loading {
    background-image: url(/Content/images/loading/1.svg);
    background-position: left center;
    background-color: #f3f3f3 !important;
    border-color: #c5c5c5 !important;
    cursor: not-allowed;
    background-repeat: no-repeat;
    color: #525252;
    background-color: #ccc;
    cursor: not-allowed;
}

.button[loading="true"]::after {
    display: none !important
}

.button[loading="true"] i {
    opacity: 0;
}

.button[loading="true"] {
    background-image: url(/Content/images/loading/1.svg);
    background-position: left center;
    background-color: #f3f3f3 !important;
    border-color: #c5c5c5 !important;
    cursor: not-allowed;
    background-repeat: no-repeat;
    color: #525252;
}

[loading="select,true"] {
    background: var(--template-color-2);
    -webkit-mask: url(/Content/images/loading/1.svg) center / contain no-repeat;
    color: transparent;
    padding: 0;
    height: 30px;
}

.element--is-loading {
    background: var(--template-color-2);
    -webkit-mask: url(/Content/images/loading/1.svg) center / contain no-repeat;
}


.full__loading.No--page {
    background: #fff5ea; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fff5ea 0%, #fff5ea 50%, #ffefdc 51%, #ffefdc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #fff5ea 0%,#fff5ea 50%,#ffefdc 51%,#ffefdc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #fff5ea 0%,#fff5ea 50%,#ffefdc 51%,#ffefdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5ea', endColorstr='#ffefdc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.full__loading em {
    position: absolute;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #525252;
    font-style: italic;
}

.full__loading--is-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.full__loading.full__loading--is-static {
    position: absolute !important;
}

.full__loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.94);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}


/*Loading by Block*/
[block-loading][http-success]:after {
    display: none;
}

[block-loading]:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    background-image: url('/Content/images/loading/1.svg');
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(255, 255, 255, 0.85);
}

[block-loading][http-success] {
    min-height: inherit;
}

[block-loading] {
    min-height: 300px;
    position: relative;
}



/* ================================================
 * Menu Responsive
 * @autor myance
 * ================================================ */
body.open {
    overflow: hidden;
}

    body.open .menu--is-view .b-menu {
        border-color: var(--template-color-2) !important;
    }

        body.open .menu--is-view .b-menu .b-bun,
        body.open .menu--is-view .b-menu .b-bun--top {
            background: var(--template-color-2) !important;
        }

.menu--is-view .b-menu .b-bun,
.menu--is-view .b-menu .b-bun--top {
    background: #fff !important;
}

.menu--is-view .b-menu {
    background-color: transparent !important
}

.menu__opciones {
    width: auto;
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    font-size: 20px;
}
/*.menu__responsive:not(.menu--is-view){
    display: none;
}*/
.menu--is-view .menu--is-burger {
    display: inline-block !important;
    position: absolute;
    top: 4px;
    right: 4px;
    left: inherit;
    width: 60px;
}

.modules__content:last-child {
    border-bottom: none !important;
}

.modules__content:first-child {
    border-top: none !important;
}

.modules__content {
    width: 100%;
    display: block;
    font: 15px 'Swiss-Light';
    font: 1.5rem 'Swiss-Light';
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #ffdfbe;
    border-top: 1px solid #fff;
}

.module--is-option .module--is-arrow {
    position: absolute;
    top: -3px;
    left: -26px;
}

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

.module--is-option {
    display: block;
    font: 17px 'Swiss-Light';
    font: 1.7rem 'Swiss-Light';
    font-weight: bold;
    color: #525252;
    position: relative;
    text-transform: uppercase;
}

.action__name--is-option:after {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #525252;
    box-shadow: 8px 0px 0px var(--template-color-2), 16px 0px 0px #e20e0e;
    bottom: 50%;
    left: 0px;
    margin-bottom: -3px;
}

.action__link--is-option:active,
.action__link--is-option:hover {
    color: #fff;
    background: #a6302e;
    padding-left: 20px;
}

.action__link--is-option {
    color: #525252;
    padding: 8px 0;
    display: block;
    font: 14px 'Swiss-Light';
    font: 1.4rem 'Swiss-Light';
    padding-left: 30px;
    transition: all .2s linear;
}

.action__name--is-option {
    display: block;
    font: 15px 'Swiss-Light';
    font: 1.5rem 'Swiss-Light';
    color: #525252;
    padding-left: 30px;
    position: relative;
    text-transform: uppercase;
}

.menu__responsive.menu--is-view {
    display: block;
}

.menu__responsive {
    display: none;
}

.menu__responsive__content {
    display: none;
    width: 100%;
    max-height: 340px;
    overflow-y: scroll;
    background: #fff2e1;
    z-index: 9;
    -webkit-transition: -webkit-transform 0.4s, visibility 0s 0.4s;
    transition: transform 0.4s, visibility 0s 0.4s;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.31);
}

.menu__responsive--ul {
    display: block;
}

.menu--is-burger {
    /* display:none !important; */
    /* position: relative; */
    /* display: inline-block; */
    height: 60px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 2px;
    z-index: 20;
}

.menu__responsive__ul .modules__content:last-child .actions__content li:last-child .action__link--is-option {
    margin-bottom: 0px;
}

.active .submodules__content {
    display: block;
    margin-top: 10px;
}

.submodules__content {
    display: none;
}

body.open .b-menu {
    border-color: #aa0000;
    padding-top: 9px;
    background: var(--template-color-2);
}

    body.open .b-menu:hover {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.b-menu {
    background: var(--template-color-2);
    border: #f39230 solid 3px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    width: 45px;
    padding-left: 9px;
    padding-top: 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
    position: relative;
    top: 14px;
    left: -5px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4);
}

.b-bun {
    background: #fff;
    position: relative;
}

.b-bun--top {
    height: 2px;
    top: 0;
    width: 20px;
}

.b-bun--mid {
    height: 2px;
    top: 5px;
    width: 20px;
}

.b-bun--bottom {
    height: 2px;
    top: 10px;
    width: 20px;
}
/*.menu--is-burger:hover:not(.open) .bun-top,
.menu--is-burger:hover:not(.open) .bun-mid,
.menu--is-burger:hover:not(.open) .bun-bottom {
    background: white;
}*/
body.open .menu--is-burger .b-main {
    border: var(--template-color-2) solid 2px;
}

body.open .menu--is-burger .b-bun--top {
    background: #fff;
    top: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.open .menu--is-burger .b-bun--mid {
    opacity: 0;
}

body.open .menu--is-burger .b-bun--bottom {
    top: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body.open .menu--is-burger .b-brand {
    color: #525252;
}

/* ================================================
 * Links Menu
 * @autor myance
 * ================================================ */
.menu__opciones--is-nav1 {
    position: relative;
    top: 50%;
    text-align: center;
    height: calc(100vh);
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.menu__opciones--is-a:hover {
    color: var(--template-color-2)
}

    .menu__opciones--is-a:hover::before {
        height: 5px;
        opacity: 1;
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px);
    }

.menu__opciones--is-a:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--template-color-2);
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.menu__opciones--is-a.disabled {
    color: #ddd
}

.menu__opciones--is-a {
    position: relative;
    display: inline-block;
    color: #525252;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-size: 22px;
    font-size: 2.2rem;
    outline: none;
    text-decoration: none;
}

.menu__opciones--is-li {
    text-align: center;
    display: block;
    padding-bottom: 15px;
}

.open .menu__opciones--is-ul {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: visible;
}

.menu__opciones--is-ul:after {
    content: '';
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 20px;
    border-left-width: 20px;
    border-bottom: 20px solid white;
    position: absolute;
    top: -12px;
    right: 6px;
}

.open .menu__opciones--is-ul {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    display: inline-block !important
}

.menu__opciones--is-ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-transition: -webkit-transform 1s ease .1s, opacity 1s ease .1s;
    transition: transform 1s ease .1s, opacity 1s ease .1s;
    position: absolute;
    right: 3px;
    top: 60px;
    width: 500px;
    background: #fff;
    border-radius: 10px;
    z-index: 99;
    padding: 14px;
    box-shadow: -1px 2px 2px rgba(234, 234, 234, 0.8196078431372549);
    border: 1px solid #dcdcdc;
}

/* ================================================
 * buscador en input
 * @autor myance
 * ================================================ */
.element__buscador .element__input[readonly],
.element__buscador .element__input {
    padding-left: 30px !important;
}

.element__buscador {
    position: relative;
}

.element__buscador--is-ico {
    position: absolute;
    left: 0;
    color: #3597b8;
    top: calc(50% - 4px);
}

/* ================================================
 * Upload
 * @autor myance
 * ================================================ */
.element__file {
    border-bottom: 1px solid #cecece;
    width: 100%;
    /*padding: 9px 10px 4px 0;*/
    padding: 1px 60px 4px 0;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    position: relative;
    cursor: pointer;
}

    .element__file::-webkit-file-upload-button {
        visibility: hidden;
    }

    .element__file::before {
        font-family: "Material Icons";
        position: absolute;
        top: 50%;
        right: 7px;
        transform: translateY(-50%);
        content: "\E2C3";
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        font-size: 25px;
        display: block;
        color: #cecece;
    }

.file__download {
    padding: 4px 60px 6px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* ================================================
 * Balls Sije's Style
 * @autor myance
 * ================================================ */
.element__balls:after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #e20e0e;
    box-shadow: 10px 0px 0px var(--template-color-2), 20px 0px 0px #525252;
}

.element__balls {
    position: relative;
    display: flex;
}

.element__balls--is-center {
    align-items: center;
    justify-content: center;
}

/* ================================================
 * Tabs
 * @autor myance
 * ================================================ */
.tabs__content {
    width: 100%;
    border: 1px solid #ffddb3;
    border-radius: 4px;
}

.tab__cabecera {
    width: 100%;
    display: flex;
}

.tab--is-btn {
    padding: 10px;
}

.tabs nav {
    text-align: center;
    border-bottom: 3px solid var(--template-color-3);
}

    .tabs nav ul {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        margin: 0 auto;
        padding: 0;
    }

        .tabs nav ul li {
            position: relative;
            z-index: 1;
            display: block;
            margin: 0;
            min-width: 150px;
            margin-left: 40px;
        }

    .tabs nav a {
        position: relative;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 2.5;
    }

        .tabs nav a span {
            vertical-align: middle;
            font-size: 0.75em;
        }

    .tabs nav li.active a {
        color: #74777b;
    }

    .tabs nav a:focus {
        outline: none;
    }

.tabs {
    width: 100%;
    opacity: 1;
    filter: blur(0px);
}

    .tabs nav ul li {
        /* position: relative; */
        z-index: 2;
    }

        .tabs nav ul li:first-child {
            margin-left: 1px;
        }

        .tabs nav ul li.active {
            z-index: 4 !important;
        }

    .tabs nav li a {
        overflow: visible;
        padding: 0;
        color: #fff;
        font-weight: 500;
        position: relative;
        z-index: 1;
    }

    .tabs nav li:first-child a span {
        padding-left: 30px;
        padding-right: 10px;
        border-radius: 15px 0 0 0;
        margin-left: -1px;
    }

    .tabs nav li:last-child a span {
        padding-right: 30px;
        border-radius: 0 15px 0 0;
        padding-left: 10px;
    }

    .tabs nav li a svg {
        position: absolute;
        left: 100%;
        margin: 0;
        width: 3em;
        height: 100%;
        fill: #e8e8e8;
        box-shadow: 0px 0px 0 #e0e0e0;
        cursor: pointer;
    }

        .tabs nav li a svg:nth-child(2),
        .tabs nav li:last-child a svg {
            right: 100%;
            left: auto;
            -webkit-transform: scale3d(-1,1,1);
            transform: scale3d(-1,1,1) rotate(0deg);
        }

    .tabs nav li a span {
        display: block;
        overflow: hidden;
        background-color: #e8e8e8;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 10px 10px;
        font: 15px 'Swiss-Light';
        font: 1.3rem'Swiss-Light';
        color: #525252;
        text-transform: uppercase;
        margin-left: -1px;
    }

    .tabs nav li a:hover span {
        background-color: #f2f2f2;
        /* color: #fff;*/
    }

    .tabs nav li a:hover svg {
        fill: #f2f2f2;
        /* box-shadow: -3px 0px 0 #f7f6f6;*/
    }

    .tabs nav li a svg use {
        pointer-events: auto;
    }

    .tabs nav li.active a span,
    .tabs nav li.active a svg {
        -webkit-transition: none;
        transition: none;
    }

    .tabs nav li.active a span {
        background: var(--template-color-3);
        color: #fff;
        letter-spacing: 1px;
    }

    .tabs nav li.active a svg {
        fill: var(--template-color-3);
        box-shadow: -1px 1px 0 var(--template-color-3);
    }

.tab__content--data {
    padding: 10px;
    background-color: rgba(49, 203, 255, 0.05);
}

.tabs li:first-child svg:nth-child(2) {
    display: none !important
}


.res__primary__foto2 {
    width: 90%;
    max-width: 120px;
    margin: 0 auto;
    height: 150px;
    align-content: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* border-radius: 50%; */
    /* -webkit-transform: translate(-50%,0); */
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    /* transform: translate(-50%,0); */
    border: 1px solid #ffffff;
    margin-top: -15px;
    box-shadow: 0 2px 5px #eaeaea;
    margin-bottom: 15px;
}



/* ================================================
 * Estilos Complementarios
 * @autor EDG  eparedes
 * ================================================ */
.trasparencia-Total,
.trasparencia-Total:hover {
    background: transparent;
}

.cotolador-Option-Tabla, .cotolador-Option-Tabla a {
    font-size: 1.6rem;
    font-weight: 600;
    color: #5f5a5a;
}

.td-conTabla {
    background: #eae5de;
    display: flex !important;
    padding: 0px !important;
    margin: 0 !important;
    justify-content: center;
    align-items: center;
}

    .td-conTabla article {
        flex: 1 1 100%;
        display: table-caption;
        /* border: 11px solid red; */
        /* text-align: center; */
    }

.table__icon--is-find.noabsulte {
    position: relative;
    left: -2.5%;
    font-size: 1.4em;
    color: #2ca4bf;
    transition: all .5s ease-in-out;
    margin: 4px;
    vertical-align: middle;
}

.contTabla2da {
    overflow: auto;
    width: calc(100vw - 175px) !important;
    text-align: center;
    border: 20px solid #eae5de;
}

    .contTabla2da .cont-abla-respon {
        overflow-x: visible;
        overflow-y: auto;
        padding-bottom: 150px;
        margin-bottom: 0;
        /* background: red;*/
    }

.td-conTabla .tablas-estilos {
    display: table;
}

.PopUpPrint .tablas-estiloz tr, .PopUpPrint .tablas-estiloz tr td {
    page-break-inside: avoid;
    page-break-after: auto;
}


.PopUpPrint .tablas-estiloz tbody, .PopUpPrint .tablas-estiloz thead, .PopUpPrint .tablas-estiloz tfoot {
    page-break-inside: avoid;
    page-break-after: auto;
}



.td-conTabla .tablas-estilos tbody tr {
    display: table-row;
    width: 100%;
}

.td-conTabla .tablas-estilos tbody {
    display: table-row-group;
}

.pading-0 {
    padding: 0 !important
}

.texto-carga-escrito {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 1.1em;
    text-transform: uppercase;
}



.pading-botton-100 {
    padding-bottom: 100px;
}


.errorText {
    font-size: 1.6rem;
    padding: 5px;
    color: #f08a3f;
    display: inline-block;
    border-radius: 12px;
}

#barcode {
    margin: 0 0 20px 0;
}

.butonMenus {
    width: 20px;
    height: auto;
    width: 20px;
    position: relative;
    max-width: 20px;
    cursor: pointer;
}

    .butonMenus.button--is-five {
        width: auto;
        max-width: none;
        overflow: visible;
    }

        .butonMenus.button--is-five .iconi {
            width: 16px;
        }

    .butonMenus img {
        width: 6px;
        cursor: pointer;
    }

.icono-ima {
    height: 16px;
    margin: 0 5px;
}

.butonMenus .menu-emergente {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: none;
    overflow: hidden;
    position: absolute;
    left: -155px;
    z-index: 5;
    top: 12px;
    border-radius: 10px;
    padding: 5px 0;
    font-weight: bolder;
}

.boton-redodno {
    background: #e8e8e8;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    min-width: 30px;
    box-shadow: 0 0 3px -1px #0000008a;
    /* padding: 5px; */
    display: inline-flex;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #5c5c5c;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin: 2px;
    display: inline-flex;
}

    .boton-redodno:hover {
        background: var(--template-color-2);
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari */
        transform: scale(1.1);
        color: #fff;
    }

    .boton-redodno.blanco {
        background: #ffffff;
        margin: 4px;
        box-shadow: 0 0 5px -1px #0000008a;
    }


        .boton-redodno.blanco:hover {
            background: #ffffff;
            -ms-transform: scale(1.3); /* IE 9 */
            -webkit-transform: scale(1.3); /* Safari */
            transform: scale(1.3);
        }

.button-dropdown {
    position: absolute;
    top: 12px;
    right: 5px;
}

.active .Grande.boton-redodno > i {
    transform: rotate(180deg);
}

.Grande.boton-redodno {
    zoom: 1.3;
    background: var(--color-secondary);
    font-size: 124px;
}

    .Grande.boton-redodno:hover {
        background: var(--color-primary);
    }

.active .Grande.boton-redodno {
    background: var(--color-secondary);
}

.Grande.boton-redodno > i {
    font-size: 28px;
    color: white;
    height: 23px;
    transition: all .3s ease;
}

.ColumT-25 .form-group {
    margin: 7px !important;
}

.boton-redodno .material-icons {
    font-size: 19px;
}

.more_actions--is-content {
    display: inline-block;
    vertical-align: middle;
}

.especial.boton-redodno {
    background: var(--template-color-2);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    box-shadow: 0 0 3px -1px #0000008a;
    padding: 4px;
    display: inline-flex;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #fff3e5;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin: 2px;
}

.SectionOculto {
    display: none !important;
}




.especial.boton-redodno:hover {
    background: #ff751a;
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
    color: #fff;
}

.boton-redodno img {
    width: 100%;
    max-height: 100%;
}

.boton-redodno .elim {
    width: 70%;
}

.butonMenus:hover .menu-emergente {
    background: #ffffff;
    box-shadow: 0 0 7px -1px #0000006b;
    width: 200px;
    height: auto;
    opacity: 1;
    display: block;
}

.menu-emergente button {
    color: var(--template-color-2);
    font-size: 1.3rem;
    padding: 5px;
    width: 100%;
}

    .menu-emergente button:hover {
        background: var(--template-color-2);
        color: #fff;
    }

.barraCargando {
    height: 25px;
    width: 100%;
    position: relative;
    background: #c5c5c5;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 7px !important;
}

    .barraCargando span {
        position: absolute;
        width: 100px;
        margin-left: -50px;
        left: 50%;
        height: 100%;
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 13px;
        font-size: 1.3rem;
        text-shadow: 2px 0px 14px rgba(0, 0, 0, 0.37);
    }

.more_actions--is-btns {
    max-height: 220px;
    overflow: auto;
}

.elemento__seleccionado.seleccionado {
    display: inline-block;
    padding: 7px 15px;
    border-radius: 15px;
    background: #ffb162;
    color: #fff;
    box-shadow: 1px 1px 4px 0px #9a9a9a;
}


/*
.tabla-notificacion.tabla-limites table tbody tr:last-child .more_actions--is-btns{
	bottom: 0;
    top: auto;

}

.tabla-notificacion.tabla-limites table tbody tr:last-child{
	background: red;
}

*/


.line-atime .barraCargando {
    position: absolute;
    left: 25px;
    top: 11px;
    z-index: -1;
    width: 97%;
    height: 15px;
}


.foto-Titular {
    width: 120px;
    border: 3px solid var(--template-color-2);
}

ol ul {
    list-style: circle !important;
    padding-left: 20px;
}

ol.texto-narrativo {
    padding-left: 20px;
}

.separacionLeft {
    margin-left: 15px;
}

.lineTime2 {
    width: 100%;
    max-width: 650px;
    margin: 15px auto !important;
    display: flex;
    flex-direction: column;
}

    .lineTime2 li {
        position: relative;
        padding-left: 70px;
        /* height: 65px; */
        height: auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        border: 1px solid #d6d6d6;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
        text-align: center;
        border-radius: 14px;
        margin: 5px;
        background: #fff;
    }

        .lineTime2 li div {
            background: #f1f1f1;
            padding: 5px;
        }

        .lineTime2 li .tipo {
            font-family: 'Arial-Extra-Bold';
            color: var(--template-color-2);
            /*  border-bottom: 4px solid;*/
            font-size: 1.6rem;
        }

            .lineTime2 li .tipo:last-child {
                font-family: 'Arial-Extra-Bold';
                color: var(--template-color-2);
                /*  border-bottom: 4px solid;*/
                font-size: 1.6rem;
                position: absolute;
                right: -26px;
                background: var(--template-color-2);
                top: 37px;
                transform: rotate(90deg);
                color: #fff;
                left: auto;
                width: 103px;
            }

    .lineTime2 .JNE .tipo {
        font-family: 'Arial-Extra-Bold';
        color: #aa0000;
    }




    .lineTime2 li.JNE .tipo:last-child {
        position: absolute;
        left: -26px;
        background: #aa0000;
        top: 37px;
        transform: rotate(-90deg);
        color: #fff;
        right: auto;
        width: 103px;
    }




    .lineTime2 li:first-child {
        box-shadow: 0 0 5px 0px #50accc;
        -webkit-animation-name: estadoActual;
        -webkit-animation-duration: 0.7s;
        animation-name: estadoActual;
        animation-duration: 0.7s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        font-family: 'Arial-Extra-Bold'
    }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes estadoActual {
    0% {
    }


    100% {
        box-shadow: 0 0 13px 4px #50accc;
    }
}

.lineTime2 li:first-child:before {
    content: "Estado Actual";
    position: absolute;
    background: #50accc;
    padding: 6px 10px;
    border-radius: 10px;
    position: absolute;
    right: -1px;
    top: -9px;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.11);
    color: #fff;
    z-index: 15;
}

.iframe-doc {
    height: 57vh;
    width: 100%;
    min-height: 300px;
}

.footer-popup-article {
    min-width: 100%;
    width: 100%;
}

md-dialog-actions .button.bg--is-red,
md-dialog-actions .button.bg--is-red:hover {
    padding: 11px 50px 12px 50px !important;
}

.contenedor-botom-min {
    display: inline-block;
    vertical-align: middle;
}

.link2 {
    font-family: "Swiss-Bold";
}

.contenedor-botom-min .button {
    margin-left: 10px !important;
}
/*
.lineTime2 li:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 5px;
    height: 100%;
    background: #f29d45;
    left: 23px;
    top: 14px;
}

.lineTime2 li:last-child:before {
    content: "";
   display: none;
}*/
.JNE {
    padding-left: 10px !important;
    padding-right: 70px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}


    .JNE .iconoLineTime2 {
        background: #aa0000;
        left: auto;
        right: 5px;
    }


.iconoLineTime2 {
    background: var(--template-color-2);
    border-radius: 50%;
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 5px;
    box-shadow: 1px 1px 5px 0px;
    top: 50%;
    margin-top: -25px;
}

    .iconoLineTime2 img {
        width: 60%;
    }



.dialog-inline {
    display: flex;
    width: 100%;
    padding: 6px;
    background: var(--template-color-2);
    justify-content: center;
    align-content: center;
    margin: 20px 0;
}

.dialog-icon {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--template-color-2);
}

.dialog-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    font: 13px 'Lucida-Italic';
    color: white;
}

.dialog-content-is-strong {
    color: var(--template-color-2);
    font: 14px Swiss-bold;
    font-weight: initial;
    padding: 2px 2px 2px 6px;
    background: var(--template-color-4);
    margin: 0 3px;
}


.mensaje-Amarillos {
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #4a4a4a;
    background: #fff0dd;
    border-radius: 5px;
    border: 1px #d86b66 dashed;
    box-shadow: 0 0 0px 3px #fff0dd;
    font-size: 1.3rem;
    line-height: 1;
    display: inline-block;
    font-weight: 900;
    margin: 15px 0;
    word-spacing: 3px
}

.mensaje-rojo {
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #f5f5f5;
    background: #b73030;
    border-radius: 5px;
    border: 1px #ffeeee dashed;
    box-shadow: 0 0 0px 3px #b73030;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
    margin: 15px 0;
    word-spacing: 3px
}

.centrado-tex-important {
    margin: 10px 20px !important;
}

    .centrado-tex-important:before {
        content: "** ";
        display: inline-block;
        position: relative;
        color: white;
    }


    .centrado-tex-important:after {
        content: " **";
        display: inline-block;
        position: relative;
        color: white;
    }




.mensaje-celeste {
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #fff;
    background: #4eaccc;
    border-radius: 5px;
    border: 1px #fafbff dashed;
    box-shadow: 0 0 0px 3px #3597b8;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
    margin: 10px 0;
    word-spacing: 3px
}


.mensaje-verde {
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #f5f5f5;
    background: #6ac57e;
    border-radius: 5px;
    border: 1px #ffeeee dashed;
    box-shadow: 0 0 0px 3px #6ac57e;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
    word-spacing: 3px;
    margin: 15px 0;
}


.elemento75-part {
    width: 75%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento100-part {
    width: 100%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento2-part {
    width: 50%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento3-part {
    width: 33%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento67-part {
    width: 66%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento4-part {
    width: 25%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.r {
    width: 100%;
    height: 1px;
    background: #c3c3c3;
    margin: 5px 0;
}


.codigo__caja {
    width: 250px;
    max-width: 250px;
}

.SeccionCajita {
    margin-top: 25px;
}

.text1 {
    color: #525252;
    font: 15px "Swiss-Light";
    cursor: default;
    opacity: 1;
    padding-left: 14px;
}

.text2 {
    color: #525252;
    font: 14px "Arial-Extra-Bold";
    display: inline-block;
    width: 100%;
    font-weight: bold;
    cursor: default;
    min-height: 21px;
    padding-left: 14px;
}


.text1 span {
    display: inline-block;
}

    .text1 span:before {
        content: " ,";
        margin: 0 2px;
        vertical-align: middle;
    }

    .text1 span:first-child:before {
        content: none;
    }


.barraCargando .posentaje {
    background: var(--template-color-2);
    height: 100%;
    position: absolute;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    -webkit-animation-name: cargandoPre; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    animation-name: cargandoPre;
    animation-duration: 0.5s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes cargandoPre {
    0% {
        width: 0;
    }


    100% {
    }
}


.BTN_Total i {
    font-size: 40px
}

.BTN_Total {
    background: #fff9f2;
    border: 1px var(--template-color-2) dashed;
    color: #535353;
    display: inline-block;
    padding: 5px;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .BTN_Total:hover {
        background: #ffe9cf;
        border: 1px #a00 dashed;
        color: #a00;
    }

.Fotter-Hoja {
    -webkit-transition: opacity .3s ease-in-out .5s;
    -o-transition: opacity .3s ease-in-out .5s;
    transition: opacity .3s ease-in-out .5s;
    opacity: 0;
    background-color: #525252;
    color: #fff;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e5e5e5;
    font-size: 1.3rem;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.43);
}


.aparDerecha {
    -webkit-animation-name: apaDerecha; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.1s; /* Safari 4.0 - 8.0 */
    animation-name: apaDerecha;
    animation-duration: 1.1s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes apaDerecha {
    0% {
        margin-top: 50px;
        opacity: 0;
    }


    100% {
    }
}


.boton-regresar {
    margin: 25px 0;
}

.boton-regresarintitle {
    margin: -10px 0;
    vertical-align: middle;
    ;
}

.tituloConBoton {
    margin-top: 5px;
}

.ima-alerta {
    border-radius: 10px;
}

.ListaCheckEmerente {
    border: 1px solid var(--template-color-2);
}

    .ListaCheckEmerente .element__label {
        width: 22%;
        margin: 5% !important;
        padding: 0;
    }

    .ListaCheckEmerente b {
        margin: 12px 0;
        display: inline-block;
    }


.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
    margin: 13px auto;
}

*::-webkit-scrollbar {
    width: 9px;
    background-color: #dadada;
    height: 8px;
    border-radius: 5px;
}


*::-webkit-scrollbar-thumb {
    background-color: #979797;
    border-radius: 5px;
}


    *::-webkit-scrollbar-thumb:hover {
        background-color: #777;
    }

.miembro__info .buttons__content {
    text-align: left !important;
}



.pop-alerte md-dialog-actions {
    text-align: center;
    justify-content: center;
}

.pop-alerte h2 {
    color: #e5872b !important;
    padding-left: 39px !important;
    letter-spacing: inherit;
}


.pop-alerte .texto-narrativo {
    text-align: center;
}

.pop-alerte h2:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    box-shadow: 16px 0px 0px var(--template-color-2) !important;
    bottom: 50% !important;
    left: -7px !important;
    margin-bottom: -6px !important;
}

.input-formato-texto, .input-formato-texto:hover, .input-formato-texto:active {
    font-weight: 900;
    border: 0 !important;
    background: transparent;
    font-size: 1.6rem;
    font-family: 'Swiss-Light';
    font-weight: bold;
    cursor: default;
    outline: none !important;
    overflow: hidden;
    text-transform: uppercase;
    pointer-events: none;
    padding: 5px 10px 5px 0 !important;
    color: #525252 !important;
}


    .input-formato-texto::-ms-expand {
        display: none !important;
    }

    .input-formato-texto option {
        display: none !important;
    }

.content-wrap {
    padding: 12px 0;
}

.input-principal {
    border-bottom: 2px solid var(--template-color-2);
    color: var(--template-color-2);
    font-weight: 700;
    font-size: 1.8rem;
}

.cotolador-Option-Tabla {
    width: 100%;
    max-width: 150px;
    display: inline-block;
    text-align: right;
}

    .cotolador-Option-Tabla a {
        display: inline-block;
        padding: 7px;
    }

        .cotolador-Option-Tabla a:hover {
            color: var(--template-color-2);
        }

.seccion-flex-complet {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Cont-general-cont {
    padding: 15px;
    overflow: auto;
    width: 100%;
}


.vistapreviaDocument.Volteada {
    width: 1484px;
    min-height: 1050px;
}

.vistapreviaDocument {
    box-shadow: -4px -4px 12px rgba(41, 41, 41, 0.38);
    padding: 55px;
    margin: 20px auto;
    width: 1050px;
    min-height: 1484px;
    background: #fff;
    position: relative;
}



    .vistapreviaDocument:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 74px solid #ffffff;
        border-top: 75px solid transparent;
        border-bottom: 0 solid transparent;
        filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.41));
        right: 0;
        top: 0;
        z-index: 5;
    }

    .vistapreviaDocument.TipoDos .texto-narrativo {
        text-align: justify;
        margin: 2px 0;
    }



    .vistapreviaDocument .title--is-print h1 {
        color: #464646;
    }

    .vistapreviaDocument .hojaA4Completo:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .vistapreviaDocument .hojaA4Completo {
        border-top: 2px solid #777;
        padding-top: 10px;
    }

        .vistapreviaDocument .hojaA4Completo.Sinborde {
            border-top: 0;
            padding-top: 0;
        }

        .vistapreviaDocument .hojaA4Completo.sinlimiteprevio.container__blocks {
            height: auto;
        }

    .vistapreviaDocument:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 88px;
        height: 88px;
        top: -13px;
        background: #464646;
        right: -14px;
        z-index: 2;
    }

.Contenedor-vistapreviaDocument {
    background: #464646;
    padding: 15px;
    max-height: 67vh;
    overflow: auto;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.34);
    margin: 0px 0 15px 0px;
    border: 10px solid #464646;
}


.logo-document {
    width: 120px;
}

.text-tbl-info {
    font-weight: 100 !important;
}


.logo-document-jne {
    width: 80px;
}

.logo-document-jne-casilla {
    width: 66px;
    margin-bottom: 15px;
    margin-left: 12px;
}

.logo-document-jne-casilla-2 {
    width: 66px;
    margin-left: 12px;
}

.logo-document-jne-casilla {
    width: 66px;
    margin-bottom: 15px;
    margin-left: 12px;
}

.logo-document-jne-casilla-2 {
    width: 66px;
    margin-left: 12px;
}

.texto-narrativo {
    font-size: 1.5rem;
    margin: 12px 0;
    color: #737373;
}

    .texto-narrativo.TipoDos {
        font-size: 1.57rem;
        margin: 12px 0;
        color: #464646;
        display: inline-block;
        padding: 10px;
        border-radius: 7px;
        box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 20%);
        background: white;
        font-weight: bold;
    }

    .texto-narrativo div p {
        font-size: 1.5rem !important;
        margin: 2px 0;
        color: #737373 !important;
    }

    .texto-narrativo div div p strong {
        font-size: 1.52rem !important;
    }

.tituldocumente, .tituldocumente p {
    text-align: center;
    font-size: 18px;
    color: black;
    font-family: Arial;
    line-height: 1.1em
}

.tituldocumente {
    margin: 5px;
}

.float-right {
    float: right;
}

.texto-rojo {
    color: #aa0000;
}

.texto-verde {
    color: #077683;
}


.texto-amarillos {
    color: #ff8f00;
}




.cont-Fimta-space {
    border-top: 2px solid #525252;
    padding: 5px;
    margin: 200px auto 10px;
    width: 300px;
    /* position: absolute; */
    /* bottom: 25px; */
    /* right: 50%; */
    /* margin-right: -150px; */
}

.textoGrue {
    font: 1.6rem 'Arial-Extra-Bold' !important;
}

.cont-Fimta-space .texto-narrativo {
    margin: 0;
    font-size: 1.4rem;
}

.conte-Ubicated {
    display: flex;
    flex-direction: inherit;
    flex-flow: wrap;
    justify-content: space-between;
    flex-basis: 100px;
}

.input-comntenedo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.conte-Ubicated {
    display: flex;
    flex-direction: inherit;
    flex-flow: wrap;
    justify-content: space-between;
    flex-basis: 100px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

.elemento1 {
    width: 100%;
}

.alineado-izquierda,
.tablas-estilos td.alineado-izquierda,
.tablas-estilos th.alineado-izquierda {
    text-align: left;
}

    .alineado-izquierda thead tr th,
    .alineado-izquierda tbody tr td {
        text-align: left;
    }

.alineado-derecha,
.tablas-estilos td.alineado-derecha,
.tablas-estilos th.alineado-izquierda {
    text-align: right;
}

    .alineado-derecha thead tr th,
    .alineado-derecha tbody tr td {
        text-align: right;
    }

.alineado-centro {
    text-align: center;
}

    .alineado-centro thead tr th,
    .alineado-centro tbody tr td,
    .alineado-izquierda tbody .alineado-centro,
    .alineado-derecha tbody .alineado-centro,
    .tablas-estilos thead tr .alineado-centro,
    .tablas-estilos thead tr .alineado-centro {
        text-align: center;
    }

.alerta-Mensaje {
    font-size: 1.8rem;
    width: 100%;
    box-shadow: -1px 2px 3px #cacaca;
    height: 120px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 27px;
    background: #ffeeda;
    overflow: auto;
}


.partit-text.tablas-estilos {
    word-break: break-all;
}

.divi {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    opacity: 0.4;
    background: #a0a0a0;
}

.espace {
    height: 30px;
    width: 100%;
    display: block;
}

.divi2 {
    width: 100%;
    height: 2px;
    margin: 10px 0;
    opacity: 1;
    background: #1fb6ac;
}


.cards-titular-date {
    background: #fef2e4;
    margin: -3px 0px 8px 0;
}

    .cards-titular-date.aparDerecha {
        margin: 0;
    }

    .cards-titular-date.top0 {
        margin-top: 0;
        padding-left: 5px;
    }

.img-cards-titular-date {
    width: 150px;
    border: 2px solid var(--template-color-2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    margin: 15px;
    display: inline-block;
}

svg.img-cards-titular-date {
    background: #5B767D;
    padding: 15px;
    border-radius: 15px;
    vertical-align: middle;
    height: 143px;
    border: 0;
    margin: 15px 20px;
}

    svg.img-cards-titular-date path {
        fill: #fff;
    }


.datos-cards-titular-date {
    display: inline-flex;
    flex-direction: column;
    vertical-align: middle;
    padding: 15px;
}

    .datos-cards-titular-date.Tecero {
        width: 100%;
    }


    .datos-cards-titular-date.primero {
        width: calc(50% - 75px)
    }


.cards-titular-date-complet {
}


.label-dentro-input {
}

.person-sije {
    width: 100px;
    background: url(/Content/images/img/perso-02.gif);
    background-repeat: no-repeat;
    height: 225px;
    background-size: 100%;
}

    .person-sije:hover {
        width: 100px;
        background: url(/Content/images/img/perso-02-hover.gif);
        background-repeat: no-repeat;
        height: 225px;
        background-size: 100%;
    }

.label-dentro-input .principal label {
    color: var(--template-color-2);
    font-size: 1.8rem;
}

.label-dentro-input label {
    position: absolute;
    bottom: 1px;
    font-size: 14px;
    padding: 5px 10px 5px 0;
    color: #4e4e4e;
    font: 14px "Swiss-Light";
    font: 1.43rem "Swiss-Light";
    text-transform: uppercase;
}

.label-dentro-input .element__input {
    padding-left: 32px;
}

.popup-peque md-dialog {
    max-width: 750px !important;
}

.fotito-casilla {
    width: auto;
    height: 190px;
}


.element-inline-block-midle {
    display: inline-block;
    vertical-align: middle;
    max-width: 550px;
    margin: 15px 25px;
}

.datos-cards-titular-date.contenedor-casilla {
    margin-top: 15px;
}

.VotonesVerMas {
    background: #2ca4bf;
    color: #fcfcfc;
    display: inline-block;
    font-family: Swiss-Light !important;
    font-size: 10px;
    /* padding: 2px 8px 3px 8px !important; */
    border-radius: 22px;
    transition: 0.4s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    cursor: pointer;
    height: 30px;
    flex-direction: column;
    box-shadow: 1px 1px 2px 0px #777;
}



    .VotonesVerMas:hover:before {
        color: #fff;
    }

    .VotonesVerMas:hover {
        background: var(--template-color-2);
        color: #fff;
    }

.VotonesVerMenos:hover {
    background: #aa0000;
}

.VotonesVerMenos {
    background: #fe7500;
    color: #f9e5e5;
    font-family: Swiss-Light !important;
    font-size:10px;
    padding: 2px 7px 5px 8px !important;
    border-radius: 22px;
    transition: 0.4s;
    cursor: pointer;
    width: 30px;
    cursor: pointer;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}




.VotonesVerMas:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: middle;
    margin: 0 5px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.VotonesVerMenos:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 7px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: middle;
    margin: 0 5px;
    margin-top: 2px;
    margin-bottom: -1px;
}

.VotonesVerMenos.VotonesVerMas:after {
    display: none;
}

.buton-cumplent {
    width: 100%;
    min-width: 100%;
    text-align: center;
}

.seccionEspecial {
    position: relative;
    padding-left: 194px;
    padding-right: 16px;
    border: 0;
    margin: 15px 0;
    background: rgba(231, 231, 231, 0.22);
    overflow: hidden;
    background: #fcfcfc;
    padding: 20px;
    /* border-radius: 15px; */
    box-shadow: 1px 2px 9px -1px rgba(0, 0, 0, 0.28);
}

    .seccionEspecial .titulo-Especial svg {
        fill: #fff;
        filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.41));
        width: 60%;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }


    .seccionEspecial:hover .titulo-Especial svg {
        width: 100%;
    }

.titulo-Especial {
    position: absolute;
    width: 175px;
    top: 0;
    left: 0;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 2;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    font-size: 1.7rem;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    z-index: 3;
    overflow: hidden;
    /* border-left: 10px solid #5b767d;*/
    background: #4eaccc;
}


    .titulo-Especial:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        width: 118px;
        height: 216%;
        background: rgba(0, 0, 0, 0.05);
        z-index: 1;
        left: -84px;
        top: 0;
        -webkit-transform-origin: 0 0;
        -webkit-transform: rotate(-20deg);
        -moz-transform-origin: 0 0;
        -moz-transform: rotate(-20deg);
        -ms-transform-origin: 0 0;
        -ms-transform: rotate(-20deg);
        transform-origin: 0 0;
        transform: rotate(-20deg);
        font-size: 14px;
        z-index: -1;
        font-size: 1.4rem;
    }

/*
.titulo-Especial:after{
    content: "";
    background: url(/Content/images/sorteo/bg.svg);
    opacity: 0.25;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    z-index: -1;
}

*/

.VistaCarpeta .seccionEspecial .titulo-Especial2 {
    position: relative;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 6px;
    bottom: 20px;
    background: #fff !important;
    border-radius: 50%;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.45) !important;
    padding: 11px;
}

.seccionEspecial .titulo-Especial2 {
    border-radius: 50%;
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 2;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    font-size: 1.7rem;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    z-index: 3;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 15px;
}

    .seccionEspecial .titulo-Especial2 svg {
        fill: #fff;
        fill: #fff;
        filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.41));
        width: 95%;
    }


.especial2 .titulo-Sistem-2 {
    display: inline-block;
    vertical-align: middle;
}

.Disblock {
    display: block;
}

.Disflex {
    display: flex;
}


.Disflexin {
    display: flex !important;
}

.disFlex {
    display: flex;
}

.alineFlex {
    align-items: center;
    justify-content: space-between;
}

.Disflex.row {
    margin-right: 0px;
    margin-left: 0px;
}

.DisflexCentrado {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}



.img-cards-titular-date-complet {
    width: 12%;
    border: 2px solid var(--template-color-2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    margin: 0 1%;
    display: inline-block;
}



    .img-cards-titular-date-complet.imagen2 {
        width: 8%;
        min-width: 108px;
        border: 2px solid var(--template-color-2);
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
        border-radius: 3px;
        margin: 0 0 0 5%;
        display: inline-block;
        float: right;
        border-radius: 10px;
    }



.datos-cards-titular-date-complet {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
}

.divi-especial {
    width: 100%;
    height: 2px;
    margin: 15px 0;
    opacity: 0.4;
    background: var(--template-color-2);
}

.cont-separater {
    margin: 20px 0px;
}

.tablas-estilos tbody .fila-marcada {
    background-color: #ffddb3 !important;
    color: #3a1f04;
    border: var(--template-color-2) dashed 1px;
}

    .tablas-estilos tbody .fila-marcada td {
        font-weight: bolder !important;
    }

.tablas-estilos tbody .fila-marcada-asig {
    background-color: #f7b5b5 !important;
    color: #3a1f04;
    border: #aa0000 dashed 1px;
}

    .tablas-estilos tbody .fila-marcada-asig td {
        font-weight: bolder !important;
    }

.tablas-estilos tbody .fila-marcada-trans {
    box-shadow: inset 15px 0 0 #3497b8b0;
    transition: all 0.7s ease-out;
}

    .tablas-estilos tbody .fila-marcada-trans:hover {
        box-shadow: inset 5000px 0 0 #3497b8b0;
        transition: all 0.7s ease-out;
    }

    .tablas-estilos tbody .fila-marcada-trans td {
        font-weight: bolder !important;
    }



.tablas-estilos tr td .opcion-rapida {
    display: none;
}

.opcion-rapida.VisibleSiempre {
    display: inline-block !important;
    margin: 0 5px !important;
    opacity: 0.9 !important;
    background: transparent !important;
}

.tablas-estilos tr:hover td .opcion-rapida {
    display: inline-block;
    margin: 0 5px;
    opacity: 0.7;
    background: transparent;
}

.opcion-rapida img {
    width: 16px;
    height: 16px;
}

.tablas-estilos tr:hover td .opcion-rapida:hover {
    opacity: 1;
}


/** input y radio ***/
.tablas-estilos td .content__radio {
    justify-content: center;
}

.tablas-estilos td md-checkbox:last-of-type {
    /*
    width: 20% !important;
    margin: 5% !important;
    */
    margin: 10px;
}


/* ================================================
 Linea de Tiempo
 * @autor EDG  eparedes
 * ================================================ */

.icono-linea-time {
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    align-items: center;
}

.line-atime li .datos ul {
    height: auto;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: 0.8s; /* Safari */
    transition: 0.8s;
}

.content-line-atime {
}

.line-atime li .datos {
    padding: 10px;
}

.line-atime li:hover .datos ul {
    display: block;
    max-height: 350px;
    position: relative;
}

.line-atime li .datos {
    position: absolute;
    width: 200px;
    margin-left: -80px;
    height: auto;
}

.line-atime li:nth-child(even) .datos {
    border-bottom: 7px solid #ffddb3;
    bottom: 80px;
}

.line-atime li:nth-child(odd) .datos {
    border-top: 7px solid #ffddb3;
    top: 80px;
}

.line-atime li:nth-child(even) .datos:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid #ffddb3;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    bottom: -24px;
    position: absolute;
    left: 46%;
}

.line-atime li:nth-child(odd) .datos:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 20px solid #ffddb3;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    top: -24px;
    position: absolute;
    left: 46%;
}

.line-atime > li > .datos .titulo-Sistem-2 {
    margin: 0px 0px 5px 0px;
}

.line-atime {
    display: flex;
    margin: 35vh auto 0vh auto;
    position: relative;
    width: 85%;
    justify-content: space-between;
    -webkit-transition: 0.3s; /* Safari */
    transition: 0.3s;
}

    .line-atime > li {
        width: 50px;
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

    .line-atime > .activo > .datos ul {
        max-height: 350px !important;
    }

    .line-atime > .realizado .icono-linea-time {
        background: #ffc884;
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }

    .line-atime > .realizado:hover .icono-linea-time {
        background: #ffb66c;
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    }

    .line-atime > .activo .icono-linea-time {
        background: var(--template-color-2);
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    .line-atime > .faltante .icono-linea-time {
        background: #c7c7c7;
    }

.icono-linea-time img {
    width: 65%;
    -webkit-transition: 1s;
    transition: 1s;
}

.line-atime > .faltante > .datos {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

    .line-atime > .faltante > .datos ul, .line-atime > .faltante > .datos ul:hover {
        display: none !important;
    }


/* ================================================
 * Estilos Estados de Expediente
 * @autor EDG eparedes
 * ================================================ */

.principal-titulos {
}



.lenyendaEstadoExpediente, .EmergenteInformativo {
    position: fixed;
    width: 400px;
    height: 100%;
    max-height: 600px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    z-index: 10;
    right: 3%;
    top: auto;
    bottom: 0;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    border-top: 4px solid var(--template-color-2);
    -webkit-transition: 0.7s;
    transition: 0.7s;
    height: 0%;
}

    .lenyendaEstadoExpediente:hover, .EmergenteInformativo:hover {
        max-height: none;
        height: 100%;
        max-height: 600px;
    }


        .lenyendaEstadoExpediente:hover li, .EmergenteInformativo:hover li {
            display: inline-block;
            height: 45px;
            font-size: 1.3rem;
            opacity: 1;
        }

    .lenyendaEstadoExpediente li, .EmergenteInformativo li {
        -webkit-transition: 0.4s; /* Safari */
        transition: 0.4s;
        height: 0px;
        padding: 7px 15px;
        -webkit-transition: 0.7s;
        transition: 0.7s;
        display: inline-block;
        overflow: hidden;
        width: 49%;
        opacity: 0;
        font-size: 0rem;
    }


    .lenyendaEstadoExpediente .principal-titulos,
    .EmergenteInformativo .principal-titulos {
        position: absolute;
        background: var(--template-color-2);
        top: -34px;
        width: 200px;
        padding: 9px;
        box-shadow: 0 0 6px -1px #00000059;
        border-radius: 14px 14px 0px 0px;
        font-size: 1.4rem;
        color: #fff;
        cursor: pointer;
        display: block;
        text-align: center;
        left: 50%;
        margin-left: -100px;
        max-height: none;
        line-height: 1;
        height: 34px !important;
        text-align: center;
        opacity: 1 !important;
    }


        .lenyendaEstadoExpediente .principal-titulos:before,
        .EmergenteInformativo .principal-titulos:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #fff;
            margin: 0px 6px 0 -4px;
        }


    .EmergenteInformativo .datoInfromativo {
        content: "";
        display: inline-block;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        margin: 6px;
        vertical-align: middle;
    }

    .lenyendaEstadoExpediente .ExpedEstad-1:before,
    .lenyendaEstadoExpediente .ExpedEstad-2:before,
    .lenyendaEstadoExpediente .ExpedEstad-3:before,
    .lenyendaEstadoExpediente .ExpedEstad-4:before,
    .lenyendaEstadoExpediente .ExpedEstad-5:before,
    .lenyendaEstadoExpediente .ExpedEstad-6:before,
    .lenyendaEstadoExpediente .ExpedEstad-7:before,
    .lenyendaEstadoExpediente .ExpedEstad-8:before,
    .lenyendaEstadoExpediente .ExpedEstad-9:before,
    .lenyendaEstadoExpediente .ExpedEstad-10:before,
    .lenyendaEstadoExpediente .ExpedEstad-11:before,
    .lenyendaEstadoExpediente .ExpedEstad-12:before,
    .lenyendaEstadoExpediente .ExpedEstad-13:before,
    .lenyendaEstadoExpediente .ExpedEstad-14:before,
    .lenyendaEstadoExpediente .ExpedEstad-15:before,
    .lenyendaEstadoExpediente .ExpedEstad-16:before,
    .lenyendaEstadoExpediente .ExpedEstad-17:before,
    .lenyendaEstadoExpediente .ExpedEstad-18:before,
    .lenyendaEstadoExpediente .ExpedEstad-19:before,
    .lenyendaEstadoExpediente .ExpedEstad-20:before,
    .lenyendaEstadoExpediente .ExpedEstad-21:before,
    .lenyendaEstadoExpediente .ExpedEstad-22:before,
    .lenyendaEstadoExpediente .ExpedEstad-23:before {
        content: "";
        display: inline-block;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        margin: 6px;
        vertical-align: middle;
    }


    .lenyendaEstadoExpediente .ExpedEstad-1:after,
    .lenyendaEstadoExpediente .ExpedEstad-2:after,
    .lenyendaEstadoExpediente .ExpedEstad-3:after,
    .lenyendaEstadoExpediente .ExpedEstad-4:after,
    .lenyendaEstadoExpediente .ExpedEstad-5:after,
    .lenyendaEstadoExpediente .ExpedEstad-6:after,
    .lenyendaEstadoExpediente .ExpedEstad-7:after,
    .lenyendaEstadoExpediente .ExpedEstad-8:after,
    .lenyendaEstadoExpediente .ExpedEstad-9:after,
    .lenyendaEstadoExpediente .ExpedEstad-10:after,
    .lenyendaEstadoExpediente .ExpedEstad-11:after,
    .lenyendaEstadoExpediente .ExpedEstad-12:after,
    .lenyendaEstadoExpediente .ExpedEstad-13:after,
    .lenyendaEstadoExpediente .ExpedEstad-14:after,
    .lenyendaEstadoExpediente .ExpedEstad-15:after,
    .lenyendaEstadoExpediente .ExpedEstad-16:after,
    .lenyendaEstadoExpediente .ExpedEstad-17:after,
    .lenyendaEstadoExpediente .ExpedEstad-18:after,
    .lenyendaEstadoExpediente .ExpedEstad-19:after,
    .lenyendaEstadoExpediente .ExpedEstad-20:after,
    .lenyendaEstadoExpediente .ExpedEstad-21:after,
    .lenyendaEstadoExpediente .ExpedEstad-22:after,
    .lenyendaEstadoExpediente .ExpedEstad-23:after {
        content: " ";
        display: none;
        background: red !important
    }



.cont-option-tabla {
    position: relative;
}


.lenyendaEstadoExpediente .ExpedEstad-1,
.lenyendaEstadoExpediente .ExpedEstad-2,
.lenyendaEstadoExpediente .ExpedEstad-3,
.lenyendaEstadoExpediente .ExpedEstad-4,
.lenyendaEstadoExpediente .ExpedEstad-5,
.lenyendaEstadoExpediente .ExpedEstad-6,
.lenyendaEstadoExpediente .ExpedEstad-7,
.lenyendaEstadoExpediente .ExpedEstad-8,
.lenyendaEstadoExpediente .ExpedEstad-9,
.lenyendaEstadoExpediente .ExpedEstad-10,
.lenyendaEstadoExpediente .ExpedEstad-11,
.lenyendaEstadoExpediente .ExpedEstad-12,
.lenyendaEstadoExpediente .ExpedEstad-13,
.lenyendaEstadoExpediente .ExpedEstad-14,
.lenyendaEstadoExpediente .ExpedEstad-15,
.lenyendaEstadoExpediente .ExpedEstad-16,
.lenyendaEstadoExpediente .ExpedEstad-17,
.lenyendaEstadoExpediente .ExpedEstad-18,
.lenyendaEstadoExpediente .ExpedEstad-19,
.lenyendaEstadoExpediente .ExpedEstad-20,
.lenyendaEstadoExpediente .ExpedEstad-21,
.lenyendaEstadoExpediente .ExpedEstad-22,
.lenyendaEstadoExpediente .ExpedEstad-23 {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: inline-block;
    height: 22px;
    vertical-align: middle;
}
/*

.Ini-Registrado:hover , .Ini-Digitalizado:hover, .Asig-Asignado:hover , .Asig-Devuelto:hover,
 .Estudi-EnCalificacion:hover , .Estudi-EnEsperaDeInforme:hover , .Estudi-Seguimiento:hover , .Estudi-ParaAudiencia:hover,
 .Audi-Reservado:hover, .Audi-Programado:hover, .Audi-Notificado:hover , .Audi-PublicadoWeb:hover , .SesioReserv-PendienteDeVoto:hover , 
 .SesioReserv-ConVoto:hover , .ElaboraProye-EnElaboracion:hover , .ElaboraProye-VistoBuenoSG:hover,
 .Pronunci-Publicado:hover , .Pronunci-NotificacionGeneral:hover ,  .Pronunci-Notificado:hover, 
 .Archivo-ArchivadoPeriferico:hover , .Archivo-ArchivadoCentral:hover , .CapturaFirm-FirmasPleno:hover , .CapturaFirm-FirmaSG:hover{
font-size: 1.4rem;
}
*/


.ExpedEstad-1:before,
.ExpedEstad-2:before,
.ExpedEstad-3:before,
.ExpedEstad-4:before,
.ExpedEstad-5:before,
.ExpedEstad-6:before,
.ExpedEstad-7:before,
.ExpedEstad-8:before,
.ExpedEstad-9:before,
.ExpedEstad-10:before,
.ExpedEstad-11:before,
.ExpedEstad-12:before,
.ExpedEstad-13:before,
.ExpedEstad-14:before,
.ExpedEstad-15:before,
.ExpedEstad-16:before,
.ExpedEstad-17:before,
.ExpedEstad-18:before,
.ExpedEstad-19:before,
.ExpedEstad-20:before,
.ExpedEstad-21:before,
.ExpedEstad-22:before,
.ExpedEstad-23:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 6px;
    vertical-align: middle;
}


.ExpedEstad-1:after,
.ExpedEstad-2:after,
.ExpedEstad-3:after,
.ExpedEstad-4:after,
.ExpedEstad-5:after,
.ExpedEstad-6:after,
.ExpedEstad-7:after,
.ExpedEstad-8:after,
.ExpedEstad-9:after,
.ExpedEstad-10:after,
.ExpedEstad-11:after,
.ExpedEstad-12:after,
.ExpedEstad-13:after,
.ExpedEstad-14:after,
.ExpedEstad-15:after,
.ExpedEstad-16:after,
.ExpedEstad-17:after,
.ExpedEstad-18:after,
.ExpedEstad-19:after,
.ExpedEstad-20:after,
.ExpedEstad-21:after,
.ExpedEstad-22:after,
.ExpedEstad-23:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 35px;
    top: 50%;
    border-radius: 50%;
    margin: -5px 0;
}



.ExpedEstad-1:before, .ExpedEstad-2:before,
.ExpedEstad-1:after, .ExpedEstad-2:after {
    background: #FF9800;
}


.ExpedEstad-3:before, .ExpedEstad-4:before,
.ExpedEstad-3:after, .ExpedEstad-4:after {
    background: #b79f44;
}


.ExpedEstad-5:before, .ExpedEstad-6:before, .ExpedEstad-7:before, .ExpedEstad-8:before,
.ExpedEstad-5:after, .ExpedEstad-6:after, .ExpedEstad-7:after, .ExpedEstad-8:after {
    background: #2196F3;
}


.ExpedEstad-9:before, .ExpedEstad-10:before, .ExpedEstad-11:before, .ExpedEstad-12:before,
.ExpedEstad-9:after, .ExpedEstad-10:after, .ExpedEstad-11:after, .ExpedEstad-12:after {
    background: rgb(121,134,203);
}

.ExpedEstad-13:before, .ExpedEstad-14:before,
.ExpedEstad-13:after, .ExpedEstad-14:after {
    background: rgb(78, 172, 204);
}


.ExpedEstad-16:before, .ExpedEstad-15:before,
.ExpedEstad-16:after, .ExpedEstad-15:after {
    background: #57c182;
}


.ExpedEstad-18:before, .ExpedEstad-17:before,
.ExpedEstad-18:after, .ExpedEstad-17:after {
    background: #d28848;
}


.ExpedEstad-19:before, .ExpedEstad-20:before, .ExpedEstad-21:before,
.ExpedEstad-19:after, .ExpedEstad-20:after, .ExpedEstad-21:after {
    background: #607D8B;
}




.ExpedEstad-22:before, .ExpedEstad-23:before,
.ExpedEstad-22:after, .ExpedEstad-23:after {
    background: #ea6e51;
}

/* ================================================
 * Titulos
 * @autor EDG eparedes
 * ================================================ */
.titulo-Sistem {
    font-size: 2.4rem !important;
    color: #535353;
    margin: 15px 0;
    font-weight: 700;
    font-family: Swiss-Light;
    font-weight: bold;
}

.titulo-Sistem-2 {
    font-size: 1.6rem;
    color: #525252;
    margin: 12px 0 5px 0;
    font-family: Swiss-Light;
    position: relative;
    padding-left: 25px;
    background: #fffaf4;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 1px solid var(--template-color-4);
}

    .titulo-Sistem-2 .texto-narrativo {
        line-height: 0;
    }

.titulo-Sistem-3 {
    font-size: 1.8rem;
    color: #5B767D;
    margin: 15px 0;
    font-weight: 700;
    font-family: Swiss-Light;
}

.titulo-Sistem i {
    font-size: 2.6rem;
    color: #535353;
    margin: 15px 0;
    font-family: Swiss-Light;
    opacity: 0.9;
}

.titulo-Sistem-2 i {
    margin: 15px 0;
    font-family: Swiss-Light;
    opacity: 0.9;
}

.titulo-sistem:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 43px;
    background: url(/Content/images/general/puntosTitu.svg);
    background-size: 45px;
    margin: 0 6px;
    background-position: 0px -1px;
    background-repeat: no-repeat;
    margin: 1px;
}

.titulo-Sistem-2:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 3px;
    border-radius: 40%;
    box-shadow: 0px -5px 0px var(--template-color-3), 0px -10px 0px var(--template-color-2);
    background-color: var(--template-color-4);
    bottom: calc(50% - 8px);
    left: 6px;
}



.titulo-Sistem-3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 21px;
    width: 15px;
    background: url(/Content/images/general/puntosTitu.svg);
    background-size: 42px;
    margin: 0 4px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

.cont-Seccio-subcont {
    width: 100%;
    padding: 16px;
    overflow: auto;
    padding: 16px;
    background: #f5f5f5;
    border-radius: 19px;
    margin: 20px 0px;
    box-shadow: -1px 2px 3px #cacaca;
}

.titulo-Sistem-3 b,
.titulo-Sistem-2 b {
    font-family: 'Arial-Extra-Bold';
}



.titulo-Sistem-3 .alert,
.titulo-Sistem-2 .alert {
    color: #aa0000;
    display: inline-block;
    padding: 2px 14px;
    background-color: lightpink;
    border-radius: 9px;
    margin-bottom: 0;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}

/* ================================================
 * Tabla Nativa
 * @autor myance
 * ================================================ */
.table__head--is-end .button:first-child {
    margin-left: 0 !important;
}

.table__head--is-end .button {
    margin-left: 10px;
}


.table__head {
    display: flex;
    background: linear-gradient(90deg, #e7e7e7 0%, #cecece 100%) !important;
    padding: 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #cecece;
    border-top: 1px solid #cecece;
    border-right: 1px solid #cecece;
}


.table__head--is-start .button:first-child {
    margin-left: 0;
}

.table__head--is-start .titulo-Sistem-2 {
    margin: 9px 0 0 0;
}

.table__head--is-start .button {
    margin-left: 10px;
}

.table__head--is-start {
    display: flex;
}

    .table__head--is-start .row .element__label {
        margin-bottom: 0px;
    }

.table__head--is-end {
    text-align: right;
    margin-left: auto;
    display: flex;
}

.content__input__search .element__input {
    padding: 10px;
    background: #fff;
    border-radius: 19px;
    max-width: 800px;
    min-width: 400px;
}

.content__input__search {
    margin-top: 2px;
    margin-bottom: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tabla--is-responsive {
    width: 100%;
    max-height: calc(100vh - 320px);
    overflow-y: scroll;
}

.content__tabla__nativa .dx-datagrid-group-closed {
    color: #949494
}

.content__tabla__nativa {
    position: relative;
}

.tabla__nativa {
    width: 100%;
}

.tabla__nativa--is-body {
    background-color: #fff;
    color: #333;
    font-weight: normal;
    line-height: 1.35715;
    display: table;
    width: 100%;
}

.tabla__nativa--is-thead .tabla__nativa--is-th {
    margin: 7px 0;
}

.tabla__nativa--is-bordertop {
    border-top: 1px solid #cecece;
}

.tabla__nativa--is-thead {
    display: table;
    width: 100%;
    background: #e7e7e7;
    padding: 1px 9px 1px 0;
    border-bottom: 1px solid #cecece;
    margin-bottom: 0.8px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    align-items: center;
}

.tabla__nativa--is-table {
    display: table;
    width: 100%;
}

.tabla__nativa--is-tr {
    display: flex;
    width: 100%;
    align-items: center;
}

.tabla__nativa--is-th {
    padding: 2px;
}

.tabla__nativa--is-th,
.tabla__nativa--is-td {
    display: inline-flex;
    word-break: break-word;
    align-items: center;
    vertical-align: middle;
    position: relative;
}



.tabla__nativa--is-td,
.tabla__nativa--is-th {
    font-size: 1.4rem;
    page-break-inside: avoid;
    page-break-after: auto;
}

.tabla__nativa--is-td {
    padding: 5px 2px;
    font-size: 1.3rem;
}

.tabla__nativa--is-tbody .tabla__nativa--is-tr:nth-child(even),
.tabla__nativa--is-tbody .tabla__nativa--is-table:nth-child(even) {
    background-color: #f5f5f5;
}

.tabla__nativa--is-tbody .tabla__nativa--is-tre:nth-child(odd),
.tabla__nativa--is-tbody .tabla__nativa--is-table:nth-child(odd) {
    background-color: #fcfcfc;
}

.tabla__nativa--is-tbody .tabla__nativa--is-table:hover {
    background-color: #ffe7ce;
}

.tabs__buttons {
    display: flex;
    justify-content: flex-end;
}

.grid__button--is-end {
    text-align: right;
    margin-left: auto;
    display: flex;
}

.tabla__nativa__detalle {
    width: 100%;
    background: #ebebeb;
    padding: 10px 10px 10px 65px !important;
    margin: 0 !important;
}

.tabla__nativa--is-table:hover .dx-datagrid-group-opened,
.tabla__nativa--is-table:hover .dx-datagrid-group-closed {
    color: var(--template-color-2) !important
}

.tabla__nativa__detalle .tabla__nativa--is-table:hover {
    background: #f1f3f4 !important;
}

.tabla__nativa__detalle .tabla__nativa--is-table {
    background: #fcfcfc !important;
    color: #585858 !important;
    border-top: 1px solid #d5cccc;
}

/* ================================================
 * Tabla
 * @autor EDG eparedes
 * ================================================ */
.contendor-tablas-estilos {
    width: 100%;
    overflow: auto;
    padding: 6px;
}

.tablas-estilos {
    width: 100%;
    border-collapse: collapse;
    position: relative;
    border: 1px solid #dedede;
    margin-bottom: 15px;
}

.magin-t250 {
    margin-top: 250px;
}

.magin-t150 {
    margin-top: 150px;
}



.tablas-estilos .element__checkbox:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 3px;
    width: 1em;
    height: 1em;
    background: #fff;
    border: 1px solid #b3b3b3;
    cursor: pointer;
}

.tablas-estilos .element__checkbox:before {
    left: 0.4em;
    top: -0.2em;
}


.th-select, .th-select:hover {
    background-color: #ffddb3 !important;
    color: #525252;
    font-weight: bolder !important;
}


    .th-select td {
        font-weight: 700 !important;
        background-color: #ffddb3 !important;
        color: #2a4147;
    }

    .th-select:before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        position: relative;
    }

.tablas-estilos caption {
    background: #e6e6e6;
    text-align: left;
    padding: 6px 14px 6px 14px;
    line-height: 2;
    color: #5d5d5d;
    font-family: Swiss-Light;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    margin-bottom: -1px;
}

    .tablas-estilos caption .grid__container__head {
        background: transparent;
        border: 0;
        padding: 0;
    }



.estilo-tabla-captian {
    background: #e6e6e6;
    text-align: left;
    padding: 0px 10px 0px 10px;
    line-height: 2;
    color: #5d5d5d;
    font-family: Swiss-Light;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    margin-bottom: -1px;
}


    .estilo-tabla-captian .button {
        margin: 10px 3px;
        padding: 10px 18px;
    }

.captian-bandeja {
    background: #fff;
    padding-bottom: 30px;
}

.contfull {
    margin: 15px 0;
}

.divi-element-captian, .mitad-element {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0px -0.1%;
}

.tablas-estilos td, .tablas-estilos th {
    padding: 0 5px;
    text-align: center;
    margin: 0;
    line-height: 2;
}


.resultadoTable.Total {
    font-size: 1.6rem;
    margin-top: 25px;
    padding: 11px;
}

.resultadoTable {
    background: #e6e6e6;
    color: #6a5e52;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1.3rem;
    text-align: center;
    padding: 5px 15px;
    margin: 10px 0 15px 0;
    border-top: 2px solid #c7c7c7;
}

.tablas-estilos tbody tr:nth-child(odd) {
    background: #f5f5f5;
    page-break-inside: avoid;
    page-break-after: auto;
}

.tablas-estilos tbody tr:nth-child(even) {
    background: #ffffff;
    page-break-inside: avoid;
    page-break-after: auto;
}


.tablas-estilos tbody tr:hover {
    background: #fff2e3;
    page-break-inside: avoid;
    page-break-after: auto;
}


#chartContainerDobleID {
    height: 650px;
    width: 100%;
}

.tablas-estilos thead tr {
    background: #e6e6e6;
}

.tablas-estilos thead {
    border-top: 0.5px solid #d6d6d6;
    border-bottom: 0.5px solid #d6d6d6;
}

    .tablas-estilos thead tr th {
        color: #525252;
        font-size: 1.35rem;
        font-weight: 900;
        line-height: 1.3rem;
        text-transform: uppercase;
        padding: 5px 7px;
    }

        .tablas-estilos thead tr th .element__checkbox + span {
            color: #525252;
            font-size: 1.35rem;
            font-weight: 900;
            margin-top: -4px;
            display: inline-block;
            padding-left: 10px;
        }


    .tablas-estilos thead tr:nth-child(odd) {
    }

    .tablas-estilos thead tr:nth-child(even) {
        border-top: 1px solid rgba(198, 198, 198, 0.56);
        background: #dfdfdf;
    }



.textoPuntoSuspen {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*bordes de tablas para pruebas*/
/*
.tablas-estilos thead  tr th, .tablas-estilos tbody  tr td{
    border: 1px solid;
}
*/




.tablas-estilos tbody tr td {
    font-size: 1.3rem;
    line-height: 1.4;
    padding: 7px;
    text-transform: uppercase;
}

.tablas-estilos tfoot tr {
    background: #eaeaea;
    text-transform: uppercase;
}

.tablas-estilos thead tr {
    background: #e8f9ff;
    text-transform: uppercase;
}

.tablas-estilos.impresa_directa thead th {
    position: relative;
    background: red !important;
}


.tablas-estilos tbody tr td .opciones-tabla-div {
    display: none;
}


.tablas-estilos tbody tr:hover td .opciones-tabla-div {
    position: absolute;
    right: 0px;
    top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #ffddb3;
    vertical-align: middle;
}

.tabla-limites {
    margin-top: 32px;
}


    .tabla-limites > thead {
        position: absolute;
        top: -34px;
        padding-right: 9px;
        overflow: hidden;
        width: 100%;
        /*  height: 34px;*/
    }


        .tabla-limites > thead th {
            padding: 7px;
        }



.btn-primary {
    background-color: var(--template-color-2) !important;
    border-color: #ffddb3 !important;
}

    .btn-primary:hover {
        background-color: #ff8c1a !important;
    }

.visible-conteRespont .tabla-limites tbody {
    overflow: visible;
}

.visible-conteRespont.cont-abla-respon {
    overflow-x: auto;
    /* min-height: 300px; */
}


.tabla-limites tbody {
    overflow: auto;
    max-height: 61vh;
    display: block;
}

.tabla-notificacion.tabla-limites tbody {
    max-height: none !important;
}

    .tabla-notificacion.tabla-limites tbody .td-conTabla {
        max-height: none !important;
    }

    .tabla-notificacion.tabla-limites tbody table {
        margin: 5px auto 20px auto;
    }


        .tabla-notificacion.tabla-limites tbody table tbody {
            overflow: inherit;
        }


    .tabla-notificacion.tabla-limites tbody .grid__container__head {
    }


    .tabla-notificacion.tabla-limites tbody td {
        word-break: break-all;
    }


.pag-tabla-notificacion {
    margin: 0px 0px !important;
    padding-bottom: 35px;
}


.tabla-limites tbody tr, .tabla-limites thead tr {
    width: 100%;
    display: block;
}

.ColumT-3 {
    max-width: 30px;
    width: 30px;
    min-width: 30px;
}

.ColumT-5 {
    max-width: 50px;
    width: 50px;
    min-width: 50px;
}

.ColumT-5 {
    max-width: 50px;
    width: 50px;
    min-width: 50px;
}

.ColumT-10 {
    max-width: 100px;
    width: 100px;
    min-width: 100px;
}

.ColumT-15 {
    max-width: 150px;
    width: 150px;
    min-width: 150px;
}

.ColumT-20 {
    max-width: 200px;
    width: 200px;
    min-width: 200px;
}

.ColumT-25 {
    max-width: 250px;
    width: 250px;
    min-width: 250px;
}

.ColumT-30 {
    max-width: 300px;
    width: 300px;
    min-width: 300px;
}

.ColumT-35 {
    max-width: 350px;
    width: 350px;
    min-width: 350px;
}



.ColumW-5 {
    max-width: 5%;
    width: 5%;
    min-width: 5%;
}

.ColumW-10 {
    max-width: 10%;
    width: 10%;
    min-width: 10%;
}

.ColumW-15 {
    max-width: 15%;
    width: 15%;
    min-width: 15%;
}

.ColumW-20 {
    max-width: 20%;
    width: 20%;
    min-width: 20%;
}

.ColumW-25 {
    max-width: 25%;
    width: 25%;
    min-width: 25%;
}

.ColumTW-30 {
    max-width: 30%;
    width: 30%;
    min-width: 30%;
}

.ColumW-35 {
    max-width: 35%;
    width: 35%;
    min-width: 35%;
}







.tablas-estilos th, .tablas-estilos td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.tablas-estilos tfoot tr td {
    padding: 0 14px;
    font-size: 1.27rem;
    font-weight: 100;
    /*text-align: right;*/
    font-weight: 600;
    color: #2a4147;
    line-height: 2;
}


    .tablas-estilos tfoot tr td.texto-verde {
        color: #077683;
    }

    .tablas-estilos tfoot tr td.alineado-izquierda {
        text-align: left;
    }


    .tablas-estilos tfoot tr td.alineado-derecha {
        text-align: right;
    }



.tablas-estilos thead tr th.alineado-izquierda {
    text-align: left;
}


.tablas-estilos thead tr th.alineado-derecha {
    text-align: right;
}


.tablas-estilos thead .cabecera-bandeja {
    background: #fff !important;
}

.cont-abla-respon .tablas-estilos {
    margin-bottom: 0;
}


.cont-abla-respon {
    overflow: auto;
    margin-bottom: 10px;
    /* width: 100%; */
}

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

.ober-visible {
    overflow: visible !important;
}

.icono-opcion-Active1 {
    right: 2px;
    top: 2px;
}

.icono-opcion-Active2 {
    right: 2px;
    bottom: 0px;
}

.icono-opcion-Active1,
.icono-opcion-Active2 {
    position: absolute;
    z-index: 10;
    width: 28px !important;
    height: 28px;
    border: 0 !important;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

    .icono-opcion-Active1:hover,
    .icono-opcion-Active2:hover {
        border: 0 !important;
        background: transparent !important;
    }


    .icono-opcion-Active1 img, .icono-opcion-Active2 img {
        width: 12px;
        opacity: 0.4;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .icono-opcion-Active1:hover img,
    .icono-opcion-Active2:hover img {
        opacity: 1;
    }

.icono-opcion-tabla {
    position: absolute;
    width: 12px;
    opacity: 0.3;
    width: 28px !important;
    height: 28px;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 10;
    right: 4px;
    top: 10px;
    border: 0 !important;
}

.opcion-edicion-icono {
    opacity: 0.7;
    width: auto !important;
    height: auto;
    border-radius: 0;
    display: inline-block !important;
    justify-content: center;
    align-items: center;
    padding: 7px !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 10;
    border: 0 !important;
    /* padding: 10px; */
    color: #fff !important;
    font-size: 1.2rem !important;
    margin: 0px 0 -1px 0;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #aa0000;
}



#NVE svg, #RS svg {
    width: 100%;
}




.max-heing-limit {
    max-height: 0;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
}

.max-heing-ilimite {
    max-height: 10000px;
    opacity: 1;
    transition: opacity 0.3s;
    overflow: hidden;
}


.opcion-edicion-icono:hover {
    background: #ff6a30 !important;
}

.content-opcion-edicion-icono {
    display: block;
    background: var(--template-color-2);
    text-align: right;
}


.icono-opcion-tabla img {
    width: 15px;
}

.icono-opcion-tabla:hover {
    background: transparent !important;
    border: 0 !important;
    opacity: 0.8;
}

.Error-tabla-devuelta td {
    color: #FF4343;
}

.Error-tabla-devuelta:hover td {
}

.cont-section-primari {
    width: 80%;
    display: inline-block;
    margin: 0 -0.1%;
    padding: 20px 10px;
    vertical-align: top;
    /*height: 78vh;*/
    overflow: auto;
    -webkit-transition: 0.4s; /* Safari */
    transition: 0.4s;
}

.cont-section-second {
    width: 20%;
    display: inline-block;
    margin: 0 -0.1%;
    padding: 20px 10px;
    vertical-align: top;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}


/* ================================================
 * BANDEJA
 * @autor EDG eparedes
 * ================================================ */
.contenedor-bandeja-Carpeta, .cont-section {
}

.carpetas-bandeja-Cont {
    width: 15%;
    display: inline-block;
    margin: 0 -0.1%;
    padding: 20px 40px 20px 0px;
    vertical-align: top;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}



.bandeja-Cont .cont-abla-respon, .bandeja-Cont-full .cont-abla-respon {
    /*    max-height: 57.7vh;*/
}

.carpetas-bandeja {
    list-style: none;
    padding: 0;
}

    .carpetas-bandeja .divi {
        margin: 0;
    }

    .carpetas-bandeja li {
        width: 100%;
        position: relative;
    }

        .carpetas-bandeja li button {
            font-size: 1.6rem;
            display: inline-block;
            width: 100%;
            padding: 15px 24px 15px 15px;
            text-align: left;
            border-left: #ffffff solid 20px;
            color: #757575;
        }

            .carpetas-bandeja li button:hover {
                border-left: #ffddb3 solid 20px;
                background: #ffddb3;
                color: #525252;
            }

.carpetas-bandeja-active, .carpetas-bandeja-active:hover {
    border-left: var(--template-color-2) solid 15px !important;
    border-bottom: var(--template-color-2) solid 2px !important;
    border-top: var(--template-color-2) solid 2px !important;
    font-weight: 700;
    background: #fff !important;
}

    .carpetas-bandeja-active .element__input {
        margin: 10px;
        width: 90%;
    }

.bandeja-Cont {
    width: 85%;
    display: inline-block;
    margin: 0 -0.1%;
    padding: 0px;
    vertical-align: top;
    /*height: 78vh;*/
    overflow: auto;
    -webkit-transition: 0.4s; /* Safari */
    transition: 0.4s;
}


.bandeja-Con-full {
    width: 100%;
}

/* ================================================
 * Subir Archivo
 * @autor EDG eparedes
 * ================================================ */


.cont-btn-subir-archivo:before {
    content: "Subir Archio Aqui";
    color: #ffffff;
    display: block;
    padding: 9px 0 0px 0;
    text-align: center;
    font-size: 1.8rem;
    font-family: Arial-Extra-Bold;
}

.cont-btn-subir-archivo:after {
    content: "";
    color: #f2f2f2;
    height: 26px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 0.9rem;
}

.cont-btn-subir-archivo {
    box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.41);
    background: var(--template-color-2);
    overflow: hidden;
    margin: 15px 0;
    border: 3px solid #f88d44;
    position: relative;
    height: 70 px;
    -webkit-transition: 0.2s; /* Safari */
    transition: 0.2s;
    cursor: pointer;
    border: 0 !important;
}


    .cont-btn-subir-archivo:hover {
        background: #f88d44;
        box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.26);
    }


.eliminarDocumentoCargado {
    text-shadow: 0 0px 0 #b23e35 !important;
    cursor: pointer !important;
    margin: 0px !important;
    color: #7dbc8a !important;
    height: 28px !important;
    width: 28px !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
    box-shadow: 0 0 3px 1px #0000003d;
    background: #fff;
    font-family: Arial-Extra-Bold !important;
    font-size: 27px !important;
    position: absolute;
    right: -13px;
    top: -10px;
    line-height: 0;
    padding: 0 !important;
    padding-bottom: 3px !important;
}

.ajax-file-upload-statusbar .tipoFile {
    background: #7dbc8a00 !important;
    height: auto !important;
    font-size: 2rem !important;
    font-family: Arial-Extra-Bold;
    color: #fff !important;
}


.data-subir-archivo-formato, .tipoFile {
    width: 71px !important;
    background: #e02f2f !important;
    display: inline-flex;
    height: 66px !important;
    color: #fff3e7 !important;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    font-size: 1.1rem !important;
    font-family: Arial-Extra-Bold;
}

.data-subir-archivo-datos,
.ajax-file-upload-filename {
    max-width: 259px !important;
    width: 100% !important;
    height: auto;
    margin: 0 !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 1.4rem !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    float: none !important;
    display: inline-block !important;
    padding: 13px;
    font-weight: 700 !important;
    line-height: 1.4;
    text-align: left;
}

.ajax-file-upload-green {
    background-color: #e02f2f !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #e02f2f !important;
    vertical-align: top;
    margin: 5px 10px 5px 0px;
}





.data-subir-archivo-datos-nombre {
    width: 100%;
    display: inline-block;
    font-size: 0.9rem;
    margin: 6px 0px;
    color: #2a4147;
    font-weight: 700;
}

.data-subir-archivo-datos-peso {
    width: 100%;
    display: inline-block;
}

.data-subir-archivo-delete {
    width: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 53px;
    margin: 0;
    vertical-align: middle;
}

    .data-subir-archivo-delete .material-icons {
        color: #e02f2f;
    }

    .data-subir-archivo-delete .md-button.md-icon-button {
        -ms-transform: scale(2); /* IE 9 
        -webkit-transform: scale(2); /* Safari 
        transform: scale(2);*/
    }

/* ================================================
 * Tabs v.2
 * @autor EDG eparedes
 * ================================================ */
.tabs-estilos {
    list-style: none;
}

    .tabs-estilos li {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        margin: 0 -3px -1px 0;
    }


        .tabs-estilos li button i {
            margin: 0 5px;
        }


        .tabs-estilos li button {
            width: 100%;
            font-size: 1.5rem;
            height: 100%;
            padding: 11px 24px;
            color: #606060;
            -webkit-transition: 0.1s;
            transition: 0.1s;
            border-radius: 14px 14px 0px 0px;
            box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.37);
            background: #f7f6f6;
            margin-bottom: -1.8px;
            /* font-weight: 700; */
            font-family: "Swiss-Light";
            border-bottom: #65adc5 3px solid;
            letter-spacing: 0.07rem;
            transition: all 0.3s;
            overflow: hidden;
            border-bottom: var(--template-color-2) 3px solid
        }

            .tabs-estilos li button:hover {
                background: #f2f2f2;
            }

.contenedor-tab {
    border-top: var(--template-color2) 3px solid;
    padding: 20px;
    background: rgba(110, 186, 212, 0.09);
}

.contenedor-date-h {
    background: var(--template-color2);
}
/*content__tabla__nativa m-b-20 cleaner contenedor-tab*/

.contenedor-tab-full {
    padding: 0;
}

.tabs-estilos li .active, .tabs-estilos li .active:hover {
    border-bottom: var(--template-color-2) 3px solid;
    color: #ffffff;
    position: relative;
    background: var(--template-color-2);
}


.tabs-estilos li .error {
    color: #FF4343;
    position: relative;
    position: relative;
    font-weight: 700;
    border-bottom: #ff4343 3px solid;
    padding-right: 30px;
}

    .tabs-estilos li .error:after {
        content: "-";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 4px;
        margin-top: -10px;
        background: #FF4343;
        padding: 5px;
        color: #f3f3f3;
        border-radius: 50%;
        box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.45);
        height: 20px;
        width: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4rem;
        line-height: 0;
        padding-bottom: 1.3rem;
    }



.mouspinter {
    cursor: pointer;
}


.calificacion-titulo {
    max-height: 1000px;
    transition: 0.4s;
    font-size: 1.8rem;
    color: #6b6b6b;
    margin: 15px 0;
    font: 18px 'Arial-Extra-Bold';
    letter-spacing: 1px;
}



.separa_seccion .ElementeVisible {
    max-height: 0px;
    transition: 0.7s;
    overflow: hidden;
}

    .separa_seccion .ElementeVisible.mensajeError {
        padding: 0;
        border: 0;
        margin: 0;
    }

.separa_seccion.active .ElementeVisible.mensajeError {
    padding: 9px;
    margin: 6px 0 15px 0;
}


.separa_seccion.active .ElementeVisible {
    max-height: 1000px;
}


.tabs-estilos li .error:hover {
}


.tab__alerta {
    position: relative;
}

    .tab__alerta:before {
        border: 2px solid var(--color-primary);
        border-bottom: 0;
    }

    .tab__alerta.active:after {
        color: var(--color-primary);
        /* animation: none; */
    }

    .tab__alerta:after {
        content: "!";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: -2px;
        margin-top: 0;
        color: var(--color-primary);
        border-radius: 50%;
        font-size: 30px;
        line-height: 0;
        padding-bottom: 0;
        padding: 0 !important;
        font-family: "Arial-Extra-Bold";
        z-index: 2;

        /* Configuración del parpadeo */
        animation-name: flash;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

@keyframes flash {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.tabs-estilos li .alerta {
    color: var(--template-color-2) !important;
    position: relative;
    position: relative;
    font-weight: 700;
    padding-right: 30px;
}

    .tabs-estilos li .alerta:after {
        content: "!";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 4px;
        margin-top: 0;
        padding: 5px;
        color: var(--template-color-2);
        border-radius: 50%;
        height: 30px;
        width: 20px;
        font-size: 2.5rem;
        line-height: 0;
        padding-bottom: 0;
        padding: 0 !important;
        font-family: "Arial-Extra-Bold";
    }

    .tabs-estilos li .alerta.active {
        color: #fcffe4 !important;
    }

        .tabs-estilos li .alerta.active:after {
            color: #fcffe4 !important;
        }

    .tabs-estilos li .alerta:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        border: 1px solid #ffdbce;
        border-radius: 12px 12px 0px 0px;
        border-bottom: 0;
    }



    .tabs-estilos li .alerta.active:before {
        border: 2px solid #ffddb3;
        border-bottom: 0;
    }

/* ================================================
 * Carpeta Proyectos Abogados
 * @autor EDG eparedes
 * ================================================ */


.CarpetaActiva .titulo-Especial2 {
    background: var(--template-color-2)
}

.CarpetaActiva .titulo-Sistem-2 .estadoCarpeta {
    color: var(--template-color-2);
    text-transform: uppercase;
    letter-spacing: 6px;
    background: #ffe0bf;
    padding: 0px 15px;
    color: #a00;
    border-radius: 14px;
    border: 2px solid #aa0000;
    font: 16px 'Lucida-Italic';
    margin-left: 15px;
}

.titulo-Sistem-2 .estadoCarpeta {
    text-transform: uppercase;
    letter-spacing: 6px;
    background: #e7e7e7;
    padding: 0px 15px;
    color: #525252;
    border-radius: 14px;
    border: 2px solid #dbdbdb;
    font: 16px 'Lucida-Italic';
    margin-left: 15px;
}

.CarpetaActiva {
}

.VistaCarpeta .grid__container__head {
    margin-bottom: 0;
}


.seccionEspecial .titulo-Sistem-2 {
    margin-top: 0 !important;
}

.titulo-Especial2 {
    background: #b3b3b3;
}

.VistaCarpeta .titulo-Sistem-2 {
    font-size: 1.4rem;
    margin-top: 59px;
    position: relative;
    z-index: 5;
    text-shadow: 1px 1px 2px rgb(183, 156, 124);
    left: 0;
    margin-left: -28px;
    text-align: left;
    width: 167px;
}


.VistaCarpeta .titulo-Especial2, .VistaCarpeta .CarpetaActiva .titulo-Especial2 {
    background: transparent;
    box-shadow: none;
    z-index: 1;
    opacity: 1;
}




    .VistaCarpeta .titulo-Especial2 svg {
        fill: #b0b0b0;
    }

    .VistaCarpeta .CarpetaActiva .titulo-Especial2 svg {
        fill: #fff;
    }

.VistaCarpeta .CarpetaActiva .titulo-Especial2 {
    background: var(--template-color-2) !important;
}

.VistaCarpeta .seccionEspecial .contenedor-TablaProyec {
    display: none;
    height: 0%;
    padding: 0px;
    -webkit-transition: 0.2s;
    transition: 0.5s;
    opacity: 0;
    width: 0%;
}


.VistaCarpeta .seccionEspecial:hover .contenedor-TablaProyec {
    display: block;
    position: fixed;
    width: 100vw;
    height: 370px;
    background: #525252;
    padding: 15px;
    left: 0;
    top: 220px;
    opacity: 1;
    left: calc(0% - 4vh);
    max-width: 1623px;
}

.VistaCarpeta .seccionEspecial {
    margin-bottom: 15px;
}


.VistaCarpeta .res__secondary__persona {
    display: inline-block;
    width: 180px;
    background: url(../images/iconos/mesadepartes/carpeta.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 30px;
    background-position: 0 0;
    height: 225px;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.VistaCarpeta {
    text-align: center;
}

    .VistaCarpeta .res__secondary__persona .titulo-Sistem-2 .texto-narrativo {
        line-height: 1;
        display: none;
    }

    .VistaCarpeta .res__secondary__persona:hover {
        height: 600px;
        margin-bottom: 15px;
    }


.visible-conteRespont {
    overflow: visible;
}


.VistaCarpeta .titulo-Sistem-2 .estadoCarpeta {
    display: block;
}

.VistaCarpeta .res__secondary__persona:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1)
}


.VistaCarpeta .res__secondary__persona .seccionEspecial {
    box-shadow: none;
    background: transparent;
    overflow: visible;
    position: relative;
    vertical-align: top;
    height: 203px;
    width: 221px;
}


.carpeta-visitble-option.seccionEspecial, .carpeta-visitble-option .cont-abla-respon {
    overflow: visible;
}



.inputCostado {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #a8a8a8 !important;
    font-size: 1.5rem;
    color: #4e4e4e;
}


.BTN-file {
    visibility: hidden;
    width: 100%;
    position: relative;
    height: 36px;
}


    .BTN-file:before {
        content: 'Subir';
        display: inline-block;
        background: var(--template-color-2);
        padding: 10px 8px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        font-weight: 700;
        visibility: visible;
        position: absolute;
        width: 100%;
        text-align: center;
        color: white;
        font: 1.55rem "Lucida-Italic";
    }

    .BTN-file:hover::before {
        background: #dc8731;
    }

    .BTN-file:active::before {
        background: #aa0000;
    }
/*******************/


.barrasClas2#chart {
    height: 150px !important;
}


.caja__resumen .titulo__tipo {
    color: #535353;
}

.grid__item2 {
    flex: 0 1 23%;
    border: 2px dashed #d85a06;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}

.grid__title {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: var(--template-color-2);
    color: white;
    width: auto;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}

.grid__title2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: var(--template-color-2);
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}


.grid__item2-2 {
    flex: 0 1 23%;
    border: 2px dashed #077783;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}

.fadeInUp .buttons__content {
    margin: 0px 0px;
    border-top: 1px solid #fff;
    margin-top: 5px;
    padding-top: 5px;
}

    .fadeInUp .buttons__content .button--is-five {
        overflow: hidden;
        color: #6f6f6f;
        vertical-align: top;
        padding: 9px 12px;
        letter-spacing: 1px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin: 1px 3px;
        vertical-align: middle;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-family: "Swiss-Light";
        font-size: 1.1rem;
    }


.grid__title2-2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: #077783;
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}

.grid__title2-2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: #077783;
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}



.dx-export-menu-button {
    fill: red;
}

/***************** intrerior itemo 2 ***/
.grid__item2 .chart .percent {
    color: #d85a06;
}




.grid__item2 .detalle__resumen {
    margin-bottom: 0px;
}


.grid__item2 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #ffa54a;
    border-bottom: 1px solid #ffa54a;
    margin: -1px 0;
    display: block;
}

.grid__item2-2 .grid__title2-2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: #067683;
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #067683;
    border-radius: 5px;
    margin-bottom: 20px;
}

.grid__item2-2 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #067683 !important;
    border-bottom: 1px solid #067683 !important;
    margin: -1px 0;
    display: block;
}

.grid__item2 .detalle__table--is-td b {
    font-size: 2rem !important;
    display: inline-block;
    vertical-align: middle;
    color: #525252;
    /* margin: 0 1px; */
    font-family: 'Arial-Extra-Bold';
    display: inline-block;
    vertical-align: middle;
}

.grid__item2 .detalle__table--is-td i {
    font-size: 2rem !important;
    display: inline-block;
    vertical-align: middle;
    color: #9b9b9b;
    /* margin: 0 1px; */
    font-family: 'Arial-Extra-Bold';
    display: inline-block;
    vertical-align: middle;
}


.grid__item2-2 .chart .percent {
    color: #d85a06;
}

.grid__item2-2 {
    background: #f1f1f1;
    width: 25%;
    padding: 15px;
}

    .grid__item2-2 .detalle__table--is-td {
        width: 100% !important;
        padding: 10px;
        border-top: 1px solid #ffa54a;
        border-bottom: 1px solid #ffa54a;
        margin: -1px 0;
        display: block;
    }

    .grid__item2-2 .detalle__resumen {
        margin-bottom: 0px;
    }

    .grid__item2-2 .detallef__table--is-td b {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #525252;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }

    .grid__item2-2 .detalle__table--is-td i {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #9b9b9b;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }

/***************** intrerior itemo 4 ***/
.grid__item4 .chart .percent {
    color: #d85a06;
}




.grid__item4 .detalle__resumen {
    margin-bottom: 0px;
}


.grid__item4 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #b62a2a;
    border-bottom: 1px solid #b62a2a;
    margin: -1px 0;
    display: inline-block;
    text-align: center;
    margin: -0.5px 0;
}

.grid__item4-2 .grid__title2-2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: #067683;
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #067683;
    border-radius: 5px;
    margin-bottom: 20px;
}

.grid__item4-2 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #067683 !important;
    border-bottom: 1px solid #067683 !important;
    margin: -1px 0;
    display: block;
}

.grid__item4 .detalle__table--is-td b {
    font-size: 2rem !important;
    display: inline-block;
    vertical-align: middle;
    color: #525252;
    /* margin: 0 1px; */
    font-family: 'Arial-Extra-Bold';
    display: inline-block;
    vertical-align: middle;
}

.grid__item4 .detalle__table--is-td i {
    font-size: 2rem !important;
    display: inline-block;
    vertical-align: middle;
    color: #9b9b9b;
    /* margin: 0 1px; */
    font-family: 'Arial-Extra-Bold';
    display: inline-block;
    vertical-align: middle;
}


.grid__item4-2 .chart .percent {
    color: #d85a06;
}

.grid__item4-2 {
    background: #f1f1f1;
    width: 25%;
    padding: 15px;
}

    .grid__item4-2 .detalle__table--is-td {
        width: 100% !important;
        padding: 10px;
        border-top: 1px solid #ffa54a;
        border-bottom: 1px solid #ffa54a;
        margin: -1px 0;
        display: block;
    }

    .grid__item4-2 .detalle__resumen {
        margin-bottom: 0px;
    }

    .grid__item4-2 .detallef__table--is-td b {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #525252;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }

    .grid__item4-2 .detalle__table--is-td i {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #9b9b9b;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }



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


.grid__item3 {
    flex: 1 1 23%;
    border: 2px dashed #b62929;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #b62929;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #b62929;
        border-radius: 5px;
        margin-bottom: 20px;
    }



.grid__item3-2 {
    flex: 1 1 23%;
    border: 2px dashed #1eb6ac;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-2 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #1fb6ac;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1eb6ac;
        border-radius: 5px;
        margin-bottom: 20px;
    }

.grid__item3-3 {
    flex: 1 1 23%;
    border: 2px dashed #4faccc;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-3 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #4faccc;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4faccc;
        border-radius: 5px;
        margin-bottom: 20px;
    }


.grid__item3-4 {
    flex: 1 1 23%;
    border: 2px dashed #d95252;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-4 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #d95252;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d95252;
        border-radius: 5px;
        margin-bottom: 20px;
    }


#ExpedientesxJEE {
    height: 850px;
}



.grid__item3-5 {
    flex: 1 1 23%;
    border: 2px dashed #9893df;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-5 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #9893df;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #9893df;
        border-radius: 5px;
        margin-bottom: 20px;
    }

.grid__item3-6 {
    flex: 1 1 23%;
    border: 2px dashed #dd6f01;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-6 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #dd6f01;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
        border-radius: 5px;
        margin-bottom: 20px;
    }


.grid__item3-7 {
    flex: 1 1 23%;
    border: 2px dashed #1e81a2;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-7 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #17b1e4;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #17b1e4;
        border-radius: 5px;
        margin-bottom: 20px;
    }



.grid__title3 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: var(--template-color-2);
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #b62929;
    border-radius: 5px;
    margin-bottom: 20px;
}



.grid__item4 {
    flex: 1 1 45%;
    border: 2px dashed #607d8b;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}


    .grid__item4 .grid__title2 {
        flex: 1 1 45%;
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #607d8b;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #607d8b;
        border-radius: 5px;
        margin-bottom: 20px;
    }




.grid__item4-2 {
    flex: 1 1 45%;
    border: 2px dashed #d95353;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}


    .grid__item4-2 .grid__title2 {
        flex: 1 1 45%;
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #d95353;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d95353;
        border-radius: 5px;
        margin-bottom: 20px;
    }

.grid__item4 .detalle__resumen {
    display: inline-block;
    width: 50%;
    margin-bottom: 0px;
    vertical-align: top;
}


.grid__item4-2 {
    flex: 1 1 45%;
    border: 2px dashed var(--template-color-2);
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}

    .grid__item4-2 .detalle__resumen {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }



.grid__item4-3 {
    flex: 1 1 45%;
    border: 2px dashed #4faccc;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}


    .grid__item4-3 .grid__title2 {
        flex: 1 1 45%;
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #4faccc;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4faccc;
        border-radius: 5px;
        margin-bottom: 20px;
    }




.grid__item4-4 {
    flex: 1 1 45%;
    border: 2px dashed #7fa056;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}


    .grid__item4-4 .grid__title2 {
        flex: 1 1 45%;
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #7fa056;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #7fa056;
        border-radius: 5px;
        margin-bottom: 20px;
    }



.grid__title4 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: var(--template-color-2);
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}


.grid__item2 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #ffa54a;
    border-bottom: 1px solid #ffa54a;
    margin: -1px 0;
    display: block;
}

.grid__item4 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #ffa54a;
    border-bottom: 1px solid #ffa54a;
    margin: -1px 0;
    display: block;
}

    .grid__item4 .detalle__table--is-td b {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #525252;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }

    .grid__item4 .detalle__table--is-td i {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #9b9b9b;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }


.button--is-four, .button--is-third {
    padding: 10px 50px; /*ddd*/
}


.graficaDonus {
    display: inline-flex !important;
    width: 49% !important;
    vertical-align: top;
}

    .graficaDonus canvas {
        left: calc(50% - 100px) !important;
    }

.fadeInUp .reporte__grafica {
    width: 100%;
}

.datoInfoEnNume .detalle__table--is-td {
    min-width: 100% !important;
    font-size: 1.4rem;
    display: block;
    text-align: left;
}

.grid__item3 .dx-theme-generic-typography {
    background: transparent !important;
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
}

.dx-theme-generic-typography {
    background: transparent !important;
}

.grid__item2.cr5 {
    text-align: center !important;
    max-width: 18% !important;
}

.tablas-estilos .tr-error,
.tablas-estilos .tr-error:hover {
    background: #c74b4b !important;
    color: #fff;
}



    .tablas-estilos .tr-error .element__input,
    .tablas-estilos .tr-error:hover .element__input {
        border-bottom: 1px solid #ffffff;
        color: #fff;
    }

/* ================================================
 * GRAFICAS
 * @autor EDG eparedes
 * ================================================ */

.Grafic-barra-Dos {
    height: 100px !important;
}

.Grafic-barra-Tres {
    height: 150px;
}

.Grafic-barra-Cuatro {
    height: 200px;
}



.PopUpPrint .lista__jee--is-row.white.SECCION.ESPECIAL.DE.PREDIOS.RURALES,
.PopUpPrint .lista__jee--is-row.white.BALNEARIOS.PROPIEDADES,
.PopUpPrint .REGISTRO.DE.PROPIEDAD.VEHICULAR,
.PopUpPrint .DERECHOS.MINEROS,
.PopUpPrint .REGISTRO.DE.PREDIOS,
.PopUpPrint .LIBRO.DE.ASENTAMIENTOS.HUMANOS {
    border-color: #000 !important;
    /*almendra deza*/
}

.SeccionFirma p {
    font-size: 10px;
}

.SeccionFirma {
    width: 39%;
    display: inline-block;
    text-align: center;
    margin: 5mm;
    height: 35mm;
    padding-top: 15mm;
    /* border:2px solid green;*/
    vertical-align: top;
    page-break-inside: avoid;
    page-break-after: auto;
}

    .SeccionFirma .divi {
        opacity: 1;
    }

    .SeccionFirma.TipoDos {
        width: 45%;
        margin: 1mm 3mm 1mm 3mm;
        height: 29mm;
        padding: 12mm 10mm 8mm 10mm;
    }


.tablas-estilos .tr-error .td-Especia,
.tablas-estilos .tr-error .td-Especia:hover,
.tablas-estilos .tr-error .td-Especia,
.tablas-estilos .tr-error .td-Especia:hover {
    background: transparent !important;
}
/* ================================================
 * Explorador SIJE
 * @autor EDG eparedes
 * ================================================ */

.ExploradorSije {
    height: calc( 100% - 65px);
    overflow: auto;
}


    .ExploradorSije li {
        display: inline-block;
        width: 100%;
        padding: 10px 0px 10px 10px;
        font: 1.4rem "Swiss-Light";
        transition: 0.2s;
        cursor: pointer;
    }

        .ExploradorSije li a {
            color: #525252;
        }

.tipo-exp, .tipo-img {
    text-align: left !important;
}

    .ExploradorSije li:before, .tipo-exp:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/Content/images/iconos/inicio/Maestros/Menu.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin: -2px 5px 2px 0px;
        opacity: 0.5;
    }


    .ExploradorSije .img:before, .tipo-img:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/Content/images/iconos/inicio/Sorteo/GestionDocumentos.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin: -2px 5px 2px 0px;
        opacity: 0.5;
    }


.ExploradorSije li:hover {
    background: rgba(197, 197, 197, 0.42);
    border-left: 4px solid #aa0000;
}



.ExploradorSije li ul:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 1px;
    border: dotted #545454 1px;
    position: absolute;
    height: calc(100% - 15px);
    margin-top: 10px;
    opacity: 0.4;
}

.ExploradorSije li > ul {
    padding-left: 10px;
    position: relative;
    transition: 0.6s;
    max-height: 0;
    overflow: hidden;
}


.ExploradorSije li:hover > ul {
    max-height: 1000px;
}

.menos12px.button--is-search {
    margin-top: -8px !important;
}


/********************** cabecera flotante ************************/

.positioFixed {
    position: fixed !important;
    z-index: 5000;
    width: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
    bottom: auto;
}
    /*
.ContraCabecera:before{
       content: "";
    width: 100%;
     display: inline-block;
    height: 100px;
    position: relative;
    z-index: 890;
}
 */

    .positioFixed > .sije__container {
        display: none;
    }


.ContraCabecera:before {
    content: "";
    width: 100%;
    display: contents;
    height: 145px;
    position: relative;
    z-index: 890;
    background: transparent;
    z-index: 0;
    /*background: #ff00004d;
    z-index: 512;*/
}

.cedulaRefe {
}

.cont-cedulaRefe .titulo-Sistem-2 {
    padding: 0px 15px;
}


.cont-cedulaRefe {
    width: 100%;
    margin: 0 auto;
    background: #fff4e7;
    border: 1px dashed var(--template-color-2);
    padding-bottom: 10px;
}


.cedulaRefe {
    counter-reset: item;
    padding-left: 15px;
}

    .cedulaRefe li {
        list-style: none;
        /*list-style: decimal; /* IE7 e IE6*/
        padding: 4px 8px;
        position: relative;
    }

        .cedulaRefe li:before {
            display: inline-flex;
            content: counter(item) "";
            counter-increment: item;
            background-color: #ffffff;
            color: #777777;
            font-size: 24px;
            padding: 0 4px;
            margin: 0 4px;
            height: 40px;
            width: 40px;
            position: absolute;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            box-shadow: -1px 2px 3px #cacaca;
            left: -22px;
            top: 50%;
            margin-top: -20px;
            font-family: 'Swiss-Bold';
            border: 3px solid #777777;
        }




    .cedulaRefe li {
        border-radius: 15px;
        margin: 15px;
        border: 3px solid #777;
        display: inline-block;
        padding: 5px 15px 5px 35px;
        box-shadow: -1px 2px 3px #cacaca;
        position: relative;
        width: calc(100% - 30px);
        background: #fff;
    }

    .cedulaRefe span {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 130px);
        font-size: 16px;
    }

    .cedulaRefe li .opcion {
        display: inline-flex;
        vertical-align: middle;
        width: 50px;
        height: 50px;
        border: 2px solid #909090;
        align-items: center;
        justify-content: center;
        background: #e0e0e0;
        color: #4a4a4a;
        margin: 5px;
        font-family: 'Swiss-Bold';
        font-size: 27px;
        box-shadow: -1px 2px 3px #cacaca
    }


        .cedulaRefe li .opcion.Gana {
            animation-duration: 1s;
            animation-name: ganador;
            animation-iteration-count: infinite;
            animation-direction: alternate;
        }

/* ===============================================
 * Rediseño propuesta Tania Maza
 * @autor JVS javillars
 * ================================================ */
.box_statistics--add{
  width: 99% !important;  
}
 
 .box_statistics--detalle a{
    color: #0156AC;
}

.element__label_rd{
    font-size: 1.3rem;
    color: #353535;
    font-family: 'Swiss-Light';
    font-weight: 700;
}

.element__select_rd {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    width: 100%;
    display: block;
    color: #353535;
    border: 1px solid #ccc;   
    font-family: 'Swiss-Light';
    font-size: 1.4rem;
    border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;    
    margin-top: 5px;
}

.element__datepicker_rd {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    border: 1px solid #c4c4c4;
    border-radius: 5px;    
    display: block;
    color: #525252;    
    font: 1.4rem "Swiss-Light";
    margin-top: 5px;
    padding: 5px 10px;
    width: 100%;    
}

.button--is-primary-rd {   
    background-color: #FD9A45; 
    border-radius: 5px;
    color: #FFF;
    display: block;
    font: 1.4rem "Swiss-Light";
    height: 27px;
    padding: 5px 10px;
    position: relative;
    margin-top: 5px;
    width: 100%;
    z-index: 1;
}

.element__input_rd {
    border: 1px solid #c4c4c4;    
    border-radius: 5px;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    text-transform: uppercase;
    padding: 5px 10px;
    margin-top: 5px;
    width: 100%
}

.element_div_rd{
    align-items: center;
    background:#FFFAF9;
    border:2px solid #BBB894;
    border-radius: 5px;
    display: flex;
    height: 70vh;
    flex-direction: column;
    justify-content: center;
    max-width: 1700px;
    margin: 0 auto;
    margin-top:15px;
    width:100%;        
}

.element_div_rd span{
    color:#262626;
    font:1.6rem 'Swiss-Light';
    margin-top:20px
}

.element_div_text{
    max-width: 1700px;
    margin: 0 auto;
    margin-top:5px;
    width:100%; 
}

.element_div_text span{
    color : #262626;
    font : 1.8rem 'Swiss-Light';   
    font-weight: bold; 
}

.box_statistics {
    display: flex;    
    gap: 15px; 
    flex-direction: row; 
    justify-content: center;
    padding-bottom: 20px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1700px;
    margin-top: 15px;    
    flex-wrap: wrap;
}

.box_statistics > .col-lg-8 {
    display: flex;
    gap: 25px; 
    flex-wrap: wrap; 
    width: calc(100% * 8 / 12 - 7.5px);
    flex-shrink: 0;
    padding-right: 0;
}

.box_statistics > .col-lg-4 {
     width: calc(100% * 4 / 12 - 7.5px);
     flex-shrink: 0; 
}


/* Style for all box elements */
.box_statistics--caja {
    position: relative;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);
    box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);    
    border-radius: 5px;
    height: 260px;    
    padding: 25px 25px;    
    box-sizing: border-box;
}
 
.box_statistics--content {
    display: flex; 
    height: 100%;
    gap: 20px; 
}

.box_statistics > .col-lg-8 > .col-lg-4.box_statistics--caja { 
    flex-basis: 0;
    flex-grow: 1;
}

.box_statistics--caja p:nth-of-type(1) {
    color: #262626;
    font: 1.8rem "Swiss-Light";    
    font-weight: bold;
    margin-top: 13px;
    padding: 0;    
}

.box_statistics--caja p:nth-of-type(2) {
    color: #555555;
    font: 4.0rem "Swiss-Light";    
    font-weight: bold;
    margin-top: 12px;
    padding: 0;    
}

.box_statistics--detalle{
    bottom: 25px;
    color: #0156AC;
    cursor: pointer;
    font: 1.6rem "Swiss-Light";    
    position: absolute;    
    right: 20px;
}

.box_statistics--caja span img {
    vertical-align: middle;
    margin-left: 1px;
    margin-bottom: 2px;
}
.box_separator{
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font: 1.6rem "Swiss-Light";
}

.box_label {
    display: flex;
    align-items: center;
}
.label_sobre{
    font-size:20px !important;
    margin-top: 18px !important;
    margin-bottom: 10px;
}
.label_esperadas{
    color: #262626;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    flex-shrink: 0;
}

/*REDISEÑO TABLA HTML*/
.tabla-estilo {
    width: 100%;
    border-collapse: collapse;
    position: relative;
    border: 1px solid #DDE1E6;
    margin-bottom: 15px;
}

.tabla-estilo thead tr th {
    background: #F2F4F8;
    color: #121619;
    font: 1.3rem "Swiss-Light";
    font-weight: bold;
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #DDE1E6;
}

.tabla-estilo thead tr th span{    
    color: #121619;    
    font-weight: bold;    
}

.tabla-estilo thead tr th:nth-of-type(1){
    width: 15px;
}
.tabla-estilo thead tr th:nth-of-type(2){
    width: 20px;
}

.tabla-estilo thead tr th.col-estadistica {
    text-align: left;
    background-color: #C0CBE1;
    width: 10%;
    border-left: 1px solid #C1C8CF;
    border-right: 1px solid #C1C8CF;
}

.tabla-estilo thead tr th.col-estadistica img{
    margin-left: 5px;        
}

.tabla-estilo thead tr th.col-estadistica img:hover{    
    cursor: pointer;
}

.tabla-estilo thead tr th.col-adicional {
    text-align: left;
    width: 10%;
}

.tabla-estilo tbody tr td {
    background: #FFF;
    color: #121619;
    font: 1.4rem "Swiss-Light";    
    padding: 15px 10px;
    text-align: center;
    border-bottom: 1px solid #DDE1E6;
}

.tabla-estilo tbody tr:hover td {
    background-color: #F2F5FA !important;
}
  
.tabla-estilo tbody tr td.col-value {
    text-align: left;  
}

.tabla_into--box {    
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);
    box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);    
    border-radius: 5px;   
    padding: 25px 25px;    
    box-sizing: border-box;
}

/*tooltip*/
.tooltip-wrapper {
    position: relative;
    display: inline-block;   
  }
  
  .info-icon {
    margin-left: 5px;
    cursor: pointer;
  }
  
  .custom-tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 160%;
    left: 70%;
    transform: translateX(-50%);
    width: 140px;
    background-color: white;
    color: #262626;
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
    font-size: 14px;
    z-index: 100;
    transition: opacity 0.3s;
    text-align: left;
    line-height: 1.4;
  }

  .custom-tooltip::after {
    content: "";
      position: absolute;
      top: -10px; /* coloca la punta encima */
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid white; /* la punta ahora apunta hacia ARRIBA */
  }
  
  .custom-tooltip::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 30px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent white transparent;
  }
  
  .tooltip-wrapper:hover .custom-tooltip,
  .custom-tooltip.visible {
    visibility: visible;
    opacity: 1;
  }

/*Búsqueda mesa*/
.card-container {
    width: 100%;
    padding: 15px 0;
    font: 1.5rem "Swiss-Light";
    font-weight: bold;
    color: #121619
  }
  
  .mesa-card {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden;
    font-family: "Swiss-Light";
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.05);
  }
  
  .barra-lateral {
    width: 6px;    
  }
  
  .mesa-content {
    flex: 1;
  }
  
  .mesa-header {    
    padding: 10px 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 20px; 
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
  }

  .mesa-header span{  
    font-weight: bold;     
   }

  
  .estado-label {    
    color: white;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 1.5rem;
    white-space: nowrap;
    font-weight: normal !important;
  }
  
  .mesa-body {
    padding: 15px;
    font-size: 1.5rem;
  }
  
  .fila {
    display: grid;
    grid-template-columns: 12% 22% 24% 19% 23%;
    column-gap: 10px;
    row-gap: 8px;
    margin-bottom: 20px;
  }
  
  .fila > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .fila strong {
    margin-right: 15px;    
  }

  .filad {
    display: grid;
    grid-template-columns: 13% 27% 30% 15% 15%;
    column-gap: 10px;
    row-gap: 8px;
    margin-bottom: 20px;
  }
  
  .filad > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .filad strong {
    margin-right: 15px;    
  }

  .filad div a{
    color: #21272A;
    text-decoration: none; 
  }

  .filad div a img{
    margin-right: 5px;
  }

  .flexible {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    white-space: normal; /* Muy importante para permitir el salto de línea */
  }

  .custom-modal {
    position: fixed;
    z-index: 9999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex; justify-content: center; align-items: center;
  }
  
  .custom-modal-content {
    background: white;
    padding: 20px;
    border-radius: 6px;
    max-width: 1200px;
  }
  
  /*CSS MODAL*/
  .modal-reporte {
    background: white;
    border-radius: 8px;
    display: flex;
    flex-direction: column;    
    font-family: "Swiss-Light";    
    max-height: 920px;
    width: 90%;
    max-width: 1200px;
    margin: auto;
    padding: 20px;
    overflow: hidden;
  }
  
  .modal-titulo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
  }
  
  .modal-titulo h2 {
    color: #001D6C;
    font: 1.8rem "Swiss-Light";
    font-weight: bold;
  }
  
  .close-btn {
    border:1px solid #CCC;
    border-radius: 20%;
    color: #CCC;
    cursor: pointer;
    font-size: 22px;
    padding: 0px 4px;
  }
  
  .modal-subtitle {
    color: #000000;
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #B7C0DA;
  }

  .modal-cuerpo-tabla {
    flex: 1;
    overflow-y: auto; /* hace el contenido scrollable */
    padding: 2px 2px;
  }

  .modal-info {
    color:#262626;
    font-size: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 10px 40px; 
    margin-top:10px;
  }
  
  .modal-info .info-col {
    text-align: left; /* asegura alineación a la izquierda */
  }
  
  .modal-info .info-col p {
    margin: 12px 0; /* más separación entre cada fila */
  }

  .modal-buttons {
    margin: 15px 0;
  }
  
  .modal-buttons .btn {
    padding: 10px 15px;
    margin-right: 10px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
  }
  
  .btn-excel {
    background-color: #45B058;
    color: white;
  }

  .btn-excel:hover {
    background-color: #127924;
  }
  
  .btn-pdf {
    background-color: #C80A0A;
    color: white;
  }  

  .btn-pdf:hover {
    background-color: #8F0C0C;
  }

  .btn-excel:hover,
  .btn-pdf:hover,
  .btn-back:hover,
  .btn-excel:active,
  .btn-pdf:active,
  .btn-back:active{
    color: #FFF !important;
  }
  
  .modal-table {
    margin-top: 2px;
  }

  .modal-buscador{
    border:1px solid #DDE1E6;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .modal-buscador h3 {
    color:#21272A;
    font-size: 16px;    
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    margin:0;
  }  

  .modal-buscador input{
    border: 1px solid #DDE1E6;
    border-radius: 8px;
    font-size: 13px;
    padding: 5px;
    margin-right: 10px;
    height: 30px;
  }

  .modal-pie{
    padding: 19px 20px 0px 20px;    
    text-align: right;    
  }


  .modal__no-data {
    background: #F0FAEF;
    border-radius: 8px;
    border: 1px solid #408753;
    color: #000;
    font-family: "Swiss-Light";     
    text-align: center;    
    display: flex;
    padding: 50px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
  }
  
  .modal__no-data img {
    display: block;
    padding: 8px;
    margin: 0 auto 10px;
  }
  
  .modal__no-data p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    margin: 0.25em 0;
  }
  
  .modal__no-data .modal__title {
    font-size: 20px;
    font-weight: 600;
  }

  .modal-buscador input::placeholder {
    background-image: url('../images/reportes/lupa.svg'); /* Reemplaza con la ruta real de tu icono */
    background-repeat: no-repeat;
    background-position: right center; /* Alinea el icono a la derecha y verticalmente centrado */
    padding-right: 25px; /* Ajusta este valor para evitar que el texto se superponga al icono */
  }

  .tabla-rd {
    border-bottom: 1px solid #ccc;
    color:#121619;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;    
  }
  
  .tabla-rd thead {
    background-color: #C0CBE1;
  }
  
  .tabla-rd thead th {
    font-weight: bold;
    padding: 10px;
    border: 1px solid #ccc;
  }
  
  .tabla-rd tbody td {
    font-size: 13px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
  }

  .tabla-rd tbody td:nth-child(1) {
    border-left: 1px solid #ccc;
  }
  .tabla-rd tbody td:last-child {
    border-right: 1px solid #ccc;
  }
   
  .btn-back {
    background-color: #FA8A3E;
    color: white;
    padding: 8px 40px !important;
    border: none;
    border-radius: 20px;
    font-size: 15px !important;
    cursor: pointer;
  }
  .btn-back:hover {
    background-color: #CE5C0E;
  }
 /*paginador*/
 .paginador {    
    font-size: 12px; 
    margin: 20px;    
    align-items: center;
    text-align: right;
  }
  
  .paginador button, .paginador span {
    font-weight: bold;
    padding: 3px 7px;     
    cursor: pointer;    
  }
  
  .paginador button:disabled {
    border-radius: 5px;
    background-color: #FAFAFA;
    cursor: not-allowed;
  }
  
  .paginador .active-page {
    border-radius: 7px;
    font-weight: bold;
    background-color: #597393;
    color: white;
  }
  
  .paginador .ellipsis {
    pointer-events: none;
    background-color: transparent;
    cursor: default;
  }
  

  @media (min-width: 1200px) and (max-width: 1599px) {
    .fila {
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .fila > div {
      white-space: normal;
    }
    .filad {
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .filad > div {
      white-space: normal;
    }

    .box_statistics--add{
        width: 97% !important;  
    }
    .element_div_text{
        padding-left: 7px;
    }
  }

@media (max-width: 1200px) { 
    .box_statistics > .col-lg-4,
    .box_statistics > .col-lg-8 {
        width: 100%; 
        flex-shrink: 1;        
        margin: 0 10px;
        padding-left: 0;
        flex-wrap: nowrap;
    }

    .box_statistics > .col-lg-8 {         
        justify-content: center; 
    }
     .box_statistics > .col-lg-8 > .col-lg-4.box_statistics--caja {        
        flex-basis: calc(50% - 7.5px); 
        flex-shrink: 1;
    }
    .box_statistics--content{
        padding-left: 10px;
    }
    .element_div_text{
        padding-left: 10px;
    }
}



@keyframes ganador {
    from {
    }

    70% {
    }

    to {
        background: var(--template-color-2);
        border: 2px solid #fff4e7;
    }
}

.contenedor-tabla-popup1 tbody {
    /* border: 2px solid red;*/
    /* height: 44vh;*/
    overflow: auto;
    display: block;
    max-height: 289px;
}

    .contenedor-tabla-popup1 tbody tr td {
        display: flex;
        align-items: center;
    }

    .contenedor-tabla-popup1 tbody tr {
        min-width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 7px;
    }
/* ================================================
 * BreackPoints
 * @autor EDG eparedes
 * ================================================ */
@media only screen and (max-width: 1700px) {
    .sije__container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-height: 700px) {
    .tabla-limites tbody {
        overflow: auto;
        max-height: 51vh;
        display: block;
    }

    .BiemvenidaCasilla.absolute {
        position: relative;
        padding: 50px 0;
    }
}



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

    .logo__img {
        padding: 8px;
        min-width: 165px;
    }

    .profile__foto {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid #fff;
        background-color: #fff;
        margin-right: 20px;
        margin: 8px;
    }

    .Contenedor-vistapreviaDocument {
        background: #464646;
        padding: 15px;
        max-height: 67vh;
        overflow: auto;
        box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.34);
        margin: 0px 0 15px 0px;
        border: 10px solid #464646;
    }


    .nav__container {
        margin-right: 0px;
    }

    .profile__txt {
        font-size: 15px;
        font-size: 1.5rem;
    }

    #main__container:not(.main__container--is-layout):not(.main__container--is-bandeja) {
        padding: 0 14px;
    }

    .tablas-estilos tbody tr td {
        font-size: 1.32rem;
    }

    .menu--is-icon md-icon {
        height: 35px !important
    }

    .nav__action a {
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 10px;
        clear: both;
        white-space: normal;
        color: #525252;
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        max-width: 290px;
        height: auto;
    }

    .nav__container > ul > li {
        width: 90px;
    }

    .tablas-estilos thead tr th {
        font-size: 1.2rem;
    }



    .button--is-dx {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }


    html {
        font-size: 60%;
    }

    #main__container {
        min-height: calc(100vh - 165px);
    }

    .Contenedor-vistapreviaDocument {
        max-height: 60vh;
        margin: 0px 0 0 0px;
        padding: 0px;
        border-width: 5px !important;
    }

    .sije__container {
        width: 98%;
    }

    .tabs-estilos li button {
        font-size: 1.4rem;
        padding: 8px 20px;
    }


    .cont-section-primari {
        width: 75%;
    }

    .cont-section-second {
        width: 25%;
    }

    #footer__container .cleaner {
        display: inline-block;
    }


    .button--is-grid {
        padding: 5px 10px !important;
        font-size: 0.99rem !important;
        height: 33px;
        margin: 5px 2px;
    }

    h1 {
        font-size: 1.9rem;
        line-height: 1.2;
    }

    /*
    .tablas-estilos{
        min-width: 1200px;
    }
*/
    .tablas-PocasColm {
        min-width: 500px;
    }

    .opcion-de-Bamdeja {
        height: auto;
    }

    .carpetas-bandeja-Cont, .cont-section-second {
        width: 19%
    }


    .bandeja-Contm, .cont-section-primari {
        width: 81%
    }

    .datos-cards-titular-date-complet {
        width: 83%;
    }
}

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

    .Contenedor-vistapreviaDocument {
        max-height: 52vh;
        margin: 0px 0 0 0px;
        padding: 0px;
    }

    .contTabla2da {
    }

    .element__label {
        font: 1.4rem "Swiss-Light";
    }


    .button {
        font: 1.2rem "Lucida-Italic" !important;
    }
}

.button--is-four, .button--is-third {
    padding: 9px 40px; /*ddd*/
}


.Contenedor-vistapreviaDocument {
    max-height: 60vh;
    margin: 0px 0 0 0px;
    padding: 0px;
    border-width: 5px !important;
}



@media only screen and (max-width: 1366px) {
    .bandeja-Cont {
        width: 81%;
    }

    .iframe-doc {
        height: 42vh;
        width: 100%;
        min-height: 261px;
    }

    .franja__container--main {
        padding: 9px 10px;
    }

    .md-dialog--is-form md-dialog {
        min-width: 90% !important;
    }

    .tabla__nativa--is-td, .tabla__nativa--is-th {
        font-size: 1.3rem;
    }


    .lista__jee--is-row.white.cr5 {
        flex: 1 1 22% !important;
        max-width: none;
    }

    #main__container {
        min-height: calc(100vh - 165px);
    }


    h1 {
        font-size: 1.8rem;
        line-height: 1.2;
    }

    .nav__controller--is-link span {
        font: 1.1rem "Swiss-Light";
    }
}


@media only screen and (max-width: 1250px) {
    .franja__container {
        z-index: -2;
    }

    .nav__menu {
        display: block;
    }

    .tabla--is-responsive {
        overflow-x: scroll;
    }

    .franja__container--liston:before {
        bottom: 0
    }

    .franja__container--liston:after {
        bottom: 3px;
    }

    .caja__resumen {
        flex: 1 1 30% !important;
        max-width: 33% !important;
    }

    .contTabla2da {
    }

    #main__container {
        /*padding: 5px;*/
    }

    svg.img-cards-titular-date {
        display: block;
        margin: 10px auto;
    }


    .seccion-flex-complet {
        display: block;
    }

    .tabla-limites tbody {
        max-height: none;
    }

    .cotolador-Option-Tabla {
        max-width: 100%;
    }

    .carpetas-bandeja-Cont, .cont-section-second {
        width: 25%
    }

    .elemento2-2 {
        width: 100%;
    }

    .bandeja-Cont, .cont-section-primari {
        width: 75%
    }

    .nav__container > ul > li {
        width: 80px;
    }

    .divi-element-captian, .mitad-element {
        width: 49.5%;
        display: inline-block;
        vertical-align: top;
        margin: 0px -0.2%;
    }

    .contEspecial {
        display: flex !important;
    }


    .cards-titular-date.aparDerecha {
    }




    .vistapreviaDocument {
        width: 100%;
        height: 100;
        padding: 20px;
    }


    .Contenedor-vistapreviaDocument {
        max-height: none;
        border: 0;
        margin: 15px 0;
        transition: 0.2s;
    }


    .cont-Fimta-space {
        width: 100%;
        max-width: 320px;
        position: relative;
        margin: 50px auto;
        left: auto;
        right: auto;
    }



    .content-line-atime {
        height: 1500px;
    }


    .line-atime {
        display: flex;
        margin: 35vh auto 0vh auto;
        position: relative;
        width: 100%;
        justify-content: space-between;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 0;
        top: 650px;
        margin: 0;
    }


    .icono-linea-time img {
        width: 65%;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .line-atime li:nth-child(even) .datos {
        border-left: 7px solid #ffddb3;
        bottom: 150px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        border-bottom: 0;
    }


    .line-atime li:nth-child(odd) .datos {
        border-right: 7px solid #ffddb3;
        top: 150px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        border-top: 0;
    }



    .line-atime li:nth-child(even) .datos:before {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 12px solid transparent;
        border-right: 28px solid #ffddb3;
        border-left: 0px solid transparent;
        border-top: 12px solid transparent;
        top: 33%;
        position: absolute;
        left: -17%;
    }

    .line-atime li:nth-child(odd) .datos:before {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 12px solid transparent;
        border-left: 28px solid #ffddb3;
        border-right: 0px solid transparent;
        border-top: 12px solid transparent;
        top: 33%;
        position: absolute;
        left: 100%;
    }


    .grid__item3-3, .grid__item3-4 {
        flex: 1 1 45%;
    }
}

@media only screen and (max-width: 1290px) {
    .caja__resumen {
        flex: 1 1 23% !important;
        max-width: 23% !important;
    }

    .positioFixed > .sije__container {
        display: flex !important;
    }

    #header__container {
        position: relative !important;
        display: block !important;
    }

    .ContraCabecera:before {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .txt--is-title {
        margin-top: 25px;
    }

    .Disflex.row {
        display: block;
    }

    .fila {
        grid-template-columns: 1fr; /* Una sola columna */
    }

    .fila > div {
        white-space: normal; /* Permitimos que el texto haga wrap */
    }


    .sije__container {
        padding: 10px !important;
    }

    #header__container .sije__container {
        padding: 0 !important;
    }


        #header__container .sije__container.franja__container--main {
            padding: 9px 0 !important;
        }


    .header__container .sije__container {
        padding: 0;
    }
}

.md-dialog-content .dx-datagrid-table-fixed {
    min-width: 900px !important;
}

#gridContainerDetails tbody tr td div, #gridContainerDetails tbody tr td {
    font-size: 10px !important;
}

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


    .tabs__buttons .button:first-child {
        margin-left: 0;
        width: 100%;
    }


    .franja__container--main .element__select--normal {
        margin-left: auto;
    }


    .Contenedor-Acciones-General.open .opciones__content {
        padding-left: 0 !important;
    }



    .Contenedor-Acciones-General .menu__forever {
        height: 0;
    }

    .Contenedor-Acciones-General.open .menu__forever,
    .Contenedor-Acciones-General.open .nav__content {
        position: relative !important;
        width: 100%;
        height: auto !important;
    }

    .opcion__submenu {
        display: inline-flex !important;
        margin: 5px;
    }

    .opciones-menu > .cleaner {
        display: inline-flex;
        vertical-align: middle;
        margin: 25px 0;
    }


        .opciones-menu > .cleaner .txt__modulos {
            margin-bottom: 0px;
        }


    .opciones-menu > .opcion__submenu {
        display: inline-flex;
        vertical-align: middle;
    }


    .Contenedor-Acciones-General.open .menu__forever .opciones-menu,
    .Contenedor-Acciones-General.open .nav__content .opciones-menu {
        padding-top: 0px;
        width: 100%;
        display: block !important;
    }


        .Contenedor-Acciones-General.open .menu__forever .opciones-menu opciones-menu,
        .Contenedor-Acciones-General.open .nav__content .opciones-menu opciones-menu {
            display: block !important;
        }



    .positioFixed > .sije__container {
        display: block !important;
    }

    #header__container {
        position: relative !important;
        display: block !important;
    }

    .ContraCabecera:before {
        display: none;
    }

    .complete .profile__container {
        width: 100%;
        height: 65px;
    }



    .grid__item3-2 {
        flex: 1 1 47%;
        min-width: 47%;
    }


    .grid__content__details {
        display: none;
    }


    .profile__foto:hover {
        transform: scale(3);
        border-radius: 0%;
        margin-bottom: -60px;
        position: relative;
        z-index: 500;
    }

    .table__head--is-start .titulo-Sistem-2 {
        margin: 10px 0 10px 0;
    }


    .SaludoBienve h3:before {
        display: none;
    }

    .SaludoBienve .Dos:before {
        display: none;
    }




    .tablas-estilos caption .grid__container__head {
        background: transparent;
        border: 0;
        padding: 0;
        width: calc(100vw - 50px);
    }



        .tablas-estilos caption .grid__container__head .grid__button--is-start,
        .tablas-estilos caption .grid__container__head .grid__button--is-end {
            padding-right: 15px;
        }

    .html5gallery .contTabla2da {
        width: calc(100vw - 30px) !important;
    }




    .tabla-notificacion.tabla-limites tbody .td-conTabla .pag-tabla-notificacion {
        width: calc(100vw - 30px) !important;
    }


        .tabla-notificacion.tabla-limites tbody .td-conTabla .pag-tabla-notificacion .grid__container__footer {
            width: 100%;
        }

            .tabla-notificacion.tabla-limites tbody .td-conTabla .pag-tabla-notificacion .grid__container__footer .grid__button--is-start {
                width: 30%;
                text-align: center;
            }

            .tabla-notificacion.tabla-limites tbody .td-conTabla .pag-tabla-notificacion .grid__container__footer .grid__button--is-end {
                width: 70%;
                text-align: center;
            }

    .contenedor-tab-full .grid__container__footer .grid__button--is-start {
        width: 30%;
        text-align: center;
    }


    .contenedor-tab-full .grid__container__footer .grid__button--is-end {
        width: 70%;
        text-align: center;
    }

    .table__head--is-end .tabs__buttons {
        display: block;
    }



        .table__head--is-end .tabs__buttons .button {
            margin-left: 0;
            margin-bottom: 6px;
        }

    .table__head,
    .table__head--is-end,
    .table__head--is-start {
        display: block;
    }

    .bg__article5 {
        background: #fff;
    }



    .datos-cards-titular-date.Tecero, .datos-cards-titular-date.primero {
        width: 100%;
    }


    .datos-cards-titular-date {
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
    }

    .cards-titular-date {
        text-align: center;
    }

    .grid__button--is-end, .grid__button--is-start {
        display: block !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }


        .grid__button--is-end .button {
            margin-right: 0px !important;
            flex: 0 0 100% !important;
            width: 100% !important;
            margin: 14px 0 !important;
            display: block !important;
        }


    .ContenidoCentrado {
        box-shadow: none;
        max-width: none;
        border-radius: 0;
    }

    .lista__jee--is-row.white.cr5 {
        flex: 1 1 31% !important;
    }


    .content__input__search .element__input {
        max-width: 100%;
        margin-bottom: 10px;
    }


    .tabla-limites > thead {
        position: relative;
    }

    .tabla-limites {
        margin-top: 0px;
    }

    .ButonEspecialCont {
        display: block !important;
    }

    .SaludoBienve {
        flex-direction: column;
    }

    .sije__container {
        padding: 0 0px;
    }

    .profile__opciones {
        width: 90%;
    }

    .ButonEspecialCont .button {
        width: 100%;
    }

    .contenedorGenero {
        margin: 15px 0;
    }

        .contenedorGenero .lista__jee--is-row.white {
            flex: 0 1 90%
        }


    .grid__item4, .grid__item3, .grid__item3-3, .grid__item3-4, .grid__item3-5, .grid__item3-6, .grid__item3-7 {
        flex: 1 1 80%;
        margin: 0 2% !important;
    }

    .caja__resumen {
        flex: 1 1 48% !important;
        max-width: 48% !important;
    }



    page-title {
        min-height: 20px;
    }

    button-cancel,
    button-save,
    button-optional {
        width: 100%;
        display: block;
    }



    .p-l--40 {
        padding-left: 0px !important;
        width: 100%;
    }

    .grid__item2 {
        width: 50%;
    }

    .datos-cards-titular-date-complet {
        width: 100%;
        padding: 15px;
    }



    .grid__item2 {
        flex: 2 1 32%;
    }


    .VistaCarpeta .res__secondary__persona:hover {
        height: auto;
    }

    .VistaCarpeta .seccionEspecial:hover .contenedor-TablaProyec {
        position: relative;
        top: 35px;
        margin: 5px;
        height: auto;
    }

    .menu__container {
        /*background: #aa0000;*/
        max-width: 100%; /*edgWidth*/
        height: 65px;
    }

    .divi-element-captian, .mitad-element {
        width: 100%;
    }

    .menu__responsive__content {
        max-height: none;
    }

    .titulo-Sistem-3, .titulo-Sistem-2 {
        text-align: left;
    }


    .grid__button--is-start .button--is-third {
        margin: 0 !important;
        margin-bottom: 5px !important;
    }

    .menu__responsive {
        display: block;
    }

    .header__container--content {
        display: block;
        min-height: initial;
    }



    .button--is-exit {
        margin: 5px 0;
    }
    /*.button:after{display: none !important}   */
    .button:last-child {
        margin-bottom: 0;
    }

    .button {
        width: 100%;
        box-sizing: border-box !important;
        text-align: center;
        /*height: 38px;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .button--is-content {
        width: 100%;
    }

    .vistapreviaDocument .mitad-element {
        text-align: center;
    }



    .tabs nav ul {
        display: block;
    }

    .tabs nav svg {
        display: none !important
    }

    .tabs nav {
        border: none;
    }

    .tablas-estilos thead tr th, .tablas-estilos tbody tr td {
        min-width: 100px;
    }

    .tabs nav li {
        width: 100%;
        display: block;
        margin: 0 !important;
    }

        .tabs nav li:first-child a {
            box-shadow: none !important
        }

        .tabs nav li a {
            box-shadow: 0px -1px 0px #d0d0d0, 0px -2px 0px #f3f3f3;
        }

            .tabs nav li a span {
                border-radius: initial;
                padding: 7px !important;
            }

        .tabs nav li:first-child a span {
            border-radius: 15px 15px 0 0 !important;
        }

        .tabs nav li:last-child a span {
            border-radius: 0 0 15px 15px !important;
        }

    .lenyendaEstadoExpediente, .EmergenteInformativo {
        width: 100%;
        right: 0;
    }

    #msgUsuario {
        text-align: center;
    }




    .tabs-estilos {
        background: #e2e2e2;
        padding: 4px 0;
        text-align: center;
        position: relative;
    }

    .element__notify {
        width: 100%;
        top: auto;
        bottom: 0;
    }

    .notify--is-txt {
        border-radius: 0;
        left: auto;
        right: 9px;
        top: -17px;
    }

    .notify_close_btn {
        top: -18px;
        left: auto;
        right: 6px;
    }

    .tabs-estilos:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-top: 18px solid #e2e2e2;
        border-right: 15px solid transparent;
        position: absolute;
        bottom: -14px;
        right: 8px;
    }

    .contenedor-tab {
        border-top: 0px;
    }

    .logo__img {
        margin: 7px auto;
    }

    .buttons__content .button { /*960*/
        margin-right: auto;
        margin: 10px 0 !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .img-cards-titular-date-complet {
        width: 100%;
        max-width: 320px;
        display: block;
        margin: 10px auto;
    }


        .img-cards-titular-date-complet.imagen2 {
            width: 100%;
            max-width: 250px;
            border: 2px solid var(--template-color-2);
            box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
            border-radius: 3px;
            display: block;
            margin: 10px auto;
            float: none;
        }

    .datos-cards-titular-date-complet {
        display: inline-block;
        vertical-align: middle;
        padding: 15px;
        width: 100%;
    }



    .seccionEspecial {
        position: relative;
        width: 100%;
        height: auto;
        align-items: left;
        padding: 10px;
        background: transparent;
    }


    .titulo-Especial {
        width: 100%;
        position: relative;
        height: 37px;
        padding: 7px;
    }





    .seccionEspecial .titulo-Especial svg,
    .seccionEspecial:hover .titulo-Especial svg {
        width: 40px;
    }

    .seccionEspecial:hover .titulo-Especial svg {
    }


    .bandeja-Cont .cont-abla-respon, .bandeja-Cont-full .cont-abla-respon {
        max-height: none;
    }

    .tablas-estilos {
        width: 100%;
    }

    .carpetas-bandeja-Cont, .bandeja-Cont, .cont-section-second {
        width: 100%;
        padding: 20px 0;
    }

    .bandeja-Cont, .cont-section-primari {
        height: auto;
        width: 100%;
        padding: 0;
    }


    .txt--is-title {
        margin: 15px 0 !important;
        /* margin-bottom: 10px;  */
    }

    .tabs-estilos li button {
        background: #f5f4f4;
        border-radius: 10px;
        border: 0;
        margin: 3px 8px 10px 8px;
        padding: 13px;
    }

    .tabs-estilos li .active:after {
        display: none;
    }

    .logo__container {
        text-align: center;
        display: block;
    }

    .menu__container {
        z-index: 2;
        display: block;
        margin-left: auto;
        width: 100%;
    }

    .tabs-estilos li {
        width: 50%;
        border-radius: 0;
    }

    .profile__container {
        text-align: left;
        background-color: #aa0000
    }
    /*.franja__container{display: none;} oculta menu en home*/
    .arrow__back {
        display: flex;
        height: 44px;
        width: 47px;
        position: absolute;
        top: 7px;
        left: 10px;
    }

    .arrow__back--is-a {
        box-shadow: 0 0 11px -2px rgba(0, 0, 0, 0.33);
    }

    #main__container:not(.main__container--is-layout) {
        min-height: calc(100vh - 105px);
    }

    html {
        font-size: 50%
    }

    .sije__container {
        width: 100%;
    }

    .profile__container {
        padding: 5px 40px 5px 20px;
    }

    .nav__container {
        display: none;
    }

    .menu--is-burger {
        /* display: inline-block !important; */
    }


    .contenedor-tab {
        padding: 10px;
    }

    .wizard__step {
        margin-top: -3px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
        border-left: 3px solid #e4e0d4;
        border-top: 3px solid #e4e0d4;
        border-bottom: 3px solid #e4e0d4;
        width: 100% !important;
        display: inline-flex;
        align-items: center;
        float: none;
        align-items: center;
        position: relative;
        height: auto;
        left: 0 !important;
        border-radius: 133px !important;
        margin-bottom: 10px;
        border-right: 3px solid #e4e0d4;
    }

        .wizard__step .circle, .wizard__step .text {
            float: none;
        }

    .wizard__main__steps {
        height: auto;
    }

    .footer {
        text-align: center;
        height: auto;
    }

    .button--is-primary {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

@media only screen and (max-width: 850px) {
    .line-atime {
        width: auto;
        top: 450px;
    }

    .lista__jee--is-row.white.cr5 {
        flex: 1 1 100% !important;
    }

    .content-line-atime {
        height: 800px;
    }
}


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

    .caja__resumen {
        flex: 1 1 96% !important;
        margin: 2% 2% !important;
        max-width: 96% !important;
    }


    .visible-conteRespont {
        overflow: auto;
    }

    .button {
        box-sizing: border-box !important;
        text-align: center;
        /* margin: 10px 3% !important;*/
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .buttons__content {
        margin: 15px 0px;
        display: block;
        text-align: center;
    }

    .contEspecial {
        display: block !important;
    }

    .carpeta-visitble-option.seccionEspecial {
        overflow-x: auto;
        overflow-y: visible;
    }

    .carpeta-visitble-option .cont-abla-respon {
        overflow-x: auto;
        overflow-y: visible;
    }
}



@media only screen and (max-width: 650px) {
    .tabs-estilos li button {
        background: #f5f4f4;
        border-radius: 15px 15px 0 0;
        border: 0;
        margin: 1px 8px 0px 8px;
        padding: 13px;
        transition: all 0.3s;
    }

    .grid__item3-2 {
        flex: 1 1 98%;
        min-width: 98%;
    }


    .logo__img {
        padding: 16px;
    }

    .grid__item2 {
        flex: 2 1 68%;
    }


    .vistapreviaDocument .mitad-element .logo-document {
        width: 80%;
    }


    .tabs-estilos {
        background: transparent;
        padding: 4px 0;
        position: relative;
    }

        .tabs-estilos:after {
            display: none;
        }


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

    .element__input--is-home {
        height: 100%;
    }

    .franja__container--main {
        display: flex !important;
        justify-content: center;
    }

    .ico--is-filter {
        position: relative !important;
        left: inherit !important;
        top: inherit !important;
        transform: none !important;
        margin-right: 10px;
        background-color: var(--template-color-2);
    }

    .profile__container {
        width: 100%;
    }

    .data-subir-archivo, .ajax-file-upload-statusbar {
        width: 100% !important;
        margin: 10px 0;
    }

    .data-subir-archivo-datos, .ajax-file-upload-filename {
        width: 70%;
    }

    .tabs-estilos li {
        width: 100%;
        border-radius: 0;
    }



    .divi-element-captian, .mitad-element {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin: 0%;
    }
}

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


    .wizard__step .text {
        margin-left: 5px;
    }

    .buttons__content {
        display: block;
        justify-content: inherit;
    }

    .button--is-four {
        width: 100%;
        display: block;
        text-align: center;
    }

    .button--is-primary {
        width: 100%;
    }

    .lenyendaEstadoExpediente, .EmergenteInformativo {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    .tabs nav ul {
        display: block;
        padding-top: 1.5em;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

        .tabs nav ul li {
            display: block;
            margin: -1.25em 0 0;
            -webkit-flex: none;
            flex: none;
        }

            .tabs nav ul li a {
                margin: 0;
            }

            .tabs nav ul li svg {
                display: none;
            }

            .tabs nav ul li a span {
                padding: 1.25em 0 2em !important;
                border-radius: 0 !important;
                box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
                line-height: 1;
            }

            .tabs nav ul li:last-child a span {
                padding: 1.25em 0 !important;
            }

            .tabs nav ul li.active {
                z-index: 1;
            }
}


@media only screen and (max-width : 320px) {
    .container__blocks {
        padding: 10px
    }
}


/* ================================================
 * Animations
 * @autor EDG  eparedes
 * ================================================ */
.fadeIn {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeIn
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeInDown {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInDown
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}




.fadeInUp {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}



@media only screen and (max-height: 500px) {



    .md-dialog--is-form md-dialog {
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }
}


@page { /*EDGARDO PAREDES -  MEJORAS*/
    size: A4;
    margin: 7mm 7mm 9mm 7mm;
}


@media print {

    .vistapreviaDocument.TipoDos {
        box-shadow: none;
    }



    .bandeja__contenedor {
        height: auto !important;
        display: block !important;
    }

        .bandeja__contenedor .Contenedor-vistapreviaDocument {
            width: 100% !important;
            min-width: 100%;
            padding: 0 !important;
        }

    .bandeja__contenedor--is-folders {
        display: none;
    }

    .main__container--is-caratula .Contenedor-vistapreviaDocument.TipoDos {
        width: auto !important;
    }

    .main__container--is-caratula .Contenedor-vistapreviaDocument.TipoDos {
        width: auto !important;
    }


    .PopUpPrint .md-dialog-container md-toolbar {
        display: none !important;
    }


    .PopUpPrint md-dialog .md-dialog-content {
        padding: 0x !important;
    }

    .title--is-print h1 {
        font: 24px 'Arial-Extra-Bold' !important;
        text-transform: uppercase;
    }

    .resultadoTable.Total {
        background: #e6e6e6;
    }

    .resultadoTable {
        background: #f5f5f5;
        color: #525252;
        font-size: 1.5rem;
        font-weight: 900;
        line-height: 1.3rem;
        text-align: center;
        padding: 5px 15px;
        margin: 10px 0 15px 0;
        border-top: 2px solid #c7c7c7;
    }

    .titulo-Sistem-3, .titulo-Sistem-2 {
        display: none;
    }


    md-dialog md-dialog-content {
        overflow: hidden !important
    }

    /* estilos de tabla impreso*/
    .vistapreviaDocument .hojaA4Completo {
        height: 273mm !important;
        min-height: 273mm !important;
        position: relative;
        padding-top: 0;
        width: 100%;
        top: 0;
        page-break-inside: avoid;
        page-break-after: auto;
    }



    .heigtpopUp {
        height: 0 !important;
    }

    /*tabla para multihojas print */

    .TablaPrintEspecial { /*EDGARDO PAREDES -  MEJORAS*/
        page-break-after: auto;
        page-break-before: auto;
        width: 100%;
        height: 100%;
        border: 1px solid transparent;
    }

        .TablaPrintEspecial > tbody > tr {
            /*/page-break-inside: avoid;
    page-break-after: auto; */
            border: 1px solid #fff;
            display: block
        }

            .TablaPrintEspecial > tbody > tr > td { /*EDGARDO PAREDES -  MEJORAS*/
                display: block
            }

        .TablaPrintEspecial > thead { /*EDGARDO PAREDES -  MEJORAS*/
            display: table-header-group;
            page-break-inside: avoid;
        }

        .TablaPrintEspecial > tfoot { /*EDGARDO PAREDES -  MEJORAS*/
            page-break-inside: avoid;
            page-break-after: auto;
        }


    .container_bandeja_admin {
        display: none !important;
    }

    .container_bandeja_tranferencia {
        display: none !important;
    }

    #main__container {
        min-height: 0;
    }


    .lista__jee--is-row.white, .lista__jee--is-row.white.cr5 {
        border: 0;
        display: none;
    }

    .CabeceraPrint {
        page-break-before: always;
    }

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

    .bg__article2, .bg__article4, .bg__article, .bg__article3 {
        height: 0;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .SeccionOpcional {
        display: none !important
    }

    main .row h2 {
        display: none;
    }

    main br {
        display: none
    }

    .md-dialog-content .Contenedor-vistapreviaDocument {
        max-height: none;
        border: 0 !important
    }



    .dxOptions, .sije__container .element__label, #Cabecera p {
        page-break-inside: avoid; /*impresion elementos*/
        page-break-after: auto;
    }


    .PopUpPrint md-dialog md-dialog-content {
        height: auto;
        width: 100%;
    }

    .PopUpPrint.md-dialog-container {
        display: block;
        position: relative;
    }


    .lista__jee--is-row.white, .lista__jee--is-row.white.cr5 {
        text-align: left;
        width: 195mm;
        padding: 5px;
        display: block;
        align-items: baseline;
        text-align: left;
        max-width: 201mm;
        vertical-align: top;
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-size: 63% !important;
        background-position: 99% 100% !important;
        border-top: 7px solid;
        border-bottom: 4px solid;
        background: #fff;
        border-radius: 0;
        box-shadow: none;
        box-shadow: none !important;
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border: 3px solid #000 !important;
        border-color: #000 !important;
        flex: none !important;
        page-break-inside: avoid;
        page-break-after: auto;
    }

    .titulo-Sistem-3, .titulo-Sistem-2 {
        display: none;
    }



    .vistapreviaDocument .titulo-Sistem-3,
    .vistapreviaDocument .titulo-Sistem-2 {
        display: block;
    }

    .lista__jee--is-row.white.SECCION.ESPECIAL.DE.PREDIOS.RURALES, .lista__jee--is-row.white.BALNEARIOS.PROPIEDADES,
    .REGISTRO.DE.PROPIEDAD.VEHICULAR, .DERECHOS.MINEROS, .REGISTRO.DE.PREDIOS,
    .LIBRO.DE.ASENTAMIENTOS.HUMANOS {
        display: none;
    }

    .lista__jee--is-row.white.cr5 h4, .lista__jee--is-row.white.cr5 h4 i {
        display: none;
    }

    .lista__jee--is-row.white.cr5 h3 {
        display: none;
    }

    .lista__jee--is-row.white.cr5 h3, .lista__jee--is-row.white.cr5 h4 i, .lista__jee--is-row.white.cr5 h4 {
        display: none;
    }

    .PopUpPrint .lista__jee--is-row.white.SECCION.ESPECIAL.DE.PREDIOS.RURALES,
    .PopUpPrint .lista__jee--is-row.white.BALNEARIOS.PROPIEDADES,
    .PopUpPrint .REGISTRO.DE.PROPIEDAD.VEHICULAR,
    .PopUpPrint .DERECHOS.MINEROS,
    .PopUpPrint .REGISTRO.DE.PREDIOS,
    .PopUpPrint .LIBRO.DE.ASENTAMIENTOS.HUMANOS {
        border-color: #000 !important;
    }


    #main__container {
        height: auto;
        min-height: none;
    }

    .PopUpPrint {
        display: block;
        background: red;
    }

    h1.textArialBold {
        display: none;
    }

        h1.textArialBold.Texto-Primt-apar {
            display: block;
        }


    .PopUpPrint .tablas-estiloz tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }




    .dx-gesture-cover,
    .PopUpPrint.md-dialog--is-form,
    .PopUpPrint.md-dialog--is-form md-dialog,
    .PopUpPrint.md-dialog--is-form .md-dialog-container {
        position: relative !important; /* PRINT EDG*/
        /* border: 2px solid green*/
    }

        .PopUpPrint.md-dialog--is-form md-dialog {
            width: 100% !important;
            height: auto;
            max-height: none;
            border-radius: 0 !important;
        }


    .PopUpPrint h1.textArialBold {
        display: block;
    }


    .PopUpPrint .lista__jee--is-row.white.cr5 h4,
    .PopUpPrint .lista__jee--is-row.white.cr5 h4 i {
        font-size: 14px !important;
        page-break-inside: avoid;
        page-break-after: auto;
        word-wrap: break-word;
    }

    .PopUpPrint .lista__jee--is-row.white.cr5 h3 {
        font-size: 12px !important;
        display: block;
        page-break-after: avoid;
        page-break-inside: avoid;
        word-wrap: break-word;
    }

    .PopUpPrint .lista__jee--is-row.white.cr5 h3,
    .PopUpPrint .lista__jee--is-row.white.cr5 h4 i,
    .PopUpPrint .lista__jee--is-row.white.cr5 h4 {
        page-break-inside: avoid !important;
        display: block !important;
        page-break-after: avoid;
        page-break-inside: avoid;
        word-wrap: break-word;
    }



    footer {
        display: none !important;
    }

    .element__notify {
        display: none !important
    }

    body {
        -webkit-print-color-adjust: exact;
    }

    .element__label.alineado-izquierda {
        font: 12px "Swiss-Light";
    }

    .md-dialog-container {
        top: 0;
        backdrop-filter: blur(5px);
    }


    .publicidad__ambiente {
        display: none;
    }

    .firmaPosition {
        bottom: 100px;
    }

    .cont-Fimta-space.fixed {
        position: fixed !important;
        bottom: 25px;
    }

    .tablas-estilos {
        width: 98.7%;
    }

    .titulo-Sistem-3 {
        color: #525252 !important;
    }




    .txt--is-title {
        overflow: hidden;
    }

        .txt--is-title h1 {
            font-size: 16px !important;
        }

    .Contenedor-vistapreviaDocument {
        border: 0 !important;
        background: transparent !important;
        height: 100% !important;
        max-height: none !important;
    }

    .md-dialog-content {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    #header__container {
        display: none;
    }

    .col-md-6 {
        width: 45% !important;
        display: inline-block;
    }

    .col-md-2 {
        width: 22% !important;
        display: inline-block;
        vertical-align: middle;
    }

    .col-md-8 {
        width: 50% !important;
        display: inline-block;
        vertical-align: middle;
    }

    .element__label_resultado {
        color: #525252;
        font: 12px "Arial-Extra-Bold";
    }


    .col-md-4 {
        width: 30% !important;
        width: 200px;
        display: inline-block;
    }

    .footer {
        display: none;
    }

    .header__container {
        display: none !important
    }

    .sije__container > article, .sije__container > div,
    .sije__container > section {
        display: none;
    }

    .contenedor-Print {
        width: 100%;
        height: 100%;
        display: block !important;
        padding: 0;
        border: 0;
        box-shadow: none;
        margin: 0;
        overflow: hidden;
        background: #fff !important;
        box-shadow: none;
    }

        .contenedor-Print .sije__container,
        .contenedor-Print .sije__container > article,
        .contenedor-Print .sije__container > div,
        .contenedor-Print .sije__container > section .contenedor-Print .lista__jee--is-row.white.cr5 {
            display: block;
            background: #fff;
            margin: 0;
        }


    .grid__container {
        display: block;
        margin: 0;
    }



    .contenedor-Print .lista__jee--is-row.white.cr5 h4 {
        color: #525252 !important;
        background: transparent !important;
        text-align: left;
        padding: 0;
        page-break-inside: avoid;
        page-break-after: auto;
        border-bottom: 0px solid #fff;
        font-size: 19px !important;
        border: 1px solid #fff; /*color prueba*/
    }



    .Contenedor-vistapreviaDocument {
        width: 100%;
        height: 100%;
        display: block !important;
        padding: 0;
        border: 0;
        box-shadow: none;
        margin: 0;
        overflow: hidden;
    }


    .apareceImprimir {
        display: block !important;
        text-align: right;
    }

    .lista__jee--is-row.white.cr1 h4 {
        color: #8196a5;
        background: #fff;
        padding: 0;
        font-size: 15px;
    }

    .lista__jee--is-row.white.cr1 {
        box-shadow: none;
    }

    .vistapreviaDocument2 {
        box-shadow: none;
        padding: 10px;
        margin: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        width: 100%;
        max-height: none;
    }

    .vistapreviaDocument {
        box-shadow: none;
        padding: 10px;
        margin: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        position: relative;
        width: 100%;
        max-height: none;
        min-height: auto;
    }

    .divi-element-captian, .mitad-element {
        width: 49%;
        height: auto;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }


    .cleaner {
        box-sizing: border-box;
    }

    .vistapreviaDocument:before, .vistapreviaDocument:after {
        display: none;
    }


    .footer {
        -webkit-transition: opacity .3s ease-in-out .5s;
        -o-transition: opacity .3s ease-in-out .5s;
        transition: opacity .3s ease-in-out .5s;
        background: transparent !important;
        color: #222 !important;
        padding: 7px;
        display: block;
        justify-content: center;
        align-items: center;
        color: #e5e5e5;
        font: 1.4ren 'Swiss-Light';
        box-shadow: none !important;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 10;
        width: 100%;
        opacity: 2;
        top: auto;
        text-align: center;
        transition: 0.2s;
    }


        .footer div {
            display: inline-block;
        }

        .footer:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 14px;
            width: 48px;
            background: url(/Content/images/general/puntosTitu.svg);
            background-size: 45px;
            margin: 0 6px;
            background-position: -1px 0;
            background-repeat: no-repeat;
        }

    .texto-resultado {
        line-height: 25px;
        font-size: 1.4em;
        font-weight: bolder;
        text-transform: uppercase;
    }

    .contenedor-No-Print {
        background: #fff !important;
    }

    .contenedorImprimir .lista__jee--is-row.white, .lista__jee--is-row.white.cr5 {
        border: 0px;
    }

    .contenedor-No-Print .lista__jee--is-row.white, .contenedor-No-Print .lista__jee--is-row.white.cr5 {
        border: 0px !important;
        display: block;
    }


    .sije__container.cont-Texto-Primt-apa,
    .buttons__content.cont-Texto-Primt-apa,
    .sije__container.cont-Texto-Primt-apa > div,
    .buttons__content.cont-Texto-Primt-apa .apareceImprimir {
        display: block;
    }

    .cont-Texto-Primt-apa .button {
        display: none;
    }

    .vistapreviaDocument.TipoDos {
        /*padding: calc(3cm - 20px);*/
        padding-top: calc(3cm - 9mm);
        padding-left: calc(3cm - 7mm);
        padding-right: calc(3cm - 7mm);
        padding-bottom: calc(3cm - 7mm);
        /* margin: -20px;
        width: calc(100% + 20px)*/
        margin: 0;
        width: 100%;
    }

    .vistapreviaDocument .casilla .div-casilla-juridisccional .fixed {
        background-color: red !important;
        position: static !important; /* Asegura que el div est� en el flujo normal */
        display: block !important; /* Asegura que el div se imprima como un bloque */
    }
    .div-casilla-administrativo,
    .div-casilla-juridisccional {
        margin: 0; /* Elimina m�rgenes al imprimir */
        padding: 0; /* Elimina padding al imprimir */
    }
}


.font-tipo-op{
    font-size: 17px;
    color: #166066;
}

.grid-content-export{
    margin-top: 20px;
    margin-bottom: 20px;
}

.barra-lista-size{
    background-color: #1c666b;
    border-radius: 10px;
    color: white;
    position: relative;
}
.barra-lista{
    background-color: #dadada;
    border-radius: 10px;
}
.barra-percent{
   
    font-size: 20px;
    color:white;
    
}

/*
    ESTILOS DEL RECORDATORIO
*/

.box__recordatorios {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 100%;
    max-width: 360px;
    background-color: rgba(170, 0, 0, 0.85);
    border-radius: 8px;
}

.box__recordatorios p{
    color: #FFFFFF;
    font-size: 1.6rem;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.48);
}

.box__recordatorios .relative {
    position: relative;
    padding: 20px 60px 20px 25px;
    background-image: url(/Content/images/general/ico-recordatorio.svg);
    background-position: right 20px center;
    background-repeat: no-repeat;
}

.box__recordatorios .cerrar {
    position: absolute;
    right: -14px;
    top: -14px;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background-image: url(/Content/images/general/ico-cerrar-recordatorio.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFFFF;
    border: rgba(170, 0, 0, 1) solid 1px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
}

.box__recordatorios .cerrar:hover {
    border: rgba(255, 55, 55, 1) solid 1px;
    color: rgba(255, 55, 55, 1);
}

.box__recordatorios .loader__recordatorio {
    position: absolute;
    width: 40px;
    height: 40px;
    right: -16px;
    top: -16px;
    z-index: 2;
    display: none;
}

.box__recordatorios .loader__recordatorio .loader {
    width: 40px;
    height: 40px;
    border: 5px solid #FFF;
    border-bottom-color: rgba(170, 0, 0, 1);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.box__recordatorios.procesando .loader__recordatorio{
    display: block;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.help-widget {
    position: fixed;
    bottom: -70px;
    right: 24px;
    width: 220px;
    min-height: 110px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 2px 16px 16px 16px;
    text-decoration: none;
    color: #1f2937;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    transition: bottom 0.4s ease;
    z-index: 9999;
}

.help-widget:hover {
    bottom: 5px;
    padding: 16px 16px 16px 16px;
}

.help-core {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.help-core img {
    transition: width 0.4s ease;
    width: 20px;
}

.help-widget:hover .help-core img{
    width: 48px;
}

.help-label {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.help-extra {
    font-size: 15px;
    line-height: 1.3;
    color: #4b5563;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.help-widget:hover .help-extra {
    opacity: 1;
    transform: translateY(0);
}

.help-extra span {
    color: blue;
    text-decoration: underline;
}

.help-widget:focus-visible {
    outline: 3px solid #2563eb;
    outline-offset: 4px;
}

@media print {
    .help-widget,
    .chat-widget,
    .floating-button {
        display: none !important;
    }
}