body.theme-dark {
    --color-bg-primary:#1e1e1e;
    --color-bg-secondary:#242424;
    --color-bg-panel:#282828;
    --color-bg-accent:#3d7a42;
    --color-box-shadow:#1c1c1c;
    --color-text-primary:#e5e5e5;
    --color-text-secondary:#cfcfcf;
    --color-text-muted:#9e9e9e;
    --color-border:#444;
    --color-brand: #D14137;
    --color-brand-lighter: #ec8170;
    --color-brand-dark: #59110e;
}

body.theme-dark,
body.theme-dark div.personal_list_order,
body.theme-dark div.main-ui-filter-theme-default
{
    background:var(--color-bg-primary);
    color:var(--color-text-primary);
}

body.theme-dark a{color:var(--color-brand);}
body.theme-dark a:hover{color:var(--color-brand-lighter);}

body.theme-dark .btn{
    color:var(--color-text-primary);
    background:var(--color-bg-secondary);
    border-color:var(--color-border);
}
body.theme-dark .btn-light,
body.theme-dark .btn-outline-light{
    background:var(--color-bg-secondary);
    color:var(--color-text-primary);
    border-color:var(--color-border);
}

body.theme-dark div.basket-page__checkout-btn > button.btn_b2b {
    background:var(--color-bg-accent);
}

body.theme-dark .page-header,
body.theme-dark .page-header-light,
body.theme-dark .breadcrumb-line-light,
body.theme-dark .catalog__footer,
body.theme-dark input.find_property_value,
body.theme-dark input.search-group__input,
body.theme-dark input.main-ui-filter-search-filter,
body.theme-dark div.row-under-modifications-filter,
body.theme-dark input.btn-light {
    background:var(--color-bg-secondary);
    color:var(--color-text-primary);
}

body.theme-dark input.find_property_value::placeholder,
body.theme-dark input.search-group__input::placeholder,
body.theme-dark input.main-ui-filter-search-filter::placeholder
{
    color:var(--color-text-muted);
}

body.theme-dark tr.main-grid-row-head {
    border-bottom: 2px var(--color-border) solid;
    background-color: var(--color-bg-primary);
    color:var(--color-text-primary);
}

body.theme-dark .basket {
    background-color: var(--color-bg-primary);
}

body.theme-dark .basket .basket__header {
    color: var(--color-text-primary);
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    background-color: var(--color-bg-secondary);
    box-shadow: 0 4px 4px var(--color-box-shadow);
}

body.theme-dark .basket-page .basket-page__footer {
    color: var(--color-text-primary);
    background: var(--color-bg-secondary);
    box-shadow: 0px 1px 10px var(--color-box-shadow);
}

body.theme-dark .basket-page .basket-page__total-price {
    color: var(--color-text-primary);
}

body.theme-dark table span,
body.theme-dark .card.personal_widget .widget_content a,
body.theme-dark .card.personal_widget a,
body.theme-dark .gdcontent .personal_information .email,
body.theme-dark .phone
{
    color:var(--color-text-primary);
}

body.theme-dark div.swiper-wrapper > div.profile-cover-img {
    background-image:url("/local/css/firstbit/b2b/ui/img-dark/banner-dark.png") !important;
}

body.theme-dark .widget_content.widget_links_btns a {
    border-bottom: 1px dotted var(--color-text-muted);
}

body.theme-dark .card__footer {
    border-top: 1px solid var(--color-border);
    background-color: var(--color-bg-primary);
}

body.theme-dark .staff-list_detail-menu {
    background-color: var(--color-bg-primary);
}

body.theme-dark .nav-tabs .nav-link.first-item.active {
    border-left-color: var(--color-border);
}

body.theme-dark .nav-tabs .nav-item.show .nav-link,
body.theme-dark .nav-tabs .nav-link.active {
    color: var(--color-text-primary);
    background-color: var(--color-bg-primary);
    border-color: var(--color-border);
}

body.theme-dark .nav-tabs {
    border-bottom: 1px solid var(--color-border);
}

body.theme-dark .page-header-light,
body.theme-dark .page-header {
    border-bottom-color: var(--color-border);
}

body.theme-dark .catalog__footer {
    border-top: 1px solid var(--color-border);
}

body.theme-dark .header-elements .cart_header .navbar-nav-link,
body.theme-dark .header_logout.navbar-nav-link {
    background-color: var(--color-brand-dark);
}

body.theme-dark .btn-outline-danger,
body.theme-dark .btn-outline-primary,
body.theme-dark .btn-outline-success{
    color:var(--color-text-primary);
    border-color:var(--color-brand);
}
body.theme-dark .btn-primary,
body.theme-dark .btn-danger,
body.theme-dark .btn-success,
body.theme-dark .btn-outline-danger:hover,
body.theme-dark .btn-outline-primary:hover,
body.theme-dark .btn-outline-success:hover,
body.theme-dark .catalog__basket-link,
body.theme-dark .btn.index_company-add_organization-button,
body.theme-dark .b2b-news__container .page-item.active .page-link{
    background:var(--color-brand);
    border-color:var(--color-brand);
    color:#fff;
}

