@import url('_general_colores.css');

body {
    padding-left: 1rem;
    padding-right: 1rem;
}

.row {
    display: flex;
    flex-direction: row;
}

.mainCont {
    width: 100%;
    height: 100%;
    display: flex;
}

    .mainCont .innerCont {
        position: relative;
        max-width: 900px;
        min-width: 700px;
        margin: 0 auto;
        font-family: sans-serif;
    }

.center {
    margin: auto;
    width: 50%;
    text-align: center;
    padding: 10px;
}

.titleType1 {
    color: var(--celeste);
    font-size: 1.5rem;
    font-family: sans-serif;
    text-align: left;
    margin: 3rem 0 0 0;
    position: relative;
}

.separadorTitleType1 {
    height: 1px;
    background: var(--gris-sidebar);
    margin: 2rem 0;
}

.innerCont #info:not(:empty) {
    border: 1px solid var(--info-response-border);
    padding: .7rem 1.5rem;
    max-width: 32rem;
    color: var(--info-response-color);
    background: var(--info-response-bg);
    margin: auto;
    border-radius: 4rem;
    font-family: sans-serif;
    margin-bottom: 1rem;
}
/* Purple Main Action */
/*
<tr class="purpleActions">
    <td align="center" colspan="3">
        <div class="purpleActionsInner">
            <input class="botones mainAction" tabindex="5" type="button" value=" Buscar " name="Buscar" onclick="validar(frm);" id="Buscar">
        </div>
    </td>
</tr>
*/

input[type="button"].mainAction,
input[type="submit"].mainAction {
    background: var(--purple-mainaction);
    color: var(--white-mainaction);
    padding: .7rem 1rem;
    border: none;
    border-radius: 2rem;
    font-size: 1rem;
    cursor: pointer;
}

    button.mainAction:hover,
    input[type="button"].mainAction:hover,
    input[type="submit"].mainAction:hover {
        background: var(--purple-mainaction-hover);
    }

button.mainAction {
    background: var(--purple-mainaction);
    color: var(--white-mainaction);
    padding: .7rem 1rem;
    border: none;
    border-radius: 2rem;
    font-size: 1rem;
    cursor: pointer;
}

input[type="button"].secondaryAction,
input[type="submit"].secondaryAction,
button.secondaryAction,
button.secondaryAction i {
    color: var(--purple-mainaction);
    background: none;
    text-decoration: underline;
    text-underline-offset: .3rem;
    font-weight: bold;
    font-size: 1rem;
    cursor: pointer;
    border: none;
    margin-right: .5rem;
}

    button.secondaryAction:disabled i,
    button.secondaryAction:disabled {
        background: none !important;
        color: gray;
    }

    button.secondaryAction i {
        margin: 0;
    }

    input[type="button"].secondaryAction:hover,
    input[type="submit"].secondaryAction:hover,
    button.secondaryAction:hover,
    button.secondaryAction:hover i {
        color: var(--purple-mainaction-hover);
    }

    button.secondaryAction:disabled:hover i,
    button.secondaryAction:disabled:hover {
        color: #adadad;
    }

.purpleActionsSoloContainer {
    display: flex;
    flex-direction: row;
    justify-content: right;
}

.purpleActions {
    /* flex-flow: row-reverse; */
    margin: 1rem 0 0 0;
    background: none;
}

tr.purpleActions > td {
    background: none !important;
    border: none !important;
}

.purpleActionsInner {
    margin: 0 0 0 auto;
}

.purpleActions > td {
    padding: 0 !important;
    width: 100%;
}
/* resultsListTable */
.resultsListTable {
    margin-bottom: 4rem;
    border: 1px solid var(--gris-table-border);
    font-size: .8rem;
    font-family: sans-serif;
    border-radius: 2rem;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    display: block;
    background: var(--results-table-bg);
}

    .resultsListTable > tbody {
        width: 100%;
        display: table;
    }

        .resultsListTable > tbody > tr:first-of-type {
            height: 2.5rem;
            background: var(--celeste);
            color: var(--textoenceleste);
        }

        .resultsListTable > tbody > tr:last-of-type {
            height: 3.5rem;
            font-size: 1rem;
        }

    .resultsListTable td > p > font {
        /*font-size: 1rem;*/
    }

    .resultsListTable tbody > tr {
        height: 2.5rem;
        text-align: left;
        width: 100%;
    }



    .resultsListTable > tbody > tr > td {
        width: auto;
        text-align: left;
        padding: .2rem;
        border: none;
        vertical-align: middle;
    }

        .resultsListTable > tbody > tr > td font {
            font-size: .8rem;
            /* white-space: nowrap; */
        }

            .resultsListTable > tbody > tr > td font > img {
                margin: auto;
                display: flex;
            }

        .resultsListTable > tbody > tr > td:last-of-type {
            padding-right: 1rem;
        }

        .resultsListTable > tbody > tr > td:first-of-type {
            padding-left: 1rem;
            white-space: nowrap;
        }


        .resultsListTable > tbody > tr > td > p {
            text-align: left !important;
            margin: 0;
        }

    .resultsListTable tbody > tr:not(:nth-child(1)):nth-child(odd) {
        background: var(--results-table-tr-odd);
    }

    .resultsListTable tbody > tr:not(:nth-child(1)):hover {
        background: var(--results-table-tr-hover);
        cursor: pointer;
    }
