@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap";
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap";
@import "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css";

/* src/assets/styles/inovioCustomMultipleSelect.css */
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography h1 {
  font:
    400 24px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography h2 {
  font:
    500 20px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font:
    400 16px/28px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font:
    400 15px/24px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography h5 {
  font:
    400 calc(14px * .83)/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography h6 {
  font:
    400 calc(14px * .67)/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-body-2,
.mat-body-strong {
  font:
    500 14px/24px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-body,
.mat-body-1,
.mat-typography {
  font:
    400 14px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-body p,
.mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-caption,
.mat-small {
  font:
    400 12px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font:
    300 112px/112px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: -.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font:
    400 56px/56px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: -.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font:
    400 45px/48px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: -.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font:
    400 34px/40px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font:
    400 14px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-card {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-content,
.mat-card-subtitle {
  font-size: 14px;
}
.mat-checkbox {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font:
    500 20px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-expansion-panel-header {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font:
    400 14px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: .5em 0;
  border-top: .84375em solid transparent;
}
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.34375em) scale(.75);
  width: 133.33333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(.75);
  width: 133.33334%;
}
.mat-form-field-label-wrapper {
  top: -.84375em;
  padding-top: .84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .66667em;
  top: calc(100% - 1.79167em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: .4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
  -ms-transform: translateY(-1.28125em) scale(.75);
  width: 133.33333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
  -ms-transform: translateY(-1.28124em) scale(.75);
  width: 133.33334%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
  -ms-transform: translateY(-1.28123em) scale(.75);
  width: 133.33335%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: .54167em;
  top: calc(100% - 1.66667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.28122em) scale(.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: .25em 0 .75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-.59375em) scale(.75);
  width: 133.33333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59374em) scale(.75);
  width: 133.33334%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.59375em) scale(.75);
  width: 133.33333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(.75);
  width: 133.33334%;
}
.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px;
}
.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -.0625em;
}
.mat-menu-item {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-select {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-slider-thumb-label-text {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: 400;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-tab-label,
.mat-tab-link {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font:
    500 20px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0;
}
.mat-tooltip {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-list-option {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font:
    500 14px/24px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-simple-snackbar {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0s cubic-bezier(0, 0, .2, 1);
  transform: scale(0);
}
@media (-ms-high-contrast: active) {
  .mat-ripple-element {
    display: none;
  }
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 90%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation-name: cdk-text-field-autofill-start;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation-name: cdk-text-field-autofill-end;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, .1);
}
.mat-option {
  color: rgba(0, 0, 0, .87);
}
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, .04);
  color: rgba(0, 0, 0, .87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, .38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #673ab7;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #32abba;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, .54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, .38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, .54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #673ab7;
}
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #32abba;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-elevation-z0 {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z1 {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, .2),
    0 1px 1px 0 rgba(0, 0, 0, .14),
    0 1px 3px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z2 {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 2px 2px 0 rgba(0, 0, 0, .14),
    0 1px 5px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z3 {
  box-shadow:
    0 3px 3px -2px rgba(0, 0, 0, .2),
    0 3px 4px 0 rgba(0, 0, 0, .14),
    0 1px 8px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z4 {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z5 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, .2),
    0 5px 8px 0 rgba(0, 0, 0, .14),
    0 1px 14px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z6 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, .2),
    0 6px 10px 0 rgba(0, 0, 0, .14),
    0 1px 18px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z7 {
  box-shadow:
    0 4px 5px -2px rgba(0, 0, 0, .2),
    0 7px 10px 1px rgba(0, 0, 0, .14),
    0 2px 16px 1px rgba(0, 0, 0, .12);
}
.mat-elevation-z8 {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, .2),
    0 8px 10px 1px rgba(0, 0, 0, .14),
    0 3px 14px 2px rgba(0, 0, 0, .12);
}
.mat-elevation-z9 {
  box-shadow:
    0 5px 6px -3px rgba(0, 0, 0, .2),
    0 9px 12px 1px rgba(0, 0, 0, .14),
    0 3px 16px 2px rgba(0, 0, 0, .12);
}
.mat-elevation-z10 {
  box-shadow:
    0 6px 6px -3px rgba(0, 0, 0, .2),
    0 10px 14px 1px rgba(0, 0, 0, .14),
    0 4px 18px 3px rgba(0, 0, 0, .12);
}
.mat-elevation-z11 {
  box-shadow:
    0 6px 7px -4px rgba(0, 0, 0, .2),
    0 11px 15px 1px rgba(0, 0, 0, .14),
    0 4px 20px 3px rgba(0, 0, 0, .12);
}
.mat-elevation-z12 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, .2),
    0 12px 17px 2px rgba(0, 0, 0, .14),
    0 5px 22px 4px rgba(0, 0, 0, .12);
}
.mat-elevation-z13 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, .2),
    0 13px 19px 2px rgba(0, 0, 0, .14),
    0 5px 24px 4px rgba(0, 0, 0, .12);
}
.mat-elevation-z14 {
  box-shadow:
    0 7px 9px -4px rgba(0, 0, 0, .2),
    0 14px 21px 2px rgba(0, 0, 0, .14),
    0 5px 26px 4px rgba(0, 0, 0, .12);
}
.mat-elevation-z15 {
  box-shadow:
    0 8px 9px -5px rgba(0, 0, 0, .2),
    0 15px 22px 2px rgba(0, 0, 0, .14),
    0 6px 28px 5px rgba(0, 0, 0, .12);
}
.mat-elevation-z16 {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, .2),
    0 16px 24px 2px rgba(0, 0, 0, .14),
    0 6px 30px 5px rgba(0, 0, 0, .12);
}
.mat-elevation-z17 {
  box-shadow:
    0 8px 11px -5px rgba(0, 0, 0, .2),
    0 17px 26px 2px rgba(0, 0, 0, .14),
    0 6px 32px 5px rgba(0, 0, 0, .12);
}
.mat-elevation-z18 {
  box-shadow:
    0 9px 11px -5px rgba(0, 0, 0, .2),
    0 18px 28px 2px rgba(0, 0, 0, .14),
    0 7px 34px 6px rgba(0, 0, 0, .12);
}
.mat-elevation-z19 {
  box-shadow:
    0 9px 12px -6px rgba(0, 0, 0, .2),
    0 19px 29px 2px rgba(0, 0, 0, .14),
    0 7px 36px 6px rgba(0, 0, 0, .12);
}
.mat-elevation-z20 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, .2),
    0 20px 31px 3px rgba(0, 0, 0, .14),
    0 8px 38px 7px rgba(0, 0, 0, .12);
}
.mat-elevation-z21 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, .2),
    0 21px 33px 3px rgba(0, 0, 0, .14),
    0 8px 40px 7px rgba(0, 0, 0, .12);
}
.mat-elevation-z22 {
  box-shadow:
    0 10px 14px -6px rgba(0, 0, 0, .2),
    0 22px 35px 3px rgba(0, 0, 0, .14),
    0 8px 42px 7px rgba(0, 0, 0, .12);
}
.mat-elevation-z23 {
  box-shadow:
    0 11px 14px -7px rgba(0, 0, 0, .2),
    0 23px 36px 3px rgba(0, 0, 0, .14),
    0 9px 44px 8px rgba(0, 0, 0, .12);
}
.mat-elevation-z24 {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, .2),
    0 24px 38px 3px rgba(0, 0, 0, .14),
    0 9px 46px 8px rgba(0, 0, 0, .12);
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, .87);
}
.mat-badge-content {
  color: #fff;
  background: #673ab7;
}
@media (-ms-high-contrast: active) {
  .mat-badge-content {
    outline: solid 1px;
    border-radius: 0;
  }
}
.mat-badge-accent .mat-badge-content {
  background: #32abba;
  color: rgba(0, 0, 0, .87);
}
.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, .38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform .2s ease-in-out;
  transform: scale(.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, .2),
    0 16px 24px 2px rgba(0, 0, 0, .14),
    0 6px 30px 5px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: 0 0;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #673ab7;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #32abba;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, .26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #673ab7;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #32abba;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: .1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: #000;
}
.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, .12);
}
.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, .87);
  background-color: #fff;
}
.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  color: #fff;
}
.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  color: rgba(0, 0, 0, .87);
}
.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  color: #fff;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  color: rgba(0, 0, 0, .26);
}
.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #673ab7;
}
.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #32abba;
}
.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, .12);
}
.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1);
}
.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, .1);
}
.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1);
}
.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 2px 2px 0 rgba(0, 0, 0, .14),
    0 1px 5px 0 rgba(0, 0, 0, .12);
}
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, .2),
    0 8px 10px 1px rgba(0, 0, 0, .14),
    0 3px 14px 2px rgba(0, 0, 0, .12);
}
.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, .2),
    0 6px 10px 0 rgba(0, 0, 0, .14),
    0 1px 18px 0 rgba(0, 0, 0, .12);
}
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, .2),
    0 12px 17px 2px rgba(0, 0, 0, .14),
    0 5px 22px 4px rgba(0, 0, 0, .12);
}
.mat-fab[disabled]:not([class*=mat-elevation-z]),
.mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 2px 2px 0 rgba(0, 0, 0, .14),
    0 1px 5px 0 rgba(0, 0, 0, .12);
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, .38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, .12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
  background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, .12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, .12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, .12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, .26);
  background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: solid 1px rgba(0, 0, 0, .12);
}
.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, .2),
    0 1px 1px 0 rgba(0, 0, 0, .14),
    0 1px 3px 0 rgba(0, 0, 0, .12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, .54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, .54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
@media (-ms-high-contrast: black-on-white) {
  .mat-checkbox-checkmark-path {
    stroke: #000 !important;
  }
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #673ab7;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #32abba;
}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, .54);
}
@media (-ms-high-contrast: active) {
  .mat-checkbox-disabled {
    opacity: .5;
  }
}
@media (-ms-high-contrast: active) {
  .mat-checkbox-background {
    background: 0 0;
  }
}
.mat-checkbox .mat-ripple-element {
  background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #673ab7;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #32abba;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, .87);
  opacity: .4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow:
    0 3px 3px -2px rgba(0, 0, 0, .2),
    0 3px 4px 0 rgba(0, 0, 0, .14),
    0 1px 8px 0 rgba(0, 0, 0, .12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: .54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: .4;
}
.mat-chip.mat-standard-chip::after {
  background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #673ab7;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background: rgba(255, 255, 255, .1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background: rgba(255, 255, 255, .1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #32abba;
  color: rgba(0, 0, 0, .87);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(0, 0, 0, .87);
  opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background: rgba(0, 0, 0, .1);
}
.mat-table {
  background: #fff;
}
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
.mat-table-sticky,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit;
}
mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: rgba(0, 0, 0, .12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, .54);
}
.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, .87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, .54);
}
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, .54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, .38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, .12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, .54);
}
.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, .87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, .38);
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, .04);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, .38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, .18);
}
.mat-calendar-body-selected {
  background-color: #673ab7;
  color: #fff;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(103, 58, 183, .4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #32abba;
  color: rgba(0, 0, 0, .87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 215, 64, .4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .87);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, .4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content-touch {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-datepicker-toggle-active {
  color: #673ab7;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #32abba;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-dialog-container {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, .2),
    0 24px 38px 3px rgba(0, 0, 0, .14),
    0 9px 46px 8px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, .12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, .12);
}
.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 2px 2px 0 rgba(0, 0, 0, .14),
    0 1px 5px 0 rgba(0, 0, 0, .12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, .12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, .04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, .87);
}
.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, .54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, .26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, .6);
}
.mat-hint {
  color: rgba(0, 0, 0, .6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #673ab7;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #32abba;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #32abba;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, .87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #673ab7;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #32abba;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #673ab7;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #32abba;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, .54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, .54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, .42) 0,
      rgba(0, 0, 0, .42) 33%,
      transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, .42) 0,
      rgba(0, 0, 0, .42) 33%,
      transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, .42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, .12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, .87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #673ab7;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #32abba;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, .06);
}
.mat-icon.mat-primary {
  color: #673ab7;
}
.mat-icon.mat-accent {
  color: #32abba;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, .54);
}
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,
.mat-input-element:disabled {
  color: rgba(0, 0, 0, .38);
}
.mat-input-element {
  caret-color: #673ab7;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-accent .mat-input-element {
  caret-color: #32abba;
}
.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, .87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, .87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, .54);
}
.mat-list-item-disabled {
  background-color: #eee;
}
.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, .04);
}
.mat-menu-panel {
  background: #fff;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
}
.mat-menu-item {
  background: 0 0;
  color: rgba(0, 0, 0, .87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled]::after {
  color: rgba(0, 0, 0, .38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, .54);
}
.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, .04);
}
.mat-paginator {
  background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, .54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, .54);
  border-right: 2px solid rgba(0, 0, 0, .54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, .54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, .38);
}
.mat-progress-bar-background {
  fill: #d1c4e9;
}
.mat-progress-bar-buffer {
  background-color: #d1c4e9;
}
.mat-progress-bar-fill::after {
  background-color: #673ab7;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ffe57f;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ffe57f;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #32abba;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #673ab7;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #32abba;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #673ab7;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #673ab7;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #32abba;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #32abba;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, .38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, .38);
}
.mat-radio-button .mat-ripple-element {
  background-color: #000;
}
.mat-select-value {
  color: #55b9c5 !important;
  border-bottom: 1px solid #c1c6c9;
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, .38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, .54);
}
.mat-select-panel {
  background: #fff;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, .12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #673ab7;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #32abba;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, .38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87);
}
.mat-drawer {
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-drawer.mat-drawer-push {
  background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, .2),
    0 16px 24px 2px rgba(0, 0, 0, .14),
    0 6px 30px 5px rgba(0, 0, 0, .12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, .12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, .12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, .12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, .12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, .6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #32abba;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 215, 64, .54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #32abba;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #673ab7;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(103, 58, 183, .54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #673ab7;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, .54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000;
}
.mat-slide-toggle-thumb {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, .2),
    0 1px 1px 0 rgba(0, 0, 0, .14),
    0 1px 3px 0 rgba(0, 0, 0, .12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, .38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26);
}
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #673ab7;
}
.mat-primary .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #32abba;
}
.mat-accent .mat-slider-thumb-label-text {
  color: rgba(0, 0, 0, .87);
}
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-slider-focus-ring {
  background-color: rgba(255, 215, 64, .2);
}
.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .38);
}
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill {
  background-color: rgba(0, 0, 0, .26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, .12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, .7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      to right,
      rgba(0, 0, 0, .7),
      rgba(0, 0, 0, .7) 2px,
      transparent 0,
      transparent);
  background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(0, 0, 0, .7),
      rgba(0, 0, 0, .7) 2px,
      transparent 0,
      transparent);
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, .04);
}
@media (hover: none) {
  .mat-step-header:hover {
    background: 0 0;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, .54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, .54);
  color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #673ab7;
  color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, .87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, .12);
}
.mat-horizontal-stepper-header::after,
.mat-horizontal-stepper-header::before,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, .12);
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, .87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(209, 196, 233, .3);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #673ab7;
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 229, 127, .3);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #32abba;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: rgba(0, 0, 0, .87);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(209, 196, 233, .3);
}
.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-header-pagination,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #673ab7;
}
.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, .12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 229, 127, .3);
}
.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-header-pagination,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #32abba;
}
.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: rgba(0, 0, 0, .87);
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .87);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, .12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3);
}
.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-header-pagination,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, .12);
}
.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .87);
}
.mat-toolbar.mat-primary {
  background: #673ab7;
  color: #fff;
}
.mat-toolbar.mat-accent {
  background: #32abba;
  color: rgba(0, 0, 0, .87);
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}
.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor;
}
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-tooltip {
  background: rgba(97, 97, 97, .9);
}
.mat-tree {
  background: #fff;
}
.mat-nested-tree-node,
.mat-tree-node {
  color: rgba(0, 0, 0, .87);
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, .7);
  background: #323232;
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, .2),
    0 6px 10px 0 rgba(0, 0, 0, .14),
    0 1px 18px 0 rgba(0, 0, 0, .12);
}
.mat-simple-snackbar-action {
  color: #32abba;
}

