@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100;
  src: local(""), url("../../lib/fonts/montserrat-latin-100-normal.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: italic;
  font-weight: 100;
  src: local(""), url("../../lib/fonts/montserrat-latin-100-italic.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../../lib/fonts/montserrat-latin-300-normal.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: italic;
  font-weight: 300;
  src: local(""), url("../../lib/fonts/montserrat-latin-300-italic.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../../lib/fonts/montserrat-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../../lib/fonts/montserrat-latin-400-italic.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  src: local(""), url("../../lib/fonts/montserrat-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: italic;
  font-weight: 500;
  src: local(""), url("../../lib/fonts/montserrat-latin-500-italic.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../../lib/fonts/montserrat-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: italic;
  font-weight: 700;
  src: local(""), url("../../lib/fonts/montserrat-latin-700-italic.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  src: local(""), url("../../lib/fonts/montserrat-latin-900-normal.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: italic;
  font-weight: 900;
  src: local(""), url("../../lib/fonts/montserrat-latin-900-italic.woff2") format("woff2");
}
@font-face {
  font-family: SevenOneCaps-ExtraBold;
  font-style: normal;
  font-weight: bold;
  src: local(""), url("../../lib/fonts/SevenOneCaps-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: SevenOneCaps-SemiBold;
  font-style: normal;
  font-weight: normal;
  src: local(""), url("../../lib/fonts/SevenOneCaps-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: SevenOneHighlight-ExtraBold;
  font-style: normal;
  font-weight: bold;
  src: local(""), url("../../lib/fonts/SevenOneHighlight-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: SevenOneHighlight-SemiBold;
  font-style: normal;
  font-weight: normal;
  src: local(""), url("../../lib/fonts/SevenOneHighlight-SemiBold.woff2") format("woff2");
}
body.nautilus {
  cursor: default;
  /* <Extra height form Supportnumber> */
  /* header support contact info */
}
body.nautilus > header {
  height: 8rem;
}
body.nautilus > header > .nautilus-customer-logo {
  height: calc(8rem - 52px);
  margin-bottom: 26px;
}
body.nautilus > header > .nautilus-current-user-marketer {
  height: 26px;
  padding-top: 2px;
  padding-bottom: 6px;
  font-size: 10px;
  font-weight: 500;
  text-align: end;
}
body.nautilus > header.scrolled-down .nautilus-current-user-marketer:not(.has-extended-marketer) {
  height: auto !important;
}
body.nautilus > header #mini-nemo-button.nautilus-header-button-icon:not([disabled]):hover img {
  filter: var(--fe-default-icon-filter);
}
body.nautilus > header::after, body.nautilus.screen-application > header::after, body.nautilus.screen-portal > header::after {
  position: absolute;
  inset: auto 20px 0 auto;
  display: block;
  width: auto;
  height: 18px;
  background: none;
  content: "Support-Hotline: +49 89 9507-4471 | support@sql-service.de";
  font-size: 10px;
  font-weight: 500;
}
body.nautilus .nautilus-sidebar, body.nautilus.screen-portal #starter-groups .nautilus-sidebar {
  max-width: var(--size-sidebar);
  height: 100%;
  font-weight: 500;
}
body.nautilus .dx-radiobutton-checked .dx-radiobutton-icon-dot,
body.nautilus .dx-checkbox-indeterminate .dx-checkbox-icon::before {
  background-color: var(--color-som-mint-2);
}
body.nautilus .dx-checkbox-checked .dx-checkbox-icon,
body.nautilus .dx-checkbox-indeterminate .dx-checkbox-icon {
  color: var(--color-som-mint-2);
}
body.nautilus .dx-numberbox-spin-button.dx-state-hover .dx-numberbox-spin-down-icon,
body.nautilus .dx-numberbox-spin-button.dx-state-hover .dx-numberbox-spin-up-icon {
  background-color: transparent;
}
body.nautilus .dx-treeview .dx-treeview-item.dx-state-hover {
  background-color: #dbdbdb;
}
body.nautilus .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item {
  background-color: #bfbfbf;
}
body.nautilus [data-module-id="1200"].nautilus-sidebar .nautilus-timeline-container .nautilus-timeline-element.active,
body.nautilus .tab-content .d-flex .nautilus-timeline-container .nautilus-timeline-element.active {
  background-color: var(--color-som-red-6);
}
body.nautilus article.panel .panel-heading .panel-heading-tab,
body.nautilus .nautilus-panel .panel-heading .panel-heading-tab,
body.nautilus .dx-popup-title .panel-heading-tab {
  font-size: 9px;
  font-weight: bold;
}
body.nautilus .nautilus-sidebar .dx-treelist-rowsview .dx-treelist-content tr.dx-state-hover {
  background-color: var(--nautilus-color) !important;
}

.nautilus-sidebar .nautilus-system-action-badge {
  background-color: var(--color-som-mint-2);
}

#starter-navbar #navbar-nav-dropdown {
  top: 8rem;
  font-weight: 500;
}
#starter-navbar #navbar-nav-dropdown .nav-item:hover {
  background-color: var(--nautilus-color);
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon::before,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon::before {
  border-color: var(--color-som-mint-2);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected,
body.nautilus .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-active,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-active {
  background-color: #bfbfbf;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
  color: var(--fe-default-text-color);
}

.drop-target.drag-over {
  border-color: var(--nautilus-color);
  background-color: rgb(var(--color-som-red-rgb) 0.5);
}

.dx-draggable.drag-over {
  border-color: var(--nautilus-color);
  background-color: rgb(var(--color-som-red-rgb) 0.5);
}

.nautilus-label.nautilus-label-required::before,
.nautilus-label-after.nautilus-label-required::before {
  color: rgb(var(--color-som-red-rgb) 0.8);
}

/* loading indicator */
.nautilus-loading .nautilus-loading-container {
  border-radius: 0;
  background-color: var(--color-som-red-3);
}
.nautilus-loading .nautilus-loading-icon-som-new {
  position: absolute;
  top: 25px;
  left: 180px;
  display: block;
  width: 200px;
  margin-left: -100px;
}

#nautilus-loading-icon-direct {
  z-index: 1;
  top: 42px;
  left: 74px;
  width: 68px;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: nautilus-loading-som-direct;
  animation-timing-function: ease;
}

#nautilus-loading-icon-bar-1 {
  top: 27px;
  left: 102px;
  width: 40px;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: nautilus-loading-som-bar-top;
  animation-timing-function: ease;
}

#nautilus-loading-icon-bar-2 {
  top: 23px;
  left: 112px;
  width: 54px;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: nautilus-loading-som-bar-top;
  animation-timing-function: ease;
}

#nautilus-loading-icon-bar-3 {
  top: 128px;
  left: 49px;
  width: 29px;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: nautilus-loading-som-bar-bottom;
  animation-timing-function: ease;
}

@keyframes nautilus-loading-som-direct {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  25% {
    opacity: 1;
    transform: translateX(0);
  }
  75% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100px);
  }
}
@keyframes nautilus-loading-som-bar-top {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    transform: translate(-30px, 30px);
  }
  35% {
    opacity: 1;
    transform: translate(0);
  }
  75% {
    opacity: 1;
    transform: translate(0);
  }
  85% {
    opacity: 0;
    transform: translate(40px, -40px);
  }
  100% {
    opacity: 0;
  }
}
@keyframes nautilus-loading-som-bar-bottom {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    transform: translate(30px, -30px);
  }
  35% {
    opacity: 1;
    transform: translate(0);
  }
  75% {
    opacity: 1;
    transform: translate(0);
  }
  85% {
    opacity: 0;
    transform: translate(-40px, 40px);
  }
  100% {
    opacity: 0;
  }
}
#FixedPlacementDialogDataGrid .dx-data-row {
  --selected-cell-top: var(--nautilus-color) inset 0 2px 0 0;
  --selected-cell-right: var(--nautilus-color) inset -2px 0 0 0;
  --selected-cell-bottom: var(--nautilus-color) inset 0 -2px 0 0;
  --selected-cell-left: var(--nautilus-color) inset 2px 0 0 0;
  --selected-cell-after: 2px solid var(--nautilus-color);
  --color-weekend: #e8e8e8;
  --color-hover: #d4d4d4;
}
#FixedPlacementDialogDataGrid .dx-data-row td {
  height: 36px;
}
#FixedPlacementDialogDataGrid .dx-data-row td.cell-weekend {
  background-color: var(--color-weekend);
}
#FixedPlacementDialogDataGrid .dx-data-row td > div {
  display: inline-block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  margin: 5px;
  line-height: 200%;
}
#FixedPlacementDialogDataGrid .dx-data-row.dx-state-hover td.cell-weekend {
  background-color: var(--color-hover);
}
#FixedPlacementDialogDataGrid .dx-data-row td.cell-hatched > div {
  background-image: repeating-linear-gradient(135deg, white, white 4px, transparent 5px, transparent 6.3px);
}
#FixedPlacementDialogDataGrid .dx-data-row.dx-row-alt td.cell-hatched > div {
  background-image: repeating-linear-gradient(135deg, #f5f5f5, #f5f5f5 4px, transparent 5px, transparent 6.3px);
}
#FixedPlacementDialogDataGrid .dx-data-row td.cell-hatched.cell-weekend > div {
  background-image: repeating-linear-gradient(135deg, var(--color-weekend), var(--color-weekend) 4px, transparent 5px, transparent 6.3px);
}
#FixedPlacementDialogDataGrid .dx-data-row.dx-state-hover td.cell-hatched > div, #FixedPlacementDialogDataGrid .dx-data-row.dx-state-hover td.cell-hatched.cell-weekend > div {
  background-image: repeating-linear-gradient(135deg, var(--color-hover), var(--color-hover) 4px, transparent 5px, transparent 6.3px);
}
#FixedPlacementDialogDataGrid .dx-data-row td.cell-selected-border {
  box-shadow: var(--selected-cell-top), var(--selected-cell-bottom);
}
#FixedPlacementDialogDataGrid .dx-data-row td:not(.cell-selected-border) + td.cell-selected-border {
  box-shadow: var(--selected-cell-top), var(--selected-cell-bottom), var(--selected-cell-left);
}
#FixedPlacementDialogDataGrid .dx-data-row td:not(.cell-selected-border) + td.cell-selected-border:last-child {
  box-shadow: var(--selected-cell-top), var(--selected-cell-right), var(--selected-cell-bottom), var(--selected-cell-left);
}
#FixedPlacementDialogDataGrid .dx-data-row td.cell-selected-border + td:not(.cell-selected-border) {
  border-left: var(--selected-cell-after);
}
#FixedPlacementDialogDataGrid .dx-data-row td.cell-selected-border + td.cell-selected-border:last-child {
  box-shadow: var(--selected-cell-top), var(--selected-cell-right), var(--selected-cell-bottom);
}
#FixedPlacementDialogDataGrid .dx-data-row.dx-state-hover td[class*=cell-weekend-] {
  background-color: #bfbfbf;
}
#FixedPlacementDialogDataGrid .dx-data-row.dx-state-hover td[class*=cell-hatched-] > div, #FixedPlacementDialogDataGrid .dx-data-row.dx-state-hover td[class*=cell-hatched-][class*=cell-weekend-] > div {
  background-image: repeating-linear-gradient(135deg, #bfbfbf, #bfbfbf 4px, transparent 5px, transparent 6.3px);
}

