/* selectbuttons.jquery.css */

.vpa-select-buttons select {
    display: none !important;
}

.vpa-sb-grid {
}

.vpa-sb-grid .vpa-sb-item {
    border-top: solid 1px var(--gray-border);
    border-right: solid 1px var(--gray-border);
    border-bottom: solid 1px var(--gray-border);
    padding: 13.5px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vpa-sb-grid .vpa-sb-item:hover {
    color: var(--bg-active-blue);
    cursor: pointer;
}

.vpa-sb-grid .vpa-sb-item:first-child {
    border-left: solid 1px var(--gray-border);
    border-radius: 8px 0 0 8px;
}

.vpa-sb-grid .vpa-sb-item:last-child {
    border-radius: 0 8px 8px 0;
}

.vpa-sb-grid .vpa-sb-item.active {
    background: var(--bg-active-blue);
    color: var(--text-white);
}

.vpa-select-buttons.is-invalid .vpa-sb-grid .vpa-sb-item {
    border-color: #dc3545;
}