:root { --bb-header-color: #e0e0e0; --bb-header-bg: #702cf8; }

.layout { --bb-layout-header-background: var(--bb-header-bg); --bb-layout-sidebar-banner-background: var(--bb-header-bg); --bb-layout-header-color: var(--bb-header-color); --bb-layout-title-color: var(--bb-header-color); }

.layout-header { border-bottom: 1px solid var(--bs-border-color); }

.layout-header .widget { margin-right: 2rem; }

.layout-banner { border-bottom: 1px solid var(--bs-border-color); }

.layout-banner .layout-logo { border: 1px solid var(--bb-header-color); }

.layout-side { border-right: 1px solid var(--bs-border-color); }

.layout-footer { border-top: 1px solid var(--bs-border-color); }

.dropdown-logout { --bb-logout-text-color: var(--bb-header-color); }

.logout-avatar { border-radius: 50%; }

.dropdown-user img { border-radius: 50%; }

.layout-drawer { padding: 6px; cursor: pointer; }

.widget { --bb-widget-toggle-color: var(--bb-header-color); }

.widget .dropdown-menu { --bs-dropdown-min-width: 16rem; }

.widget .dropdown-body h3 { color: #666666; font-size: 14px; margin-bottom: 10px; }

.widget .dropdown-body h4 { color: #444444; font-size: 15px; margin: 0; }

.widget .dropdown-body small { color: #999999; font-size: 10px; position: absolute; top: 0; right: 0; }

.widget .dropdown-item { padding: 0.5rem 1rem; min-width: 100px; }

.widget .dropdown-item > div:not(.progress):last-child { width: calc(100% - 40px); }

.widget .dropdown-item.active,
.widget .dropdown-item:active { color: inherit; }

.widget .dropdown-item:not(:nth-of-type(odd)):active { background-color: inherit; }

.widget .progress { height: 7px; }

.table-cell img { width: 210px; height:80px; border-radius: var(--bs-border-radius); }

.table-cell .progress { height: 6px; margin-top: .5rem; }

.user-demo-address { margin-top: .25rem; font-size: 86%; color: #c0c4cc; }

.table-demo { height: calc(100% - 56px); }

.table-users-demo { height: calc(100vh - 162px); }

.table-users { height: calc(100% - 93px); }

.cell-label { line-height: 35px; }

.menu { --bb-menu-active-color: #702cf8; --bb-menu-bar-bg: #702cf8; --bb-menu-item-hover-bg: #702cf8; --bb-menu-item-hover-color: #fff; }
.table-cell img.bb-viewer-img { width: auto; height:auto; }

span.affix_1 { background: #2a84f2; padding: 3px; border-radius: 2px; margin-right: 3px; color: #efefef; font-size: 11px }

span.affix_0 { background: #2a84f2; padding: 3px; border-radius: 2px; margin-right: 3px; color: #efefef; font-size: 11px }

span.affix_1::before { content: ""; background-image: url(/images/greater-affix.webp); background-size: 15px; background-repeat: no-repeat; width: 15px; height: 15px; display: inline-block; top: 3px; position: relative; }
.line2 { color: #838383; }

.line1 { background: #bbadad33; padding: 2px; border-radius: 2px; }

@media(max-width:750px) {
    .listview-item { max-width: 47%; }
    .listview-item .sellimg { max-height: 60px; }
    .listview-item img { height: 60px; }
    .listview-body { padding:3px;}
}