html, body {
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --mud-typography-default-size: 14px;
    --mud-typography-body1-size: 14px;
}

::placeholder {
    color: lightgray !important
}

::-ms-input-placeholder {
    color: lightgray !important
}

.layout {
    --bb-layout-header-background: rgba(0,0,0,0.1);
    --bb-layout-header-border-color: rgba(0,0,0,0.1);
    --bb-layout-headerbar-background: gray;
    --bb-layout-header-color: #16181b;
    --bb-layout-menu-item-hover-bg: #dee2e6;
}

.tabs-chrome > .tabs-header {
    --bb-tabs-header-bg-color: #EFF2F5;
}

.menu {
    --bb-menu-active-color: rgb(153 153 153 / 30%);
    --bb-menu-bar-bg: rgb(153 153 153 / 50%);
    --bb-menu-item-hover-bg: rgb(153 153 153 / 50%);
}

    .menu .submenu .nav-link:not(.disabled):hover {
        background-color: var(--bb-menu-active-color);
        color: #16181b;
    }

.mud-menu-item {
    padding: 2px 12px;
}

.menu-icon {
    font-size: 18px
}

.menu .nav-link > .submenu-link {
    margin-inline-end: unset;
}

.btn{
    --bs-btn-padding-x: 0.65rem;
    --bs-btn-padding-y: 0.2rem;
}

.form-control {
    --bb-form-control-padding: 0.2rem 0.65rem
}

.input-group .input-group-text {
    padding: 0.2rem 0.65rem
}

.mud-drawer {
    z-index: 1050
}

.rate.readonly {
    --bb-rate-font-size: 0.8rem;
    --bb-rate-margin-left: unset;
    --bb-rate-width: unset;
}