/* resultsListTable2 */
.resultsListTable2 {
    margin-bottom: 1rem;
    border: 1px solid var(--gris-table-border);
    font-size: 1rem;
    border-radius: 2rem;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    display: block;
    background: var(--results-table-bg);
}

    .resultsListTable2 > tbody {
        width: 100%;
        display: table;
    }

    .resultsListTable2 > thead > tr:first-of-type {
        height: 3.5rem;
        background: var(--celeste);
        color: var(--textoenceleste);
    }

    .resultsListTable2 > tbody > tr:first-of-type {
        height: 3.5rem;
        /* background: var(--celeste); */
        color: var(--textonegro);
    }

    .resultsListTable2 > tbody > tr:last-of-type {
        height: 3.5rem;
        font-size: 1rem;
        padding-bottom: 1rem;
    }

    .resultsListTable2 td > p > font {
        /* font-size: 1rem; */
        /* text-align: center; */
        padding: 0 0 0 1rem;
    }

    .resultsListTable2 tbody > tr {
        height: 3.5rem;
        text-align: left;
        width: 100%;
    }

    .resultsListTable2 > tbody > tr > td {
        width: auto;
        text-align: left;
        padding: .2rem;
    }

    .resultsListTable2 > thead > tr > td {
        /* text-align: left; */
        padding: .2rem;
        /* width: auto; */
    }

        .resultsListTable2 > thead > tr > td:nth-child(1),
        .resultsListTable2 > tbody > tr > td:nth-child(1) {
            /* width: 2rem; */
        }

            .resultsListTable2 > thead > tr > td:nth-child(1) p {
                width: 2rem;
            }

    .resultsListTable2 > tbody > tr > td font {
        font-size: 1rem;
        /* white-space: nowrap; */
    }

    .resultsListTable2 > tbody > tr > td:last-of-type {
        padding-right: 1rem;
    }

    .resultsListTable2 > > tr > td:first-of-type {
        padding-left: 1rem;
        white-space: nowrap;
    }


    .resultsListTable2 > tr > td > p {
        text-align: left !important;
    }

    .resultsListTable2 tbody > tr:not(:nth-child(1)):nth-child(even) {
        background: var(--results-table-tr-odd);
    }

    .resultsListTable2 input:hover {
        cursor: pointer;
    }

/* List Results Paginators */
.listTablePaginators {
    font-family: sans-serif;
}

    .listTablePaginators p {
        flex-grow: 1;
        font-size: 1rem;
        /* padding: 0; */
        margin: 0 0 1rem 0;
    }

    .listTablePaginators.listTablePaginatorsFirst > p {
        margin: 1rem 0 .5rem 0;
    }

    .listTablePaginators.listTablePaginatorsSecond > p {
        margin: 0 0 1rem 0;
    }

    .listTablePaginators a {
        color: var(--results-table-top-btns-c);
        background: none;
        border: none;
        text-decoration: underline;
        margin: 0 0 0 .5rem;
        cursor: pointer;
        font-size: 1rem;
    }

    .listTablePaginators font {
        color: var(--results-table-top-btns-c);
    }

    .listTablePaginators a:hover {
        font-weight: bold;
        color: var(--celeste);
    }

    .listTablePaginators a font {
        font-size: 1rem;
    }

        .listTablePaginators a font:hover {
            font-size: 1rem;
            color: var(--celeste);
        }

/* tbodyIsolatedTrs */
.tableIsolatedTrs,
.tableIsolatedTrs * {
    border: none;
    width: 100%;
    font-family: sans-serif;
    font-size: .9rem;
}

    .tableIsolatedTrs tbody > tr {
        display: flex;
        margin-bottom: .5rem;
    }

    .tableIsolatedTrs > tbody > tr > td:nth-child(1) {
        background: var(--celeste);
        color: var(--textoenceleste);
        border-radius: 2rem 0 0 2rem;
        width: 12rem;
        padding: 1.2rem;
        display: inline-flex;
        white-space: nowrap;
    }
        /*
@media (max-height:860px) {
    .tableIsolatedTrs > tbody > tr > td:nth-child(1) {
        padding: .7rem;
    }

    .tableIsolatedTrs tbody > tr {
        margin-bottom: .6rem;
    }

    .titleType1 {
        margin: 1.8rem 0 1.8rem 0 !important;
    }

    tr.searchResultsType1 > td > p > b font {
    }

    tr.searchResultsType1 > td > p > b {
        padding: 0 0 1.8rem 0 !important;
        margin: 0 0 1.8rem 0 !important;
        
    }
}
*/

        .tableIsolatedTrs > tbody > tr > td:nth-child(1) > input {
            margin: 0;
            width: 1.5rem;
        }

        .tableIsolatedTrs > tbody > tr > td:nth-child(1) font {
            font-size: 1rem;
            color: var(--textoenceleste);
            text-align: left;
            margin: 0 auto auto .5rem;
        }

    .tableIsolatedTrs > tbody > tr > td:nth-child(2) {
        border: 1px solid var(--gris-table-border);
        border-radius: 0 2rem 2rem 0;
        display: inline-flex;
        flex-direction: row;
        padding-left: 1rem;
        background: var(--results-table-bg);
    }

        .tableIsolatedTrs > tbody > tr > td:nth-child(2) > font {
            margin: auto 1rem auto 0;
            width: auto;
            /* width: 100%; */
            white-space: nowrap;
        }

            .tableIsolatedTrs > tbody > tr > td:nth-child(2) > font.selectPais {
                width: 100%;
            }

        .tableIsolatedTrs > tbody > tr > td:nth-child(2) input[type=text] {
            border: 1px solid var(--celeste);
            border-radius: 2rem;
            height: 1.5rem;
            margin: auto 2rem auto 0;
            /* width: 3rem; */
            /* text-align: center; */
            text-indent: .5rem;
        }

        .tableIsolatedTrs > tbody > tr > td:nth-child(2) select {
            border: 1px solid var(--celeste);
            border-radius: 1rem;
            height: 1.5rem;
            margin: auto 1rem auto 0;
            /* min-width: 12rem; */
            text-indent: .5rem;
            width: 99%;
            cursor: pointer;
        }

        .tableIsolatedTrs > tbody > tr > td:nth-child(2) input[type=checkbox] {
            height: 1rem;
            width: 1rem;
            margin: auto 0;
        }

        .tableIsolatedTrs > tbody > tr > td:nth-child(2) label {
            height: 1.2rem;
            width: 0rem;
            margin: auto 0;
        }

        .tableIsolatedTrs > tbody > tr > td:nth-child(2) input[type=checkbox] + font {
            width: auto;
            margin: auto 2rem auto .5rem;
        }

    .tableIsolatedTrs .tdLeftCol {
        display: flex;
        flex-direction: column;
    }

        .tableIsolatedTrs .tdLeftCol div {
            display: flex;
        }

        .tableIsolatedTrs .tdLeftCol input {
            width: auto;
        }

        .tableIsolatedTrs .tdLeftCol + .tdRightCol {
            display: flex;
            flex-direction: column;
            padding: 1rem;
        }

            .tableIsolatedTrs .tdLeftCol + .tdRightCol > font {
                margin: 0;
            }

            .tableIsolatedTrs .tdLeftCol + .tdRightCol > div:nth-child(2) {
                margin: 1rem 0 0 0;
            }

            .tableIsolatedTrs .tdLeftCol + .tdRightCol > div:nth-child(3) {
                margin: 0;
                margin: 1rem 0 0 0;
                display: inline-flex;
            }

            .tableIsolatedTrs .tdLeftCol + .tdRightCol .layout-slider {
            }

                .tableIsolatedTrs .tdLeftCol + .tdRightCol .layout-slider .slider { /* margin-right: 1rem; */
                }

                .tableIsolatedTrs .tdLeftCol + .tdRightCol .layout-slider .range {
                    width: 3rem;
                    text-align: center;
                    text-indent: 0;
                    margin: 0 0 0 1rem;
                }

                .tableIsolatedTrs .tdLeftCol + .tdRightCol .layout-slider .slider .handle {
                    height: 1rem;
                }