/* src/styles.css */
body:has(.modal-open) {
  overflow: hidden;
}
.form-control[readonly].myDatePickers {
  background-color: white;
  opacity: 1;
}
.table-responsive {
  margin-bottom: 10px !important;
}
.pointer {
  cursor: pointer;
}
#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 23%);
  z-index: 10;
  cursor: pointer;
}
body.popupOpen {
  overflow: hidden;
}
body.popupOpen {
  overflow: hidden;
}
body.popupOpen {
  overflow: hidden;
}
.readOnly {
  color: #8a8a8a !important;
  font-weight: 600;
}
@supports (-webkit-hyphens:none) {
  .readOnly {
    color: #3e3e3e !important;
    font-weight: 600;
  }
}
.flex-center {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  margin-top: 10px;
  font-size: 15px;
  margin-left: 50px;
}
.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
  font-weight: bold;
  font-size: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
*:focus {
  outline: none !important;
  box-shadow: none;
}
body {
  background: #f7f7f7;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 400 !important;
  overflow-x: hidden;
}
body h2 {
  font-size: 24px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
}
p,
span,
a,
li,
input {
  font-family: "Roboto", sans-serif;
}
body img {
  max-width: 100%;
}
body li {
  list-style-type: none;
}
body ul.pagination li:first-child {
  margin-right: 10px;
}
body a,
body a:hover {
  cursor: pointer;
  text-decoration: none;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}
