@charset "utf-8";

body {
    background: #fff; /* cambio de background sengún diseño QA */
    margin-bottom: 0px;
}

/**-- FUENTES / cambio de fuentes sengún diseño QA --**/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700|Roboto:300,300i,400,400i,700,700i');

/**-- ICONOS --**/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

b .info {
    display: inline-flex;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    color: #fff;
    background-color: #FE6565;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    margin-left: 5px;
    font-weight: 600;
}

#contenedor { /* Eliminar background url */
    margin: 0 auto;
    width: 993px;
    height: auto;
    display: block;
    display: table;
    min-height: 60%;
}

#top {
    height: 163px;
    width: 976px;
    padding: 0px 0px 3px 0px;
    margin: auto;
    background: url(../imgs/banner.jpg) no-repeat center top;
}

#logo {
    float: left;
    width: 178px;
    height: 162px;
    background: url(../imgs/backlogo.png) no-repeat;
    cursor: pointer;
}

#logo2 {
    float: right;
    width: 200px;
    height: 74px;
    background: url(../imgs/LogoEP.png) no-repeat;
    cursor: pointer;
    margin-top: 15px;
}

#clicker {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: 58px;
    margin-left: 410px;
    cursor: pointer;
}


#menu {
    float: left;
    height: 40px;
    width: 629px;
    text-decoration: none;
    margin-top: 125px;
    position: absolute;
    margin-left: 178px;
}

    #menu li {
        float: left;
    }

        #menu li:first-child a {
            border-left: none;
        }

        #menu li:last-child a {
            border-right: none;
        }

    #menu a {
        padding-left: 20px;
        float: left;
        font-size: 11px;
        color: #7d7d7d;
        padding: 5px 15px 5px 15px;
        width: auto;
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
        display: block;
        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #FFF;
    }

    #menu ul a:hover {
        color: #FFF;
        background-color: #006cb7;
    }

    #menu li ul a {
        width: 180px;
        height: auto;
        float: left;
    }

    #menu span {
        padding-left: 20px;
        float: left;
        font-size: 11px;
        color: #7d7d7d;
        padding: 5px 15px 5px 15px;
        width: auto;
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
        display: block;
        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #FFF;
        position: relative;
        display: block;
    }

    #menu a:hover {
        color: #006CB7;
    }

#boxer {
    height: auto;
    width: 963px;
    padding: 0px 7px;
    margin: 30px 0 30px 9px;
    float: left;
    background-color: #fff;
}

    #boxer #datos-empresa {
        font-family: 'Roboto', sans-serif;
        color: #111;
        width: 280px;
        float: right;
    }

        #boxer #datos-empresa .cont {
            color: #111;
            width: 280px;
            border-bottom: 1px dotted #ccc;
            float: left;
        }

        #boxer #datos-empresa h1 {
            font-family: 'Roboto Slab', serif;
            font-size: 12px;
            float: left;
            margin-right: 30px;
            text-transform: uppercase;
        }

        #boxer #datos-empresa h2 {
            font-size: 12px;
            float: left;
            width: 190px;
        }

        #boxer #datos-empresa h3 {
            position: absolute;
            font-size: 10px;
            float: left;
            width: 295px;
            text-transform: uppercase;
            margin-top: 34px;
        }

    #boxer #firma-estatutos {
        width: 179px;
        height: 76px;
        position: absolute;
        margin: 68px 0 0 699px;
        background: url(../imgs/fondo-firmar.png) no-repeat left -7px;
        padding: 10px 0 0 80px;
        color: #FFF;
        font-family: 'Roboto', sans-serif !important;
        cursor: pointer;
    }

        #boxer #firma-estatutos h1 {
            font-size: 14px;
            text-transform: uppercase;
            font-family: 'Roboto Slab', serif !important;
            margin-left: 5px;
        }

        #boxer #firma-estatutos h2 {
            font-size: 10px;
            text-transform: uppercase;
            font-family: 'Roboto', sans-serif !important;
            margin-left: 5px;
            padding-right: 5px;
        }

    #boxer #contuser #firma-estatutos {
        width: 179px;
        height: 76px;
        position: absolute;
        margin: 10px 0 0 649px;
        background: url(../imgs/fondo-firmar.png) no-repeat left -7px;
        padding: 10px 0 0 80px;
        color: #FFF;
        font-family: 'Roboto', sans-serif;
        cursor: pointer;
    }

        #boxer #contuser #firma-estatutos h1 {
            font-size: 14px;
            text-transform: uppercase;
            font-family: 'Roboto Slab', serif;
            color: #FFFFFF;
            height: 25px;
            margin: 0;
            padding: 0;
        }

        #boxer #contuser #firma-estatutos h2 {
            font-size: 10px;
            text-transform: uppercase;
            color: #FFFFFF;
        }

    #boxer .table {
        float: left;
        border: 1px solid #ccc;
        width: 98%;
        font-size: 12px;
        margin-bottom: 20px;
        font-family: 'Roboto', sans-serif;
    }

    #boxer .pasos {
        margin-left: 5px;
    }

        #boxer .pasos li {
            font-family: 'Roboto', sans-serif;
            padding: 7px 15px;
            background: url(../imgs/pasos-shadow.png) repeat-y left #f2f2f2;
            color: #666;
            display: block;
            width: 110px;
            height: 54px;
            float: left;
            border-radius: 8px 8px 0px 0px;
            -moz-border-radius: 8px 8px 0px 0px;
            -webkit-border-radius: 8px 8px 0px 0px;
        }

        #boxer .pasos .active {
            font-family: 'Roboto', sans-serif;
            line-height: 17px;
            background: #FFF;
            border-top: 2px solid #006cb7;
            border-radius: 8px 8px 0px 0px;
            -moz-border-radius: 8px 8px 0px 0px;
            -webkit-border-radius: 8px 8px 0px 0px;
            margin-bottom: -2px;
            z-index: 1;
            position: relative;
            border-left: 2px solid #006cb7;
            border-right: 2px solid #006cb7;
            color: #006cb7;
        }

        #boxer .pasos .done {
            background: url(../imgs/pasos-shadow-right.png) repeat-y right #006cb7;
            color: #FFF;
        }

            #boxer .pasos .done a {
                color: #FFF;
            }

            #boxer .pasos .done:hover {
                color: #EEE;
            }

    #boxer table {
        float: left;
        border: 1px solid #fff;
        width: 98%;
        margin-bottom: 20px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

        #boxer table thead tr:first-child,
        #boxer table th {
            background: #006cb7;
            color: #FFF;
        }

        #boxer table tr {
            height: 30px;
            color: #111;
            background: #FFF;
        }

            #boxer table tr td,
            #boxer table tr th {
                padding: 5px;
                font-size: 12px;
            }

    #boxer .pasos li h1 {
        font-size: 13px;
        text-transform: uppercase;
    }

    #boxer .pasos li h2 {
        font-size: 13px;
    }

    #boxer #menu-resumen {
        margin-bottom: 15px;
        height: auto;
        float: left;
        width: 100%;
    }

    #boxer .modules-resumen a {
        font-family: 'Roboto', sans-serif;
        font-size: 9px;
        display: block;
        width: 75px;
        height: 23px;
        float: left;
        margin-right: 6px;
        color: #fff;
        background: url(../imgs/fondo-panel.png) no-repeat;
        vertical-align: text-bottom;
        padding-top: 77px;
        text-align: center;
        text-transform: uppercase;
    }

        #boxer .modules-resumen a:hover {
            color: #FFF;
        }

        #boxer .modules-resumen a.constituir {
            background-position: left -114px;
        }

            #boxer .modules-resumen a.constituir:hover {
                background-position: left 0;
            }

        #boxer .modules-resumen a.modificar {
            background-position: -75px -114px;
        }

            #boxer .modules-resumen a.modificar:hover {
                background-position: -75px 0;
            }

        #boxer .modules-resumen a.transformar {
            background-position: -157px -114px;
        }

            #boxer .modules-resumen a.transformar:hover {
                background-position: -157px 0;
            }

        #boxer .modules-resumen a.fusionar {
            background-position: -235px -114px;
        }

            #boxer .modules-resumen a.fusionar:hover {
                background-position: -235px 0;
            }

        #boxer .modules-resumen a.dividir {
            background-position: -315px -114px;
        }

            #boxer .modules-resumen a.dividir:hover {
                background-position: -315px 0;
            }

        #boxer .modules-resumen a.disolver {
            background-position: -395px -114px;
        }

            #boxer .modules-resumen a.disolver:hover {
                background-position: -395px 0;
            }


        #boxer .modules-resumen a.rectificar {
            background-position: -475px -114px;
        }

            #boxer .modules-resumen a.rectificar:hover {
                background-position: -475px 0;
            }

        #boxer .modules-resumen a.sanear {
            background-position: -555px -114px;
        }

            #boxer .modules-resumen a.sanear:hover {
                background-position: -555px 0;
            }

        #boxer .modules-resumen a.migrar {
            background-position: -635px -114px;
        }

            #boxer .modules-resumen a.migrar:hover {
                background-position: -635px 0;
            }

        #boxer .modules-resumen a.anotar {
            background-position: -715px -114px;
        }

            #boxer .modules-resumen a.anotar:hover {
                background-position: -715px 0;
            }

    #boxer .texto-table tr td {
        font-size: 13px;
    }

.destazul {
    color: #006cb7
}

.destrojo {
    color: #ef4144
}

.contacto-texto {
    border-bottom: 1px dotted #999;
    height: auto;
    width: 97%;
    float: left;
    display: block;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
}

.cont-img {
    float: left;
    margin-right: 10px;
}

#contleft {
    height: auto;
    width: 319px;
    margin-right: 6px;
    float: left;
}

    #contleft p a {
        color: #111;
    }

        #contleft p a:hover {
            color: #006cb7;
            text-decoration: underline;
        }

#cont-header {
    float: left;
    width: 780px;
}

.cont-opciones {
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background: url(../imgs/gear.png) no-repeat rgba(22, 234, 219, 0);
    width: 110px;
    padding-left: 35px;
    height: 28px;
}

.dd-select {
    padding-left: 30px;
}

#contuser,
.contuser {
    height: auto;
    padding: 0 20px 20px 40px;
    margin: 0;
    float: left;
    font-family: 'Roboto', sans-serif;
    border: 2px solid #006FB3;
    border-radius: 0 8px 8px 8px;
    /* Explorer */
    -moz-border-radius: 0 8px 8px 8px;
    /* Firefox */
    -webkit-border-radius: 0 8px 8px 8px;
    /* Safari y Chrome */
}

