.centralDBTableMainContainer {
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    height: 80vh;
    position: relative;
    margin-top: 42px;
    max-width: 90%;
    overflow: auto;
}

    .centralDBTableMainContainer .colDBHeaderButtons {
        display: flex;
        justify-content: right;
    }

    .centralDBTableMainContainer .btnDBConfigurarColumnas,
    .centralDBTableMainContainer .btnDBAgregarRegistros {
        font-size: 11px;
        margin-top: 12px;
        margin-bottom: 12px;
        margin-left: 5px;
        padding: 5px 15px;
        background-color: #007aff;
        border-color: #007aff;
    }

    .centralDBTableMainContainer .colTablesContainer {
        white-space: nowrap;
        text-align: left;
        padding: 25px 10px;
    }

        .centralDBTableMainContainer .colTablesContainer .displayTable {
            display: inline-block;
            vertical-align: top;
            margin-right: 2px;
            overflow-x: auto;
        }

            .centralDBTableMainContainer .colTablesContainer .displayTable:last-child {
                margin-right: 20px;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable table {
                margin-bottom: 0px;
                width: auto;
                font-size: 11px;
                font-family: 'SFProDisplayRegular';
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .leftNumericTable {
                border-color: transparent;
            }

                .centralDBTableMainContainer .colTablesContainer .displayTable .leftNumericTable thead th {
                    color: transparent;
                }

                .centralDBTableMainContainer .colTablesContainer .displayTable .leftNumericTable tbody td {
                    padding: 0.55rem 0.5rem
                }

                .centralDBTableMainContainer .colTablesContainer .displayTable .leftNumericTable .secondCol {
                    padding: 0.24rem 0.5rem;
                }

            .centralDBTableMainContainer .colTablesContainer .displayTable .table-bordered tr {
                border-color: #fff;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .table-bordered td,
            .centralDBTableMainContainer .colTablesContainer .displayTable .table-bordered th {
                text-align: center;
                border-color: #ffffff;
                border-radius: 8px;
                color: #6A6A6A;
                border-width: 2px;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .table-bordered .cell {
                min-width: 108px;
                padding: 0.55rem 0.5rem
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable table thead .trHeader th {
                background-color: #D6D6D6;
                padding: 0.3rem 0.5rem;
                font-family: 'SFProDisplaySemibold';
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable table thead .trHeader .arrow {
                /*padding: 3px 0.2rem 3px 0.18rem;*/
                /*padding: 3px 0.2rem;*/
                padding: 3px;
            }

                .centralDBTableMainContainer .colTablesContainer .displayTable table thead .trHeader .arrow img {
                    width: 6px;
                    /*vertical-align: top;*/
                }

            .centralDBTableMainContainer .colTablesContainer .displayTable table thead .trTableTitle th {
                text-align: center;
                font-size: 11px;
                border-radius: 10px;
                padding-top: 6px;
                padding-bottom: 4px;
            }

                .centralDBTableMainContainer .colTablesContainer .displayTable table thead .trTableTitle th p {
                    margin-bottom: 0px;
                    font-family: 'SFProDisplaySemibold';
                }

                    .centralDBTableMainContainer .colTablesContainer .displayTable table thead .trTableTitle th p span {
                        background-color: #fff;
                        padding: 3px 10px;
                        border-radius: 10px;
                        font-size: 11px;
                        margin-left: 5px;
                    }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorGreen .trTableTitle th {
                background-color: #D3FFDA !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorGreen .trTableTitle span {
                color: #24CB3E !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorGreen tbody td {
                background-color: #F5FFF7 !important;
            }


            .centralDBTableMainContainer .colTablesContainer .displayTable .colorAqua .trTableTitle th {
                background-color: #D3FDFF !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorAqua .trTableTitle span {
                color: #27A7AD !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorAqua tbody td {
                background-color: #EDFAFA !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorBlue .trTableTitle th {
                background-color: #B7D8FF !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorBlue .trTableTitle span {
                color: #3B95FF !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorBlue tbody td {
                background-color: #EDF3FA !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorPurple .trTableTitle th {
                background-color: #B7BDFF !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorPurple .trTableTitle span {
                color: #3B43FF !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorPurple tbody td {
                background-color: #EEEDFA !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorPink .trTableTitle th {
                background-color: #E9B7FF !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorPink .trTableTitle span {
                color: #9D3BFF !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .colorPink tbody td {
                background-color: #F9EDFA !important;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .linkShowCronoTag {
                float: right;
                padding: 2px 8px;
                border-radius: 3px;
                background-color: #E8E8E8;
            }

            .centralDBTableMainContainer .colTablesContainer .displayTable .cellCronTag {
                font-size: 9px !important;
            }



/*==MODAL CREAR TABLA=================================================================*/

#modalCreateDBTable .modal-content {
    background-color: #f6f8fa;
}

#modalCreateDBTable .modal-footer {
    border: none;
    padding-top: 0px;
    padding-bottom: 15px;
}

#modalCreateDBTable .modal-header {
    padding-top: 12px;
    padding-bottom: 0px
}

    #modalCreateDBTable .modal-header h5 {
        font-size: 11px;
        color: #5f5f5f;
        font-family: 'SFProTextRegular', sans-serif;
    }

    #modalCreateDBTable .modal-header .btn-close {
        margin-top: -20px;
        font-size: 8px;
        box-shadow: none;
    }

#modalCreateDBTable .modal-body label {
    font-size: 11px;
    color: #989898;
    font-family: 'SFProTextRegular', sans-serif;
    margin-bottom: 2px;
}

