@use 'sass:color';
@font-face {
  font-family: Montserrat;
  src: url("../fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
}

@font-face {
  font-family: Syne;
  src: url("../fonts/Syne/Syne-VariableFont_wght.ttf");
}

@font-face {
  font-family: Raleway;
  src: url("../fonts/Raleway/Raleway-VariableFont_wght.ttf");
}

html[data-theme="light"],
:root {
  --primary: #75AD40;
  --secondary: #75AD40;
  --accent: #75AD40;
  --primary-fg: #38343F;
  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-loud-color: #000;
  --header-color: #ffc;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);
  --breadcrumbs-fg: #c4dce8;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: var(--primary);
  --link-fg: #417893;
  --link-hover-color: #036;
  --link-selected-fg: #5b80b2;
  --hairline-color: #e8e8e8;
  --border-color: #ccc;
  --error-fg: #ba2121;
  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;
  --darkened-bg: #f8f8f8;
  /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4;
  /* E.g. selected table cells */
  --selected-row: #ffc;
  --button-fg: #fff;
  --button-bg: var(--primary);
  --button-hover-bg: #609ab6;
  --default-button-bg: var(--secondary);
  --default-button-hover-bg: #205067;
  --close-button-bg: #747474;
  --close-button-hover-bg: #333;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;
  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);
  --font-family-primary:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        system-ui,
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji";
  --font-family-monospace:
        ui-monospace,
        Menlo,
        Monaco,
        "Cascadia Mono",
        "Segoe UI Mono",
        "Roboto Mono",
        "Oxygen Mono",
        "Ubuntu Monospace",
        "Source Code Pro",
        "Fira Mono",
        "Droid Sans Mono",
        "Courier New",
        monospace,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji";
}

body {
  font-family: Syne, sans-serif;
  color: #38343F;
  font-size: .8rem;
}

h2 {
  color: #837a92;
  margin: 0;
  font-size: .9rem;
  padding: .5rem;
  font-family: Syne, sans-serif;
}

input, textarea {
  outline: none;
  border: 1px solid #837a92;
  color: #38343F;
  font-family: Syne, sans-serif;
}

input[type="number"] {
  appearance: textfield;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  color: #75AD40;
}

ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

summary {
  font-family: Raleway, sans-serif;
  font-weight: bold;
  color: #837a92;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
}

details > summary:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>');
  display: flex;
  align-items: center;
  margin-right: .2rem;
}

details[open] > summary:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>');
}

aside {
  background-color: #e9f3df;
}

aside div#toolbar {
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
  display: flex;
  flex-direction: column;
}

aside div#toolbar div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}

aside div#toolbar input[type=text] {
  width: 100%;
  border-radius: 50px;
  padding: .2rem .7rem;
  font-size: .8rem;
  background-color: #f6faf2;
}

aside div#toolbar input[type=submit] {
  display: none;
}

header {
  padding: .5rem;
}

header h1 {
  font-size: .9rem;
  font-family: Montserrat, sans-serif;
  margin: 0;
  font-weight: 600;
  color: #75AD40;
}

header a {
  border: 1px solid #6a6277;
  border-radius: 3px;
  padding: .2rem .7rem;
  color: #6a6277;
  font-weight: bold;
  font-family: Syne, sans-serif;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  cursor: pointer;
  width: fit-content;
}

header a:hover {
  color: #9d96a9;
}

header > div:last-of-type {
  display: flex;
  flex-direction: row;
  gap: .5rem;
}

header > div:last-of-type button#toggle-toolbar {
  display: none;
}

header > div:last-of-type ul {
  display: flex;
  flex-direction: row;
  gap: .5rem;
}

footer div.paginator {
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: .5rem;
  align-items: center;
  justify-content: space-between;
}

footer div.paginator span {
  padding: .2rem .5rem;
}

footer div.paginator > div:first-of-type a {
  border: 1px solid #6a6277;
  border-radius: 3px;
  padding: .2rem .7rem;
  color: #6a6277;
  font-weight: bold;
  font-family: Syne, sans-serif;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  cursor: pointer;
  width: fit-content;
  padding: .2rem .5rem;
}

footer div.paginator > div:first-of-type a:hover {
  color: #9d96a9;
}

table {
  border: 1px solid #9d96a9;
  width: 100%;
  border-collapse: collapse;
  font-family: Montserrat, sans-serif;
  font-size: .7rem;
  color: #6a6277;
}

table a {
  color: #75AD40;
  font-weight: normal;
}

table th, table td {
  border: 1px solid #9d96a9;
  border-left: none;
  text-align: left;
  padding: .2rem;
}

table thead {
  background-color: #e9f3df;
  user-select: none;
}

table thead th {
  font-weight: bold;
  font-family: Syne, sans-serif;
  font-size: .7rem;
  color: #38343F;
  white-space: nowrap;
}

