body {
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    background-color: rgb(219, 219, 219);
}

/* copied from https://github.com/django/django/blob/main/django/contrib/admin/static/admin/css/base.css */
:root {
  --primary: #5F6E81;
  --secondary: rgb(32, 40, 71);
  --accent:rgb(242, 110, 33);
  --primary-fg: #F8F9FA;

  --body-fg: #3E4754;
  --body-bg: rgb(248, 249, 250);
  --body-quiet-color: #3E4754;
  --body-loud-color: #000;
    
  --header-color: #FCF6E7;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #252B32;
  --breadcrumbs-link-fg: var(--link-fg);
  --breadcrumbs-bg: #F8F9FA;

  --link-fg: #2770b3;
  --link-hover-color: #0A5195;
  --link-selected-fg: #5b80b2;

  --hairline-color: #d6dbe2;
  --border-color: #ccc;

  --error-fg: #C64B32;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: rgb(245, 246, 250);
  --selected-bg: #EDEFF2; /* E.g. selected table cells */
  --selected-row: #FCF6E7;

  --button-fg: #fff;
  --button-bg: #2770b3;
  --button-hover-bg: #0A5195;
  --default-button-bg: #0A814F;
  --default-button-hover-bg: #075D39;
  --close-button-bg: #2770b3; /* Previously #bbb, contrast 1.92 */
  --close-button-hover-bg: #0A5195;
  --delete-button-bg: #C64B32;
  --delete-button-hover-bg: #973926;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);
}

.toggle-nav-sidebar {
    background-color: transparent;
}

.module caption.tenant-app {
    background-color: #5f6E81 !important;
}

.breadcrumbs {
    margin-bottom: 20px;
}

h1 {
    font-weight: 700;
    font-size: large;
}

div[data-inline-model="pipeline-schemafield"],
#columnpattern_set-group,
#cellpattern_set-group {
    overflow-x: scroll;
    position: relative;
}

#changelist-filter {
    margin: 0 !important;
}

.dataframe {
    border: 1px solid #ccc;
}
.dataframe td, .dataframe th {
    border: none;
}

@media (prefers-color-scheme: dark) {
    :root {
    }
}

/* Hide original object name in patterngroup admin */
#patterngroup_form td.original p {
    visibility: hidden;
}

#patterngroup_form .inline-group .tabular tr.has_original td {
    padding-top: 10px;
}

ul#id_sync_pipelines > li {
    float: left;
    font-weight: bold;
    margin-top: 5px;
}

ul#id_sync_pipelines > li > ul {
    margin-left: 0px;
}

.head {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 0.6875rem;
    letter-spacing: 0.5px;
}

.tenant {
    width: auto;
    height: auto;
    padding: 10px 40px;
    background: #eee;
}

.tenant.production {
    background: #c30101;
    color: white;
}

.tenant.uat, .tenant.development {
    background: #ffd22b;
    color: black;
}