#modalCreateDBTable .modal-body input {
    height: 25px !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    padding: 5px;
}

#modalCreateDBTable .modal-footer button {
    padding: 4px 15px;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    background-color: #007aff;
    border-color: #007aff;
}

/*==MODAL CONFIG TABLA=================================================================*/

#modalConfigTable .modal-content {
    background-color: #f6f8fa;
}

#modalConfigTable .modal-dialog {
    min-width: none;
    width: 600px;
}

#modalConfigTable .modal-footer {
    border: none;
    padding-top: 0px;
    padding-bottom: 15px;
}

#modalConfigTable .modal-header {
    padding-top: 12px;
    padding-bottom: 0px
}

    #modalConfigTable .modal-header h5 {
        font-size: 12px;
        color: #5f5f5f;
        font-family: 'SFProTextRegular', sans-serif;
    }

    #modalConfigTable .modal-header .btn-close {
        margin-top: -20px;
        font-size: 8px;
        box-shadow: none;
    }

#modalConfigTable .modal-body label {
    font-size: 11px;
    color: #989898;
    font-family: 'SFProTextRegular', sans-serif;
    margin-bottom: 2px;
}

#modalConfigTable .modal-body input {
    height: 26px !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    padding: 5px;
    background-color: #ffffff;
}

#modalConfigTable .modal-footer button {
    padding: 4px 15px;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    background-color: #007aff;
    border-color: #007aff;
}

#modalConfigTable table th,
#modalConfigTable table td {
    background-color: #f6f8fa !important;
    text-align: left;
}

#modalConfigTable table thead th {
    padding-left: 10px;
}

#modalConfigTable .btnEliminarFila {
    padding: 0 5px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    margin-bottom: 1px;
}

    #modalConfigTable .btnEliminarFila img {
        width: 13px;
        margin-bottom: 0.25em;
    }

#modalConfigTable .btnAgregarFila {
    padding: 0 5px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    float: right;
    background-color: #007aff;
    border-color: #007aff;
}

    #modalConfigTable .btnAgregarFila img {
        width: 9px;
        margin-bottom: 2px;
    }


#modalConfigTable select.classic {
    margin-left: 0px !important;
    width: 100% !important;
    background-color: #ffffff !important;
    margin-top: 0px;
    height: 26px;
    padding-top: 4px;
    margin-bottom: 0px !important;
    border-radius: 5px !important;
    background-position: calc(100% - 8px) calc(1em - 2px), calc(100% - 8px) calc(1em - 2px), 100% 0;
    background-image: url(../img/caretAbierto.png) !important;
    background-size: 9px 5px, 5px 5px, 2.5em 2.5em !important;
    padding-left: 10px;
    width: 100px !important;
}