#contuser1,
.contuser1 {
    height: auto;
    padding-left: 17px;
    margin: 0px 0px 0px 5px;
    float: left;
    font-family: 'Roboto', sans-serif;
    border: 2px solid #006cb7;
}

#contuser p,
.contuser p {
    margin-bottom: 10px;
}

#contuser1 p,
.contuser1 p {
    margin-bottom: 10px;
}

.cuser {
    width: 284px;
    background: url(../imgs/vinetauser.png) no-repeat left 10px #FFF;
}


#contuser-completo {
    min-height: 250px;
    height: auto;
    padding-left: 17px;
    float: left;
    font-family: 'Roboto', sans-serif;
    width: 100%;
}

#contuser1-completo {
    min-height: 250px;
    height: auto;
    padding-left: 17px;
    float: left;
    font-family: 'Roboto', sans-serif;
    width: 100%;
}

#contuser label {
    float: left;
    font-size: 11px;
    color: #666;
    margin-top: 7px;
}

#contuser .botonr {
    float: left;
    font-size: 11px;
    color: #666;
    margin-left: 132px;
}

#contuser1 label {
    float: left;
    font-size: 11px;
    color: #666;
    margin-top: 7px;
}

#contuser1 .botonr {
    float: left;
    font-size: 11px;
    color: #666;
    margin-left: 132px;
}

.wcontregistro {
    width: 454px;
    background: url(../imgs/vinetaredsc472.png) no-repeat left 10px #FFF;
}

.wcontregistrocc {
    width: 454px;
    background: url(../imgs/vinetared472.png) no-repeat left 10px #FFF;
}

.wuser {
    width: 284px;
    background: url(../imgs/vinetared.png) no-repeat left 10px #FFF;
}

.wpasos {
    width: 97%;
}

    .wpasos p {
        margin-bottom: 30px;
        float: left;
        margin-right: 10px;
    }

#box-shadow {
    height: 21px;
    width: 295px;
    margin-left: 5px;
    float: left;
    background: url(../imgs/shadowbg.png) no-repeat;
}

#box-shadow-int,
.box-shadow-int {
    height: 17px;
    width: 100%;
    margin-left: 5px;
    float: left;
    background: url(../imgs/shadowbg-int.png) no-repeat;
    background-size: 100% 100%;
}

#contuser h1,
.contuser h1 {
    height: 20px;
    width: 95%;
    padding: 3px 0px 0px 0px;
    margin: 12px 0px 15px 0px;
    float: left;
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
    color: #111;
    font-weight: bold;
}

#contuser1 h1,
.contuser1 h1 {
    height: 20px;
    width: 95%;
    padding: 3px 0px 0px 0px;
    margin: 12px 0px 15px 0px;
    float: left;
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
    color: #111;
    font-weight: bold;
}

#pass-user {
    border: 1px #ccc solid;
    height: 30px;
    width: 134px;
}

.user {
    height: 90px;
    width: 286px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
}

.datos {
    float: left;
    width: 95%;
    font-size: 14px;
    z-index: 1;
    position: relative;
    padding-right: 5px;
    /*fcm*/
}

.medium {
    width: 55%;
}

/*fcm*/
.small {
    width: 45%;
}

/*fcm*/
.xsmall {
    width: 13%;
}

/*fcm*/
.xxsmall {
    width: 7%;
}

/*fcm*/
.altodatos {
    margin: 0px 5px 10px 0px;
}

.altodatos2 {
    margin: 20px 5px 10px 0px;
}

.lineaform {
    margin: 0px 5px 10px 10px;
    font-size: 11px;
}

.datos input[type="text"],
.datos input[type="password"],
.datos select {
    /*fcm*/
    float: left;
    width: 95%;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #111;
    display: block;
    border: 1px solid #ced4da;
    height: 40px;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding-left: 5px;
    margin: 0;
    background: #e8f0fe;
    /*fcm*/
}

textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #111;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding-left: 5px;
    margin: 0;
    background: #e8f0fe;
}

.datos textarea {
    /*fcm*/
    float: left;
    width: 95%;
    min-height: 75px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #111;
    display: block;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding-left: 5px;
    margin: 0;
    background: #e8f0fe;
    /*fcm*/
}

.radio {
    /*fcm*/
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #111;
    display: block;
    height: 15px;
    margin-top: 10px;
    margin-right: 10px;
}

.datos .error {
    /*fcm*/
    background-color: #FFECEC;
    color: #FF0000;
}

.radio .error {
    /*fcm*/
    background-color: #FFECEC;
    color: #FF0000;
    outline: 4px solid #FFECEC;
    /* Firefox, Opera, Chrome, IE8+ */
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0, color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0, color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1, color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, color=#FF0000);
    /* IE6, IE7 */
}

#txtFechaEscritura {
    border: 1px solid #ced4da !important;
    background-color: #e8f0fe !important;
}


.datos a {
    color: #7d7d7d;
    text-decoration: none;
    height: 14px;
    float: left;
}

.datos .password a {
    width: 140px;
    font-weight: bold;
    font-size: 10px;
}

    .datos .password a:hover {
        color: #006cb7;
        text-decoration: underline;
    }

.datos .registro a {
    width: 133px;
    margin-left: 0px;
}

    .datos .registro a:hover {
        color: #006cb7;
        text-decoration: underline;
    }

.datos .registro1 a {
    width: 78px;
    margin-left: 20px;
}

    .datos .registro1 a:hover {
        color: #006cb7;
        text-decoration: underline;
    }

.linea-user input {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #666;
    display: block;
    float: left;
    width: 226px;
    height: 25px;
    border: 1px solid #ccc;
    margin: 8px 0px 0px 0px;
    padding: 5px;
}

.linea-access input {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #111;
    display: block;
    float: left;
    width: 238px;
    height: 30px;
    margin: 8px 0px 0px 0px;
    padding: 5px;
}

.boxleft {
    height: 110px;
    width: 305px;
    padding: 0 0 0 10px;
    margin: 0 0 10px 0;
    float: left;
}

.boxleft1 {
    height: 78px;
    width: 305px;
    padding: 10px 0px 0px 5px;
    margin: 0px 0px 6px 0px;
    float: left;
    background-image: url(../imgs/greytopbg.png);
    background-repeat: repeat;
}

.boxleft h1 {
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    font-weight: bold;
    color: #111;
    display: block;
    float: left;
    width: 260px;
    height: 17px;
    margin: -2px 0 35px 0;
    padding: 4px 0 0 20px;
}

.boxleft h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    color: #111;
    display: block;
    float: left;
    width: 162px;
    height: 17px;
    margin: 5px 0px 10px 0px;
    padding: 4px 0px 0px 6px;
    font-weight: bold;
    border-left: 12px solid #006cb7;
}

.boxleft1 h1 {
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    font-weight: bold;
    color: #111;
    display: block;
    float: left;
    width: 260px;
    height: 17px;
    margin: 5px 25px 10px 0px;
    padding: 4px 0px 0px 6px;
    border-left: 12px solid #006cb7;
}

.boxleft1 h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #111;
    display: block;
    float: left;
    width: 162px;
    height: 17px;
    margin: 5px 0px 10px 0px;
    padding: 4px 0px 0px 6px;
    font-weight: bold;
    border-left: 12px solid #006cb7;
}

.linea-form input {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #111;
    display: block;
    float: left;
    width: 232px;
    border: 1px solid #ccc;
    margin: 0 0 10px 18px;
    height: auto;
    padding: 5px;
}

.arrow {
    height: 32px;
    width: 34px;
    float: left;
    margin-left: 5px;
}

    .arrow a {
        display: block;
        height: 32px;
        width: 34px;
        background: url(../imgs/botonesflecha.png) no-repeat -3px -4px;
        text-indent: -99999px;
    }

        .arrow a:hover {
            background-position: -3px -44px;
        }

.boton-largored {
    height: 35px;
    width: 112px;
    float: left;
    margin: 0 5px 10px 0;
    font-size: 12px;
}

    .boton-largored a {
        display: block;
        height: 21px;
        width: 100%;
        color: #FFF;
        text-transform: uppercase;
        padding: 7px;
    }

.boton-generico-fo a {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 18px;
    margin-left: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 8px 35px 8px 12px;
    color: #FFF !important;
    text-transform: uppercase;
    background-color: #006cb7;
    width: 50px;
}

.boton-generico a {
    display: block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 24px;
    line-height: 24px;
    float: right;
    margin-left: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 8px 35px 8px 12px;
    color: #FFF !important;
    text-transform: uppercase;
}

.boton-generico-left a {
    display: block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    /* Firefox */
    -webkit-border-radius: 4px;
    /* Safari y Chrome */
    height: 24px;
    line-height: 24px;
    float: left;
    margin-left: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 8px 35px 8px 12px;
    color: #FFF !important;
    text-transform: uppercase;
}

.boton-iconos {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}

    .boton-iconos ul li:first-child {
        display: block;
        width: 66px;
        height: 66px;
        position: absolute;
        background: url(../imgs/iconos-botones-servicos.png)
    }

    .boton-iconos ul li.sii {
        background-position: -3px top;
    }

    .boton-iconos ul li.nic {
        background-position: -72px top;
    }

    .boton-iconos ul li.banco {
        background-position: -145px top;
    }

    .boton-iconos ul li:last-child a {
        margin-left: 59px;
        margin-top: 19px;
    }

    .boton-iconos ul li.certificado {
        background-position: -217px top;
    }

.bkg-btnlargo-flecha {
    background: url(../imgs/botonlargo.png) no-repeat left -4px;
}

    .bkg-btnlargo-flecha:hover {
        background-position: left -40px;
    }

.bkg-btnlargo-descarga {
    background: url(../imgs/botonlargo-descarga.png) no-repeat left -4px;
}

    .bkg-btnlargo-descarga:hover {
        background-position: left -40px;
    }

.bkg-btnlargo-irasii {
    background: url(../imgs/botonlargo-sii.png) no-repeat left -4px;
}

    .bkg-btnlargo-irasii:hover {
        background-position: left -40px;
    }

.margen-abajo {
    margin-bottom: 25px;
}