table tbody tr:hover {
  background-color: #F9FAFB;
}

div.system-alert {
  background-color: #e54f6d;
  color: #F5F0F6;
  font-weight: bold;
  position: sticky;
  width: 100%;
  padding: .2rem 0;
  text-align: center;
}

p.errornote {
  background-color: #e54f6d;
  color: #F5F0F6;
  font-size: large;
  font-weight: normal;
  display: block;
  border: none;
  padding: .5rem;
  margin: 0;
  border-radius: none;
  overflow-wrap: break-word;
  font-weight: bold;
  font-size: small;
  position: sticky;
}

p.errornote ul li {
  margin: 1rem;
}

body:has(p.errornote) header {
  border-bottom: none;
}

ul.errorlist li {
  color: #e54f6d;
}

.errorlist.nonfield {
  color: #e54f6d;
  padding: .5rem;
  font-weight: bold;
}

ul#messagelist, ul.messagelist {
  width: 100%;
  opacity: 1;
  transition: opacity 0.5s ease-out;
  animation: messagesAnimation 0.5s ease-out forwards;
  animation-delay: 5s;
}

ul#messagelist li, ul.messagelist li {
  padding: .2rem;
}

ul#messagelist li.success, ul.messagelist li.success {
  background-color: #03b5aa;
  color: #F5F0F6;
  font-weight: bold;
}

ul#messagelist li.success a, ul.messagelist li.success a {
  color: #F5F0F6;
}

ul#messagelist li.warning, ul.messagelist li.warning {
  background-color: #F8C630;
  color: #38343F;
}

@keyframes messagesAnimation {
  to {
    opacity: 0;
    display: none;
  }
}

body.change-list td.field-description {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body:not(.login) {
  display: flex;
  flex-direction: row;
  height: 100vh;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

body:not(.login) aside {
  width: 250px;
  max-width: 250px;
  border-right: 2px solid #75AD40;
  background-color: #e9f3df;
  box-sizing: border-box;
  user-select: none;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

body:not(.login) aside > div {
  flex: 1;
  padding: 0 .5rem;
}

body:not(.login) aside > div details {
  margin: 2rem 0;
}

body:not(.login) aside > div details ul li {
  padding-left: .1rem;
  margin: 1rem 0;
}

body:not(.login) aside > div details ul li span {
  margin-left: .2rem;
}

body:not(.login) aside > div details ul li a {
  color: #837a92;
}

body:not(.login) aside > div details ul li a:hover {
  color: #38343F;
}

body:not(.login) aside > div details ul li.current a {
  color: #75AD40;
}

body:not(.login) aside > div:first-child {
  height: 2.5rem;
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: .5rem;
  flex: 0;
}

body:not(.login) aside > div:first-child img {
  max-height: 2rem;
}

body:not(.login) aside > div:first-child svg {
  stroke: #75AD40;
  visibility: hidden;
  cursor: pointer;
}

body:not(.login) aside > div:first-child:hover svg {
  visibility: unset;
}

body:not(.login) aside > div:last-child {
  flex: 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-between;
}

body:not(.login) aside > div:last-child details {
  margin: .75rem 0;
  position: relative;
}

body:not(.login) aside > div:last-child details summary {
  position: absolute;
  bottom: .75rem;
  left: 0;
}

body:not(.login) aside > div:last-child details ul {
  position: absolute;
  bottom: 1.5rem;
}

body:not(.login) aside > div:last-child details[open] > summary:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"></polyline></svg>');
}

body:not(.login) > main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

body:not(.login) > main > form {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

body:not(.login) > main header {
  min-height: 1rem;
  border-bottom: 2px solid #75AD40;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

body:not(.login) > main section {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  width: 100%;
  overflow-x: auto;
}

body:not(.login) > main footer {
  min-height: 1rem;
  border-top: 2px solid #75AD40;
  padding: .5rem;
}

body:not(.login) > main footer:empty {
  display: none;
}

body.change-list main {
  overflow: hidden;
}

body.change-list section {
  overflow-x: auto;
}

body.change-list section form {
  height: 100%;
}

body.change-list div#filters-container {
  height: 1rem;
  padding: .5rem;
}

body.change-list div#filters-container div.filters-row {
  position: absolute;
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  align-items: start;
}

body.change-list div#filters-container div.applied-filters {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding-top: .2rem;
}

body.change-list div#filters-container div.filters-list {
  display: flex;
  flex-direction: row;
  gap: .5rem;
}

body.change-list div#filters-container details {
  border: 1px solid #6a6277;
  border-radius: 3px;
  padding: .2rem .7rem;
  color: #6a6277;
  font-weight: bold;
  font-family: Syne, sans-serif;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  cursor: pointer;
  width: fit-content;
  z-index: 10;
  font-size: .7rem;
  padding: 0;
  background-color: white;
}

body.change-list div#filters-container details:hover {
  color: #9d96a9;
}