/* tbodyIsolatedTrs2 tiene SELECT*/
.tableisolatedtrs2,
.tableIsolatedTrs2 * {
    width: 100%;
    font-family: sans-serif;
}

    .tableIsolatedTrs2 td {
        background: var(--celeste);
        color: var(--textoenceleste);
        width: 10rem;
        width: 100%;
        height: 3rem;
        padding: 0;
        display: inline-flex;
        text-align: left;
        display: flex;
        flex-direction: row;
        border-radius: 2rem;
    }

        .tableIsolatedTrs2 td > font {
            color: var(--textoenceleste);
            display: flex;
            flex-direction: row;
        }

            .tableIsolatedTrs2 td > font > div:nth-child(1) {
                background: var(--celeste);
                color: var(--textoenceleste);
                border-radius: 2rem 0 0 2rem;
                width: 11.3rem;
                padding: 0 0 0 1rem;
                display: inline-flex;
                margin: auto;
            }

            .tableIsolatedTrs2 td > font > div:nth-child(2) {
                border: 1px solid var(--gris-table-border);
                border-radius: 0 2rem 2rem 0;
                display: inline-flex;
                flex-direction: row;
                padding-left: 1rem;
                background: var(--results-table-bg);
            }

                .tableIsolatedTrs2 td > font > div:nth-child(2) > select {
                    text-indent: .5rem;
                    border: 1px solid var(--celeste);
                    border-radius: 1rem;
                    height: 1.5rem;
                    width: 15rem;
                    margin: auto auto auto 0;
                    cursor: pointer;
                }


/* tbodyAsUnitBox */
.tbodyAsUnitBox {
    width: 100%;
}

    .tbodyAsUnitBox tr {
        display: flex;
        /* height: 2rem; */
        font-weight: normal;
    }

tbody.tbodyAsUnitBox tr td {
    border: none;
    display: flex;
    text-align: left;
    padding: .5rem 0.3rem .5rem 1rem;
    /* height: 1rem; */
    align-content: center;
    align-items: center;
}

tbody.tbodyAsUnitBox tr:not(:last-of-type) td:last-child {
    background: var(--topbar-white);
    flex-grow: 1;
    border-right: solid 1px var(--gris-sidebar);
}

tbody.tbodyAsUnitBox tr:first-of-type td:last-child {
    border-top: solid 1px var(--gris-sidebar);
    border-radius: 0px 1.2rem 0px 0px;
}

tbody.tbodyAsUnitBox tr:nth-of-type(4) td:last-child {
    border-bottom: solid 1px var(--gris-sidebar);
    border-radius: 0px 0px 1.2rem 0px;
}

tbody.tbodyAsUnitBox tr:not(:last-of-type) td:last-child input,
tbody.tbodyAsUnitBox tr:not(:last-of-type) td:last-child select {
    /*background: var(--topbar-white);
    color: var(--celeste);*/
    border-radius: 1rem;
    width: 100%;
    /*border: 1px solid #999eb3;*/
    max-width: 26rem;
    text-indent: .5rem;
}

.tbodyAsUnitBox tr td:first-child {
    background: var(--celeste);
    color: var(--textoenceleste);
    border-radius: 0;
    min-width: 1.2rem;
}

