
main .content-header {
  background-color: var(--color-admin-theme-first);
  color: var(--color-admin-theme-second);
  display: -ms-flexbox;
  display: flex;
}

main .content-header .breadcrumb__link {
  color: var(--color-admin-theme-second);
}

main .content-header .layout-container {
  margin-left: 1em !important;
}

.content-header:before {
  margin-left: 1em;
  content: "";
  display: block;
  width: 90px;
  height: 60px;
  background-image: var(--logo-url-admin, none);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

main header .layout-container{
  width: 100%;
}

main .layout-container{
  width: auto;
  margin: 0 20px!important;
}

.tabs--primary a {
  color: var(--color-admin-theme-second);
  background: var(--color-admin-theme-first);
}

.tabs--primary a:hover {
  color: var(--color-admin-theme-second);
}

.tabs--primary a.is-active {
  color: var(--color-admin-theme-first);
  background-color: var(--color-admin-theme-second);
}

.backoffice-switch-links {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  margin-bottom: 1em;
}

.backoffice-switch-link {
  display: inline-block;
  padding: 0.4em 1em;
  border-radius: 4px;
  border: 1px solid var(--color-admin-theme-first, #ccc);
  text-decoration: none;
  color: var(--color-admin-theme-first, #333);
}

.backoffice-switch-link.is-active {
  color: var(--color-admin-theme-second, #fff);
  background-color: var(--color-admin-theme-first, #333);
}

