html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
  font-family: "Barlow";
}

body {
  overflow: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  /**
   * Flex is needed to make following work:
   * Container should has a min-height of 100% if content is lower than view-height
   * but keep the scroll functionality
   **/
  display: flex;
  min-height: 100%;
}

a {
  text-decoration: none;
}

body > .application-view {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.main {
  width: 100%;
  height: 100%;
  position: relative;
}

#mm-fullscreen-view-container > * {
  z-index: 181;
}

/* ui addons variables */
.ui-modal-container .ui-modal[size=lg].ami-attribution-table__detail-dialog {
  /* Overwrite fixed height, to let dialog grow vertically */
  height: auto;
  white-space: nowrap;
}

/* TODO: fix in additive-ui, we need a z-index above the dialog z-index */
#chartjs-tooltip {
  z-index: 200;
}

.ami-attribution-table tr .ami-attribution-table__button {
  height: 24px;
}
@media screen and (min-width: 600px) {
  .ami-attribution-table tr .ami-attribution-table__button {
    visibility: hidden;
  }
  .ami-attribution-table tr:hover .ami-attribution-table__button {
    visibility: visible;
  }
}
.ami-attribution-table tr td:first-child,
.ami-attribution-table tr th:first-child {
  max-width: 50vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.ami-attribution-table__value-column {
  white-space: nowrap;
}

.ami-analytics-filters {
  margin-left: -24px;
}
.ami-analytics-filters .ui-select {
  flex-basis: 0;
  min-width: 240px;
}
.ami-analytics-filters .ui-select > div {
  width: 100%;
}

.ui-form-view .ui-form-view__detail .ui-switch {
  min-width: 28px;
}
.ui-form-view .ui-form-view__detail > div {
  padding: 48px 24px;
}

.ami-reports__settings-navdrawer {
  z-index: 1000 !important;
}

.is-reports-settings-open .ami-reports__settings-navdrawer .ui-switch {
  margin: 0;
  min-width: 28px;
}

.is-reports-settings-open:not(.is-reports-detail-open) .ui-modal-container {
  z-index: 1001;
}

.is-reports-settings-open:not(.is-reports-detail-open) .options-container,
.is-reports-settings-open:not(.is-reports-detail-open) .ember-basic-dropdown-content {
  z-index: 1002 !important;
}

.is-reports-settings-open.is-reports-detail-open .ui-backdrop {
  z-index: 999;
}

.is-reports-settings-open .ui-popover {
  z-index: 1003;
}

.url-wrapper {
  padding: 8px;
}
@media (min-width: 600px) {
  .url-wrapper {
    max-width: calc(100% - 48px);
  }
}
.url-wrapper .clipboard-icon {
  min-width: 20px;
}

.ami-reports-list-card .ami-reports-list-card-preview {
  pointer-events: none;
}
.ami-reports-list-card .ami-reports-list-card-preview .ui-skeleton {
  gap: 0 !important;
  padding-bottom: 0 !important;
}
.ami-reports-list-card .ami-reports-list-card-preview iframe {
  transform: scale(0.25);
  transform-origin: 0 0;
  width: 400%;
  height: 400%;
}

.reports-slideshow-wrapper {
  height: 100vh;
}

.ami-reports-preview-item {
  width: 235px;
  height: 176px;
}
.ami-reports-preview-item__thumbnail {
  transform: scale(0.25);
  transform-origin: 0 0;
  -moz-transform: scale(0.25);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.25);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.25);
  -webkit-transform-origin: 0 0;
}
.ami-reports-preview-item__thumbnail iframe {
  pointer-events: none;
  width: 940px; /* 235 x 4*/
  height: 704px; /* 176 x 4*/
}
.ami-reports-preview-item__header {
  z-index: 2;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0.24) 22%, rgba(0, 0, 0, 0.14) 43%, rgba(0, 0, 0, 0.06) 64%, rgba(0, 0, 0, 0.02) 82%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ami-reports-preview-item__header .ui-button {
  color: #fff;
}
.ami-reports-preview-item:hover .ami-reports-preview-item__overlay,
.ami-reports-preview-item:hover .ami-reports-preview-item__header {
  opacity: 1;
}

.ami-reports-edit .description-wrapper .ui-inline-notification {
  margin-bottom: 16px;
}

.ami-reports-preview-dialog .iframe-wrapper {
  width: 100%;
  height: 420px;
}
.ami-reports-preview-dialog .iframe-wrapper--loaded {
  transform: scale(0.5);
  transform-origin: 0 0;
  pointer-events: none;
}
.ami-reports-preview-dialog .iframe-wrapper iframe {
  width: 200%;
  height: 200%;
}

.ami-reports-error-page__title {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}
.ami-reports-error-page__background {
  filter: blur(200px);
}
.ami-reports-error-page__background:first-of-type {
  width: 55%;
  height: 60.6%;
  left: 13.5%;
  top: -46.5%;
  opacity: 0.2;
  background: #fff5ec;
}
.ami-reports-error-page__background:nth-of-type(2) {
  width: 62%;
  height: 48%;
  left: 38.5%;
  top: -36.6%;
  transform: rotate(-3.507deg);
  opacity: 0.15;
  background: #f00;
}
.ami-reports-error-page__background:nth-of-type(3) {
  width: 56.6%;
  height: 74.2%;
  left: -25%;
  top: -38%;
  opacity: 0.05;
  background: #ff00c7;
}

.ami-reservation-dialog .ui-modal__content {
  padding-bottom: 0;
}
.ami-reservation-dialog .ui-table {
  min-height: 44rem;
  margin-left: -24px;
  margin-right: -24px;
}

.slideshow-view {
  height: 100%;
  overflow: hidden;
}
.slideshow-view body,
.slideshow-view .application-view {
  height: 100%;
}

.ws-nowrap {
  white-space: nowrap;
}

button.no-default-styles {
  border: 0;
  appearance: none;
  padding: 0;
  background: none;
  outline: 0;
}