/* Override CSS variables #837c47 */
:root {

    --bs-primary: rgb(221, 219, 200); /* Replace with your desired color */
    --bs-body-bg: #fcfcfc; /* Replace with your desired background color */
    --bb-sidebar2-top-row-background-color: #8b875c; /* Use the overridden variable */
    --bb-sidebar2-title-badge-text-color: hsl(54deg 21.37% 45.88%);
    --bb-sidebar2-title-badge-background-color: var(--bs-body-bg);
    --bb-sidebar2-brand-image-width:32px;
    --bb-sidebar2-brand-image-height:32px;
    --bs-primary-botton-border: #cfccbb;
    --bs-primary-botton-color: rgb(131, 124, 71);
    --bs-primary-botton-border-color: #645e33;


    --bb-callout-code-color: #ab296a;
    /* sidebar */
    --bb-violet: hsl(54deg 21.37% 45.88%);
    --bb-violet-bg: hsl(54deg 21.37% 45.88%);;
    --bb-violet-bg-rgb: 169,157,194;
    --bb-sidebar2-nav-item-text-active-color-rgb: 100, 119, 185;
    --bs-body-bg: #fcfcfc;

    
}

/* Add your custom styles here */
body {
    background-color: var(--bs-body-bg);
}

/* Example of overwriting a Bootstrap class */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary-botton-border);
    font-size: large;
    font-weight: bolder;
    color: var(--bs-primary-botton-color)
}

.nav-scrollable 
{
        background-color: #514d24;
}

.bot-review-checked
{
    color: #d4c958
}

.front-text {
  position: relative; /* Required for z-index to work */
  z-index: 2;        /* Higher numbers come to the front */
}

.back-text {
  position: absolute; /* Allows text to overlap by taking it out of normal flow */
  top: 0;
  left: 0;
  z-index: 1;        /* Lower numbers stay in the back */
}

.bot-left-panel
{
  font-size:  x-large;
  font-weight: 600;
  background-color: #73733c;
  color: white;
}

.bot-right-panel
{
  color:white;
  background-color: #808080 ;
}

.model-field-hidden
{
  display: none;
}

.bot-btn-outline-warning
{
  color: var(--bb-sidebar2-top-row-background-color);
  border-color: var(--bs-primary-botton-border);
}

.input-section-header
{
  font-size: larger;
  font-weight: 600;
  color: #969587;
}

.highlight-empty-field
{
  background-color: #f7f7f0;
}

.highlight-required-field
{
  border-color: #c5a7a7;
  background-color: #f6f3f3;
}