body.theme-dark .navbar,
body.theme-dark .navbar-dark,
body.theme-dark .navbar-light{
    background:var(--color-bg-secondary);
    color:var(--color-text-primary);
    border-bottom:1px solid var(--color-border);
}
body.theme-dark .navbar a{color:var(--color-text-primary);}
body.theme-dark .navbar a:hover{color:#fff;}

body.theme-dark .sidebar-dark{
    background:var(--color-bg-panel) url("/local/css/firstbit/b2b/ui/img-dark/empty-bg.png") top left/cover repeat;
    color:var(--color-text-primary);
}
body.theme-dark .sidebar-dark .nav-sidebar .nav-item>.nav-link{color:var(--color-text-secondary);}
body.theme-dark .sidebar-dark .nav-sidebar>.nav-item-open>.nav-link,
body.theme-dark .sidebar-dark .nav-sidebar>.nav-item>.nav-link.active{
    background:var(--color-bg-accent);
    color:#fff;
}
body.theme-dark .sidebar-dark .nav-sidebar .nav-item-header{color:var(--color-text-muted);}

body.theme-dark .card,
body.theme-dark .widget,
body.theme-dark .bg-main,
body.theme-dark .content-wrapper,
body.theme-dark .box,
body.theme-dark .page-content{
    background:var(--color-bg-panel);
    color:var(--color-text-primary);
    border:1px solid var(--color-border);
}
body.theme-dark .card-header,
body.theme-dark .widget-header{
    background:var(--color-bg-secondary);
    border-bottom:1px solid var(--color-border);
}

body.theme-dark table{color:var(--color-text-primary);}
body.theme-dark table thead{background:var(--color-bg-secondary);}
body.theme-dark table tbody tr:nth-child(odd){background:var(--color-bg-primary);}
body.theme-dark table tbody tr:nth-child(even){background:var(--color-bg-panel);}
body.theme-dark table thead th,
body.theme-dark table tbody td{border-color:var(--color-border);}

body.theme-dark .form-control,
body.theme-dark .input-group>.form-control,
body.theme-dark .custom-select{
    background:var(--color-bg-primary);
    color:var(--color-text-primary);
    border:1px solid var(--color-border);
}
body.theme-dark .form-control:focus{
    background:var(--color-bg-primary);
    border-color:var(--color-brand);
    color:var(--color-text-primary);
}
body.theme-dark .input-group-basket .input-group-prepend,
body.theme-dark .input-group-basket .input-group-append,
body.theme-dark .quantity-selector__increment,
body.theme-dark .quantity-selector__decrement{
    background:var(--color-brand)!important;
    border-color:var(--color-brand)!important;
    color:#fff;
}

body.theme-dark .page-link{
    background:var(--color-bg-primary);
    color:var(--color-text-primary);
    border:1px solid var(--color-border);
}
body.theme-dark .page-item.active .page-link{
    background:var(--color-brand);
    border-color:var(--color-brand);
    color:#fff;
}

body.theme-dark .breadcrumb-line-light {
    border-color:var(--color-border);
}

body.theme-dark .filter_buttons > input:last-child,
body.theme-dark .filter_buttons > input:last-child:hover,
body.theme-dark .filter_buttons > input:last-child:focus {
    background-color:var(--color-brand);
    color:var(--color-text-primary);
}

body.theme-dark .dropdown-menu,
body.theme-dark .modal-content{
    background:var(--color-bg-panel);
    color:var(--color-text-primary);
    border:1px solid var(--color-border);
}
body.theme-dark .modal-header,
body.theme-dark .dropdown-header{border-bottom:1px solid var(--color-border);}

body.theme-dark .alert-info,
body.theme-dark .alert-warning,
body.theme-dark .alert-danger,
body.theme-dark .alert-success{
    background:var(--color-bg-secondary);
    color:var(--color-text-primary);
    border-color:var(--color-border);
}
body.theme-dark .badge{
    background:var(--color-bg-secondary);
    color:var(--color-text-primary);
}

body.theme-dark .breadcrumb{background:var(--color-bg-secondary);border-radius:4px;}
body.theme-dark .breadcrumb-item{color:var(--color-text-secondary);}
body.theme-dark .breadcrumb-item.active{color:var(--color-text-muted);}

body.theme-dark .text-muted{color:var(--color-text-muted)!important;}

/*body.theme-dark img[src$="путь к иконке SVG"]{filter:invert(100%);} если надо будет инвертить иконки*/

body.theme-dark ::-webkit-scrollbar{width:8px;height:8px;}
body.theme-dark ::-webkit-scrollbar-track{background:var(--color-bg-primary);}
body.theme-dark ::-webkit-scrollbar-thumb{background:var(--color-border);}
body.theme-dark ::-webkit-scrollbar-thumb:hover{background:#666;}

body.theme-dark table.blank-zakaza th,
body.theme-dark table.blank-zakaza td,
body.theme-dark input.quantity-selector__value {
    background-color:var(--color-bg-secondary);
    border-color:var(--color-border);
    color:var(--color-text-primary);
}

body.theme-dark div.navbar-dark {
    background-color:var(--color-brand-dark);
}

body.theme-dark tr.blank-zakaza__header-row {
    -webkit-box-shadow: 0 4px 4px var(--color-box-shadow);
    box-shadow: 0 4px 4px var(--color-box-shadow);
}

body.theme-dark .blank-zakaza__header-property:nth-child(2)::before {
    -webkit-box-shadow: -2px 0px 4px 1px var(--color-box-shadow);
    box-shadow: -2px 0px 4px 1px var(--color-box-shadow);
}

body.theme-dark .blank-zakaza__header-property--quantity::before {
    -webkit-box-shadow: 2px 0px 4px 1px var(--color-box-shadow);
    box-shadow: 2px 0px 4px 1px var(--color-box-shadow);
}

body.theme-dark .row-under-modifications-filter {
    -webkit-box-shadow: 0px -4px 8px 0px var(--color-box-shadow);
    box-shadow: 0px -4px 8px 0px var(--color-box-shadow);
}

body.theme-dark td.product__property--name::before,
body.theme-dark td.product__property--quantity::before {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

