---
title: "Bet Concierge Theming and Customization"
canonical_url: "https://apidocs.sportradar.com/resources/widgets/docs/bet-concierge/theming-customization"
markdown_url: "https://apidocs.sportradar.com/resources/widgets/docs/bet-concierge/theming-customization.md"
last_updated: "2026-10-08T06:41:10Z"
---

# Bet Concierge Theming and Customization

Theming customization allows you to tailor the appearance of Bet Concierge widgets to meet specific needs and preferences. In the context of the Bet Concierge widget, customization refers to the ability to modify the default styling of the widget by applying custom CSS properties to the various HTML elements that make up the widget.

The widget comes with pre-existing styling but can be customized by applying custom CSS properties to its different HTML elements. The widget's custom class selectors are listed below.

> **Note:** All custom classes must be nested within the `.sr-bb.sr-betConcierge` selector class. This ensures that the custom styles only apply to that widget and not to other elements on the page.

## Container

| Class             |
| ----------------- |
| srct-bc-container |

## Header

| Class                 |
| --------------------- |
| srct-bc-header        |
| srct-bc-header-button |

## Entity Info

| Class               |
| ------------------- |
| srct-bc-entity-info |

## Chat

| Class        |
| ------------ |
| srct-bc-chat |

## Composer

| Class                        |
| ---------------------------- |
| srct-bc-composer             |
| srct-bc-input-wrapper        |
| srct-bc-textarea             |
| srct-bc-post-button          |
| srct-bc-post-button-disabled |
| srct-bc-disclaimer           |

## Terms

| Class                |
| -------------------- |
| srct-bc-terms-title  |
| srct-bc-terms-text   |
| srct-bc-terms-button |

## Message

| Class                    |
| ------------------------ |
| srct-bc-message-info     |
| srct-bc-message-question |
| srct-bc-message-answer   |

## Scroll to Bottom Button

| Class                           |
| ------------------------------- |
| srct-bc-scroll-to-bottom-button |

## Error

| Class                |
| -------------------- |
| srct-bc-error        |
| srct-bc-error-action |

## Toast

| Class                      |
| -------------------------- |
| srct-bc-toast              |
| srct-bc-toast-button       |
| srct-bc-toast-success-icon |
| srct-bc-toast-success-text |
| srct-bc-toast-error-icon   |
| srct-bc-toast-error-text   |
| srct-bc-toast-info-icon    |
| srct-bc-toast-info-text    |

## Drawer

| Class                       |
| --------------------------- |
| srct-bc-drawer              |
| srct-bc-drawer-background   |
| srct-bc-drawer-icon         |
| srct-bc-drawer-close-button |

## Menu

| Class                                |
| ------------------------------------ |
| srct-bc-menu-grid-item               |
| srct-bc-menu-conversation-group      |
| srct-bc-menu-conversation-scoreboard |

## Report Button

| Class                 |
| --------------------- |
| srct-bc-report-button |

## Report

| Class                               |
| ----------------------------------- |
| srct-bc-report                      |
| srct-bc-report-response             |
| srct-bc-report-reason               |
| srct-bc-report-textarea             |
| srct-bc-report-submit               |
| srct-bc-report-reason-icon          |
| srct-bc-report-reason-icon-selected |
| srct-bc-report-label                |

## Suggested Bets

| Class                                   |
| --------------------------------------- |
| srct-bc-suggested-bets                  |
| srct-bc-suggested-bets-title            |
| srct-bc-suggested-bets-toggle-button    |
| srct-bc-suggested-bets-markets          |
| srct-bc-suggested-bets-market-name      |
| srct-bc-suggested-bets-outcome          |
| srct-bc-suggested-bets-selected-outcome |
| srct-bc-suggested-bets-outcome-name     |
| srct-bc-suggested-bets-outcome-odds     |
| srct-bc-suggested-bets-recommended      |

## Custom Bet

| Class                              |
| ---------------------------------- |
| srct-bc-custom-bet                 |
| srct-bc-custom-bet-title           |
| srct-bc-custom-bet-odds            |
| srct-bc-custom-bet-market-name     |
| srct-bc-custom-bet-outcome-name    |
| srct-bc-custom-bet-add-to-bet-slip |

## Robot

| Class                  |
| ---------------------- |
| srct-bc-robot-head     |
| srct-bc-robot-ring     |
| srct-bc-robot-eye      |
| srct-bc-robot-eye-glow |
| srct-bc-robot-dot      |
| srct-bc-robot-visor    |

## Tooltip

| Class           |
| --------------- |
| srct-bc-tooltip |

## Tool Renderers

| Class                                |
| ------------------------------------ |
| srct-bc-tool-title                   |
| srct-bc-tool-stat-card               |
| srct-bc-tool-stat-card-trend         |
| srct-bc-tool-stat-card-neutral       |
| srct-bc-tool-comparison              |
| srct-bc-tool-comparison-stat-bar     |
| srct-bc-tool-win-probability         |
| srct-bc-tool-win-probability-segment |
| srct-bc-tool-win-probability-label   |
| srct-bc-tool-mini-cards              |
| srct-bc-tool-mini-cards-card         |
| srct-bc-tool-chart                   |
| srct-bc-tool-radar                   |
| srct-bc-tool-table                   |
| srct-bc-tool-table-header            |
| srct-bc-tool-table-header-cell       |
| srct-bc-tool-tabs                    |
| srct-bc-tool-followup-item           |