@use 'ngx-tethys/styles/variables.scss';

.the-table-selector-panel {
    text-align: center;

    .thy-popover-container {
        min-width: 100px;
        padding: 20px 13px 10px 20px;
    }

    .selector-row {
        cursor: pointer;
    }

    .selector-cell {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 6px;
        margin-bottom: 6px;
        font-size: 0;
        vertical-align: middle;
        background: variables.$gray-80;
        border: 1px solid variables.$gray-300;
    }

    .active-cell {
        background: rgba(variables.$primary, 0.15);
        border-color: rgba(variables.$primary, 0.15);
    }

    .selector-text {
        padding-top: 3px;
        color: variables.$gray-700;
        font-size: 14px;
    }
}