.tile:hover .tile__buttons--topbar .tile__btn {
  background-color: var(--color-som-red-5);
}

.tile__left img {
  filter: invert(16%) sepia(67%) saturate(4082%) hue-rotate(335deg) brightness(87%) contrast(98%);
}

.tile:hover .tile__buttons--topbar .tile__btn:hover {
  background-color: var(--color-som-red-3);
}

.dx-popup-wrapper > .dx-popup-draggable > .dx-popup-content > .nautilus-grid .nautilus-grid > .dx-button-has-icon.dx-state-disabled > .dx-button-content > img {
  filter: invert(75%) sepia(0%) saturate(25%) hue-rotate(152deg) brightness(109%) contrast(92%);
}
.dx-popup-wrapper > .dx-popup-draggable > .dx-popup-content > .nautilus-grid .nautilus-grid > .dx-button-has-icon.dx-state-hover > .dx-button-content > img {
  filter: invert(16%) sepia(100%) saturate(4832%) hue-rotate(343deg) brightness(99%) contrast(112%);
}

.login-container .login-container__form label {
  font-family: SevenOneCaps-SemiBold, serif;
}
.login-container .login-container__form #submit-login {
  font-family: SevenOneCaps-ExtraBold, serif;
}
.login-container .login-container__form .btn.btn-primary[value=SqlService] {
  font-family: SevenOneCaps-ExtraBold, serif;
}

