:root {
    /* Main color settings: background and font color */
    --color-sg-background: #f3f3f3;
    --color-sg-background-light: #d2d2d2;
    --color-sg-font: var(--color-sg-dark-dark-100);
    /* Card component color set */
    --color-sg-card-header-font-color: #717171;
    --color-sg-card-content-background: #FCFCFC;
    --color-sg-card-content-background-lighter: #d9d6d6;
    --color-sg-card-text-color: #000000;
    /* Chip item selected hover color */
    --color-sg-chip-selected-hover: #DCDCDC;
    /* Chat item background */
    --color-sg-chat-message-background: #F2F2F2;
    /* Calendar background base */
    --color-sg-calendar-background-default: #f8f9fa;
}




/* Syncfusion extensions */

/* RTE border color */
.e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar] {
    border: 1px solid #ced4da;
}

/* RTE text field editor */
.e-richtexteditor .e-rte-content, .e-richtexteditor .e-rte-iframe-content {
    border: 1px solid #ced4da;
}