.margen-arriba {
    margin-top: 25px;
}

#boxleftred {
    height: 104px;
    width: 303px;
    padding: 5px 0px 0px 8px;
    margin: 3px 2px 0px 0px;
    float: left;
    background-image: url(../imgs/redbg.png);
    cursor: pointer;
}

    #boxleftred h4 {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        color: #FFF;
        display: block;
        margin: 6px 11px 0px 17px;
        width: 230px;
        float: left;
    }

.bold {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.dest {
    font-size: 13px;
}

.linea-form1 input {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #111;
    display: block;
    float: left;
    width: 128px;
    border: 1px solid #ccc;
    margin: 0px 0px 15px 0px;
    height: 25px;
    padding: 3px;
}

.linea-form2 input,
select {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #111;
    display: block;
    float: left;
    border: 1px solid #ccc;
    margin: 0px 12px 10px 2px;
    height: 30px;
    padding: 0px 0px 0px 5px;
}

.ancho-select {
    width: 110px;
}

.ancho-input {
    width: 186px;
}

.linea-form3 input {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #111;
    display: block;
    float: left;
    width: 25px;
    border: 1px solid #ccc;
    margin: 0px 5px 10px 0px;
    padding: 3px;
    height: 25px;
}

#contright {
    height: auto;
    width: 623px;
    padding: 0 0 7px 15px;
    float: left;
    background-color: #FFF;
}

.boton {
    height: 160px;
    width: 130px;
    float: left;
    margin: -6px 25px 15px 0px;
}

    .boton a {
        display: block;
        height: 160px;
        width: 130px;
        text-indent: -99999px;
        background: url(../imgs/botones.png) no-repeat;
    }

        .boton a.constituir {
            background-position: -9px -340px;
        }

            .boton a.constituir:hover {
                background-position: -9px -4px;
            }

        .boton a.modificar {
            background-position: -147px -339px;
        }

            .boton a.modificar:hover {
                background-position: -147px -3px;
            }

        .boton a.transformar {
            background-position: -293px -337px;
        }

            .boton a.transformar:hover {
                background-position: -293px -1px;
            }

        .boton a.fusionar {
            background-position: -440px -337px;
        }

            .boton a.fusionar:hover {
                background-position: -440px -1px;
            }

        .boton a.dividir {
            background-position: -6px -505px;
        }

            .boton a.dividir:hover {
                background-position: -6px -169px;
            }

        .boton a.disolver {
            background-position: -149px -504px;
        }

            .boton a.disolver:hover {
                background-position: -149px -168px;
            }

        .boton a.rectificar {
            background-position: -292px -504px;
        }

            .boton a.rectificar:hover {
                background-position: -292px -168px;
            }

        .boton a.sanear {
            background-position: -440px -503px;
        }

            .boton a.sanear:hover {
                background-position: -440px -167px;
            }

.boton2 {
    height: 70px;
    width: 155px;
    float: left;
    margin: -6px 0px 15px 3px;
}

    .boton2 a {
        display: block;
        height: 70px;
        width: 155px;
        text-indent: -99999px;
        background: url(../imgs/botones-acciones.png) no-repeat;
    }

        .boton2 a.anotar {
            background-position: 0px 0px;
        }

            .boton2 a.anotar:hover {
                background-position: 0px -86px;
            }

        .boton2 a.migrar {
            background-position: -155px 0px;
        }

            .boton2 a.migrar:hover {
                background-position: -155px -86px;
            }

#contfind {
    height: 168px;
    width: 578px;
    float: left;
    display: block;
    background: url(../imgs/bgfind.png) no-repeat;
    padding: 0px 0px 0px 35px;
    margin-left: 10px;
}

    #contfind h5 {
        height: 20px;
        width: 600px;
        float: left;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #FFF;
        margin: 8px 20px 20px -1px;
        padding: 0px 0px 2px 0px;
    }

.contform-find {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #111;
    width: 265px;
    height: 32px;
    float: left;
    margin: 0px 16px 16px 5px;
}

    .contform-find input {
        height: auto;
        float: left;
        padding: 5px;
        margin-bottom: 10px;
    }

.form-find1 {
    width: 153px;
    float: left;
}

.form-find2 {
    width: 30px;
    float: left;
    margin-left: 11px;
}

.form-find3 {
    width: 203px;
    float: left;
}

#bottboxright {
    height: 42px;
    width: 117px;
    padding: 0px 38px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
}

.contform-acces {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #111;
    width: 290px;
    height: 32px;
    float: left;
    margin: 10px 0px 0px 5px;
}

    .contform-acces input {
        height: 30px;
        float: left;
        padding-left: 5px;
        margin-bottom: 10px;
    }

.form-find4 {
    width: 227px;
    float: left;
}

#footer {
    width: 974px;
    margin: 0 0 30px 9px;
}

    #footer .cont {
        width: 959px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        margin: 116px 0 30px 9px;
    }

#logoabajo {
    height: 23px;
    width: 813px;
    margin: 30px auto 0;
    background: url(../imgs/ribbon.png) no-repeat;
}

#footer a {
    color: #787878;
    text-decoration: none;
}

    #footer a:hover {
        color: #006cb7;
        text-decoration: underline;
    }

#contenido {
    float: left;
}

#int-leftcontent {
    width: 463px;
    height: auto;
    min-height: 270px;
    float: left;
    background: url(../imgs/fondo-titles.png) right top no-repeat;
}

#int-rightcontent {
    width: 493px;
    height: auto;
    min-height: 270px;
    float: left;
    padding-left: 5px;
    font-family: 'Roboto', sans-serif;
}

    #int-rightcontent h1 {
        font-size: 17px;
        margin-bottom: 17px;
    }

#int-bottomcontent {
    float: left;
    width: 100%;
}

#int-descriptions {
    width: 885px;
    height: auto;
    min-height: 270px;
    float: left;
    background: url(../imgs/fondo-titles.png) right top no-repeat;
    margin-left: 40px;
    font-size: 12px;
    color: #111;
    font-family: 'Roboto', sans-serif;
    line-height: 19px;
    text-align: justify;
    padding-right: 40px;
}

    #int-descriptions h1 {
        font-size: 21px;
        color: #111;
        font-family: 'Roboto Slab', serif;
        margin-bottom: 10px;
    }

    #int-descriptions h2 {
        font-size: 18px;
        font-family: 'Roboto Slab', serif;
        margin-bottom: 10px;
        color: #006cb7;
    }

    #int-descriptions p {
        margin-bottom: 10px;
        padding: 3px 6px 3px 3px;
        background: #FFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        /* Firefox */
        -webkit-border-radius: 5px;
        /* Safari y Chrome */
        width: 95%;
    }

        #int-descriptions p img {
            float: left;
            margin-right: 10px;
        }

    #int-descriptions ul li {
        margin-bottom: 10px;
        padding: 3px 6px 3px 3px;
        background: #FFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        /* Firefox */
        -webkit-border-radius: 5px;
        /* Safari y Chrome */
        width: 80%;
        margin-left: 30px;
        list-style-image: url(../imgs/li-image.png);
    }

.contacto-caja {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin-right: 6px;
    width: 215px;
    height: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    /* Firefox */
    -webkit-border-radius: 5px;
    /* Safari y Chrome */
}

    .contacto-caja ul li {
        margin-bottom: 10px;
    }

    .contacto-caja h2 {
        height: 30px;
        padding: 5px;
        background: url(../imgs/bg_titulocaja.png) no-repeat left top;
    }

    .contacto-caja h3 {
        padding: 5px;
    }

.title-box {
    height: auto;
    min-height: 160px;
    float: left;
}

    .title-box .cont {
        font-family: 'Roboto', sans-serif;
        color: #111;
        width: 304px;
        height: auto;
        min-height: 175px;
        float: left;
        padding-left: 68px;
        padding-top: 17px;
        margin: 30px;
        line-height: 20px;
    }

    .title-box .muestra-nserie {
        font-family: 'Roboto', sans-serif;
        color: #111;
        width: 304px;
        height: auto;
        min-height: 105px;
        float: left;
        padding-left: 48px;
        padding-top: 17px;
        line-height: 20px;
        margin-left: 30px;
    }

        .title-box .muestra-nserie h1 {
            font-family: 'Roboto Slab', serif;
            color: #111;
            float: left;
            line-height: 16px;
            font-size: 12px;
            padding-left: 20px;
            width: 160px;
            background: url(../imgs/asterisco.png) left top no-repeat;
        }

        .title-box .muestra-nserie .carnet {
            width: 290px;
            position: absolute;
            margin-left: 177px;
            margin-top: -32px;
            height: 150px;
            background: url(../imgs/carnet.png) left top no-repeat;
        }

    .title-box .bkg-constituir {
        background: url(../imgs/ico-title-constituir.png) left top no-repeat;
    }

    .title-box .bkg-registro {
        background: url(../imgs/ico-title-usuarios.png) left top no-repeat;
    }

    .title-box .bkg-proceso-finalizado {
        background: url(../imgs/ico-proceso-finalizado.png) left top no-repeat;
    }

    .title-box .bkg-proceso-finalizado-con-error {
        background: url(../imgs/ico-proceso-finalizado-con-error.png) left top no-repeat;
    }

    .title-box .bkg-recuperar {
        background: url(../imgs/ico-recuperar.png) left top no-repeat !important;
    }

    .title-box .bkg-transformar {
        background: url(../imgs/ico-title-transformar.png) left top no-repeat;
    }

    .title-box .bkg-modificar {
        background: url(../imgs/ico-title-modificar.png) left top no-repeat;
    }

    .title-box .bkg-fusionar {
        background: url(../imgs/ico-title-fusionar.png) left top no-repeat;
    }

    .title-box .bkg-dividir {
        background: url(../imgs/ico-title-dividir.png) left top no-repeat;
    }

    .title-box .bkg-disolver {
        background: url(../imgs/ico-title-disolver.png) left top no-repeat;
    }

    .title-box .bkg-rectificar {
        background: url(../imgs/ico-title-rectificar.png) left top no-repeat;
    }

    .title-box .bkg-sanear {
        background: url(../imgs/ico-title-sanear.png) left top no-repeat;
    }

    .title-box .bkg-acceso {
        background: url(../imgs/ico-title-candado.png) left top no-repeat;
    }


    .title-box .cont h1 {
        font-size: 21px;
        height: auto;
        float: left;
        padding: 3px 6px 3px 3px;
        background: #FFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        /* Firefox */
        -webkit-border-radius: 5px;
        /* Safari y Chrome */
        margin-bottom: 10px;
    }

    .title-box .cont h2 {
        font-size: 12px;
        height: auto;
        float: left;
        padding: 3px 6px 3px 3px;
        background: #FFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        /* Firefox */
        -webkit-border-radius: 5px;
        /* Safari y Chrome */
    }

    .title-box .cont ul {
        font-size: 12px;
        height: auto;
        float: left;
        padding: 3px 18px 3px 3px;
        background: #FFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        /* Firefox */
        -webkit-border-radius: 5px;
        /* Safari y Chrome */
        margin-top: 10px;
    }

        .title-box .cont ul .dest {
            color: #006cb7;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
        }