tbody.tbodyAsUnitBox tr:first-of-type td:nth-child(1) {
    background: var(--celeste);
    color: var(--textoenceleste);
    border-radius: 1.2rem 0px 0px 0px;
    border-spacing: 0;
    /* padding-top: 1rem; */
}

tbody.tbodyAsUnitBox tr:nth-of-type(1) td:nth-child(2) {
    padding-top: 1rem;
}

tbody.tbodyAsUnitBox tr:nth-of-type(4) td:nth-child(2) {
    padding-bottom: 1rem;
}

tbody.tbodyAsUnitBox tr:nth-child(11) td:nth-child(1) {
    background: var(--celeste);
    color: var(--textoenceleste);
    border-radius: 0px 0px 0px 1.2rem;
}

tbody.tbodyAsUnitBox tr:last-of-type td:nth-child(1) {
    background: none;
}

tbody.tbodyAsUnitBox tr td:nth-child(2) {
    background: var(--celeste);
    color: var(--textoenceleste);
    min-width: 5rem;
    padding: .5rem;
}

tbody.tbodyAsUnitBox tr td:nth-child(3) {
    padding: .5rem;
}

.tbodyAsUnitBox tr:last-child {
}

.tbodyAsUnitBox tr:not(:first-of-type) td:nth-child(1) {
    background: var(--celeste);
    color: var(--textoenceleste);
    border-radius: 0rem 0px 0px 0px;
    border-spacing: 0;
}


/* Search results type1 */
tr.searchResultsType1 {
    width: 900px;
    font-family: sans-serif;
}

    tr.searchResultsType1 > td > p > b {
        width: 100%;
        position: relative;
        border-bottom: 1px solid var(--gris-sidebar);
        display: block;
        padding: 0 0 2rem 0;
        margin: 0 0 2rem 0;
        text-align: left;
    }

        tr.searchResultsType1 > td > p > b font {
            color: var(--celeste);
            font-size: 1.5rem;
            font-family: sans-serif;
            text-align: left;
            margin: 3rem 0 2rem 0;
            position: relative;
            font-weight: normal;
        }

    tr.searchResultsType1 > td > table,
    tr.searchResultsType1 > td > table ~ p,
    tr.searchResultsType1 > td > p ~ center {
        color: var(--textonegro);
        text-align: left;
        position: relative;
        background: var(--results-table-bg);
        margin: 0;
        border: 1px solid var(--gris-table-border);
    }

        tr.searchResultsType1 > td > table > *,
        tr.searchResultsType1 > td > table ~ p > *,
        tr.searchResultsType1 > td > p ~ center * {
            background: none;
        }

    tr.searchResultsType1 > td > table {
        border-radius: 1rem 1rem 0 0;
        padding: 1rem 1rem 0 1rem;
        border-bottom: none;
    }

        tr.searchResultsType1 > td > table ~ p {
            display: flex;
            padding: 1rem 1rem;
            border-bottom: none;
            border-top: none;
            flex-direction: column;
        }

    tr.searchResultsType1 > td > p ~ center {
        border-radius: 0 0 1rem 1rem;
        padding: 0 1rem 1rem 1rem;
        border-top: none;
    }

    tr.searchResultsType1 > td > table ~ p > table,
    table.internalSearchResultsType1 {
        padding: 0 0 1rem 0;
    }

table.internalSearchResultsType1 {
    border-radius: 1rem;
}

    table.internalSearchResultsType1 a,
    table.internalSearchResultsType1 a font {
        cursor: pointer;
        color: var(--celeste);
    }

        table.internalSearchResultsType1 a:hover {
            font-weight: bold;
        }

    table.internalSearchResultsType1 > tbody > tr > td > table {
        border-radius: 1.5rem;
        overflow: hidden;
    }

        table.internalSearchResultsType1 > tbody > tr > td > table > tbody > tr > td > table {
            display: flex;
        }

            table.internalSearchResultsType1 > tbody > tr > td > table > tbody > tr > td > table > tbody {
                display: inline-flex;
            }

                table.internalSearchResultsType1 > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:not(:last-child) {
                    margin-right: 1rem;
                }

.tablaSeguimientosIdDelProblema table,
.tablaSeguimientosIdDelProblema tbody,
.tablaSeguimientosIdDelProblema tr,
.tablaSeguimientosIdDelProblema td {
    border: none;
    background: none;
}

.tablaSeguimientosIdDelProblema {
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid var(--gris-table-border);
    margin-bottom: 1rem;
    background: var(--results-table-bg);
    font-family: sans-serif;
    );
}

    .tablaSeguimientosIdDelProblema table > tbody > tr:nth-child(1) {
        padding: 1rem 1rem 1rem 1rem;
        display: block;
        background: var(--results-table-bg-h);
        border-bottom: 2px solid var(--results-table-inner-border);
    }

    .tablaSeguimientosIdDelProblema table > tbody > tr:not(:nth-child(1)) {
        padding: .5rem .5rem .5rem .5rem;
        display: block;
    }

        .tablaSeguimientosIdDelProblema table > tbody > tr:not(:nth-child(1)) br {
            display: none;
        }

        .tablaSeguimientosIdDelProblema table > tbody > tr:not(:nth-child(1)) font {
            padding: 0rem 1rem 1.2rem 1rem;
            display: inline-flex;
            width: 38%;
        }

        .tablaSeguimientosIdDelProblema table > tbody > tr:not(:nth-child(1)) img {
            margin-right: .3rem;
            margin-top: -.2rem;
            max-height: 1.5rem;
            max-width: 1.5rem;
        }

        .tablaSeguimientosIdDelProblema table > tbody > tr:not(:nth-child(1)) input {
            margin: 0 .3rem 0 0;
            cursor: pointer;
        }