body.change-list div#filters-container details summary {
  padding: .2rem .7rem;
}

body.change-list div#filters-container details summary::before {
  content: '';
}

body.change-list div#filters-container details[open] summary {
  border-bottom: 1px solid #837a92;
}

body.change-list div#filters-container details[open] li a {
  padding: .2rem .5rem;
  display: block;
  box-sizing: border-box;
  color: #9d96a9;
}

body.change-list div#filters-container details[open] li a:hover {
  color: #75AD40;
}

body.change-list div#filters-container details[open] li.selected {
  background-color: #75AD40;
}

body.change-list div#filters-container details[open] li.selected a {
  color: white;
}

body.change-list div.result_list-table {
  width: 100%;
  box-sizing: border-box;
}

body.change-list div.result_list-table.with-filters {
  padding-top: .2rem;
}

body.change-list div.result_list-table:not(.with-filters) table#result_list {
  border-top: none;
}

body.change-list div.result_list-table:not(.with-filters) table#result_list th {
  border-top: none;
}

body.change-list div.result_list-table table#result_list {
  border: 1px solid #9d96a9;
  width: 100%;
  border-collapse: collapse;
  font-family: Montserrat, sans-serif;
  font-size: .7rem;
  color: #6a6277;
  border-left: none;
}

body.change-list div.result_list-table table#result_list a {
  color: #75AD40;
  font-weight: normal;
}

body.change-list div.result_list-table table#result_list th, body.change-list div.result_list-table table#result_list td {
  border: 1px solid #9d96a9;
  border-left: none;
  text-align: left;
  padding: .2rem;
}

body.change-list div.result_list-table table#result_list thead {
  background-color: #e9f3df;
  user-select: none;
}

body.change-list div.result_list-table table#result_list thead th {
  font-weight: bold;
  font-family: Syne, sans-serif;
  font-size: .7rem;
  color: #38343F;
  white-space: nowrap;
}

body.change-list div.result_list-table table#result_list tbody tr:hover {
  background-color: #F9FAFB;
}

body.change-list div.result_list-table table#result_list th, body.change-list div.result_list-table table#result_list td {
  border-left: none;
}

body.change-list div.result_list-table table#result_list thead th a {
  font-weight: bold;
  color: #75AD40;
  display: block;
}

body.change-list div.result_list-table table#result_list thead th > div {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  justify-content: space-between;
}

body.change-list div.result_list-table table#result_list thead th > div div.sortoptions {
  display: flex;
  flex-direction: row;
  gap: .2rem;
  align-items: center;
}

body.change-list div.result_list-table table#result_list thead th > div div.sortoptions a {
  display: flex;
  align-items: center;
}

body.change-list div.result_list-table table#result_list thead th > div div.sortoptions svg {
  width: .8rem;
  height: 1rem;
  stroke: #75AD40;
}

body.change-list div.result_list-table table#result_list thead th > div div.sortoptions span.sortpriority {
  color: #75AD40;
}

body.change-form section {
  padding-bottom: 1rem;
}

body.change-form fieldset {
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

body.change-form fieldset:not(:first-of-type) h2 {
  margin-top: 3rem;
}

body.change-form fieldset:has(table) {
  gap: 0;
}

body.change-form fieldset:has(table) h2 {
  border-bottom: none !important;
}

body.change-form div.tabular {
  margin-top: 3rem;
}

body.change-form h2 {
  border-bottom: 2px solid #dae1e7;
}

body.change-form div.form-row {
  display: flex;
  flex-direction: row;
  padding: .5rem;
  gap: 2rem;
  flex-wrap: wrap;
}

body.change-form div.form-row p {
  margin: 0;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) {
  display: flex;
  flex-direction: column;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) div.field-label {
  margin-bottom: .2rem;
  display: flex;
  gap: .5rem;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) div.field-label label {
  color: #38343F;
  font-size: .7rem;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) div.field-label label.required {
  font-weight: bold;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) div.field-label label.required::after {
  content: '*';
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) div.field-label svg {
  width: .9rem;
  height: .9rem;
  cursor: help;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) input, body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) textarea, body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) select {
  border: none;
  background-color: white;
  font-size: .9rem;
  color: #38343F;
  border: 1px solid #dae1e7;
  padding: .2rem .5rem;
  width: 450px;
  max-width: 450px;
  box-sizing: border-box;
  font-family: Montserrat, sans-serif;
  resize: none;
  border-radius: 2px;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) input:focus, body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) textarea:focus, body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) select:focus {
  border: 1px solid #6a6277;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) input[type=date], body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) input.vDateField {
  min-width: unset;
  width: unset;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) textarea {
  width: 100%;
  padding: .5rem;
}

body.change-form div.form-row div.form-field:not(:has(input[type=checkbox])) a.related-widget-wrapper-link {
  display: none;
}