.description-box ul {
    font-size: 12px;
    height: auto;
    float: left;
    background: #FFF;
}

    .description-box ul li {
        padding: 0px;
        background: #FFF;
        margin-bottom: 10px;
        list-style-type: disc;
        list-style-position: inside;
    }

.kind-box {
    width: 235px;
    height: auto;
    margin: 0 9px -7px 0;
    float: left;
    background: url(../imgs/shadowbg280.png) bottom no-repeat;
}

    .kind-box .dest {
        color: #006cb7;
    }

.desactivada {
    color: #ccc;
}

    .desactivada .dest {
        color: #FFF;
    }

.kind-box .interior {
    width: 209px;
    height: 152px;
    border: 1px solid #999;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    /* Firefox */
    -webkit-border-radius: 5px;
    /* Safari y Chrome */
    margin-bottom: 20px;
    padding: 13px;
}

.desactivada .nodisponible {
    position: absolute;
    width: 209px;
    height: 152px;
    background: url(../imgs/disponiblepronto.png) bottom right no-repeat;
    margin: 16px;
}

.desactivada .interior {
    border: 1px solid #ccc;
}

.kind-box .interior .description {
    width: 209px;
    height: 111px;
    font-size: 7pt;
}

    .kind-box .interior .description .sigla {
        width: 65px;
        height: 45px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        /* Firefox */
        -webkit-border-radius: 5px;
        /* Safari y Chrome */
        float: left;
        margin-right: 7px;
        background: #EEE;
        padding-top: 20px;
        text-align: center;
        font-size: 19px;
        text-transform: uppercase;
    }

    .kind-box .interior .description h2 {
        font-family: 'Roboto Slab', serif;
        font-weight: bold;
        width: 137px;
        float: left;
        text-transform: uppercase;
    }

    .kind-box .interior .description h3 {
        width: 137px;
        float: left;
    }

.fright {
    float: right;
}

.file-ok {
    background: url(../imgs/tick.png) center center no-repeat;
}

.file-mistake {
    background: url(../imgs/mistake.png) center center no-repeat;
}

.file-no {
    background: url(../imgs/no.png) center center no-repeat;
}

.file-trash {
    background: url(../imgs/trash.png) 15px bottom no-repeat;
}

.ayuda {
    width: 30px;
    height: 30px;
    display: none;
}

#contuser .rut-provisorio,
.contuser .rut-provisorio {
    width: 430px;
    min-height: 112px;
    height: auto;
    float: left;
    font-size: 12px;
    padding-top: 25px;
}

    #contuser .rut-provisorio p,
    .contuser .rut-provisorio p {
        margin-bottom: 5px;
    }

.modulos {
    float: left;
    width: 95% !important;
    height: auto;
    min-height: 50px;
    padding: 12px 10px;
    margin-bottom: 20px;
    border: 1px solid #666;
}

    .modulos .titulo {
        margin: 2px 0 12px 10px;
        width: 840px;
        float: left;
        width: 95% !important;
    }

.modulosmd {
    background: #EDEDED;
    float: left;
    width: 95%;
    height: auto;
    min-height: 50px;
    padding: 12px 10px;
    margin-bottom: 30px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    /* Firefox */
    -webkit-border-radius: 0px;
    /* Safari y Chrome */
    text-align: center;
}

    .modulosmd .titulo1 {
        font-family: 'Roboto Slab', serif;
        font-size: 19.0pt;
        font-weight: normal;
        font-style: normal;
        color: #1774B3;
        margin: 15px 0 15px 0;
        width: 100%;
        float: left;
    }

    .modulosmd .titulo2 {
        font-family: 'Roboto Slab', serif;
        font-size: 10.0pt;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }

    .modulosmd .findMD {
        font-family: 'Roboto', sans-serif;
        font-size: 11.0pt;
        font-weight: normal;
        font-style: normal;
        width: 55%;
        text-align: left
    }

.botonMD {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 18px;
    float: right;
    margin-left: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background: url(../imgs/botonlargoMD.png) no-repeat right top #006cb7;
    padding: 7px 35px 7px 7px;
    color: #FFF !important;
    text-transform: uppercase;
}

    .botonMD a {
        display: block;
        background: url(../imgs/botonlargoMD.png) no-repeat -0px -5px;
        text-indent: -99999px;
    }

        .botonMD a:hover {
            background-position: -0px -45px;
        }

.ico-ayuda a {
    display: block;
    margin-top: -6px;
    width: 28px;
    height: 28px;
    float: left;
    text-indent: -999999px;
    background: url(../imgs/ayuda.png) no-repeat left top;
}

    .ico-ayuda a:hover {
        background-position: left top;
    }

.ico-borrar a {
    /*fcm*/
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    text-indent: -999999px;
    background: url(../imgs/borrar.png) no-repeat left top;
}

    .ico-borrar a:hover {
        /*fcm*/
        background-position: left -32px;
    }

.ico-delete a {
    /*fcm*/
    cursor: pointer;
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    text-indent: -999999px;
    background: url(../imgs/delete.png) no-repeat left top;
}

    .ico-delete a:hover {
        /*fcm*/
        background-position: left -17px;
    }

.ico-exclude a {
    /*fcm*/
    cursor: pointer;
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    text-indent: -999999px;
    background: url(../imgs/exclude.png) no-repeat left top;
}

    .ico-exclude a:hover {
        /*fcm*/
        background-position: left -16px;
    }

.ico-editar a {
    /*fcm*/
    cursor: pointer;
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    text-indent: -999999px;
    background: url(../imgs/pencil.png) no-repeat left top;
}

    .ico-editar a:hover {
        /*fcm*/
        background-position: left -18px;
    }

.modulos .ico-ejemplo a {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    text-indent: -999999px;
    background: url(../imgs/ejemplo.png) no-repeat left top;
}

    .modulos .ico-ejemplo a:hover {
        background-position: left -32px;
    }

.modulos .lista {
    float: left;
}

.errorContainerLeft {
    background-position: left 10px;
    font-family: 'Roboto', sans-serif;
    margin: 40px 5px 5px 5px;
    padding: 5px;
    position: fixed;
    display: none;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background: #ccc;
    height: auto;
    min-height: 50px;
    padding: 10px 15px 15px 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    /* Firefox */
    -webkit-border-radius: 5px;
    /* Safari y Chrome */
    background: #fff;
    border: 1px solid #666;
    filter: alpha(opacity=1);
    opacity: 0.90;
}

    .errorContainerLeft ol li {
        /*fcm*/
        list-style-type: disc;
        margin-left: 45px;
    }

        .errorContainerLeft ol li label:hover {
            /*fcm*/
            text-decoration: underline;
            cursor: pointer;
            font-weight: bold;
        }

    .errorContainerLeft label.error {
        /*fcm*/
        display: inline;
        color: #FF0000;
        width: 35%;
    }

    .errorContainerLeft #hideerrorcontainer {
        /*fcm*/
        cursor: pointer;
        background-position: left 10px;
        background: url(../imgs/error_continer.png) no-repeat left 10px #fff;
        background-position: -6px 3px;
        height: 242px;
        width: 26px;
        float: left;
        margin-left: -20px;
        margin-top: 21px;
    }

.errorContainer {
    /*fcm*/
    background-position: left 10px;
    font-family: 'Roboto', sans-serif;
    margin: 40px 5px 5px 5px;
    padding: 5px;
    position: fixed;
    display: none;
    top: 0px;
    right: 0px;
    z-index: 1000;
    background: #ccc;
    height: auto;
    min-height: 50px;
    padding: 10px 15px 15px 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    /* Firefox */
    -webkit-border-radius: 5px;
    /* Safari y Chrome */
    background: #fff;
    border: 1px solid #666;
    filter: alpha(opacity=1);
    opacity: 0.90;
}

    .errorContainer ol li {
        /*fcm*/
        list-style-type: disc;
        margin-left: 45px;
        color: #f00
    }

        .errorContainer ol li label:hover {
            /*fcm*/
            text-decoration: underline;
            cursor: pointer;
            font-weight: bold;
        }

    .errorContainer label.error {
        /*fcm*/
        display: inline;
        color: #FF0000;
        width: 35%;
    }

    .errorContainer #hideerrorcontainer {
        /*fcm*/
        cursor: pointer;
        background-position: left 10px;
        background: url(../imgs/error_continer.png) no-repeat left 10px #fff;
        background-position: -6px 3px;
        height: 242px;
        width: 26px;
        float: left;
        margin-left: -20px;
        margin-top: 21px;
    }

.fileupload {
    width: 230px;
    height: 35px;
    position: relative;
    overflow: hidden;
    background: ...;
    /* and other things to make it pretty */|
}

    .fileupload input {
        position: absolute;
        top: 0;
        right: 0;
        /* not left, because only the right part of the input seems to be clickable in some browser I can't remember */
        cursor: pointer;
        opacity: 0.0;
        filter: alpha(opacity=0);
        /* and all the other old opacity stuff you want to support */
        font-size: 300px;
        /* wtf, but apparently the most reliable way to make a large part of the input clickable in most browsers */
        height: 200px;
    }

.justify {
    text-align: justify;
}

.tblInapi {
    cursor: pointer;
}

#tblAciertosInapi tr:hover {
    background-color: #e5e6e6;
}


.title-box .bkg-colilla {
    background: url(../imgs/sii_oficial_peq2.jpg) left top no-repeat;
}


.boton-generico-left1 a {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 18px;
    float: left;
    margin-left: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background: url(../imgs/flecha.png) no-repeat right top #006cb7;
    padding: 7px 35px 7px 7px;
    color: #FFF !important;
    text-transform: uppercase;
}