.tablaSeguimientosSeparador {
    width: .4rem !important;
    display: block;
}

.tablaSeguimientosObservacion table,
.tablaSeguimientosObservacion tbody,
.tablaSeguimientosObservacion tr,
.tablaSeguimientosObservacion td {
    border: none;
    background: none;
}

.tablaSeguimientosObservacion {
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid var(--gris-table-border);
    margin-bottom: 1rem;
    background: var(--results-table-bg);
    );
}

    .tablaSeguimientosObservacion > tbody > tr > td > table tr:nth-child(1) {
        padding: 1rem 1rem;
        display: block;
        background: var(--results-table-bg-h);
        border-bottom: 2px solid var(--results-table-inner-border);
    }

    .tablaSeguimientosObservacion > tbody > tr > td > table tr:nth-child(2) {
        padding: 1rem;
        display: block;
    }

    .tablaSeguimientosObservacion > tbody > tr > td > table tr td {
        width: 100%;
        display: block;
        font-family: sans-serif;
    }

        .tablaSeguimientosObservacion > tbody > tr > td > table tr td font {
            display: inline-block;
            vertical-align: top;
        }

    .tablaSeguimientosObservacion > tbody > tr > td > table tr textarea {
        margin: 0 0 0 0;
        width: 97%;
        padding: .5rem;
        display: block;
    }

    .tablaSeguimientosObservacion > tbody > tr > td > table tr:nth-child(3) {
        padding: 0 1rem 1rem 1rem;
        display: block;
    }

        .tablaSeguimientosObservacion > tbody > tr > td > table tr:nth-child(3) input {
            margin: 0 .5rem 0 0;
            padding: 0;
            cursor: pointer;
        }

.tablaSeguimientosCabecera {
    width: 100%;
}

    .tablaSeguimientosCabecera > tbody {
    }

        .tablaSeguimientosCabecera > tbody > tr {
            display: flex;
            flex-direction: column;
            width: 50rem;
            max-width: 100%;
            margin: auto;
        }

            .tablaSeguimientosCabecera > tbody > tr > td:nth-child(1) {
                width: 100%;
                border: 1px solid var(--gris-table-border);
                margin-bottom: 1rem;
                background: var(--results-table-bg);
                border-radius: 1rem;
                overflow: hidden;
                /* padding: 1rem 1rem .5rem 1rem; */
                padding: 0;
            }

            .tablaSeguimientosCabecera > tbody > tr > td:nth-child(2) {
                width: 100%;
            }

            .tablaSeguimientosCabecera > tbody > tr > td table {
                border: none;
                background: none;
            }

            .tablaSeguimientosCabecera > tbody > tr > td > table > tbody > tr tr:nth-child(1) {
                background: var(--celeste);
                color: var(--textoenceleste) !important;
                padding: 1rem;
                width: 100%;
                /* margin: 0; */
            }

            .tablaSeguimientosCabecera > tbody > tr > td > table > tbody > tr tr:not(:nth-child(1)) > td {
                padding: .5rem 0 .5rem 0;
            }

                .tablaSeguimientosCabecera > tbody > tr > td > table > tbody > tr tr:not(:nth-child(1)) > td:first-child {
                    text-indent: 1rem;
                }

            .tablaSeguimientosCabecera > tbody > tr > td > table > tbody > tr tr:nth-child(1) td:nth-child(1) {
                padding: 1rem;
            }

                .tablaSeguimientosCabecera > tbody > tr > td > table > tbody > tr tr:nth-child(1) td:nth-child(1) * {
                    color: var(--textoenceleste);
                    font-size: 1rem;
                }

            .tablaSeguimientosCabecera > tbody > tr > td > table > tbody > tr tr:nth-child(1) td:nth-child(2),
            .tablaSeguimientosCabecera > tbody > tr > td > table > tbody > tr tr:nth-child(1) td:nth-child(2) * {
                color: var(--textoenceleste);
                font-size: 1rem;
            }

            .tablaSeguimientosCabecera > tbody > tr > td > table > tbody > tr > td {
                border: none;
                background: none;
                padding-bottom: .5rem;
            }

    .tablaSeguimientosCabecera img {
        vertical-align: text-bottom;
    }

.tablaSeguimientosCabeceraActions {
    margin-bottom: 1rem;
}

    .tablaSeguimientosCabeceraActions > font {
        display: flex;
        flex-direction: row-reverse;
    }

    .tablaSeguimientosCabeceraActions br {
        display: none;
    }

    .tablaSeguimientosCabeceraActions > font > input[type="button"]:first-of-type,
    .tablaSeguimientosCabeceraActions > font > input[type="submit"]:first-of-type {
        background: var(--purple-mainaction) !important;
        color: var(--white-mainaction) !important;
        padding: .7rem 1rem !important;
        border: none !important;
        border-right: none !important;
        border-radius: 2rem !important;
        font-size: 1rem !important;
        cursor: pointer !important;
        width: auto !important;
        min-width: 7rem !important;
        margin-left: .5rem;
    }

        .tablaSeguimientosCabeceraActions > font > input[type="button"]:first-of-type:hover,
        .tablaSeguimientosCabeceraActions > font > input[type="submit"]:first-of-type:hover {
            background: var(--purple-mainaction-hover) !important;
        }

    .tablaSeguimientosCabeceraActions input[type="button"]:not(:first-of-type),
    .tablaSeguimientosCabeceraActions input[type="submit"]:not(:first-of-type),
    .tablaSeguimientosCabeceraActions button:not(:first-of-type),
    .tablaSeguimientosCabeceraActions button:not(:first-of-type) i {
        color: var(--purple-mainaction) !important;
        background: none !important;
        text-decoration: underline !important;
        text-underline-offset: .3rem !important;
        font-weight: bold !important;
        font-size: 1rem !important;
        cursor: pointer !important;
        border: none !important;
        margin-right: .5rem !important;
        width: auto !important;
    }

        .tablaSeguimientosCabeceraActions input[type="button"]:not(:first-of-type):hover,
        .tablaSeguimientosCabeceraActions input[type="submit"]:not(:first-of-type):hover,
        .tablaSeguimientosCabeceraActions button:not(:first-of-type):hover,
        .tablaSeguimientosCabeceraActions button:not(:first-of-type):hover i {
            color: var(--purple-mainaction-hover) !important;
        }