body.change-form div.form-row div.form-field.widget-relatedfieldwidgetwrapper:has(input[type=checkbox]) label:has(input[type=checkbox]) {
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
}

body.change-form div.form-row div.form-field.widget-relatedfieldwidgetwrapper:has(input[type=checkbox]) input {
  width: fit-content;
  min-width: fit-content;
  margin: .5rem 0;
}

body.change-form footer div.submit-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

body.change-form footer div.submit-row input[type=submit] {
  border: 1px solid #6a6277;
  border-radius: 3px;
  padding: .2rem .7rem;
  color: #6a6277;
  font-weight: bold;
  font-family: Syne, sans-serif;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  cursor: pointer;
  width: fit-content;
}

body.change-form footer div.submit-row input[type=submit]:hover {
  color: #9d96a9;
}

body.change-form footer div.submit-row input[type=submit].default {
  background-color: #75AD40;
  color: #F5F0F6;
  border: 1px solid #F5F0F6;
  padding: .2rem 2rem;
}

body.change-form footer div.submit-row input[type=submit].default:hover {
  background-color: #e9f3df;
  color: #38343F;
}

body.change-form footer div.submit-row a.deletelink {
  border: 1px solid #6a6277;
  border-radius: 3px;
  padding: .2rem .7rem;
  color: #6a6277;
  font-weight: bold;
  font-family: Syne, sans-serif;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  cursor: pointer;
  width: fit-content;
  background-color: #e54f6d;
  color: #F5F0F6;
  border: 1px solid #F5F0F6;
  padding: .2rem 2rem;
}

body.change-form footer div.submit-row a.deletelink:hover {
  color: #9d96a9;
}

body.change-form footer div.submit-row a.deletelink:hover {
  background-color: #ec7b92;
  color: #38343F;
}

body.change-form footer div.submit-row div:has(a.closelink) {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  text-align: right;
}

body.change-form p.date {
  white-space: nowrap;
}

body.change-form div.readonly {
  font-size: 1rem;
}

body.change-form span.datetimeshortcuts {
  white-space: nowrap;
}

body.change-form span.datetimeshortcuts a span.date-icon {
  color: #75AD40;
  background: none;
}

body.change-form span.datetimeshortcuts a span.date-icon svg {
  height: 1rem;
  width: 1rem;
}

body.change-form div.calendar {
  user-select: none;
}

body.change-form div.calendar table caption {
  padding: .5rem;
}

body.change-form div.calendar table th {
  font-weight: bold;
}

body.change-form div.inline-group:has(:not(fieldset.module)) {
  padding: .5rem;
}

body.change-form div.inline-group h2 {
  padding-left: 0;
}

body.change-form div.inline-group table, body.change-form fieldset.module table {
  border-radius: 3px;
}

body.change-form div.inline-group table td, body.change-form div.inline-group table th, body.change-form fieldset.module table td, body.change-form fieldset.module table th {
  border: none;
  border-bottom: 1px solid #9d96a9;
  font-size: .9rem;
  padding: .2rem;
}

body.change-form div.inline-group table td:has(input:not([type=hidden])), body.change-form div.inline-group table th:has(input:not([type=hidden])), body.change-form fieldset.module table td:has(input:not([type=hidden])), body.change-form fieldset.module table th:has(input:not([type=hidden])) {
  padding: .5rem;
}

body.change-form div.inline-group table input, body.change-form fieldset.module table input {
  font-size: 1rem;
  border: 1px solid #dae1e7;
  padding: .2rem;
}

body.change-form div.inline-group table input:focus, body.change-form fieldset.module table input:focus {
  border: 1px solid #38343F;
}

body.change-form div.inline-group table:has(tr.add-row), body.change-form fieldset.module table:has(tr.add-row) {
  border: 0;
}

body.change-form div.inline-group table:has(tr.add-row) td, body.change-form div.inline-group table:has(tr.add-row) th, body.change-form fieldset.module table:has(tr.add-row) td, body.change-form fieldset.module table:has(tr.add-row) th {
  border-bottom: 1px solid #9d96a9;
  border-top: 1px solid #9d96a9;
}

body.change-form div.inline-group table:has(tr.add-row) td:first-of-type, body.change-form div.inline-group table:has(tr.add-row) th:first-of-type, body.change-form fieldset.module table:has(tr.add-row) td:first-of-type, body.change-form fieldset.module table:has(tr.add-row) th:first-of-type {
  border-left: 1px solid #9d96a9;
}

body.change-form div.inline-group table:has(tr.add-row) td:last-of-type, body.change-form div.inline-group table:has(tr.add-row) th:last-of-type, body.change-form fieldset.module table:has(tr.add-row) td:last-of-type, body.change-form fieldset.module table:has(tr.add-row) th:last-of-type {
  border-right: 1px solid #9d96a9;
}

