/* Import fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto:500,700&subset=latin-ext');

/* Default font */
.hae-app-root {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

:root {
  /* Font size */
  --font-size-x-small: 10px;
  --font-size-small: 12px;
  --font-size-base: 14px;
  --font-size-medium: 16px;
  --font-size-large: 18px;
  --font-size-x-large: 20px;
  --font-size-xx-large: 24px;
  --font-size-xxx-large: 28px;

  /* Icon size */
  --icon-size-x-small: 11px;
  --icon-size-small: 12px;
  --icon-size-base: 14px;
  --icon-size-medium: 16px;
  --icon-size-large: 18px;
  --icon-size-x-large: 21px;
  --icon-size-xx-large: 24px;
  --icon-size-xxx-large: 28px;

  /* Spacing */
  --spacing-narrow: 8px;
  --spacing-medium: 16px;
  --spacing-wide: 24px;
  --spacing-x-wide: 32px;

  /* Spacing */
  --padding-narrow: 8px;
  --padding-medium: 16px;
  --padding-wide: 24px;
  --padding-x-wide: 32px;
}:root {
  /* Primary color */
  --color-primary: #0546C5;
  --color-primary-hover: #0b41ae;
  --color-primary-active: #083693;
  --color-primary-disabled: #adb4c3;

  --color-primary-light: #e21818;

  /* Secondary color */
  --color-secondary: #FFFB0D;
  --color-secondary-hover: #e6e20a;
  --color-secondary-active: #d5d208;
  --color-secondary-disabled: #cbcabd;

  /* Background color */
  --color-background: #F4F6F7;
  --color-background-hover: #F4F6F7;
  --color-background-active: #F4F6F7;

  /* Field background color */
  --color-field-background: #F4F6F7;
  --color-field-background-hover: #F4F6F7;
  --color-field-background-active: #F4F6F7;

  --form-element-border: #F4F6F7;

  /* Text # Icon color */
  --color-text: #22262A;
  --color-icon: #505A64;

  /* Table hover */
  --color-table-hover: #cec8a6;

  /* Info color */
  --color-info: #043166;
  --color-info-hover: #043166;
  --color-info-active: #043166;

  /* Success color */
  --color-success: #479B15;
  --color-success-hover: #479B15;
  --color-success-active: #479B15;

  /* Warning color */
  --color-warning: #DB5F1B;
  --color-warning-hover: #DB5F1B;
  --color-warning-active: #DB5F1B;

  /* Error color */
  --color-error: #A42C4F;
  --color-error-hover: #A42C4F;
  --color-error-active: #A42C4F;

  /* Danger color */
  --color-danger: #b12323;
  --color-danger-hover: #ce3535;
  --color-danger-active: #ca1a1a;


  /* COLORS */
  --color-gray: #b3bac0;
  --color-lightgray: #dfe3ec;
  --color-blue: #043166;
}/*.container__item {
  max-width: none;
  max-height: none;
}*/

/* CONTAINER FLEX WRAP */
.container-flex-wrap>.container>.container__inner>.container__content {
  flex-wrap: wrap;
}

.max-1280{
  max-width: 1280px !important;
  align-self: center;
  margin: 0 auto;
}
@keyframes scale {
  from {
    transform: scale(1.0);
  }

  to {
    transform: scale(1.02);
  }
}

.scale-up:hover {
  animation: scale 0.1s 1 linear forwards;
}

.container.container--event-click:hover {
  animation: scale 0.1s 1 linear forwards;
}/* Field label */
.cmp-field__label {
  font-size: 14px;
  font-weight: 400;
  padding-left: 0px;
  padding-bottom: 4px;
  margin: 0px;
}


/* INPUT FIELD */
.cmp-field__input {
  background-color: var(--color-field-background);
  border: 0px;
  border-radius: 8px;
  box-shadow: none;
  padding: 10px 16px !important;
  min-height: 44px;
}


/* DROPDOWN FIELD */
s.cmp-field__options-button, .select-field  {
  background-color: var(--color-field-backgroud);
  border: 0px;
  border-radius: 8px;
  box-shadow: none;
  min-height: 44px;
}




/* CHECKBOX FIELD */
.cmp-field--checkbox {
    align-items: center;
    --element-control-height: 20px;
    --element-control-width: 20px;
}

.cmp-field--checkbox .cmp-field__control {
    margin: 0px 10px 0px 0px;
}

.cmp-field--checkbox .cmp-field__label {
    height: 20px;
}

.cmp-field--checkbox .cmp-field__content {
    flex: auto;
}

.cmp-field--checkbox.cmp-field--style-default .cmp-field__control-icon {
    background-color: var(--color-field-background);
    border: 1.5px solid var(--color-icon);
    border-radius: 3px;
    box-shadow: none;
}

.cmp-field--checkbox.cmp-field--style-default .cmp-field__control-input:checked~.cmp-field__control-icon {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.required-hidden .field-label__info--required{
display: none;
}.button-primary .button {
  min-height: 44px;
  border-radius: 8px;
}

.button-menu .button {
  padding: 8px 16px;
}

.button-menu .label {
  padding: 0px 16px;
}

.button-menu:hover {
  background-color: var(--color-background);
  border-radius: 8px;
}

.button-menu:active {
  color: var(--color-primary);
  border-radius: 8px;
  font-weight: 600;
}

.button-menu .button--active {
  color: var(--color-primary);
  border-radius: 8px;
  font-weight: 600;
}

.cmp-menu-button__item .button.cmp-menu-button__item-button {
  padding: 10px 15px;
}.label-tag-danger .label {
  background-color: #FDF3F5;
  color: #892848;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: 700;
}

.label-tag-ok .label {
  background-color: #F2FDE8;
  color: #2F5D17;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: 700;
}

.label-tag .label {
  background-color: #FFF;
  padding: 5px 5px;
  border-radius: 3px;
}.table-row-rounded>.table__row {
    border-radius: 10px
}

.table-max-width {
  max-width: 800px;
}
.container.container--flow-column.container--vertical-align-top>.container__inner>.container__content {
  height: 100%;
}

.overlay-item.overlay-item--type-dialog-view {
  background: var(--color-background);
}

.overlay-item.overlay-item--type-sidebar-view {
  background: var(--color-background);
}

.overlay-item.overlay-item--type-dialog-confirmation {
  background: var(--color-background);
}

.overlay-item.overlay-item--type-dialog-info {
  background: var(--color-background);
}.payment-pair-alert {
  color: #892848;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: 700;
  background-color: white;
}

.ms-15px{
  margin-left: 15px;
}.vop {
    margin-top: 20px;
}

.vop h1 {
    text-align:center;
    font-size: 100%;
}

.vop h2 {
    font-size: 100%;
    line-height: 100%;
    margin-bottom: 5px !important;
    margin-top: 10px !important;
    padding-bottom: 0px;
}

.vop p {
    margin-bottom: 0;
}


.vop ul {
    margin-bottom: 0;
    margin-left: 0px;
    padding-left: 0px;
}

.vop ul li{
    list-style-type: none;
}