.tablaSeguimientosRutAsociadosPopUp {
    width: 650px !important;
}

.tablaSeguimientosEmail {
}

tr.searchResultsType1 > td > table ~ p:last-child {
    border-bottom: 1px solid var(--gris-table-border);
    border-radius: 0 0 1rem 1rem;
    margin-bottom: 5rem;
}

tr.searchResultsType1 > td > table ~ p table > tbody > tr > td {
    border: 1px solid #dbdbdb;
    padding: .7rem;
    /* background: var(--results-table-bg); */
}

table.internalSearchResultsType1 > tbody > tr > td > table > tbody > tr:not(:first-of-type) > td {
    border: 1px solid #dbdbdb;
    padding: .7rem;
    background: var(--results-table-bg);
}

table.internalSearchResultsType1 > tbody > tr > td > table > tbody > tr:first-of-type > td {
    border: 1px solid #dbdbdb;
    padding: .7rem;
}

tr.searchResultsType1 > td > table ~ p > table > tbody > tr > td {
    border: none;
    padding: 0;
}

table.internalSearchResultsType1 > tbody > tr > td > table > tbody > tr:not(:first-of-type) > td[bgcolor="#FF3300"] {
    background-color: var(--semantic-red);
    color: white;
}

table.internalSearchResultsType1 > tbody > tr > td > table > tbody > tr:not(:first-of-type) > td[bgcolor="#FF9933"] {
    background-color: var(--semantic-orange);
    color: white;
}

table.internalSearchResultsType1 > tbody > tr > td > table > tbody > tr:not(:first-of-type) > td[bgcolor="#66FFFF"] {
    background-color: var(--semantic-cyan);
    color: white;
}

tr.searchResultsType1 .semanticColor {
    /* border-radius: .3rem; */
    text-align: center;
    width: auto;
}

    tr.searchResultsType1 .semanticColor.red {
        background: var(--semantic-red);
        color: white;
    }

    tr.searchResultsType1 .semanticColor.orange {
        background: var(--semantic-orange);
        color: #ffffff;
    }

    tr.searchResultsType1 .semanticColor.cyan {
        background: var(--semantic-cyan);
        color: #ffffff;
    }

    tr.searchResultsType1 .semanticColor.green {
        background: var(--semantic-green);
        color: white;
    }

tr.searchResultsType1 form {
    display: flex;
    justify-content: flex-end;
}

    tr.searchResultsType1 form button[type=submit],
    tr.searchResultsType1 form button[type=button] {
        color: var(--results-table-top-btns-c);
        background: none;
        border: none;
        text-decoration: underline;
        margin: 0;
        cursor: pointer;
        white-space: nowrap;
        font-size: 1rem;
    }

        tr.searchResultsType1 form button[type=submit]:hover,
        tr.searchResultsType1 form button[type=button]:hover {
            font-weight: bold;
            color: var(--celeste);
        }

        tr.searchResultsType1 form button[type=button].retroceder {
            text-align: left;
            margin: 0 auto 0 0;
        }
/* right col checkboxes table
    tbodyAsUnitBoxRightCol
*/
.tableAsUnitBoxRightCol {
    padding: 1rem 1rem .5rem 0rem;
    display: table;
}

    .tableAsUnitBoxRightCol > tbody {
    }

        .tableAsUnitBoxRightCol > tbody > tr {
            display: flex;
        }

            .tableAsUnitBoxRightCol > tbody > tr > td:nth-child(1) {
                order: 2;
                display: inline-flex; /* width: 100%; */ /* margin-left: .5rem; */
            }

            .tableAsUnitBoxRightCol > tbody > tr > td:nth-child(2) {
                order: 1;
                display: inline-flex;
                width: 2rem;
            }
