@import (multiple) '../ui-components/src/style/global.custom.less';

/*******************************
             Layout
*******************************/

@headerHeight: 56px;
@minWidth: 1280px;

iframe[name='__tcfapiLocator'] {
  position: absolute;
  top: -9990px;
}

iframe#adroll_slg {
  position: absolute;
  top: -9980px;
}

/*******************************
Elements
*******************************/

.aside {
  background: @L1;
}

.borderline {
  border: 1px solid @L2;
  border-radius: @defaultBorderRadius;
}

.border-radius {
  border-radius: @defaultBorderRadius;
}

.highlight {
  padding: var(--layout-padding-6);
  background: @lightBackground;
  line-height: 1.3;
  border-radius: @defaultBorderRadius;
}

.hint {
  font-size: var(--fs8);
  color: @lightTextColor;
}

.negative {
  color: var(--negative-color);
}

// Form
.form-actions {
  margin-top: 2em;
  text-align: right;

  .button {
    min-width: 6.75em;
  }

  .button:first-child:not(:last-child) {
    margin-right: 1em;
  }
}

// Table
.tui-table__body-row {
  .notice {
    color: var(--hint-color);
    text-align: center !important;
  }

  td {
    word-break: break-all;
  }
}

.theme-message {
  color: var(--primary-color) !important;
  font-weight: 500 !important;

  &:hover {
    color: var(--primary-color-hover) !important;
  }
}

// make scrollbar not take up space
// ref: https://stackoverflow.com/questions/21367441/make-scroll-bar-take-no-space-prevent-layout-shift
.overlay-y-scrollbar {
  overflow: auto;
  overflow: auto;
  overflow-y: overlay; // only works in webkit
}