body.change-form div.inline-group table:has(tr.add-row) tr.add-row td, body.change-form div.inline-group table:has(tr.add-row) tr.add-row th, body.change-form fieldset.module table:has(tr.add-row) tr.add-row td, body.change-form fieldset.module table:has(tr.add-row) tr.add-row th {
  border: 0;
  padding: .7rem 0;
}

body.change-form div.inline-group table:has(tr.add-row) tr.add-row td a, body.change-form div.inline-group table:has(tr.add-row) tr.add-row th a, body.change-form fieldset.module table:has(tr.add-row) tr.add-row td a, body.change-form fieldset.module table:has(tr.add-row) tr.add-row th a {
  border: 1px solid #6a6277;
  border-radius: 3px;
  padding: .2rem .7rem;
  color: #6a6277;
  font-weight: bold;
  font-family: Syne, sans-serif;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  cursor: pointer;
  width: fit-content;
}

body.change-form div.inline-group table:has(tr.add-row) tr.add-row td a:hover, body.change-form div.inline-group table:has(tr.add-row) tr.add-row th a:hover, body.change-form fieldset.module table:has(tr.add-row) tr.add-row td a:hover, body.change-form fieldset.module table:has(tr.add-row) tr.add-row th a:hover {
  color: #9d96a9;
}

body.change-form div.inline-group table:has(tr.add-row) tr.add-row:hover, body.change-form fieldset.module table:has(tr.add-row) tr.add-row:hover {
  background-color: transparent;
}

body.change-form div.inline-related tr.form-row.empty-form {
  display: none;
}

body.login {
  margin: 0;
  padding: 0;
  background-color: #e9f3df;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*
    min-height: 90vh;
    display: flex;
    background-color: $login-background-color;

    #container {
        margin: auto;
        display: inline-flex;
        min-height: auto;
        flex-direction: row;
        min-width: 650px;
        width: auto;
        background-color: $login-form-background-color;
        border: 1px solid $login-border-color;

        #header {
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: none;
            position: initial;
            flex: 1 1 0px;

            background: url("/static/jamgo/images/mono-logo.png") no-repeat center center;
            background-size: 90%;
            align-items: flex-end;
            background-color: $login-logo-background-color;

            img {
                display: none;
            }

            h1 {
                a {
                  color: white;
                }
                display: none;
            }

            .title-bar, div#title-bar {
                display: none;
            }
        }

        #main {
            flex: 1 1 0;
            width: 0;
        }

        a {
            text-decoration: none;
        }
    }

    #login-form {
        * {
            border: none;
        }

        input[type=text], input[type=password] {
            border: 1px solid $dark-gray;
        }

        .form-row {
            margin-top: 1.5rem;
            margin-bottom: 1rem;
        }

        label {
            display: block;
            color: $login-label-color;
            font-weight: bold;
        }
    }

    span#warning {
        color: $warning-backcolor;
        text-align: center;
        font-size: small;
        font-weight: bold;
        display: block;
    }

    .submit-row {
        text-align: end;

        position: initial;
        display: block;
        min-width: 100%;
        margin-bottom: 1rem;
    }

    .errornote {
        font-size: small;
        font-weight: normal;
        text-align: center;
    }
    */
}

body.login * {
  font-size: .9rem;
  font-family: Montserrat, sans-serif;
}

body.login main {
  min-width: 650px;
  min-height: 325px;
  width: auto;
  margin: auto;
  display: inline-flex;
  flex-direction: row;
  background-color: white;
  border: 1px solid #dae1e7;
  align-items: center;
  justify-content: center;
}

body.login main div#branding {
  max-width: 300px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body.login main div#branding img {
  width: 100%;
}

body.login main div#form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  height: 100%;
  justify-content: space-around;
  padding: 2rem;
}

body.login main div#form label {
  font-weight: bold;
  margin-bottom: .2rem;
}

body.login main div#form div.form-row {
  display: flex;
  flex-direction: column;
}

body.login main div#form div.submit-row {
  text-align: right;
}

body.login main div#form input[type=text] {
  padding: .2rem;
}

body.login main div#form input[type=submit] {
  background-color: #75AD40;
  color: white;
  cursor: pointer;
  border: #e9f3df;
  padding: .5rem 1rem;
}

body.login main div#form span#warning {
  background-color: #F8C630;
  color: white;
  font-weight: bold;
  padding: .5rem;
}

body.login main div#form p, body.login main div#form span {
  max-width: 300px;
}

body.DataBrowser div.Results {
  width: 100%;
}

body.DataBrowser div.Results table {
  width: 100%;
}

body.DataBrowser div.Results table thead th {
  white-space: break-spaces;
}

body.DataBrowser div.Results table thead th .ColumnTitle {
  font-weight: normal;
}

body.import-export-export main, body.import-export-import main {
  overflow: hidden;
  width: 100%;
}

body.import-export-export section, body.import-export-import section {
  padding: 1rem;
  overflow: auto;
  box-sizing: border-box;
}