.borderError {
  border-bottom: 1px solid #eb6868 !important;
}
form input::-webkit-outer-spin-button,
form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form input[type=number] {
  -moz-appearance: textfield;
}
.green {
  color: #55b9c5 !important;
}
a.green:hover {
  color: #098493 !important;
}
.mobile-only {
  display: none !important;
}
.desktop-only {
  display: inline-block !important;
}
main {
  padding-top: 48px;
}
.site-btn {
  box-shadow: none;
  background: transparent;
  border: 1px solid #32abba;
  height: auto;
  text-align: center;
  border-radius: 50px;
  padding: 4px;
  display: block;
  background-color: #32abba;
  color: #fff;
  cursor: pointer;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.site-btn:hover {
  background: #098493;
  color: #fff;
  border-color: #098493;
}
app-dashboard {
  padding: 0 !important;
}
section.all-page-content {
  padding: 0;
  position: static;
}
.success-pop .login-panel .back-to-login {
  display: none;
}
app-root {
  min-height: 1200px;
  overflow: hidden;
}
app-root.client-set {
  margin-bottom: 50px;
}
app-root.notification-all,
app-root.account-update-all {
  position: relative;
  max-height: 1100px;
  overflow: hidden;
}
app-root.edit-curr {
  min-height: 8000px;
  overflow: hidden;
}
app-root.my-profile-pg {
  position: relative;
  overflow: hidden;
  min-height: 1200px;
  overflow: visible;
}
app-root.profile-info {
  position: relative;
  min-height: 1600px;
  overflow: hidden;
}
app-root.account-update-all {
  max-height: 650px;
  min-height: 650px;
  position: relative;
  overflow: hidden;
}
app-root.view-acc-log {
  max-height: 1400px;
  min-height: 650px;
  position: relative;
  overflow: hidden;
}
app-root.vir-table,
.success-only,
app-root.success-export-pg {
  max-height: 1000px;
  min-height: 1000px;
  overflow: hidden;
  position: relative;
}
app-root.acc-info-merch {
  min-height: 700px;
  max-height: 700px;
}
app-root.parameters-merch {
  position: relative;
  min-height: 1700px;
  overflow: hidden;
}
app-root.payment-requirements {
  position: relative;
  min-height: 1700px;
  overflow: hidden;
}
app-root.edit-notes {
  position: relative;
  min-height: 1700px;
  overflow: hidden;
}
app-root.distri-mob {
  min-height: 6200px;
  overflow: hidden;
}
app-root.additional-settings-merch {
  min-height: 1900px;
  max-height: 1900px;
}
app-root.chargeback-merch {
  min-height: 900px;
  max-height: 900px;
}
app-root.medium-height {
  max-height: 850px;
  min-height: 850px;
  overflow: hidden;
  position: relative;
}
app-root.edit-curr {
  min-height: 8000px;
}
.cross-all {
  max-width: 24px;
  cursor: pointer;
}
.cust-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 12px;
}
.cust-scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}
.cust-scroll::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
.show-all-notify,
.show-my-profile,
.account-update,
.show-my-export-file,
.success-export,
.show-share-email,
.success-shared,
.add-new-merchant-tab,
.edit-merchant-section,
.add-new-sites-tab,
.edit-sites-section,
.add-new-products-tab,
.edit-products-section,
.contactus-pg,
.view-av-cv-table,
.upload-fraud-control,
.show-my-table,
.capture-order-table,
.record-order-table,
.success-pop,
.refund-order-table,
.external-id-table,
.virtual-settings-table,
.edit-table-customer,
.view-customer-table,
.custom-tables,
.contactus-pg,
.success-pop,
.custom-tables {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  background: rgb(247, 247, 247);
  max-height: 100%;
  z-index: 999;
}
.contactus-pg {
  display: block;
  padding: 0;
}
.success-export {
  background: rgba(247, 247, 247, 0.8);
}
.notification-table {
  position: relative;
  left: 0;
  right: 0;
  top: 68px;
  bottom: 0;
  margin: auto;
  max-width: 475px;
  max-height: 950px;
  background: #fff;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2);
  height: 100%;
}
.custom-tables.notification-table {
  position: absolute;
}
.notification-menu-detail {
  padding: 15px;
  background: #fff;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.notification-menu-detail .float-left h2 {
  margin: 0;
}
.notification-menu-detail .float-right h2 {
  color: #676767;
  cursor: pointer;
  margin: 0;
}
.notification-table .table-header .mark-read a {
  padding: 0 6px;
  cursor: pointer;
}
.notification-table .table-header .heading span:not(.groupNameSpan):not(.defaultWarning) {
  font-size: 11px;
  background: #fa9830;
  padding: 3px 6px;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  vertical-align: middle;
}
form {
  max-width: 250px;
  margin: auto;
}
.form-control:disabled,
.form-input:disabled {
  background: transparent;
}
.form-control {
  border-radius: 0;
}
@supports (-webkit-hyphens:none) {
  .form-control {
    padding: 0 0 !important;
  }
}
.notification-table form label {
  color: #838383;
  margin: 0;
  font-size: 13px;
  width: 100%;
}
.custom-tables .form-group {
  position: relative;
  overflow: visible;
}
.notification-table form input,
.notification-table form select,
.notification-table form textarea {
  border: 0;
  border-bottom: 1px solid #c1c6c9;
  border-radius: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 15px;
  height: 18px;
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
}
.notification-table form .country-phone input {
  min-height: 30px;
}
.notification-table form .country-phone.country-phone-code-error-div input {
  border-bottom: 1px solid red;
}
#merch_acct_support_phone_id1 {
  margin-top: 14px !important;
}
#merch_acct_support_phone_id2 {
  margin-top: 14px !important;
}
@supports (-webkit-hyphens:none) {
  .notification-table form input,
  .notification-table form select,
  .notification-table form textarea {
    border: 0;
    border-bottom: 1px solid #c1c6c9;
    border-radius: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 10px !important;
    height: auto !important;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
  }
}
.notification-table form textarea {
  min-height: 90px;
}
.form-group .mat-select-arrow-wrapper .mat-select-arrow,
.input-group .mat-select-arrow-wrapper .mat-select-arrow,
.private-label-group .mat-select-arrow-wrapper .mat-select-arrow {
  width: initial;
  height: initial;
  border-left: initial;
  border-right: initial;
  border-top: initial;
  margin: 0 1px;
}
.form-group mat-form-field {
  width: 100%;
}
.notification-table form select,
.form-group .mat-select,
.input-group .mat-select,
.private-label-group .mat-select {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABNCAMAAADNXPckAAABdFBMVEUAAAArqqoktrZAn78zs7Muork7sbE3pLYzqrs5qrgzpr8urrk3prwzrbgvqr0urbY1p7kzqrsxrb0wp7cuqrkyqrgvqLw0qrczrLkyqLsxqrwvrLg0rrkzqrsyrLwwqrozrbgwrbwyrbsxqrw0rbozqrsxrbkzrbgxrbw0qrkyqrw0rLozqrsxqrozrLkyqroyq7sxrLsxqrkzq7oyqrkxq7kyrLoxqroyqroxrLkzq7oyq7oyrLoyqrszq7oxq7ozqrsxq7kzq7oyq7oxq7oxrLkzq7oyq7kxq7ozrLoyq7syq7kyrLoxrLkzq7oyq7oyq7oxq7oyq7oyq7oyq7oxq7oyq7oyq7oyqroyq7oyqroyq7oyrLoyq7syq7oyrLkyq7ozq7oyrLoyq7oyrLozq7oyq7oyq7kxq7oyq7oyq7oyq7oyq7oyq7oyq7syq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7r///9fLwRRAAAAenRSTlMABgcICgsNDg8SFBYXGRscHR4fICEkJicoKSorLC0uMDI1ODk7PD5BREVISktOUFFSU1RVV1hcXWBiZGdrbHN3eHx9hYaHiIuMjY6PkJaXtry/wMPIycvM0NLT1dbY2tzd3t/h4uPl5+jq7O7v8fL09fb3+Pn6+/z9/kEJzowAAAHYSURBVHja7dhVUwMxEMDxhaLF2uJa3KW4uxV390Jxh3K5/fTM3FDg2ksuWR4YZvi//54y2UwWBLUHEM+agZQfjfwUO4EfjavbMfxslGDJegRNDavYITSnD8jbfh0jdb+s7WIYFeuSs50aWqR1ytimEFoWarK3ja/I6bXBztY8IbenGrGtfkRBj9UiW3aHwu7K+Lb0Fm26LeXZwiu07arA2uZdokSXeVY2K4hSBbOirecUJTv1RNq0Q5TuMM1sUw9QoR3nd5u8jUptJ3/ZxHVUbD0hbB3LqNyy4wPPqjnTOPcwCtbcBvYhqWYDt9Jwm4FdjGKZC4zmKXgmfFSLuirVFx0QrrhvWKnefPjvvz9Rfu/klEKTfUUAP7hVC+FbNYeE5sDIo1MwyzBwx68NwEyNYpkbjGaIA/DnbxXELqnapRj4LG5Vza7EwbcSN1TsWjyYStqSt5tJEJFzV9buOiGqlH05u5cCFqUfy9ijdLDMHbC3ARdwyj63s+fZwC33QmwvckBQybXIXheDMO8N3954waaKe569Lwfbqh6s7UMlSFT3bGWfa0Gq+pdo+1IPkvneIu2bD6TrZmartYNCPSbNekCpQc6/nbStoO9J6BuaaSDVEkQ8aQN+75DRIoLM/cwoAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: right 0px;
  height: 20px;
  background-color: transparent;
}
.login-pg-main {
  position: relative;
  top: 68px;
  margin: auto;
  width: 100%;
  max-width: 640px;
  max-height: 900px;
}
.account-update .login-pg-main {
  max-width: 750px;
}
.login-panel {
  background: #fff;
  border: 1px solid #b7b7b7;
  border-radius: 12px;
  padding: 30px 30px 40px;
  margin-bottom: 20px;
  min-height: 365px;
  position: relative;
}
.login-upper,
.login-assistance,
.reset-password,
.show-success {
  max-width: 250px;
  margin: auto;
}
.show-success {
  max-width: 420px;
}
.login-panel h2 {
  margin-bottom: 26px;
}
.login-panel label {
  color: #838383;
  margin: 0;
  font-size: 13px;
  width: 100%;
}
.login-panel input {
  border: 0;
  border-bottom: 1px solid #c1c6c9;
  width: 100%;
  margin-bottom: 15px;
  height: 20px;
  font-size: 15px;
}
.login-panel input.login-btn {
  box-shadow: none;
  background: transparent;
  border: 1px solid #838383;
  height: auto;
  border-radius: 50px;
  max-width: 122px;
  padding: 4px;
  margin: 35px auto 15px;
  display: block;
  color: #838383;
}
.login-panel input.login-btn:hover {
  background: #32abba;
  color: #fff;
  border-color: #32abba;
}
.account-update .login-panel {
  min-height: 1px;
  padding: 20px 20px 10px;
  display: block !important;
}
.sucess-password.success-added.login-panel {
  min-height: 1px;
  padding: 30px 30px 20px;
}
.sucess-password.login-panel .login-btn {
  margin-top: 40px;
  background-color: #32abba !important;
  color: #fff;
  border-color: #32abba;
}
.account-update .sucess-password.login-panel .login-btn {
  margin-top: 25px;
}
.sucess-password.login-panel .login-btn:hover {
  background-color: #098493 !important;
  border-color: #098493;
}
a.back-to-login {
  position: absolute;
  top: 14px;
  left: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAMAAABM3rQ0AAAASFBMVEUAgIAA//8tpbQxqrYzsL45qrgAgIAA//8tpbQxqrYxq7oxrbkyqboyq7gyq7kyq7oyrLsysLgzqbozq7kzq7ozrLkzsL45qrgNtnjJAAAABnRSTlMAAAAAAABupgeRAAAASElEQVR42kXNSQ6AMAxD0YRSKGX4QBnuf1OUQsTuyYodUVUR6ebDFMKwgKm9oKrfqWpS4dW48inj2iz777zrsj1XjPcJ/nfKDzSGBNg8K+pUAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: left 4px;
  background-size: 6px;
  padding-left: 12px;
}
a.forgetpass,
.back-to-login {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.save-cancel-my-profile {
  max-width: 610px;
  overflow: hidden;
  position: relative;
  top: 50px;
}
.save-cancel-my-profile .col-lg-6 {
  padding: 0;
  width: 50%;
}
.save-cancel-my-profile a.site-btn,
.save-cancel-my-profile button.site-btn {
  min-width: 110px;
  float: left;
  color: #fff;
  font-size: 12px;
  padding: 6px 12px;
}
.save-cancel-my-profile a.site-btn.cancel-btn {
  background-color: transparent;
  border-color: #848484;
  color: #848484;
}
.save-cancel-my-profile a.site-btn.cancel-btn:hover {
  background-color: #32abba;
  border-color: #32abba;
  color: #fff;
}
.save-cancel-my-profile a.site-btn.save-btn,
.save-cancel-my-profile button.site-btn.save-btn {
  float: right;
  color: #fff;
}
bs-datepicker-container {
  max-width: 280px;
}
bs-datepicker-container .bs-datepicker-container {
  padding: 0;
}
.show-my-export-file .notification-table {
  max-width: 80%;
  background: transparent;
  box-shadow: none;
}
.show-my-export-file .table-bg {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.show-my-export-file .save-cancel-my-profile {
  max-width: 100%;
  top: 0px;
  padding-bottom: 40px;
}
.show-my-export-file .save-cancel-my-profile .col-lg-6 {
  padding: 0 15px;
}
.top-menu-section {
  background: #fff;
  padding: 20px;
  padding-right: 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.top-menu-section .search-section h2 {
  font-weight: 700;
}
.search-form form {
  border-bottom: 1px solid #cbcfd2;
  margin-left: 0;
}
.search-form input {
  border: 0;
  outline: 0;
  box-shadow: none;
  padding: 0;
  height: 22px;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
}
.search-form .search-btn {
  position: absolute;
  right: 0;
  bottom: -4px;
  z-index: 9;
}
.search-form .search-btn button {
  padding: 0;
}
.search-form input:focus,
.search-form .search-btn button:focus {
  box-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
form input::placeholder {
  color: #b5b5b5;
  opacity: 1;
}
form input:-ms-input-placeholder {
  color: #b5b5b5;
}
form input::-ms-input-placeholder {
  color: #b5b5b5;
}
.fa-search {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAhCAMAAABkz+JgAAAA7VBMVEUAAAAAAACAgICAgIBmZmZtbW1xcXFdXV1tbW1jY2Nra2tmZmZoaGhqampmZmZkZGRqampoaGhkZGRqamplZWVra2tnZ2dmZmZpaWlqampmZmZnZ2dqampoaGhnZ2doaGhqampnZ2dqampoaGhnZ2dpaWloaGhnZ2dpaWlnZ2doaGhnZ2doaGhoaGhpaWlnZ2doaGhpaWloaGhoaGhnZ2doaGhnZ2dnZ2doaGhpaWloaGhpaWlpaWlpaWloaGhoaGhoaGhpaWloaGhoaGhpaWloaGhnZ2dnZ2dpaWloaGhoaGhnZ2dpaWloaGj///9upKrnAAAATnRSTlMAAQIEBQcJCw4SExQWGBkcHSAhJCYrLzIzNTc5Ojs+QEFDRkxPUFFSVVdYWVtgYWNlZmdpamxvcnN1dnd6fH1/gIGChIaHiIqLjI6PkpOuzF2dAAAA00lEQVR4Ad3NaTPDQADG8f9aGgd1FHW3VOtQlDpoSrclEQnf/+sYM47sZjObF175vXzmP/Pw15bvXsLnQV2Qq/J0Og2M1UZNchz6ki/1QGJzcM6vSohFWZFWa5OlPDTBOCbvAV21hWl3B51QmK5nMAww+SV3czWHYYRpo4FOKnBNjW0ybmfRvJLlRaSdbWKx/ij4sXbZwqaafN/Jfi/p2qNJNdySlFb78QpLcbeJ1cTevd9rl4HPaB+X+ffOSZHo2B29XRSJOke4LEbDKVwWbgT/2wdg9hPMrA6iJQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  font-style: normal;
  width: 28px;
  height: 28px;
}
.advance-filters-section .row {
  align-items: flex-end;
  max-width: 94%;
}
.reset-filter,
.advance-filter {
  margin-top: 10px;
}
.reset-filter a,
.advance-filter a,
.hide-advance-filter {
  font-size: 12px;
  font-weight: 600;
  color: #eb6868 !important;
  font-family: "Roboto", sans-serif;
}
.advance-filter a {
  color: #55b9c5 !important;
}
.advance-filter a.text-danger {
  color: #eb6868 !important;
}
.text-danger {
  font-size: 12px !important;
}
.error-message {
  font-size: 16px !important;
  color: #eb6868 !important;
}
.advance-filters-section {
  overflow: hidden;
  background: #fff;
  padding: 20px 30px 10px;
  position: relative;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  top: 3px;
}
.reset-advance-filters .reset-filter {
  float: left;
}
.reset-advance-filters .advance-filter {
  float: right;
}
.advance-filters-section .search-form .search-btn {
  left: 0;
  right: auto;
}
.advance-filters-section .search-form input {
  padding-left: 44px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABNCAMAAADNXPckAAABdFBMVEUAAAArqqoktrZAn78zs7Muork7sbE3pLYzqrs5qrgzpr8urrk3prwzrbgvqr0urbY1p7kzqrsxrb0wp7cuqrkyqrgvqLw0qrczrLkyqLsxqrwvrLg0rrkzqrsyrLwwqrozrbgwrbwyrbsxqrw0rbozqrsxrbkzrbgxrbw0qrkyqrw0rLozqrsxqrozrLkyqroyq7sxrLsxqrkzq7oyqrkxq7kyrLoxqroyqroxrLkzq7oyq7oyrLoyqrszq7oxq7ozqrsxq7kzq7oyq7oxq7oxrLkzq7oyq7kxq7ozrLoyq7syq7kyrLoxrLkzq7oyq7oyq7oxq7oyq7oyq7oyq7oxq7oyq7oyq7oyqroyq7oyqroyq7oyrLoyq7syq7oyrLkyq7ozq7oyrLoyq7oyrLozq7oyq7oyq7kxq7oyq7oyq7oyq7oyq7oyq7oyq7syq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7r///9fLwRRAAAAenRSTlMABgcICgsNDg8SFBYXGRscHR4fICEkJicoKSorLC0uMDI1ODk7PD5BREVISktOUFFSU1RVV1hcXWBiZGdrbHN3eHx9hYaHiIuMjY6PkJaXtry/wMPIycvM0NLT1dbY2tzd3t/h4uPl5+jq7O7v8fL09fb3+Pn6+/z9/kEJzowAAAHYSURBVHja7dhVUwMxEMDxhaLF2uJa3KW4uxV390Jxh3K5/fTM3FDg2ksuWR4YZvi//54y2UwWBLUHEM+agZQfjfwUO4EfjavbMfxslGDJegRNDavYITSnD8jbfh0jdb+s7WIYFeuSs50aWqR1ytimEFoWarK3ja/I6bXBztY8IbenGrGtfkRBj9UiW3aHwu7K+Lb0Fm26LeXZwiu07arA2uZdokSXeVY2K4hSBbOirecUJTv1RNq0Q5TuMM1sUw9QoR3nd5u8jUptJ3/ZxHVUbD0hbB3LqNyy4wPPqjnTOPcwCtbcBvYhqWYDt9Jwm4FdjGKZC4zmKXgmfFSLuirVFx0QrrhvWKnefPjvvz9Rfu/klEKTfUUAP7hVC+FbNYeE5sDIo1MwyzBwx68NwEyNYpkbjGaIA/DnbxXELqnapRj4LG5Vza7EwbcSN1TsWjyYStqSt5tJEJFzV9buOiGqlH05u5cCFqUfy9ijdLDMHbC3ARdwyj63s+fZwC33QmwvckBQybXIXheDMO8N3954waaKe569Lwfbqh6s7UMlSFT3bGWfa0Gq+pdo+1IPkvneIu2bD6TrZmartYNCPSbNekCpQc6/nbStoO9J6BuaaSDVEkQ8aQN+75DRIoLM/cwoAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: right 15px;
  height: 35px;
}
.filter-section .filter-head {
  font-size: 12px;
  color: #7b7b7b;
  font-weight: 600;
}
.filter-section .filter-head,
.filter-section .filter-list {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.filter-section .filter-list {
  padding-left: 10px;
}
.filter-section .filter-list li {
  display: inline-block;
  vertical-align: middle;
}
.filter-section .filter-list li a,
.filter-section .filter-list li input {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  padding: 2px 22px;
  border: 1px solid #9b9b9b;
  border-radius: 30px;
  color: #9b9b9b;
  cursor: pointer;
  margin-right: 4px;
}
.filter-section .filter-list li:last-child a,
.filter-section .filter-list li:last-child input {
  margin-right: 0;
}
.filter-section .filter-list li a.active,
.filter-section .filter-list li input.active,
.filter-section .filter-list li a:hover,
.filter-section .filter-list li input:hover {
  background-color: #32abba;
  border-color: #32abba;
  color: #fff;
}
.filter-section .filter-list li.orcls {
  color: #7b7b7b;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 14px;
  margin-right: 4px;
}
.filter-section .filter-list li input {
  width: 114px;
  height: 28px;
  text-align: left;
  padding-left: 14px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAhFBMVEUAAAAAAABVVVVJSUltbW1gYGBwcHBoaGhmZmZnZ2dnZ2dnZ2dqampnZ2dpaWloaGhpaWloaGhoaGhpaWlnZ2doaGhoaGhnZ2doaGhnZ2dpaWloaGhoaGhoaGhpaWlpaWloaGhpaWlpaWlpaWloaGhnZ2dpaWloaGhoaGhpaWloaGj////9Nf4nAAAAK3RSTlMAAQYHBwgQLC0vNDk6T1BTVV1lZmhpgIOEiI2Ok5aXmZqcnq2ur7a9wMDM0HkJVAAAAAFiS0dEKyS55AgAAAB2SURBVBjTtYvREoFAGEbPT8ISKpZFSKXV+z+gi9UMP3fGmXN15vsY1u3tjbYa0CyBEU8igVXFHdjYdWjTw1HA44HdeBviItlHfYzTOERJJvRR4elc4ZQdFoPSfo+FSY3y/OvyH/fT5/1CPtPLeYbkpXPXF8tMHgKtEVYWF8slAAAAAElFTkSuQmCC);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: right 10px bottom 6px;
}
.filter-section .filter-list li input:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAflBMVEUyq7ozq7o3rbs4rbw4rrw/sL5VucZWusZYusdcvMhgvslhvspyxc9yxdB1xtF3x9F9ytODzNWEzdaGzdaGztaZ1d2b1t2c1t6f2N+j2eCk2uCo2+Kr3OOs3OOt3eSu3eSv3+Sx3+W95Om+5enF5+vK6e3M6u7N6u7W7vH///9QCh3EAAAAAWJLR0QpyreFJAAAAHdJREFUGNO1i8sSwUAUBXuMkCFIwjAIIo8r//+FFkMVl53S1auuc7Bt373RNyPaJTDmgTWwahBg49expYejgRsC7CbbGBfZ3oIgQJInMZpsyjMqhCFUQTngcSj991i53CnPvy7/cT993i+UM72cF5iyDuH6Yl2YOykDEFHgU79iAAAAAElFTkSuQmCC);
}
.filter-section input:hover::placeholder {
  color: #fff;
  opacity: 1;
}
.filter-section input:hover:-ms-input-placeholder {
  color: #fff;
}
.filter-section input:hover::-ms-input-placeholder {
  color: #fff;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom {
  border: 1px solid #32abba;
  border-radius: 0 0 10px 10px;
  min-width: 10px;
  width: auto;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-days,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-months,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-years {
  padding: 0 10px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th {
  text-align: center;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th.prev,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th.next {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAIAAABVpBlvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI4QjVCNUM5RjcyQjExRTlBNjA4QUI5NjdDMjY3M0M4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI4QjVCNUNBRjcyQjExRTlBNjA4QUI5NjdDMjY3M0M4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjhCNUI1QzdGNzJCMTFFOUE2MDhBQjk2N0MyNjczQzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjhCNUI1QzhGNzJCMTFFOUE2MDhBQjk2N0MyNjczQzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6HSOR3AAAAkElEQVR42mL8//8/AwMDkPz97//hF6+nX7nLAuT//ff/7c+fK+8+WX3n8dc/f1i+/v5z+d3HZXcenXr5FqgQqILl0ZdvC28+PPXqLQMMMIlwsDtIiaoL8DIzMkKEGIEGf//z9+r7j+vuPT347NWPv/9AxnOyMBuKCIpxcCjxca+994QR4ggIAFr16vtPgAADAG9sTk3WaW0cAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th.next {
  transform: rotate(180deg);
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th.picker-switch {
  font-size: 12px;
  text-align: center;
  color: #888888;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead tr:last-child {
  display: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom tbody tr td {
  font-size: 10px;
  padding: 2px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-months tbody span,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-years tbody span {
  width: 20%;
  display: inline-block;
}
.filter-section .filter-list li form {
  margin: 0;
}
.select-time {
  padding: 10px 0;
}
.filter-list.dashboard a.green-btn {
  padding: 2px 14px;
}
.filter-section {
  padding: 0;
}
.table-block {
  display: table;
  width: 100%;
}
.graph-section .chart .chartjs-render-monitor {
  max-height: 380px;
  width: 100% !important;
}
.mainChartContainer {
  margin-left: 0px;
  margin-right: 0px;
}
.doughnut {
  min-height: 400px;
  min-width: 200px;
}
.graph-head-btn {
  float: right;
  font-family: Helvetica;
  font-size: 20px;
  text-align: right;
  margin-right: 20px;
}
.graph-heading {
  padding-right: 5px;
  font-size: 24px;
  margin-bottom: 5px;
  line-height: 22px;
}
p.graph-sec-head {
  font-size: 22px;
  margin-right: 15px;
}
p.graph-sec-head,
button.graph-btn {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
button.graph-btn {
  color: #fff;
  font-size: 13px;
  padding: 5px 14px;
  line-height: 20px;
}
.mat-card {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
.graph-flex .mat-card {
  flex-direction: column !important;
}
.graph-section .mat-card {
  padding: 0;
}
.graph-value-div {
  text-align: left;
  width: 74%;
  margin: 0 10px 8px auto;
}
.mat-card.graph-border:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 70%;
  border-right: 2px solid #d0d4d6;
  margin: auto;
}
.graph-detectors {
  float: left;
  padding-left: 65px;
}
.graph-detectors span {
  font-size: 12px;
}
.graphDot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.dotBlueColor {
  background-color: #32ACBB;
}
.textBlueColor {
  color: #32ACBB;
}
.dotRedColor {
  background-color: #DE5E5F;
}
.textRedColor {
  color: #DE5E5F;
}
.dotOrangeColor {
  background-color: #E09530;
}
.textOrangeColor {
  color: #E09530;
}
.dotDarkBlueColor {
  background-color: #0E68A9;
}
.textDarkBlueColor {
  color: #0E68A9;
}
.marginRight15 {
  margin-right: 15px;
}
.legendBlueColor {
  color: #32ACBB;
}
.legendRedColor {
  color: #DE5E5F;
}
.legendOrangeColor {
  color: #E09530;
}
.legendDarkBlueColor {
  color: #0E68A9;
}
.dot {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: white;
  margin-right: 5px;
  line-height: 20px;
}
.dotBackgroundBlueColor {
  background-color: #32ACBB;
}
.dotBackgroundRedColor {
  background-color: #DE5E5F;
}
.dotBackgroundOrangeColor {
  background-color: #E09530;
}
.dotBackgroundDarkBlueColor {
  background-color: #0E68A9;
}
.legendSection {
  font-weight: 700;
  font-size: 20px;
  padding: 5px;
  font-family: "Open Sans", sans-serif;
}
.legendSection2 {
  padding-left: 0px;
  font-size: 12px;
}
.graph-section,
.pie-chart {
  background: #fff;
  margin: 30px 15px 15px;
  padding: 15px 0;
  text-align: center;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  min-height: 400px;
}
.pie-chart {
  margin: 15px 0;
  min-height: 380px;
}
.table-section {
  margin: 15px 0;
}
.graph-pie-section .table-bg {
  table-layout: fixed;
}
.table-bg {
  background: #fff;
  box-shadow: 2px 2px 4px -3px rgba(0, 0, 0, 0.2);
}
.table-head.table-bg {
  box-shadow: 0px 3px 4px -2px rgba(117, 117, 117, 0.5);
  position: relative;
  padding: 12px 0 16px;
  display: table-caption;
  text-align: center;
}
.table-striped tbody tr:nth-of-type(odd) {
  background: #eef1f3;
}
tr.total-row {
  background: #c5e6ea !important;
}
.table.table-bg thead th {
  border: 0;
  color: #6d6d6d;
  font-size: 14px;
  font-weight: bold;
  padding: 0.75rem 0.75rem 0.75rem 0.45rem;
}
.table.table-bg tr td {
  border: 0;
  font-size: 14px;
  color: black;
  padding: 8px;
  position: relative;
  vertical-align: middle;
  font-weight: 400;
}
.table.table-bg tr.total-row td {
  font-size: 20px;
  font-weight: 600;
}
.table-head h2 {
  color: #48464c;
  font-weight: 700;
  margin-bottom: 4px;
}
.table-bg p {
  margin: 0;
  color: black;
  font-size: 14px;
}
.table.table-bg thead th i.filter-img,
i.move-down {
  position: relative;
}
.table.table-bg thead th i.filter-img:before,
i.move-down:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABNCAMAAADNXPckAAABdFBMVEUAAAArqqoktrZAn78zs7Muork7sbE3pLYzqrs5qrgzpr8urrk3prwzrbgvqr0urbY1p7kzqrsxrb0wp7cuqrkyqrgvqLw0qrczrLkyqLsxqrwvrLg0rrkzqrsyrLwwqrozrbgwrbwyrbsxqrw0rbozqrsxrbkzrbgxrbw0qrkyqrw0rLozqrsxqrozrLkyqroyq7sxrLsxqrkzq7oyqrkxq7kyrLoxqroyqroxrLkzq7oyq7oyrLoyqrszq7oxq7ozqrsxq7kzq7oyq7oxq7oxrLkzq7oyq7kxq7ozrLoyq7syq7kyrLoxrLkzq7oyq7oyq7oxq7oyq7oyq7oyq7oxq7oyq7oyq7oyqroyq7oyqroyq7oyrLoyq7syq7oyrLkyq7ozq7oyrLoyq7oyrLozq7oyq7oyq7kxq7oyq7oyq7oyq7oyq7oyq7oyq7syq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7r///9fLwRRAAAAenRSTlMABgcICgsNDg8SFBYXGRscHR4fICEkJicoKSorLC0uMDI1ODk7PD5BREVISktOUFFSU1RVV1hcXWBiZGdrbHN3eHx9hYaHiIuMjY6PkJaXtry/wMPIycvM0NLT1dbY2tzd3t/h4uPl5+jq7O7v8fL09fb3+Pn6+/z9/kEJzowAAAABYktHRHtP0rX8AAAB5klEQVQYGe3BaVcSUQAG4LfGUjENSEsrc6m0LAkxza0M1IQspLIyKysM931j5v31nRkQGZjl3vutc3weeBjMkn8jUJKkJQkF0yyagrQES+KQlGCZOKS8ps0kJLyinTEBYeMGKxjjEDSss4o+DCFDeTrID0FA/wkdnfTD19Njujh+Ah+9B3R10AtPPfv0sN8DD1079LTTBVed2/Sx3QkXdzboa+M2HLWuU8B6Kxw05ygk14wq4RUKWgmjQuMyhS03wubaT0r4FkCZ+kVKWaxHSe0CJS1cRZGWobSMhoK3VJCEJaxTQT4EU5RKIjANUEkMpqBOBXoQlndUkEKBljYoyUhrONM+NilltA0XLvwX2kZn3kiYGbuLM1raoCTjvYaCOSqYgyVsUIF+HabnVBKBaYBKYjDdyFOBHoIlRQUpFGgZSstoKLo8T0nzl1BS85FSPtSgTO1nSvh0BTZ1XynsSx0qBJYoaCmAKg0/KOR7Axw0/aaAX01wFMrSVzYIFy2r9LHaAle31uhp7SY83Nukh812eOrYoqutDvi4v0sXu93w9XCPjvYeQMDjQzo4fAQhfUesctQHQdFTVjiNQtgLnTb5QUgY0VlGH4GUlzxnTEBSgiVxSJtm0RQUJGmZhZJnOfJPDO7+AZDRIoK1balsAAAAAElFTkSuQmCC);
  background-size: 8px;
  width: 10px;
  height: 10px;
  position: absolute;
  background-repeat: no-repeat;
  right: -15px;
  bottom: 0;
  margin: auto;
  top: 0;
}
i.move-down:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAhCAMAAAC7gZh/AAAAh1BMVEUAAAAktrYrqqouorkurbYurrkvqLwvqr0wp7cwqroxqrkxqroxqrwxq7kxq7oxrLkxrLsxrbwxrb0yqLsyqrgyqrkyqroyqrsyqrwyq7kyq7oyq7syrLkyrLoyrLwyrbszpr8zqrszq7ozrLkzrLozs7M0qrc0qrk0rbo0rrk1p7k3pLZAn7+0GXWtAAAAAXRSTlMAQObYZgAAAMZJREFUeNqd09kOwiAQQNHrvreuaKlbcdf+//cZjdFUqTCc9xsyMABM4tgIxObCQ260WJwDiQ6QwFgHqTMLC3cMw8Iu7bAwg31ItwfykDAHqMi7Kk8HYRYdeLlForDGWya80I+t8s3UloLGyjNs8KXllS1b/Mg8zlxdsZi6wylWx8TxCZuUWAveoajzr+vwRz8ty9INNu4dOuNwsncjnBa2boGH1DIgXnrfncGTKnYKb/PCgiJgPt0AkegdQlCZIKaM1qZLmTtBUnk5JwRb/gAAAABJRU5ErkJggg==);
  right: 4px;
  height: 8px;
  width: 12px;
  background-size: 12px;
}
i.rev-down.move-down:before {
  transform: rotate(180deg);
  top: -4px;
}
.fa-export {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAjCAYAAAAaLGNkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABEZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAANygAwAEAAAAAQAAADwAAAAAQrZ1ugAAACF0RVh0Q3JlYXRpb24gVGltZQAyMDIwOjA3OjExIDIzOjA0OjI2EdrVIwAAAjBJREFUWEfNmM1KW0EYht+knhibxqBBbGmhJV2J0kUUsYjudN9FF111VSleggsXLnoHLQQvwIV3YMFFhKLSuvB3FdGVij9pY6zmh9h57ZyYxZzUMzOJfSCETOCbJzPfnHPeBJLzC9e4Z4Ly/V7550oMdHXgRTSCeDgkR/Q4vSpi7/wC34+zcuQWT4mWQAAzg31ItEewdZbD0e8r+Y0e3Q/DGH4cx3mpjHdfl1G+vp3WU2J+/DUyuQtMLa+jIsdM4d5/GnqFihCYWtn4OyhQ9gS3IOo4VgUIa7EmV5dzuCglnose+HZ4YlXAhTW5vewzF6VEvDWEo0uzHqgH+6u20f+LI6qUmN3Zxez2rvzUeJQSPC6N6AcvtLajo9XB55EkYiFHjpihJZEtlESH/0JqtN+KiHZjftnKIH1wbEVEW4LYEjGSIDZEjCWIqUj1BvY28Qzthnv7JvEU+WIZ7xdXUah4H/KJngTETRopeS2qroQTDCL0wOwVhKgs4AR+sPZ4N9n7EqNPuvAx/QM/iyU5qsZzJUzwI6DCWMJUgBhJ2BAg2hK2BIiWxCOnBX2dMSsCREsiL56YJ5fWrAgQ48a0gVLigzjHPMvNQinBC57fq54JSonTQhHdbWH5yT5MY4yFLkqJfZEZe0X3N6JhWJNxkLnURTkPQ2sml7+JbDZFWIs1mUdrg3HdQDw3NnQTB5nGTMMQt5eryx83vbp5t0DswszIWMhUZgL7jNvs66+B5gH8AfLz5UF74OkoAAAAAElFTkSuQmCC);
  display: inline-block;
  background-size: 14px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: 8px;
}
.fa-share {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAAAolBMVEUyq7ozq7o0rLs5rrw6rr0/sL5Asb9EssBEs8BMtsNNtsNRuMVVucZXusZcvMhdvclfvclmwMxnwcxuxM9vxM9xxc9yxdB1xtB1xtF2x9F3x9F8ydN9ytODzNWGzdaGztaIzteL0NiS09qU09uY1dyZ1d2d196f2N+g2N+h2N+j2eCl2uGm2uGs3eO04OW24ee95OnM6u7O6+/T7fDU7fH///85R/V9AAAAYklEQVR4AZXINZYCARQAsOzi7u4yuDDA/c9GxXu/JWXQeaXB8wreGdGtD6nI8AiPsaBwn0DS3HX/AMXNqj6ChNp2+o/yYZFV/SatS6+UrHPEpL3MEzL4KQdwEplVoHHeR3M+nl0LP0AjnKUAAAAASUVORK5CYII=);
  display: inline-block;
  background-size: 18px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: 8px;
}
form .form-group {
  margin: 0;
}
.overflow-hidden {
  overflow: hidden !important;
}
.leftAlign {
  text-align: center;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #55b9c5 !important;
}
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #55b9c5 !important;
}
.mat-card {
  box-shadow: none !important;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src:
    local("Material Icons"),
    local("MaterialIcons-Regular"),
    url("./media/MaterialIcons-Regular-6L3Y2GNX.ttf") format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

/* src/styles.scss */
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked {
  background: #32abba !important;
  color: #fff !important;
}
.mat-mdc-select-panel,
.mat-mdc-autocomplete-panel {
  background-color: #ffffff !important;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
  border-radius: 4px !important;
  padding: 8px 0 !important;
}
.mat-mdc-option {
  background-color: #ffffff !important;
}
.mat-mdc-text-field-wrapper,
.mat-mdc-form-field-infix {
  padding-left: 0 !important;
}
.mdc-floating-label {
  left: 0 !important;
  transform: translateX(0) !important;
}
.mat-mdc-form-field.mat-form-field-should-float .mdc-floating-label {
  transform: translateY(-25px) scale(0.75) !important;
  left: 0 !important;
}
.mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: #55b9c5 !important;
}
.mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper {
  border-bottom: 2px solid #55b9c5 !important;
}
.mat-mdc-form-field .mat-mdc-input-element {
  caret-color: #55b9c5 !important;
}
.mat-mdc-form-field-icon-suffix {
  padding-right: 0 !important;
  margin-left: auto !important;
}
.mat-mdc-select-panel input {
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #c1c6c9;
  padding-top: 0;
  padding-bottom: 0;
  height: 3em;
  line-height: 3em;
  color: rgba(0, 0, 0, 0.42) !important;
}
.no-arrow .mat-mdc-select-arrow-wrapper {
  display: none !important;
}
.no-arrow .mat-mdc-select-trigger {
  padding-right: 0 !important;
}
.mat-mdc-select-arrow-wrapper,
.mat-mdc-select-arrow {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}
.mat-mdc-select-trigger {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.mat-mdc-form-field-icon-suffix .mat-datepicker-toggle,
.mat-mdc-form-field-icon-suffix mat-icon {
  display: none !important;
}
mat-select {
  border-bottom: 1px solid #c1c6c9 !important;
}
.mat-mdc-select-placeholder {
  color: rgba(0, 0, 0, 0.42) !important;
}
mat-select[formControlName=authCurrency] {
  border-bottom: 1px solid #c1c6c9 !important;
  padding-bottom: 4px;
  display: block;
  width: 100%;
}
.mat-mdc-select-arrow-wrapper {
  display: none !important;
}
.cover-input-panel {
  background-color: #ffffff !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid #c1c6c9 !important;
  margin-top: -5px;
}
.cdk-overlay-pane:has(.cover-input-panel) {
  transform: translateY(-35px) !important;
}
.mat-mdc-option:has(ngx-mat-select-search) {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white !important;
  border-bottom: 1px solid #eee;
}
.mat-mdc-option .mdc-list-item__primary-text {
  color: #55b9c5 !important;
  font-size: 14px !important;
}
.mat-mdc-option:has(ngx-mat-select-search) {
  border-bottom: none !important;
  box-shadow: none !important;
}
ngx-mat-select-search .mat-select-search-inner {
  border-bottom: none !important;
  box-shadow: none !important;
}
ngx-mat-select-search {
  background: #ffffff !important;
}
.mat-select-search-container {
  border-bottom: none !important;
}
.mat-mdc-select-value-text {
  color: #55b9c5 !important;
}
.mat-mdc-option:not(.mat-mdc-option-multiple) .mat-pseudo-checkbox {
  display: none !important;
}
.mat-mdc-option:not(.mat-mdc-option-multiple) .mdc-list-item__content {
  padding-right: 0 !important;
}

/* src/assets/styles/responsive.css */
@media only screen and (max-width: 1199px) {
  .flex-center {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    margin-top: 10px;
    font-size: 15px;
    margin-left: 20px;
  }
  header {
    height: 48px;
  }
  header .logo {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0;
  }
  header .mobile-menu {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0;
  }
  body.body-bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(234, 234, 234, 0.96);
    width: 100%;
    height: 100%;
    z-index: 9;
  }
  .sucess-password-cont.success-added.login-panel {
    position: relative;
    top: 80px;
    max-width: 90% !important;
    padding: 20px !important;
  }
  .menu-name img {
    max-width: 40px;
  }
  .menu-name p,
  .menu-name img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  .menu-name p {
    font-size: 16px;
    font-weight: 700;
  }
  app-sidebar aside.sidemenu {
    display: none;
    position: fixed;
    right: 0;
    z-index: 99;
    flex: 0 0 230px;
    max-width: 230px;
    overflow: auto;
    height: 100%;
    padding-top: 60px !important;
  }
  aside.sidemenu .collapse-menu {
    display: none;
  }
  aside.sidemenu .menu-copyright {
    padding: 0;
    background: #fff;
  }
  .mobile-menu-detail,
  .notification-menu-detail {
    display: none;
    position: absolute;
    background: #fff;
    height: 60px;
  }
  .notification-menu-detail {
    display: block;
  }
  app-root.risksc {
    min-height: 1100px;
    overflow: hidden;
    position: relative;
  }
  app-root.merch-only {
    min-height: 1100px;
    overflow: visible;
    position: relative;
  }
  app-root.product-page-main {
    min-height: 1200px;
    overflow: hidden;
    position: relative;
  }
  app-root.samp-full-height {
    min-height: 1200px;
    overflow: hidden;
    position: relative;
  }
  app-root.edit-merch-sec {
    min-height: 2200px;
    overflow: hidden;
    position: relative;
  }
  app-root.edit-mer {
    max-height: 2320px;
    min-height: 2320px;
    overflow: hidden;
    position: relative;
  }
  app-root.ipad-only {
    min-height: 930px;
    max-height: 930px;
    overflow: hidden;
    position: relative;
  }
  app-root.avs-only,
  app-root.avs-cvv-tables {
    min-height: 750px;
    overflow: hidden;
    position: relative;
  }
  app-root.edit-curr {
    overflow: hidden;
    min-height: 8000px !important;
  }
  app-root.fraud-only {
    min-height: 850px;
    overflow: hidden;
    position: relative;
  }
  app-root.edit-site-only {
    min-height: 850px;
    overflow: hidden;
  }
  app-root.serv-buy-table,
  app-root.buy-rate-top {
    max-height: 800px;
    min-height: 800px;
    overflow: hidden;
    position: relative;
  }
  app-root.fraud-limit-only {
    min-height: 1200px;
    max-height: 1200px;
    overflow: hidden;
    position: relative;
  }
  .mobile-menu-detail img {
    max-width: 45px;
    position: relative;
    top: -12px;
  }
  app-root.repeat-only {
    min-height: 1100px;
  }
  .mobile-menu-detail .float-left {
    padding: 10px 0 12px;
  }
  .mobile-menu-detail .float-right {
    padding: 14px 0;
  }
  .mobile-menu-detail .float-left h2 {
    font-size: 24px;
  }
  .mobile-menu-detail .float-right h2,
  .notification-menu-detail .float-right h2 {
    font-size: 18px;
    color: #969696;
  }
  app-root.notification-all {
    max-height: 600px;
  }
  .show-all-notify .notification-table {
    top: 98px !important;
    max-height: 440px !important;
  }
  .show-all-notify .list-notify ul {
    max-height: 370px !important;
  }
  .list-notify .list-notifications li a {
    width: 90% !important;
  }
  .show-all-notify .header-notify .heading,
  .show-all-notify .header-notify .mark-read {
    width: 49%;
  }
  .show-all-notify .header-notify .heading h2 {
    font-size: 16px;
  }
  .show-all-notify .header-notify .mark-read a {
    font-size: 11px !important;
    padding: 0 4px !important;
  }
  .show-all-notify .header-notify .cross-all {
    max-width: 16px;
  }
  .show-all-notify .header-notify .mark-read {
    padding: 0;
    padding-right: 8px;
  }
  body.body-bg main {
    padding-top: 62px;
  }
  .top-menu-section .search-section h2 {
    display: none;
  }
  .search-section {
    text-align: center;
    max-width: 450px;
    margin: auto;
  }
  .search-form,
  .reset-filter,
  .reset-advance-filters {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
  }
  .reset-filter {
    width: 100px;
  }
  .search-form form {
    margin: 0;
    position: relative;
    z-index: 0;
  }
  .select-time {
    padding-bottom: 0;
  }
  .filter-section .filter-head {
    font-size: 12px;
  }
  .filter-section {
    text-align: center !important;
  }
  .filter-section .filter-list li a,
  .filter-section .filter-list li input {
    font-size: 12px;
    padding: 2px 10px !important;
  }
  .graph-dashboard {
    padding: 0 !important;
  }
  .table-bg {
    table-layout: fixed;
  }
  .table-bg p {
    font-size: 12px;
  }
  .table.table-bg thead th {
    font-size: 10px;
    padding: 8px 4px;
  }
  .table.table-bg tr td {
    font-size: 12px;
  }
  app-root.merchant-page-main {
    overflow: hidden;
  }
  .contact-form-loginbuy-rate .notification-tablebuy-rate,
  .contact-form-loginbuy-rate .save-cancel-my-profilebuy-rate {
    top: 1000px;
  }
  .success-password-cont.login-panel {
    top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-form,
  .reset-filter {
    width: 100%;
    display: block;
    text-align: left;
  }
  .reset-advance-filters .reset-filter,
  .reset-advance-filters .advance-filter {
    width: auto;
  }
  .top-menu-section .search-section h2 {
    display: block;
    font-size: 18px;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  nav.navigation li a {
    font-size: 14px;
  }
  .top-menu-section {
    padding-right: 0;
  }
  .filter-list.dashboard a.green-btn {
    padding: 2px 12px;
  }
  .filter-section .filter-head,
  .filter-section .filter-list li a,
  .filter-section .filter-list li input {
    font-size: 11px;
  }
  .filter-section .filter-list {
    padding-left: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-only {
    display: inline-block !important;
  }
  .desktop-only {
    display: none !important;
  }
  app-root {
    overflow: visible;
  }
  app-root.acc-info-merch {
    overflow: hidden;
  }
  app-root.notification-all {
    min-height: 600px;
  }
  app-root.edit-only {
    min-height: 1700px;
    overflow: hidden;
    position: relative;
  }
  app-root.merch-only {
    min-height: 2500px;
    overflow: visible;
    position: relative;
  }
  app-root.fraud-only {
    min-height: 1500px;
    overflow: hidden;
    position: relative;
  }
  app-root.repeat-only {
    min-height: 1900px;
    overflow: hidden;
    position: relative;
  }
  app-root.view-only,
  app-root.edit-merch-sec {
    min-height: 800px;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }
  app-root.avs-only,
  app-root.serv-buy-table,
  app-root.assign-site,
  app-root.virtu {
    max-height: 1050px;
    min-height: 1050px;
    overflow: hidden;
    position: relative;
  }
  app-root.avs-cvv-tables {
    max-height: 1500px;
    min-height: 1500px;
    overflow: hidden;
    position: relative;
  }
  app-root.buy-rate-top {
    min-height: 950px;
    overflow: hidden;
    position: relative;
  }
  app-root.client-set {
    min-height: 1200px;
    position: relative;
  }
  app-root.my-profile-pg {
    position: relative;
    min-height: 2200px;
    overflow: visible;
  }
  body h2 {
    font-size: 20px;
  }
  .filter-section .filter-list li.orcls {
    display: none;
  }
  .filter-section .filter-list li {
    margin-bottom: 8px;
  }
  .filter-section .filter-head,
  .filter-section .filter-list {
    display: block;
    text-align: center;
    padding: 0;
  }
  .filter-section .filter-head {
    padding-bottom: 12px;
    font-size: 12px;
  }
  .filter-section .filter-list li a,
  .filter-section .filter-list li input {
    font-size: 12px;
    padding: 4px 10px;
    font-weight: 400;
  }
  .filter-section .filter-list li input {
    width: 110px;
  }
  .top-menu-section {
    padding: 20px 0;
  }
  .search-form,
  .reset-filter {
    width: 60%;
  }
  .reset-filter,
  .reset-advance-filters {
    width: 36%;
  }
  .select-time {
    padding-top: 50px;
    position: relative;
    max-width: 280px;
    margin: auto;
    margin-top: 20px;
  }
  .select-time.dashboard-type-filter {
    padding-top: 0;
    max-width: 100%;
    margin-top: 0;
  }
  .from-date {
    width: 85%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
  }
  .to-date {
    width: 0%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
  }
  .login-pg-main {
    min-height: 1px !important;
    top: 48px !important;
  }
  .login-pg-main .menu-copyright ul li {
    line-height: 0.5;
  }
  .login-pg-main .menu-copyright p,
  .login-pg-main .menu-copyright ul li a {
    font-size: 6px !important;
  }
  a.back-to-login {
    top: -24px !important;
    left: -20px !important;
  }
  .success-password.login-panel p {
    font-size: 14px;
  }
  .success-password.login-panel {
    padding: 20px 4px;
  }
  .login-pg-main .progress-checker {
    position: static !important;
  }
  .assistance-success .code-fields form input {
    width: 26px !important;
    height: 48px !important;
    margin: 20px 2px !important;
    padding: 8px 4px;
  }
  .contact-inner {
    padding: 0 15px;
    max-width: 95%;
    margin: 20px auto;
  }
  .contact-form-loginbuy-rate .notification-tablebuy-rate,
  .contact-form-loginbuy-rate .save-cancel-my-profilebuy-rate {
    top: 80px;
  }
  bs-datepicker-container {
    overflow: auto;
    right: 0;
    margin: auto;
    transform: translate3d(0px, 150px, 1px) !important;
  }
  .graph-flex {
    flex-direction: column !important;
  }
  .chartjs-render-monitor {
    width: 100% !important;
    max-height: 240px !important;
  }
  .graph-section {
    min-height: 100%;
    margin: 15px 0;
  }
  .graph-head-btn {
    margin-right: 5px;
  }
  .graph-heading,
  p.graph-sec-head {
    font-size: 15px;
    display: inline-block;
    margin: 0;
  }
  .graph-head-btn b,
  p.graph-sec-head {
    display: inline-block;
    margin: 0;
  }
  button.graph-btn {
    font-size: 11px;
    padding: 2px 10px;
    display: block !important;
    overflow: hidden;
    margin: 0 0 10px auto;
  }
  .mat-card.graph-border:after {
    right: 0;
    top: auto;
    bottom: 0px;
    width: 65%;
    height: 1px;
    border-bottom: 2px solid #d0d4d6;
    margin: auto;
    left: 0;
  }
  .graph-value-div {
    text-align: left;
    width: 130px;
    margin: 0 auto 5px;
  }
  app-root.edit-mer {
    max-height: 700px;
    min-height: 1px;
    overflow: hidden;
  }
}

/* src/assets/styles/fontFamily.css */
.fa-bell,
.fa-user,
.fa-logout-btn {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAMAAAAdgrsPAAABL1BMVEUAAAAAAABVVVWAgIBtbW1xcXFmZmZdXV1mZmZjY2NmZmZtbW1kZGRqampkZGRmZmZnZ2dmZmZqampnZ2dmZmZnZ2dmZmZnZ2dmZmZoaGhpaWlnZ2dqampnZ2dnZ2dpaWlnZ2dpaWlnZ2dnZ2dnZ2doaGhpaWloaGhoaGhoaGhpaWlnZ2dpaWloaGhnZ2dpaWloaGhnZ2dpaWlnZ2dpaWloaGhoaGhnZ2doaGhpaWloaGhoaGhoaGhoaGhoaGhnZ2doaGhpaWloaGhpaWloaGhoaGhoaGhoaGhpaWlnZ2doaGhoaGhoaGhoaGhoaGhoaGhnZ2dnZ2dnZ2doaGhnZ2doaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhtbW1nZ2dubm5oaGhoaGj///8F8kHPAAAAY3RSTlMAAQMEBwkKCw8SFBUXHSEjJSgpKi0vMjk8QERFRkhKS01OT1JUVlpbXWBhY2Rnamtsb3Byd3+AiI6Sk5WWmJueoKGkra6wtba3ubu/wMLExc/Q1NbZ3+Dk5ufo6ers7e7v7/Cx40LxAAAAAWJLR0Rkwtq4CQAAAPJJREFUOMtjYEAFvAq6JjryPAy4AaOKZ5y7nbm9Z4KrLC41Ir5+yixgFrt6gBs/VjWq0TqMcA6zcYwUFjVa4SIofIkoJQw14hECaCJi0YJoIpxhkpj2B7GiCphbY3GBsxEKlzsWW9AIRaAYZeKA1cMemsg8fymsitRdkDgcSSxYFXHFMSE4kj44IiFYGMFWc8KhyAvJGUYWOBQ5qSPYpmY4FFnrIdhmuBRZGYwqGuKKpM2BwCfQFjsIcQfKSjMkJhME8QzSJgSBNKoTDG0gtLcMngKKL1IURCmGsuJRxCAXYamh7RgmwoAXcJk42OmzMZABAMW0PiYFKkdeAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 36px;
  background-position: left;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
}
.fa-user {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAmCAMAAAB9PwLlAAABm1BMVEUAAAAAAACAgIBVVVWAgIBmZmZtbW1gYGBxcXFdXV1qampiYmJtbW1mZmZjY2NmZmZtbW1kZGRqampsbGxoaGhkZGRqampmZmZmZmZnZ2dpaWlmZmZmZmZpaWlnZ2dpaWlqampoaGhmZmZpaWlnZ2dmZmZpaWlnZ2doaGhnZ2dpaWlqampnZ2dnZ2dpaWloaGhpaWlpaWloaGhnZ2doaGhpaWloaGhnZ2dpaWloaGhoaGhoaGhpaWloaGhnZ2doaGhoaGhnZ2dpaWloaGhpaWloaGhpaWloaGhpaWlpaWloaGhoaGhnZ2dpaWlnZ2dpaWlnZ2dnZ2doaGhoaGhpaWloaGhnZ2doaGhoaGhoaGhnZ2doaGhoaGhoaGhnZ2doaGhpaWloaGhoaGhnZ2doaGhoaGhoaGhpaWloaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhnZ2doaGhoaGhoaGhpaWloaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhpaWloaGhoaGhoaGj///+DmVBnAAAAh3RSTlMAAQIDBAUHCAkLDA0ODxIUFRcYGhscHR4jJScoLS4vMzU2Nzg5PD0+QkNERkhKS0xOUFZZXV9iY2RlZ2lrbG1xc3R1dnd4ent8gYKEiIuPkpSZmpucnZ6foKKjpqesr7Gyury+wcLEyMnMzdDR09bY2drb3d7f4OHj5OXm5+jp6uzu8fP09fYOV+lhAAAAAWJLR0SIa2YWWgAAATlJREFUGBnNwWVbwlAAgNF3YmFiY3d3d3cXBnZ3dyC2/m2ficru3fbdc9Dyi0lNsGJKKV96uds7e9/uDMaQfeegygb4F8y7KzCQ+dDqw4+M6z507K4yvCLO6pCtt6GV+BSLqPDIF8GgA5GzEZHt2R/BYxSSzTy0rK/IHLVoRd8iG25HK+hNQTJdi+AiAcl+OoKxXkTx9xYESa5gBDP9SCam0Cq6CkVi3e3BK/U+Cx3b7lwEHpamh0L0Qoc/V6x8a/7YSkIn93I2mV9hHe5uC6IGVwlacRvLgWi1n9oR+Tk3AvAqvolEpixM8yfcnYNe0FElvxwjGMlyheAR9xSGocVWPAZGMZZ9ovDtOA1jynkKqshnBRPjLahKVzFT40RVP4mZ/DVUXUOYSdlH1bs1ZGbyEFV6l7lq/pEvLKs+eHtRmbwAAAAASUVORK5CYII=);
  background-size: 30px;
  width: 30px;
  height: 34px;
}
.fa-logout-btn {
  background-image: url(data:image/png;base64,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);
  width: 30px;
  height: 30px;
  background-size: 30px;
  cursor: pointer;
}
.fa-bell-link a.active .fa-bell {
  background-image: url(data:image/png;base64,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) !important;
}
.fa-user-link a.active .fa-user {
  background-image: url(data:image/png;base64,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) !important;
}

/* src/assets/styles/bs-datepicker.css */
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: none;
  position: relative;
  z-index: 1;
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active,
.bs-datepicker-btns button:hover,
.bs-datepicker-btns button:focus,
.bs-datepicker-btns button:active,
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled],
.bs-datepicker-head button[disabled]:hover,
.bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.next,
.bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span,
.bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 25px;
  min-height: 232px;
  min-width: 278px;
  border: none;
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td span.disabled,
.bs-datepicker-body table td.disabled span {
  color: #9aaec1;
}
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span {
  color: #fff;
}
.bs-datepicker-body table td span.is-other-month,
.bs-datepicker-body table td.is-other-month span {
  color: rgba(0, 0, 0, 0.25);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after,
.bs-datepicker-body table td.active.select-start span:after,
.bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -2px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*=select-],
.bs-datepicker-body table td[class*=select-] span {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table.days td.active:not(.select-start):before,
.bs-datepicker-body table.days td.in-range:not(.select-start):before,
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before,
.bs-datepicker-body table.days span.in-range.select-end:before {
  background: none;
  right: 0;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before,
.bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.select-end:before,
.bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
.bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}
@media (max-width: 768px) {
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td span.selected,
.theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after,
.theme-default .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-green .bs-datepicker-head {
  background-color: #32abba;
}
.theme-green .bs-datepicker-body table td span.selected,
.theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after,
.theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #32abba;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #32abba;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #32abba;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td span.selected,
.theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
  border-radius: 25px;
}
.theme-dark-blue .bs-datepicker-body table td span.selected,
.theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td span.selected,
.theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after,
.theme-red .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td span.selected,
.theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after,
.theme-orange .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

/* node_modules/intl-tel-input/build/css/intlTelInput.css */
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.iti__country {
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name,
.iti__dial-code {
  vertical-align: middle;
}
.iti__flag-box,
.iti__country-name {
  margin-right: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}
.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("./media/flags-645KQKNA.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("./media/flags@2x-E4CMA2OR.png");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

/* angular:styles/global:styles */