/* Auto-generated by Whitelabel Setting — do not edit manually */
body { position: relative; min-height: 100vh; }
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;
  background-image: url('/files/bg2.png');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 1;
}
body, .main-section, .page-container, .layout-main, .container-fluid, .page-body, .layout-main-section, .frappe-control .ql-editor, .frappe-list, [data-page-container], .desk-sidebar {
  background-color: transparent !important;
}
@media (max-width: 768px) {
  body::before {
    background-image: url('/files/bg.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
}

/* Component transparency */
.frappe-card, .widget, .widget.widget-shadow, .widget .widget-head, .widget .widget-body, .widget .widget-footer, .layout-main-section, .page-container, .list-row, .frappe-list, .report-wrapper, .std-form-layout, .std-form-layout .form-layout, .std-form-layout .form-layout .form-page, .form-layout, .form-page, .workspace-sidebar-section, .codex-editor, .comment-box, .desk-sidebar, #page-Workspaces .layout-main-section, .desk-page .layout-main, .form-group .control-input-wrapper, .frappe-control[data-fieldtype='Table'] .form-group, .section-body, .form-section, .form-dashboard-section, .list-filters, .filter-section, .sort-selector, .page-form, .form-tabs-list, .form-footer, .shortcut-widget-box, .number-widget-box, .onboarding-widget-box {
  background-color: rgba(255,255,255, 0) !important;
}
@media (prefers-color-scheme: dark) {
  .frappe-card, .widget, .widget.widget-shadow, .widget .widget-head, .widget .widget-body, .widget .widget-footer, .layout-main-section, .page-container, .list-row, .frappe-list, .report-wrapper, .std-form-layout, .std-form-layout .form-layout, .std-form-layout .form-layout .form-page, .form-layout, .form-page, .workspace-sidebar-section, .codex-editor, .comment-box, .desk-sidebar, #page-Workspaces .layout-main-section, .desk-page .layout-main, .form-group .control-input-wrapper, .frappe-control[data-fieldtype='Table'] .form-group, .section-body, .form-section, .form-dashboard-section, .list-filters, .filter-section, .sort-selector, .page-form, .form-tabs-list, .form-footer, .shortcut-widget-box, .number-widget-box, .onboarding-widget-box {
    background-color: rgba(30,30,30, 0) !important;
  }
}
html[data-theme='dark'] .frappe-card, .widget, .widget.widget-shadow, .widget .widget-head, .widget .widget-body, .widget .widget-footer, .layout-main-section, .page-container, .list-row, .frappe-list, .report-wrapper, .std-form-layout, .std-form-layout .form-layout, .std-form-layout .form-layout .form-page, .form-layout, .form-page, .workspace-sidebar-section, .codex-editor, .comment-box, .desk-sidebar, #page-Workspaces .layout-main-section, .desk-page .layout-main, .form-group .control-input-wrapper, .frappe-control[data-fieldtype='Table'] .form-group, .section-body, .form-section, .form-dashboard-section, .list-filters, .filter-section, .sort-selector, .page-form, .form-tabs-list, .form-footer, .shortcut-widget-box, .number-widget-box, .onboarding-widget-box {
  background-color: rgba(30,30,30, 0) !important;
}