div.dt-container {
    width: stretch;
}
/* Botones*/
div.dt-container div.dt-layout-row {
    margin: 0;
}
div.dt-container div.dt-layout-row.dt-layout-table {
    margin-top: .5rem;
}
    div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
        width: stretch;
    }
        div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start div {
            display: flex;
            gap: .5rem;
        }  
            div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start div:last-of-type:not(.dt-info) {
                margin: 0 auto;
            }
            div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start div.dt-info {
                margin-top: .5rem;
            }
            div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start div i {
                padding: 7.2px;
                border-radius: 5px;
                font-size: var(--icon-size-sm);
                cursor: pointer;
            }
                div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start div i.true {
                    border: .5px solid var(--color-green);
                }
                div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start div i.false {
                    border: .5px solid var(--color-red);
                }
                div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start div i.pri {
                    border: .5px solid var(--color-purple);
                }
                div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start div i.inf {
                    border: .5px solid var(--color-blue);
                }
                div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start div i.war {
                    border: .5px solid var(--color-orange);
                }
/* Busqueda */
div.dt-container div.dt-layout-start>*:not(:last-child) {
    margin-right: 10px;
}
div.dt-container div.dt-layout-start i {
    font-size: var(--icon-size-sm);
    cursor: pointer;
}
    div.dt-container div.dt-layout-start i:hover:not(.disabled) {
        scale: 1.1;
    }
div.dt-container .dt-search {
    display: flex;
    align-items: center;
    font-size: var(--font-size-sm);
    border-radius: 5px;
    border: 1.5px solid lightgrey;
}
    div.dt-container .dt-search label {
        display: flex;
        align-items: center;
        justify-content: center;
    }
        div.dt-container .dt-search label i {
            margin-left: 5px;
            font-size: var(--icon-size-base);
            color: grey;
        }
    div.dt-container .dt-search input {
        margin: 0;
        padding: 8px;
        border: 0;
        outline: none;
        font-size: var(--font-size-sm);
        color: #5a5a5a;
    }
        div.dt-container .dt-search input:not(:placeholder-shown) + label {
            display: none;
        }
/* Tabla */
div.dt-container.dt-empty-footer .dt-scroll-body, table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    border-bottom: 1px solid rgb(227 227 227);
}
.dt-container .dt-scroll-body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
    table.dataTable thead tr th:hover {
        outline: none!important;
    }
        table.dataTable thead tr th span {
            font-size: var(--font-size-sm);
        }
            table.dataTable thead tr th span:last-of-type {
                font-size: .6em;
            }
            table.dataTable thead tr th.text-center {
                text-align: center;
            }
                table.dataTable thead tr th div.dt-column-header {
                    flex-direction: row!important;
                    gap: 10px;
                }
                    table.dataTable thead tr th div.dt-column-header span:first-of-type {
                        color: #7a7a7a;
                    }
    table.dataTable tbody tr:nth-child(2n) {
        background-color: #f8f4f4;
    }
    table.dataTable tbody tr.regSelec {
        color: white;
        background-color: var(--color-purple);
    }
    table.dataTable tbody tr.regSelec {
        color: white;
        background-color: var(--color-purple);
    }
        table.dataTable tbody tr td {
            font-size: var(--font-size-sm);
        }
            table.dataTable tr td.nombre-icono i {
                vertical-align: middle;
                margin-left: 5px;
            }
            table.dataTable tr td.btnSel {
                cursor: pointer;
            }
            table.dataTable tr td.text-center {
                text-align: center;
            }
            table.dataTable tr td.text-right {
                text-align: right;
            }
            table.dataTable tr td img {
                width: 175px;
                height: calc(175px * 0.72);
                object-fit: cover;
            }
            table.dataTable tr td i {
                font-size: var(--icon-size-base);
            }
/* Info */
div.dt-container .dt-length, div.dt-container .dt-search, div.dt-container .dt-info, div.dt-container .dt-processing, div.dt-container .dt-paging, .dt-empty {
    font-size: var(--font-size-sm);
    color: #575757;
}
@media (max-width: 800px) {
    div.dt-container .dt-layout-cell:first-of-type {
        display: flex!important;
        align-items: center;
        justify-content: center!important;
        gap: 1rem;
    }
    div.dt-container .dt-search {
        display: flex;
        align-items: center;
    }
        div.dt-container .dt-search input {
            width: stretch;
        }
}
/* Controles */
#mNControl table.dataTable tr td:not(:first-of-type) > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
}
    #mNControl table.dataTable tr td:nth-child(2) .inputGroup, #mNControl table.dataTable tr td:nth-child(2) .selectGroup {
        width: calc(50% - .75rem);
    }
    #mNControl table.dataTable tr td:nth-child(3) .inputGroup, #mNControl table.dataTable tr td:nth-child(3) .selectGroup {
        width: calc(50% - 1.5rem - 30px);
    }
    #mNControl table.dataTable tr td:last-of-type i {
        font-size: var(--icon-size-base);
    }