$classes_prefix: '.gpls-wpdbclr';



#{$classes_prefix}-db-controller {

    // Side.
    .side {

        #{$classes_prefix}-side-toggler {
            cursor: pointer; 
        }
        
        #{$classes_prefix}-db-tables-list {
            max-height: 600px;
            overflow-y: scroll;
            padding: 10px;
            border: 3px solid #EEE;

            .db-list-item {
                margin: 10px 5px;
                max-width: 300px;
                border: 1px solid #DDD;

                #{$classes_prefix}-db-select {
                    word-wrap: break-word;
                }
            }

            .db-list-item-icon {
                width: 20px;
            }
        }

    }

    .row {
        // table.
        .database-table-container-wrapper {

            // Databse Table.
            .database-table-container {

                // Table Actions.
                .table-actions-wrapper {

                    .table-actions {

                        .table-bulk-actions-row {

                            .bulk-remove-table-rows-starter {
                                cursor: pointer;
                            }

                            .bulk-export-table-rows {
                                cursor: pointer;
                            }
                        }
                    }
                }

                // Table.
                .table-horizontal-scroll-top {
                    width: 99%;
                    overflow-x: scroll;
                    overflow-y: auto;
                }
                
                #{$classes_prefix}-db-table-wrapper {
                    overflow: scroll;

                    #{$classes_prefix}-db-table {
                        width: max-content;
                        min-width: 100%;
                    }

                }
 
            }
        }
    }

}

// Search REsults contains in popup.

.database-search-results-container {

    overflow: hidden;

    #{$classes_prefix}-db-table-wrapper {
        overflow: scroll;
    }

    .table-horizontal-scroll-top {
        width: 99%;
        overflow-x: scroll;
        overflow-y: auto;
    }

    #{$classes_prefix}-db-table {
        width: max-content;
        min-width: 100%;
    }

    
    .table-actions {

        .table-bulk-actions-row {

            .bulk-remove-table-rows-starter {
                cursor: pointer;
            } 
            
            .bulk-export-table-rows {
                cursor: pointer;
            }
        }
    }
}

#{$classes_prefix}-general-popup {
    z-index: 1000000;

    .swal2-popup {
        width: auto !important;
        max-width: 1200px !important;
    }

    #{$classes_prefix}-popup-loader {
        z-index: 10000000;
    }
}

#{$classes_prefix}-full-loader {
    z-index: 100000 !important;
}

#{$classes_prefix}-db-table {
    text-align: left;

    .db-table-row {
        td {
            padding: 35px 5px;
            max-width: 200px;
        }
    }
}

.gpls-general-toast {
    code {
        color: #FFF !important;
    }
}


.db-table-value-holder {
    max-width: 200px;
    max-height: 200px;
    overflow-y:auto;
}

.expand-unserialized-wrapper {
    &::before {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

}