.new-achievement-toast-container {
  background-color: #e6a400 !important;
  align-items: center;
  justify-content: center;
  padding: 16px !important; }
  .new-achievement-toast-container .toast-icon-container {
    margin-left: -16px; }
  .new-achievement-toast-container h3, .new-achievement-toast-container p {
    padding-bottom: 5px; }
  .new-achievement-toast-container a {
    padding-top: 5px;
    color: white;
    text-decoration: underline; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

html,
body {
  position: absolute;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden; }

ui-view {
  height: 100%; }

.workspace-container {
  flex: 1;
  max-width: 100vw; }
  @media (min-width: 960px) {
    .workspace-container.has-sidenav {
      max-width: calc(100vw - 250px); } }

@media (min-width: 960px) {
  .hide-menu {
    display: none !important; } }

.app-container {
  display: flex;
  height: 100%; }

.sidebar-container {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  height: 100%; }
  .sidebar-container .main-logo-container {
    width: 100%;
    min-height: 65px;
    padding: 11px 16px;
    flex-shrink: 1; }
  .sidebar-container .secondary-menu {
    padding-top: 50px; }

.footer-container {
  flex: 0 0 20px;
  align-self: flex-end;
  width: 100%;
  padding: 5px; }

.content-container {
  position: relative;
  flex: 1 0 auto;
  width: 100%;
  padding: 16px; }

.content-headlines-container {
  flex: 0 0 auto;
  display: flex;
  align-items: center; }

.content-area-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: scroll;
  overflow-x: auto;
  height: auto;
  padding: 16px; }

.header-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex: 0 0 auto; }

.row-wrapper-container {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  align-items: stretch; }

.column-wrapper-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: stretch; }

.flex-spacer {
  flex: 1 1 auto; }

.flex-splitter {
  flex: 1 1 auto; }

.md-button.icon-or-text {
  min-width: 20px;
  margin: 0; }
  .md-button.icon-or-text md-icon.material-icons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px; }
  @media (max-width: 960px) {
    .md-button.icon-or-text {
      padding: 4px; }
      .md-button.icon-or-text .button-text {
        display: none !important; } }
  @media (min-width: calc(960px + 1px)) {
    .md-button.icon-or-text {
      margin-left: 10px; }
      .md-button.icon-or-text .button-icon {
        display: none !important; } }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

bg-content-header {
  display: flex;
  justify-content: space-between; }
  bg-content-header .bg-content-header {
    display: flex;
    padding: 0 16px; }
    bg-content-header .bg-content-header material-tooltip {
      margin-left: 4px; }
.bg-app-language-selection .md-button {
  min-width: inherit; }

.bg-app-language-selection .md-button.md-primary {
  color: #fff;
  margin-top: 6px;
  margin-bottom: 6px; }
  .bg-app-language-selection .md-button.md-primary md-icon {
    color: #fff !important;
    margin: 0 -3px; }
.bg-project-context-selection .md-button {
  display: flex;
  width: 60px !important; }
  .bg-project-context-selection .md-button md-icon {
    color: #fff;
    margin: 0 -3px; }

.bg-project-context-selection #contextIcon {
  display: inline-block;
  height: 24px;
  width: 24px; }

.project-context-menu .nav-item-selection__item {
  position: relative; }

.project-context-menu .nav-item-selection__icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: auto 16px auto 0;
  vertical-align: middle; }
.bg-attachments-list__content {
  min-width: 200px; }

.bg-attachments-list__no-items {
  text-align: center; }

.bg-attachments-list__loader-wrap {
  text-align: center; }