.boton-generico b {
    display: block;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    height: 18px;
    float: none;
    font-family: 'Roboto', sans-serif;
    font-size: 9pt;
    background: #ECAD35;
    padding: 7px 30px 7px 30px;
    color: #FFF !important;
    width: 105px;
    text-transform: none;
}

/* firma online */
.ui-dialog-buttonset .btn2 {
    color: #666;
    background-color: #eeeeee;
    border: 1px solid #666;
}

.btn3 {
    background-color: #3083c1;
    border: #3083c1;
}

.pscFirma {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pscFirmaSelect {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid gray;
    cursor: pointer;
}

.btnComprar {
    background-color: #E22C2C;
    color: #fff;
    font-size: 14px !important;
    width: 100px;
    height: 36px;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

    .btnComprar:hover {
        background-color: #e54242;
    }

    /**-- NUEVOS ESTILOS AGREGADOS --**/
    /* Diseño según QA para los bloques */
    .modulos {
        position: relative;
        overflow: hidden;
        flex-direction: column;
        padding: 20px 10px 20px 14px;
        line-height: 1.5em;
        word-wrap: break-word;
        border: none;
        border-radius: 8px;
        -moz-border-radius: 8px;
        /* Firefox */
        -webkit-border-radius: 8px;
        /* Safari y Chrome */
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        background-color: #fff;
        background: none !important;
        background-clip: border-box;
        margin: 30px 0 !important;
    }

/* Diseño según QA para módulos */
.modulos p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5em !important;
    margin-left: 10px;
}

/* Diseño títulos */
.titulo {
    font-family: 'Roboto Slab', serif !important;
    font-size: 1.375rem;
    color: #111 !important;
    margin-bottom: 20px !important;
}

#dvNombreSocio {
    margin-left: 5px;
}

    .titulo:after, .boxleft h1:after {
        content: '';
        display: block;
        width: 45px;
        height: 4px;
        background-color: #E22C2C;
        margin-top: 10px;
    }

/*#datosAnexosMandatario .titulo {
    font-size: 16px !important;
}*/

    #datosAnexosMandatario .titulo:after {
        background-color: #fff !important
    }

/*.modulos .titulo #dvNombreSocio {
    font-size: 16px;
}

.modulos .titulo #nombreSocio {
    font-size: 16px;
}

div .modulos .titulo #rutSocio {
    font-size: 16px;
}

div .modulos #datosAnexosRepresentante .titulo {
    font-size: 16px;
}

    div .modulos #datosAnexosRepresentante .titulo span {
        font-size: 16px;
    }*/

#TituloDistribucion {
    background: #fff !important;
    text-transform: lowercase;
    font-family: 'Roboto Slab', serif !important;
    font-size: 1.375rem !important;
    color: #111 !important;
    margin-bottom: 20px !important;
    margin-left: 0;
}

    #TituloDistribucion:after {
        content: '';
        display: block;
        width: 45px;
        height: 4px;
        background-color: #E22C2C;
        margin-top: 10px;
    }

    #TituloDistribucion::first-letter {
        text-transform: uppercase !important;
    }


.arrowred {
    float: right;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    padding: 14px;
    font-size: 1rem;
    line-height: 14px;
    border-radius: .25rem;
    border: solid 2px #E22C2C;
    background: #E22C2C;
    color: #fff !important;
    cursor: pointer;
}

    .arrowred a {
        color: #fff;
        font-weight: 600;
    }

    .arrowred:hover a {
        color: #fff;
    }

    .arrowred:hover {
        opacity: 0.9;
    }

    .arrowred-left {
        float: left;
        user-select: none;
        padding: 14px;
        font-size: 1rem;
        line-height: 37px;
        border-radius: .25rem;
        border: 2px solid #006FB3;
        cursor: pointer;
        width: 74px;
        height: 10px;
    }
    
.arrowred-left a {
    color: #006FB3;
    background: none !important;
    text-indent: 26px !important;
    font-weight: 600;
    width: 100px;
    height: 36px;
    margin: -13px;
}
    
    .arrowred-left a:hover {
        color: #fff;
    }
    
    .arrowred-left:hover {
        background: #006FB3;
        color: #fff !important;
    }

/* Botón Continuar Paso 2 */
.boton-generico #btnContinuar, #boxer_content_continuar, .boton-generico #boxer_content_btnContinuarAdjunto, #boxer_content_btnAdjuntoConfirma, #boxer_content_btnContinuarEnEspera, .boton-generico #next {
    background-color: #fff !important;
    background: #fff !important;
    float: right;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    font-size: 1rem !important;
    border-radius: .25rem;
    background: #E22C2C !important;
    border: solid 2px #E22C2C;
    color: #fff !important;
    cursor: pointer;
    text-transform: capitalize;
    min-width: 100px;
    min-height: 36px;
    line-height: 36px !important;
    padding: 1px 14px !important
}

    #btnContinuar:hover, #boxer_content_continuar:hover, .boton-generico #boxer_content_btnContinuarAdjunto:hover, #boxer_content_btnAdjuntoConfirma:hover, #boxer_content_btnContinuarEnEspera:hover, .boton-generico #next:hover {
        opacity: 0.9;
    }

.datos {
    line-height: 1.376em;
}

.altodatos p {
    margin-top: 5px;
}
div #datos-empresa {
    float: right;
    font-family: 'Roboto', sans-serif;
    color: #111;
    width: 0 !important;
    margin: -5px 0 !important;
    margin-right: 250px !important;
}

#boxer #datos-empresa .cont {
    width: 280px !important;
}

/* Estilos tablas */
#boxer table {
    border: solid 1px #ccc;
    background: #fff !important;
    padding: 5px;
    -webkit-border-radius: 8px;
    /* Safari y Chrome */
    -moz-border-radius: 8px;
    /* Firefox */
    border-radius: 8px;
}

    #boxer table th {
        border: 0 !important;
        background: #006FB3 !important;
        margin: 0 !important;
        padding: 5px;
    }

    #boxer table thead tr td {
        background: #006FB3 !important
    }

    #boxer table tr {
        border: 0 !important;
        background: #f0f0f0;
        margin: 0 !important;
        padding: 5px !important;
    }

    #boxer table td {
        border: 0 !important;
        margin: 0 !important;
        padding: 5px;
    }

/* Tabla Accionistas y Administración Paso 2 */
#boxer #tblResumenSocios td:nth-child(7) a {
    float: none !important;
    margin: 0 auto !important;
}

#boxer #tblResumenSocios td:nth-child(8) a {
    float: none !important;
    margin: 0 auto !important;
}

/* Tabla Documentos Adjuntos Paso 3 */
table #adjuntos .ico-borrar a {
    float: none !important;
    margin: 0 auto !important;
}

/* Tabla Firma de Accionistas Paso 4 */
#boxer_content_tabla2 td:nth-child(4) {
    text-align: left;
}

#boxer_content_tabla2 th {
    text-align: center;
}

/* Tabla AppFirma Paso 4 */
#tablaAppFirma tr:nth-child(1) br {
    line-height: 60px;
}


/* Estilos Modal */
.ui-dialog {
    background-color: #fff !important;
    border: none !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5) !important;
    -moz-box-shadow: 0 3px 9px rgba(0,0,0,.5) !important;
    box-shadow: 0 3px 9px rgba(0,0,0,.5) !important;
}

    .ui-dialog .ui-widget-header {
        background-color: #fff !important;
        border-bottom: 1px solid #e5e5e5 !important;
        color: #111 !important;
        padding: 40px 0 !important;
        min-height: 40px !important;
        text-align: center !important;
    }

    .ui-dialog .ui-dialog-title {
        float: none !important;
        font-family: 'Roboto Slab', serif !important;
        font-weight: 400 !important;
        font-size: 1.6rem !important;
        line-height: 2.5rem !important;
    }

    .ui-dialog .ui-dialog-content {
        padding: .5em 1em;
        margin-top: 40px;
    }

    .ui-dialog-buttonpane {
        padding: 15px !important;
        text-align: right !important;
        border-top: 1px solid #e5e5e5 !important;
    }

    .ui-dialog-buttonset button {
        background-color: #E22C2C!important;
        font-family: 'Roboto', sans-serif;
        font-weight: 700 !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 10px 18px;
    }

.dialog fieldset legend {
    font-family: 'Roboto Slab', serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #111 !important;
}

.dialog fieldset p {
    font-family: 'Roboto', sans-serif !important;
    color: #111 !important;
    line-height: 1.4em !important;
    font-size: 15px !important;
}

.dialog fieldset {
    background: #fff !important;
    border: none !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    content: url('../img/close.png') !important;
    background: url('../img/close.png') !important;
    position: absolute !important;
    top: 18% !important;
    right: .8em !important;
    width: 18px !important;
    height: 18px !important;
    margin: -10px 0 0 0 !important;
    padding: 0 !important;
}

    .ui-dialog .ui-dialog-titlebar-close:hover {
        content: url('../img/close_hover.png') !important;
        background: url('../img/close_hover.png') !important;
        background-color: #fff !important;
    }

.ui-selectable .ui-widget-content {
    background: #e8f0fe;
    font-family: 'Roboto', sans-serif !important;
    color: #111;
    padding: 4px;
}

.ui-selectable .ui-selected, .selectableList .ui-selected {
    background: #006db7;
    font-family: 'Roboto', sans-serif !important;
    color: #fff;
}

.ui-dialog .ui-dialog-content {
    font-family: 'Roboto', sans-serif !important;
    color: #111 !important;
    padding: 0 30px 30px 15px;
}

.ui-icon-circle-check {
    content: none !important;
    background: #fff !important;
}
.ui-icon {
    width: 0 !important;
}
/* Contenedor de validación del formulario */
.errorContainer {
    overflow: hidden;
    flex-direction: column;
    line-height: 1.5em;
    word-wrap: break-word;
    border: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    /* Firefox */
    -webkit-border-radius: 8px;
    /* Safari y Chrome */
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    background-color: #fff !important;
    background: #fff !important;
    background-clip: border-box;
    margin: 30px 0 !important;
}

/* Normalizar ancho input Razón Social */
#oneCheckRS {
    width: 95% !important;
}

/* Estilos Botones */
.boton-generico a {
    background-color: #006FB3 !important;
}

    .boton-generico a:hover {
        background-color: #034d80 !important;
    }

