/***** header *****/

body[data-app-creator="clck"] #tmenu,
body[data-app-creator="clicksolutions"] #tmenu {
  background: #1890ff;
}

body[data-app-creator="lava"] #tmenu,
body[data-app-creator="lachsvonachtern"] #tmenu {
  background: #fed736;
}

#tmenu a:hover,
#tmenu li:hover .h2,
#tmenu .active .h2,
#tmenu li:hover .profile button,
#tmenu .active .profile button {
  background-color: #00000030;
}

.badge-title {
  margin-top: -2px;
  padding: 2px 8px;
  line-height: 16px;
  background: #f47c00;
}

body[data-app-env="develop"] .badge-title {
  background: #f47c00;
}

body[data-app-env="live"] .badge-title,
body[data-app-env="production"] .badge-title {
  background: #00e79c;
}

/***** backend max width *****/

:root {
  --body-bg: #cfcfd3;
  --main-bg: #eaeaec;
}

html[data-color-scheme="dark"] {
  --main-bg: #32363e;
}

body {
  background: var(--body-bg) !important;
}

#main {
  background: var(--main-bg) !important;
}

#container,
#header {
  max-width: 1440px;
  margin: 0 auto;
}

/***** navigation 5.7+ *****/

#container #left {
  background: #0f1c26;
}

#tl_navigation [class^=menu_level_] a {
  color: #d3d6da;
}

#tl_navigation .menu_level_1 a:hover, #tl_navigation .menu_level_1 li.current > a {
  color: #eaedf1;
  border-radius: 0.375rem 0 0 0.375rem;
  background: #172b3b;
}

/***** header menu *****/

#tmenu .icon-flash {
  margin-bottom: -2px;
  overflow: hidden;
  position: relative;
  text-indent: 28px;
  white-space: nowrap;
  width: 16px;
  background: url('icon-flash.svg') center center no-repeat
}