/*
    round checkbox
<div class="checkbox-wrapper-15" >
<input class="inp-cbx" id="cbx-15" type="checkbox" style="display: none;"/ >
<label class="cbx" for="cbx-15" >
<span >
<svg width="12px" height="9px" viewbox="0 0 12 9" >
<polyline points="1 5 4 8 11 1" > </polyline >
</svg >
</span >
<span > To-do</span >
</label >
</div >
*/
.checkbox-wrapper-15 {
    margin: 0;
    width: auto;
}

    .checkbox-wrapper-15 input {
        display: none;
    }

        .checkbox-wrapper-15 input:disabled + label {
            opacity: .5;
        }

    .checkbox-wrapper-15 .cbx {
        -webkit-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
    }

        .checkbox-wrapper-15 .cbx span {
            display: inline-block;
            vertical-align: middle;
            transform: translate3d(0, 0, 0);
        }

            .checkbox-wrapper-15 .cbx span:first-child {
                position: relative;
                width: 1rem;
                height: 1rem;
                border-radius: 50%;
                transform: scale(1);
                vertical-align: middle;
                border: 1px solid #B9B8C3;
                background: var(--topbar-white);
                transition: all 0.2s ease;
            }

                .checkbox-wrapper-15 .cbx span:first-child svg {
                    position: absolute;
                    z-index: 1;
                    top: .3rem;
                    left: 0rem;
                    fill: none;
                    stroke: var(--celeste);
                    stroke-width: 2;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                    stroke-dasharray: 16px;
                    stroke-dashoffset: 16px;
                    transition: all 0.3s ease;
                    transition-delay: 0.1s;
                    transform: translate3d(0, 0, 0);
                }

                .checkbox-wrapper-15 .cbx span:first-child:before {
                    content: "";
                    width: 100%;
                    height: 100%;
                    background: #506EEC;
                    display: block;
                    transform: scale(0);
                    opacity: 1;
                    border-radius: 50%;
                    transition-delay: 0.2s;
                }

            .checkbox-wrapper-15 .cbx span:last-child {
                /* margin-left: 8px; */
            }



        .checkbox-wrapper-15 .cbx:hover span:first-child {
            border-color: #3c53c7;
        }

    .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child {
        border-color: var(--celeste);
        background: var(--topbar-white);
        animation: check-15 0.6s ease;
    }

        .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg {
            stroke-dashoffset: 0;
        }

        .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before {
            transform: scale(2.2);
            opacity: 0;
            transition: all 0.6s ease;
        }

    .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child {
        color: #B9B8C3;
        transition: all 0.3s ease;
    }

        .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child:after {
            transform: scaleX(1);
            transition: all 0.3s ease;
        }

@keyframes check-15 {
    50% {
        transform: scale(1.2);
    }
}


/* Custom labels: the container */
.checkcontainer {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

    /* Hide the browser's default checkbox */
    .checkcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0px;
    height: 15px;
    width: 15px;
    background-color: #ffffff;
    border-radius: 1rem;
    border: 1px solid gray;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
    background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
    left: 6px;
    top: 3px;
    width: 2px;
    height: 8px;
    border: solid #0072c9;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.bodyBottomSpacer {
    height: 4rem;
}

.formBottomSpacer {
    padding-bottom: 4rem;
}

.bottomSpacer {
    padding-bottom: 4rem;
}

.bottomSpacePadding {
    padding-bottom: 4rem;
}

.bodyDivSpacer {
    height: 4rem;
}

.VentaRut {
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid gray;
}

    .VentaRut > tbody > tr:nth-child(1) {
        height: 2rem !important;
        /* border-radius: 2rem; */
        /* overflow: hidden; */
        display: block;
        width: 100%;
    }

        .VentaRut > tbody > tr:nth-child(1) > td:nth-child(1) {
            display: block;
            height: 2rem !important;
            !i;
            !;
        }

            .VentaRut > tbody > tr:nth-child(1) > td:nth-child(1) > div {
                height: 2rem !important;
                display: flex;
                justify-content: center;
                margin: auto;
            }

                .VentaRut > tbody > tr:nth-child(1) > td:nth-child(1) > div > font {
                    vertical-align: sub;
                    font-weight: bold;
                    margin: auto;
                }

        .VentaRut > tbody > tr:nth-child(1) > td:nth-child(2) {
            width: 0 !important;
            display: block;
        }

            .VentaRut > tbody > tr:nth-child(1) > td:nth-child(2) > div {
                position: absolute;
                bottom: 1rem;
                right: 1rem;
                cursor: pointer;
            }

                .VentaRut > tbody > tr:nth-child(1) > td:nth-child(2) > div img {
                    opacity: 0;
                    height: 1.4rem;
                }

                .VentaRut > tbody > tr:nth-child(1) > td:nth-child(2) > div:before {
                    content: "\f622";
                    display: inline-block;
                    font-family: bootstrap-icons !important;
                    font-style: normal;
                    font-weight: 400 !important;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    vertical-align: -.125em;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    background: none;
                    font-size: 1.4rem;
                    cursor: pointer;
                    color: var(--celeste);
                    position: absolute;
                    /* bottom: 1rem; */
                    right: 0;
                }

                .VentaRut > tbody > tr:nth-child(1) > td:nth-child(2) > div:hover:before {
                    color: var(--celeste-hover);
                }

    .VentaRut > tbody > tr:nth-child(2) {
        padding: 1rem;
        display: flex;
    }

        .VentaRut > tbody > tr:nth-child(2) td {
            border: none;
        }

            .VentaRut > tbody > tr:nth-child(2) td font {
                font-size: .8rem;
            }

    .VentaRut > tbody > tr > td > div > table,
    .VentaRut > tbody > tr > td > div > div > table {
        border-radius: 1rem;
        overflow: hidden;
        padding: 0.25rem 0.25rem;
        background: #eaf1ff;
        margin-bottom: .5rem;
        max-width: 95%;
    }

.tableAsUnitBoxRightCol tbody {
    display: flex;
    flex-wrap: wrap;
}

.tableAsUnitBoxRightCol tr {
    width: 50%;
}

    .tableAsUnitBoxRightCol tr.fw {
        width: 100%;
    }