.boton-generico-left a {
    background-color: #006FB3 !important;
}

    .boton-generico-left a:hover {
        background-color: #034d80 !important;
    }

/* Íconos Botones */
#btnCancelar, #cancelarRepresentante {
    background: url(../imgs/icon-cancel.png) no-repeat right;
}

#add {
    background: url(../imgs/icon-plus.png) no-repeat right;
}

#addSocio, #addRepresentante {
    background-color: #E22C2C !important;
    background: url(../imgs/icon-save.png) no-repeat right;
}

#btnAgregaRepresentante {
    background-color: #E22C2C !important;
    background: url(../imgs/icon-plus.png) no-repeat right;
}

    #addSocio:hover, #addRepresentante:hover, #btnAgregaRepresentante:hover {
        background-color: #e54242 !important;
    }

#btnAgregaSocio, #validaRepresentante {
    background: url(../imgs/icon-plus.png) no-repeat right;
}

#Continuar {
    background-color: #E22C2C !important;
    background: url(../imgs/icon-check.png) no-repeat right;
}

#Continuar:hover {
    background-color: #e54242 !important;
}

/* Adjuntar Documentos */
.fileupload {
    height: auto;
}

    .fileupload a {
        background: url(../imgs/icon-search.png) no-repeat right;
    }

/* Icono Ayuda Paso 3 Arreglar */
#Div1 {
    display: none;
}

/* Corrige error en icono de ayuda en el paso 3 */
#hlpAdjuntos {
    float: right;
    margin-top: 15px;
}

/* Botones (Aporte de Capital del Accionista) */
#boxer table tfoot #add {
    background: url(../imgs/icon-plus.png) no-repeat right;
    background-color: #006FB3 !important;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    /* Firefox */
    -webkit-border-radius: 4px;
    /* Safari y Chrome */
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 14px 35px 14px 12px;
    margin: 5px 5px 5px 0;
    cursor: pointer;
}

    #boxer table tfoot #add:hover {
        background-color: #034d80 !important;
    }

#boxer table tfoot #rmv {
    background: url(../imgs/icon-minus.png) no-repeat right;
    background-color: #006FB3 !important;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    /* Firefox */
    -webkit-border-radius: 4px;
    /* Safari y Chrome */
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 14px 35px 14px 12px;
    cursor: pointer;
}

    #boxer table tfoot #rmv:hover {
        background-color: #034d80 !important;
    }

#notaSpA {
    font-size: 13px !important;
}

/* Botón Firma Accionistas */
.boton-largored {
    background: url(../imgs/icon-firm.png) no-repeat right;
    background-color: #e22c2c !important;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    /* Firefox */
    -webkit-border-radius: 4px;
    /* Safari y Chrome */
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 8px 35px 8px 8px !important;
    width: auto !important;
    height: 26px !important;
}

    .boton-largored:hover {
        background: url(../imgs/icon-firm.png) no-repeat right;
        background-color: #e54242 !important;
    }

/* Botón Verde Resumen de Capital*/
#resumenCapital img, #resumenCapitalVotos img {
    display: none;
}

#resumenCapital, #resumenCapitalVotos {
    background: url(../imgs/icon-asterisk.png) no-repeat right;
    background-color: #12c076;
    border-radius: 4px;
    -moz-border-radius: 4px;
    /* Firefox */
    -webkit-border-radius: 4px;
    /* Safari y Chrome */
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    font-size: 12px;
    text-transform: uppercase;
    padding: 14px 38px 13px 13px !important;
    cursor: pointer;
}

    #resumenCapital:hover, #resumenCapitalVotos:hover {
        background-color: #159e64;
    }

    #resumenCapital:before, #resumenCapitalVotos:before {
        content: "resumen del capital";
    }

#tblCapital tr:nth-child(2) {
    height: 55px;
}

#tblResumen {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    /* Firefox */
    -webkit-box-shadow: none !important;
    /* Safari y Chrome */
}

/* Texto "Declarión" paso 4 */
.justify {
    text-align: justify;
    font-family: 'Roboto', sans-serif !important;
    color: #111 !important;
    font-size: 14px !important;
    line-height: 1.6em !important;
    margin-bottom: 30px !important;
}

/* Label Firma Electrónica */
#tratamiento {
    font-family: 'Roboto', sans-serif !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 1.4em !important;
}

/* Estilos Data Picker */
#ui-datepicker-div {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
}

.ui-datepicker select.ui-datepicker-month {
    width: 60% !important;
}

/* Botones Series de Acción S.A.*/
#dvBotonesSA #Agregar, #addSerieVoto {
    background: url(../imgs/icon-plus.png) no-repeat right;
    background-color: #006FB3 !important;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    /* Firefox */
    -webkit-border-radius: 4px;
    /* Safari y Chrome */
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 8px 35px 8px 12px !important;
    width: auto !important;
    height: 36px !important;
    margin-right: 5px;
    cursor: pointer;
}

    #dvBotonesSA #Agregar:hover, #addSerieVoto:hover {
        background-color: #034d80 !important;
    }

#dvBotonesSA #Quitar, #rmvSerieVoto {
    background: url(../imgs/icon-cancel.png) no-repeat right;
    background-color: #006FB3 !important;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    /* Firefox */
    -webkit-border-radius: 4px;
    /* Safari y Chrome */
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 8px 35px 8px 12px !important;
    width: auto !important;
    height: 36px !important;
    cursor: pointer;
}

    #dvBotonesSA #Quitar:hover, #rmvSerieVoto:hover {
        background-color: #034d80 !important;
    }

#dvBtnResumen #resumenCapital, #resumenCapitalVotos {
    padding-top: 12px !important;
    padding-bottom: 13px !important;
}

/* Juntas Ordinarias de Accionistas */
#dvJuntaSA table tr:nth-child(1) .radio {
    margin-bottom: 15px !important;
}

#dvBalance table td:nth-child(1) div {
    padding-top: 12px !important;
}

/* Tabla "Mis Trámites" */
#tblActuacionesPendientes, #tblActuacionesEnFirma, #tblActuacionesFinalizadas, #tblActuacionesRectificadas {
    width: 100% !important;
}

#tblActuacionesPendientes_length label, #tblActuacionesEnFirma_length label, #tblActuacionesFinalizadas_length label, #tblActuacionesRectificadas_length label {
    line-height: 40px;
}

#tblActuacionesPendientes_length select, #tblActuacionesEnFirma_length select, #tblActuacionesFinalizadas_length select, #tblActuacionesRectificadas_length select {
    margin-right: 5px
}

.page-item.active .page-link {
    background: #006FB3 !important;
    border: solid 1px #006FB3 !important;
}

    .page-item.active .page-link:hover {
        background: #034d80 !important;
        border: solid 1px #034d80 !important;
    }

#tblActuacionesPendientes_paginate, #tblActuacionesEnFirma_paginate, #tblActuacionesFinalizadas_paginate, #tblActuacionesRectificadas_paginate {
    margin-top: 5px;
}

#spnNumero {
    font-weight: 600;
}

/* Cambios tablas con scrollX */
.dataTables_scroll table {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.dataTables_scroll {
    border: solid 1px #ccc;
    background: #fff !important;
    padding: 8px !important;
    -webkit-border-radius: 8px;
    /* Safari y Chrome */
    -moz-border-radius: 8px;
    /* Firefox */
    border-radius: 8px;
    margin: 15px 0;
}

    .dataTables_scroll table.dataTable {
        margin: 0 !important;
    }

/* Título "Mis Trámites" */
.normal strong {
    font-weight: 400;
}

/* Margenes botones formularios */
.margen-abajo .arrowred {
    margin-right: -25px;
}

.margen-abajo #btnContinuar, #boxer_content_continuar, .boton-generico #boxer_content_btnContinuarAdjunto, #boxer_content_btnAdjuntoConfirma, #boxer_content_btnContinuarEnEspera {
    margin-right: -25px;
}

.boton-generico #btnAgregaSocio, .boton-generico #addRepresentante, .boton-generico #next {
    margin-right: -25px;
}

.boton-generico #addSocio {
    margin-right: -20px;
}

#dvBotonesSA #Quitar {
    margin-right: -20px
}

/* Tabla Capital del Constituyente EIRL */
#dvCapital .titulo span {
    font-size: 16px !important;
}

#dvCapital table thead td {
    color: #fff;
    text-align: center;
}

#dvCapital b {
    display: inline-block;
}

/* Firmar Electrónicamente EIRL */
#hlpFirma {
    float: right;
}

.boton-generico-left #firmaNotarioTodos, #FirmaMandatario1 {
    margin: -10px 0 10px 0;
    background-color: #E22C2C !important;
    background: url(../imgs/icon-firm.png) no-repeat right;
}

    .boton-generico-left #firmaNotarioTodos:hover, #FirmaMandatario1:hover {
        background-color: #e54242 !important;
    }


/* Tabla Serie de Acciones S.A.G.R. */
#tituloSuperiorTabla .info {
    display: inline-flex;
    border-radius: 50%;
    height: 13px;
    width: 13px;
    color: #fff;
    background-color: #FE6565;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    margin-left: 2px;
    font-weight: 700;
    cursor: pointer;
    padding: 3px;
}

/* Ayuda Garantías y Contragarantías S.A.G.R. */
div #hlpGarantia {
    display: none;
}

/* Cambios Generales LTDA */
#hlpArbitraje {
    padding-bottom: 60px;
}

#hlpRetiro {
    padding-bottom: 60px;
}

#hlpUtilidades {
    padding-bottom: 60px;
}

#dvPuerdeTomarDineroGastos div br {
    display: none;
}

#txtUtilidades {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #111;
    border: 1px solid #ced4da;
    height: 40px;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding-left: 5px;
    background: #e8f0fe;
}

#tblResumenSocios {
    margin-bottom: 10px !important
}

.margen-abajo {
    margin-top: 10px
}

.arrowred-left {
    margin-right: 10px !important
}

/* Distribución de Utilidades S.A. */
#dvPorcentajeDistribucion label {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #111;
}

#txtDistribucionPorcentaje {
    margin-left: 10px !important
}

#boxer_content_tabla2 td:nth-child(5) {
    text-align: left;
}

/* Actuación Modificación y Transformación */
#tblResumenSocios td:nth-child(1), #tblResumenSocios td:nth-child(2) {
    text-align: center;
}