/*==MODAL EDITAR TABLA=================================================================*/

#modalEditarTabla .modal-content {
    background-color: #f6f8fa;
}

#modalEditarTabla .modal-footer {
    border: none;
    padding-top: 0px;
    padding-bottom: 15px;
}

#modalEditarTabla .modal-header {
    padding-top: 12px;
    padding-bottom: 0px
}

    #modalEditarTabla .modal-header h5 {
        font-size: 11px;
        color: #5f5f5f;
        font-family: 'SFProTextRegular', sans-serif;
    }

    #modalEditarTabla .modal-header .btn-close {
        margin-top: -20px;
        font-size: 8px;
        box-shadow: none;
    }

#modalEditarTabla .modal-body label {
    font-size: 11px;
    color: #989898;
    font-family: 'SFProTextRegular', sans-serif;
    margin-bottom: 2px;
}

#modalEditarTabla .modal-body input {
    height: 25px !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    padding: 5px;
}

#modalEditarTabla .modal-footer button {
    padding: 4px 15px;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    background-color: #007aff;
    border-color: #007aff;
}

/*==MODAL ELIMINAR TABLA=================================================================*/

#modalConfirmaEliminarTabla .modal-content {
    background-color: #f6f8fa;
}

#modalConfirmaEliminarTabla .modal-footer {
    border: none;
    padding-top: 0px;
    padding-bottom: 15px;
}

#modalConfirmaEliminarTabla .modal-header {
    padding-top: 12px;
    padding-bottom: 0px
}

    #modalConfirmaEliminarTabla .modal-header h5 {
        font-size: 11px;
        color: #5f5f5f;
        font-family: 'SFProTextRegular', sans-serif;
    }

    #modalConfirmaEliminarTabla .modal-header .btn-close {
        margin-top: -20px;
        font-size: 8px;
        box-shadow: none;
    }

#modalConfirmaEliminarTabla .modal-body label {
    font-size: 11px;
    color: #989898;
    font-family: 'SFProTextRegular', sans-serif;
    margin-bottom: 2px;
}

#modalConfirmaEliminarTabla .modal-body input {
    height: 25px !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    padding: 5px;
}

#modalConfirmaEliminarTabla .modal-footer button {
    padding: 4px 15px;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    background-color: #007aff;
    border-color: #007aff;
}

/*==MODAL ELIMINAR TABLA=================================================================*/

#modalImportarBD .modal-content {
    background-color: #f6f8fa;
}

#modalImportarBD .modal-footer {
    border: none;
    padding-top: 0px;
    padding-bottom: 15px;
}

#modalImportarBD .modal-header {
    padding-top: 12px;
    padding-bottom: 0px
}

    #modalImportarBD .modal-header h5 {
        font-size: 11px;
        color: #5f5f5f;
        font-family: 'SFProTextRegular', sans-serif;
    }

    #modalImportarBD .modal-header .btn-close {
        margin-top: -20px;
        font-size: 8px;
        box-shadow: none;
    }

#modalImportarBD .modal-body label {
    font-size: 11px;
    color: #989898;
    font-family: 'SFProTextRegular', sans-serif;
    margin-bottom: 2px;
}

#modalImportarBD .modal-body input {
    height: 25px !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    padding: 5px;
}

#modalImportarBD .modal-footer button {
    padding: 4px 15px;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    background-color: #007aff;
    border-color: #007aff;
}
/*================================================================*/

.displayTable table .btnEditarRegistro {
    padding: 0;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background-color: #1DCCBF;
    border-color: #1DCCBF;
}

    .displayTable table .btnEditarRegistro img {
        width: 11px;
        margin-bottom: 0.6em;
        margin-left: 1px !important;
    }

.displayTable table .btnEliminarRegistro {
    padding: 0;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    float: right;
    background-color: #E6717C;
    border-color: #E6717C;
}

    .displayTable table .btnEliminarRegistro img {
        width: 12px;
        margin-bottom: 0.6em;
    }