@media (max-height: 650px) {
    .titleType1 {
        margin: 1rem 0 0 0 !important;
        font-size: 1.3rem !important;
    }

    input[type="button"].mainAction, input[type="submit"].mainAction {
        padding: .5rem .8rem;
        border-radius: 2rem;
        font-size: .8rem;
    }

    .listTablePaginators a font,
    .listTablePaginators a,
    .listTablePaginators p {
        font-size: .8rem;
    }

    .separadorTitleType1 {
        margin: .8rem 0 !important;
    }

    .tableIsolatedTrs * {
        font-size: .8rem;
    }

    .tableIsolatedTrs tbody > tr {
        margin-bottom: .5rem;
    }

    .tableIsolatedTrs tbody > tr {
        margin-bottom: .5rem;
    }

    .tableIsolatedTrs > tbody > tr > td:nth-child(1) {
        padding: .6rem;
    }

    tr.searchResultsType1 > td > p > b {
        padding: 0 0 .9rem 0 !important;
        margin: 0 0 .9rem 0 !important;
    }

    .tableIsolatedTrs > tbody > tr > td:nth-child(1) font {
        font-size: .8rem;
        margin: .2rem auto auto .5rem;
    }

    .tableIsolatedTrs > tbody > tr > td:nth-child(1) {
        border-radius: 1rem 0 0 1rem;
    }

    .tableAsUnitBoxRightCol {
        padding: .5rem .5rem 0rem 0rem;
    }

        .tableAsUnitBoxRightCol tbody {
            display: flex;
            flex-wrap: wrap;
        }

        .tableAsUnitBoxRightCol tr {
            width: 50%;
        }

            .tableAsUnitBoxRightCol tr.fw {
                width: 100%;
            }

    .listTablePaginators p {
        margin-top: 0;
    }

    table {
        font-size: .9rem;
    }

    .tableIsolatedTrs > tbody > tr > td:nth-child(2) {
        border-radius: 0 1rem 1rem 0;
    }

    .resultsListTable > tbody > tr > td font {
        font-size: .7rem;
    }

    .resultsListTable tbody > tr {
        height: 1.7rem;
    }

    .resultsListTable > tbody > tr:last-of-type {
        height: 1.5rem;
        font-size: .7rem;
    }

    .resultsListTable {
        font-size: .8rem;
        border-radius: 1rem;
    }

    .tablaSeguimientosIdDelProblema table > tbody > tr:nth-child(1) {
        padding: .5rem .5rem .5rem .5rem;
    }

    .tablaSeguimientosIdDelProblema table > tbody > tr:not(:nth-child(1)) {
        padding: .1rem .1rem .1rem .1rem;
        display: block;
    }

        .tablaSeguimientosIdDelProblema table > tbody > tr:not(:nth-child(1)) font {
            padding: 0rem .5rem .3rem .5rem;
            font-size: .8rem;
        }

    .checkcontainer {
        font-size: .8rem;
    }

    /* checkmark */
    .checkmark {
        height: 12px;
        width: 12px;
    }

    /* Style the checkmark/indicator */
    .checkcontainer .checkmark:after {
        left: 4.6px;
        top: 2px;
        width: 2px;
        height: 6px;
        border: solid #0072c9;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .tablaSeguimientosCabeceraActions > font > input[type="button"]:first-of-type,
    .tablaSeguimientosCabeceraActions > font > input[type="submit"]:first-of-type {
        padding: .5rem .2rem !important;
        border-radius: 2rem !important;
        font-size: .8rem !important;
        min-width: 5rem !important;
        margin-left: .rem;
    }


    .tablaSeguimientosCabeceraActions input[type="button"]:not(:first-of-type),
    .tablaSeguimientosCabeceraActions input[type="submit"]:not(:first-of-type),
    .tablaSeguimientosCabeceraActions button:not(:first-of-type),
    .tablaSeguimientosCabeceraActions button:not(:first-of-type) i {
        text-underline-offset: .3rem !important;
        font-size: .8rem !important;
        margin-right: .3rem !important;
    }
}

@media (max-height: 890px) {
    .titleType1 {
        margin: 1rem 0 0 0 !important;
        font-size: 1.3rem !important;
    }

    input[type="button"].mainAction,
    input[type="submit"].mainAction {
        padding: .5rem .8rem;
        border-radius: 2rem;
        font-size: .8rem;
    }

    input[type="button"].secondaryAction, input[type="submit"].secondaryAction, button.secondaryAction, button.secondaryAction i {
        text-underline-offset: .3rem;
        font-size: .8rem;
        margin-right: .2rem;
    }

    .listTablePaginators a font,
    .listTablePaginators a,
    .listTablePaginators p {
        font-size: .8rem;
    }

    .separadorTitleType1 {
        margin: .8rem 0 !important;
    }

    .tableIsolatedTrs * {
        font-size: .8rem;
    }

    .tableIsolatedTrs tbody > tr {
        margin-bottom: .5rem;
    }

    .tableIsolatedTrs > tbody > tr > td:nth-child(1) {
        padding: .6rem;
    }

    tr.searchResultsType1 > td > p > b {
        padding: 0 0 .9rem 0 !important;
        margin: 0 0 .9rem 0 !important;
    }

    .tableIsolatedTrs > tbody > tr > td:nth-child(1) font {
        font-size: .8rem;
        margin: .2rem auto auto .5rem;
    }

    .tableIsolatedTrs > tbody > tr > td:nth-child(1) {
        border-radius: 1rem 0 0 1rem;
    }

    .tableAsUnitBoxRightCol {
        padding: .5rem .5rem 0rem 0rem;
    }

        .tableAsUnitBoxRightCol tbody {
            display: flex;
            flex-wrap: wrap;
        }

        .tableAsUnitBoxRightCol tr {
            width: 50%;
        }

    .listTablePaginators p {
        margin-top: 0;
    }

    table {
        font-size: .9rem;
    }

    .tableIsolatedTrs > tbody > tr > td:nth-child(2) {
        border-radius: 0 1rem 1rem 0;
    }
}