.bg-attachments-list__loader {
  display: inline-block; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-attachments-loader {
  border: 2px dashed #999;
  display: flex;
  flex-direction: column;
  padding: 5px 10px; }

.bg-attachments-loader__required {
  border-color: #ff5858; }

.bg-attachments-loader__uploaded {
  margin-bottom: 5px; }

.bg-attachments-loader__uploaded-item {
  display: flex;
  flex-flow: row nowrap;
  padding: 3px;
  align-items: center;
  justify-content: space-between; }
  .bg-attachments-loader__uploaded-item:hover {
    background: #F2F2F2; }
  .bg-attachments-loader__uploaded-item .bg-attachments-loader__uploaded-item-name {
    flex: 0 0 auto;
    width: 80%;
    word-wrap: break-word; }
  .bg-attachments-loader__uploaded-item .bg-attachments-loader__uploaded-item-progress {
    flex: 0 0 auto;
    text-align: right; }

.bg-attachments-loader__uploader {
  display: flex;
  justify-content: space-between;
  min-height: 36px; }
  .bg-attachments-loader__uploader button {
    margin: 0px; }
  .bg-attachments-loader__uploader .bg-attachments-loader__file-filter {
    display: flex;
    align-items: center; }

.bg-attachments-errors {
  margin-top: 5px;
  color: #ff5858;
  font-size: 12px; }
@charset "UTF-8";
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  vertical-align: middle; }

.bg-checkbox--disabled {
  cursor: default;
  pointer-events: none; }

.bg-checkbox__icon {
  margin: 2px 0;
  width: 15px;
  height: 15px;
  border: 2px solid #ababab;
  background-color: #FFF;
  box-sizing: border-box;
  border-radius: 2px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'billgate-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga=1';
  -moz-font-feature-settings: 'liga';
  -ms-font-feature-settings: 'liga' 1;
  font-feature-settings: 'liga';
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ng-invalid > .bg-checkbox__icon {
  border-color: #d50000; }

.bg-checkbox__label {
  color: #666;
  margin-left: 4px; }

.bg-checkbox--checked > .bg-checkbox__icon {
  background-color: #0096d6;
  border-color: #0096d6; }

.bg-checkbox--checked > .bg-checkbox__icon::before {
  content: "\E91A";
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  display: block; }

.bg-checkbox--indeterminate > .bg-checkbox__icon::before {
  content: "\E91B";
  color: #000;
  font-size: 10px;
  display: block; }

[disabled].bg-checkbox--indeterminate > .bg-checkbox__icon {
  border-color: lightgrey; }

[disabled].bg-checkbox--indeterminate > .bg-checkbox__icon::before {
  content: "\E91B";
  color: lightgrey;
  font-size: 10px;
  display: block; }

[disabled].bg-checkbox--checked > .bg-checkbox__icon {
  background-color: lightgrey;
  border-color: lightgrey; }
.bg-region .bg-region__header {
  color: #ccc;
  font-size: 20px;
  font-weight: normal;
  padding: 30px 0px 10px 0px;
  border-bottom: 1px #ccc solid; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-container {
  background-color: #fff;
  margin-bottom: 16px; }
  .bg-container--small {
    max-width: 800px; }
  .bg-container bg-footer-toolbar,
  .bg-container .bg-footer-toolbar {
    display: flex;
    border-top: 1px solid #e5e5e5;
    background-color: #fafafa; }
  .bg-container bg-title-slot {
    margin-left: 15px;
    color: #999;
    font-size: 90%;
    font-weight: normal; }
    .bg-container bg-title-slot material-select {
      color: #1a1a1a; }
  .bg-container .container-title-slot {
    display: flex; }
    .bg-container .container-title-slot md-input-container {
      padding: 0px;
      margin: -5px 0 0 0; }
    .bg-container .container-title-slot .md-input[disabled] {
      color: unset; }
    .bg-container .container-title-slot md-select[disabled] .md-select-value {
      color: unset; }

.bg-container__footer-toolbar-wrap bg-footer-toolbar,
.bg-container__footer-toolbar-wrap .bg-footer-toolbar {
  margin: 0 !important; }

.bg-container__content {
  padding: 8px 16px; }
  .bg-container__content bg-footer-toolbar,
  .bg-container__content .bg-footer-toolbar {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -8px;
    margin-top: 8px; }

.bg-container__content--headless bg-footer-toolbar,
.bg-container__content--headless .bg-footer-toolbar {
  margin-bottom: -16px;
  margin-top: 16px; }

md-toolbar {
  outline: none; }

.md-toolbar-tools h4 {
  font-size: 18px;
  font-weight: bold; }

.md-toolbar-tools .bg-toolbar {
  display: flex; }
  .md-toolbar-tools .bg-toolbar .bg-context-menu--flat > * {
    display: inline-block; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-context-menu-action-label {
  color: #1a1a1a;
  font-weight: normal; }

.bg-context-menu {
  position: relative;
  display: inline-flex;
  flex-direction: column; }

.bg-context-menu__title {
  color: #0096d6;
  font-weight: normal;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center; }

.bg-context-menu__title-label {
  font-size: 13px; }

.bg-context-menu__title-icon {
  font-size: 18px;
  margin-right: 3px; }

.bg-context-menu__content {
  position: absolute;
  z-index: 10;
  display: none;
  min-width: 150px;
  max-width: 300px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .bg-context-menu__content.bg-context-menu__content--open {
    display: block; }

.bg-context-menu__action {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; }
  .bg-context-menu__action:hover {
    background: #F2F2F2; }

.bg-context-menu--not-active .bg-context-menu__title {
  color: lightgrey;
  cursor: default; }

.bg-context-menu-icon--no-actions {
  visibility: hidden; }

.bg-context-menu-icon {
  position: relative;
  display: inline-block;
  padding: 2px; }

.bg-context-menu-icon__options {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background: #fff;
  overflow: visible;
  cursor: pointer;
  z-index: 10; }

.bg-context-menu-icon__options--show {
  display: block; }

.bg-context-menu-icon__option {
  padding: 8px 10px;
  white-space: nowrap; }
  .bg-context-menu-icon__option:hover {
    background-color: #F2F2F2; }

.bg-context-menu-grid-header__title-icon {
  font-size: 12px;
  margin-right: 3px; }

.bg-context-menu-tooltip {
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
  pointer-events: auto; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-select {
  position: relative;
  box-sizing: border-box;
  margin: 2px 0; }

bg-select.ng-invalid input.bg-select__dropdown-input {
  border: 1px solid #d50000; }

.bg-select__dropdown {
  display: flex;
  height: 25px;
  cursor: pointer; }

input.bg-select__dropdown-input {
  height: 100%;
  width: 100%;
  margin: 0;
  flex: 1 1 auto;
  border-right: none;
  cursor: pointer; }

.bg-select__dropdown-arrow {
  font-size: 8px;
  width: 22px;
  background-color: #0096d6;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff; }

.bg-select__content {
  width: 100%;
  top: 100%;
  position: absolute;
  background-color: #fff;
  z-index: 10;
  padding: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.bg-select__filter-bar {
  width: 100%; }

input.bg-select__filter-bar-input {
  width: 100%;
  padding-right: 20px;
  margin-top: -1px; }

.bg-select__filter-bar-clear {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer; }

.bg-select__no-items {
  padding: 5px 5px;
  text-align: center;
  font-weight: bold; }
  .bg-select__no-items > label {
    text-align: center !important; }

.bg-select__content-scroll {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 320px;
  min-height: 10px; }

.bg-select__item {
  cursor: pointer;
  padding: 4px 5px;
  display: flex;
  align-items: center; }
  .bg-select__item:hover {
    background: #F2F2F2;
    color: #009fe3; }

.bg-select__item-checkbox {
  flex: 0 0 auto;
  margin-right: 3px;
  align-self: center; }

.bg-select__item-label {
  text-align: left;
  flex: 1 1 auto;
  overflow: hidden;
  padding-top: 1px; }

.bg-select__item--selected {
  background-color: #E6E6E6; }

.bg-select-toggle-all__label {
  color: #0096d6; }
.bg-container__content .bg-filters__filters {
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 2 * 16px) !important; }

bg-filters .bg-filters__filters,
bg-filters .bg-include-view,
.bg-filters .bg-filters__filters,
.bg-filters .bg-include-view,
bg-report-filters .bg-filters__filters,
bg-report-filters .bg-include-view {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }

bg-filters .bg-filters__item,
bg-filters .bg-filters__item--with-tooltip,
.bg-filters .bg-filters__item,
.bg-filters .bg-filters__item--with-tooltip,
bg-report-filters .bg-filters__item,
bg-report-filters .bg-filters__item--with-tooltip {
  padding: 0 16px;
  flex: 1 0 33.333%;
  max-width: 33.333%; }
  @media (min-width: 1280px) {
    bg-filters .bg-filters__item,
    bg-filters .bg-filters__item--with-tooltip,
    .bg-filters .bg-filters__item,
    .bg-filters .bg-filters__item--with-tooltip,
    bg-report-filters .bg-filters__item,
    bg-report-filters .bg-filters__item--with-tooltip {
      flex: 1 0 25%;
      max-width: 25%; } }
  bg-filters .bg-filters__item.bg-filters__item--checkbox,
  bg-filters .bg-filters__item--with-tooltip.bg-filters__item--checkbox,
  .bg-filters .bg-filters__item.bg-filters__item--checkbox,
  .bg-filters .bg-filters__item--with-tooltip.bg-filters__item--checkbox,
  bg-report-filters .bg-filters__item.bg-filters__item--checkbox,
  bg-report-filters .bg-filters__item--with-tooltip.bg-filters__item--checkbox {
    flex-basis: auto;
    flex-grow: 0;
    order: 1; }
  bg-filters .bg-filters__item md-input-container,
  bg-filters .bg-filters__item--with-tooltip md-input-container,
  .bg-filters .bg-filters__item md-input-container,
  .bg-filters .bg-filters__item--with-tooltip md-input-container,
  bg-report-filters .bg-filters__item md-input-container,
  bg-report-filters .bg-filters__item--with-tooltip md-input-container {
    display: block;
    margin-bottom: 5px; }

bg-filters .bg-filters__item--with-tooltip,
.bg-filters .bg-filters__item--with-tooltip,
bg-report-filters .bg-filters__item--with-tooltip {
  display: flex; }
  bg-filters .bg-filters__item--with-tooltip .bg-filters__item,
  .bg-filters .bg-filters__item--with-tooltip .bg-filters__item,
  bg-report-filters .bg-filters__item--with-tooltip .bg-filters__item {
    padding: 0;
    flex: unset;
    width: 100%;
    max-width: 100%; }
    @media (min-width: 1280px) {
      bg-filters .bg-filters__item--with-tooltip .bg-filters__item,
      .bg-filters .bg-filters__item--with-tooltip .bg-filters__item,
      bg-report-filters .bg-filters__item--with-tooltip .bg-filters__item {
        flex: unset;
        width: 100%;
        max-width: 100%; } }
  bg-filters .bg-filters__item--with-tooltip .bg-filters__tooltip,
  .bg-filters .bg-filters__item--with-tooltip .bg-filters__tooltip,
  bg-report-filters .bg-filters__item--with-tooltip .bg-filters__tooltip {
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    width: 25px; }

bg-filters .bg-filters__actions,
.bg-filters .bg-filters__actions,
bg-report-filters .bg-filters__actions {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end; }

bg-filters .bg-filters__checkbox-value,
.bg-filters .bg-filters__checkbox-value,
bg-report-filters .bg-filters__checkbox-value {
  margin-top: 5px; }
.elasticsearch-doc-tip {
  display: flex;
  align-items: center; }
  .elasticsearch-doc-tip__elem:not(:first-child) {
    margin-left: 15px; }
  .elasticsearch-doc-tip .doc-type {
    text-transform: uppercase; }
bg-font-icon {
  line-height: 1;
  display: inline-block; }
  bg-font-icon > * {
    vertical-align: middle; }
.bg-container__content .form__container {
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 2 * 16px) !important; }

.form__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }
  .form__container .form__field {
    display: block;
    padding: 0 16px;
    flex: 1 0 33.333%;
    max-width: 33.333%; }
    @media (min-width: 1280px) {
      .form__container .form__field {
        flex: 1 0 25%;
        max-width: 25%; } }
    .form__container .form__field md-input-container {
      display: block;
      margin: 16px 0 6px; }
    .form__container .form__field md-table-container {
      margin: 16px 0 6px; }
  .form__container .form__field--no-input {
    display: block;
    padding-top: 6px;
    padding-bottom: 6px; }
    .form__container .form__field--no-input span, .form__container .form__field--no-input a {
      padding-left: 4px; }
  .form__container .form__info {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 10px; }
  .form__container .form__tooltip {
    display: flex;
    align-items: center; }
    .form__container .form__tooltip material-input,
    .form__container .form__tooltip material-select,
    .form__container .form__tooltip material-date-input,
    .form__container .form__tooltip material-date-time-input {
      flex: 1 1 100%; }
    .form__container .form__tooltip material-tooltip {
      margin-top: 5px;
      margin-left: 5px; }
  .form__container .form__group-label {
    display: flex;
    align-items: center;
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 10px;
    font-weight: bold; }
    .form__container .form__group-label material-tooltip {
      margin-left: 5px; }
  .form__container .form__field--full-width {
    flex-basis: 100%;
    max-width: 100%; }
  .form__container .form__field--grid {
    flex-basis: 100%;
    max-width: 100%; }
    .form__container .form__field--grid .md-table-header {
      display: flex;
      justify-content: flex-end; }
    .form__container .form__field--grid md-table-container {
      margin: 0 0 6px; }
    .form__container .form__field--grid .table-errors {
      margin-top: 5px;
      color: #ff5858;
      font-size: 12px; }
  .form__container .form__field--half-width {
    flex-basis: 50%;
    max-width: 50%; }
  .form__container .form__field--third-width {
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .form__container .form__field--fourth-width {
    flex-basis: 25%;
    max-width: 25%; }
  .form__container .form__field--auto-width {
    flex-basis: auto;
    max-width: none; }
  .form__container .form__field--break {
    flex-basis: 100%;
    height: 0; }
  .form__container .table-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0; }
    .form__container .table-actions .action-buttons-wrapper {
      margin: 0;
      width: 100%;
      display: flex; }
    .form__container .table-actions .group-header-icon {
      padding: 8px; }

.bg-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }
  .bg-form bg-field {
    display: block;
    padding: 0 16px;
    flex: 1 0 33.333%;
    max-width: 33.333%; }
    @media (min-width: 1280px) {
      .bg-form bg-field {
        flex: 1 0 25%;
        max-width: 25%; } }
    .bg-form bg-field.bg-filters__item--checkbox {
      flex-basis: auto;
      flex-grow: 0;
      order: 1; }
    .bg-form bg-field md-input-container {
      display: block;
      margin: 16px 0 6px; }
  .bg-form .bg-field--no-input label {
    position: static !important;
    display: block;
    transform: scale(0.75) !important;
    padding-left: 0 !important; }
  .bg-form bg-field.bg-field--auto-width {
    flex-basis: auto;
    max-width: none; }
  .bg-form bg-field.bg-field--full-width {
    flex-basis: 100%;
    max-width: 100%; }

.bg-form--wide-fields bg-field {
  flex: 1 0 50%;
  max-width: 50%; }
  @media (min-width: 1280px) {
    .bg-form--wide-fields bg-field {
      flex: 1 0 33.333%;
      max-width: 33.333%; } }

.bg-container__content .bg-form {
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 2 * 16px) !important; }

.bg-form-group--label-top {
  align-items: flex-start; }

.bg-form-group {
  display: flex;
  align-items: center;
  padding: 2px;
  min-height: 33px; }

.bg-form-group-label {
  flex: 0 0 auto;
  width: 200px;
  margin-right: 10px;
  padding: 5px 0; }

.bg-form-group-label-required {
  flex: 0 0 auto;
  width: 180px;
  padding: 5px 0; }

.bg-form-group-required {
  min-width: 15px;
  color: red;
  padding: 0px 3px; }

.bg-form-group-content {
  flex: 1 1 auto; }

.bg-form-group .field-value {
  font-weight: bold; }

.material-label {
  color: rgba(0, 0, 0, 0.54);
  font-weight: 400;
  display: block;
  font-size: 11px;
  height: 13px;
  max-width: 100%;
  order: 1;
  padding-left: 3px;
  padding-right: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px; }

.form__card_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .form__card_container .card {
    display: block;
    padding: 0 16px;
    margin: 4px;
    flex: 1 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    background-color: #fafafa;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12); }
    .form__card_container .card--invalid {
      border-color: #d5000080; }
      .form__card_container .card--invalid .group-header-title {
        color: #d50000; }
    .form__card_container .card .card-header {
      display: flex;
      justify-content: space-between;
      min-height: 50px; }
      .form__card_container .card .card-header .card-header-title {
        display: flex;
        padding-top: 10px; }
    .form__card_container .card .card-info-text {
      color: rgba(0, 0, 0, 0.38);
      font-size: 12px; }
    .form__card_container .card .form__field {
      flex-basis: 100%;
      max-width: 100%;
      padding: 0; }
      @media (min-width: 1280px) {
        .form__card_container .card .form__field {
          flex-basis: 100%;
          max-width: 100%; } }
  .form__card_container .form-group-content {
    flex-basis: 100%;
    max-width: 100%; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-md-form {
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-radius: 4px; }
  .bg-md-form__header {
    display: flex;
    background-color: #fafafa; }
  .bg-md-form__header-item {
    flex: 1 0 50%;
    line-height: 24px;
    font-weight: 500;
    color: #616161; }
  .bg-md-form__cell {
    padding: 12px;
    border-bottom: 1px solid #e5e5e5; }
    .bg-md-form__cell:not(:first-child) {
      border-left: 1px solid #e5e5e5; }

.bg-md-item {
  display: flex; }
  .bg-md-item__cell {
    flex: 1 0 50%;
    line-height: 20px; }
.bg-modal-actions {
  padding-top: 5px;
  display: flex;
  justify-content: flex-end; }
  .bg-modal-actions > * {
    margin-left: 5px; }

.pdf-modal + .ngdialog-close {
  top: 0px !important; }

.video-modal {
  width: 90vw;
  height: 80vh; }

.modal {
  border: none;
  max-height: 100vh;
  max-width: 90vw; }
  .modal .bg-container {
    margin-top: 16px; }
  .modal + .ngdialog-close {
    top: 16px; }
  .modal .bg-container__content {
    padding: 16px;
    min-width: 400px; }
  .modal.without-footer .bg-container__content {
    padding: 6px 16px; }
  .modal bg-footer-toolbar,
  .modal .bg-footer-toolbar {
    padding: 6px 0px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-pagination {
  display: flex;
  flex-direction: row;
  height: 24px;
  align-items: baseline; }

.bg-pagination__button {
  margin: 0 !important; }

.bg-pagination__page {
  display: inline-block;
  height: 20px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer; }

.bg-pagination__page--current {
  margin-top: 2px;
  border-bottom: 2px solid #0096d6; }

.bg-pagination__splitter {
  display: inline-block; }
  .bg-pagination__splitter::after {
    content: "...";
    display: inline; }

.bg-pagination__next {
  cursor: pointer; }

.bg-pagination__previous {
  cursor: pointer; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-per-page-select {
  position: relative;
  padding: 10px 0; }
  .bg-per-page-select md-select {
    margin: 0;
    display: inline-flex; }
  .bg-per-page-select .md-select-value {
    text-align: right; }

.bg-per-page-select__header {
  display: flex;
  align-items: center; }

.bg-per-page-select__header-label {
  line-height: 30px;
  display: inline-block; }

.bg-per-page-select__header-value {
  margin-left: 10px;
  font-weight: 600;
  cursor: pointer; }

.bg-per-page-select__expand-icon {
  font-size: 10px;
  font-weight: 600;
  margin-left: 5px; }

.bg-per-page-select__dropdown {
  width: 50px;
  right: 0;
  bottom: 0;
  position: absolute;
  display: none;
  flex-direction: column-reverse;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .bg-per-page-select__dropdown.bg-per-page-select__dropdown--open {
    display: flex; }

.bg-per-page-select__option {
  text-align: right;
  padding: 5px;
  cursor: pointer;
  background-color: #fff; }
  .bg-per-page-select__option:hover {
    background: #F2F2F2; }

.bg-per-page-select__select-container {
  z-index: 10001 !important; }
@charset "UTF-8";
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-table__wrapper {
  border: 1px solid #ececec;
  border-radius: 4px;
  overflow: auto;
  position: relative; }

bg-table .bg-table__wrapper.bg-table__wrapper--dynamic .bg-table__th-inner-wrap,
.bg-table .bg-table__wrapper.bg-table__wrapper--dynamic .bg-table__th-inner-wrap,
bg-table-dynamic .bg-table__wrapper.bg-table__wrapper--dynamic .bg-table__th-inner-wrap {
  line-height: 56px; }

bg-table .bg-table__wrapper.bg-table__wrapper--dynamic th,
bg-table .bg-table__wrapper.bg-table__wrapper--dynamic td,
.bg-table .bg-table__wrapper.bg-table__wrapper--dynamic th,
.bg-table .bg-table__wrapper.bg-table__wrapper--dynamic td,
bg-table-dynamic .bg-table__wrapper.bg-table__wrapper--dynamic th,
bg-table-dynamic .bg-table__wrapper.bg-table__wrapper--dynamic td {
  white-space: nowrap; }

bg-table th,
bg-table td,
.bg-table th,
.bg-table td,
bg-table-dynamic th,
bg-table-dynamic td {
  padding: 0px 12px; }

bg-table td,
.bg-table td,
bg-table-dynamic td {
  height: 48px;
  background-color: inherit; }
  bg-table td material-checkbox md-checkbox,
  .bg-table td material-checkbox md-checkbox,
  bg-table-dynamic td material-checkbox md-checkbox {
    line-height: 48px !important; }
    bg-table td material-checkbox md-checkbox .md-container,
    .bg-table td material-checkbox md-checkbox .md-container,
    bg-table-dynamic td material-checkbox md-checkbox .md-container {
      margin-top: calc(48px / 2); }

bg-table th,
.bg-table th,
bg-table-dynamic th {
  height: 56px;
  padding: 20px 12px;
  background-color: #fff;
  font-weight: 500;
  position: relative; }
  bg-table th material-checkbox md-checkbox,
  .bg-table th material-checkbox md-checkbox,
  bg-table-dynamic th material-checkbox md-checkbox {
    line-height: 56px !important; }
    bg-table th material-checkbox md-checkbox .md-container,
    .bg-table th material-checkbox md-checkbox .md-container,
    bg-table-dynamic th material-checkbox md-checkbox .md-container {
      margin-top: calc(56px / 2); }

bg-table .bg-table__header,
.bg-table .bg-table__header,
bg-table-dynamic .bg-table__header {
  border-bottom: 1px solid #e5e5e5; }

bg-table .bg-table__header.bg-table__header--sticky th,
.bg-table .bg-table__header.bg-table__header--sticky th,
bg-table-dynamic .bg-table__header.bg-table__header--sticky th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0; }
  bg-table .bg-table__header.bg-table__header--sticky th .bg-table__th-inner-wrap,
  .bg-table .bg-table__header.bg-table__header--sticky th .bg-table__th-inner-wrap,
  bg-table-dynamic .bg-table__header.bg-table__header--sticky th .bg-table__th-inner-wrap {
    padding: 0px 12px; }
    bg-table .bg-table__header.bg-table__header--sticky th .bg-table__th-inner-wrap::after,
    .bg-table .bg-table__header.bg-table__header--sticky th .bg-table__th-inner-wrap::after,
    bg-table-dynamic .bg-table__header.bg-table__header--sticky th .bg-table__th-inner-wrap::after {
      content: '';
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: 1px;
      background-color: #e5e5e5;
      display: block; }

bg-table .bg-table--static .bg-table__th-inner-wrap > div,
.bg-table .bg-table--static .bg-table__th-inner-wrap > div,
bg-table-dynamic .bg-table--static .bg-table__th-inner-wrap > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  max-width: 65px;
  min-width: 100%; }

bg-table .bg-table__th--sortable,
.bg-table .bg-table__th--sortable,
bg-table-dynamic .bg-table__th--sortable {
  cursor: pointer;
  padding-right: 24px; }
  bg-table .bg-table__th--sortable::after,
  .bg-table .bg-table__th--sortable::after,
  bg-table-dynamic .bg-table__th--sortable::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'billgate-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga=1';
    -moz-font-feature-settings: 'liga';
    -ms-font-feature-settings: 'liga' 1;
    font-feature-settings: 'liga';
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E920";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    width: 18px;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    opacity: 0.4; }
  bg-table .bg-table__th--sortable.bg-table__th--asc::after, bg-table .bg-table__th--sortable.bg-table__th--desc::after,
  .bg-table .bg-table__th--sortable.bg-table__th--asc::after,
  .bg-table .bg-table__th--sortable.bg-table__th--desc::after,
  bg-table-dynamic .bg-table__th--sortable.bg-table__th--asc::after,
  bg-table-dynamic .bg-table__th--sortable.bg-table__th--desc::after {
    opacity: 1;
    font-size: 12px; }
  bg-table .bg-table__th--sortable.bg-table__th--asc::after,
  .bg-table .bg-table__th--sortable.bg-table__th--asc::after,
  bg-table-dynamic .bg-table__th--sortable.bg-table__th--asc::after {
    content: "\E91D"; }
  bg-table .bg-table__th--sortable.bg-table__th--desc::after,
  .bg-table .bg-table__th--sortable.bg-table__th--desc::after,
  bg-table-dynamic .bg-table__th--sortable.bg-table__th--desc::after {
    content: "\E91C"; }

bg-table .bg-table__row:not(:last-child),
.bg-table .bg-table__row:not(:last-child),
bg-table-dynamic .bg-table__row:not(:last-child) {
  border-bottom: 1px solid; }

bg-table .bg-table__row.bg-table__filter-row,
.bg-table .bg-table__row.bg-table__filter-row,
bg-table-dynamic .bg-table__row.bg-table__filter-row {
  border-bottom: 1px solid; }

bg-table .bg-table__row:not(.selected-row),
.bg-table .bg-table__row:not(.selected-row),
bg-table-dynamic .bg-table__row:not(.selected-row) {
  border-color: #ececec !important;
  background-color: #fafafa !important; }
  bg-table .bg-table__row:not(.selected-row).unread-row,
  .bg-table .bg-table__row:not(.selected-row).unread-row,
  bg-table-dynamic .bg-table__row:not(.selected-row).unread-row {
    font-weight: 700;
    background-color: #fff !important;
    color: #000 !important; }

bg-table .bg-table__row.bg-table__filter-row,
bg-table .bg-table__row.bg-table__filter-row:hover > td,
.bg-table .bg-table__row.bg-table__filter-row,
.bg-table .bg-table__row.bg-table__filter-row:hover > td,
bg-table-dynamic .bg-table__row.bg-table__filter-row,
bg-table-dynamic .bg-table__row.bg-table__filter-row:hover > td {
  background-color: #fff !important; }

bg-table .inline-action-container,
.bg-table .inline-action-container,
bg-table-dynamic .inline-action-container {
  padding: 0; }

bg-table material-checkbox md-checkbox,
.bg-table material-checkbox md-checkbox,
bg-table-dynamic material-checkbox md-checkbox {
  text-align: center;
  margin-bottom: 0; }

bg-table material-checkbox md-input-container,
.bg-table material-checkbox md-input-container,
bg-table-dynamic material-checkbox md-input-container {
  margin: 0;
  padding: 0; }

bg-table .bg-footer-toolbar,
.bg-table .bg-footer-toolbar,
bg-table-dynamic .bg-footer-toolbar {
  min-height: 40px;
  max-height: 40px;
  height: 40px; }

bg-table-dynamic th:first-child.fixed-column {
  position: sticky;
  left: 0;
  z-index: 3 !important;
  width: 0px; }
  bg-table-dynamic th:first-child.fixed-column .bg-table__th-inner-wrap {
    box-shadow: inset -1px 0px 0 0 #ececec;
    -webkit-box-shadow: inset -1px 0px 0 0 #ececec; }

bg-table-dynamic td:first-child:has(> material-checkbox) {
  position: sticky;
  left: 0;
  box-shadow: inset -1px 1px 0 0 #ececec;
  -webkit-box-shadow: inset -1px 1px 0 0 #ececec; }

bg-table-dynamic th:last-child.fixed-column {
  position: sticky;
  right: 0;
  width: 0px; }
  bg-table-dynamic th:last-child.fixed-column .bg-table__th-inner-wrap {
    box-shadow: inset 1px 0px 0 0 #ececec;
    -webkit-box-shadow: inset 1px 0px 0 0 #ececec; }

bg-table-dynamic td:last-child:has(> .inline-action-container) {
  position: sticky;
  right: 0;
  box-shadow: inset 1px 1px 0 0 #ececec;
  -webkit-box-shadow: inset 1px 1px 0 0 #ececec; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

bg-table-dynamic .bg-table__th--draggable {
  padding: 0;
  line-height: 56px; }
  bg-table-dynamic .bg-table__th--draggable .bg-column-header-dd {
    padding: 0 12px !important;
    height: 100%;
    background-color: #fff; }
  bg-table-dynamic .bg-table__th--draggable.bg-table__th--is-dragging {
    z-index: 3 !important; }

bg-table-dynamic .ui-draggable-dragging {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.bg-select-item-disabled {
  pointer-events: none;
  opacity: 0.6; }

.document-download-icon {
  font-size: 24px !important;
  color: rgba(0, 0, 0, 0.54);
  display: inline-block;
  margin-top: 1px; }

.new-messages-icon {
  font-size: 24px !important;
  color: gray;
  display: inline-block;
  margin-top: 1px;
  position: relative; }

.new-message-icon-counter {
  background-color: #fa3e3e;
  border-radius: 100%;
  color: white;
  font-size: 10px;
  position: absolute;
  top: -4px;
  right: -4px;
  padding: 2px 4px 2px 5px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

bg-column-select .icon-display {
  font-size: 20px;
  margin-right: 5px; }

bg-column-select .column-select__container {
  display: flex;
  align-items: center; }

bg-column-select md-input-container {
  margin: 0; }

.bg-column-select-menu-content {
  margin-bottom: 80px; }
  .bg-column-select-menu-content .bg-column-select-menu__header {
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
  .bg-column-select-menu-content .bg-column-select-menu__input {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
    font-size: 16px; }
  .bg-column-select-menu-content .bg-column-select-menu__option-checkbox {
    padding: 0; }
    .bg-column-select-menu-content .bg-column-select-menu__option-checkbox span {
      font-size: 16px; }
    .bg-column-select-menu-content .bg-column-select-menu__option-checkbox .md-label {
      margin-top: 5px; }
  .bg-column-select-menu-content .bg-column-select-menu__switch-wrap {
    margin: 0;
    padding: 0 10px; }
    .bg-column-select-menu-content .bg-column-select-menu__switch-wrap md-switch {
      margin-top: 9px;
      margin-bottom: 9px; }
    .bg-column-select-menu-content .bg-column-select-menu__switch-wrap span {
      font-size: 16px; }
  .bg-column-select-menu-content .bg-column-select-menu__footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 4px 0;
    width: 100%; }
    .bg-column-select-menu-content .bg-column-select-menu__footer div {
      border-top: 1px solid rgba(0, 0, 0, 0.12); }
    .bg-column-select-menu-content .bg-column-select-menu__footer .md-button {
      margin: 0px 8px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-toolbar,
.bg-header-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .bg-toolbar md-input-container,
  .bg-header-toolbar md-input-container {
    margin-bottom: 0; }
  .bg-toolbar material-checkbox md-input-container,
  .bg-header-toolbar material-checkbox md-input-container {
    margin-top: 0; }

.bg-toolbar {
  padding: 0px; }
  .bg-toolbar .md-button {
    margin-top: 0;
    margin-bottom: 0; }

.bg-toolbar__spacer {
  flex: 1 1 auto; }

.bg-toolbar__item {
  margin-left: 16px;
  margin-right: 16px; }

bg-footer-toolbar,
.bg-footer-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 16px; }
  bg-footer-toolbar md-input-container,
  bg-footer-toolbar .md-button,
  .bg-footer-toolbar md-input-container,
  .bg-footer-toolbar .md-button {
    margin-top: 0;
    margin-bottom: 0; }
  bg-footer-toolbar .bg-per-page-select,
  .bg-footer-toolbar .bg-per-page-select {
    padding-top: 0;
    padding-bottom: 0; }

bg-footer-toolbar,
bg-toolbar,
md-toolbar {
  min-height: 40px;
  max-height: 40px;
  height: 40px; }
.uib-position-measure {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

.uib-position-scrollbar-measure {
  position: absolute !important;
  top: -9999px !important;
  width: 50px !important;
  height: 50px !important;
  overflow: scroll !important; }

.uib-position-body-scrollbar-measure {
  overflow: scroll !important; }
[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-popover-popup].popover.top-left > .arrow,
[uib-popover-popup].popover.top-right > .arrow,
[uib-popover-popup].popover.bottom-left > .arrow,
[uib-popover-popup].popover.bottom-right > .arrow,
[uib-popover-popup].popover.left-top > .arrow,
[uib-popover-popup].popover.left-bottom > .arrow,
[uib-popover-popup].popover.right-top > .arrow,
[uib-popover-popup].popover.right-bottom > .arrow,
[uib-popover-html-popup].popover.top-left > .arrow,
[uib-popover-html-popup].popover.top-right > .arrow,
[uib-popover-html-popup].popover.bottom-left > .arrow,
[uib-popover-html-popup].popover.bottom-right > .arrow,
[uib-popover-html-popup].popover.left-top > .arrow,
[uib-popover-html-popup].popover.left-bottom > .arrow,
[uib-popover-html-popup].popover.right-top > .arrow,
[uib-popover-html-popup].popover.right-bottom > .arrow,
[uib-popover-template-popup].popover.top-left > .arrow,
[uib-popover-template-popup].popover.top-right > .arrow,
[uib-popover-template-popup].popover.bottom-left > .arrow,
[uib-popover-template-popup].popover.bottom-right > .arrow,
[uib-popover-template-popup].popover.left-top > .arrow,
[uib-popover-template-popup].popover.left-bottom > .arrow,
[uib-popover-template-popup].popover.right-top > .arrow,
[uib-popover-template-popup].popover.right-bottom > .arrow {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0; }

[uib-popover-popup].popover,
[uib-popover-html-popup].popover,
[uib-popover-template-popup].popover {
  display: block !important; }
.pre-search-drop-down {
  z-index: 100001 !important; }
bg-wizard .content {
  padding-bottom: 48px; }

bg-wizard .bg-container__content.bg-container__content--headless {
  padding-top: 16px; }

bg-wizard .step-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px; }
  bg-wizard .step-header .title {
    font-weight: 500;
    align-self: center; }
  bg-wizard .step-header .description {
    padding-top: 16px;
    display: flex;
    align-items: center; }
    bg-wizard .step-header .description material-tooltip {
      padding-left: 8px; }
  bg-wizard .step-header .tools {
    display: flex;
    justify-content: flex-end;
    min-height: 40px; }
    bg-wizard .step-header .tools .md-button {
      margin-top: 0;
      margin-bottom: 0; }
    bg-wizard .step-header .tools bg-column-select .column-select__container {
      min-height: 0; }

bg-wizard .footer {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  min-height: 48px;
  margin-right: -32px;
  margin-left: -32px;
  padding: 8px;
  z-index: 58; }
  bg-wizard .footer .buttons {
    display: flex;
    justify-content: space-between; }
    bg-wizard .footer .buttons .left {
      text-align: left; }
    bg-wizard .footer .buttons .center {
      text-align: center; }
    bg-wizard .footer .buttons .right {
      text-align: right; }
    bg-wizard .footer .buttons .buttons-inner-wrap {
      flex: 1 0 33.333%; }
    bg-wizard .footer .buttons .md-button {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    bg-wizard .footer .buttons .center .md-button {
      margin: 0 16px; }

bg-wizard .notification {
  padding: 8px 16px;
  margin-bottom: 8px;
  background-color: #fafafa;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  border-left: none; }
  bg-wizard .notification .notification-indicator {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  bg-wizard .notification .notification-message {
    align-self: center; }
  bg-wizard .notification .notification-buttons {
    text-align: right; }
  bg-wizard .notification .md-button {
    margin-top: 0;
    margin-bottom: 0; }

.has-sidenav bg-wizard .footer {
  width: calc(100% - 250px); }
.material-steps {
  background-color: #fff;
  padding: 8px 16px;
  margin-bottom: 32px;
  list-style-type: none;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .material-steps::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 32px;
    width: calc(100% - 4 * 16px);
    height: 1px;
    background-color: #e5e5e5;
    z-index: 0; }
  .material-steps .material-steps__step {
    background-color: #fff;
    padding: 16px;
    z-index: 1;
    display: flex;
    align-items: center;
    outline: none !important; }
    .material-steps .material-steps__step:hover .material-steps__step-label {
      font-weight: bold; }
    .material-steps .material-steps__step.material-steps__step--done .material-steps__step-number-wrap,
    .material-steps .material-steps__step.material-steps__step--done .material-steps__step-label {
      opacity: 0.8; }
    .material-steps .material-steps__step.material-steps__step--done .material-steps__step-number {
      display: none; }
    .material-steps .material-steps__step.material-steps__step--done .material-steps__step-icon {
      display: inline-block; }
    .material-steps .material-steps__step.material-steps__step--active .material-steps__step-number-circle {
      border: 2px solid #fff; }
    .material-steps .material-steps__step.material-steps__step--active .material-steps__step-label {
      font-weight: 700; }
    .material-steps .material-steps__step.material-steps__step--disabled {
      color: #B9B9B9;
      opacity: 1; }
      .material-steps .material-steps__step.material-steps__step--disabled .material-steps__step-number-wrap {
        background-color: #B9B9B9 !important; }
      .material-steps .material-steps__step.material-steps__step--disabled .material-steps__step-number-circle {
        background-color: #B9B9B9 !important; }
      .material-steps .material-steps__step.material-steps__step--disabled .material-steps__step-label {
        color: #B9B9B9; }
  .material-steps .material-steps__step-number-wrap {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 500;
    margin-right: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .material-steps .material-steps__step-number-wrap .material-steps__step-icon {
      display: none;
      color: #fff;
      margin: 0; }
  .material-steps .material-steps__step-number-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .material-steps .material-steps__step-label {
    color: #1a1a1a; }

bg-wizard.intuitive-wizard .material-steps .material-steps__step .material-steps__step-number-wrap {
  border: 1px solid #152A94;
  background-color: #fff !important;
  opacity: 1; }
  bg-wizard.intuitive-wizard .material-steps .material-steps__step .material-steps__step-number-wrap .material-steps__step-number,
  bg-wizard.intuitive-wizard .material-steps .material-steps__step .material-steps__step-number-wrap .material-steps__step-icon {
    color: #152A94; }

bg-wizard.intuitive-wizard .material-steps .material-steps__step.material-steps__step--done .material-steps__step-number-wrap {
  border: none;
  background-color: #20bba5 !important; }
  bg-wizard.intuitive-wizard .material-steps .material-steps__step.material-steps__step--done .material-steps__step-number-wrap .material-steps__step-number,
  bg-wizard.intuitive-wizard .material-steps .material-steps__step.material-steps__step--done .material-steps__step-number-wrap .material-steps__step-icon {
    color: #fff; }

bg-wizard.intuitive-wizard .material-steps .material-steps__step.material-steps__step--active .material-steps__step-number-wrap {
  background-color: #152A94 !important; }
  bg-wizard.intuitive-wizard .material-steps .material-steps__step.material-steps__step--active .material-steps__step-number-wrap .material-steps__step-number,
  bg-wizard.intuitive-wizard .material-steps .material-steps__step.material-steps__step--active .material-steps__step-number-wrap .material-steps__step-icon {
    color: #fff; }

bg-wizard.intuitive-wizard .material-steps .material-steps__step.material-steps__step--disabled .material-steps__step-number-wrap {
  border: 1px solid #B9B9B9;
  background-color: #fff !important;
  opacity: 1; }
  bg-wizard.intuitive-wizard .material-steps .material-steps__step.material-steps__step--disabled .material-steps__step-number-wrap .material-steps__step-number,
  bg-wizard.intuitive-wizard .material-steps .material-steps__step.material-steps__step--disabled .material-steps__step-number-wrap .material-steps__step-icon {
    color: #B9B9B9; }
bg-document-tester-wizard .wizard-content-container {
  display: flex;
  margin-top: 50px; }

bg-document-tester-wizard .wizard-divider {
  border-left: 1px solid rgba(0, 0, 0, 0.12); }

bg-document-tester-wizard .footer-tester {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  min-height: 48px;
  padding: 8px;
  z-index: 58;
  margin-top: 20px;
  margin-left: -16px; }
  bg-document-tester-wizard .footer-tester .buttons {
    display: flex;
    justify-content: space-between; }
    bg-document-tester-wizard .footer-tester .buttons .left {
      text-align: left; }
    bg-document-tester-wizard .footer-tester .buttons .center {
      text-align: center; }
    bg-document-tester-wizard .footer-tester .buttons .right {
      text-align: right; }
    bg-document-tester-wizard .footer-tester .buttons .buttons-inner-wrap {
      flex: 1 0 33.333%; }
    bg-document-tester-wizard .footer-tester .buttons .md-button {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    bg-document-tester-wizard .footer-tester .buttons .center .md-button {
      margin: 0 16px; }

.has-sidenav bg-document-tester-wizard .footer {
  width: calc(100% - 250px); }
.material-steps-document-tester {
  padding: 8px 16px;
  margin-bottom: 32px;
  list-style-type: none;
  width: max-content; }
  .material-steps-document-tester .material-steps__arrow-tester {
    position: relative;
    width: 30px;
    background: #B9B9B9;
    height: 25px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    margin-top: 10px; }
  .material-steps-document-tester .material-steps__arrow-bottom:after {
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
    content: "";
    display: block;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #B9B9B9; }
  .material-steps-document-tester .material-steps__step {
    padding: 16px;
    z-index: 1;
    display: flex;
    align-items: center;
    outline: none !important;
    justify-content: center; }
    .material-steps-document-tester .material-steps__step:hover .material-steps__step-label {
      font-weight: bold; }
    .material-steps-document-tester .material-steps__step.material-steps__step--done .material-steps__step-number-wrap,
    .material-steps-document-tester .material-steps__step.material-steps__step--done .material-steps__step-label {
      opacity: 0.8; }
    .material-steps-document-tester .material-steps__step.material-steps__step--active .material-steps__step-label {
      font-weight: 700; }
    .material-steps-document-tester .material-steps__step.material-steps__step--single {
      margin-top: 40%; }
    .material-steps-document-tester .material-steps__step.material-steps__step--disabled {
      color: #B9B9B9;
      opacity: 1; }
      .material-steps-document-tester .material-steps__step.material-steps__step--disabled .material-steps__step-number-wrap {
        background-color: #B9B9B9 !important; }
      .material-steps-document-tester .material-steps__step.material-steps__step--disabled .material-steps__step-label {
        color: #B9B9B9; }
  .material-steps-document-tester .material-steps__step-number-wrap {
    height: 60px;
    line-height: 50px;
    text-align: center;
    font-weight: 500;
    margin-right: 8px;
    flex-shrink: 0;
    padding: 5px 20px;
    font-size: large;
    margin-top: 10px; }
bg-card-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  bg-card-group .card {
    display: block;
    padding: 0 16px;
    margin: 4px;
    flex: 1 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    background-color: #fafafa;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12); }
    bg-card-group .card--invalid {
      border-color: #d5000080; }
      bg-card-group .card--invalid .group-header-title {
        color: #d50000; }
    bg-card-group .card .card-header {
      display: flex;
      justify-content: space-between;
      min-height: 50px; }
      bg-card-group .card .card-header .card-header-item {
        display: flex;
        align-items: center; }
    bg-card-group .card .card-info-text {
      color: rgba(0, 0, 0, 0.38);
      font-size: 12px; }
    bg-card-group .card .form__container .form__field {
      flex-basis: 100%;
      max-width: 100%; }
      @media (min-width: 1280px) {
        bg-card-group .card .form__container .form__field {
          flex-basis: 100%;
          max-width: 100%; } }
bg-dynamic-form-builder .group-header-controls {
  display: flex;
  align-items: center; }
  bg-dynamic-form-builder .group-header-controls bg-field-visibility-toggler {
    font-weight: normal; }
    bg-dynamic-form-builder .group-header-controls bg-field-visibility-toggler label {
      width: auto;
      padding: 0; }
    bg-dynamic-form-builder .group-header-controls bg-field-visibility-toggler .wrapper {
      margin: 0; }
    bg-dynamic-form-builder .group-header-controls bg-field-visibility-toggler .bg-form-group {
      padding: 0;
      min-height: 0; }
    bg-dynamic-form-builder .group-header-controls bg-field-visibility-toggler .bg-select {
      margin: 0; }

bg-dynamic-form-builder .action-buttons-wrapper {
  display: inline-block;
  margin: 0px;
  position: relative; }
  bg-dynamic-form-builder .action-buttons-wrapper bg-font-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1; }
  bg-dynamic-form-builder .action-buttons-wrapper .md-button.md-icon-button {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 4px;
    margin: 0; }
    bg-dynamic-form-builder .action-buttons-wrapper .md-button.md-icon-button md-icon.material-icons {
      font-size: 20px;
      width: 20px;
      height: 20px;
      min-width: 20px;
      min-height: 20px; }
  bg-dynamic-form-builder .action-buttons-wrapper md-icon.tooltip-invalid {
    color: #d50000; }

bg-dynamic-form-builder .control-wrap {
  display: flex;
  align-items: center; }
  bg-dynamic-form-builder .control-wrap .action-buttons-wrapper {
    padding: 0;
    margin-left: 8px; }

bg-dynamic-form-builder .control-wrap__control {
  flex-grow: 1;
  max-width: 100%; }

bg-dynamic-form-builder .empty-placeholder {
  color: #ccc;
  line-height: 1.5;
  text-align: center; }

bg-dynamic-form-builder .clearfix {
  clear: both; }

bg-dynamic-form-builder .read-only {
  padding: 5px 2px; }

bg-dynamic-form-builder .group-body-wrapper {
  padding-left: 10px;
  padding-right: 10px; }

.section-with-columns-body {
  display: flex; }
  .section-with-columns-body .left-column {
    padding-right: 16px; }
  .section-with-columns-body .right-column {
    padding-left: 16px; }
  .section-with-columns-body .form__container .form__field {
    flex-basis: 100%;
    max-width: 100%; }
    @media (min-width: 1280px) {
      .section-with-columns-body .form__container .form__field {
        flex-basis: 100%;
        max-width: 100%; } }

.section-with-columns-body-invalid {
  background-color: #fafafa;
  border: 1px solid #d5000080; }

.section-with-columns-body-valid {
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.12); }

.section-with-columns {
  border-radius: 4px; }
bg-dynamic-form .form__container .form__field {
  flex-basis: 50%;
  max-width: 50%; }
  @media (min-width: 1280px) {
    bg-dynamic-form .form__container .form__field {
      flex-basis: 50%;
      max-width: 50%; } }

bg-dynamic-form .form__container .md-input[disabled] {
  color: unset; }

bg-dynamic-form .form__container md-select[disabled] .md-select-value {
  color: unset; }

bg-dynamic-form bg-form-group bg-form-group-body {
  padding: 0; }

bg-dynamic-form .summary-group .form__container .form__field {
  flex-basis: 20%;
  max-width: 20%; }
  @media (min-width: 1280px) {
    bg-dynamic-form .summary-group .form__container .form__field {
      flex-basis: 20%;
      max-width: 20%; } }

bg-dynamic-form .dynamic-form-title-slot {
  display: flex; }
  bg-dynamic-form .dynamic-form-title-slot md-input-container {
    padding: 0px;
    margin: -5px 0 0 0; }
  bg-dynamic-form .dynamic-form-title-slot .md-input[disabled] {
    color: unset; }
  bg-dynamic-form .dynamic-form-title-slot md-select[disabled] .md-select-value {
    color: unset; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

bg-elastic-search-item {
  float: right; }

.elastic-result-item .prop-title {
  font-weight: 700; }

.elastic-result-item--product-catalog .content-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 400px; }
  .elastic-result-item--product-catalog .content-wrap div {
    padding-top: 4px;
    float: none;
    flex: 1 0 50%;
    max-width: 50%; }
    .elastic-result-item--product-catalog .content-wrap div.small {
      flex: 1 0 33.3%;
      max-width: 33.3%; }
    .elastic-result-item--product-catalog .content-wrap div.large {
      flex: 1 0 100%;
      max-width: 100%; }
  .elastic-result-item--product-catalog .content-wrap .prop-title, .elastic-result-item--product-catalog .content-wrap .prop-value {
    font-size: 90%;
    color: #333; }

.elastic-result-item--product-catalog bg-table th {
  height: 45px;
  font-size: 12px; }

.elastic-result-item--product-catalog bg-table .bg-table__th-inner-wrap {
  line-height: 45px !important;
  font-size: 12px !important; }

.elastic-result-item--product-catalog bg-table td {
  height: 40px;
  font-size: 12px; }
.field-visibility-toggler-modal .checkbox-column {
  padding: 0 6px 0 24px; }
bg-field-visibility-toggler {
  display: block; }
  bg-field-visibility-toggler md-input-container {
    margin-bottom: 0; }
bg-invoice-line-group .invoice-line-group-container {
  width: 100%;
  overflow: initial;
  margin: 10px 0px; }

bg-invoice-line-group md-table-container + md-table-pagination.md-table-pagination {
  border-top: none; }

bg-invoice-line-group table.md-table td.details-cell {
  padding: 16px !important;
  background-color: #fafafa;
  border-top: 1px rgba(0, 0, 0, 0.12) solid; }
  bg-invoice-line-group table.md-table td.details-cell md-input-container {
    margin: 20px 0 0; }
  bg-invoice-line-group table.md-table td.details-cell bg-dynamic-form-builder {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px); }
  bg-invoice-line-group table.md-table td.details-cell bg-field-visibility-toggler md-input-container {
    margin-top: 12px; }
  bg-invoice-line-group table.md-table td.details-cell .group-controls-wrapper {
    padding-left: 0;
    padding-right: 0; }

bg-invoice-line-group table.md-table tr.md-row th.md-column {
  white-space: unset; }

bg-invoice-line-group .invalid-dynamic-form-line {
  background-color: #ffe6e6; }
bg-line-group .line-group-container {
  width: 100%;
  overflow: initial;
  margin: 10px 0px; }
  bg-line-group .line-group-container .line-group-before-controls {
    padding-bottom: 20px; }

bg-line-group md-table-container + md-table-pagination.md-table-pagination {
  border-top: none; }

bg-line-group table.md-table td.details-cell {
  padding: 16px !important;
  background-color: #fafafa;
  border-top: 1px rgba(0, 0, 0, 0.12) solid; }
  bg-line-group table.md-table td.details-cell md-input-container {
    margin: 20px 0 0; }
  bg-line-group table.md-table td.details-cell bg-dynamic-form-builder {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px); }
  bg-line-group table.md-table td.details-cell bg-field-visibility-toggler md-input-container {
    margin-top: 12px; }
  bg-line-group table.md-table td.details-cell .group-controls-wrapper {
    padding-left: 0;
    padding-right: 0; }

bg-line-group table.md-table tr.md-row th.md-column {
  white-space: unset; }

bg-line-group .invalid-dynamic-form-line {
  background-color: #ffe6e6; }
bg-packing-sequence-group .line-group-container {
  width: 100%;
  overflow: initial;
  margin: 10px 0px; }
  bg-packing-sequence-group .line-group-container .line-group-before-controls {
    padding-bottom: 20px; }

bg-packing-sequence-group md-table-container + md-table-pagination.md-table-pagination {
  border-top: none; }

bg-packing-sequence-group table.md-table td.details-cell {
  padding: 16px !important;
  background-color: #fafafa;
  border-top: 1px rgba(0, 0, 0, 0.12) solid; }
  bg-packing-sequence-group table.md-table td.details-cell md-input-container {
    margin: 20px 0 0; }
  bg-packing-sequence-group table.md-table td.details-cell bg-dynamic-form-builder {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px); }
  bg-packing-sequence-group table.md-table td.details-cell bg-field-visibility-toggler md-input-container {
    margin-top: 12px; }
  bg-packing-sequence-group table.md-table td.details-cell .group-controls-wrapper {
    padding-left: 0;
    padding-right: 0; }

bg-packing-sequence-group .invalid-dynamic-form-line {
  background-color: #ffe6e6; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

md-tab-content bg-dynamic-form-builder {
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px); }

bg-tab-group {
  display: block; }
  bg-tab-group md-ink-bar {
    background-color: #152A94 !important;
    color: #152A94 !important; }
  bg-tab-group .empty-placeholder {
    line-height: 48px;
    border-bottom: 1px solid #ccc; }
  bg-tab-group .tab-header {
    margin: 10px 0;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: flex-end; }
    bg-tab-group .tab-header .empty-placeholder {
      color: #ccc;
      padding: 7px 0; }
    bg-tab-group .tab-header .tabs-list {
      padding: 0 5px;
      list-style-type: none;
      display: flex;
      align-items: flex-end; }
    bg-tab-group .tab-header .tab-toggler {
      margin-bottom: -1px;
      display: block; }
      bg-tab-group .tab-header .tab-toggler:last-child .content-wrapper {
        border: none; }
    bg-tab-group .tab-header button {
      appearance: none;
      -webkit-appearance: none;
      background: none;
      box-shadow: none;
      outline: none;
      border: 1px solid transparent;
      border-bottom: none; }
    bg-tab-group .tab-header .tab-toggler-button {
      display: block;
      padding: 5px 0 6px 15px;
      line-height: 1.3;
      height: 100%; }
      bg-tab-group .tab-header .tab-toggler-button .content-wrapper {
        display: inline-block;
        padding: 5px 15px 5px 0;
        border-right: 1px solid #ccc;
        line-height: 1; }
      bg-tab-group .tab-header .tab-toggler-button.active {
        border: 1px solid #ccc;
        border-bottom: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-color: #fff;
        color: #0096d6;
        transform: translateX(-2px); }
        bg-tab-group .tab-header .tab-toggler-button.active .group-header-icon {
          color: #0096d6; }
        bg-tab-group .tab-header .tab-toggler-button.active .content-wrapper {
          border: none; }
    bg-tab-group .tab-header .field-toggler-wrapper {
      margin-left: auto; }
      bg-tab-group .tab-header .field-toggler-wrapper label {
        width: auto; }
      bg-tab-group .tab-header .field-toggler-wrapper .wrapper {
        margin: 0; }
  bg-tab-group .tab-content {
    padding: 0 10px; }
  bg-tab-group .group-controls-wrapper .field-toggler-wrapper {
    padding-top: 5px;
    float: right; }
    bg-tab-group .group-controls-wrapper .field-toggler-wrapper bg-field-visibility-toggler .wrapper {
      margin-bottom: 0; }
  bg-tab-group .group-controls-wrapper md-tabs .md-padding {
    padding-bottom: 0; }
  bg-tab-group .invalid-tab {
    color: #d50000 !important; }
bg-table-group md-table-pagination.md-table-pagination {
  border-top: none; }

bg-table-group .invalid-row {
  background-color: #ffe6e6; }

bg-table-group th.actions-header {
  width: 50px; }
  bg-table-group th.actions-header md-icon {
    padding-top: 5px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

input[bg-input-clear] {
  padding-right: 19px; }

input[bg-input-clear]::-ms-clear {
  display: none; }

input[bg-input-clear]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

td input[bg-input-clear] + .font-icon-close {
  position: relative;
  margin-right: 5px;
  color: #888;
  cursor: pointer;
  float: right;
  margin-top: -20px;
  right: 0px;
  top: 0px; }

input[bg-input-clear] + .font-icon-close {
  position: relative;
  right: 25px;
  color: #888;
  cursor: pointer;
  top: 2px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

bg-form-group {
  display: block;
  margin-bottom: 16px; }
  bg-form-group bg-form-group .group-header-title {
    font-size: 14px; }
  bg-form-group bg-form-group .group-header-icon {
    margin-right: 2px; }
  bg-form-group.form-group-no-padding .form-group-content {
    padding: 0 !important; }
  bg-form-group bg-form-group {
    margin-bottom: 0; }
  bg-form-group bg-form-group-body,
  bg-form-group bg-form-group-header {
    display: block; }
  bg-form-group bg-form-group-body {
    padding: 8px 0; }
  bg-form-group .form-group-content {
    padding: 0 16px; }
  bg-form-group .group-header {
    display: flex;
    align-items: center;
    min-height: 35px;
    padding: 4px 0 0; }
    bg-form-group .group-header .action-buttons-wrapper {
      margin-left: 15px; }
    bg-form-group .group-header bg-field-visibility-toggler md-input-container {
      padding-bottom: 0; }
  bg-form-group .group-header-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    color: #3b3b3b; }
  bg-form-group .group-header-icon {
    margin-right: 6.66667px;
    color: rgba(0, 0, 0, 0.54);
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    font-size: 20px; }
  bg-form-group .edit-label {
    padding-left: 5px; }
  bg-form-group .push-left {
    margin-left: auto; }
  bg-form-group.invalid-form-group > .form-group-content > .group-header .group-header-title {
    color: #d50000; }
  bg-form-group.invalid-form-group > .form-group-content > .group-header .group-header-icon {
    color: #d50000; }
  bg-form-group .inline-tooltip {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px; }
.canvas-display {
  padding-bottom: 6px;
  padding-left: 3px;
  padding-right: 3px; }

.text-layer {
  top: 0;
  left: 2px;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1.0;
  position: absolute; }

.text-layer span {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
  padding-left: 3px; }

.pdf-icon-button {
  color: white !important; }

.pdf-content-view {
  background-color: #555;
  text-align: center;
  overflow: auto;
  flex-grow: 1;
  position: relative; }

.pdf-buttons-bar {
  background-color: #152A94;
  text-align: center; }

.pdf-container {
  display: flex;
  flex-flow: column;
  height: 100%; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

material-select,
material-select md-input-container {
  display: block; }

material-select md-input-container:not(.md-icon-float) {
  padding-left: 0; }
  material-select md-input-container:not(.md-icon-float) label {
    width: 100% !important;
    left: 0 !important; }

material-select md-icon {
  color: rgba(0, 0, 0, 0.54); }

material-select .md-input-invalid md-icon {
  color: #d50000; }

material-select .md-input-invalid .md-icon {
  border-color: #d50000; }

material-input,
material-input md-input-container {
  display: block; }

material-input md-input-container:not(.md-icon-float) {
  padding-left: 0; }
  material-input md-input-container:not(.md-icon-float) label {
    width: 100% !important;
    left: 0 !important; }

material-input md-icon {
  color: rgba(0, 0, 0, 0.54); }

material-input .md-input-invalid md-icon {
  color: #d50000; }

material-input .md-input-invalid .md-icon {
  border-color: #d50000; }

material-checkbox,
material-checkbox md-input-container {
  display: block; }

material-checkbox md-input-container:not(.md-icon-float) {
  padding-left: 0; }
  material-checkbox md-input-container:not(.md-icon-float) label {
    width: 100% !important;
    left: 0 !important; }

material-checkbox md-icon {
  color: rgba(0, 0, 0, 0.54); }

material-checkbox .md-input-invalid md-icon {
  color: #d50000; }

material-checkbox .md-input-invalid .md-icon {
  border-color: #d50000; }

material-time-input,
material-time-input md-input-container {
  display: block; }

material-time-input md-input-container:not(.md-icon-float) {
  padding-left: 0; }
  material-time-input md-input-container:not(.md-icon-float) label {
    width: 100% !important;
    left: 0 !important; }

material-time-input md-icon {
  color: rgba(0, 0, 0, 0.54); }

material-time-input .md-input-invalid md-icon {
  color: #d50000; }

material-time-input .md-input-invalid .md-icon {
  border-color: #d50000; }

.md-errors-spacer {
  display: none !important; }

.material-input-hint {
  font-size: 12px;
  line-height: 14px;
  color: grey;
  position: relative;
  clear: left;
  padding: 5px 5px 0 0; }

.md-input-message-animation {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.clear-button {
  position: absolute;
  float: right;
  right: 0px;
  top: 3px;
  font-size: 8px;
  padding: 11px; }
.material-select__list-container .material-select__header-searchbox, .material-select__list-container-25vw .material-select__header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
  font-size: 16px; }

.material-select__list-container .material-select__header, .material-select__list-container-25vw .material-select__header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto; }

.material-select__list-container .material-select__option, .material-select__list-container-25vw .material-select__option {
  font-size: 16px; }

.material-select__list-container-25vw {
  max-width: 25vw; }
  .material-select__list-container-25vw .md-text {
    white-space: pre-wrap; }

.material-select__switch-wrap {
  margin: 0;
  padding: 0 10px; }
  .material-select__switch-wrap md-switch {
    margin-top: 9px;
    margin-bottom: 9px; }

md-input-container.material-input--has-clear .md-select-value {
  padding-right: 25px; }

md-select .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.54); }

.md-select-value .md-select-icon:after {
  right: 2px; }

md-option .md-text {
  white-space: normal;
  width: 100%;
  min-height: 18px; }

md-select-menu md-content md-option:not([disabled]).md-focused,
md-select-menu md-content md-option:not([disabled]):hover {
  background-color: rgba(0, 0, 0, 0.04); }
material-input md-input-container.material-input--has-clear .md-input {
  padding-right: 25px; }

material-input md-input-container input.md-input[readonly] {
  color: rgba(0, 0, 0, 0.38); }

material-input textarea {
  max-height: 500px;
  overflow-y: auto; }
md-calendar table {
  width: auto !important; }

material-date-input {
  display: block; }
  material-date-input md-datepicker {
    padding-right: 0 !important; }
  material-date-input md-input-container {
    display: block;
    min-width: 100px; }
  material-date-input .md-datepicker-input-container {
    width: 100%; }
  material-date-input .md-button.md-icon-button.md-datepicker-triangle-button {
    top: 0px;
    background: transparent url(../assets/img/calendar.9b251e21.svg) no-repeat;
    border-radius: 0;
    opacity: 0.5; }
  material-date-input .md-button.md-icon-button.md-datepicker-triangle-button > div {
    display: none; }
  material-date-input .md-datepicker-input {
    min-width: 180px;
    max-width: none; }
md-calendar table {
  width: auto !important; }

material-date-time-input {
  display: block; }
  material-date-time-input md-datepicker {
    padding-right: 0 !important; }
  material-date-time-input md-input-container {
    display: block;
    min-width: 100px; }
  material-date-time-input .md-datepicker-input-container {
    width: 100%; }
  material-date-time-input .md-button.md-icon-button.md-datepicker-triangle-button {
    transform: none;
    margin: 0;
    width: 16px; }
  material-date-time-input .md-datepicker-input {
    min-width: 180px;
    max-width: none; }
  material-date-time-input .wrapper {
    display: flex; }
  material-date-time-input .dateInput {
    width: 100%; }
  material-date-time-input .timeInput {
    min-width: 50px;
    width: 50px; }
material-checkbox md-switch, material-checkbox md-checkbox {
  margin: 0; }

material-checkbox md-switch {
  white-space: normal; }
  material-checkbox md-switch .md-label {
    line-height: 1; }

material-checkbox md-switch .md-container {
  min-width: 36px; }

material-checkbox md-checkbox {
  line-height: 30px; }

material-checkbox .selected-option-font {
  font-weight: 700;
  font-size: 15px; }

material-checkbox .unselected-option-font {
  font-size: 12px; }

material-checkbox .left-side-option {
  align-self: center;
  margin-right: 6px; }

material-checkbox .switch-custom-container {
  display: flex; }
material-chips input {
  width: 300px; }

material-chips .material-validation-messages {
  color: #ff5858;
  position: relative;
  order: 4;
  overflow: hidden; }

material-chips .material-validation-messages [ng-message-exp] {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  margin-top: 0;
  padding-top: 5px; }

material-chips md-chips.ng-invalid.form-submitted md-chips-wrap, material-chips md-chips.ng-invalid.ng-touched md-chips-wrap {
  border-bottom: 1px solid #ff5858;
  box-shadow: none; }
  material-chips md-chips.ng-invalid.form-submitted md-chips-wrap input::placeholder, material-chips md-chips.ng-invalid.ng-touched md-chips-wrap input::placeholder {
    color: #ff5858; }
  material-chips md-chips.ng-invalid.form-submitted md-chips-wrap.md-focused, material-chips md-chips.ng-invalid.ng-touched md-chips-wrap.md-focused {
    border-bottom-width: 2px; }
md-chips md-chip.custom-chip-red {
  background-color: #F58A73; }

md-chips md-chip.custom-chip-green {
  background-color: #79AEBB; }

md-chips md-chip.custom-chip-yellow {
  background-color: #F5B773; }

div.custom-chip-red {
  background-color: #F58A73; }

div.custom-chip-green {
  background-color: #79AEBB; }

div.custom-chip-yellow {
  background-color: #F5B773; }
.chips md-chips-wrap {
  box-shadow: none !important; }
  .chips md-chips-wrap:focus {
    outline: none; }

.chips .chips-text {
  font-size: 12px; }

.chips .chips-comment {
  font-size: 12px; }
.md-input-invalid md-radio-group {
  color: #ff5858; }

.radio-group {
  margin: 10px; }
material-tooltip {
  cursor: help !important; }
  material-tooltip .md-panel-outer-wrapper.md-panel-is-showing {
    z-index: 10001 !important; }
    material-tooltip .md-panel-outer-wrapper.md-panel-is-showing .md-panel-inner-wrapper {
      z-index: 10002 !important; }

.tooltip-header-message {
  color: white;
  margin-top: 10px; }

.tooltip-content-message {
  margin-bottom: 10px;
  color: white;
  max-width: 400px;
  display: block;
  word-break: break-word;
  white-space: normal; }
  .tooltip-content-message:first-child {
    margin-top: 10px; }

.icon-with-tooltip {
  font-size: 22px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.elastic-modal__form {
  margin-bottom: 16px;
  display: flex;
  align-items: center; }
  .elastic-modal__form material-input {
    flex-grow: 1; }

.elastic-modal__result-wrap > * {
  cursor: pointer; }

.elastic-modal__no-results {
  text-align: center;
  padding: 20px 0; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.result-highlight {
  background-color: #3cb87a;
  color: #fff; }
bg-info-box .wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 2px; }
  bg-info-box .wrapper .infobox {
    width: 100%; }
  bg-info-box .wrapper .button-panel {
    margin-left: auto;
    display: flex; }
    bg-info-box .wrapper .button-panel div {
      margin-right: 20px; }
      bg-info-box .wrapper .button-panel div:last-child {
        margin-right: 0; }

bg-info-box .info-box-container {
  margin-bottom: 10px; }

bg-info-box .module {
  font-weight: bold;
  text-decoration: underline; }

bg-info-box .module:hover {
  cursor: pointer; }

bg-info-box .static-span {
  font-weight: bold; }

bg-info-box .infobox-success {
  background-color: #439f48;
  min-height: 70px; }

bg-info-box .infobox-error {
  background-color: #e53935;
  min-height: 70px; }

bg-info-box .infobox-warning {
  background-color: #fb8c00;
  min-height: 70px; }

bg-info-box .infobox-info {
  background-color: #bfbab2;
  min-height: 70px; }

bg-info-box .mdm-transparent-button,
bg-info-box .mdm-all-white-button {
  border-radius: 3px;
  border: solid 1px #ffffff;
  text-transform: uppercase;
  font-size: 1.6rem; }

bg-info-box .mdm-transparent-button {
  color: #ffffff; }

bg-info-box .mdm-all-white-button {
  color: black;
  background-color: #ffffff; }

bg-info-box .centered {
  text-align: center;
  width: 100%; }

bg-info-box .whiteBorder {
  border: 1px solid #ffffff !important; }
.nav-menu {
  max-height: 365px; }
  .nav-menu .nav-item-selection__item {
    position: relative; }
  .nav-menu .nav-item-selection__icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: auto 16px auto 0;
    vertical-align: middle; }

#contextIcon {
  display: inline-block;
  height: 24px;
  width: 24px; }
bg-supplier-context-button .md-button.md-primary {
  color: #fff;
  margin-top: 6px;
  margin-bottom: 6px; }
.hide-box-shadow md-autocomplete-wrap {
  box-shadow: none; }
  .hide-box-shadow md-autocomplete-wrap input[type=text] {
    border: none; }
chart-bar .chart-container {
  display: flex; }
  chart-bar .chart-container .chart-summary {
    width: 25%; }
    chart-bar .chart-container .chart-summary .chart-summary-item {
      padding: 5px 0; }
      chart-bar .chart-container .chart-summary .chart-summary-item:first-child {
        font-weight: bold; }
  chart-bar .chart-container .chart-canvas {
    width: 75%; }

chart-bar .chart-no-data {
  font-size: 18px;
  text-align: center;
  opacity: 0.54; }
chart-line .chart-container {
  display: flex; }
  chart-line .chart-container .chart-summary {
    width: 250px; }
    chart-line .chart-container .chart-summary .chart-summary-item {
      padding: 10px 0;
      font-size: 14px; }
      chart-line .chart-container .chart-summary .chart-summary-item:first-child {
        font-weight: bold; }
  chart-line .chart-container .chart-canvas {
    margin: auto;
    width: 70%; }

chart-line .chart-no-data {
  font-size: 18px;
  text-align: center;
  opacity: 0.54; }
chart-doughnut .chart-header {
  padding-bottom: 15px; }
chart-onboarding-status .chart-container {
  display: flex; }
  chart-onboarding-status .chart-container .chart-summary {
    width: 250px; }
    chart-onboarding-status .chart-container .chart-summary .chart-summary-item {
      padding: 10px 0;
      font-size: 14px; }
      chart-onboarding-status .chart-container .chart-summary .chart-summary-item:first-child {
        font-weight: bold; }
  chart-onboarding-status .chart-container .chart-canvas {
    margin: auto;
    width: 70%; }

chart-onboarding-status .chart-no-data {
  font-size: 18px;
  text-align: center;
  opacity: 0.54; }
link-in-text .container {
  display: flex;
  padding-bottom: 15px; }
rich-text-editor ng-quill-editor.ng-invalid .ql-container {
  border: 1px solid red; }

rich-text-editor ng-quill-editor.ng-invalid .ql-toolbar {
  border-bottom: 1px solid red; }

rich-text-editor ng-quill-editor .ql-container.ql-disabled {
  border: none; }
.stacked-icon, .stacked-icon-x1, .stacked-icon-x2, .stacked-icon-x3, .stacked-icon-x4, .stacked-icon-x5 {
  display: flex;
  align-items: center; }
  .stacked-icon .background-icon, .stacked-icon-x1 .background-icon, .stacked-icon-x2 .background-icon, .stacked-icon-x3 .background-icon, .stacked-icon-x4 .background-icon, .stacked-icon-x5 .background-icon {
    color: white;
    display: flex; }
  .stacked-icon .internal-icon, .stacked-icon-x1 .internal-icon, .stacked-icon-x2 .internal-icon, .stacked-icon-x3 .internal-icon, .stacked-icon-x4 .internal-icon, .stacked-icon-x5 .internal-icon {
    color: white;
    position: relative; }

.stacked-icon-x1 {
  max-width: 40px; }
  .stacked-icon-x1 .background-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 40px; }
  .stacked-icon-x1 .internal-icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
    font-size: 16px;
    left: calc(-1 * (20px + 8px)); }

.stacked-icon-x2 {
  max-width: 60px; }
  .stacked-icon-x2 .background-icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    font-size: 60px; }
  .stacked-icon-x2 .internal-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    font-size: 24px;
    left: calc(-1 * (30px + 12px)); }

.stacked-icon-x3 {
  max-width: 80px; }
  .stacked-icon-x3 .background-icon {
    width: 80px;
    min-width: 80px;
    height: 80px;
    font-size: 80px; }
  .stacked-icon-x3 .internal-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    font-size: 32px;
    left: calc(-1 * (40px + 16px)); }

.stacked-icon-x4 {
  max-width: 100px; }
  .stacked-icon-x4 .background-icon {
    width: 100px;
    min-width: 100px;
    height: 100px;
    font-size: 100px; }
  .stacked-icon-x4 .internal-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 40px;
    left: calc(-1 * (50px + 20px)); }

.stacked-icon-x5 {
  max-width: 120px; }
  .stacked-icon-x5 .background-icon {
    width: 120px;
    min-width: 120px;
    height: 120px;
    font-size: 120px; }
  .stacked-icon-x5 .internal-icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
    font-size: 48px;
    left: calc(-1 * (60px + 24px)); }
.mce-panel {
  border: 0 solid;
  background-color: #fff; }

.mce-listbox button {
  text-align: left;
  padding-right: 0;
  position: relative; }
bg-tour section {
  z-index: 10000;
  position: absolute;
  visibility: hidden;
  width: 100vw;
  height: 100vh; }
  bg-tour section .tour-container {
    position: relative;
    background: #3f51b5;
    color: white;
    max-width: 500px;
    border-radius: 4px; }
    bg-tour section .tour-container .tour-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px; }
      bg-tour section .tour-container .tour-header .tour-title {
        font-size: 20px;
        font-weight: bold; }
    bg-tour section .tour-container .tour-content {
      padding: 0 16px; }
      bg-tour section .tour-container .tour-content p {
        padding-bottom: 16px; }
      bg-tour section .tour-container .tour-content ul {
        list-style-position: outside;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px; }
        bg-tour section .tour-container .tour-content ul li {
          list-style: disc; }
    bg-tour section .tour-container .tour-footer {
      display: flex;
      justify-content: space-between; }
      bg-tour section .tour-container .tour-footer .md-button {
        min-width: unset; }
    bg-tour section .tour-container.left:after {
      content: '';
      position: absolute;
      background: #3f51b5;
      left: calc(100% - 0.3px);
      top: calc(50% - 10px);
      width: 10px;
      height: 20px;
      clip-path: polygon(0 0, 100% 50%, 0 100%); }
    bg-tour section .tour-container.right:after {
      content: '';
      position: absolute;
      background: #3f51b5;
      left: calc(-10px + 0.3px);
      top: calc(50% - 10px);
      width: 10px;
      height: 20px;
      clip-path: polygon(100% 0, 100% 100%, 0 50%); }
    bg-tour section .tour-container.top:after {
      content: '';
      position: absolute;
      background: #3f51b5;
      left: calc(50% - 10px);
      top: calc(100% - 0.3px);
      width: 20px;
      height: 10px;
      clip-path: polygon(0 0, 100% 0, 50% 100%); }
    bg-tour section .tour-container.bottom:after {
      content: '';
      position: absolute;
      background: #3f51b5;
      left: calc(50% - 10px);
      top: calc(-10px + 0.3px);
      width: 20px;
      height: 10px;
      clip-path: polygon(50% 0, 100% 100%, 0 100%); }
    bg-tour section .tour-container.bottom-right:after {
      content: '';
      position: absolute;
      background: #3f51b5;
      left: calc(100% - 30px);
      top: calc(-10px + 0.3px);
      width: 20px;
      height: 10px;
      clip-path: polygon(50% 0, 100% 100%, 0 100%); }
    bg-tour section .tour-container.top-right:after {
      content: '';
      position: absolute;
      background: #3f51b5;
      left: calc(100% - 30px);
      top: calc(100% - 0.3px);
      width: 20px;
      height: 10px;
      clip-path: polygon(0 0, 100% 0, 50% 100%); }

bg-tour .md-icon-button.start-button {
  z-index: 10000;
  position: absolute;
  bottom: 32px;
  right: 32px;
  padding: unset;
  width: unset;
  border-radius: unset;
  transition: transform .2s; }
  bg-tour .md-icon-button.start-button:hover {
    transform: scale(1.2); }
  bg-tour .md-icon-button.start-button md-icon {
    width: 36px;
    height: 36px;
    font-size: 36px; }
    bg-tour .md-icon-button.start-button md-icon:after {
      content: '';
      position: absolute;
      background: #3f51b5;
      right: 5px;
      bottom: 0px;
      width: 10px;
      height: 10px;
      clip-path: polygon(50% 0, 100% 100%, 0 50%); }
.bg-account-activation-content {
  flex: 0 0 600px; }

.policy-list-item {
  height: 18px;
  min-height: 18px;
  padding: 0px; }

.policy-list-item-text {
  font-size: 10px; }

.accept-terms-area {
  display: inline-block;
  vertical-align: middle;
  padding-top: 11px;
  padding-left: 5px; }

.password-policy-area {
  font-size: 13px; }
.privacy-policy-doc .privacy-policy-page {
  margin-left: 20px;
  margin-right: 50px;
  text-align: justify; }
  .privacy-policy-doc .privacy-policy-page .text-bold {
    font-weight: bold; }
  .privacy-policy-doc .privacy-policy-page .font-size-20 {
    font-size: 20px; }
  .privacy-policy-doc .privacy-policy-page .underline-link {
    text-decoration: underline; }
  .privacy-policy-doc .privacy-policy-page .margin-left-30 {
    margin-left: 30px; }
  .privacy-policy-doc .privacy-policy-page .margin-left-40 {
    margin-left: 40px; }
  .privacy-policy-doc .privacy-policy-page .padding-top-0 {
    padding-top: 0px; }
  .privacy-policy-doc .privacy-policy-page div {
    padding-top: 15px;
    display: block; }

.privacy-policy-doc .back-to-login-button {
  width: 100%;
  padding: 35px 0px 0px 0px; }
.elastic-result-item {
  padding: 10px;
  transition-duration: 0.3s; }
  .elastic-result-item:not(:first-child) {
    border-top: 1px solid #ccc; }
  .elastic-result-item:hover {
    background-color: #f7f7f7; }
  .elastic-result-item:focus, .elastic-result-item:active {
    background-color: #f0f0f0; }
.claim-message-data {
  margin-bottom: 10px; }

.claim-message-data-time {
  color: #a8aab1; }

.claim-message {
  padding: 10px 15px;
  line-height: 25px;
  font-size: 16px;
  border-radius: 7px;
  margin-bottom: 20px;
  width: 90%; }

.claim-message-sender {
  background: #eeeeee;
  color: rgba(0, 0, 0, 0.87); }

.claim-message-receiver {
  background: #1c65b1;
  color: white; }

.claim-message-right {
  float: right; }

.claim-txt-right-align {
  text-align: right; }
.claim-comment-preview .claim-message {
  padding: 5px 10px;
  line-height: 20px;
  font-size: 12px; }

.claim-comment-preview .claim-message-data-name, .claim-comment-preview .claim-message-data-time {
  font-size: 12px; }
.claim-manage div.form-group-content {
  padding: 0px; }
.claim-preview-modal .bg-container__content {
  overflow-y: auto;
  max-height: 650px; }

.claim-preview-h4 {
  font-size: 15px;
  display: inline-block;
  width: 100%; }

.preview-field .bg-form bg-field md-input-container {
  margin: 5px 0 6px; }
.bg-doc-more-details {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 600px; }

.bg-doc-more-details__item {
  width: 100%;
  padding: 12px 0px;
  display: flex;
  align-items: baseline; }

.bg-doc-more-details__item-label {
  flex: 0 0 200px;
  text-align: right;
  padding-right: 5px; }

.bg-doc-more-details__item-content {
  display: flex;
  padding-left: 5px;
  font-weight: 600;
  flex: 1 1 auto;
  width: 525px; }

.bg-doc-more-details__item-content-partial {
  flex: 1 1 auto; }

.bg-doc-more-details__item-content-action {
  padding-left: 5px;
  padding-right: 40px; }

.bg-doc-more-details__item-content-history {
  font-weight: normal;
  padding-top: 10px; }

.bg-doc-more-details__item-content-history-time {
  padding-right: 10px;
  width: 132px;
  flex: 0 0 auto; }

.bg-doc-more-details__item-content-download {
  padding-right: 15px; }

.bg-doc-more-details__item-content-history-item {
  display: flex; }

.bg-doc-more-details__attachment {
  margin-left: 5px; }
  .bg-doc-more-details__attachment .icon-medium {
    font-size: 18px; }
.chat-history {
  padding: 16px;
  border-bottom: 2px solid white;
  overflow-y: scroll;
  height: calc(100vh - 320px);
  flex-flow: column;
  display: flex; }
  .chat-history .message-data {
    margin-bottom: 4px; }
  .chat-history .message-data-header {
    color: gray;
    padding-left: 6px; }
  .chat-history .message {
    padding: 16px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 8px;
    margin-bottom: 24px;
    max-width: 60%;
    width: fit-content;
    width: -moz-max-content;
    position: relative;
    display: table; }
    .chat-history .message--system {
      max-width: 100%;
      width: 100%;
      text-align: center;
      padding-top: 0;
      padding-bottom: 0;
      color: #5a5a5a; }
  .chat-history .no-messages {
    display: table;
    text-align: center;
    height: 100%;
    margin: 0px auto;
    width: 100%; }
  .chat-history .no-messages-text {
    display: table-cell;
    vertical-align: middle;
    font-size: x-large;
    color: darkgrey; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

.float-right {
  float: right; }

.chat-message {
  padding-top: 16px; }
  .chat-message textarea {
    width: 100%;
    border: none;
    padding: 16px;
    margin-bottom: 16px;
    font: 14px/22px "Lato", Arial, sans-serif;
    resize: none;
    background-color: #ece5e5;
    outline: none; }
  .chat-message textarea:focus {
    outline: none !important;
    border-bottom: 2px solid; }
  .chat-message textarea::-webkit-input-placeholder {
    color: black; }
  .chat-message textarea::-moz-placeholder {
    color: black; }
  .chat-message textarea:-moz-placeholder {
    color: black; }
  .chat-message textarea:-ms-input-placeholder {
    color: black; }

.chat-history::-webkit-scrollbar-thumb {
  outline: none; }
.bg-desadv-wizard .th-column-150 {
  min-width: 150px; }

.bg-desadv-wizard .inline-tooltip {
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px; }

.invalid-allowance-charge {
  background-color: #ff5858; }

.local-total-tax-amount-tooltip {
  max-width: 500px;
  height: auto;
  display: block;
  word-break: break-word;
  white-space: normal; }
.bg-initial-settings-wizard .initial-settings-step {
  text-align: center;
  padding: 64px; }
  .bg-initial-settings-wizard .initial-settings-step .finish-title,
  .bg-initial-settings-wizard .initial-settings-step .start-title {
    font-size: 22px;
    font-weight: bold;
    padding: 22px 0; }
  .bg-initial-settings-wizard .initial-settings-step .start-subtitle {
    font-size: 22px;
    padding: 11px 0; }
  .bg-initial-settings-wizard .initial-settings-step .finish-info,
  .bg-initial-settings-wizard .initial-settings-step .start-info {
    font-size: 22px;
    padding: 11px 0; }
    .bg-initial-settings-wizard .initial-settings-step .finish-info .container,
    .bg-initial-settings-wizard .initial-settings-step .start-info .container {
      justify-content: center;
      padding: 0; }
      .bg-initial-settings-wizard .initial-settings-step .finish-info .container *,
      .bg-initial-settings-wizard .initial-settings-step .start-info .container * {
        font-size: 22px; }
  .bg-initial-settings-wizard .initial-settings-step .start-footer {
    font-size: 22px;
    padding: 11px 0; }
.bg-early-payment-wizard .step-header {
  display: flex;
  justify-content: space-between;
  padding: 0 0 16px; }
  .bg-early-payment-wizard .step-header .title {
    font-weight: 500;
    align-self: center; }
.bg-order-response-wizard .locations-badge {
  margin: 9px; }

.bg-order-response-wizard .invalid-locations {
  background-color: #ff5858; }

.bg-order-response-wizard .th-column-150 {
  min-width: 150px; }

.bg-order-response-wizard .th-column-200 {
  min-width: 200px; }

.bg-order-response-wizard .th-column-300 {
  min-width: 300px; }

.bg-order-response-wizard .center-cell-content {
  display: flex;
  justify-content: center;
  align-items: center; }

.bg-order-response-wizard .inline-tooltip {
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px; }

.invalid-expected-delivery-date-info {
  color: #ff5858;
  padding: 5px; }
.bg-order-wizard .batch-badge {
  margin: 5px; }

.bg-order-wizard .invalid-batch {
  background-color: #ff5858; }

.bg-order-wizard .th-column-150 {
  min-width: 150px; }

.bg-order-wizard .th-column-200 {
  min-width: 200px; }

.bg-order-wizard .th-column-300 {
  min-width: 300px; }

.bg-order-wizard .inline-tooltip {
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px; }

.invalid-quantity-batch-info {
  color: #ff5858;
  padding: 5px; }

td.batch-info-align {
  vertical-align: top !important; }

.table-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 0; }
  .table-actions .action-buttons-wrapper {
    margin: 0;
    width: 100%;
    display: flex; }
  .table-actions .group-header-icon {
    padding: 8px; }

.order-wizard-add-document-modal bg-table-dynamic > div:first-child {
  max-height: 350px;
  overflow: auto; }
.bg-recadv-wizard .invalid-packing {
  background-color: #ff5858; }

.bg-recadv-wizard .th-column-150 {
  min-width: 150px; }

.bg-recadv-wizard .th-column-300 {
  min-width: 300px; }
.bg-acceptance-dialog__comment {
  width: 400px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.box-document--unsigned {
  color: #888; }
  .box-document--unsigned a {
    color: #888; }
  .box-document--unsigned.unread-row {
    font-weight: normal; }

.unread-row a {
  font-weight: inherit; }

.bg-document-attachments--hide {
  visibility: hidden;
  pointer-events: none; }

.documents-header {
  position: relative;
  top: -16px;
  left: -16px; }

.general-action-buttons {
  display: flex;
  margin-right: auto; }
  .general-action-buttons .md-button md-icon {
    margin-right: 3px; }

.document-status-column {
  display: flex;
  align-items: center; }
  .document-status-column material-tooltip {
    margin-left: 4px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-document-status-icon--error {
  color: #d50000;
  font-size: 18px; }

.bg-document-status-icon--ok {
  color: #3cb87a; }
.details-cell {
  border-top: 1px rgba(0, 0, 0, 0.12) solid; }

.view-span {
  margin: auto;
  margin-right: 10px; }

.view-switch-inline {
  display: inline-flex; }

.delfor-grid-switch-container {
  padding-bottom: 10px; }
.schedule-details-container .md-menu-toolbar h4 {
  line-height: 36px; }

md-menu-item > .md-button md-icon.draft-icon {
  margin-left: 5px;
  margin-bottom: 5px; }
.document-status-container {
  min-width: 80px;
  max-width: 200px;
  display: flex;
  align-items: center; }

.document-status-container__icon {
  height: 20px;
  width: 20px;
  display: inline-block; }

.document-status-container__text {
  display: inline-block;
  margin-left: 2px; }
.bg-document-status-details {
  min-width: 600px; }
.rel-doc-number {
  font-size: 16px;
  padding: 5px 10px; }

.no-documents {
  font-size: 20px;
  padding: 25px;
  text-align: center; }

.th-column-150 {
  min-width: 150px; }

.th-column-200 {
  min-width: 200px; }

.related-doc-icon-container {
  display: flex; }
  .related-doc-icon-container a {
    padding-right: 15px;
    align-self: center; }

.related-doc-icon {
  font-size: 24px;
  vertical-align: top; }
  .related-doc-icon span {
    display: inline-block; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.help-layout {
  margin: -16px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .help-layout img {
    max-width: 100%;
    max-height: 100%; }
  .help-layout .help-block_small {
    padding: 16px;
    width: 33.333%;
    box-sizing: border-box; }
    .help-layout .help-block_small img {
      padding-bottom: 16px; }
  .help-layout .help-title {
    font-weight: bold;
    font-size: 16px; }
  .help-layout .help-item {
    padding: 4px 0; }
    .help-layout .help-item md-icon {
      margin-right: 4px;
      color: #0096d6; }
.padding-top-6 {
  padding-top: 6px; }

.padding-bottom-30 {
  padding-bottom: 30px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.bg-help-docs {
  margin-left: 200px; }
.description-with-tooltip {
  display: flex;
  align-items: center; }
  .description-with-tooltip material-tooltip {
    padding-left: 8px; }

.message-preview-dialog .title {
  font-weight: bold;
  padding-bottom: 5px; }

.message-preview-dialog .content {
  max-height: 300px;
  overflow-y: scroll; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.dashboard-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .dashboard-container .dashboard-tile {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin: 5px;
    flex: 1 0 calc(50% - 10px);
    max-width: calc(50% - 10px); }
    @media (min-width: 1600px) {
      .dashboard-container .dashboard-tile {
        flex: 1 0 calc(25% - 10px);
        max-width: calc(25% - 10px); } }
    .dashboard-container .dashboard-tile.large {
      flex: 1 0 calc(100% - 10px);
      max-width: calc(100% - 10px); }
      .dashboard-container .dashboard-tile.large .chart-summary {
        width: 15%; }
      .dashboard-container .dashboard-tile.large .chart-canvas {
        width: 85%; }
      @media (min-width: 1600px) {
        .dashboard-container .dashboard-tile.large {
          flex: 1 0 calc(50% - 10px);
          max-width: calc(50% - 10px); } }
    .dashboard-container .dashboard-tile.small {
      flex: 1 0 calc(25% - 10px);
      max-width: calc(25% - 10px); }
    .dashboard-container .dashboard-tile .tile-container {
      padding: 15px; }
      .dashboard-container .dashboard-tile .tile-container .tile-title {
        display: flex;
        padding-bottom: 15px; }
        .dashboard-container .dashboard-tile .tile-container .tile-title div {
          font-size: 18px;
          font-weight: bold; }
        .dashboard-container .dashboard-tile .tile-container .tile-title .direction-select {
          padding-left: 5px; }
          .dashboard-container .dashboard-tile .tile-container .tile-title .direction-select md-input-container {
            padding: 0px;
            margin: -5px 0 0 0; }
      .dashboard-container .dashboard-tile .tile-container .communication-item {
        padding: 5px 0;
        cursor: pointer; }
        .dashboard-container .dashboard-tile .tile-container .communication-item md-icon {
          font-size: 35px;
          height: 35px;
          width: 35px;
          margin-right: 5px; }
        .dashboard-container .dashboard-tile .tile-container .communication-item .counter {
          font-weight: bold; }
      .dashboard-container .dashboard-tile .tile-container .report-item {
        padding: 5px 0; }
      .dashboard-container .dashboard-tile .tile-container .report-no-data {
        font-size: 18px;
        text-align: center;
        opacity: 0.54; }
    .dashboard-container .dashboard-tile bg-footer-toolbar,
    .dashboard-container .dashboard-tile .bg-footer-toolbar {
      margin-top: auto;
      display: flex;
      border-top: 1px solid #e5e5e5;
      background-color: #fafafa;
      min-height: 49px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.user-tasks-dashboard .user-tasks-table tr th {
  width: 20%;
  text-align: center !important;
  background-color: #f0f0f0; }
  .user-tasks-dashboard .user-tasks-table tr th .inline-tooltip {
    display: inline-block;
    margin-left: 5px;
    margin-top: 7px; }

.user-tasks-dashboard .user-tasks-table tr td {
  line-height: 48px; }
  .user-tasks-dashboard .user-tasks-table tr td bg-checkbox {
    margin-left: 49%; }
  .user-tasks-dashboard .user-tasks-table tr td bg-checkbox:focus {
    outline: none; }

.user-tasks-dashboard .document-count {
  color: #0096d6;
  font-weight: 500;
  padding-left: 5px; }

.user-tasks-dashboard .buyer-column {
  text-align: center !important;
  background-color: #f6f6f6; }

.user-tasks-dashboard .completed-column {
  background-color: #f0fdf5;
  min-width: 200px; }

.user-tasks-dashboard .dashboard-footer {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.user-tasks-dashboard .document-action-button {
  margin: 0;
  padding: 0; }

.user-tasks-dashboard .documents-link {
  padding-left: 5px; }
  .user-tasks-dashboard .documents-link.disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none; }

.user-tasks-header {
  opacity: 0.54;
  margin-bottom: 16px; }
  .user-tasks-header p:not(:first-child) {
    margin-top: 8px; }
  .user-tasks-header ul {
    padding-left: 16px;
    line-height: 1.5; }
    .user-tasks-header ul li {
      list-style-type: disc; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.no-items {
  padding: 15px; }

.divider {
  background-color: #A8A8A8;
  height: 1px;
  margin: 0px 0px 16px; }

.create-web-relation {
  color: #009fe3; }

.max-row {
  width: 100%; }

.relation-info-steps .relation-info-steps__step {
  background-color: #fff;
  padding: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  outline: none !important; }

.relation-info-steps .relation-info-steps__step-number-wrap {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 500;
  margin-right: 8px;
  flex-shrink: 0; }

.onboarding-relations-info {
  margin-bottom: 10px;
  margin-top: 10px; }
  .onboarding-relations-info .relations-to-create {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding-bottom: 8px;
    margin-left: -10px;
    vertical-align: middle; }
    .onboarding-relations-info .relations-to-create .relations-to-create__block {
      position: relative;
      border-radius: 16px;
      display: block;
      height: 32px;
      line-height: 32px;
      margin: 8px 8px 0px 0px;
      padding: 0px 12px;
      float: left;
      box-sizing: border-box;
      max-width: 100%; }
    .onboarding-relations-info .relations-to-create .relations-to-create__label {
      font-size: 16px;
      font-weight: bold; }
    .onboarding-relations-info .relations-to-create .relations-to-create__chips {
      font-size: 13px;
      cursor: pointer; }
  .onboarding-relations-info .done-background {
    background-color: #0CB726;
    color: white; }
  .onboarding-relations-info .disabled-background {
    background-color: grey !important;
    opacity: 0.5;
    color: white; }
  .onboarding-relations-info .sftp-request-open-background {
    background-color: #fc8d0e;
    color: white; }
  .onboarding-relations-info .disabled-label {
    color: grey;
    opacity: 0.5; }
  .onboarding-relations-info .bold-label {
    font-weight: bold; }

.onboarding-company-info {
  padding-top: 5px;
  padding-bottom: 5px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.logistic-type-modal .logistic-type-modal-message {
  padding: 0 20px 20px 20px; }

.logistic-type-modal .logistic-type-modal-options {
  padding: 0 20px; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.confirm-order-modal .confirm-order-modal-message {
  opacity: 0.54; }

.confirm-order-modal .confirm-order-modal-table-header {
  display: flex;
  justify-content: space-between;
  padding: 0; }
  .confirm-order-modal .confirm-order-modal-table-header .title {
    font-weight: 500;
    align-self: center; }
  .confirm-order-modal .confirm-order-modal-table-header .tools {
    display: flex;
    justify-content: flex-end;
    min-height: 40px; }
    .confirm-order-modal .confirm-order-modal-table-header .tools .md-button {
      margin-top: 0;
      margin-bottom: 0; }
    .confirm-order-modal .confirm-order-modal-table-header .tools bg-column-select .column-select__container {
      min-height: 0; }

.confirm-order-modal table {
  border: none; }
.tiles-with-counter {
  padding-top: 20px; }
  .tiles-with-counter li {
    float: left;
    border-left: solid;
    padding-left: 7px; }
  .tiles-with-counter li span {
    display: block;
    color: grey;
    text-decoration: none;
    text-align: left;
    padding-right: 20px; }
  .tiles-with-counter .counter-span {
    font-size: 20px; }
  .tiles-with-counter .title-span {
    font-size: 15px; }
td.latest-message {
  max-width: 350px; }

.latest-doc-message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
  cursor: pointer; }
.user-tasks-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  .user-tasks-buttons .document-action-button {
    margin: 0;
    padding: 0;
    text-align: right; }
  .user-tasks-buttons .action-buttons-section {
    margin-left: auto; }
    .user-tasks-buttons .action-buttons-section .md-button {
      text-align: right; }
.mfa-settings-instructions {
  padding-bottom: 16px; }
  .mfa-settings-instructions div {
    padding: 4px 0; }

.mfa-settings-code-container {
  display: flex;
  justify-content: center; }
.bg-table__row:not(.selected-row).frozen-row {
  background-color: #A6E7FF !important; }
  .bg-table__row:not(.selected-row).frozen-row:hover > td {
    background-color: #95cfe5 !important; }
.changed-field {
  background-color: #e07777; }

.old-value-info {
  color: rgba(0, 0, 0, 0.38);
  padding-top: 2px;
  padding-bottom: 10px; }
.partner-notification--automatic {
  font-weight: 500; }
.product-subline {
  background-color: #fafafa; }
  .product-subline td:first-child {
    padding-left: 50px !important; }
.supplier-edit-table table.md-table th {
  white-space: break-spaces; }

.supplier-edit-table table.md-table th.md-column.checkbox {
  width: 200px !important;
  text-align: center; }

.supplier-edit-table table.md-table td.md-cell.checkbox {
  text-align: center; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

@media (max-width: 1280px) {
  .column-reverse {
    flex-direction: column-reverse; } }

.x-path-field-bold {
  font-weight: bold; }

.x-path-full {
  font-size: 10px; }

#pdf-editor-container {
  display: flex;
  overflow: scroll;
  padding-bottom: 30px; }

#pdf-editor-container > div:nth-child(n) {
  padding: 20px 20px 10px 0; }

#pdf-editor-upload-container {
  display: flex;
  flex-direction: column; }

#pdf-editor-upload-container > div:nth-child(n) {
  padding-bottom: 20px; }

#pdf-editor-upload-container > div:nth-last-child(1) {
  padding-bottom: 0; }

#pdf-editor-upload-button {
  margin: 0; }
.center-form-field {
  display: flex !important;
  align-items: center !important; }

.center-code-verification {
  display: flex;
  justify-content: center; }
.no-profile-section {
  display: inline;
  font-weight: bold;
  padding: 0;
  color: #152A94; }
.document-tester-form-container {
  margin-left: 50px;
  margin-right: 50px; }
  .document-tester-form-container md-table-container {
    display: grid; }

.upload-test-doc-container {
  margin-left: 50px;
  margin-top: 20px; }
  .upload-test-doc-container table.md-table {
    border-radius: 0; }

.testing-parameters-title {
  font-size: large; }

.testing-parameters-table {
  margin-top: 30px;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  table-layout: fixed; }

.testing-information-display {
  font-weight: bold; }

.testing-information-value {
  text-align: center !important; }

.test-doc-uploader {
  margin-top: 25px; }
  .test-doc-uploader .form__field--no-padding {
    padding: 0; }

.generate-sample-button {
  float: right;
  text-transform: none;
  margin-right: 0px; }

.send-test-doc-button {
  float: right;
  text-transform: none;
  margin-top: 15px;
  margin-right: 0px; }

.testing-doc-grid {
  margin-left: 60px;
  margin-top: 30px; }
  .testing-doc-grid .bg-table__wrapper {
    border-left: none !important;
    border-right: none !important;
    width: 60%; }
  .testing-doc-grid table {
    table-layout: fixed; }

.more-details-container .bg-doc-more-details__item-label {
  flex: none; }

.more-details-container .bg-doc-more-details__item {
  padding: 12px 20px; }

.refresh-container {
  display: flex;
  align-items: center; }

.testing-sample-document {
  margin-top: 25px;
  font-size: large; }
.document-box-modal-container .bg-container__footer-toolbar-wrap {
  position: sticky;
  bottom: 0;
  width: 1000px; }

.document-box-modal-container .margin-bottom-30 {
  margin-bottom: 30px; }

.choose-method-container {
  font-weight: bold;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 100px 0px;
  width: 80%;
  margin: 0 auto;
  padding-top: 50px; }
  .choose-method-container .method-button {
    color: white;
    padding: 40px 10px;
    font-size: x-large;
    text-align: center; }
  .choose-method-container .choose-method-icon {
    text-align: center; }
    .choose-method-container .choose-method-icon .md-button {
      min-height: 70px; }
    .choose-method-container .choose-method-icon .material-icons {
      font-size: 50px;
      display: flex;
      align-items: center;
      justify-content: center; }
.partner-list-element {
  display: inline;
  font-size: 10px;
  font-style: italic;
  color: #152A94; }

li.partner-list-element:nth-child(2n):after {
  content: "\A";
  white-space: pre; }

.partner-list {
  padding-top: 3px;
  padding-bottom: 3px; }

.switch-color md-switch .md-thumb {
  background-color: #357235; }

.switch-color md-switch .md-bar {
  background-color: #8fecc8; }

.switch-cell {
  float: right; }

.document-tester-info {
  width: 100%;
  color: white !important;
  padding: 10px 10px 10px 20px;
  font-size: larger;
  text-align: left;
  margin-bottom: 15px; }
  .document-tester-info li {
    list-style-type: disc;
    margin-left: 15px; }

.step-info {
  width: 100%;
  color: white !important;
  padding: 10px;
  font-size: larger;
  text-align: center;
  margin-bottom: 15px; }
  .step-info .step-answer-container {
    display: flex;
    justify-content: center;
    margin-top: 15px; }
    .step-info .step-answer-container .yes-answer {
      margin-right: 10px; }
    .step-info .step-answer-container .answer {
      width: 10%;
      border-color: white;
      border: solid;
      padding: 5px 15px 5px 15px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .step-info .step-answer-container .approve-button {
      width: 15%;
      border-color: white;
      border: solid;
      margin-right: 10px;
      padding: 5px 15px 5px 15px; }
  .step-info .step-answers-center {
    align-items: center; }
  .step-info .step-info-back {
    text-align: left;
    margin-left: -15px;
    margin-top: -35px;
    margin-bottom: -10px; }
    .step-info .step-info-back button {
      font-weight: inherit; }
    .step-info .step-info-back md-icon {
      font-weight: inherit;
      color: white; }

.tests-confirmed {
  background-color: #0CB726;
  color: white; }
.center-text {
  display: block;
  text-align: center; }

.tooltip-content-span {
  font-weight: 500;
  font-size: 14px;
  border-radius: 4px;
  padding: 10px;
  color: white !important;
  height: auto;
  opacity: 1;
  position: absolute; }

.tooltip-icon-info-area {
  display: inline;
  margin-left: -10px; }

.tile-border {
  border: 3px solid #f1e4e4; }

.relation-test-document {
  background-color: red;
  color: white;
  width: 15%; }

.relation-prod-document {
  background-color: #439f48;
  color: white;
  width: 15%; }

.document-info {
  font-size: 20px;
  text-align: center; }

.relation-basic-info {
  padding-left: 0px;
  width: 75%; }
  .relation-basic-info td {
    width: 33.3%;
    padding-left: 10px; }
  .relation-basic-info .border-bottom {
    border-bottom: 1px solid #f1e4e4; }

.options {
  padding-top: 0px;
  padding-right: 0px;
  text-align: center; }

.options-without-test-status {
  padding-right: 0px;
  text-align: center; }

.test-status {
  border: 3px solid #7aafd5;
  font-weight: bold; }
material-chips.restriction-input input {
  width: 500px; }
.assignment-toolbar {
  display: flex;
  justify-content: flex-end; }

.user-preview-modal .table-container .bg-field {
  max-height: 60vh;
  overflow: auto; }

.login-inactive {
  color: grey; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.inventory-management-container md-table-container {
  padding-bottom: 10px; }

.inventory-management-container th.row-name-column,
.inventory-management-container td.row-name-column {
  min-width: 300px;
  font-weight: 500; }

.inventory-management-container th.backlog-column,
.inventory-management-container td.backlog-column {
  background-color: #f6f6f6;
  font-weight: 500; }

.inventory-management-container td.negative-number {
  color: #d50000 !important; }

.inventory-management-container .report-name {
  font-size: 14px; }

.inventory-management-container .future-report-name {
  margin-left: 15px;
  display: inline-flex;
  align-items: center; }

.inventory-management-container .comment-section {
  margin: 0 -17px; }
  .inventory-management-container .comment-section span {
    display: flex;
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    border-top: 2px solid #d50000;
    border-bottom: 2px solid #d50000;
    color: #d50000;
    font-weight: bold; }

.inventory-management-container .all-reports-actions-container {
  display: flex;
  justify-content: end; }
.vmi-contract-edit .form__container .md-input[disabled] {
  color: unset; }

.vmi-contract-edit .form__container md-select[disabled] .md-select-value {
  color: unset; }
.call-off-footer {
  justify-content: space-between;
  padding-left: 0px; }

.call-off-footer-text {
  margin-left: 0px;
  padding-left: 16px; }
.scale-header {
  padding-top: 20px;
  padding-bottom: 10px; }

.silo-levels-container {
  width: 100%;
  padding-top: 20px;
  height: 500px;
  display: flex; }
  .silo-levels-container .grid-column {
    display: flex;
    flex-direction: column; }
    .silo-levels-container .grid-column .grid-item {
      display: flex; }
      .silo-levels-container .grid-column .grid-item .scale-text {
        display: inline-block;
        align-self: flex-end;
        text-align: right;
        padding-right: 3px;
        width: 100%; }
      .silo-levels-container .grid-column .grid-item .scale-line {
        width: 10px;
        border-top: 1px solid black; }
      .silo-levels-container .grid-column .grid-item:last-of-type .scale-line {
        border-bottom: 1px solid black; }
  .silo-levels-container .bar-column {
    width: 250px;
    border: 1px solid black; }
    .silo-levels-container .bar-column .bar-item {
      border-top-color: black; }
      .silo-levels-container .bar-column .bar-item:first-of-type {
        border: none; }
  .silo-levels-container .legend-column {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .silo-levels-container .legend-column .legend-item {
      display: flex; }
      .silo-levels-container .legend-column .legend-item .legend-item-box {
        margin: 5px;
        width: 40px;
        height: 20px;
        border: 1px solid black; }
      .silo-levels-container .legend-column .legend-item .legend-item-text {
        display: flex;
        align-self: center; }
.newsSettingsBanner {
  background-color: #FFFF9C;
  padding: 4px;
  border-radius: 2px;
  transition: all .2s ease;
  text-align: center; }
.bg-partner-questionnaire-wizard bg-wizard .footer {
  position: inherit;
  margin-right: 0;
  margin-left: 0; }

.bg-partner-questionnaire-wizard .th-column-200 {
  min-width: 200px; }

.bg-partner-questionnaire-wizard .admin-data-form {
  min-width: 50%; }

.bg-partner-questionnaire-wizard .wizard-table-body {
  background-color: #fafafa !important; }

.bg-partner-questionnaire-wizard tr.no-top-border td {
  border-top: none; }
.questionnaire-title, .questionnaire-section {
  padding: 10px; }

.questionnaire-section bg-partner-questionnaire-wizard bg-wizard .footer {
  width: 100%; }
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

bg-partner-questionnaire-etemp-preview .checkmark {
  text-align: center;
  padding: 16px 0; }
  bg-partner-questionnaire-etemp-preview .checkmark__icon {
    display: inline-block;
    font-size: 100px;
    height: 100px;
    width: 100px;
    border-radius: 100px;
    padding: 12.5px;
    background-color: #3cb87a; }
    bg-partner-questionnaire-etemp-preview .checkmark__icon md-icon {
      display: block;
      font-size: 75px;
      height: 75px;
      width: 75px;
      min-height: 75px;
      min-width: 75px;
      color: #fff;
      font-weight: 700; }
  bg-partner-questionnaire-etemp-preview .checkmark__title {
    margin-top: 16px;
    font-size: 16px; }

bg-partner-questionnaire-etemp-preview .bold {
  font-weight: bold; }

bg-partner-questionnaire-etemp-preview .bold-bigger {
  font-weight: bold;
  font-size: 20px; }

bg-partner-questionnaire-etemp-preview .left-align {
  text-align: left;
  width: 33.3%;
  display: inline-block; }

bg-partner-questionnaire-etemp-preview .center-align {
  text-align: center;
  width: 33.3%;
  display: inline-block; }

bg-partner-questionnaire-etemp-preview .grey-background {
  background: grey; }