body.import-export-export div.form-row:has(input[type=file]), body.import-export-import div.form-row:has(input[type=file]) {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

body.import-export-export div.form-row:has(input[type=file]) input, body.import-export-import div.form-row:has(input[type=file]) input {
  max-width: 250px;
  border: none;
}

body.import-export-export div.explanation, body.import-export-import div.explanation {
  margin-top: 2rem;
}

body.import-export-export h2, body.import-export-import h2 {
  padding: .5rem 0;
}

body.import-export-export p.errorlist, body.import-export-export div.import-error-display-message, body.import-export-import p.errorlist, body.import-export-import div.import-error-display-message {
  color: #e54f6d;
  padding: .5rem 0;
  font-size: .8rem;
  font-weight: bold;
}

body.import-export-confirm main {
  overflow: hidden;
}

body.import-export-confirm section {
  padding-bottom: 0;
}

body.import-export-confirm div.traceback {
  color: #6a6277;
}

.button-appearance {
  border: 1px solid #6a6277;
  border-radius: 3px;
  padding: .2rem .7rem;
  color: #6a6277;
  font-weight: bold;
  font-family: Syne, sans-serif;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  cursor: pointer;
  width: fit-content;
}

.button-appearance:hover {
  color: #9d96a9;
}

.non-existent-appearance {
  display: none !important;
}

.loader-container {
  min-height: 100%;
  width: 100%;
  display: flex;
  background-color: #00000066;
  position: fixed;
  top: 0;
  left: 0;
}

.loader-container .loader {
  margin: auto;
  width: 10%;
  aspect-ratio: 1 / 1;
  border: 25px solid #e9f3df;
  border-bottom-color: #75AD40;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*
These were icons from https://feathericons.com/. Do not worry, they won't be added to the
style sheet css if you are not using them.
*/
body.DataBrowser #container {
  max-height: 100vh;
}

body.DataBrowser .content {
  padding-top: 0 !important;
  padding-right: 0 !important;
}

body.DataBrowser .content #content {
  height: 100%;
  padding-top: 0;
}

body.DataBrowser #root {
  height: 100%;
  overflow: auto;
}

body.DataBrowser .ModelSelector {
  display: none;
}