#dvExplotarGiro {
    margin-top: 7px
}

#resumenCapitalVotos:before {
    content: 'Resumen de Capital' !important;
}

#tblResumenSocios td:nth-child(3), #tblResumenSocios td:nth-child(4) {
    text-align: center
}

#resumenCapitalVotos {
    padding: 11px 30px 11px 13px !important;
}

#tblVotos tfoot tr:nth-child(2) td {
    padding: 15px 5px !important
}

#tblVotos thead td:nth-child(1) {
    text-align: center;
}

#tipoAnotacion #txtTipoAnotacion {
    width: 488px;
    margin-bottom: 10px;
}

/* Actuación Fusión */
#tblActuaciones {
    width: 98% !important;
}

#tblActuaciones #trCtn th, #trAbs th {
    color: #fff !important;
}

#txtNombreFantasia {
    width: 800px !important;
}

#titulo-acta, #dvIngresoAccionistas {
    text-transform: lowercase;
}

    #titulo-acta::first-letter, #dvIngresoAccionistas::first-letter {
        text-transform: uppercase !important;
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    color: #fff !important;
}

.arrowred {
    min-width: 70px;
}

#txtTipoAnotacion {
    margin-top: 10px;
}

/* Anotación Paso 3 */
#boxer_content_gvResult_lbVerDetalle_0 {
    background: url(../imgs/icon-document.png) no-repeat;
    background-position: 120% 50%;
    padding-right: 15px;
    color: #006FB3
}

/* Pagina de Proceso Finalizado y Emigrar */
.wcontregistro, .wcontregistrocc {
    position: relative;
    overflow: hidden;
    flex-direction: column;
    padding: 20px 10px 20px 14px !important;
    line-height: 1.5em !important;
    word-wrap: break-word;
    border: 0 !important;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    /* Firefox */
    -webkit-border-radius: 8px !important;
    /* Safari y Chrome */
    box-shadow: 0 0 10px rgba(0, 0, 0, .3) !important;
    background-color: #fff !important;
    background: none !important;
    background-clip: border-box !important;
}

#firmaOk {
    margin-bottom: 30px;
}

    .wcontregistro h1, .wcontregistrocc h1, .bkg-disolver h1 {
        font-family: 'Roboto Slab', serif !important;
        font-size: 1.375rem !important;
        color: #111 !important;
        margin: 30px 10px 0 !important;
        height: auto !important;
    }

        .wcontregistro h1:after, .wcontregistrocc h1:after {
            content: '';
            display: block;
            width: 45px;
            height: 4px;
            background-color: #E22C2C;
            margin-top: 10px;
        }

    .wcontregistro p, .wcontregistrocc li {
        font-family: 'Roboto', sans-serif !important;
        font-size: 15px !important;
        line-height: 1.5em !important;
        margin-left: 10px;
    }

    .wcontregistrocc li {
        margin-top: 30px;
        font-weight: 400;
        line-height: 1.5em;
        list-style-type: none !important;
    }

    .wcontregistrocc ul li {
        position: relative;
        margin-bottom: 10px;
        padding-left: 15px;
    }

        .wcontregistrocc ul li:before {
            display: block;
            position: absolute;
            top: 7px;
            left: 0;
            content: '';
            height: 6px;
            width: 6px;
            background-color: #E22C2C;
            border-radius: 50%;
        }

        .certificado, .sii {
            margin: 5px;
        }

#int-rightcontent .boton-generico a {
    background: url(../imgs/icon-emigrar.png) no-repeat right;
}

#boxer_content_lnkEmitirCertificado, #boxer_content_link_sii {
    padding: 8px 18px 8px 16px
}

#boxer_content_dvProcesoFinalizado h1 {
    font-family: 'Roboto Slab', serif !important;
    font-size: 1.5rem !important;
    color: #111 !important;
}

#boxer_content_dvProcesoFinalizado h2 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6em !important;
    color: #111 !important;
}

#int-leftcontent {
    background: none;
}

.boton-generico a#boxer_content_lnkEmitirCertificado {
    background: none;
}

.boton-generico a#boxer_content_link_sii {
    background: none;
}

.bkg-disolver h2 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6em !important;
    color: #111 !important;
    margin: 15px 10px 0 !important;
}

.bkg-disolver li, .bkg-disolver span {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6em !important;
    margin-left: 5px;
}

/* Fusión por Absorción (paso 2) */
#tipoAnotacion #txtTipoAnotacion {
    width: 380px;
    margin-top: 0;
}

#fileupload #hlpAdjuntos {
    margin: 0 93% !important;
}

tblRepresentantes {
    width: 98%;
}

#tblRepresentantes td {
    text-align: center;
}

#boxer_content_pnlAdjuntosConfirma .modulos .titulo {
    width: 100% !important;
}

/* Disolución SpA */
#contenedor #boxer {
    margin-bottom: 0;
}

#contenedor #box-shadow-int {
    margin-bottom: 30px;
}

#tipoAnotacion #txtTipoAnotacion {
    margin-top: 15px;
}


/* Rectificación y Saneamiento en BackOffice */
.bkg-modificar h1 {
    font-family: 'Roboto Slab', serif !important;
    font-size: 1.5rem !important;
    color: #111 !important;
    font-weight: 400;
    margin-bottom: 20px !important;
}

.bkg-modificar h2 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5em !important;
}

.bkg-modificar li {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5em !important;
}

.bkg-modificar span {
    font-size: 15px !important;
}

.title-box .cont {
    width: auto;
}

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

.panel-container {
    width: 100%;
}

    .panel-container li {
        font-family: 'Roboto', sans-serif !important;
        font-size: 15px !important;
        line-height: 1.5em !important;
        margin-left: 10px;
    }

.botonr .arrowred {
    min-width: 100px;
    margin-right: 15px;
}

#boxer_content_tblPendientes {
    padding: 8px !important;
}

    #boxer_content_tblPendientes tr:nth-child(odd) {
        background-color: #f0f0f0;
    }

    #boxer_content_tblPendientes tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    #boxer_content_tblPendientes td:nth-child(6) {
        text-transform: lowercase;
    }

        #boxer_content_tblPendientes td:nth-child(6)::first-letter {
            text-transform: uppercase;
        }


#boxer_content_contTramitacion {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #111;
    border: 1px solid #ced4da;
    height: 40px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding-left: 5px;
    background: #e8f0fe;
}

.arrow #boxer_content_lnkContinuar {
    background: none;
    background-color: #006fb3;
    content: url('../imgs/icon-search-backoffice.png');
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 24px;
    padding: 8px 4px;
    margin-left: -7px !important;
}

    .arrow #boxer_content_lnkContinuar:hover {
        background-color: #034d80;
    }

footer {
    margin-top: 25px !important
}

.wpasos {
    -webkit-border-top-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    border-top-left-radius: 0;
}

#boxer .pasos {
    margin-left: 0;
}

#tblResumen td {
    padding-left: 10px !important;
}

#tblResumen {
    border: solid 1px #ccc !important;
}

/* Corrige error en input de "Capital Pagado" en paso 2 de: SA SAGR y SpA */
#trCapital_0 div {
    margin-right: 0 !important;
}

/* Corrige error label error en paso 4 "RUT Datos Anexos del Representante" */
.datos label {
    float: none !important;
    color: #f00 !important;
    font-size: 13px !important;
    margin-left: 10px;
}

/* Corrige error de botones continuar de los formularios */
.boton-generico #btnContinuar, #boxer_content_btnContinuarAdjunto {
    min-width: 100px;
    min-height: 36px;
    line-height: 36px !important;
    padding: 1px 14px !important
}

.margen-abajo .arrowred {
    padding: 0;
}

    .margen-abajo .arrowred a {
        min-width: 80px !important;
        line-height: 40px !important;
    }

    .margen-abajo .arrowred #next {
        min-height: 40px;
        padding: 1px 14px !important
    }

/* Corrige modal ancho y alto */
.ui-dialog {
    min-width: 700px !important;
}

.ui-dialog-content {
    height: 100% !important;
}

/* Corrige error modal cancelar "Firma de Escritura" */
.ui-dialog-content table label {
    font-size: 16px !important;
    line-height: 14px;
}

#dialog_cancela_rep p:nth-child(1) {
    display: none;
}

/* Corrige modal ir a firmar o comprar firma "Firma Electónica */
#ui-dialog-title-dialog-firma-movil, #ui-dialog-title-dialog-firma-movil-tipo-firma, #ui-dialog-title-dialog-firma-movil-compra-firma {
    font-size: 19px !important
}

#dialog-firma-movil p:nth-child(1), #dialog-firma-movil-tipo-firma p:nth-child(1), #dialog-firma-movil-compra-firma p:nth-child(1) {
    display: none;
}

#dialog-firma-movil div, #dialog-firma-movil-tipo-firma div {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #111;
    line-height: 20px;
    padding: 0 30px 0 15px;
}

#dialog-firma-movil-compra-firma div {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #111;
}

    #dialog-firma-movil-compra-firma div br:nth-child(1) {
        display: none;
    }

.ui-dialog-buttonset .btn2 {
    color: #fff;
    border: 0;
}

.ui-dialog-buttonset button:hover {
    opacity: 0.9;
}

#dialog-firma-movil-compra-firma {
    margin-top: 15px;
}

.pscCompra {
    margin-top: 0 !important;
    font-family: 'Roboto', sans-serif !important;
    color: #111;
    margin-bottom: 10px;
}

#dialog-firma-movil-compra-firma div:nth-child(3) div:nth-child(3) {
    font-family: 'Roboto', sans-serif !important;
    color: #111;
    line-height: 16px;
    padding-top: 10px;
}

.arrowred #btnContinuar {
    width: 100px;
    height: 36px;
    margin: 0 auto;
}

/* Modificación colores de botones formularios y modal */
.ui-dialog-buttonset button.btn-red-modal {
    background-color: #E22C2C !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    padding: 10px 18px !important;
    outline: none !important;
}

.ui-dialog-buttonset button.btn-blue-modal {
    background-color: #006fb3 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    padding: 10px 18px !important;
    outline: none !important;
}

    .ui-dialog-buttonset button.btn-blue-modal:hover {
        opacity: 0,9 !important;
    }

