:root {
    --dotorders-brand-primary: #360c56;
    --dotorders-brand-complenent: #521283;
    --dotorders-brand-primary-50: #4e1e72df;
    --dotorders-brand-text-color-white: white;
}

div[item-name="Build"],
div[item-name="Home"],
div[item-name="ERPNext Integrations"],
div[item-name="ERPNext Settings"],
h3[title="ERPNext Integrations"],
h3[title="ERPNext Settings"] {
    display: none;
}

.custom-sidebar {
    background-color: var(--dotorders-brand-primary) !important;
    color: var(--dotorders-brand-text-color-white) !important;
    /* border-radius: 5px; */
}

div[data-page-route="User Group"] .col-lg-2.layout-side-section {
    background-color: transparent !important;
}

.list-unstyled.sidebar-menu.text-muted {
    color: white !important;
}

.icon.icon-md.sidebar-toggle-placeholder use,
.sidebar-toggle-icon svg use {
    stroke: black !important;
    color: black !important;
    fill: black !important;
}

#navbar-breadcrumbs a {
    color: white !important;
}

#navbar-breadcrumbs a::before {
    color: white !important;
    content: ">";
    /* background-color: white !important; */
}

.custom-sidebar-item,
.standard-sidebar-item {
    background-color: var(--dotorders-brand-primary) !important;
    color: var(--dotorders-brand-text-color-white) !important;
}

.custom-sidebar-item .desk-sidebar-item.standard-sidebar-item:hover,
.standard-sidebar-item:hover {
    background-color: var(--dotorders-brand-primary-50) !important;
    color: var(--dotorders-brand-text-color-white) !important;
}

.custom-sidebar-item .standard-sidebar-item.selected,
.standard-sidebar-item.selected {
    background-color: var(--dotorders-brand-primary-50) !important;
    color: var(--dotorders-brand-text-color-white) !important;
}

.standard-sidebar-item span,
.standard-sidebar-item svg use {
    color: var(--dotorders-brand-text-color-white) !important;
    fill: var(--dotorders-brand-text-color-white) !important;
    stroke: var(--dotorders-brand-text-color-white) !important;

}

.custom-sidebar-item span {
    color: var(--dotorders-brand-text-color-white) !important;
}

.custom-sidebar-item span:hover {
    color: var(--dotorders-brand-text-color-white) !important;
}

.custom-icon {
    color: white !important;
    stroke: white !important;
    fill: white !important;
}

.icon use[href="#icon-search"] {
    color: #005CA1 !important;
    stroke: #005CA1 !important;
    /* fill: #005CA1 !important; */
}

/* Hide Scrollbars */

html *::-webkit-scrollbar {
    background: transparent;
    width: 0px;
}