#starter-groups #starterSearchPanel .dx-texteditor-input-container .dx-placeholder,
#reportingGroupsPanel #starterSearchPanel .dx-texteditor-input-container .dx-placeholder {
  font-weight: 500;
}
#starter-groups section h1,
#reportingGroupsPanel section h1 {
  font-family: SevenOneCaps-SemiBold, serif;
  font-size: 18px;
  font-weight: normal;
}
#starter-groups .tile__title,
#reportingGroupsPanel .tile__title {
  font-size: 15px;
  font-weight: 500;
}

.dx-editor-outlined .dx-label {
  font-weight: 400;
}

.login-img-background {
  display: block;
  background-image: url("../img/customers/71Direct_Login-Bild_1920x1200.jpg");
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection, .dx-selection, .dx-row-inserted, .dx-row-removed, .dx-edit-row, .dx-row-focused) > td:not(.dx-focused),
.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection, .dx-selection, .dx-row-inserted, .dx-row-removed, .dx-edit-row, .dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
  color: #fff;
}

.dx-datagrid tr.campaigns-general-customers-ghost-entry td, .dx-datagrid tr.campaigns-general-customers-ghost-entry.dx-row-alt > td {
  background-color: #e2e2e2;
}
/*# sourceMappingURL=maps/nautilus-bundle-after-seven-one-media.css.map */