.ui-dialog-buttonset button.btn-cerrar-modal {
    float: left !important;
    background-color: #fff !important;
    border: 2px solid #006FB3 !important;
    color: #006FB3 !important;
    padding: 8px 16px !important;
    outline: none !important;
}

    .ui-dialog-buttonset button.btn-cerrar-modal:hover {
        background-color: #006FB3 !important;
        color: #fff !important;
    }

.ui-dialog-buttonset button.btn-link-modal {
    position: absolute !important;
    background-color: #fff !important;
    font-size: 13px !important;
    font-weight: 100 !important;
    text-decoration: underline;
    color: #006FB3 !important;
    padding: 0 !important;
    left: 43%;
    bottom: 0;
}
    .ui-dialog-buttonset button.btn-link-modal:hover {
        color: #034d80 !important;
    }

.ui-dialog-buttonset {
    width: 100%;
}

/* Corrige color botón Cancelar firma con e-Token */
#tablaAppFirma .boton-largored {
    background-color: #006FB3 !important;
}

    #tablaAppFirma .boton-largored:hover {
        background-color: #034d80 !important;
    }

/* Corrige focus en botones y links */
:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

/* Corrige error de texto en paso previo a finalizar firma */
#ap2, #errorCertificado {
    display: inline-block;
}

/* Corrige Footer siempre pegado abajo */
html body {
    height: 100%;
}
.new-footer {
    position: absolute;
    bottom: 0 !important;
    width: 100%;
}

/* Muestra íconos en DataPicker "Prev / Next" */
.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon {
    display: inline !important;
    width: 16px !important;
}

/* Corrige ícono oculto de ayuda en Emigrar */
#quienFirma .modulos {
    margin-top: 75px !important;
}

/* Corrige cursor pointer Main Menu */
.dropdown .header__mainMenu__item {
    cursor: pointer;
}

/* Corrige focus estilo Bootstrap en input, select, textarea */
.datos input[type="text"]:focus,
.datos input[type="password"]:focus,
.datos select:focus,
.datos textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

/* Bloque Intrucciones formularios Paso 1*/
.instrucciones {
    width: 92%;
    background-color: #d9edf7;
    border: 1px solid #bcdff1;
    border-radius: 8px;
    min-height: 50px;
    height: auto;
    float: left;
    padding: 25px;
    margin: 30px 0;
}

    .instrucciones p {
        margin-left: 0 !important;
        margin-right: 0 !important;
        line-height: 1.5em;
    }

    .instrucciones .ico-ayuda {
        float: right !important;
        margin: -70px -10px !important;
    }

/* Bloque Importante formularios firma Paso 4 */
#boxer .important-table {
    width: 100%;
    background: #d9edf7 !important;
    margin: 0 !important;
    border: 0 !important;
}

    .important-table td {
        background: #d9edf7 !important;
    }

    .important-table #firma-estatutos {
        position: relative !important;
        margin: -30px 0 0 !important;
        background: url(../imgs/fondo-firmar_2.png) no-repeat left -7px !important;
        padding: 15px 0 0 80px !important;
    }
        .important-table #firma-estatutos:hover {
            opacity: 0.9;
        }

        .important-table #firma-estatutos h1 {
            margin-left: 10px !important;
        }

        .important-table #firma-estatutos h2 {
            margin-left: 10px !important;
        }

        .important-table a {
            color: #111 !important;
        }

.important-table p {
    margin-right: 0 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    line-height: 1.5em;
}

.important-width70 {
    width: 70%;
    padding-right: 0 !important;
}

.important-margin {
    margin: 60px 0 -20px !important;
}

.important-margin-left {
    margin-left: 15px;
}

/* Estilos Encuesta RES */
.centrar-encuesta {
    padding-left: 15px !important;
    width: 600px !important;
}

.text-encuesta {
    clear: both !important;
    text-align: justify !important;
    padding: 0 10px !important;
}

button.btn-red {
    background-color: #E22C2C !important;
    font-family: 'Roboto', sans-serif !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    padding: 10px 18px !important;
    outline: none !important;
    color: #fff;
}

    button.btn-red:hover {
        opacity: 0.9;
        color: #fff;
    }

/* Estilos Página Buscar Actuaciones y Certificados */
#boxer_content_lbBusquedaRut.miBoton,
#boxer_content_lbBusquedaRSocial.miBoton,
#boxer_content_lbBusquedaFecha.miBoton,
#boxer_content_lbBusquedaFechaRegistro.miBoton,
#boxer_content_lnkValidarCVE.miBoton {
    padding: 6px 12px;
}

.miBoton:hover {
    opacity: 0.9;
}

/* Breadcrumb Cambios */
.breadcrumb {
    margin: 15px 0 0 0 !important;
}

/* Tabla Notarías */
#tblNotarios {
    margin: 0 auto !important;
}

div#tblNotarios .ui-jqgrid-hdiv,
div#tblNotarios .ui-jqgrid-bdiv,
div#tblNotarios #navGrid,
div#tblNotarios {
    width: 960px !important
}

@media (max-width: 768px) {
    div#tblNotarios .ui-jqgrid-hdiv,
    div#tblNotarios .ui-jqgrid-bdiv,
    div#tblNotarios #navGrid,
    div#tblNotarios,
    #gbox_datagrid,
    #gview_datagrid,
    #navGrid,
    .ui-state-default.ui-jqgrid-hdiv,
    .ui-jqgrid-bdiv {
        width: 100% !important
    }

    #navGrid_left #refresh_datagrid {
        background-position: 50% 25% !important;
    }

    #navGrid_left #refresh_datagrid:before {
        content: "" !important;
    }
}

#boxer_content_dv_proveedores_firma {
    width: 100%;
}

/* Corrige ancho del select Signature */
#ap2 {
    width: 100% !important;
}

.footer.new-footer {
    padding-top: 50px;
    background-color: #012b53 !important;
    color: #fff !important;
}

.col--1 {
    position: relative;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.col--2 {
    position: relative;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}

.txt--footer {
    line-height: 24px;
}

@media (max-width: 768px) {
    .col--1, .col--2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col--2 {
        margin-left: 10px;
    }

    .txt--footer {
        display: inline-block !important;
        margin-top: -30px !important;
    }

    .hidden-xs {
        display: none !important;
    }

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

/* Dialog Responsive */
@media (max-width: 768px) {
    .ui-dialog {
        min-width: 90% !important;
    }

        .ui-dialog table {
            max-width: 90%;
        }
}

/* Ocultar y mostrar menú Mi Cuenta */

/* hidden-xs */
@media (max-width: 768px) {
    .hidden-xs {
        display: none;
    }
}

/* hidden-md */
@media (min-width: 992px) {
    .hidden-md {
        display: none;
    }
}

/* hidden-lg */
@media (min-width: 1200px) {
    .hidden-lg {
        display: none;
    }
}

/* Submenu Dropdowns Mi Cuenta */
.sub--usuario {
    top: 24px !important;
    width: 75% !important;
    left: 80px !important;
}

.sub--servicios {
    top: 51px !important;
    width: 75% !important;
    left: 88px !important;
}

.sub--escritorio {
    top: 78px !important;
    width: 75% !important;
    left: 88px !important;
}

.sub--ayuda {
    top: 105px !important;
    width: 75% !important;
    left: 70px !important;
}

@media (max-width: 768px) {
    .dropdown ol.dropdown-menu {
        top: 70px;
    }
}

/* Alto texto Comprar FEA en Línea */
.pscCompra div {
    height: 90px;
}

#dialog-firma-movil-compra-firma .pscCompra div {
    height: 95px;
    margin-top: 20px !important;
}

#dialog-firma-movil-compra-firma div:nth-child(3) div:nth-child(3) {
    padding-top: 2px;
}

@media (max-width: 767px) {
    .col--fea {
        width: 100% !important;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

    div.col--fea:last-child {
        border-bottom: 0;
    }
}

/* Menú Ayuda sidebar */
.caret--off .dropdown-toggle::after {
    display: none;
}

.dropdown-menu.drop--ayuda {
    width: 108%;
    margin-left: -15px !important;
}

    .dropdown-menu.drop--ayuda li a {
        width: 100%;
        color: #111;
        word-wrap: break-word;
        white-space: normal;
    }

    .dropdown-menu.drop--ayuda > .active > a,
    .dropdown-menu.drop--ayuda > .active > a:link,
    .dropdown-menu.drop--ayuda > .active > a:visited,
    .dropdown-menu.drop--ayuda > .active > a:hover,
    .dropdown-menu.drop--ayuda > .active > a:active {
        background: #fff;
        color: #111;
    }

/* Botón volver Informa Rut*/
.infoRut--btn { 
    font-family: 'Roboto', sans-serif;
}

@media (max-width: 420px) {
    .wlogo-r {
        width: 95% !important;
    }
}

@media (max-width: 375px) {
    .cut-text {
        width: 225px !important;
    }
    .title--dos {
        line-height: 24px;
    }
}

.modulos .titulo #dvNombreSocio {
    font-size: 1.3rem !important;
    margin-left: 5px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.banner--info {
    background: #d0e4f4;
    padding-top: 20px;
    padding-bottom: 15px;
}

    .banner--info span {
        background: #07adcc;
        color: #fff;
        font-weight: 600;
        padding: 4px 12px;
        float: right;
        margin-right: -35px;
    }

    .banner--info a {
        color: #000;
        text-decoration: underline;
        line-height: 35px;
    }

        .banner--info a:hover {
            color: #000;
            text-decoration: underline;
        }

.border--space {
    border-left: solid 2px #888;
    margin-left: 15px;
}

.div--space {
    margin-right: -15px;
    padding-right: 0;
}

.div--left1 {
    padding-right: 0 !important;
}

.div--left2 {
    text-align: right;
}

.txt--right a {
    margin-left: -55px;
}

@media (max-width: 767px) {
    .banner--info span {
        float: left;
    }

    .div--left2 {
        text-align: left;
    }

    .txt--right {
        border-top: 1px solid #888;
        margin-top: 3px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .txt--right a {
        margin-left: 0;
        margin-left: -15px;
    }
}

.claveUnica {
    width: 105px !important;
    vertical-align: middle;
    margin-left: 5px;
}

.bordered--left {
    border-top: 1px solid #888;
    width: 45%;
    float: left;
}

.bordered--right {
    border-top: 1px solid #888;
    width: 45%;
    float: right;
}

.text-right__ {
    text-align: right;
}

@media (max-width: 768px) {
    .text-right__ {
        text-align: left;
    }
}