html * {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.page-head {
    /* background-color: var(--dotorders-brand-primary); */
    padding: 0 !important;
    margin: 0 !important;
}

.page-head .title-text {
    /* color: var(--dotorders-brand-text-color-white) !important; */
}

.navbar.navbar-expand.sticky-top {
    background-color: var(--dotorders-brand-primary);

}

.navbar.navbar-expand {
    background-color: var(--dotorders-brand-primary);

}

/* 
.row.layout-main {
    background-color: var(--dotorders-brand-primary);

}  */

/* .navbar-brand img {
    max-height: 200px !important;
    max-width: 200px !important;
    width: 200px !important;
} */
/* 
.child {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 50;
}

.app-logo {
    display: none;
} */


.widget.links-widget-box .widget-head {
    background-color: #A344EA;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0 !important;
    color: white !important;
}

div[card_name] {
    padding: 10px;
}

div[card_name] .widget.links-widget-box .widget-body {
    padding-left: 20px;
}

div[card_name] .widget.links-widget-box .widget-head {
    padding-left: 20px;

}


.widget-title .icon use {
    fill: white;
    stroke: white;
    background-color: white;
    stroke-width: 0.5;
}

.widget.links-widget-box .widget-head .widget-label .widget-title .ellipsis {
    color: white !important;
}

.widget.links-widget-box {
    box-shadow: 0 3px 7px rgba(43, 43, 43, 0.2);
    border-radius: 10px;
    padding: 0;
}

.page-actions button[data-label="Edit"],
.page-actions button[data-label="Create%20Workspace"] {
    display: none;
}

form.justify-content-end {
    justify-content: start !important;
}

@media only screen and (max-width: 800px) {
    .input-group.search-bar.text-muted {
        display: none !important;
    }

    .collapse.navbar-collapse.justify-content-end {
        margin-right: 10px;
    }
}


.indicator-pill.no-margin {
    background-color: #e8d0fa;
    padding: 10px;
    border-radius: 50%;
}

.indicator-pill.no-margin.gray::before {
    background-color: #7513c0e1;
}


.list-sidebar.overlay-sidebar.hidden-xs.hidden-sm.opened {
    background-color: var(--dotorders-brand-primary) !important;
    color: var(--dotorders-brand-text-color-white) !important;
    border-radius: 5px;
}

.btn-primary,
.slide-step-indicator,
.slide-step-complete,
.slide-step.step-success {
    background-color: #5a189a !important;
}

.slide-step.active,
.slide-step.step-success,
.progress-bar {
    border-color: #5a189a !important;
}

.standard-sidebar-section,
.col-lg-2.layout-side-section {
    background-color: #360C56 !important;
    color: white !important;
}

.col-lg-2.layout-side-section .list-sidebar {
    margin-top: 20px;
}

.sidebar-action a,
.sidebar-label {
    color: white !important;
}

.page-form.flex,
.standard-filter-section.flex,
.input-with-feedback.form-control.input-xs,
.form-control.input-xs {
    background-color: #A344EA !important;
    color: white !important;
}

.input-with-feedback.form-control.input-xs {
    border: 1px solid white;

}

select.input-with-feedback.form-control.input-xs.ellipsis {
    color: white !important;
}

.input-with-feedback.form-control.input-xs::placeholder,
.form-control.input-xs::placeholder {
    color: white;
    opacity: 1;
}

.input-with-feedback.form-control.input-xs:-ms-input-placeholder,
.form-control.input-xs:-ms-input-placeholder {
    color: white;
}

.input-with-feedback.form-control.input-xs::-ms-input-placeholder,
.form-control.input-xs::-ms-input-placeholder {
    color: white;
}

.btn.btn-sm.filter-button.btn-primary-light {
    background-color: #A344EA !important;
    color: white !important;
}


/* .btn.btn-sm.filter-button.btn-primary-light, .btn.btn-default.ellipsis, .text-muted.btn.btn-default.icon-btn, .btn-default.icon-btn {
    background-color: #A344EA !important;
    color: white !important;
} */

/* .text-muted.btn.btn-default.icon-btn .icon.icon-sm use[href="#icon-refresh"] {
    fill: #A344EA !important;
    color: white !important;
    stroke: white !important;

} */

/* .menu-btn-group-label .icon.icon-sm use {
    fill: #A344EA !important;
    color: white !important;
    stroke: white !important;
} */

.collapse.navbar-collapse.justify-content-end,
.form-inline.fill-width.justify-content-start {
    background-color: transparent !important;
}

.condition.form-control.input-xs {
    background-color: #A344EA !important;
    color: white !important;
}

.filter-selector>button {
    border: 2px solid white;
    background-color: #A344EA;
    border-radius: 15px;
}

.btn.btn-default.btn-sm.filter-button {
    border: 2px solid white;
    background-color: #A344EA;
    border-radius: 15px;
    color: white;
}

.sort-selector {
    display: none;
}

.filter-icon.active,
.icon use,
.comment-count .icon use {
    color: white !important;
    stroke: white !important;
    fill: white !important;
}

.menu-btn-group.hidden-xl,
[data-label="Create%20Workspace"] {
    display: none !important;
}



/* .page-container, .page-body {
    background-color: #3a0d5cec;
    height: 100% !important;
} */

.row.flex.align-center.page-head-content.justify-between {
    background-color: #3a0d5cec;
    color: white;
}

.page-head {
    background-color: #3a0d5cec;
    color: white;
}

.page-head .title-text {
    color: white;
}

.icon.icon-md.sidebar-toggle-placeholder use[href="#icon-menu"] {
    stroke: white !important;
    color: white !important;
    fill: white !important;
}

.layout-main-section,
.layout-main-section.frappe-card {
    margin-top: 18px;
}

.col.layout-main-section-wrapper {
    border-radius: 10px;
}

/* .col.layout-main-section-wrapper, .layout-main-section {
    background-color: #300a4ee1 !important;
}

div[shortcut_name] {
    background-color: var(--dotorders-brand-primary-50) !important;
}

.widget-spacer {
    visibility: hidden;
} */

/* .btn-open-row {
    display: none !important;
}

.col .btn-open-row {
    display: none !important;
} */

button[title="Clear all filters"] {
    display: none !important;
}

/* New CSS */

.standard-sidebar-section.nested-container button .section-title {
    color: white !important;
}

/* .navbar-nav li:nth-child(-n+4) {
    display: none !important;
} */

/* .main-section {
    background-color: var(--dotorders-brand-primary) !important;
}

.sticky-top {
    background-color: var(--dotorders-brand-primary) !important;
}

body, .body {
    background-color: var(--dotorders-brand-primary) !important;
} */

/* .navbar.navbar-expand .container {
    background-color: var(--dotorders-brand-primary) !important;
} */

.container.page-body {
    width: 100% !important;
}

#page-Workspaces > div.container.page-body {
    width: 100% !important;
    /* padding: 0 !important; */
    margin: 0 !important;
}