body.DataBrowser .QueryPage {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

body.DataBrowser .QueryPage div.StatusBar {
  width: 100%;
  padding: .2rem 0;
  background-color: #F0F4EF;
  order: 1;
  font-size: .75rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

body.DataBrowser .QueryPage div.StatusBar h1 {
  margin: 1rem;
}

body.DataBrowser .QueryPage div.StatusBar div {
  margin-right: .5rem;
}

body.DataBrowser .QueryPage div.StatusBar a, body.DataBrowser .QueryPage div.StatusBar button {
  background-color: #75AD40;
  border: none;
  margin-left: 1rem;
  color: white;
  padding: .5rem 1rem;
  cursor: pointer;
  font-weight: bold;
  font-size: .75rem;
  border-radius: 3px;
}

body.DataBrowser .MainSpace {
  display: flex;
  flex-direction: row;
  width: 100%;
  order: 3;
  height: 100%;
  padding: .5rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}

body.DataBrowser .MainSpace .SideMenus {
  margin-right: .5rem;
  display: flex;
  flex-direction: column;
}

body.DataBrowser .MainSpace .SideMenus table * {
  font-size: .75rem !important;
}

body.DataBrowser .MainSpace .SideMenus table tr {
  background-color: transparent;
}

body.DataBrowser .MainSpace .SideMenus table td {
  border: none;
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle, body.DataBrowser .MainSpace .SideMenus .FiltersToggle, body.DataBrowser .MainSpace .SideMenus .ActionsToggle {
  background-color: #75AD40;
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle button + span::after, body.DataBrowser .MainSpace .SideMenus .FiltersToggle button + span::after, body.DataBrowser .MainSpace .SideMenus .ActionsToggle button + span::after {
  margin-left: .5rem;
  color: white;
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle button, body.DataBrowser .MainSpace .SideMenus .FiltersToggle button, body.DataBrowser .MainSpace .SideMenus .ActionsToggle button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle button.toggleAdd, body.DataBrowser .MainSpace .SideMenus .FiltersToggle button.toggleAdd, body.DataBrowser .MainSpace .SideMenus .ActionsToggle button.toggleAdd {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle button.toggleAdd::before, body.DataBrowser .MainSpace .SideMenus .FiltersToggle button.toggleAdd::before, body.DataBrowser .MainSpace .SideMenus .ActionsToggle button.toggleAdd::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle button.toggleAdd::before, body.DataBrowser .MainSpace .SideMenus .FiltersToggle button.toggleAdd::before, body.DataBrowser .MainSpace .SideMenus .ActionsToggle button.toggleAdd::before {
  float: none;
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle button.toggleRemove, body.DataBrowser .MainSpace .SideMenus .FiltersToggle button.toggleRemove, body.DataBrowser .MainSpace .SideMenus .ActionsToggle button.toggleRemove {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle button.toggleRemove::before, body.DataBrowser .MainSpace .SideMenus .FiltersToggle button.toggleRemove::before, body.DataBrowser .MainSpace .SideMenus .ActionsToggle button.toggleRemove::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye-off"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>');
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle button.toggleRemove::before, body.DataBrowser .MainSpace .SideMenus .FiltersToggle button.toggleRemove::before, body.DataBrowser .MainSpace .SideMenus .ActionsToggle button.toggleRemove::before {
  float: none;
}

body.DataBrowser .MainSpace .SideMenus .FieldsToggle span, body.DataBrowser .MainSpace .SideMenus .FiltersToggle span, body.DataBrowser .MainSpace .SideMenus .ActionsToggle span {
  margin-right: 1rem;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList {
  border: 1px solid #75AD40;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList .FieldsToggle button.toggleRemove + span::after {
  content: "Llista de camps";
}

body.DataBrowser .MainSpace .SideMenus .FieldsList .Scroller {
  min-width: 200px;
  width: 100%;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td {
  padding: .2rem;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td.ConcreteField {
  width: 100%;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td.ConcreteField button {
  width: 100%;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td:not(.ConcreteField) {
  cursor: default;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td.CalculatedField button, body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td.ConcreteField button, body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td.undefined button, body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td.FunctionField button {
  color: black;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td.FunctionField button {
  color: tan;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup td.AggregateField button {
  color: slategray;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup .RelatedField {
  color: #75AD40;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  text-align: left;
  color: #75AD40;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup button.toggleAdd {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup button.toggleAdd::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2375AD40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>');
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup button.toggleRemove {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup button.toggleRemove::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2375AD40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minimize-2"><polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>');
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup span.build_circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup span.build_circle::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2375AD40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>');
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup tr.Field:hover {
  background-color: #F5F0F6;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup tr.Field td:first-child {
  width: 1rem;
}

body.DataBrowser .MainSpace .SideMenus .FieldsList table.FieldGroup tr.Field td:last-child {
  padding-left: .5rem;
}

body.DataBrowser .MainSpace .SideMenus .Filters {
  margin-top: 1rem;
  border: 1px solid #75AD40 !important;
}

body.DataBrowser .MainSpace .SideMenus .Filters .FiltersToggle button.toggleRemove + span::after {
  content: "Llista de filtres aplicats";
}

body.DataBrowser .MainSpace .SideMenus .Filters table {
  min-width: 200px;
  padding: .5rem;
}

body.DataBrowser .MainSpace .SideMenus .Filters table tr.Filter:not(:first-child) {
  border-top: 1px solid #F5F0F6;
}

body.DataBrowser .MainSpace .SideMenus .Filters table tr.Filter td {
  vertical-align: middle;
}

body.DataBrowser .MainSpace .SideMenus .Filters table tr.Filter td .FilterContainer {
  padding: .5rem 0;
}

body.DataBrowser .MainSpace .SideMenus .Filters table tr.Filter td .FilterContainer div {
  display: flex;
  flex-direction: row;
}

body.DataBrowser .MainSpace .SideMenus .Filters table tr.Filter td .FilterContainer div:first-child {
  margin-bottom: .3rem;
}

body.DataBrowser .MainSpace .SideMenus .Filters table tr.Filter td .FilterContainer div:first-child button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

body.DataBrowser .MainSpace .SideMenus .Filters table tr.Filter td .FilterContainer div:not(:first-child) {
  justify-content: space-between;
  align-items: center;
}

body.DataBrowser .MainSpace .SideMenus .Filters table tr.Filter td .FilterContainer div:not(:first-child) * {
  flex-grow: 1;
}

body.DataBrowser .MainSpace .SideMenus .Filters table tr.Filter td .FilterContainer div:not(:first-child) *.equal {
  flex-grow: 0;
  margin: 0 .3rem;
}

body.DataBrowser .MainSpace .SideMenus .Actions {
  margin-bottom: 1rem;
  order: -1;
  border: 0;
}

body.DataBrowser .MainSpace .SideMenus .Actions .ActionsToggle button.toggleRemove + span::after {
  content: "";
}

body.DataBrowser .MainSpace .SideMenus .Actions a {
  cursor: pointer;
  color: white;
  background-color: #75AD40;
  border: none;
  color: white;
  padding: .5rem 1rem;
  cursor: pointer;
  font-weight: bold;
  font-size: .75rem;
  border-radius: 3px;
  display: block;
}

body.DataBrowser .MainSpace .SideMenus .Actions td {
  display: block;
}

body.DataBrowser .MainSpace .Results table {
  border: 1px solid #75AD40;
  margin-right: .5rem;
}

body.DataBrowser .MainSpace .Results table td {
  border: 1px solid #75AD40;
}

body.DataBrowser .MainSpace .Results table th {
  background-color: #75AD40;
  vertical-align: middle;
}

body.DataBrowser .MainSpace .Results table th button {
  background-color: transparent;
  border: none;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

body.DataBrowser .MainSpace .Results table th td {
  border: 1px solid #F5F0F6;
}

body.DataBrowser .MainSpace .Results table th div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

body.DataBrowser .MainSpace .Results table th div .ColumnTitle {
  order: -1;
  flex-basis: 100%;
  width: 0;
  text-align: center;
  color: #F5F0F6;
}

body.DataBrowser .MainSpace h1 {
  width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
}

body.DataBrowser button.filter_alt {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser button.filter_alt::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2338343F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>');
}

body.DataBrowser button.filter_alt_h {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser button.filter_alt_h::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>');
}

body.DataBrowser button.pivot_table {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser button.pivot_table::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-table"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"></path></svg>');
}

body.DataBrowser button.remove_h {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser button.remove_h::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>');
}

body.DataBrowser button.remove {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser button.remove::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2338343F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>');
}

body.DataBrowser button.chevron_right {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser button.chevron_right::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-right"><polyline points="13 17 18 12 13 7"></polyline><polyline points="6 17 11 12 6 7"></polyline></svg>');
}

body.DataBrowser button.chevron_left {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 1.5rem;
}

body.DataBrowser button.chevron_left::before {
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: .2rem;
  background-image: url('data:image/svg+xml;utf,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-left"><polyline points="11 17 6 12 11 7"></polyline><polyline points="18 17 13 12 18 7"></polyline></svg>');
}

body.change-form.model-people select#id_mark, body.change-form.model-entity select#id_mark {
  min-width: unset;
  max-width: unset;
  width: fit-content;
}

/* Remove the last option used only on the data browser */
body.change-list.model-people ul#user-menu li:last-child {
  display: none;
}

body.change-list.model-inactiveentity ul#user-menu {
  display: none;
}

body.change-list.model-people, body.change-list.model-entity, body.change-list.model-inactiveentity {
  /* Those elements on floating windows */
}

body.change-list.model-people td.field-get_buttons, body.change-list.model-entity td.field-get_buttons, body.change-list.model-inactiveentity td.field-get_buttons {
  text-align: center !important;
}

body.change-list.model-people td.field-get_buttons svg, body.change-list.model-entity td.field-get_buttons svg, body.change-list.model-inactiveentity td.field-get_buttons svg {
  width: 1rem;
  height: 1rem;
  stroke: #75AD40;
  cursor: pointer;
}

body.change-list.model-people div#pre-footer:not(:empty), body.change-list.model-entity div#pre-footer:not(:empty), body.change-list.model-inactiveentity div#pre-footer:not(:empty) {
  border-top: 2px solid #75AD40;
  padding: .2rem .5rem;
  max-height: 350px;
  overflow-y: auto;
  margin-bottom: 1rem;
}

body.change-list.model-people div#pre-footer:not(:empty) h2, body.change-list.model-entity div#pre-footer:not(:empty) h2, body.change-list.model-inactiveentity div#pre-footer:not(:empty) h2 {
  padding-left: 0;
}

body.change-list.model-people div#pre-footer:not(:empty) div.buttons-container, body.change-list.model-entity div#pre-footer:not(:empty) div.buttons-container, body.change-list.model-inactiveentity div#pre-footer:not(:empty) div.buttons-container {
  position: absolute;
  right: 0;
  padding: .5rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

body.change-list.model-people div#pre-footer:not(:empty) div.buttons-container svg, body.change-list.model-entity div#pre-footer:not(:empty) div.buttons-container svg, body.change-list.model-inactiveentity div#pre-footer:not(:empty) div.buttons-container svg {
  width: 1rem;
  height: 1rem;
}

body.change-form.model-entity div.tabular.inline-related.last-related h2 {
  border-bottom: none;
}

body.change-form.model-entity div#payments-group table tr#payments-empty {
  display: none;
}

body.model-report.change-list th.field-get_buttons {
  text-align: center !important;
}

body.model-report.change-list th.field-get_buttons svg {
  width: 1rem;
  height: 1rem;
}

body.model-maillist.change-form div.field-create_sync_button label {
  display: none;
}

body.model-maillist.change-form div.field-create_sync_button a {
  border: 1px solid #6a6277;
  border-radius: 3px;
  padding: .2rem .7rem;
  color: #6a6277;
  font-weight: bold;
  font-family: Syne, sans-serif;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  cursor: pointer;
  width: fit-content;
}

body.model-maillist.change-form div.field-create_sync_button a:hover {
  color: #9d96a9;
}

body.model-assembly.change-list a.import_link, body.model-yearlycoefficient.change-list a.import_link {
  display: none;
}