#page-Workspaces > div.page-head.flex > div {
    width: 100% !important;
    /* padding: 0 !important; */
    margin: 0 !important;
}
body > div.main-section > div.sticky-top > header > div {
    width: 100% !important;
    /* padding: 0 !important; */
    margin: 0 !important;
}

body > div.main-section > div.sticky-top > header {
    border: 2px solid var(--dotorders-brand-primary);
}

body > div.main-section > div.sticky-top > header > div > div > ul > li.vertical-bar.d-none.d-sm-block {
    display: none !important;
}
body > div.main-section > div.sticky-top > header > div > div > ul > li.nav-item.dropdown.dropdown-help.dropdown-mobile.d-none.d-lg-block {
    display: none !important;
}


body > div.main-section > div.sticky-top > header > div > div > ul > li.nav-item.dropdown.dropdown-notifications.dropdown-mobile > button > span.notifications-seen > svg {
    stroke: white !important;
}

.icon.icon-md.sidebar-toggle-placeholder use, .sidebar-toggle-icon svg use {
    stroke: white !important;
}

div.page-head.flex > div > div > div.col-md-4.col-sm-6.col-xs-7.page-title > button > svg > use {
    stroke: white !important;
}

div.container-fluid.page-body > div.page-wrapper > div > div.row.layout-main > div.col-lg-2.layout-side-section > div > ul.list-unstyled.sidebar-menu.form-attachments > li > span > span > a {
    stroke: white !important;
    color: white !important;
}

svg > use {
    stroke: white !important;
    color: white !important;
}

div.container-fluid.page-body > div.page-wrapper > div > div.row.layout-main > div.col-lg-2.layout-side-section > div > ul.list-unstyled.sidebar-menu.text-muted > li.modified-by > a {
    stroke: white !important;
    color: white !important;
}

div.container-fluid.page-body > div.page-wrapper > div > div.row.layout-main > div.col-lg-2.layout-side-section > div > ul.list-unstyled.sidebar-menu.text-muted > li.created-by > a {
    stroke: white !important;
    color: white !important;
}

div.container-fluid.page-body > div.page-wrapper > div > div.row.layout-main > div.col-lg-2.layout-side-section > div > ul.list-unstyled.sidebar-menu.form-sidebar-stats > li > a {
    stroke: white !important;
    color: white !important;
}

div.container-fluid.page-body > div.page-wrapper > div > div.row.layout-main > div.col-lg-2.layout-side-section > div > ul.list-unstyled.sidebar-menu.form-sidebar-stats > li > div > a > span {
    stroke: white !important;
    color: white !important;
}
#page-List\/Company\/List > div.page-head.flex {
    background-color: var(--dotorders-brand-primary);
}

 div.container.page-body {
    margin: 0 !important;
}

div.page-head.flex > div {
    margin: 0 !important;
}

div.page-head.flex {
    background-color: var(--dotorders-brand-primary);
}

div[shortcut_name*="Learn"] {
    display: none;
}