/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
ul {
  list-style: none;
}
button,
input,
select,
textarea {
  margin: 0;
}
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
img,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: left;
}
/* You can add global styles to this file, and also import other style files */
[hidden] {
  display: none !important;
}
.igx-display-container {
  display: inherit;
  position: relative;
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.igx-display-container--inactive {
  width: 100%;
}
.igx-drag {
  touch-action: none;
}
.igx-drag--select-disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.igx-drag__handle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.igx-svg-container {
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
}
.igx-radio-group {
  display: block;
}
[class^=igx-],
[class^=igx-] *,
[class^=igx-] *::before,
[class^=igx-] *::after {
  box-sizing: border-box;
}
/* autoprefixer grid: on */
.igx-typography {
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
  line-height: 27px;
  font-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.igx-typography .igx-typography__h1, .igx-typography h1 {
  font-weight: 300;
  font-size: 6rem;
  letter-spacing: -0.09375rem;
  text-transform: none;
  line-height: 7rem;
  margin-top: 1.75rem;
  margin-bottom: 3.5rem;
}
.igx-typography .igx-typography__h2, .igx-typography h2 {
  font-weight: 300;
  font-size: 3.75rem;
  letter-spacing: -0.03125rem;
  text-transform: none;
  line-height: 4.4375rem;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.igx-typography .igx-typography__h3, .igx-typography h3 {
  font-weight: 400;
  font-size: 3rem;
  letter-spacing: 0;
  text-transform: none;
  line-height: 3.5625rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
}
.igx-typography .igx-typography__h4, .igx-typography h4 {
  font-weight: 400;
  font-size: 2.125rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 2.5rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
}
.igx-typography .igx-typography__h5, .igx-typography h5 {
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
}
.igx-typography .igx-typography__h6, .igx-typography h6 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-typography__subtitle-1 {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-typography__subtitle-2 {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-typography__body-1, .igx-typography p {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
}
.igx-typography .igx-typography__body-2 {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-typography__button {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.046875rem;
  text-transform: uppercase;
  line-height: 1rem;
}
.igx-typography .igx-typography__caption {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
}
.igx-typography .igx-typography__overline {
  font-weight: 400;
  font-size: 0.625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  line-height: 1rem;
}
.igx-typography .igx-button, .igx-typography .igx-button--flat, .igx-typography .igx-button--outlined, .igx-typography .igx-button--raised {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.046875rem;
  text-transform: uppercase;
  line-height: 1rem;
  text-align: center;
}
.igx-typography .igx-bottom-nav__menu-item .tab-label, .igx-bottom-nav__menu-item .igx-typography .tab-label, .igx-typography .igx-bottom-nav__menu-item--selected .tab-label, .igx-bottom-nav__menu-item--selected .igx-typography .tab-label {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-banner__text {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-calendar__header-year {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-calendar__header-date {
  font-weight: 400;
  font-size: 2.125rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 2.5rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
  margin: 0;
}
.igx-typography .igx-calendar-picker__date {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-calendar__date-content {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
  margin: 0;
}
.igx-typography .igx-calendar__year--current {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  margin: 0;
}
.igx-typography .igx-card-header__title, .igx-typography .igx-card-header__title--small {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin: 0;
}
.igx-typography .igx-card-header__title--small {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-card-header__subtitle {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-card-content > p {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  margin: 0;
}
.igx-typography .igx-checkbox__label, .igx-typography .igx-checkbox__label--before {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-chip, .igx-typography .igx-chip__ghost, .igx-typography .igx-chip__ghost--cosy, .igx-typography .igx-chip__ghost--compact, .igx-typography .igx-chip--cosy, .igx-typography .igx-chip--compact {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  font-weight: 600;
}
.igx-typography .igx-chip--compact .igx-chip__content,
.igx-typography .igx-chip__ghost--compact .igx-chip__content {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  font-size: 12px;
  font-weight: 600;
}
.igx-typography .igx-column-hiding__header-title {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-dialog__window-title {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin: 0;
}
.igx-typography .igx-dialog__window-content {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
  margin: 0;
}
.igx-typography .igx-drop-down__group label, .igx-drop-down__group .igx-typography label, .igx-typography .igx-drop-down__header {
  font-weight: 400;
  font-size: 0.625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-drop-down__item {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  margin: 0;
}
.igx-typography .igx-expansion-panel__header-title {
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
  margin: 0;
}
.igx-typography .igx-expansion-panel__header-description {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-expansion-panel__body {
  margin: 0;
}
.igx-typography .igx-excel-filter__menu .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__menu .igx-excel-filter__secondary-header > h4 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-excel-filter__secondary .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__secondary .igx-excel-filter__secondary-header > h4 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-excel-filter__sort header,
.igx-typography .igx-excel-filter__move header {
  font-weight: 400;
  font-size: 0.625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  line-height: 1rem;
}
.igx-typography .igx-excel-filter__menu--cosy .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__menu--cosy .igx-excel-filter__secondary-header > h4 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__secondary-header > h4 {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__sort header,
.igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__move header {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  text-transform: capitalize;
}
.igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-pin span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-pin--disabled span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-unpin span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-hide span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-filter span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-clear span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-clear--disabled span {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-excel-filter__menu--compact .igx-checkbox__label, .igx-typography .igx-excel-filter__menu--compact .igx-checkbox__label--before {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-excel-filter__secondary--cosy .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__secondary--cosy .igx-excel-filter__secondary-header > h4 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-excel-filter__secondary--compact .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__secondary--compact .igx-excel-filter__secondary-header > h4 {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-input-group__input, .igx-typography .igx-input-group__textarea {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-input-group__hint {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-input-group igx-prefix, .igx-input-group .igx-typography igx-prefix, .igx-typography .igx-input-group--focused igx-prefix, .igx-input-group--focused .igx-typography igx-prefix,
.igx-typography .igx-input-group [igxPrefix],
.igx-input-group .igx-typography [igxPrefix],
.igx-typography .igx-input-group--focused [igxPrefix],
.igx-input-group--focused .igx-typography [igxPrefix],
.igx-typography .igx-input-group igx-suffix,
.igx-input-group .igx-typography igx-suffix,
.igx-typography .igx-input-group--focused igx-suffix,
.igx-input-group--focused .igx-typography igx-suffix,
.igx-typography .igx-input-group [igxSuffix],
.igx-input-group .igx-typography [igxSuffix],
.igx-typography .igx-input-group--focused [igxSuffix],
.igx-input-group--focused .igx-typography [igxSuffix] {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-navbar__title {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 0;
}
.igx-typography .igx-nav-drawer__item, .igx-typography .igx-nav-drawer__item--active {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-nav-drawer__item--header {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-list__header {
  font-weight: 400;
  font-size: 0.625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-list__item-lines,
.igx-typography .igx-list__item-line-title {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-list__item-line-subtitle {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-radio__label, .igx-typography .igx-radio__label--before {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-snackbar__message {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-switch__label, .igx-typography .igx-switch__label--before {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-slider__label-from .label, .igx-slider__label-from .igx-typography .label, .igx-typography .igx-slider__label-to .label, .igx-slider__label-to .igx-typography .label {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
}
.igx-typography .igx-slider__ticks-label {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
}
.igx-typography .igx-tabs__item-label {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.046875rem;
  text-transform: uppercase;
  line-height: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-time-picker__header-ampm {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-time-picker__header-hour {
  font-weight: 400;
  font-size: 2.125rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 2.5rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
  margin-top: 0;
}
.igx-typography .igx-time-picker__column {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-toast, .igx-typography .igx-toast--top, .igx-typography .igx-toast--middle, .igx-typography .igx-toast--bottom {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  margin: 0;
}
.igx-typography .igx-tooltip--mobile {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-tooltip--desktop {
  font-size: 0.625rem;
  font-weight: 600;
}
.igx-vhelper--vertical, .igx-vhelper--horizontal {
  display: block;
  overflow: auto;
  z-index: 10001;
}
.igx-vhelper--vertical {
  position: absolute;
  width: 18px;
  top: 0;
  right: 0;
}
.igx-vhelper--horizontal {
  width: 100%;
}
.igx-vhelper--vertical .igx-vhelper__placeholder-content {
  width: 1px;
}
.igx-vhelper--horizontal .igx-vhelper__placeholder-content {
  height: 1px;
}
@media print {
  html,
body,
app-root {
    min-height: 100vh;
    min-width: 100vw;
    margin: 0;
    display: block;
  }

  * {
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-print-color-adjust: exact;
  }

  a[href^=http]::after {
    content: "[" attr(href) "]";
    color: blue;
  }

  .igx-no-print,
igx-nav-drawer {
    display: none !important;
  }

  .igx-grid .igx-input-group, .igx-grid--cosy .igx-input-group, .igx-grid--compact .igx-input-group, .igx-grid .igx-input-group--focused, .igx-grid--cosy .igx-input-group--focused, .igx-grid--compact .igx-input-group--focused,
.igx-grid .igx-checkbox,
.igx-grid--cosy .igx-checkbox,
.igx-grid--compact .igx-checkbox,
.igx-grid .igx-radio,
.igx-grid--cosy .igx-radio,
.igx-grid--compact .igx-radio,
.igx-grid .igx-grid__grouparea,
.igx-grid--cosy .igx-grid__grouparea,
.igx-grid--compact .igx-grid__grouparea,
.igx-grid .igx-tooltip,
.igx-grid--cosy .igx-tooltip,
.igx-grid--compact .igx-tooltip,
.igx-grid .igx-tooltip--desktop,
.igx-grid--cosy .igx-tooltip--desktop,
.igx-grid--compact .igx-tooltip--desktop,
.igx-grid .igx-tooltip--mobile,
.igx-grid--cosy .igx-tooltip--mobile,
.igx-grid--compact .igx-tooltip--mobile,
.igx-grid .igx-nav-drawer__aside,
.igx-grid--cosy .igx-nav-drawer__aside,
.igx-grid--compact .igx-nav-drawer__aside,
.igx-grid .igx-overlay,
.igx-grid--cosy .igx-overlay,
.igx-grid--compact .igx-overlay,
.igx-grid .igx-ripple__inner,
.igx-grid--cosy .igx-ripple__inner,
.igx-grid--compact .igx-ripple__inner,
.igx-grid .igx-slider,
.igx-grid--cosy .igx-slider,
.igx-grid--compact .igx-slider,
.igx-grid .igx-slider--disabled,
.igx-grid--cosy .igx-slider--disabled,
.igx-grid--compact .igx-slider--disabled,
.igx-grid .igx-snackbar,
.igx-grid--cosy .igx-snackbar,
.igx-grid--compact .igx-snackbar,
.igx-grid .igx-switch,
.igx-grid--cosy .igx-switch,
.igx-grid--compact .igx-switch,
.igx-grid .igx-time-picker,
.igx-grid--cosy .igx-time-picker,
.igx-grid--compact .igx-time-picker,
.igx-grid .igx-toast,
.igx-grid--cosy .igx-toast,
.igx-grid--compact .igx-toast,
.igx-grid .igx-toast--top,
.igx-grid--cosy .igx-toast--top,
.igx-grid--compact .igx-toast--top,
.igx-grid .igx-toast--middle,
.igx-grid--cosy .igx-toast--middle,
.igx-grid--compact .igx-toast--middle,
.igx-grid .igx-toast--bottom,
.igx-grid--cosy .igx-toast--bottom,
.igx-grid--compact .igx-toast--bottom,
.igx-grid .igx-tabs,
.igx-grid--cosy .igx-tabs,
.igx-grid--compact .igx-tabs,
.igx-grid .igx-navbar,
.igx-grid--cosy .igx-navbar,
.igx-grid--compact .igx-navbar,
.igx-grid .igx-button--flat,
.igx-grid--cosy .igx-button--flat,
.igx-grid--compact .igx-button--flat,
.igx-grid .igx-button--raised,
.igx-grid--cosy .igx-button--raised,
.igx-grid--compact .igx-button--raised,
.igx-grid .igx-button--fab,
.igx-grid--cosy .igx-button--fab,
.igx-grid--compact .igx-button--fab,
.igx-grid .igx-button--icon,
.igx-grid--cosy .igx-button--icon,
.igx-grid--compact .igx-button--icon,
.igx-grid .igx-button--disabled,
.igx-grid--cosy .igx-button--disabled,
.igx-grid--compact .igx-button--disabled,
.igx-grid .igx-grid__tbody-scrollbar,
.igx-grid--cosy .igx-grid__tbody-scrollbar,
.igx-grid--compact .igx-grid__tbody-scrollbar,
.igx-grid .igx-vhelper--vertical,
.igx-grid--cosy .igx-vhelper--vertical,
.igx-grid--compact .igx-vhelper--vertical,
.igx-grid .igx-vhelper--horizontal,
.igx-grid--cosy .igx-vhelper--horizontal,
.igx-grid--compact .igx-vhelper--horizontal,
.igx-grid .igx-paginator,
.igx-grid--cosy .igx-paginator,
.igx-grid--compact .igx-paginator,
.igx-grid .igx-paginator--cosy,
.igx-grid--cosy .igx-paginator--cosy,
.igx-grid--compact .igx-paginator--cosy,
.igx-grid .igx-paginator--compact,
.igx-grid--cosy .igx-paginator--compact,
.igx-grid--compact .igx-paginator--compact,
.igx-grid .igx-grid-toolbar__actions,
.igx-grid--cosy .igx-grid-toolbar__actions,
.igx-grid--compact .igx-grid-toolbar__actions,
.igx-grid .igx-grid__cbx-selection,
.igx-grid--cosy .igx-grid__cbx-selection,
.igx-grid--compact .igx-grid__cbx-selection,
.igx-grid .igx-drop-area__icon,
.igx-grid--cosy .igx-drop-area__icon,
.igx-grid--compact .igx-drop-area__icon,
.igx-grid .igx-drop-area__text,
.igx-grid--cosy .igx-drop-area__text,
.igx-grid--compact .igx-drop-area__text,
.igx-grid .igx-grid__header-indentation,
.igx-grid--cosy .igx-grid__header-indentation,
.igx-grid--compact .igx-grid__header-indentation,
.igx-grid .igx-grid__grouping-indicator,
.igx-grid--cosy .igx-grid__grouping-indicator,
.igx-grid--compact .igx-grid__grouping-indicator,
.igx-grid .igx-grid__row-indentation,
.igx-grid--cosy .igx-grid__row-indentation,
.igx-grid--compact .igx-grid__row-indentation,
.igx-grid .igx-grid__hierarchical-expander,
.igx-grid--cosy .igx-grid__hierarchical-expander,
.igx-grid--compact .igx-grid__hierarchical-expander {
    display: none !important;
  }
  .igx-grid .igx-grid__grouparea, .igx-grid--cosy .igx-grid__grouparea, .igx-grid--compact .igx-grid__grouparea,
.igx-grid .igx-paginator,
.igx-grid--cosy .igx-paginator,
.igx-grid--compact .igx-paginator,
.igx-grid .igx-paginator--cosy,
.igx-grid--cosy .igx-paginator--cosy,
.igx-grid--compact .igx-paginator--cosy,
.igx-grid .igx-paginator--compact,
.igx-grid--cosy .igx-paginator--compact,
.igx-grid--compact .igx-paginator--compact,
.igx-grid .igx-grid-toolbar__actions,
.igx-grid--cosy .igx-grid-toolbar__actions,
.igx-grid--compact .igx-grid-toolbar__actions,
.igx-grid .igx-drop-area__icon,
.igx-grid--cosy .igx-drop-area__icon,
.igx-grid--compact .igx-drop-area__icon,
.igx-grid .igx-drop-area__text,
.igx-grid--cosy .igx-drop-area__text,
.igx-grid--compact .igx-drop-area__text,
.igx-grid .igx-grid__header-indentation,
.igx-grid--cosy .igx-grid__header-indentation,
.igx-grid--compact .igx-grid__header-indentation,
.igx-grid .igx-grid__grouping-indicator,
.igx-grid--cosy .igx-grid__grouping-indicator,
.igx-grid--compact .igx-grid__grouping-indicator,
.igx-grid .igx-grid__row-indentation,
.igx-grid--cosy .igx-grid__row-indentation,
.igx-grid--compact .igx-grid__row-indentation,
.igx-grid .igx-grid__hierarchical-expander,
.igx-grid--cosy .igx-grid__hierarchical-expander,
.igx-grid--compact .igx-grid__hierarchical-expander,
.igx-grid .igx-expansion-panel__header-icon--end,
.igx-grid--cosy .igx-expansion-panel__header-icon--end,
.igx-grid--compact .igx-expansion-panel__header-icon--end,
.igx-grid .igx-expansion-panel__header-icon--start,
.igx-grid--cosy .igx-expansion-panel__header-icon--start,
.igx-grid--compact .igx-expansion-panel__header-icon--start,
.igx-grid .igx-grid__summaries-patch,
.igx-grid--cosy .igx-grid__summaries-patch,
.igx-grid--compact .igx-grid__summaries-patch {
    display: none !important;
  }
  .igx-grid .igx-grid__grouping-indicator igx-icon, .igx-grid--cosy .igx-grid__grouping-indicator igx-icon, .igx-grid--compact .igx-grid__grouping-indicator igx-icon {
    display: none !important;
  }
  .igx-grid .igx-grid__filtering-cell, .igx-grid--cosy .igx-grid__filtering-cell, .igx-grid--compact .igx-grid__filtering-cell {
    height: 0 !important;
    border-top: none !important;
    border-right: none !important;
  }
  .igx-grid .igx-grid__tfoot, .igx-grid--cosy .igx-grid__tfoot, .igx-grid--compact .igx-grid__tfoot,
.igx-grid .igx-grid__grouparea,
.igx-grid--cosy .igx-grid__grouparea,
.igx-grid--compact .igx-grid__grouparea,
.igx-grid .igx-grid__filtering-cell,
.igx-grid--cosy .igx-grid__filtering-cell,
.igx-grid--compact .igx-grid__filtering-cell,
.igx-grid .igx-grid__group-row,
.igx-grid--cosy .igx-grid__group-row,
.igx-grid--compact .igx-grid__group-row,
.igx-grid .igx-grid__thead-title,
.igx-grid--cosy .igx-grid__thead-title,
.igx-grid--compact .igx-grid__thead-title,
.igx-grid .igx-grid__th,
.igx-grid--cosy .igx-grid__th,
.igx-grid--compact .igx-grid__th,
.igx-grid .igx-grid-toolbar,
.igx-grid--cosy .igx-grid-toolbar,
.igx-grid--compact .igx-grid-toolbar,
.igx-grid .igx-grid-toolbar--cosy,
.igx-grid--cosy .igx-grid-toolbar--cosy,
.igx-grid--compact .igx-grid-toolbar--cosy,
.igx-grid .igx-grid-toolbar--compact,
.igx-grid--cosy .igx-grid-toolbar--compact,
.igx-grid--compact .igx-grid-toolbar--compact,
.igx-grid .igx-grid__tr,
.igx-grid--cosy .igx-grid__tr,
.igx-grid--compact .igx-grid__tr,
.igx-grid .igx-grid__thead-wrapper,
.igx-grid--cosy .igx-grid__thead-wrapper,
.igx-grid--compact .igx-grid__thead-wrapper {
    border-color: #ddd !important;
  }
  .igx-grid .igx-grid igx-icon, .igx-grid--cosy .igx-grid igx-icon, .igx-grid--compact .igx-grid igx-icon, .igx-grid .igx-grid--cosy igx-icon, .igx-grid--cosy .igx-grid--cosy igx-icon, .igx-grid--compact .igx-grid--cosy igx-icon, .igx-grid .igx-grid--compact igx-icon, .igx-grid--cosy .igx-grid--compact igx-icon, .igx-grid--compact .igx-grid--compact igx-icon {
    color: #666 !important;
  }
  .igx-grid .igx-grid__thead-wrapper, .igx-grid--cosy .igx-grid__thead-wrapper, .igx-grid--compact .igx-grid__thead-wrapper,
.igx-grid .igx-grid-toolbar,
.igx-grid--cosy .igx-grid-toolbar,
.igx-grid--compact .igx-grid-toolbar,
.igx-grid .igx-grid-toolbar--cosy,
.igx-grid--cosy .igx-grid-toolbar--cosy,
.igx-grid--compact .igx-grid-toolbar--cosy,
.igx-grid .igx-grid-toolbar--compact,
.igx-grid--cosy .igx-grid-toolbar--compact,
.igx-grid--compact .igx-grid-toolbar--compact,
.igx-grid .igx-grid__group-row,
.igx-grid--cosy .igx-grid__group-row,
.igx-grid--compact .igx-grid__group-row,
.igx-grid .igx-grid__tfoot,
.igx-grid--cosy .igx-grid__tfoot,
.igx-grid--compact .igx-grid__tfoot {
    background: #eee !important;
  }
  .igx-grid .igx-grid__th-title, .igx-grid--cosy .igx-grid__th-title, .igx-grid--compact .igx-grid__th-title,
.igx-grid .igx-grid__td-text,
.igx-grid--cosy .igx-grid__td-text,
.igx-grid--compact .igx-grid__td-text {
    white-space: unset !important;
    text-overflow: initial !important;
    overflow: visible !important;
  }
  .igx-grid .igx-grid__thead-title igx-icon, .igx-grid--cosy .igx-grid__thead-title igx-icon, .igx-grid--compact .igx-grid__thead-title igx-icon, .igx-grid .igx-grid__th igx-icon, .igx-grid--cosy .igx-grid__th igx-icon, .igx-grid--compact .igx-grid__th igx-icon, .igx-grid .igx-grid__td igx-icon, .igx-grid--cosy .igx-grid__td igx-icon, .igx-grid--compact .igx-grid__td igx-icon {
    display: none;
  }
  .igx-grid .igx-grid__summaries-patch, .igx-grid--cosy .igx-grid__summaries-patch, .igx-grid--compact .igx-grid__summaries-patch {
    display: none;
  }
  .igx-grid .igx-grid__th--pinned-last, .igx-grid--cosy .igx-grid__th--pinned-last, .igx-grid--compact .igx-grid__th--pinned-last, .igx-grid .igx-grid__td--pinned-last, .igx-grid--cosy .igx-grid__td--pinned-last, .igx-grid--compact .igx-grid__td--pinned-last {
    border-right: 2px solid red !important;
  }

  .igx-bottom-nav__menu, .igx-bottom-nav__menu--top, .igx-bottom-nav__menu--bottom,
.igx-button-group,
.igx-button-group--vertical,
.igx-ripple__inner,
.igx-slider,
.igx-slider--disabled,
.igx-snackbar,
.igx-input-group,
.igx-input-group--focused,
.igx-checkbox,
.igx-radio,
.igx-tooltip,
.igx-tooltip--desktop,
.igx-tooltip--mobile,
.igx-toast,
.igx-toast--top,
.igx-toast--middle,
.igx-toast--bottom,
.igx-navbar,
.igx-vhelper--vertical,
.igx-vhelper--horizontal,
.igx-button--flat,
.igx-button--raised,
.igx-button--fab,
.igx-button--icon,
.igx-button--disabled,
.igx-tabs__header,
.igx-switch,
.igx-grid__tbody-scrollbar,
.igx-grid__cbx-selection,
.igx-circular-bar,
.igx-linear-bar,
.igx-carousel__indicators,
.igx-carousel__arrow--prev,
.igx-carousel__arrow--next {
    display: none !important;
  }
}
:root {
  --igx-ripple-variant: material;
  --igx-ripple-color: rgba(0, 0, 0, 0.74);
}
.igx-ripple__inner {
  display: block;
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.74);
  pointer-events: none;
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(0);
  will-change: opacity, transform;
  opacity: 0.5;
}
.igx-ripple {
  overflow: hidden;
}
:root {
  --igx-avatar-border-radius-round: 44px;
  --igx-avatar-border-radius-square: 0px;
  --igx-avatar-icon-background: rgba(0, 0, 0, 0.26);
  --igx-avatar-icon-color: rgba(0, 0, 0, 0.74);
  --igx-avatar-initials-background: rgba(0, 0, 0, 0.26);
  --igx-avatar-initials-color: rgba(0, 0, 0, 0.74);
  --igx-avatar-image-background: transparent;
}
.igx-avatar, .igx-avatar--rounded {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: rgba(0, 0, 0, 0.74);
  background: rgba(0, 0, 0, 0.26);
  vertical-align: middle;
  border-radius: 0px;
  outline-style: none;
}
.igx-avatar::after, .igx-avatar--rounded::after {
  box-shadow: none;
  transition: box-shadow 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.igx-avatar__image {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.igx-avatar__image {
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.igx-avatar--rounded {
  border-radius: 44px;
}
.igx-avatar--small {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
}
.igx-avatar--medium {
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
}
.igx-avatar--large {
  width: 5.5rem;
  height: 5.5rem;
  min-width: 5.5rem;
}
.igx-avatar--icon {
  color: rgba(0, 0, 0, 0.74);
  background: rgba(0, 0, 0, 0.26);
}
.igx-avatar--initials {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.74);
  background-color: rgba(0, 0, 0, 0.26);
}
.igx-avatar--initials {
  font-size: 1.25rem;
  line-height: 2.5rem;
}
.igx-avatar--medium.igx-avatar--initials {
  font-size: 2rem;
  line-height: 4rem;
}
.igx-avatar--large.igx-avatar--initials {
  font-size: 2.75rem;
  line-height: 5.5rem;
}
:root {
  --igx-badge-border-radius: 0px;
  --igx-badge-elevation: 1;
  --igx-badge-icon-color: black;
  --igx-badge-text-color: black;
  --igx-badge-border-color: #fff;
  --igx-badge-background-color: #00a5c3;
  --igx-badge-border-width: 0;
  --igx-badge-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
}
.igx-badge, .igx-badge__circle, .igx-badge__circle--info, .igx-badge__circle--success, .igx-badge__circle--warning, .igx-badge__circle--error {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 22px;
  font-size: 0.6875rem;
  font-weight: normal;
  color: black;
  line-height: 1;
}
.igx-badge igx-icon, .igx-badge__circle igx-icon, .igx-badge__circle--info igx-icon, .igx-badge__circle--success igx-icon, .igx-badge__circle--warning igx-icon, .igx-badge__circle--error igx-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 0.75rem;
  font-weight: normal;
  color: black;
}
.igx-badge__circle-value {
  white-space: nowrap;
  padding: 0.25rem;
}
.igx-badge__circle {
  border-radius: 0px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
  border-width: 0;
  border-color: #fff;
  border-style: solid;
  overflow: hidden;
}
.igx-badge__circle--default {
  background: #00a5c3;
}
.igx-badge__circle--success {
  background: #4eb862;
}
.igx-badge__circle--info {
  background: #1377d5;
}
.igx-badge__circle--warning {
  background: #fbb13c;
}
.igx-badge__circle--error {
  background: #ff134a;
}
.igx-badge--hidden {
  visibility: hidden;
}
:root {
  --igx-bottom-nav-elevation: 8;
  --igx-bottom-nav-background: #fff;
  --igx-bottom-nav-idle-item-color: rgba(0, 0, 0, 0.62);
  --igx-bottom-nav-active-item-color: #00a5c3;
  --igx-bottom-nav-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-bottom-nav__panel, .igx-bottom-nav__panel--selected {
  display: none;
}
.igx-bottom-nav__panel--selected {
  display: block;
}
.igx-bottom-nav__menu, .igx-bottom-nav__menu--top, .igx-bottom-nav__menu--bottom {
  display: flex;
  position: fixed;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  height: 56px;
  background: #fff;
  overflow: hidden;
  z-index: 8;
}
.igx-bottom-nav__menu--top {
  top: 0;
  bottom: inherit;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-bottom-nav__menu--bottom {
  top: inherit;
  bottom: 0;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-bottom-nav__menu-item, .igx-bottom-nav__menu-item--selected, .igx-bottom-nav__menu-item--disabled {
  display: flex;
  position: relative;
  flex-flow: column nowrap;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  max-width: 168px;
  height: 100%;
  color: rgba(0, 0, 0, 0.62);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  padding: 0 0.75rem;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}
.igx-bottom-nav__menu-item--disabled {
  opacity: 0.5;
  cursor: default;
}
.igx-bottom-nav__menu-item--selected .tab-label, .igx-bottom-nav__menu-item--selected .tab-icon {
  color: #00a5c3;
  transition: color 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.igx-bottom-nav__menu-item .tab-label, .igx-bottom-nav__menu-item--selected .tab-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 4px;
  max-width: 100%;
  text-align: center;
  transform: translateZ(0);
  transition: transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 1;
}
.igx-bottom-nav__menu-item .tab-icon, .igx-bottom-nav__menu-item--selected .tab-icon {
  display: flex;
  position: relative;
  justify-content: center;
  height: 24px;
  padding: 0 8px;
  transform: translateZ(0);
  transition: transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 1;
}
.igx-bottom-nav__menu-item .tab-icon igx-badge, .igx-bottom-nav__menu-item--selected .tab-icon igx-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  padding: 1px;
}
.igx-bottom-nav__menu-item--selected .tab-icon {
  transform: translateY(-2px);
}
.igx-bottom-nav__menu-item--selected .tab-label {
  transform: translateY(-2px) scale(1.166667);
}
:root {
  --igx-button-flat-border-radius: 0px;
  --igx-button-raised-border-radius: 0px;
  --igx-button-outlined-border-radius: 0px;
  --igx-button-fab-border-radius: 12px;
  --igx-button-icon-border-radius: 0px;
  --igx-button-raised-resting-elevation: 2;
  --igx-button-raised-hover-elevation: 4;
  --igx-button-raised-focus-elevation: 8;
  --igx-button-fab-resting-elevation: 6;
  --igx-button-fab-hover-elevation: 12;
  --igx-button-fab-focus-elevation: 12;
  --igx-button-variant: material;
  --igx-button-flat-background: transparent;
  --igx-button-flat-text-color: #00a5c3;
  --igx-button-flat-icon-color: currentColor;
  --igx-button-flat-hover-icon-color: currentColor;
  --igx-button-flat-focus-icon-color: currentColor;
  --igx-button-raised-icon-color: currentColor;
  --igx-button-raised-hover-icon-color: currentColor;
  --igx-button-raised-focus-icon-color: currentColor;
  --igx-button-outlined-icon-color: currentColor;
  --igx-button-outlined-hover-icon-color: currentColor;
  --igx-button-outlined-focus-icon-color: currentColor;
  --igx-button-flat-hover-background: rgba(0, 165, 195, 0.05);
  --igx-button-flat-hover-text-color: #00a5c3;
  --igx-button-flat-focus-background: rgba(7, 178, 209, 0.12);
  --igx-button-flat-focus-text-color: #00a5c3;
  --igx-button-outlined-background: transparent;
  --igx-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --igx-button-outlined-text-color: #00a5c3;
  --igx-button-outlined-hover-background: rgba(0, 165, 195, 0.05);
  --igx-button-outlined-hover-text-color: #00a5c3;
  --igx-button-outlined-focus-background: rgba(7, 178, 209, 0.12);
  --igx-button-outlined-focus-text-color: #00a5c3;
  --igx-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --igx-button-raised-background: #00a5c3;
  --igx-button-raised-text-color: black;
  --igx-button-raised-hover-background: #10c1e2;
  --igx-button-raised-hover-text-color: black;
  --igx-button-raised-focus-background: #10c1e2;
  --igx-button-raised-focus-text-color: black;
  --igx-button-fab-background: #00a5c3;
  --igx-button-fab-text-color: black;
  --igx-button-fab-hover-background: #10c1e2;
  --igx-button-fab-hover-text-color: black;
  --igx-button-fab-focus-background: #10c1e2;
  --igx-button-fab-focus-text-color: black;
  --igx-button-icon-color: rgba(0, 0, 0, 0.74);
  --igx-button-icon-background: transparent;
  --igx-button-icon-hover-background: rgba(0, 0, 0, 0.04);
  --igx-button-icon-hover-color: rgba(0, 0, 0, 0.74);
  --igx-button-icon-focus-background: rgba(0, 0, 0, 0.26);
  --igx-button-icon-focus-color: rgba(0, 0, 0, 0.74);
  --igx-button-disabled-color: rgba(0, 0, 0, 0.26);
  --igx-button-disabled-background: rgba(0, 0, 0, 0.04);
  --igx-button-raised-resting-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  --igx-button-raised-hover-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
  --igx-button-raised-focus-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
  --igx-button-fab-resting-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.26), 0 6px 10px 0 rgba(0, 0, 0, 0.12), 0 1px 18px 0 rgba(0, 0, 0, 0.08);
  --igx-button-fab-hover-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.26), 0 12px 17px 2px rgba(0, 0, 0, 0.12), 0 5px 22px 4px rgba(0, 0, 0, 0.08);
  --igx-button-fab-focus-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.26), 0 12px 17px 2px rgba(0, 0, 0, 0.12), 0 5px 22px 4px rgba(0, 0, 0, 0.08);
  --igx-button-raised-shadow-color: transparent;
  --igx-button-outlined-shadow-color: transparent;
  --igx-button-icon-shadow-color: transparent;
  --igx-button-fab-shadow-color: transparent;
}
.igx-button, .igx-button--flat, .igx-button--outlined, .igx-button--raised {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.5rem;
  padding: 0.5625rem 1rem;
  min-height: 2.25rem;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline-style: none;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  transition: color 1ms ease-in-out, background-color 1ms ease-in-out, border-color 1ms ease-in-out, box-shadow 1ms ease-in-out;
  font-family: inherit;
}
.igx-button .igx-icon, .igx-button--flat .igx-icon, .igx-button--outlined .igx-icon, .igx-button--raised .igx-icon, .igx-button .igx-icon--inactive, .igx-button--flat .igx-icon--inactive, .igx-button--outlined .igx-icon--inactive, .igx-button--raised .igx-icon--inactive {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.igx-button--cosy {
  padding: 0.375rem 1rem;
  min-height: 1.875rem;
}
.igx-button--compact {
  padding: 0.1875rem 1rem;
  min-height: 1.5rem;
}
.igx-button--flat {
  background: transparent;
  color: #00a5c3;
  border-radius: 0px;
}
.igx-button--flat .igx-icon, .igx-button--flat .igx-icon--inactive {
  color: currentColor;
}
.igx-button--flat:hover {
  background: rgba(0, 165, 195, 0.05);
  color: #00a5c3;
}
.igx-button--flat:hover .igx-icon, .igx-button--flat:hover .igx-icon--inactive {
  color: currentColor;
}
.igx-button--flat:focus, .igx-button--flat:active {
  background: rgba(7, 178, 209, 0.12);
  color: #00a5c3;
}
.igx-button--flat:focus .igx-icon, .igx-button--flat:focus .igx-icon--inactive, .igx-button--flat:active .igx-icon, .igx-button--flat:active .igx-icon--inactive {
  color: currentColor;
}
.igx-button--outlined {
  border: 1px solid transparent;
  border-color: rgba(0, 0, 0, 0.12);
  background: transparent;
  color: #00a5c3;
  border-radius: 0px;
}
.igx-button--outlined .igx-icon, .igx-button--outlined .igx-icon--inactive {
  color: currentColor;
}
.igx-button--outlined:hover {
  background: rgba(0, 165, 195, 0.05);
  color: #00a5c3;
}
.igx-button--outlined:hover .igx-icon, .igx-button--outlined:hover .igx-icon--inactive {
  color: currentColor;
}
.igx-button--outlined:focus, .igx-button--outlined:active {
  background: rgba(7, 178, 209, 0.12);
  color: #00a5c3;
}
.igx-button--outlined:focus .igx-icon, .igx-button--outlined:focus .igx-icon--inactive, .igx-button--outlined:active .igx-icon, .igx-button--outlined:active .igx-icon--inactive {
  color: currentColor;
}
.igx-button--raised {
  color: black;
  background: #00a5c3;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  border-radius: 0px;
}
.igx-button--raised .igx-icon, .igx-button--raised .igx-icon--inactive {
  color: currentColor;
}
.igx-button--raised:hover {
  color: black;
  background: #10c1e2;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
}
.igx-button--raised:hover .igx-icon, .igx-button--raised:hover .igx-icon--inactive {
  color: currentColor;
}
.igx-button--raised:focus, .igx-button--raised:active {
  color: black;
  background: #10c1e2;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-button--raised:focus .igx-icon, .igx-button--raised:focus .igx-icon--inactive, .igx-button--raised:active .igx-icon, .igx-button--raised:active .igx-icon--inactive {
  color: currentColor;
}
.igx-button--fab, .igx-button--icon {
  display: inline-flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 12px;
  outline: none;
  cursor: pointer;
  transition: color 1ms ease-in-out, background-color 1ms ease-in-out, border-color 1ms ease-in-out, box-shadow 1ms ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  filter: blur(0);
}
.igx-button--fab {
  padding: 0.9375rem;
  min-width: 3.5rem;
  min-height: 3.5rem;
  line-height: unset;
  white-space: nowrap;
  color: black;
  background: #00a5c3;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.26), 0 6px 10px 0 rgba(0, 0, 0, 0.12), 0 1px 18px 0 rgba(0, 0, 0, 0.08);
  border-radius: 12px;
}
.igx-button--fab:hover {
  color: black;
  background: #10c1e2;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.26), 0 6px 10px 0 rgba(0, 0, 0, 0.12), 0 1px 18px 0 rgba(0, 0, 0, 0.08);
}
.igx-button--fab:focus, .igx-button--fab:active {
  color: black;
  background: #10c1e2;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.26), 0 12px 17px 2px rgba(0, 0, 0, 0.12), 0 5px 22px 4px rgba(0, 0, 0, 0.08);
}
.igx-button--fab-cosy.igx-button--fab {
  padding: 0.6875rem;
  min-width: 3rem;
  min-height: 3rem;
}
.igx-button--fab-compact.igx-button--fab {
  padding: 0.4375rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
}
.igx-button--icon {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1rem;
  padding: 0;
  color: rgba(0, 0, 0, 0.74);
  background: transparent;
  border-radius: 0px;
}
.igx-button--icon:hover {
  transition: color 1ms ease-in-out, background-color 1ms ease-in-out, border-color 1ms ease-in-out, box-shadow 1ms ease-in-out;
  color: rgba(0, 0, 0, 0.74);
  background: rgba(0, 0, 0, 0.04);
}
.igx-button--icon:focus, .igx-button--icon:active {
  color: rgba(0, 0, 0, 0.74);
  background: rgba(0, 0, 0, 0.26);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-button--disabled {
  pointer-events: none;
  box-shadow: none;
}
.igx-button--disabled.igx-button--outlined, .igx-button--disabled.igx-button--flat, .igx-button--disabled.igx-button--raised, .igx-button--disabled.igx-button--fab, .igx-button--disabled.igx-button--icon {
  color: rgba(0, 0, 0, 0.26);
}
.igx-button--disabled.igx-button--outlined igx-icon, .igx-button--disabled.igx-button--flat igx-icon, .igx-button--disabled.igx-button--raised igx-icon, .igx-button--disabled.igx-button--fab igx-icon, .igx-button--disabled.igx-button--icon igx-icon {
  color: inherit;
}
.igx-button--disabled.igx-button--raised, .igx-button--disabled.igx-button--fab {
  background: rgba(0, 0, 0, 0.04);
}
.igx-button--disabled.igx-button--flat, .igx-button--disabled.igx-button--outlined {
  background: transparent;
}
.igx-button--disabled.igx-button--outlined {
  border-color: rgba(0, 0, 0, 0.12);
}
.igx-button--disabled:focus {
  box-shadow: none;
}
:root {
  --igx-button-group-border-radius: 0px;
  --igx-button-group-elevation: 2;
  --igx-button-group-variant: material;
  --igx-button-group-item-background: #fff;
  --igx-button-group-item-border-color: #c7c7c7;
  --igx-button-group-item-text-color: rgba(0, 0, 0, 0.62);
  --igx-button-group-item-hover-text-color: rgba(0, 0, 0, 0.74);
  --igx-button-group-item-hover-background: rgba(0, 0, 0, 0.12);
  --igx-button-group-item-selected-text-color: rgba(0, 0, 0, 0.74);
  --igx-button-group-item-selected-background: rgba(0, 0, 0, 0.26);
  --igx-button-group-item-selected-hover-background: rgba(0, 0, 0, 0.38);
  --igx-button-group-item-selected-border-color: #969696;
  --igx-button-group-disabled-text-color: rgba(0, 0, 0, 0.26);
  --igx-button-group-disabled-background-color: rgba(0, 0, 0, 0.02);
  --igx-button-group-item-disabled-border: #c7c7c7;
  --igx-button-group-border: none;
  --igx-button-group-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
}
.igx-button-group, .igx-button-group--vertical {
  display: flex;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  transition: all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border-radius: 0px;
}
.igx-button-group__item, .igx-button-group__item--selected, .igx-button-group--vertical .igx-button-group__item, .igx-button-group--vertical .igx-button-group__item--selected {
  border: 1px solid #c7c7c7;
  color: rgba(0, 0, 0, 0.62);
  background: #fff;
  min-width: 24px;
  display: flex;
  flex: 1 0 0%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  z-index: 0;
  transition: all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.igx-button-group__item.igx-button--flat, .igx-button-group__item--selected.igx-button--flat {
  border-radius: 0;
}
.igx-button-group__item .igx-icon, .igx-button-group__item--selected .igx-icon, .igx-button-group__item .igx-icon--inactive, .igx-button-group__item--selected .igx-icon--inactive {
  color: currentColor;
}
.igx-button-group__item:not(:nth-child(0)), .igx-button-group__item--selected:not(:nth-child(0)) {
  margin-left: -1px;
}
.igx-button-group__item:first-of-type, .igx-button-group__item--selected:first-of-type {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.igx-button-group__item:last-of-type, .igx-button-group__item--selected:last-of-type {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.igx-button-group__item.igx-button--disabled, .igx-button-group__item--selected.igx-button--disabled {
  color: rgba(0, 0, 0, 0.26) !important;
  background: rgba(0, 0, 0, 0.02) !important;
  border-color: #c7c7c7;
}
.igx-button-group__item:hover, .igx-button-group__item--selected:hover, .igx-button-group__item:focus, .igx-button-group__item--selected:focus {
  color: rgba(0, 0, 0, 0.74);
  background: rgba(0, 0, 0, 0.12);
  z-index: 1;
}
.igx-button-group__item:hover .igx-icon, .igx-button-group__item--selected:hover .igx-icon, .igx-button-group__item:hover .igx-icon--inactive, .igx-button-group__item--selected:hover .igx-icon--inactive, .igx-button-group__item:focus .igx-icon, .igx-button-group__item--selected:focus .igx-icon, .igx-button-group__item:focus .igx-icon--inactive, .igx-button-group__item--selected:focus .igx-icon--inactive {
  color: currentColor;
}
.igx-button-group--vertical .igx-button-group__item:not(:nth-child(0)) {
  margin-top: -1px;
  margin-left: 0;
}
.igx-button-group--vertical .igx-button-group__item:first-of-type {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.igx-button-group--vertical .igx-button-group__item:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.igx-button-group__item--selected, .igx-button-group--vertical .igx-button-group__item--selected {
  color: rgba(0, 0, 0, 0.74);
  background: rgba(0, 0, 0, 0.26);
  border-color: #969696;
  position: relative;
  z-index: 1;
}
.igx-button-group__item--selected:hover, .igx-button-group__item--selected:focus {
  color: rgba(0, 0, 0, 0.74);
  background: rgba(0, 0, 0, 0.38);
}
.igx-button-group__item--selected.igx-button--disabled {
  position: relative;
}
.igx-button-group__item--selected.igx-button--disabled::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.06);
}
.igx-button-group--vertical {
  flex-flow: column;
}
.igx-button-group__item-content {
  display: flex;
  flex-flow: row nowrap;
  min-width: 0;
}
.igx-button-group__item-content * ~ * {
  margin-left: 0.625rem;
}
.igx-button-group__button-text {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
:root {
  --igx-banner-banner-background: #fff;
  --igx-banner-banner-message-color: rgba(0, 0, 0, 0.87);
  --igx-banner-banner-border-color: rgba(0, 0, 0, 0.26);
  --igx-banner-banner-illustration-color: rgba(0, 0, 0, 0.87);
}
.igx-banner, .igx-banner--cosy, .igx-banner--compact,
.igx-banner__illustration,
.igx-banner__message {
  display: flex;
  align-items: center;
}
.igx-banner, .igx-banner--cosy, .igx-banner--compact {
  padding-right: 0.5rem;
  padding-left: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: #fff;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.igx-banner__illustration {
  justify-content: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  margin-left: 1rem;
  color: rgba(0, 0, 0, 0.87);
}
.igx-banner__border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.26);
  top: -1px;
}
.igx-banner__border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  top: 0;
}
.igx-banner__text {
  color: rgba(0, 0, 0, 0.87);
  flex: 1 0 0%;
  margin-left: 1.5rem;
}
.igx-banner--cosy {
  padding: 0.5rem;
}
.igx-banner--compact {
  padding: 0.5rem;
}
.igx-banner__message {
  min-width: 13.75rem;
  flex: 1 0 0%;
  margin-right: 5.625rem;
}
.igx-banner__banner__row {
  display: flex;
}
.igx-banner__actions {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  justify-content: center;
  min-height: 2.5rem;
}
:root {
  --igx-calendar-border-radius: 0px;
  --igx-calendar-date-border-radius: 0px;
  --igx-calendar-month-border-radius: 0px;
  --igx-calendar-variant: material;
  --igx-calendar-content-background: #fff;
  --igx-calendar-picker-background-color: #fff;
  --igx-calendar-border-color: rgba(0, 0, 0, 0.12);
  --igx-calendar-content-text-color: rgba(0, 0, 0, 0.87);
  --igx-calendar-header-background: #00a5c3;
  --igx-calendar-header-text-color: black;
  --igx-calendar-picker-arrow-color: rgba(0, 0, 0, 0.74);
  --igx-calendar-picker-arrow-hover-color: #00a5c3;
  --igx-calendar-picker-text-color: rgba(0, 0, 0, 0.74);
  --igx-calendar-picker-text-hover-color: #00a5c3;
  --igx-calendar-inactive-text-color: rgba(0, 0, 0, 0.26);
  --igx-calendar-label-color: rgba(0, 0, 0, 0.26);
  --igx-calendar-weekend-text-color: rgba(0, 0, 0, 0.38);
  --igx-calendar-year-current-text-color: #00a5c3;
  --igx-calendar-month-current-text-color: #00a5c3;
  --igx-calendar-year-hover-text-color: #00a5c3;
  --igx-calendar-month-hover-background: rgba(0, 0, 0, 0.08);
  --igx-calendar-month-hover-text-color: black;
  --igx-calendar-date-selected-background: #00a5c3;
  --igx-calendar-date-selected-text-color: black;
  --igx-calendar-date-current-text-color: #00a5c3;
  --igx-calendar-date-current-bg-color: transparent;
  --igx-calendar-date-hover-background: rgba(0, 0, 0, 0.08);
  --igx-calendar-date-special-background: rgba(0, 0, 0, 0.04);
  --igx-calendar-date-special-text-color: rgba(0, 0, 0, 0.87);
  --igx-calendar-date-disabled-text-color: rgba(158, 158, 158, 0.6);
  --igx-calendar-date-disabled-background: rgba(0, 0, 0, 0.04);
}
.igx-calendar, .igx-calendar--vertical {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  background: #fff;
  overflow: hidden;
  outline: none;
  border-radius: 0px;
  border: 0 solid rgba(0, 0, 0, 0.12);
}
.igx-calendar + .igx-calendar, .igx-calendar--vertical + .igx-calendar, .igx-calendar + .igx-calendar--vertical, .igx-calendar--vertical + .igx-calendar--vertical {
  margin-left: 1rem;
}
.igx-calendar--vertical {
  flex-flow: row nowrap;
}
.igx-calendar--vertical .igx-calendar__header {
  min-width: 10.5em;
}
.igx-calendar__header {
  background: #00a5c3;
  color: black;
  padding: 1em;
}
.igx-calendar__header-year {
  margin: 0;
  color: currentColor;
  opacity: 0.8;
}
.igx-calendar__header-date, .igx-calendar--vertical .igx-calendar__header-date {
  display: flex;
  margin: 0;
}
.igx-calendar__header-date > span, .igx-calendar--vertical .igx-calendar__header-date > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.igx-calendar--vertical .igx-calendar__header-date {
  flex-flow: column nowrap;
}
.igx-calendar-picker {
  display: flex;
  height: 3.5em;
  align-items: center;
  padding-bottom: 1em;
  background: #fff;
  position: relative;
}
.igx-calendar-picker div {
  text-align: center;
}
.igx-calendar-picker__dates {
  display: flex;
  justify-content: center;
}
.igx-calendar-picker__prev, .igx-calendar-picker__next {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  color: rgba(0, 0, 0, 0.74);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  cursor: pointer;
  height: calc(100% - 1em);
  align-items: center;
  top: 0;
}
.igx-calendar-picker__prev:focus, .igx-calendar-picker__next:focus, .igx-calendar-picker__prev:hover, .igx-calendar-picker__next:hover {
  color: #00a5c3;
}
.igx-calendar-picker__prev {
  left: 0;
}
.igx-calendar-picker__next {
  right: 0;
}
.igx-calendar-picker__date {
  color: rgba(0, 0, 0, 0.74);
  text-align: center;
  outline: none;
  padding: 0 0.125rem;
}
.igx-calendar-picker__date:hover, .igx-calendar-picker__date:focus {
  color: #00a5c3;
  cursor: pointer;
}
.igx-calendar__body {
  flex: 1 1 auto;
  padding-top: 1em;
  padding-bottom: 1em;
  overflow: hidden;
}
.igx-calendar__body-row, .igx-calendar__body-row--wrap {
  display: flex;
  justify-content: space-between;
  margin: 0.125em 0;
  padding: 0;
}
.igx-calendar__body-row .igx-calendar__label:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__label:first-of-type, .igx-calendar__body-row .igx-calendar__date:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__date:first-of-type, .igx-calendar__body-row .igx-calendar__date--inactive:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--inactive:first-of-type, .igx-calendar__body-row .igx-calendar__date--selected:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--selected:first-of-type, .igx-calendar__body-row .igx-calendar__date--current:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--current:first-of-type, .igx-calendar__body-row .igx-calendar__date--weekend:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--weekend:first-of-type, .igx-calendar__body-row .igx-calendar__date--special:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--special:first-of-type, .igx-calendar__body-row .igx-calendar__date--disabled:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--disabled:first-of-type, .igx-calendar__body-row .igx-calendar__year:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__year:first-of-type, .igx-calendar__body-row .igx-calendar__year--current:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__year--current:first-of-type, .igx-calendar__body-row .igx-calendar__month:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__month:first-of-type, .igx-calendar__body-row .igx-calendar__month--current:first-of-type, .igx-calendar__body-row--wrap .igx-calendar__month--current:first-of-type {
  padding-left: 0.5em;
}
.igx-calendar__body-row .igx-calendar__label:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__label:last-of-type, .igx-calendar__body-row .igx-calendar__date:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__date:last-of-type, .igx-calendar__body-row .igx-calendar__date--inactive:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--inactive:last-of-type, .igx-calendar__body-row .igx-calendar__date--selected:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--selected:last-of-type, .igx-calendar__body-row .igx-calendar__date--current:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--current:last-of-type, .igx-calendar__body-row .igx-calendar__date--weekend:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--weekend:last-of-type, .igx-calendar__body-row .igx-calendar__date--special:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--special:last-of-type, .igx-calendar__body-row .igx-calendar__date--disabled:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__date--disabled:last-of-type, .igx-calendar__body-row .igx-calendar__year:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__year:last-of-type, .igx-calendar__body-row .igx-calendar__year--current:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__year--current:last-of-type, .igx-calendar__body-row .igx-calendar__month:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__month:last-of-type, .igx-calendar__body-row .igx-calendar__month--current:last-of-type, .igx-calendar__body-row--wrap .igx-calendar__month--current:last-of-type {
  padding-right: 0.5em;
}
.igx-calendar__body-row--wrap {
  flex-wrap: wrap;
}
.igx-calendar__body-column .igx-calendar__year, .igx-calendar__body-column .igx-calendar__year--current {
  flex: 1 0 0;
}
.igx-calendar__label, .igx-calendar__date, .igx-calendar__date--inactive, .igx-calendar__date--selected, .igx-calendar__date--current, .igx-calendar__date--weekend, .igx-calendar__date--special, .igx-calendar__date--disabled, .igx-calendar__date--disabled.igx-calendar__date--inactive, .igx-calendar__year, .igx-calendar__year--current, .igx-calendar__month, .igx-calendar__month--current {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 14.28%;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  outline: none;
}
.igx-calendar__date:hover .igx-calendar__date-content::after, .igx-calendar__date:focus .igx-calendar__date-content::after {
  background: rgba(0, 0, 0, 0.08);
}
.igx-calendar__date--selected:hover .igx-calendar__date-content ::after, .igx-calendar__date--selected:focus .igx-calendar__date-content ::after {
  background: rgba(0, 0, 0, 0.18);
}
.igx-calendar__date-content {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  min-width: 2ch;
  border-radius: 0px;
  z-index: 0;
}
.igx-calendar__date-content::after {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  border-radius: inherit;
  z-index: -1;
}
.igx-calendar__label {
  color: rgba(0, 0, 0, 0.26);
  border-radius: 0;
  flex-basis: 14.28%;
}
.igx-calendar__label:hover, .igx-calendar__label:focus {
  color: rgba(0, 0, 0, 0.26);
}
.igx-calendar__date--weekend {
  color: rgba(0, 0, 0, 0.38);
}
.igx-calendar__year, .igx-calendar__year--current {
  margin: 0;
  min-width: 8ch;
  line-height: 3.25rem;
}
.igx-calendar__year--current {
  color: #00a5c3;
}
.igx-calendar__year:hover, .igx-calendar__year:focus {
  color: #00a5c3;
}
.igx-calendar__month:hover, .igx-calendar__month:focus, .igx-calendar__month--current:hover, .igx-calendar__month--current:focus {
  color: black;
}
.igx-calendar__month:hover::after, .igx-calendar__month:focus::after, .igx-calendar__month--current:hover::after, .igx-calendar__month--current:focus::after {
  background: rgba(0, 0, 0, 0.08);
}
.igx-calendar__month, .igx-calendar__month--current {
  position: relative;
  display: flex;
  margin: 0 0.75em;
  flex: 1 0 25%;
  justify-content: center;
  align-items: center;
  height: 5.6875em;
  z-index: 1;
}
.igx-calendar__month::after, .igx-calendar__month--current::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  height: 48px;
  background: transparent;
  border-radius: 0px;
  transition: background-color 0.15s ease-out;
  z-index: -1;
}
.igx-calendar__month--current {
  color: #00a5c3;
}
.igx-calendar__date--inactive {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.26);
}
.igx-calendar__date--inactive.igx-calendar__date--single:hover {
  color: rgba(0, 0, 0, 0.26);
}
.igx-calendar__date--special .igx-calendar__date-content {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
  font-weight: 900;
}
.igx-calendar__date--selected {
  position: relative;
  background: #00a5c3;
}
.igx-calendar__date--selected .igx-calendar__date-content {
  color: black;
  background: #00a5c3;
}
.igx-calendar__date--current .igx-calendar__date-content {
  color: #00a5c3;
  font-weight: 600;
  background: transparent;
}
.igx-calendar__date--current .igx-calendar__date-content:hover {
  background: transparent;
}
.igx-calendar__date--current .igx-calendar__date-content:focus {
  background: transparent;
}
.igx-calendar__date--selected.igx-calendar__date--current .igx-calendar__date-content {
  color: black;
  background: #00a5c3;
}
.igx-calendar__date--selected.igx-calendar__date--current .igx-calendar__date-content:hover {
  background: #00a5c3;
}
.igx-calendar__date--selected.igx-calendar__date--current .igx-calendar__date-content:focus {
  background: #00a5c3;
}
.igx-calendar__date--disabled, .igx-calendar__date--disabled.igx-calendar__date--inactive {
  pointer-events: none;
  cursor: not-allowed;
  color: rgba(158, 158, 158, 0.6);
}
.igx-calendar__date--single, .igx-calendar__date--selected.igx-calendar__date--first.igx-calendar__date--last {
  background: transparent;
}
.igx-calendar__date--single::before, .igx-calendar__date--selected.igx-calendar__date--first.igx-calendar__date--last::before, .igx-calendar__date--single::after, .igx-calendar__date--selected.igx-calendar__date--first.igx-calendar__date--last::after {
  background: transparent;
}
.igx-calendar__date--disabled.igx-calendar__date--range, .igx-calendar__date--selected.igx-calendar__date--disabled.igx-calendar__date--range {
  background: rgba(0, 0, 0, 0.04) !important;
}
.igx-calendar__date--disabled.igx-calendar__date--range .igx-calendar__date-content {
  color: rgba(158, 158, 158, 0.6);
  background: transparent !important;
}
.igx-calendar__date--hidden.igx-calendar__date--disabled.igx-calendar__date--range {
  background: transparent !important;
}
.igx-calendar__date--hidden.igx-calendar__date--disabled.igx-calendar__date--range::after, .igx-calendar__date--hidden.igx-calendar__date--disabled.igx-calendar__date--range::before {
  background: transparent !important;
}
.igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected {
  background: transparent !important;
}
.igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected .igx-calendar__date-content {
  color: rgba(158, 158, 158, 0.6);
  background: transparent !important;
}
.igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected.igx-calendar__date--single, .igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected.igx-calendar__date--first.igx-calendar__date--last {
  background: transparent !important;
}
.igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected.igx-calendar__date--single .igx-calendar__date-content, .igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected.igx-calendar__date--first.igx-calendar__date--last .igx-calendar__date-content {
  color: black;
  background: #00a5c3 !important;
}
.igx-calendar__date--inactive.igx-calendar__date--selected.igx-calendar__date--first::after {
  background: transparent !important;
}
.igx-calendar__date--inactive.igx-calendar__date--selected.igx-calendar__date--last::before {
  background: transparent !important;
}
.igx-calendar__date--selected.igx-calendar__date--first {
  position: relative;
  background: transparent;
  z-index: 0;
}
.igx-calendar__date--selected.igx-calendar__date--first::after {
  position: absolute;
  content: "";
  width: 50%;
  top: 0;
  left: 50%;
  bottom: 0;
  background: #00a5c3;
  z-index: -1;
}
.igx-calendar__date--selected.igx-calendar__date--last {
  position: relative;
  background: transparent;
  z-index: 0;
}
.igx-calendar__date--selected.igx-calendar__date--last::before {
  position: absolute;
  content: "";
  width: 50%;
  top: 0;
  right: 50%;
  bottom: 0;
  background: #00a5c3;
  z-index: -1;
}
.igx-calendar__date--hidden .igx-calendar__date-content {
  visibility: hidden;
}
:root {
  --igx-card-border-radius: 0px;
  --igx-card-resting-elevation: 2;
  --igx-card-hover-elevation: 8;
  --igx-card-variant: material;
  --igx-card-background: #fff;
  --igx-card-header-text-color: rgba(0, 0, 0, 0.87);
  --igx-card-subtitle-text-color: rgba(0, 0, 0, 0.6);
  --igx-card-content-text-color: rgba(0, 0, 0, 0.6);
  --igx-card-actions-text-color: rgba(0, 0, 0, 0.6);
  --igx-card-outline-color: rgba(0, 0, 0, 0.26);
  --igx-card-resting-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  --igx-card-hover-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-card {
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border-radius: 0px;
  background: #fff;
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.igx-card:hover {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-card--outlined {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.26);
}
.igx-card--outlined:hover {
  box-shadow: none;
}
.igx-card--horizontal {
  flex-direction: row;
}
.igx-card-header {
  display: flex;
  flex: 1 1 auto;
  flex-flow: row wrap;
  align-content: flex-start;
  width: 100%;
  padding: 1rem;
  color: rgba(0, 0, 0, 0.87);
}
.igx-card-header:empty {
  display: block;
  min-height: 1.25rem;
  padding: 0;
}
.igx-card-header--vertical {
  flex-flow: column nowrap;
}
.igx-card-header--vertical .igx-card-header__titles {
  text-align: center;
}
.igx-card-header--vertical .igx-card-header__thumbnail {
  display: flex;
  justify-content: center;
  -ms-grid-row-align: unset;
      align-self: unset;
  margin-right: 0;
  margin-bottom: 1rem;
}
.igx-card-header--compact {
  padding: 1rem;
}
.igx-card-header__thumbnail {
  align-self: flex-start;
  margin-right: 1rem;
}
.igx-card-header__thumbnail:empty {
  display: none;
}
.igx-card-header__titles {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  flex: 1 1 auto;
  justify-content: center;
}
.igx-card-header__titles:empty {
  display: none;
}
.igx-card-header__subtitle {
  color: rgba(0, 0, 0, 0.6);
}
.igx-card__tgroup {
  margin: 0 1em;
}
.igx-card-content {
  width: 100%;
  flex: 1 1 auto;
  padding: 0.875rem;
  color: rgba(0, 0, 0, 0.6);
}
.igx-card__media {
  display: block;
  overflow: hidden;
  line-height: 0;
}
.igx-card__media > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.igx-card__media--right {
  width: auto;
  margin-left: auto;
  order: 9999;
}
.igx-card-actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  flex: 0 1 auto;
  align-items: center;
  padding: 0.5rem;
}
.igx-card-actions [igxButton] ~ [igxButton] {
  margin-left: 0.5rem;
}
.igx-card-actions--vertical {
  flex-direction: column;
}
.igx-card-actions__icons {
  display: flex;
  align-items: center;
  order: 1;
  color: rgba(0, 0, 0, 0.6);
  margin-left: auto;
}
.igx-card-actions__icons:empty {
  display: none;
}
.igx-card-actions__buttons {
  display: flex;
  align-items: center;
  order: 0;
}
.igx-card-actions__buttons:empty {
  display: none;
}
.igx-card-actions--justify .igx-card-actions__buttons,
.igx-card-actions--justify .igx-card-actions__icons {
  justify-content: space-around;
  flex-grow: 1;
}
.igx-card-actions--justify .igx-card-actions__buttons:empty,
.igx-card-actions--justify .igx-card-actions__icons:empty {
  display: none;
}
.igx-card-actions--vertical .igx-card-actions__icons,
.igx-card-actions--vertical .igx-card-actions__buttons {
  flex-direction: column;
}
.igx-card-actions--vertical .igx-card-actions__icons [igxButton] ~ [igxButton],
.igx-card-actions--vertical .igx-card-actions__buttons [igxButton] ~ [igxButton] {
  margin-left: 0;
  margin-top: 0.5rem;
}
.igx-card-actions--vertical .igx-card-actions__icons {
  margin-top: auto;
  margin-left: 0;
}
.igx-card-actions--reverse .igx-card-actions__icons {
  order: 0;
  margin-left: 0;
}
.igx-card-actions--reverse .igx-card-actions__buttons {
  order: 1;
  margin-left: auto;
}
.igx-card-actions--vertical.igx-card-actions--reverse .igx-card-actions__icons {
  margin: 0;
  margin-bottom: auto;
}
.igx-card-actions--vertical.igx-card-actions--reverse .igx-card-actions__buttons {
  margin: 0;
  margin-top: auto;
}
.igx-card-actions__bgroup {
  display: flex;
  flex-flow: row nowrap;
}
.igx-card-actions__bgroup [igxButton] ~ [igxButton] {
  margin-left: 8px;
}
.igx-card-actions__igroup, .igx-card-actions__igroup--start, .igx-card-actions__igroup--end {
  display: flex;
  flex-flow: row nowrap;
}
.igx-card-actions__igroup .igx-button--icon, .igx-card-actions__igroup--start .igx-button--icon, .igx-card-actions__igroup--end .igx-button--icon {
  color: rgba(0, 0, 0, 0.6);
}
.igx-card-actions__igroup--start {
  margin-right: auto;
}
.igx-card-actions__igroup--end {
  margin-left: auto;
}
:root {
  --igx-carousel-border-radius: 0px;
  --igx-carousel-button-elevation: 1;
  --igx-carousel-slide-background: #fff;
  --igx-carousel-button-background: #fff;
  --igx-carousel-button-hover-background: #fff;
  --igx-carousel-button-arrow-color: rgba(0, 0, 0, 0.62);
  --igx-carousel-button-hover-arrow-color: rgba(0, 0, 0, 0.87);
  --igx-carousel-button-disabled-background: #f4f4f4;
  --igx-carousel-button-disabled-arrow-color: rgba(0, 0, 0, 0.26);
  --igx-carousel-indicator-dot-color: #fff;
  --igx-carousel-indicator-border-color: #fff;
  --igx-carousel-indicator-active-border-color: #fff;
  --igx-carousel-button-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
}
@-webkit-keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-out-center {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes scale-out-center {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 1;
  }
}
.igx-carousel {
  display: flex;
  position: relative;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-flow: column nowrap;
}
.igx-nav-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  cursor: pointer;
  border-radius: 50%;
  outline-style: none;
  transition: all 0.15s ease-in-out;
  color: rgba(0, 0, 0, 0.62);
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
}
.igx-nav-arrow--disabled {
  background: #f4f4f4;
  color: rgba(0, 0, 0, 0.26);
  pointer-events: none;
  box-shadow: none;
}
.igx-nav-arrow--disabled igx-icon {
  color: currentColor;
}
.igx-nav-arrow:hover {
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
}
.igx-carousel__arrow, .igx-carousel__arrow--prev, .igx-carousel__arrow--next {
  margin: 0 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.igx-carousel__arrow--next {
  right: 0;
}
.igx-carousel__arrow--prev {
  left: 0;
}
.igx-carousel-indicators, .igx-carousel-indicators--top, .igx-carousel-indicators--bottom {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
  padding: 0;
  list-style: none;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}
.igx-carousel-indicators--bottom {
  bottom: 0;
}
.igx-carousel-indicators--top {
  top: 0;
}
.igx-carousel__label {
  align-items: center;
  font-size: 1rem;
}
.igx-carousel-indicators__indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  cursor: pointer;
}
.igx-nav-dot {
  position: relative;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  border: 2px solid;
  border-color: #fff;
  border-radius: 50%;
  transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
  opacity: 0.7;
}
.igx-nav-dot::after {
  -webkit-animation: "scale-out-center" 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: "scale-out-center" 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  border-radius: inherit;
  background: #fff;
  opacity: 0;
}
.igx-nav-dot:hover {
  opacity: 1;
}
.igx-nav-dot--active {
  border: 2px solid;
  border-color: #fff;
  opacity: 1;
}
.igx-nav-dot--active::after {
  opacity: 1;
  -webkit-animation: "scale-in-center" 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: "scale-in-center" 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.igx-carousel__inner {
  position: relative;
  width: 100%;
  height: inherit;
  overflow: hidden;
  outline-style: none;
  border-radius: 0px;
  min-height: 300px;
  min-width: 300px;
}
.igx-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #fff;
  visibility: hidden;
}
.igx-slide--previous {
  z-index: 1;
  visibility: visible;
}
.igx-slide--current {
  z-index: 2;
  visibility: visible;
}
.igx-slide img {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  touch-action: none;
  pointer-events: none;
}
:root {
  --igx-checkbox-border-radius: 0px;
  --igx-checkbox-border-radius-ripple: 0px;
  --igx-checkbox-variant: material;
  --igx-checkbox-tick-color: #fff;
  --igx-checkbox-label-color: rgba(0, 0, 0, 0.87);
  --igx-checkbox-empty-color: rgba(0, 0, 0, 0.54);
  --igx-checkbox-fill-color: #00a5c3;
  --igx-checkbox-disabled-color: rgba(0, 0, 0, 0.26);
  --igx-checkbox-disabled-color-label: rgba(0, 0, 0, 0.26);
}
@-webkit-keyframes scale-in-out {
  50% {
    transform: scale(0.9);
    transform-origin: 50% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 50%;
  }
}
@keyframes scale-in-out {
  50% {
    transform: scale(0.9);
    transform-origin: 50% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 50%;
  }
}
.igx-checkbox {
  position: relative;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  outline-style: none;
}
.igx-checkbox--disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: initial;
}
.igx-checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: none;
  clip: rect(0, 0, 0, 0);
  outline: 0;
  pointer-events: none;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.igx-checkbox__composite-wrapper {
  align-items: center;
  justify-content: center;
  display: flex;
  position: relative;
  width: 1.25em;
  height: 1.25em;
}
.igx-checkbox__composite {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 1.25em;
  height: 1.25em;
  min-width: 1.25em;
  border-width: 0.125rem;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.54);
  border-radius: 0px;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
}
.igx-checkbox__composite::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.igx-checkbox--indeterminate .igx-checkbox__composite, .igx-checkbox--checked .igx-checkbox__composite {
  border-color: #00a5c3;
  background: #00a5c3;
}
.igx-checkbox--indeterminate .igx-checkbox__composite::after, .igx-checkbox--checked .igx-checkbox__composite::after {
  background: #00a5c3;
}
.igx-checkbox--disabled .igx-checkbox__composite {
  border-color: rgba(0, 0, 0, 0.26);
  background: transparent;
}
.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite, .igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite {
  background: rgba(0, 0, 0, 0.26);
}
.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite::after, .igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite::after {
  background: rgba(0, 0, 0, 0.26);
}
.igx-checkbox__composite-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  stroke: #fff;
  stroke-linecap: square;
  stroke-width: 3;
  stroke-dasharray: 24;
  stroke-dashoffset: 24;
  fill: none;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.igx-checkbox--indeterminate .igx-checkbox__composite-mark {
  top: 0;
  left: 0;
}
.igx-checkbox--checked .igx-checkbox__composite-mark {
  stroke-dashoffset: 0;
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.igx-checkbox--indeterminate .igx-checkbox__composite-mark {
  stroke-dashoffset: 41;
  /* length of path - adjacent line length */
  opacity: 1;
  transform: rotate(45deg) translateX(-0.125em);
}
.igx-checkbox__label, .igx-checkbox__label--before {
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  word-wrap: break-all;
}
.igx-checkbox__label:empty, .igx-checkbox__label--before:empty {
  margin: 0;
}
.igx-checkbox__label--before:empty,
.igx-checkbox__label:empty {
  margin: 0;
}
.igx-checkbox__label {
  margin-left: 0.5em;
}
.igx-checkbox__label--before {
  margin-right: 0.5em;
  order: -1;
}
.igx-checkbox--disabled .igx-checkbox__label, .igx-checkbox--disabled .igx-checkbox__label--before {
  color: rgba(0, 0, 0, 0.26);
}
.igx-checkbox__ripple {
  display: block;
  position: absolute;
  top: calc(50% - 1.5em);
  right: calc(100% - 1.5em - 0.625em);
  width: 3em;
  height: 3em;
  border-radius: 0px;
  overflow: hidden;
  pointer-events: none;
  filter: opacity(1);
}
.igx-checkbox__ripple {
  --igx-ripple-variant: material;
  --igx-ripple-color: #00a5c3;
}
.igx-checkbox__ripple .igx-ripple__inner {
  display: block;
  position: absolute;
  border-radius: 50%;
  background: #00a5c3;
  pointer-events: none;
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(0);
  will-change: opacity, transform;
  opacity: 0.5;
}
.igx-checkbox__ripple .igx-ripple {
  overflow: hidden;
}
.igx-checkbox__ripple {
  --igx-ripple-variant: material;
  --igx-ripple-color: #00a5c3;
}
.igx-checkbox--focused .igx-checkbox__ripple, .igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple, .igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple {
  -webkit-animation: "scale-in-out" 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: "scale-in-out" 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  background: rgba(0, 0, 0, 0.54);
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0.12;
}
.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple, .igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple {
  background: #00a5c3;
}
.igx-checkbox:hover .igx-checkbox__ripple::after, .igx-checkbox:active .igx-checkbox__ripple::after, .igx-checkbox--indeterminate:hover .igx-checkbox__ripple::after, .igx-checkbox--indeterminate:active .igx-checkbox__ripple::after, .igx-checkbox--checked:hover .igx-checkbox__ripple::after, .igx-checkbox--checked:active .igx-checkbox__ripple::after {
  position: absolute;
  content: "";
  opacity: 0.06;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.igx-checkbox:hover .igx-checkbox__ripple::after, .igx-checkbox:active .igx-checkbox__ripple::after {
  background: rgba(0, 0, 0, 0.54);
}
.igx-checkbox--indeterminate:hover .igx-checkbox__ripple::after, .igx-checkbox--indeterminate:active .igx-checkbox__ripple::after, .igx-checkbox--checked:hover .igx-checkbox__ripple::after, .igx-checkbox--checked:active .igx-checkbox__ripple::after {
  background: #00a5c3;
}
.igx-checkbox:active .igx-checkbox__ripple::after, .igx-checkbox--indeterminate:active .igx-checkbox__ripple::after, .igx-checkbox--checked:active .igx-checkbox__ripple::after {
  opacity: 0.12;
}
.igx-checkbox--plain .igx-checkbox__composite,
.igx-checkbox--plain .igx-checkbox__composite::after,
.igx-checkbox--plain .igx-checkbox__composite-mark {
  transition: none;
}
:root {
  --igx-chip-border-radius: 0px;
  --igx-chip-ghost-elevation: 8;
  --igx-chip-variant: material;
  --igx-chip-remove-icon-color: currentColor;
  --igx-chip-remove-icon-color-focus: #ff134a;
  --igx-chip-text-color: rgba(0, 0, 0, 0.62);
  --igx-chip-background: rgba(0, 0, 0, 0.08);
  --igx-chip-border-color: transparent;
  --igx-chip-ghost-background: #bcbcbc;
  --igx-chip-hover-text-color: rgba(0, 0, 0, 0.62);
  --igx-chip-hover-background: rgba(0, 0, 0, 0.12);
  --igx-chip-hover-border-color: transparent;
  --igx-chip-focus-text-color: rgba(0, 0, 0, 0.62);
  --igx-chip-focus-background: rgba(0, 0, 0, 0.26);
  --igx-chip-focus-border-color: transparent;
  --igx-chip-selected-text-color: rgba(0, 0, 0, 0.62);
  --igx-chip-selected-background: rgba(0, 0, 0, 0.12);
  --igx-chip-selected-border-color: transparent;
  --igx-chip-hover-selected-text-color: rgba(0, 0, 0, 0.62);
  --igx-chip-hover-selected-background: rgba(0, 0, 0, 0.26);
  --igx-chip-hover-selected-border-color: transparent;
  --igx-chip-focus-selected-text-color: rgba(0, 0, 0, 0.62);
  --igx-chip-focus-selected-background: rgba(0, 0, 0, 0.26);
  --igx-chip-focus-selected-border-color: transparent;
  --igx-chip-ghost-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-chip-area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.igx-chip-area:empty {
  display: none;
}
.igx-chip, .igx-chip__ghost, .igx-chip__ghost--cosy, .igx-chip__ghost--compact, .igx-chip--cosy, .igx-chip--compact {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  transition: all 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: top, left;
  touch-action: none;
}
.igx-chip:focus, .igx-chip__ghost:focus, .igx-chip__ghost--cosy:focus, .igx-chip__ghost--compact:focus, .igx-chip--cosy:focus, .igx-chip--compact:focus {
  outline-style: none;
}
.igx-chip--disabled .igx-chip__item {
  cursor: default;
  pointer-events: none;
}
.igx-chip igx-icon, .igx-chip__ghost igx-icon, .igx-chip__ghost--cosy igx-icon, .igx-chip__ghost--compact igx-icon, .igx-chip--cosy igx-icon, .igx-chip--compact igx-icon {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
  outline-style: none;
}
.igx-chip--cosy igx-icon {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
  outline-style: none;
}
.igx-chip__ghost--compact igx-icon, .igx-chip--compact igx-icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  outline-style: none;
}
.igx-chip igx-prefix, .igx-chip__ghost igx-prefix, .igx-chip__ghost--cosy igx-prefix, .igx-chip__ghost--compact igx-prefix, .igx-chip--cosy igx-prefix, .igx-chip--compact igx-prefix,
.igx-chip [igxPrefix],
.igx-chip__ghost [igxPrefix],
.igx-chip__ghost--cosy [igxPrefix],
.igx-chip__ghost--compact [igxPrefix],
.igx-chip--cosy [igxPrefix],
.igx-chip--compact [igxPrefix],
.igx-chip igx-suffix,
.igx-chip__ghost igx-suffix,
.igx-chip__ghost--cosy igx-suffix,
.igx-chip__ghost--compact igx-suffix,
.igx-chip--cosy igx-suffix,
.igx-chip--compact igx-suffix,
.igx-chip [igxSuffix],
.igx-chip__ghost [igxSuffix],
.igx-chip__ghost--cosy [igxSuffix],
.igx-chip__ghost--compact [igxSuffix],
.igx-chip--cosy [igxSuffix],
.igx-chip--compact [igxSuffix] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  max-width: 32ch;
}
.igx-chip igx-suffix + igx-suffix, .igx-chip__ghost igx-suffix + igx-suffix, .igx-chip__ghost--cosy igx-suffix + igx-suffix, .igx-chip__ghost--compact igx-suffix + igx-suffix, .igx-chip--cosy igx-suffix + igx-suffix, .igx-chip--compact igx-suffix + igx-suffix,
.igx-chip [igxSuffix] + igx-suffix,
.igx-chip__ghost [igxSuffix] + igx-suffix,
.igx-chip__ghost--cosy [igxSuffix] + igx-suffix,
.igx-chip__ghost--compact [igxSuffix] + igx-suffix,
.igx-chip--cosy [igxSuffix] + igx-suffix,
.igx-chip--compact [igxSuffix] + igx-suffix,
.igx-chip igx-suffix + [igxSuffix],
.igx-chip__ghost igx-suffix + [igxSuffix],
.igx-chip__ghost--cosy igx-suffix + [igxSuffix],
.igx-chip__ghost--compact igx-suffix + [igxSuffix],
.igx-chip--cosy igx-suffix + [igxSuffix],
.igx-chip--compact igx-suffix + [igxSuffix],
.igx-chip [igxSuffix] + [igxSuffix],
.igx-chip__ghost [igxSuffix] + [igxSuffix],
.igx-chip__ghost--cosy [igxSuffix] + [igxSuffix],
.igx-chip__ghost--compact [igxSuffix] + [igxSuffix],
.igx-chip--cosy [igxSuffix] + [igxSuffix],
.igx-chip--compact [igxSuffix] + [igxSuffix],
.igx-chip igx-suffix + .igx-chip__remove,
.igx-chip__ghost igx-suffix + .igx-chip__remove,
.igx-chip__ghost--cosy igx-suffix + .igx-chip__remove,
.igx-chip__ghost--compact igx-suffix + .igx-chip__remove,
.igx-chip--cosy igx-suffix + .igx-chip__remove,
.igx-chip--compact igx-suffix + .igx-chip__remove,
.igx-chip [igxSuffix] + .igx-chip__remove,
.igx-chip__ghost [igxSuffix] + .igx-chip__remove,
.igx-chip__ghost--cosy [igxSuffix] + .igx-chip__remove,
.igx-chip__ghost--compact [igxSuffix] + .igx-chip__remove,
.igx-chip--cosy [igxSuffix] + .igx-chip__remove,
.igx-chip--compact [igxSuffix] + .igx-chip__remove {
  margin-left: 0.25rem;
}
.igx-chip igx-prefix + igx-prefix, .igx-chip__ghost igx-prefix + igx-prefix, .igx-chip__ghost--cosy igx-prefix + igx-prefix, .igx-chip__ghost--compact igx-prefix + igx-prefix, .igx-chip--cosy igx-prefix + igx-prefix, .igx-chip--compact igx-prefix + igx-prefix,
.igx-chip [igxPrefix] + igx-prefix,
.igx-chip__ghost [igxPrefix] + igx-prefix,
.igx-chip__ghost--cosy [igxPrefix] + igx-prefix,
.igx-chip__ghost--compact [igxPrefix] + igx-prefix,
.igx-chip--cosy [igxPrefix] + igx-prefix,
.igx-chip--compact [igxPrefix] + igx-prefix,
.igx-chip igx-prefix + [igxPrefix],
.igx-chip__ghost igx-prefix + [igxPrefix],
.igx-chip__ghost--cosy igx-prefix + [igxPrefix],
.igx-chip__ghost--compact igx-prefix + [igxPrefix],
.igx-chip--cosy igx-prefix + [igxPrefix],
.igx-chip--compact igx-prefix + [igxPrefix],
.igx-chip [igxPrefix] + [igxPrefix],
.igx-chip__ghost [igxPrefix] + [igxPrefix],
.igx-chip__ghost--cosy [igxPrefix] + [igxPrefix],
.igx-chip__ghost--compact [igxPrefix] + [igxPrefix],
.igx-chip--cosy [igxPrefix] + [igxPrefix],
.igx-chip--compact [igxPrefix] + [igxPrefix] {
  margin-left: 0.25rem;
}
.igx-chip igx-prefix + igx-prefix.igx-avatar, .igx-chip__ghost igx-prefix + igx-prefix.igx-avatar, .igx-chip__ghost--cosy igx-prefix + igx-prefix.igx-avatar, .igx-chip__ghost--compact igx-prefix + igx-prefix.igx-avatar, .igx-chip--cosy igx-prefix + igx-prefix.igx-avatar, .igx-chip--compact igx-prefix + igx-prefix.igx-avatar,
.igx-chip [igxPrefix] + igx-prefix.igx-avatar,
.igx-chip__ghost [igxPrefix] + igx-prefix.igx-avatar,
.igx-chip__ghost--cosy [igxPrefix] + igx-prefix.igx-avatar,
.igx-chip__ghost--compact [igxPrefix] + igx-prefix.igx-avatar,
.igx-chip--cosy [igxPrefix] + igx-prefix.igx-avatar,
.igx-chip--compact [igxPrefix] + igx-prefix.igx-avatar, .igx-chip igx-prefix + igx-prefix.igx-avatar--rounded, .igx-chip__ghost igx-prefix + igx-prefix.igx-avatar--rounded, .igx-chip__ghost--cosy igx-prefix + igx-prefix.igx-avatar--rounded, .igx-chip__ghost--compact igx-prefix + igx-prefix.igx-avatar--rounded, .igx-chip--cosy igx-prefix + igx-prefix.igx-avatar--rounded, .igx-chip--compact igx-prefix + igx-prefix.igx-avatar--rounded,
.igx-chip [igxPrefix] + igx-prefix.igx-avatar--rounded,
.igx-chip__ghost [igxPrefix] + igx-prefix.igx-avatar--rounded,
.igx-chip__ghost--cosy [igxPrefix] + igx-prefix.igx-avatar--rounded,
.igx-chip__ghost--compact [igxPrefix] + igx-prefix.igx-avatar--rounded,
.igx-chip--cosy [igxPrefix] + igx-prefix.igx-avatar--rounded,
.igx-chip--compact [igxPrefix] + igx-prefix.igx-avatar--rounded,
.igx-chip igx-prefix + [igxPrefix].igx-avatar,
.igx-chip__ghost igx-prefix + [igxPrefix].igx-avatar,
.igx-chip__ghost--cosy igx-prefix + [igxPrefix].igx-avatar,
.igx-chip__ghost--compact igx-prefix + [igxPrefix].igx-avatar,
.igx-chip--cosy igx-prefix + [igxPrefix].igx-avatar,
.igx-chip--compact igx-prefix + [igxPrefix].igx-avatar,
.igx-chip [igxPrefix] + [igxPrefix].igx-avatar,
.igx-chip__ghost [igxPrefix] + [igxPrefix].igx-avatar,
.igx-chip__ghost--cosy [igxPrefix] + [igxPrefix].igx-avatar,
.igx-chip__ghost--compact [igxPrefix] + [igxPrefix].igx-avatar,
.igx-chip--cosy [igxPrefix] + [igxPrefix].igx-avatar,
.igx-chip--compact [igxPrefix] + [igxPrefix].igx-avatar,
.igx-chip igx-prefix + [igxPrefix].igx-avatar--rounded,
.igx-chip__ghost igx-prefix + [igxPrefix].igx-avatar--rounded,
.igx-chip__ghost--cosy igx-prefix + [igxPrefix].igx-avatar--rounded,
.igx-chip__ghost--compact igx-prefix + [igxPrefix].igx-avatar--rounded,
.igx-chip--cosy igx-prefix + [igxPrefix].igx-avatar--rounded,
.igx-chip--compact igx-prefix + [igxPrefix].igx-avatar--rounded,
.igx-chip [igxPrefix] + [igxPrefix].igx-avatar--rounded,
.igx-chip__ghost [igxPrefix] + [igxPrefix].igx-avatar--rounded,
.igx-chip__ghost--cosy [igxPrefix] + [igxPrefix].igx-avatar--rounded,
.igx-chip__ghost--compact [igxPrefix] + [igxPrefix].igx-avatar--rounded,
.igx-chip--cosy [igxPrefix] + [igxPrefix].igx-avatar--rounded,
.igx-chip--compact [igxPrefix] + [igxPrefix].igx-avatar--rounded {
  max-height: 100%;
  max-width: 100%;
  margin-left: 0 !important;
}
.igx-chip__content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 0.5rem;
  max-width: 32ch;
}
.igx-chip__content:empty {
  display: none;
}
.igx-chip--cosy .igx-chip__content {
  padding: 0 0.25rem;
}
.igx-chip--compact .igx-chip__content {
  padding: 0 0.125rem;
}
.igx-chip__remove {
  display: inline-flex;
  margin-right: 0.25rem;
  color: currentColor;
}
.igx-chip__remove:empty {
  display: none;
}
.igx-chip__remove:focus {
  outline-style: none;
}
.igx-chip__remove:focus igx-icon {
  outline-style: none;
  color: #ff134a;
}
.igx-chip__remove igx-icon:focus {
  outline-style: none;
}
.igx-chip__select, .igx-chip__select--hidden {
  display: inline-flex;
  align-items: center;
  width: 18px;
  opacity: 1;
  z-index: 1;
  transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), width 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.igx-chip__select > *, .igx-chip__select--hidden > * {
  width: inherit !important;
}
.igx-chip__select + igx-prefix, .igx-chip__select--hidden + igx-prefix,
.igx-chip__select + [igxPrefix],
.igx-chip__select--hidden + [igxPrefix] {
  margin-left: 0.25rem;
}
.igx-chip__select--hidden {
  width: 0;
  opacity: 0;
  z-index: -1;
}
.igx-chip__select--hidden + igx-prefix,
.igx-chip__select--hidden + [igxPrefix] {
  margin-left: 0;
}
.igx-chip__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  height: 2rem;
  padding: 0 0.25rem;
  color: rgba(0, 0, 0, 0.62);
  background: rgba(0, 0, 0, 0.08);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  filter: opacity(1);
}
.igx-chip__item:hover {
  color: rgba(0, 0, 0, 0.62);
  background: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  transition: all 120ms ease-in;
}
.igx-chip__item:focus {
  color: rgba(0, 0, 0, 0.62);
  background: rgba(0, 0, 0, 0.26);
  border-color: transparent;
  outline-style: none;
}
.igx-chip__item--selected {
  color: rgba(0, 0, 0, 0.62);
  background: rgba(0, 0, 0, 0.12);
  border-color: transparent;
}
.igx-chip__item--selected:hover {
  color: rgba(0, 0, 0, 0.62);
  background: rgba(0, 0, 0, 0.26);
  border-color: transparent;
  transition: all 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.igx-chip__item--selected:focus {
  color: rgba(0, 0, 0, 0.62);
  background: rgba(0, 0, 0, 0.26);
  border-color: transparent;
  transition: all 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.igx-chip--cosy .igx-chip__item {
  height: 1.5rem;
  padding: 0 0.25rem;
}
.igx-chip--compact .igx-chip__item {
  height: 1.125rem;
  padding: 0 0.125rem;
}
.igx-chip__ghost, .igx-chip__ghost--cosy, .igx-chip__ghost--compact {
  position: absolute;
  z-index: 10;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  background: #bcbcbc;
}
.igx-chip__ghost:hover, .igx-chip__ghost--cosy:hover, .igx-chip__ghost--compact:hover, .igx-chip__ghost:focus, .igx-chip__ghost--cosy:focus, .igx-chip__ghost--compact:focus {
  background: #bcbcbc;
}
.igx-chip__ghost--cosy {
  height: 1.5rem;
}
.igx-chip__ghost--cosy .igx-chip__content {
  padding: 0 0.25rem;
}
.igx-chip__ghost--compact {
  height: 1.125rem;
}
.igx-chip__ghost--compact .igx-chip__content {
  padding: 0 0.125rem;
}
:root {
  --igx-column-hiding-background-color: transparent;
  --igx-column-hiding-title-color: #00a5c3;
}
.igx-column-hiding {
  display: flex;
  flex-flow: column nowrap;
  background: transparent;
  width: 100%;
  flex: 1 1 auto;
  min-width: 11.25rem;
}
.igx-column-hiding__header-title {
  color: #00a5c3;
  margin: 0;
  padding: 1rem 1rem 0.5rem;
}
.igx-column-hiding__header-input {
  font-size: 1rem !important;
  margin: -16px 0 0 !important;
  padding: 0.5rem 1rem;
}
.igx-column-hiding__columns {
  display: flex;
  flex-flow: column nowrap;
  overflow-y: auto;
}
.igx-column-hiding__columns-item {
  padding: 1rem;
  min-height: 3.25rem;
}
.igx-column-hiding__buttons {
  display: flex;
  justify-content: flex-end;
  padding: 0.5rem 1rem;
}
:root {
  --igx-combo-empty-list-background: #fff;
  --igx-combo-search-separator-border-color: rgba(0, 0, 0, 0.12);
  --igx-combo-empty-list-placeholder-color: rgba(0, 0, 0, 0.26);
}
.igx-combo {
  position: relative;
  display: block;
}
.igx-combo .igx-button--icon {
  width: 1.5rem;
  height: 1.5rem;
}
.igx-combo__checkbox {
  margin-right: 0.5rem;
}
.igx-combo__drop-down {
  position: absolute;
  width: 100%;
}
.igx-combo__drop-down .igx-drop-down {
  width: 100%;
}
.igx-combo__search {
  padding: 0.5rem 1rem;
  margin: 0 !important;
  z-index: 26;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}
.igx-combo__content {
  position: relative;
  overflow: hidden;
}
.igx-combo__content:focus {
  outline: transparent;
}
.igx-combo__add {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 1rem;
  background: #fff;
}
.igx-combo__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: rgba(0, 0, 0, 0.26);
  padding: 0 1.5rem;
  font-size: 0.8125rem;
}
.igx-combo__add-item.igx-drop-down__item {
  width: auto !important;
  padding: 0 !important;
}
.igx-combo__add-item.igx-drop-down__item:hover {
  background: transparent !important;
}
.igx-combo__add-item.igx-drop-down__item--focused:focus {
  background: transparent !important;
}
.igx-date-picker {
  min-width: 200px;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.26), 0 24px 38px 3px rgba(0, 0, 0, 0.12), 0 9px 46px 8px rgba(0, 0, 0, 0.08);
  border-radius: 0px;
  background: #fff;
  overflow: hidden;
}
.igx-date-picker .igx-calendar, .igx-date-picker .igx-calendar--vertical {
  background: #fff;
}
.igx-date-picker .igx-calendar__header {
  background: #00a5c3;
  color: black;
}
.igx-date-picker .igx-calendar-picker__prev, .igx-date-picker .igx-calendar-picker__next {
  color: rgba(0, 0, 0, 0.74);
}
.igx-date-picker .igx-calendar-picker__prev:hover, .igx-date-picker .igx-calendar-picker__next:hover {
  color: #00a5c3;
}
.igx-date-picker .igx-calendar-picker__date {
  color: rgba(0, 0, 0, 0.74);
}
.igx-date-picker .igx-calendar-picker__date:hover, .igx-date-picker .igx-calendar-picker__date:focus {
  color: #00a5c3;
}
.igx-date-picker .igx-calendar__label, .igx-date-picker .igx-calendar__date, .igx-date-picker .igx-calendar__date--inactive, .igx-date-picker .igx-calendar__date--selected, .igx-date-picker .igx-calendar__date--current, .igx-date-picker .igx-calendar__date--weekend, .igx-date-picker .igx-calendar__date--special, .igx-date-picker .igx-calendar__date--disabled, .igx-date-picker .igx-calendar__year, .igx-date-picker .igx-calendar__year--current, .igx-date-picker .igx-calendar__month, .igx-date-picker .igx-calendar__month--current {
  color: rgba(0, 0, 0, 0.87);
  flex-basis: 14.28%;
}
.igx-date-picker .igx-calendar__label {
  color: rgba(0, 0, 0, 0.26);
}
.igx-date-picker .igx-calendar__label:hover, .igx-date-picker .igx-calendar__label:focus {
  color: rgba(0, 0, 0, 0.26);
}
.igx-date-picker .igx-calendar__date--weekend {
  color: rgba(0, 0, 0, 0.38);
}
.igx-date-picker .igx-calendar__date--special {
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.04);
}
.igx-date-picker .igx-calendar__date--disabled {
  color: rgba(158, 158, 158, 0.6);
}
.igx-date-picker .igx-calendar__year--current {
  color: #00a5c3;
}
.igx-date-picker .igx-calendar__year:hover, .igx-date-picker .igx-calendar__year:focus {
  color: #00a5c3;
}
.igx-date-picker .igx-calendar__month:hover, .igx-date-picker .igx-calendar__month:focus, .igx-date-picker .igx-calendar__month--current:hover, .igx-date-picker .igx-calendar__month--current:focus {
  color: black;
}
.igx-date-picker .igx-calendar__month--current {
  color: #00a5c3;
}
.igx-date-picker .igx-calendar__date--inactive {
  color: rgba(0, 0, 0, 0.26);
}
.igx-date-picker .igx-calendar__date--inactive:hover {
  color: rgba(0, 0, 0, 0.26);
}
.igx-date-picker .igx-calendar__date--selected {
  color: black;
}
.igx-date-picker .igx-calendar__date--current {
  color: #00a5c3;
}
.igx-date-picker .igx-calendar__date:hover .igx-calendar__date-content::after, .igx-date-picker .igx-calendar__date:focus .igx-calendar__date-content::after {
  background: rgba(0, 0, 0, 0.08);
}
.igx-date-picker .igx-calendar__date.igx-calendar__date--selected:hover .igx-calendar__date-content::after, .igx-date-picker .igx-calendar__date.igx-calendar__date--selected:focus .igx-calendar__date-content::after {
  background: rgba(0, 0, 0, 0.18);
}
.igx-date-picker--vertical {
  min-width: 368px;
  /* 168px for header + 200px for the content */
  max-width: 540px;
}
.igx-date-picker--dropdown {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.26), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.08);
}
.igx-date-picker__buttons {
  display: flex;
  justify-content: flex-end;
  padding: 0.5rem;
}
:root {
  --igx-dialog-border-radius: 0px;
  --igx-dialog-elevation: 24;
  --igx-dialog-variant: material;
  --igx-dialog-background: #fff;
  --igx-dialog-title-color: rgba(0, 0, 0, 0.87);
  --igx-dialog-message-color: rgba(0, 0, 0, 0.6);
  --igx-dialog-border-color: transparent;
  --igx-dialog-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.26), 0 24px 38px 3px rgba(0, 0, 0, 0.12), 0 9px 46px 8px rgba(0, 0, 0, 0.08);
}
.igx-dialog {
  outline-style: none;
}
.igx-dialog--hidden {
  display: none;
}
.igx-dialog__window {
  position: relative;
  min-width: 17.5rem;
  border: 1px solid transparent;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.26), 0 24px 38px 3px rgba(0, 0, 0, 0.12), 0 9px 46px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.igx-dialog__window .igx-calendar {
  width: 20rem;
}
.igx-dialog__window .igx-calendar--vertical {
  width: 31rem;
}
.igx-dialog__window-title {
  color: rgba(0, 0, 0, 0.87);
  padding: 1.5rem 1.5rem 0.75rem 1.5rem;
}
.igx-dialog__window-content {
  color: rgba(0, 0, 0, 0.6);
  max-width: 40ch;
  padding: 0.75rem 1.5rem;
}
.igx-dialog__window-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  padding: 0.5rem;
}
.igx-dialog__window-actions button + button {
  margin-left: 0.5rem;
}
:root {
  --igx-divider-color: rgba(0, 0, 0, 0.12);
}
.igx-divider {
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.igx-divider--dashed {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.12) 50%, transparent 50%);
  background-size: 10px 1px;
  /* dash size */
}
.igx-divider--vertical {
  display: inline-block;
  width: 1px;
  min-width: 1px;
  height: auto;
}
.igx-divider--vertical.igx-divider--dashed {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 50%, transparent 50%);
  background-size: 1px 10px;
  /* dash size */
}
:root {
  --igx-drop-down-border-radius: 0px;
  --igx-drop-down-elevation: 8;
  --igx-drop-down-background-color: #fff;
  --igx-drop-down-header-text-color: #00a5c3;
  --igx-drop-down-item-text-color: rgba(0, 0, 0, 0.74);
  --igx-drop-down-hover-item-text-color: rgba(0, 0, 0, 0.74);
  --igx-drop-down-hover-item-background: rgba(0, 0, 0, 0.04);
  --igx-drop-down-focused-item-background: rgba(0, 0, 0, 0.04);
  --igx-drop-down-focused-item-text-color: rgba(0, 0, 0, 0.74);
  --igx-drop-down-selected-item-background: #6ee2f7;
  --igx-drop-down-selected-item-text-color: black;
  --igx-drop-down-selected-hover-item-background: #36d0ec;
  --igx-drop-down-selected-hover-item-text-color: black;
  --igx-drop-down-selected-focus-item-background: #36d0ec;
  --igx-drop-down-selected-focus-item-text-color: black;
  --igx-drop-down-disabled-item-background: transparent;
  --igx-drop-down-disabled-item-text-color: rgba(0, 0, 0, 0.38);
  --igx-drop-down-border-color: rgba(0, 0, 0, 0.12);
  --igx-drop-down-border-width: 0;
  --igx-drop-down-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-drop-down {
  position: absolute;
}
.igx-drop-down__list {
  overflow: hidden;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
  min-width: 8rem;
  border: 0 solid rgba(0, 0, 0, 0.12);
}
.igx-drop-down__list-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.igx-drop-down__list-scroll:empty {
  box-shadow: none;
}
.igx-drop-down__list-scroll igx-input-group {
  margin-top: -16px !important;
}
.igx-drop-down__group label, .igx-drop-down__header,
.igx-drop-down__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  height: 2.5rem;
}
.igx-drop-down__item {
  color: rgba(0, 0, 0, 0.74);
  cursor: pointer;
  padding: 0 1.5rem;
}
.igx-drop-down__item:focus {
  outline: 0;
  outline-color: transparent;
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.74);
}
.igx-drop-down__item:hover {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.74);
}
.igx-drop-down__item--cosy {
  height: 2rem;
  padding: 0 1.25rem;
}
.igx-drop-down__item--compact {
  height: 1.75rem;
  padding: 0 1rem;
}
.igx-drop-down__group label, .igx-drop-down__header {
  color: #00a5c3;
  pointer-events: none;
  padding: 0 1rem;
}
.igx-drop-down__header--cosy {
  height: 2rem;
  padding: 0 0.75rem;
}
.igx-drop-down__header--compact {
  height: 1.75rem;
  padding: 0 0.5rem;
}
.igx-drop-down__group {
  pointer-events: auto;
}
.igx-drop-down__group .igx-drop-down__item {
  text-indent: 0 1.5rem;
}
.igx-drop-down__item--focused {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.74);
}
.igx-drop-down__item--focused:hover {
  color: rgba(0, 0, 0, 0.74);
  background: rgba(0, 0, 0, 0.04);
}
.igx-drop-down__item--selected {
  background: #6ee2f7;
  color: black;
}
.igx-drop-down__item--selected:hover {
  background: #36d0ec;
  color: black;
}
.igx-drop-down__item--selected.igx-drop-down__item--focused {
  background: #36d0ec;
  color: black;
}
.igx-drop-down__item--disabled, .igx-drop-down__group--disabled {
  background: transparent;
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
  pointer-events: none;
}
.igx-drop-down__item--disabled:hover, .igx-drop-down__group--disabled:hover {
  background: transparent;
}
:root {
  --igx-expansion-panel-border-radius: 0px;
  --igx-expansion-panel-header-background: #fff;
  --igx-expansion-panel-body-background: #fff;
  --igx-expansion-panel-header-focus-background: rgba(0, 0, 0, 0.04);
  --igx-expansion-panel-header-title-color: rgba(0, 0, 0, 0.74);
  --igx-expansion-panel-header-description-color: rgba(0, 0, 0, 0.54);
  --igx-expansion-panel-header-icon-color: rgba(0, 0, 0, 0.74);
  --igx-expansion-panel-body-color: rgba(0, 0, 0, 0.74);
  --igx-expansion-panel-disabled-color: rgba(0, 0, 0, 0.38);
}
.igx-expansion-panel {
  display: flex;
  flex-direction: column;
  border-radius: 0px;
  overflow: hidden;
}
.igx-expansion-panel__header-title {
  color: rgba(0, 0, 0, 0.74);
  margin-right: 1rem;
}
.igx-expansion-panel__header-description {
  color: rgba(0, 0, 0, 0.54);
}
.igx-expansion-panel__header-title,
.igx-expansion-panel__header-description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.igx-expansion-panel__header-inner {
  display: flex;
  align-items: center;
  padding: 1em;
  cursor: pointer;
  background: #fff;
}
.igx-expansion-panel__header-inner:focus, .igx-expansion-panel__header-inner:active {
  background: rgba(0, 0, 0, 0.04);
  outline: transparent;
}
.igx-expansion-panel__title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0%;
  overflow: hidden;
}
.igx-expansion-panel__header-icon--end {
  order: 1;
  margin-left: 1rem;
}
.igx-expansion-panel__header-icon--start {
  order: -1;
  margin-right: 1rem;
}
.igx-expansion-panel__header-icon--none {
  display: none;
}
.igx-expansion-panel__header-icon--end,
.igx-expansion-panel__header-icon--start {
  display: flex;
  align-content: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: rgba(0, 0, 0, 0.74);
}
.igx-expansion-panel__header-icon--end igx-icon,
.igx-expansion-panel__header-icon--start igx-icon {
  color: rgba(0, 0, 0, 0.74);
}
.igx-expansion-panel__body {
  color: rgba(0, 0, 0, 0.74);
  background: #fff;
  overflow: hidden;
}
.igx-expansion-panel--disabled .igx-expansion-panel__header-title,
.igx-expansion-panel--disabled .igx-expansion-panel__header-description {
  color: rgba(0, 0, 0, 0.38);
}
.igx-expansion-panel--disabled .igx-expansion-panel__header-icon--start igx-icon,
.igx-expansion-panel--disabled .igx-expansion-panel__header-icon--end igx-icon {
  color: rgba(0, 0, 0, 0.38);
}
:root {
  --igx-grid-drop-area-border-radius: 0px;
  --igx-grid-grid-elevation: 2;
  --igx-grid-drag-elevation: 5;
  --igx-grid-variant: material;
  --igx-grid-grouparea-color: rgba(0, 0, 0, 0.38);
  --igx-grid-filtering-background-and: #10c1e2;
  --igx-grid-filtering-background-or: #10c1e2;
  --igx-grid-filtering-background-and--focus: #007f96;
  --igx-grid-filtering-background-or--focus: #007f96;
  --igx-grid-grid-border-color: transparent;
  --igx-grid-header-background: #f4f4f4;
  --igx-grid-header-text-color: rgba(0, 0, 0, 0.54);
  --igx-grid-sortable-header-icon-hover-color: #00a5c3;
  --igx-grid-sorted-header-icon-color: #00a5c3;
  --igx-grid-header-border-width: 1px;
  --igx-grid-header-border-style: solid;
  --igx-grid-header-border-color: rgba(0, 0, 0, 0.08);
  --igx-grid-content-background: #fff;
  --igx-grid-content-text-color: rgba(0, 0, 0, 0.74);
  --igx-grid-ghost-header-text-color: rgba(0, 0, 0, 0.54);
  --igx-grid-ghost-header-icon-color: rgba(0, 0, 0, 0.38);
  --igx-grid-ghost-header-background: #fff;
  --igx-grid-row-odd-background: #fff;
  --igx-grid-row-even-background: #fff;
  --igx-grid-row-odd-text-color: inherit;
  --igx-grid-row-even-text-color: inherit;
  --igx-grid-row-selected-background: #84ecff;
  --igx-grid-row-selected-hover-background: #84ecff;
  --igx-grid-row-selected-text-color: black;
  --igx-grid-row-hover-background: #f4f4f4;
  --igx-grid-row-hover-text-color: black;
  --igx-grid-row-border-color: rgba(0, 0, 0, 0.12);
  --igx-grid-pinned-border-width: 2px;
  --igx-grid-pinned-border-style: solid;
  --igx-grid-pinned-border-color: rgba(0, 0, 0, 0.26);
  --igx-grid-cell-active-border-color: #00a5c3;
  --igx-grid-cell-selected-background: #eaeaea;
  --igx-grid-cell-selected-text-color: black;
  --igx-grid-cell-editing-background: #fff;
  --igx-grid-edit-mode-color: #00a5c3;
  --igx-grid-edited-row-indicator: rgba(0, 0, 0, 0.26);
  --igx-grid-cell-edited-value-color: rgba(0, 0, 0, 0.54);
  --igx-grid-resize-line-color: #00a5c3;
  --igx-grid-drop-indicator-color: #00a5c3;
  --igx-grid-grouparea-background: #f4f4f4;
  --igx-grid-group-label-column-name-text: #00a5c3;
  --igx-grid-group-label-icon: #00a5c3;
  --igx-grid-group-label-text: rgba(0, 0, 0, 0.74);
  --igx-grid-expand-all-icon-color: rgba(0, 0, 0, 0.54);
  --igx-grid-expand-all-icon-hover-color: rgba(0, 0, 0, 0.74);
  --igx-grid-expand-icon-color: rgba(0, 0, 0, 0.54);
  --igx-grid-expand-icon-hover-color: #00a5c3;
  --igx-grid-active-expand-icon-color: rgba(0, 0, 0, 0.38);
  --igx-grid-active-expand-icon-hover-color: #00a5c3;
  --igx-grid-group-count-background: rgba(0, 0, 0, 0.08);
  --igx-grid-group-count-text-color: rgba(0, 0, 0, 0.54);
  --igx-grid-drop-area-text-color: rgba(0, 0, 0, 0.54);
  --igx-grid-drop-area-icon-color: #9e9e9e;
  --igx-grid-drop-area-background: rgba(0, 0, 0, 0.04);
  --igx-grid-drop-area-on-drop-background: rgba(0, 0, 0, 0.08);
  --igx-grid-group-row-background: #f4f4f4;
  --igx-grid-group-row-selected-background: #eaeaea;
  --igx-grid-filtering-header-background: #fff;
  --igx-grid-filtering-header-text-color: rgba(0, 0, 0, 0.74);
  --igx-grid-filtering-row-background: #fff;
  --igx-grid-filtering-row-text-color: rgba(0, 0, 0, 0.74);
  --igx-grid-tree-filtered-text-color: rgba(0, 0, 0, 0.38);
  --igx-grid-body-summaries-background: #f4f4f4;
  --igx-grid-body-summaries-text-color: black;
  --igx-grid-root-summaries-background: #e0e0e0;
  --igx-grid-root-summaries-text-color: black;
  --igx-grid-row-highlight: #00a5c3;
  --igx-grid-row-ghost-background: #84ecff;
  --igx-grid-row-drag-color: rgba(0, 0, 0, 0.08);
  --igx-grid-tree-selected-filtered-row-text-color: rgba(0, 0, 0, 0.5);
  --igx-grid-tree-selected-filtered-cell-text-color: rgba(0, 0, 0, 0.5);
  --igx-grid-row-selected-cell-background: #5be6ff;
  --igx-grid-grid-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  --igx-grid-drag-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.26), 0 5px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 14px 0 rgba(0, 0, 0, 0.08);
}
.igx-grid, .igx-grid--cosy, .igx-grid--compact {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto 1fr auto auto;
  grid-template-rows: auto auto auto 1fr auto auto;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  overflow: hidden;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  outline-style: none;
  z-index: 1;
  border: 0 solid transparent;
}
.igx-grid .igx-checkbox, .igx-grid--cosy .igx-checkbox, .igx-grid--compact .igx-checkbox {
  min-width: 1.25rem;
}
.igx-grid__caption {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  line-height: 2rem;
  padding: 1rem 1.5rem;
  -ms-grid-row: 1;
  grid-row: 1;
}
.igx-grid__thead-wrapper,
.igx-grid__tfoot {
  position: relative;
  display: flex;
  background: #f4f4f4;
  color: rgba(0, 0, 0, 0.54);
  overflow: hidden;
}
.igx-grid__thead-wrapper .igx-grid__tr,
.igx-grid__tfoot .igx-grid__tr {
  position: relative;
  background: inherit;
  color: inherit;
  z-index: 2;
}
.igx-grid__thead-wrapper .igx-grid__tr:hover,
.igx-grid__tfoot .igx-grid__tr:hover {
  background: inherit;
  color: inherit;
}
.igx-grid__thead-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 2;
}
.igx-grid__thead-wrapper .igx-grid__cbx-selection--push {
  align-items: flex-start;
  padding-top: 0.9375rem;
}
.igx-grid__thead-wrapper .igx-grid__tr:last-of-type {
  border-bottom: none;
}
.igx-grid__thead {
  -ms-grid-row: 3;
  grid-row: 3;
  display: flex;
  overflow: hidden;
}
.igx-grid__thead .igx-grid__drag-indicator {
  cursor: default;
}
.igx-grid__thead .igx-grid__tr--mrl .igx-grid__hierarchical-expander--header,
.igx-grid__thead .igx-grid__tr--mrl .igx-grid__header-indentation,
.igx-grid__thead .igx-grid__tr--mrl .igx-grid__row-indentation,
.igx-grid__thead .igx-grid__tr--mrl .igx-grid__cbx-selection {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.igx-grid--cosy .igx-grid__thead-wrapper .igx-grid__cbx-selection--push {
  align-items: flex-start;
  padding-top: 0.625rem;
}
.igx-grid--compact .igx-grid__thead-wrapper .igx-grid__cbx-selection--push {
  align-items: flex-start;
  padding-top: 0.375rem;
}
.igx-grid__thead-title {
  flex-basis: auto !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  height: 3.125rem;
}
.igx-grid__thead-title--pinned-last {
  border-right: 2px solid rgba(0, 0, 0, 0.26) !important;
}
.igx-grid--cosy .igx-grid__thead-title {
  height: 2.5rem;
  padding: 0 1rem;
}
.igx-grid--compact .igx-grid__thead-title {
  height: 2rem;
  padding: 0 0.75rem;
}
.igx-grid__thead-group {
  display: flex;
  flex-flow: row nowrap;
}
/* We set those with position relative
so that the drop indicators be scoped
to their respective group. The item
being the topmost element, while the
subgroup encapsulates children of each
thead item and group.
*/
.igx-grid__thead-item {
  display: flex;
  flex-flow: column nowrap;
}
.igx-grid__thead-item .igx-grid__thead-group {
  flex: 1 1 auto;
}
.igx-grid__thead-item .igx-grid__thead-title, .igx-grid__thead-item .igx-grid__th {
  flex: 1 1 auto;
}
.igx-grid__thead-item .igx-grid__thead-title {
  flex: 0 0 auto;
}
.igx-grid__thead-item,
.igx-grid__thead-subgroup {
  position: relative;
}
.igx-grid__tfoot {
  -ms-grid-row: 5;
  grid-row: 5;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 10001;
}
.igx-grid__footer {
  -ms-grid-row: 7;
  grid-row: 7;
}
.igx-grid__thead-wrapper igx-display-container {
  width: 100%;
  overflow: visible;
}
.igx-grid__tr igx-display-container, .igx-grid__summaries igx-display-container, .igx-grid__summaries--body igx-display-container {
  width: 100%;
  overflow: visible;
}
.igx-grid__mrl-block {
  display: -ms-grid;
  display: grid;
  background: inherit;
}
.igx-grid__mrl-block .igx-grid__thead-item {
  display: flex;
}
.igx-grid__mrl-block .igx-grid__thead-title, .igx-grid__mrl-block .igx-grid__th {
  align-items: center;
  flex-grow: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.igx-grid__mrl-block .igx-grid__thead-title, .igx-grid__mrl-block .igx-grid__th, .igx-grid__mrl-block .igx-grid__td {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.igx-grid__tr--mrl.igx-grid__tr {
  border-bottom-color: transparent;
}
.igx-grid__tr--mrl .igx-grid__cbx-selection,
.igx-grid__tr--mrl .igx-grid__row-indentation,
.igx-grid__tr--mrl .igx-grid__drag-indicator {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.igx-grid__tbody-content {
  position: relative;
  background: #fff;
  color: rgba(0, 0, 0, 0.74);
  overflow: hidden;
  z-index: 1;
}
.igx-grid__tbody {
  position: relative;
  display: flex;
  -ms-grid-row: 4;
  grid-row: 4;
  overflow: hidden;
}
.igx-grid__tbody-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: rgba(0, 0, 0, 0.74);
}
.igx-grid__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 100px;
}
.igx-grid__loading > .igx-circular-bar {
  width: 3.125rem;
  height: 3.125rem;
}
.igx-grid__scroll {
  -ms-grid-row: 6;
  grid-row: 6;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  background: #f4f4f4;
  z-index: 10001;
  overflow: hidden;
}
.igx-grid__thead-thumb {
  background: #f4f4f4;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.igx-grid__tfoot-thumb {
  background: #f4f4f4;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.igx-grid__tbody-scrollbar {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
}
.igx-grid__scroll-start {
  background: #f4f4f4;
}
.igx-grid__scroll-main igx-display-container {
  height: 0;
}
.igx-grid__scroll-main igx-horizontal-virtual-helper {
  height: 100%;
}
.igx-grid__tr {
  display: flex;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  outline-style: none;
  position: relative;
}
.igx-grid__tr:hover {
  background: #f4f4f4;
  color: black;
}
.igx-grid__tr.igx-grid__tr--ghost {
  background: #84ecff;
  z-index: 1;
}
.igx-grid__drag-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  padding-right: 0;
  min-width: calc(1.5rem + 1.5rem);
  background: inherit;
  z-index: 4;
  cursor: move;
}
.igx-grid__drag-indicator .igx-icon, .igx-grid__drag-indicator .igx-icon--inactive {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.igx-grid--cosy .igx-grid__drag-indicator {
  padding: 0 1rem;
  min-width: calc(1.5rem + 1rem);
  padding-right: 0;
}
.igx-grid--compact .igx-grid__drag-indicator {
  padding: 0 0.75rem;
  min-width: calc(1.5rem + 0.75rem);
  padding-right: 0;
}
.igx-grid__drag-indicator--header {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.igx-grid__hierarchical-expander + .igx-grid__drag-indicator {
  padding-left: 0;
  min-width: 1.5rem;
}
.igx-grid__drag-indicator--off {
  color: rgba(0, 0, 0, 0.08);
}
.igx-grid__tr--drag {
  opacity: 0.5;
}
.igx-grid__tr--odd {
  background: #fff;
  color: inherit;
}
.igx-grid__tr--even {
  background: #fff;
  color: inherit;
}
.igx-grid__tr--selected {
  color: black;
  background: #84ecff;
}
.igx-grid__tr--selected .igx-grid__td--selected {
  background: #5be6ff;
}
.igx-grid__tr--selected:hover {
  background: #84ecff;
  color: black;
}
.igx-grid__tr--selected .igx-grid__tree-grouping-indicator {
  color: black;
}
.igx-grid__tr--selected .igx-grid__tree-grouping-indicator:hover {
  color: black;
}
.igx-grid__tr--expanded {
  border-bottom: none;
}
.igx-grid__tr--edit {
  border-bottom: 1px solid #00a5c3;
  position: relative;
}
.igx-grid__tr--edit::after {
  content: "";
  position: absolute;
  height: 0.0625rem;
  width: 100%;
  top: -0.0625rem;
  left: 0;
  background: #00a5c3;
}
.igx-grid__tr--edit.igx-grid__tr {
  border-bottom: 1px solid #00a5c3;
}
.igx-grid__tr--edit .igx-grid__td--editing {
  border: none;
}
.igx-grid__tr--edit .igx-grid__td--editing .igx-input-group--focused .igx-input-group__bundle, .igx-input-group--focused .igx-grid__tr--edit .igx-grid__td--editing .igx-input-group__bundle {
  caret-color: #00a5c3 !important;
}
.igx-grid__tr--edit .igx-grid__td--editing .igx-input-group__border {
  background: #00a5c3 !important;
}
.igx-grid__tr--mrl.igx-grid__tr--edit:first-of-type::after {
  top: 0;
  z-index: 5;
}
.igx-grid__tr--edited::before {
  content: "";
  position: absolute;
  width: 0.125rem;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.26);
}
.igx-grid__tr--group {
  position: relative;
  background: #f4f4f4 !important;
}
.igx-grid__tr--filtered .igx-grid__td-text {
  color: rgba(0, 0, 0, 0.38);
}
.igx-grid__tr--filtered .igx-grid__tree-grouping-indicator {
  color: rgba(0, 0, 0, 0.38);
}
.igx-grid__tr--filtered .igx-grid__tree-grouping-indicator:hover {
  color: rgba(0, 0, 0, 0.38);
}
.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__td-text {
  color: rgba(0, 0, 0, 0.5);
}
.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__tree-grouping-indicator {
  color: rgba(0, 0, 0, 0.5);
}
.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__tree-grouping-indicator:hover {
  color: rgba(0, 0, 0, 0.5);
}
.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__td-text {
  color: rgba(0, 0, 0, 0.5);
}
.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__tree-grouping-indicator {
  color: rgba(0, 0, 0, 0.5);
}
.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__tree-grouping-indicator:hover {
  color: rgba(0, 0, 0, 0.5);
}
.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__td-text {
  color: rgba(0, 0, 0, 0.5);
}
.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__tree-grouping-indicator {
  color: rgba(0, 0, 0, 0.5);
}
.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__tree-grouping-indicator:hover {
  color: rgba(0, 0, 0, 0.5);
}
.igx-grid__tree-grouping-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline-style: none;
  margin-right: 0.5rem;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.54);
}
.igx-grid__tree-grouping-indicator:hover {
  color: #00a5c3;
}
.igx-grid__tree-loading-indicator {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.igx-grid__tree-loading-indicator .igx-circular-bar__outer {
  stroke: rgba(0, 0, 0, 0.54);
}
.igx-grid__tree-loading-indicator > .igx-circular-bar {
  width: 1.5rem;
  height: 1.5rem;
}
.igx-grid__thead-title, .igx-grid__th, .igx-grid__td {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  outline-style: none;
  padding: 0 1.5rem;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: inherit;
  text-align: left;
}
.igx-grid__td--tree-cell {
  overflow: hidden;
}
.igx-grid__td-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.igx-grid--cosy .igx-grid__td {
  padding: 0 1rem;
}
.igx-grid--compact .igx-grid__td {
  padding: 0 0.75rem;
}
.igx-grid__th--fw, .igx-grid__td--fw {
  flex-grow: 0;
  outline-style: none;
}
.igx-grid__td--active {
  box-shadow: inset 0 0 0 1px #00a5c3;
}
.igx-grid__td--selected {
  color: black;
  background: #eaeaea;
}
.igx-grid__td--selected .igx-grid__tree-grouping-indicator {
  color: black;
}
.igx-grid__td--selected .igx-grid__tree-grouping-indicator:hover {
  color: black;
}
.igx-grid__td--edited .igx-grid__td-text {
  font-style: italic;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 1px;
}
.igx-grid__tr--deleted .igx-grid__td-text {
  font-style: italic;
  color: #ff134a;
  text-decoration: line-through;
}
.igx-grid__td--editing {
  background: #fff !important;
  box-shadow: inset 0 0 0 0.125rem #00a5c3;
}
.igx-grid__td--editing igx-input-group {
  width: 100%;
  margin-top: -16px;
}
.igx-grid__td--editing .igx-input-group__input, .igx-grid__td--editing .igx-input-group__textarea {
  font-size: 0.8125rem !important;
  line-height: 1rem !important;
}
.igx-grid__th--pinned, .igx-grid__td--pinned, .igx-grid__td--pinned-last {
  position: relative;
  background: inherit;
  z-index: 9999;
}
.igx-grid__td--pinned.igx-grid__td--selected {
  color: black;
  background: #eaeaea;
}
.igx-grid__th--pinned-last, .igx-grid__td--pinned-last {
  border-right: 2px solid rgba(0, 0, 0, 0.26) !important;
}
.igx-grid__thead-title, .igx-grid__th {
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 0;
  padding: 0 1.5rem;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  outline-style: none;
  overflow: hidden;
  transition: color 250ms ease-in-out;
}
.igx-grid__th--filtering {
  background: #fff;
  color: rgba(0, 0, 0, 0.74);
  z-index: 3;
}
.igx-grid--cosy .igx-grid__th {
  padding: 0 1rem;
  min-height: 2.5rem;
}
.igx-grid--compact .igx-grid__th {
  padding: 0 0.75rem;
  min-height: 2rem;
}
.igx-grid__th-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  min-width: 3ch;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: initial;
  flex-grow: 1;
  /* hey IE, the text should take most of the space */
  line-height: 4.1666666667;
  opacity: 0.7;
  transition: opacity 250ms ease-in-out, color 250ms ease-in-out;
}
.igx-grid--cosy .igx-grid__th-title {
  line-height: 3.3333333333;
}
.igx-grid--compact .igx-grid__th-title {
  line-height: 2.6666666667;
}
.igx-grid__th-icons {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-width: 30px;
  /* sort-icon + filter icon width */
  height: 3.125rem;
  align-self: flex-end;
}
.igx-grid__th-icons:empty {
  min-width: 0;
}
.igx-grid__th-icons .sort-icon {
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  /* yeah IE, it really needs to be 15px wide... */
  font-size: 0.9375rem;
}
.igx-grid__th-expander {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  cursor: pointer;
}
.igx-grid__th-expander igx-icon {
  color: rgba(0, 0, 0, 0.54);
}
.igx-grid__th-expander:hover igx-icon {
  color: #00a5c3;
}
.igx-grid__th-group-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.igx-grid__th--collapsible {
  justify-content: normal;
}
.igx-grid__th--sortable:hover {
  cursor: pointer;
}
.igx-grid__th--sortable:hover .igx-grid__th-title {
  cursor: pointer;
  opacity: 1;
}
.igx-grid__th--sortable:hover .sort-icon {
  opacity: 0.7;
}
.igx-grid__th--sortable:hover .sort-icon:hover {
  opacity: 1;
}
.igx-grid__th--sorted .igx-grid__th-title {
  opacity: 1;
}
.igx-grid__th--sorted:hover .sort-icon {
  opacity: 1;
}
.igx-grid__th--sorted .sort-icon {
  opacity: 1;
  color: #00a5c3;
}
.igx-grid__th--sorted .sort-icon:hover {
  color: #00a5c3;
}
.igx-grid__th--filtrable .igx-grid__th-title {
  opacity: 0.7;
}
.igx-grid__th--filtrable.igx-grid__th--sortable .sort-icon:hover {
  opacity: 1;
}
.sort-icon {
  opacity: 0;
  transition: all 250ms ease-in-out;
}
.igx-grid--cosy .igx-grid__th-icons {
  height: 2.5rem;
}
.igx-grid--compact .igx-grid__th-icons {
  height: 2rem;
}
.igx-grid__th--number, .igx-grid__td--number {
  text-align: right;
  justify-content: flex-end;
}
.igx-grid__th--number .igx-grid__th-icons, .igx-grid__td--number .igx-grid__th-icons {
  justify-content: flex-start;
  order: -1;
}
.igx-grid__th--number .igx-grid__th-icons .sort-icon, .igx-grid__td--number .igx-grid__th-icons .sort-icon {
  order: 1;
}
.igx-grid__cbx-selection {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background: inherit;
  z-index: 4;
}
.igx-grid__cbx-padding {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: calc(1.25rem + (1.5rem * 2));
}
.igx-grid--cosy .igx-grid__cbx-padding {
  min-width: calc(1.25rem + (1rem * 2));
}
.igx-grid--compact .igx-grid__cbx-padding {
  min-width: calc(1.25rem + (0.75rem * 2));
}
.igx-grid__th-resize-handle {
  position: absolute;
  width: 4px;
  top: 0;
  right: -2px;
  height: 100%;
  z-index: 2;
}
.igx-grid__th-resize-line {
  position: absolute;
  cursor: col-resize;
  width: 4px;
  background: #00a5c3;
  z-index: 2;
}
.igx-grid__th-resize-line::before, .igx-grid__th-resize-line::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 96px;
}
.igx-grid__th-resize-line::before {
  right: 100%;
}
.igx-grid__th-resize-line::after {
  left: 100%;
}
.igx-grid__summaries, .igx-grid__summaries--body {
  display: flex;
  overflow: hidden;
  background: #e0e0e0;
}
.igx-grid__summaries .igx-grid-summary__result, .igx-grid__summaries--body .igx-grid-summary__result {
  color: black;
}
.igx-grid__summaries--body {
  background: #f4f4f4;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}
.igx-grid__summaries--body:last-of-type {
  border-bottom: none;
}
.igx-grid__summaries--body .igx-grid-summary__result {
  color: black;
}
.igx-grid__summaries-patch {
  background: inherit;
  position: relative;
  z-index: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.igx-grid__th-drop-indicator-left,
.igx-grid__th-drop-indicator-right {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  z-index: 1;
}
.igx-grid__th-drop-indicator-left {
  left: -1px;
}
.igx-grid__th-drop-indicator-right {
  right: -1px;
}
.igx-grid__th-drop-indicator--active.igx-grid__th-drop-indicator-left, .igx-grid__th-drop-indicator--active.igx-grid__th-drop-indicator-right {
  border-right: 1px solid #00a5c3;
}
.igx-grid__th-drop-indicator--active::after, .igx-grid__th-drop-indicator--active::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  left: -3px;
}
.igx-grid__th-drop-indicator--active::before {
  bottom: 0;
  border-width: 0 4px 4px;
  border-color: transparent transparent #00a5c3;
}
.igx-grid__th-drop-indicator--active::after {
  top: 0;
  border-width: 4px 4px 0;
  border-color: #00a5c3 transparent transparent;
}
.igx-grid__scroll-on-drag-left,
.igx-grid__scroll-on-drag-right {
  position: absolute;
  width: 15px;
  top: 0;
  height: 100%;
  z-index: 25;
}
.igx-grid__scroll-on-drag-left {
  left: 0;
}
.igx-grid__scroll-on-drag-right {
  right: 0;
}
.igx-grid__scroll-on-drag-pinned {
  position: absolute;
  width: 15px;
  height: 100%;
  top: 0;
  z-index: 25;
}
.igx-grid__drag-ghost-image {
  position: absolute;
  display: flex;
  align-items: center;
  background: #fff;
  color: rgba(0, 0, 0, 0.54);
  min-width: 168px;
  max-width: 320px;
  height: 3.125rem;
  min-height: 3.125rem;
  top: -99999px;
  left: -99999px;
  border: none;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.26), 0 5px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 14px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
  z-index: 20;
}
.igx-grid__drag-ghost-image .igx-grid__th-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 0 0;
  text-align: right;
}
.igx-grid__drag-ghost-image .igx-grid__th-icons {
  display: none;
}
.igx-grid__drag-ghost-image .igx-grid__thead-title {
  border: none;
}
.igx-grid--cosy .igx-grid__drag-ghost-image {
  height: 2.5rem;
  min-height: 2.5rem;
}
.igx-grid--compact .igx-grid__drag-ghost-image {
  height: 2rem;
  min-height: 2rem;
}
.igx-grid__drag-ghost-image-icon {
  color: rgba(0, 0, 0, 0.38);
  margin-right: 0.75rem;
}
.igx-grid__drag-ghost-image-icon-group {
  color: rgba(0, 0, 0, 0.38);
  padding: 0 1.5rem;
  padding-right: 0;
  margin-right: 0.5rem;
}
.igx-grid__drag-col-header {
  background: #f4f4f4;
}
.igx-grid__drag-col-header .igx-grid__thead-title, .igx-grid__drag-col-header .igx-grid__th {
  opacity: 0.4;
}
.igx-grid__group-row {
  background: #f4f4f4;
  display: flex;
  outline-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  min-height: 3.125rem;
}
.igx-grid__group-row--active {
  background: #eaeaea;
}
.igx-grid__group-row--active .igx-grid__grouping-indicator {
  color: rgba(0, 0, 0, 0.54);
}
.igx-grid__group-row--active:hover {
  background: #eaeaea;
}
.igx-grid--cosy .igx-grid__group-row {
  min-height: 2.5rem;
}
.igx-grid--compact .igx-grid__group-row {
  min-height: 2rem;
}
.igx-group-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1rem;
}
.igx-group-label > * {
  margin-right: 0.25rem;
}
.igx-group-label > *:last-child {
  margin-right: 0;
}
.igx-group-label__icon {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.igx-group-label__icon.igx-icon, .igx-group-label__icon.igx-icon--inactive {
  color: #00a5c3;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.igx-group-label__column-name {
  color: #00a5c3;
  font-weight: 600;
  font-size: 12px;
}
.igx-group-label__count-badge > div {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.75rem;
}
.igx-group-label__text {
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.74);
}
[dir=rtl] .igx-grid__group-content {
  padding-left: 1.5rem;
}
[dir=rtl] .igx-grid--cosy .igx-grid__group-content, .igx-grid--cosy [dir=rtl] .igx-grid__group-content {
  padding-left: 1rem;
}
[dir=rtl] .igx-grid--compact .igx-grid__group-content, .igx-grid--compact [dir=rtl] .igx-grid__group-content {
  padding-left: 0.75rem;
}
[dir=rtl] .igx-group-label > * {
  margin-left: 0.25rem;
}
[dir=rtl] .igx-group-label > *:last-child {
  margin-left: 0;
}
.igx-grid__group-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
  padding-left: 1.5rem;
  min-height: 3.125rem;
}
.igx-grid__group-content:focus {
  outline: transparent;
}
.igx-grid--cosy .igx-grid__group-content {
  padding-left: 1rem;
  min-height: 2.5rem;
}
.igx-grid--compact .igx-grid__group-content {
  padding-left: 0.75rem;
  min-height: 2rem;
}
.igx-grid__row-indentation {
  background: transparent;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-right: 1px solid transparent;
}
.igx-grid__row-indentation::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: -1px;
  left: 0;
  background: transparent;
}
.igx-grid__row-indentation .igx-button--icon {
  width: 1.75rem;
  height: 1.75rem;
  color: rgba(0, 0, 0, 0.54);
}
.igx-grid__row-indentation:focus .igx-button--icon, .igx-grid__row-indentation:hover .igx-button--icon {
  color: rgba(0, 0, 0, 0.74);
}
.igx-grid--cosy .igx-grid__row-indentation {
  padding-left: 1rem;
  padding-right: 1rem;
}
.igx-grid--compact .igx-grid__row-indentation {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.igx-grid__grouparea {
  -ms-grid-row: 2;
  grid-row: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #f4f4f4;
  color: rgba(0, 0, 0, 0.38);
  min-height: 3.5625rem;
  padding: 0.5rem 1.5rem;
  z-index: 2;
  height: 100%;
  overflow: hidden;
}
.igx-grid__grouparea:focus {
  outline-style: none;
}
.igx-grid__grouparea-connector {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.25rem;
}
.igx-grid__grouparea-connector igx-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.igx-grid--cosy .igx-grid__grouparea {
  min-height: 3.0625rem;
  padding: 0.5rem 1rem;
}
.igx-grid--compact .igx-grid__grouparea {
  min-height: 2.5625rem;
  padding: 0.25rem 0.75rem;
}
.igx-drop-area, .igx-drop-area--compact, .igx-drop-area--cosy {
  min-width: 5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 2rem;
  border-radius: 0px;
  padding: 0 1.5rem;
  flex: 1 0 0%;
  background: rgba(0, 0, 0, 0.04);
}
.igx-drop-area .igx-drop-area__icon, .igx-drop-area--compact .igx-drop-area__icon, .igx-drop-area--cosy .igx-drop-area__icon {
  color: #9e9e9e;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  margin-right: 0.5rem;
}
.igx-drop-area--hover {
  background: rgba(0, 0, 0, 0.08);
}
.igx-drop-area--compact {
  height: 1.5rem;
  border-radius: 0px;
  padding: 0 1rem;
}
.igx-drop-area--cosy {
  height: 1.5rem;
  border-radius: 0px;
  padding: 0 0.75rem;
}
.igx-drop-area__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.8125rem;
}
.igx-grid__grouping-indicator {
  position: relative;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  justify-content: center;
  align-items: center;
  background: inherit;
  z-index: 1;
  cursor: pointer;
  padding-left: 1.5rem;
  padding-right: 0.75rem;
  min-height: 3.125rem;
}
.igx-grid__grouping-indicator igx-icon {
  color: rgba(0, 0, 0, 0.54);
  width: 1.5rem;
}
.igx-grid__grouping-indicator:hover, .igx-grid__grouping-indicator:focus {
  outline-style: none;
}
.igx-grid__grouping-indicator:hover igx-icon, .igx-grid__grouping-indicator:focus igx-icon {
  color: #00a5c3;
}
.igx-grid--cosy .igx-grid__grouping-indicator {
  padding-left: 1rem;
  min-height: 2.5rem;
}
.igx-grid--compact .igx-grid__grouping-indicator {
  padding-left: 0.75rem;
  min-height: 2rem;
}
.igx-grid__header-indentation {
  position: relative;
  padding-right: 1.5rem;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background: #f4f4f4;
  z-index: 4;
}
.igx-grid--cosy .igx-grid__header-indentation {
  padding-right: 1rem;
}
.igx-grid--compact .igx-grid__header-indentation {
  padding-right: 0.75rem;
}
.igx-grid__group-expand-btn {
  position: absolute;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  top: calc(50% - 12px);
  left: 1.5rem;
}
.igx-grid__group-expand-btn:hover {
  color: #00a5c3;
}
.igx-grid__group-expand-btn.igx-grid__group-expand-btn--push {
  top: 0.8125rem;
}
.igx-grid--cosy .igx-grid__group-expand-btn {
  left: 1rem;
}
.igx-grid--cosy .igx-grid__group-expand-btn.igx-grid__group-expand-btn--push {
  top: 0.5rem;
}
.igx-grid--compact .igx-grid__group-expand-btn {
  left: 0.75rem;
}
.igx-grid--compact .igx-grid__group-expand-btn.igx-grid__group-expand-btn--push {
  top: 0.25rem;
}
.igx-grid__row-indentation--level-1 {
  background: inherit;
  padding-left: calc(1.5rem + 1.5rem);
}
.igx-grid__group-row--padding-level-1 {
  padding-left: 1.5rem;
}
.igx-grid__tree-cell--padding-level-1 {
  padding-left: 1.5rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-1 {
  padding-left: calc(1rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-1 {
  padding-left: 1rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-1 {
  padding-left: calc(0.75rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-1 {
  padding-left: 0.75rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-1 {
  padding-left: 0.75rem;
}
.igx-grid__row-indentation--level-2 {
  background: inherit;
  padding-left: calc(3rem + 1.5rem);
}
.igx-grid__group-row--padding-level-2 {
  padding-left: 3rem;
}
.igx-grid__tree-cell--padding-level-2 {
  padding-left: 3rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-2 {
  padding-left: calc(2rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-2 {
  padding-left: 2rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-2 {
  padding-left: calc(1.5rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-2 {
  padding-left: 1.5rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-2 {
  padding-left: 1.5rem;
}
.igx-grid__row-indentation--level-3 {
  background: inherit;
  padding-left: calc(4.5rem + 1.5rem);
}
.igx-grid__group-row--padding-level-3 {
  padding-left: 4.5rem;
}
.igx-grid__tree-cell--padding-level-3 {
  padding-left: 4.5rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-3 {
  padding-left: calc(3rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-3 {
  padding-left: 3rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-3 {
  padding-left: calc(2.25rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-3 {
  padding-left: 2.25rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-3 {
  padding-left: 2.25rem;
}
.igx-grid__row-indentation--level-4 {
  background: inherit;
  padding-left: calc(6rem + 1.5rem);
}
.igx-grid__group-row--padding-level-4 {
  padding-left: 6rem;
}
.igx-grid__tree-cell--padding-level-4 {
  padding-left: 6rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-4 {
  padding-left: calc(4rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-4 {
  padding-left: 4rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-4 {
  padding-left: calc(3rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-4 {
  padding-left: 3rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-4 {
  padding-left: 3rem;
}
.igx-grid__row-indentation--level-5 {
  background: inherit;
  padding-left: calc(7.5rem + 1.5rem);
}
.igx-grid__group-row--padding-level-5 {
  padding-left: 7.5rem;
}
.igx-grid__tree-cell--padding-level-5 {
  padding-left: 7.5rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-5 {
  padding-left: calc(5rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-5 {
  padding-left: 5rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-5 {
  padding-left: calc(3.75rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-5 {
  padding-left: 3.75rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-5 {
  padding-left: 3.75rem;
}
.igx-grid__row-indentation--level-6 {
  background: inherit;
  padding-left: calc(9rem + 1.5rem);
}
.igx-grid__group-row--padding-level-6 {
  padding-left: 9rem;
}
.igx-grid__tree-cell--padding-level-6 {
  padding-left: 9rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-6 {
  padding-left: calc(6rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-6 {
  padding-left: 6rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-6 {
  padding-left: calc(4.5rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-6 {
  padding-left: 4.5rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-6 {
  padding-left: 4.5rem;
}
.igx-grid__row-indentation--level-7 {
  background: inherit;
  padding-left: calc(10.5rem + 1.5rem);
}
.igx-grid__group-row--padding-level-7 {
  padding-left: 10.5rem;
}
.igx-grid__tree-cell--padding-level-7 {
  padding-left: 10.5rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-7 {
  padding-left: calc(7rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-7 {
  padding-left: 7rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-7 {
  padding-left: calc(5.25rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-7 {
  padding-left: 5.25rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-7 {
  padding-left: 5.25rem;
}
.igx-grid__row-indentation--level-8 {
  background: inherit;
  padding-left: calc(12rem + 1.5rem);
}
.igx-grid__group-row--padding-level-8 {
  padding-left: 12rem;
}
.igx-grid__tree-cell--padding-level-8 {
  padding-left: 12rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-8 {
  padding-left: calc(8rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-8 {
  padding-left: 8rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-8 {
  padding-left: calc(6rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-8 {
  padding-left: 6rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-8 {
  padding-left: 6rem;
}
.igx-grid__row-indentation--level-9 {
  background: inherit;
  padding-left: calc(13.5rem + 1.5rem);
}
.igx-grid__group-row--padding-level-9 {
  padding-left: 13.5rem;
}
.igx-grid__tree-cell--padding-level-9 {
  padding-left: 13.5rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-9 {
  padding-left: calc(9rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-9 {
  padding-left: 9rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-9 {
  padding-left: calc(6.75rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-9 {
  padding-left: 6.75rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-9 {
  padding-left: 6.75rem;
}
.igx-grid__row-indentation--level-10 {
  background: inherit;
  padding-left: calc(15rem + 1.5rem);
}
.igx-grid__group-row--padding-level-10 {
  padding-left: 15rem;
}
.igx-grid__tree-cell--padding-level-10 {
  padding-left: 15rem;
}
.igx-grid--cosy .igx-grid__row-indentation--level-10 {
  padding-left: calc(10rem + 1.5rem);
}
.igx-grid--cosy .igx-grid__tree-cell--padding-level-10 {
  padding-left: 10rem;
}
.igx-grid--compact .igx-grid__row-indentation--level-10 {
  padding-left: calc(7.5rem + 1.5rem);
}
.igx-grid--compact .igx-grid__group-row--padding-level-10 {
  padding-left: 7.5rem;
}
.igx-grid--compact .igx-grid__tree-cell--padding-level-10 {
  padding-left: 7.5rem;
}
.igx-grid__outlet {
  z-index: 10002;
  position: fixed;
}
.igx-grid__loading-outlet {
  z-index: 10003;
}
.igx-grid__loading-outlet > .igx-overlay__wrapper--modal {
  background: none;
}
.igx-grid__loading-outlet .igx-circular-bar {
  width: 3.125rem;
  height: 3.125rem;
}
.igx-grid__row-editing-outlet {
  z-index: 10000;
  position: absolute;
}
.igx-grid__row-editing-outlet .igx-overlay__wrapper, .igx-grid__row-editing-outlet .igx-overlay__wrapper--modal, .igx-grid__row-editing-outlet .igx-overlay__wrapper--flex, .igx-grid__row-editing-outlet .igx-overlay__wrapper--flex-container {
  /* Change wrapper position from 'fixed' to 'absolute' so that it is hidden when scrolled below the parent grid body content. */
  position: absolute;
}
.igx-grid__filtering-cell {
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  height: 3.125rem;
  padding: 0 1.5rem;
  overflow: hidden;
}
.igx-grid__filtering-cell igx-chips-area {
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  flex-wrap: nowrap;
}
.igx-grid__filtering-cell igx-chips-area .igx-filtering-chips__connector {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0.5rem;
}
.igx-grid__filtering-cell-indicator, .igx-grid__filtering-cell-indicator--hidden {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 8px;
  margin-left: 8px;
  cursor: pointer;
  visibility: visible;
}
.igx-grid__filtering-cell-indicator igx-icon, .igx-grid__filtering-cell-indicator--hidden igx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.igx-grid__filtering-cell-indicator .igx-badge, .igx-grid__filtering-cell-indicator--hidden .igx-badge, .igx-grid__filtering-cell-indicator .igx-badge__circle, .igx-grid__filtering-cell-indicator--hidden .igx-badge__circle, .igx-grid__filtering-cell-indicator .igx-badge__circle--info, .igx-grid__filtering-cell-indicator--hidden .igx-badge__circle--info, .igx-grid__filtering-cell-indicator .igx-badge__circle--success, .igx-grid__filtering-cell-indicator--hidden .igx-badge__circle--success, .igx-grid__filtering-cell-indicator .igx-badge__circle--warning, .igx-grid__filtering-cell-indicator--hidden .igx-badge__circle--warning, .igx-grid__filtering-cell-indicator .igx-badge__circle--error, .igx-grid__filtering-cell-indicator--hidden .igx-badge__circle--error {
  /* start of IE vertical alignment fix */
  top: 50%;
  transform: translateY(-50%);
  /* end of IE vertical alignment fix */
  position: absolute;
  width: 14px;
  height: 14px;
  min-width: 14px;
  font-size: 12px;
  text-align: center;
  right: 0;
}
.igx-grid__filtering-cell-indicator--hidden {
  visibility: hidden;
}
.igx-grid__filtering-row {
  position: absolute;
  display: flex;
  width: 100%;
  height: 3.125rem;
  padding: 0 1rem;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  color: rgba(0, 0, 0, 0.74);
  left: 0;
  bottom: 0;
  z-index: 3;
}
.igx-grid__filtering-row::after {
  display: block;
  position: absolute;
  content: "";
  background: inherit;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0 1px 0 #fff, 0 4px 10px rgba(0, 0, 0, 0.12);
  z-index: -1;
}
.igx-grid__filtering-row igx-input-group {
  flex: 0 0 200px;
}
.igx-grid__filtering-row igx-prefix:focus {
  color: #00a5c3;
}
.igx-grid__filtering-row igx-suffix igx-icon {
  outline-style: none;
}
.igx-grid__filtering-row igx-suffix igx-icon:focus {
  color: #00a5c3;
}
.igx-grid__filtering-row igx-suffix igx-icon + igx-icon {
  margin-left: 0.25rem;
}
.igx-grid__filtering-row--cosy {
  height: 2.5rem;
}
.igx-grid__filtering-row--compact {
  height: 2rem;
}
.igx-grid__filtering-row-main {
  display: flex;
  flex: 1;
  overflow: hidden;
  max-width: calc(100% - 176px);
}
.igx-grid__filtering-row-main igx-chips-area {
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  flex-wrap: nowrap;
  margin: 0 0.5rem;
}
.igx-grid__filtering-row-main igx-chip {
  margin: 0 0.25rem;
}
.igx-grid__filtering-row-main [igxButton] igx-icon {
  position: absolute;
  left: 0.75rem;
  /* IE fix for vertical alignment*/
  top: 50%;
  transform: translateY(-50%);
}
.igx-grid__filtering-row-main [igxButton] span {
  margin-left: 1rem;
}
.igx-grid__filtering-row-scroll-end::before, .igx-grid__filtering-row-scroll-start::after {
  display: block;
  position: absolute;
  content: "";
  top: -2px;
  bottom: -2px;
  width: 10px;
}
.igx-grid__filtering-row-scroll-start {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  margin: 0 8px;
  z-index: 1;
}
.igx-grid__filtering-row-scroll-start::after {
  left: calc(100% + 6px);
  background: linear-gradient(to right, #fff, transparent);
}
.igx-grid__filtering-row-scroll-end {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  margin: 0 8px;
  z-index: 1;
}
.igx-grid__filtering-row-scroll-end::before {
  right: calc(100% + 6px);
  background: linear-gradient(to left, #fff, transparent);
}
.igx-grid__tr--highlighted {
  position: relative;
}
.igx-grid__tr--highlighted::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #00a5c3;
  z-index: 3;
}
.igx-grid__tr--highlighted .igx-grid__tr--edited::before {
  left: 4px;
}
.igx-grid__tr--highlighted::before {
  left: 4px;
}
.igx-grid__tr-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.igx-grid__hierarchical-expander {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: inherit;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  color: rgba(0, 0, 0, 0.54);
  border-right: 1px solid transparent;
}
.igx-grid__hierarchical-expander:focus {
  outline: none;
}
.igx-grid__hierarchical-expander:focus igx-icon {
  color: #00a5c3;
}
.igx-grid__hierarchical-expander:hover igx-icon {
  color: #00a5c3;
}
.igx-grid__hierarchical-expander igx-icon {
  color: rgba(0, 0, 0, 0.54);
  max-width: 24px;
  min-width: 24px;
}
.igx-grid--cosy .igx-grid__hierarchical-expander {
  padding-left: 1rem;
  padding-right: 1rem;
}
.igx-grid--compact .igx-grid__hierarchical-expander {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.igx-grid__hierarchical-expander--header {
  background: inherit;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 3;
}
.igx-grid__hierarchical-expander--header igx-icon {
  display: flex;
  align-items: center;
}
.igx-grid__hierarchical-expander--push {
  align-items: flex-start;
}
.igx-grid__hierarchical-expander--push igx-icon {
  min-height: 3.125rem;
  max-height: 3.125rem;
}
.igx-grid--cosy .igx-grid__hierarchical-expander--push igx-icon {
  min-height: 2.5rem;
}
.igx-grid--compact .igx-grid__hierarchical-expander--push igx-icon {
  min-height: 2rem;
}
.igx-grid__hierarchical-expander--no-border,
.igx-grid__header-indentation--no-border {
  border-right: 1px solid transparent;
}
.igx-grid__hierarchical-indent {
  margin-left: calc(2 * 1.5rem + 24px);
  margin-top: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.igx-grid__hierarchical-indent--scroll {
  margin-right: calc(1.5rem + 18px);
}
.igx-grid--cosy .igx-grid__hierarchical-indent {
  margin-left: calc(2 * 1rem + 24px);
  margin-top: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.igx-grid--cosy .igx-grid__hierarchical-indent--scroll {
  margin-right: calc(1rem + 18px);
}
.igx-grid--compact .igx-grid__hierarchical-indent {
  margin-left: calc(2 * 0.75rem + 24px);
  margin-top: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}
.igx-grid--compact .igx-grid__hierarchical-indent--scroll {
  margin-right: calc(0.75rem + 18px);
}
.igx-excel-filter {
  display: block;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.26), 0 12px 17px 2px rgba(0, 0, 0, 0.12), 0 5px 22px 4px rgba(0, 0, 0, 0.08);
  overflow: auto;
}
.igx-excel-filter--inline {
  box-shadow: none;
}
.igx-excel-filter--inline .igx-excel-filter__menu {
  width: 100%;
}
.igx-excel-filter__loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.igx-excel-filter__icon, .igx-excel-filter__icon--filtered {
  cursor: pointer;
}
.igx-icon.igx-excel-filter__icon, .igx-icon.igx-excel-filter__icon--filtered {
  width: 0.9375rem;
  height: 0.9375rem;
  font-size: 0.9375rem;
}
.igx-icon.igx-excel-filter__icon--filtered {
  color: #00a5c3;
}
.igx-excel-filter__menu {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 320px;
  min-width: 320px;
  background: #fff;
  border-radius: 4px;
}
.igx-excel-filter__menu {
  --igx-button-group-border-radius: 4px;
  --igx-button-group-elevation: 2;
  --igx-button-group-variant: material;
  --igx-button-group-item-background: #fff;
  --igx-button-group-item-border-color: transparent;
  --igx-button-group-item-text-color: rgba(0, 0, 0, 0.62);
  --igx-button-group-item-hover-text-color: rgba(0, 0, 0, 0.74);
  --igx-button-group-item-hover-background: rgba(0, 0, 0, 0.04);
  --igx-button-group-item-selected-text-color: #00a5c3;
  --igx-button-group-item-selected-background: rgba(0, 0, 0, 0.04);
  --igx-button-group-item-selected-hover-background: rgba(0, 0, 0, 0.38);
  --igx-button-group-item-selected-border-color: transparent;
  --igx-button-group-disabled-text-color: rgba(0, 0, 0, 0.26);
  --igx-button-group-disabled-background-color: rgba(0, 0, 0, 0.02);
  --igx-button-group-item-disabled-border: #191919;
  --igx-button-group-border: none;
  --igx-button-group-shadow: none;
}
.igx-excel-filter__menu .igx-button-group, .igx-excel-filter__menu .igx-button-group--vertical {
  display: flex;
  box-shadow: none;
  transition: all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border-radius: 4px;
}
.igx-excel-filter__menu .igx-button-group__item, .igx-excel-filter__menu .igx-button-group__item--selected {
  border: 1px solid transparent;
  color: rgba(0, 0, 0, 0.62);
  background: #fff;
  min-width: 24px;
  display: flex;
  flex: 1 0 0%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  z-index: 0;
  transition: all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.igx-excel-filter__menu .igx-button-group__item.igx-button--flat, .igx-excel-filter__menu .igx-button-group__item--selected.igx-button--flat {
  border-radius: 0;
}
.igx-excel-filter__menu .igx-button-group__item .igx-icon, .igx-excel-filter__menu .igx-button-group__item--selected .igx-icon, .igx-excel-filter__menu .igx-button-group__item .igx-icon--inactive, .igx-excel-filter__menu .igx-button-group__item--selected .igx-icon--inactive {
  color: currentColor;
}
.igx-excel-filter__menu .igx-button-group__item:not(:nth-child(0)), .igx-excel-filter__menu .igx-button-group__item--selected:not(:nth-child(0)) {
  margin-left: -1px;
}
.igx-excel-filter__menu .igx-button-group__item:first-of-type, .igx-excel-filter__menu .igx-button-group__item--selected:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.igx-excel-filter__menu .igx-button-group__item:last-of-type, .igx-excel-filter__menu .igx-button-group__item--selected:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.igx-excel-filter__menu .igx-button-group__item.igx-button--disabled, .igx-excel-filter__menu .igx-button-group__item--selected.igx-button--disabled {
  color: rgba(0, 0, 0, 0.26) !important;
  background: rgba(0, 0, 0, 0.02) !important;
  border-color: #191919;
}
.igx-excel-filter__menu .igx-button-group__item:hover, .igx-excel-filter__menu .igx-button-group__item--selected:hover, .igx-excel-filter__menu .igx-button-group__item:focus, .igx-excel-filter__menu .igx-button-group__item--selected:focus {
  color: rgba(0, 0, 0, 0.74);
  background: rgba(0, 0, 0, 0.04);
  z-index: 1;
}
.igx-excel-filter__menu .igx-button-group__item:hover .igx-icon, .igx-excel-filter__menu .igx-button-group__item--selected:hover .igx-icon, .igx-excel-filter__menu .igx-button-group__item:hover .igx-icon--inactive, .igx-excel-filter__menu .igx-button-group__item--selected:hover .igx-icon--inactive, .igx-excel-filter__menu .igx-button-group__item:focus .igx-icon, .igx-excel-filter__menu .igx-button-group__item--selected:focus .igx-icon, .igx-excel-filter__menu .igx-button-group__item:focus .igx-icon--inactive, .igx-excel-filter__menu .igx-button-group__item--selected:focus .igx-icon--inactive {
  color: currentColor;
}
.igx-excel-filter__menu .igx-button-group--vertical .igx-button-group__item:not(:nth-child(0)), .igx-button-group--vertical .igx-excel-filter__menu .igx-button-group__item:not(:nth-child(0)) {
  margin-top: -1px;
  margin-left: 0;
}
.igx-excel-filter__menu .igx-button-group--vertical .igx-button-group__item:first-of-type, .igx-button-group--vertical .igx-excel-filter__menu .igx-button-group__item:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.igx-excel-filter__menu .igx-button-group--vertical .igx-button-group__item:last-of-type, .igx-button-group--vertical .igx-excel-filter__menu .igx-button-group__item:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.igx-excel-filter__menu .igx-button-group__item--selected {
  color: #00a5c3;
  background: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  position: relative;
  z-index: 1;
}
.igx-excel-filter__menu .igx-button-group__item--selected:hover, .igx-excel-filter__menu .igx-button-group__item--selected:focus {
  color: #00a5c3;
  background: rgba(0, 0, 0, 0.38);
}
.igx-excel-filter__menu .igx-button-group__item--selected.igx-button--disabled {
  position: relative;
}
.igx-excel-filter__menu .igx-button-group__item--selected.igx-button--disabled::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.06);
}
.igx-excel-filter__menu .igx-button-group--vertical {
  flex-flow: column;
}
.igx-excel-filter__menu .igx-button-group__item-content {
  display: flex;
  flex-flow: row nowrap;
  min-width: 0;
}
.igx-excel-filter__menu .igx-button-group__item-content * ~ * {
  margin-left: 0.625rem;
}
.igx-excel-filter__menu .igx-button-group__button-text {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.igx-excel-filter__menu-header, .igx-excel-filter__secondary-header {
  display: flex;
  align-items: center;
  padding: 1rem;
  color: rgba(0, 0, 0, 0.62);
}
.igx-excel-filter__menu-header-actions {
  display: flex;
  margin-left: auto;
}
.igx-excel-filter__menu-header-actions [igxButton] + [igxButton] {
  margin-left: 0.25rem;
}
.igx-excel-filter__menu-footer, .igx-excel-filter__secondary-footer {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.igx-excel-filter__menu-footer [igxButton], .igx-excel-filter__secondary-footer [igxButton] {
  flex-grow: 1;
}
.igx-excel-filter__menu-footer [igxButton] + [igxButton], .igx-excel-filter__secondary-footer [igxButton] + [igxButton] {
  margin-left: 1rem;
}
.igx-excel-filter__sort {
  display: block;
  padding: 0.5rem 1rem;
}
.igx-excel-filter__sort header {
  color: rgba(0, 0, 0, 0.62);
  margin-bottom: 0.25rem;
}
.igx-excel-filter__sort igx-icon {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.5rem;
}
.igx-excel-filter__menu--compact .igx-excel-filter__move, .igx-excel-filter__menu--compact .igx-excel-filter__sort {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.igx-excel-filter__menu--compact .igx-excel-filter__move header, .igx-excel-filter__menu--compact .igx-excel-filter__sort header {
  color: rgba(0, 0, 0, 0.62);
  margin-right: auto;
}
.igx-excel-filter__actions {
  padding: 0.5rem 1rem;
}
.igx-excel-filter__move {
  margin-bottom: 0.5rem;
}
.igx-excel-filter__move header {
  color: rgba(0, 0, 0, 0.62);
  margin-bottom: 0.25rem;
}
.igx-excel-filter__move-buttons {
  display: flex;
  justify-content: space-between;
}
.igx-excel-filter__move-buttons [igxButton] {
  flex-grow: 1;
  width: 6.5rem;
}
.igx-excel-filter__move-buttons igx-icon {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
}
.igx-excel-filter__move-buttons igx-icon + span,
.igx-excel-filter__move-buttons span + igx-icon {
  margin-left: 0.5rem;
}
.igx-excel-filter__actions-pin, .igx-excel-filter__actions-pin--disabled, .igx-excel-filter__actions-unpin, .igx-excel-filter__actions-hide, .igx-excel-filter__actions-filter, .igx-excel-filter__actions-clear, .igx-excel-filter__actions-clear--disabled {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  margin: 0 -1rem;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.62);
  outline-style: none;
}
.igx-excel-filter__actions-pin:hover, .igx-excel-filter__actions-pin--disabled:hover, .igx-excel-filter__actions-unpin:hover, .igx-excel-filter__actions-hide:hover, .igx-excel-filter__actions-filter:hover, .igx-excel-filter__actions-clear:hover, .igx-excel-filter__actions-clear--disabled:hover, .igx-excel-filter__actions-pin:focus, .igx-excel-filter__actions-pin--disabled:focus, .igx-excel-filter__actions-unpin:focus, .igx-excel-filter__actions-hide:focus, .igx-excel-filter__actions-filter:focus, .igx-excel-filter__actions-clear:focus, .igx-excel-filter__actions-clear--disabled:focus {
  background: rgba(0, 0, 0, 0.04);
}
.igx-excel-filter__actions-pin--disabled, .igx-excel-filter__actions-clear--disabled {
  color: rgba(0, 0, 0, 0.26);
  pointer-events: none;
}
.igx-excel-filter__menu-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  padding: 0 1rem;
}
.igx-excel-filter__menu-main igx-list {
  flex-grow: 1;
  overflow: hidden;
  margin: 0.5rem -1rem 0;
  border: 0;
  border-top: 1px dashed rgba(0, 0, 0, 0.12);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}
.igx-excel-filter__menu--cosy .igx-excel-filter__menu-header, .igx-excel-filter__menu--cosy .igx-excel-filter__secondary-header {
  justify-content: space-between;
  padding: 0.5rem;
}
.igx-excel-filter__menu--cosy .igx-excel-filter__sort {
  padding: 0.5rem;
}
.igx-excel-filter__menu--cosy .igx-excel-filter__actions {
  padding: 0.5rem;
}
.igx-excel-filter__menu--cosy .igx-excel-filter__actions-pin, .igx-excel-filter__menu--cosy .igx-excel-filter__actions-pin--disabled, .igx-excel-filter__menu--cosy .igx-excel-filter__actions-unpin, .igx-excel-filter__menu--cosy .igx-excel-filter__actions-hide, .igx-excel-filter__menu--cosy .igx-excel-filter__actions-filter, .igx-excel-filter__menu--cosy .igx-excel-filter__actions-clear, .igx-excel-filter__menu--cosy .igx-excel-filter__actions-clear--disabled {
  padding: 0.5rem;
  margin: 0 -0.5rem;
}
.igx-excel-filter__menu--cosy .igx-excel-filter__menu-main {
  padding: 0 0.5rem;
}
.igx-excel-filter__menu--cosy igx-list {
  margin: 0.5rem -0.5rem 0;
}
.igx-excel-filter__menu--cosy .igx-excel-filter__menu-footer, .igx-excel-filter__menu--cosy .igx-excel-filter__secondary-footer {
  padding: 0.5rem;
}
.igx-excel-filter__menu--compact .igx-excel-filter__menu-header, .igx-excel-filter__menu--compact .igx-excel-filter__secondary-header {
  justify-content: space-between;
  padding: 0.25rem;
}
.igx-excel-filter__menu--compact .igx-excel-filter__sort {
  padding: 0.25rem;
}
.igx-excel-filter__menu--compact .igx-excel-filter__sort igx-buttongroup {
  width: 13rem;
}
.igx-excel-filter__menu--compact .igx-excel-filter__sort igx-buttongroup [igxButton] > igx-icon + span {
  margin-left: 0.5rem;
}
.igx-excel-filter__menu--compact .igx-excel-filter__move {
  margin-bottom: 0;
}
.igx-excel-filter__menu--compact .igx-excel-filter__actions {
  padding: 0.25rem;
}
.igx-excel-filter__menu--compact .igx-excel-filter__actions-pin, .igx-excel-filter__menu--compact .igx-excel-filter__actions-pin--disabled, .igx-excel-filter__menu--compact .igx-excel-filter__actions-unpin, .igx-excel-filter__menu--compact .igx-excel-filter__actions-hide, .igx-excel-filter__menu--compact .igx-excel-filter__actions-filter, .igx-excel-filter__menu--compact .igx-excel-filter__actions-clear, .igx-excel-filter__menu--compact .igx-excel-filter__actions-clear--disabled {
  padding: 0.25rem;
  margin: 0 -0.25rem;
}
.igx-excel-filter__menu--compact .igx-excel-filter__menu-main {
  padding: 0 0.25rem;
}
.igx-excel-filter__menu--compact igx-list {
  margin: 0.5rem -0.25rem 0;
}
.igx-excel-filter__menu--compact .igx-excel-filter__menu-footer, .igx-excel-filter__menu--compact .igx-excel-filter__secondary-footer {
  padding: 0.5rem 0.25rem;
}
.igx-excel-filter__secondary {
  width: 520px;
  min-width: 520px;
  background: #fff;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.26), 0 12px 17px 2px rgba(0, 0, 0, 0.12), 0 5px 22px 4px rgba(0, 0, 0, 0.08);
  border-radius: 0.25rem;
}
.igx-excel-filter__secondary--cosy .igx-excel-filter__menu-header, .igx-excel-filter__secondary--cosy .igx-excel-filter__secondary-header {
  padding: 0.5rem;
}
.igx-excel-filter__secondary--cosy .igx-excel-filter__condition {
  padding: 0 0.5rem;
}
.igx-excel-filter__secondary--cosy .igx-excel-filter__add-filter {
  margin: 0 0.5rem 0.5rem;
}
.igx-excel-filter__secondary--cosy .igx-excel-filter__menu-footer, .igx-excel-filter__secondary--cosy .igx-excel-filter__secondary-footer {
  padding: 0.5rem;
}
.igx-excel-filter__secondary--compact .igx-excel-filter__menu-header, .igx-excel-filter__secondary--compact .igx-excel-filter__secondary-header {
  padding: 0.25rem;
}
.igx-excel-filter__secondary--compact .igx-excel-filter__condition {
  padding: 0 0.25rem;
}
.igx-excel-filter__secondary--compact .igx-excel-filter__add-filter {
  margin: 0 0.25rem 0.25rem;
}
.igx-excel-filter__secondary--compact .igx-excel-filter__menu-footer, .igx-excel-filter__secondary--compact .igx-excel-filter__secondary-footer {
  padding: 0.5rem 0.25rem;
}
.igx-excel-filter__secondary-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.igx-excel-filter__secondary-main {
  height: 232px;
  overflow: auto;
}
.igx-excel-filter__secondary-footer {
  border-top: 1px dashed rgba(0, 0, 0, 0.12);
}
.igx-excel-filter__secondary-footer [igxButton] {
  flex-grow: 0;
}
.igx-excel-filter__condition {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 1rem;
}
.igx-excel-filter__condition igx-input-group {
  flex-grow: 1;
  flex-basis: 40%;
  margin: 1rem 0;
}
.igx-excel-filter__condition igx-input-group ~ igx-input-group,
.igx-excel-filter__condition igx-input-group ~ igx-date-picker {
  margin-left: 1rem;
}
.igx-excel-filter__condition [igxButton=icon] {
  margin-left: 1rem;
}
.igx-excel-filter__add-filter {
  margin: 0 1rem 1rem;
}
.igx-excel-filter__add-filter igx-icon {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
  margin-right: 0.5rem;
}
.igx-advanced-filter {
  width: 660px;
  min-width: 660px;
  max-width: 720px;
  background-color: #fff;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.26), 0 12px 17px 2px rgba(0, 0, 0, 0.12), 0 5px 22px 4px rgba(0, 0, 0, 0.08);
  border-radius: 0.25rem;
}
.igx-advanced-filter__header {
  display: flex;
  align-items: center;
  padding: 1rem;
  color: rgba(0, 0, 0, 0.62);
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.igx-advanced-filter__main {
  display: block;
  padding: 1rem;
  overflow: auto;
  min-height: 214px;
  max-height: 468px;
}
.igx-advanced-filter__main [igxButton] + [igxButton] {
  margin-left: 0.5rem;
}
.igx-advanced-filter__outlet igx-select-item > igx-icon {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
  margin-right: 0.5rem;
}
.igx-filter-tree {
  display: flex;
}
.igx-filter-tree + .igx-filter-tree,
.igx-filter-tree + .igx-filter-tree__expression-item,
.igx-filter-tree + .igx-filter-tree__inputs {
  margin-top: 1rem;
}
.igx-filter-tree__line {
  width: 0.5rem;
  min-width: 0.5rem;
  background-color: white;
  margin-right: 1rem;
  outline-style: none;
  border-radius: 0.25rem;
  cursor: pointer;
}
.igx-filter-tree__line--and {
  background: #10c1e2;
}
.igx-filter-tree__line--selected.igx-filter-tree__line--and {
  background: #007f96;
}
.igx-filter-tree__line--and:focus {
  box-shadow: inset 0 0 0 2px #007f96;
}
.igx-filter-tree__line--or {
  background: #10c1e2;
}
.igx-filter-tree__line--selected.igx-filter-tree__line--or {
  background-color: #007f96;
}
.igx-filter-tree__line--or:focus {
  box-shadow: inset 0 0 0 2px #007f96;
}
.igx-filter-tree__expression {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.igx-filter-tree__expression-item {
  display: flex;
  align-items: center;
}
.igx-filter-tree__expression-item + .igx-filter-tree,
.igx-filter-tree__expression-item + .igx-filter-tree__inputs,
.igx-filter-tree__expression-item + .igx-filter-tree__expression-item {
  margin-top: 1rem;
}
.igx-filter-tree__expression-column {
  padding: 0 0.5rem;
}
.igx-filter-tree__expression-actions {
  display: inline-flex;
  margin: 0 0.5rem;
}
.igx-filter-tree__expression-actions igx-icon {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.38);
  outline-style: none;
}
.igx-filter-tree__expression-actions igx-icon:hover, .igx-filter-tree__expression-actions igx-icon:focus {
  color: rgba(0, 0, 0, 0.74);
}
.igx-filter-tree__expression-actions igx-icon + igx-icon {
  margin-left: 0.5rem;
}
.igx-filter-tree__expression-condition {
  opacity: 0.7;
}
.igx-filter-tree__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.igx-filter-tree__buttons + .igx-filter-tree,
.igx-filter-tree__buttons + .igx-filter-tree__expression-item,
.igx-filter-tree__buttons + .igx-filter-tree__inputs {
  margin-top: 1rem;
}
.igx-filter-tree__inputs {
  display: flex;
  justify-content: space-between;
}
.igx-filter-tree__inputs igx-select + igx-select,
.igx-filter-tree__inputs igx-select + igx-input-group,
.igx-filter-tree__inputs igx-select + igx-date-picker,
.igx-filter-tree__inputs igx-input-group + igx-select {
  margin-left: 0.5rem;
}
.igx-filter-tree__inputs + .igx-filter-tree,
.igx-filter-tree__inputs + .igx-filter-tree__expression-item {
  margin-top: 1rem;
}
.igx-filter-tree__inputs-actions {
  display: flex;
  margin: 0 0.5rem;
  align-items: center;
}
.igx-filter-tree__inputs-actions [igxButton] + [igxButton] {
  margin-left: 0.5rem;
}
.igx-filter-legend {
  display: flex;
  margin-left: auto;
  pointer-events: none;
}
.igx-filter-legend__item, .igx-filter-legend__item--and, .igx-filter-legend__item--or {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
}
.igx-filter-legend__item::before, .igx-filter-legend__item--and::before, .igx-filter-legend__item--or::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: white;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
}
.igx-filter-legend__item + .igx-filter-legend__item, .igx-filter-legend__item--and + .igx-filter-legend__item, .igx-filter-legend__item--or + .igx-filter-legend__item, .igx-filter-legend__item + .igx-filter-legend__item--and, .igx-filter-legend__item--and + .igx-filter-legend__item--and, .igx-filter-legend__item--or + .igx-filter-legend__item--and, .igx-filter-legend__item + .igx-filter-legend__item--or, .igx-filter-legend__item--and + .igx-filter-legend__item--or, .igx-filter-legend__item--or + .igx-filter-legend__item--or {
  margin-left: 1.5rem;
}
.igx-filter-legend__item--and::before {
  background: #10c1e2;
}
.igx-filter-legend__item--or::before {
  background: #10c1e2;
}
.igx-filter-contextual-menu {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 196px;
  background-color: #fff;
  padding: 1rem;
  margin-left: 1rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.igx-filter-contextual-menu > [igxButton] + [igxButton],
.igx-filter-contextual-menu igx-buttongroup + [igxButton],
.igx-filter-contextual-menu [igxButton] + igx-buttongroup {
  margin-top: 1rem;
}
.igx-filter-contextual-menu > [igxButton].igx-filter-contextual-menu__close-btn + [igxButton],
.igx-filter-contextual-menu [igxButton].igx-filter-contextual-menu__close-btn + igx-buttongroup {
  margin-top: 0;
}
.igx-filter-contextual-menu [igxButton] > igx-icon + * {
  margin-left: 8px;
}
.igx-filter-contextual-menu igx-buttongroup > * {
  box-shadow: none;
}
.igx-filter-contextual-menu__delete-btn {
  color: #ff134a;
}
.igx-filter-contextual-menu__delete-btn:hover, .igx-filter-contextual-menu__delete-btn:focus {
  color: #ff134a;
}
.igx-filter-contextual-menu__close-btn {
  position: absolute;
  top: -1.125rem;
  right: -1.125rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.igx-filter-contextual-menu__close-btn:hover, .igx-filter-contextual-menu__close-btn:focus {
  background-color: #fff;
}
.igx-filter-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 144px;
}
.igx-filter-empty__title {
  color: rgba(0, 0, 0, 0.38);
}
.igx-advanced-filter--cosy .igx-advanced-filter__main {
  min-height: 164px;
  max-height: 394px;
}
.igx-advanced-filter--cosy .igx-filter-empty {
  height: 107px;
}
.igx-advanced-filter--cosy .igx-advanced-filter__main,
.igx-advanced-filter--cosy .igx-advanced-filter__header {
  padding: 0.75rem 1rem;
}
.igx-advanced-filter--cosy .igx-filter-tree__expression-actions igx-icon {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
}
.igx-advanced-filter--cosy .igx-filter-tree__line {
  margin-right: 0.75rem;
}
.igx-advanced-filter--cosy .igx-filter-tree + .igx-filter-tree,
.igx-advanced-filter--cosy .igx-filter-tree + .igx-filter-tree__expression-item,
.igx-advanced-filter--cosy .igx-filter-tree + .igx-filter-tree__inputs {
  margin-top: 0.75rem;
}
.igx-advanced-filter--cosy .igx-filter-tree__expression-item + .igx-filter-tree,
.igx-advanced-filter--cosy .igx-filter-tree__expression-item + .igx-filter-tree__inputs,
.igx-advanced-filter--cosy .igx-filter-tree__expression-item + .igx-filter-tree__expression-item {
  margin-top: 0.75rem;
}
.igx-advanced-filter--cosy .igx-filter-tree__buttons {
  margin-top: 0.75rem;
}
.igx-advanced-filter--cosy .igx-filter-tree__buttons + .igx-filter-tree,
.igx-advanced-filter--cosy .igx-filter-tree__buttons + .igx-filter-tree__expression-item,
.igx-advanced-filter--cosy .igx-filter-tree__buttons + .igx-filter-tree__inputs {
  margin-top: 0.75rem;
}
.igx-advanced-filter--cosy .igx-filter-tree__inputs + .igx-filter-tree,
.igx-advanced-filter--cosy .igx-filter-tree__inputs + .igx-filter-tree__expression-item {
  margin-top: 0.75rem;
}
.igx-advanced-filter--compact .igx-advanced-filter__main {
  min-height: 138px;
  max-height: 305px;
}
.igx-advanced-filter--compact .igx-filter-empty {
  height: 92px;
}
.igx-advanced-filter--compact .igx-advanced-filter__main,
.igx-advanced-filter--compact .igx-advanced-filter__header {
  padding: 0.5rem 1rem;
}
.igx-advanced-filter--compact .igx-filter-tree__expression-actions igx-icon {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
}
.igx-advanced-filter--compact .igx-filter-tree__line {
  margin-right: 0.5rem;
}
.igx-advanced-filter--compact .igx-filter-tree + .igx-filter-tree,
.igx-advanced-filter--compact .igx-filter-tree + .igx-filter-tree__expression-item,
.igx-advanced-filter--compact .igx-filter-tree + .igx-filter-tree__inputs {
  margin-top: 0.5rem;
}
.igx-advanced-filter--compact .igx-filter-tree__expression-item + .igx-filter-tree,
.igx-advanced-filter--compact .igx-filter-tree__expression-item + .igx-filter-tree__inputs,
.igx-advanced-filter--compact .igx-filter-tree__expression-item + .igx-filter-tree__expression-item {
  margin-top: 0.5rem;
}
.igx-advanced-filter--compact .igx-filter-tree__buttons {
  margin-top: 0.5rem;
}
.igx-advanced-filter--compact .igx-filter-tree__buttons + .igx-filter-tree,
.igx-advanced-filter--compact .igx-filter-tree__buttons + .igx-filter-tree__expression-item,
.igx-advanced-filter--compact .igx-filter-tree__buttons + .igx-filter-tree__inputs {
  margin-top: 0.5rem;
}
.igx-advanced-filter--compact .igx-filter-tree__inputs + .igx-filter-tree,
.igx-advanced-filter--compact .igx-filter-tree__inputs + .igx-filter-tree__expression-item {
  margin-top: 0.5rem;
}
.igx-advanced-filter--inline {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: inherit;
  max-height: inherit;
  min-width: 480px;
  box-shadow: none;
}
.igx-advanced-filter--inline .igx-advanced-filter__main {
  min-height: initial;
  max-height: initial;
  flex-grow: 1;
}
.igx-filter-contextual-menu--cosy > [igxButton] + [igxButton],
.igx-filter-contextual-menu--cosy igx-buttongroup + [igxButton],
.igx-filter-contextual-menu--cosy [igxButton] + igx-buttongroup {
  margin-top: 0.75rem;
}
.igx-filter-contextual-menu--compact > [igxButton] + [igxButton],
.igx-filter-contextual-menu--compact igx-buttongroup + [igxButton],
.igx-filter-contextual-menu--compact [igxButton] + igx-buttongroup {
  margin-top: 0.5rem;
}
:root {
  --igx-grid-summary-background-color: inherit;
  --igx-grid-summary-focus-background-color: rgba(0, 0, 0, 0.04);
  --igx-grid-summary-label-color: #00a5c3;
  --igx-grid-summary-label-hover-color: #007f96;
  --igx-grid-summary-result-color: currentColor;
  --igx-grid-summary-border-color: rgba(0, 0, 0, 0.26);
  --igx-grid-summary-pinned-border-width: 2px;
  --igx-grid-summary-pinned-border-style: solid;
  --igx-grid-summary-pinned-border-color: rgba(0, 0, 0, 0.26);
}
.igx-grid-summary, .igx-grid-summary--pinned, .igx-grid-summary--empty, .igx-grid-summary--fw, .igx-grid-summary--cosy, .igx-grid-summary--compact {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  padding: 0 1.5rem;
  background: inherit;
  overflow: hidden;
  outline-style: none;
}
.igx-grid-summary::after, .igx-grid-summary--pinned::after, .igx-grid-summary--empty::after, .igx-grid-summary--fw::after, .igx-grid-summary--cosy::after, .igx-grid-summary--compact::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.igx-grid-summary:focus::after, .igx-grid-summary--pinned:focus::after, .igx-grid-summary--empty:focus::after, .igx-grid-summary--fw:focus::after, .igx-grid-summary--cosy:focus::after, .igx-grid-summary--compact:focus::after {
  background: rgba(0, 0, 0, 0.04);
}
.igx-grid-summary--cosy {
  padding: 0 1rem;
}
.igx-grid-summary--compact {
  padding: 0 0.75rem;
}
.igx-grid-summary--pinned, .igx-grid-summary--pinned-last {
  position: relative;
  z-index: 1;
}
.igx-grid-summary--fw {
  flex-grow: 0;
}
.igx-grid-summary--pinned-last {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
}
@media print {
  .igx-grid-summary--pinned-last {
    border-right: 2px solid #999;
  }
}
.igx-grid-summary__item {
  display: flex;
  align-items: center;
  padding: 0.375rem 0;
  font-size: 0.75rem;
  position: relative;
}
.igx-grid-summary--cosy .igx-grid-summary__item {
  padding: 0.125rem 0;
}
.igx-grid-summary--compact .igx-grid-summary__item {
  padding: 0;
}
.igx-grid-summary__label {
  color: #00a5c3;
  min-width: 1.875rem;
  margin-right: 0.1875rem;
}
.igx-grid-summary__label:hover {
  color: #007f96;
}
.igx-grid-summary__result {
  color: currentColor;
  font-weight: 600;
  flex: 1 1 auto;
  text-align: right;
}
.igx-grid-summary__label,
.igx-grid-summary__result {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
:root {
  --igx-grid-toolbar-variant: material;
  --igx-grid-toolbar-background-color: rgba(0, 0, 0, 0.02);
  --igx-grid-toolbar-title-text-color: rgba(0, 0, 0, 0.54);
  --igx-grid-toolbar-dropdown-background: #fff;
  --igx-grid-toolbar-item-text-color: rgba(0, 0, 0, 0.54);
  --igx-grid-toolbar-item-hover-background: rgba(0, 0, 0, 0.04);
  --igx-grid-toolbar-item-hover-text-color: rgba(0, 0, 0, 0.54);
  --igx-grid-toolbar-item-focus-background: rgba(0, 0, 0, 0.04);
  --igx-grid-toolbar-item-focus-text-color: rgba(0, 0, 0, 0.54);
}
.igx-grid-toolbar, .igx-grid-toolbar--cosy, .igx-grid-toolbar--compact {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -ms-grid-row: 1;
  grid-row: 1;
  font-size: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.02);
  height: 3.625rem;
  padding: 0 1rem 0 1.5rem;
}
.igx-grid-toolbar .igx-button--outlined, .igx-grid-toolbar--cosy .igx-button--outlined, .igx-grid-toolbar--compact .igx-button--outlined,
.igx-grid-toolbar .igx-button--raised,
.igx-grid-toolbar--cosy .igx-button--raised,
.igx-grid-toolbar--compact .igx-button--raised,
.igx-grid-toolbar .igx-button--flat,
.igx-grid-toolbar--cosy .igx-button--flat,
.igx-grid-toolbar--compact .igx-button--flat,
.igx-grid-toolbar .igx-button--icon,
.igx-grid-toolbar--cosy .igx-button--icon,
.igx-grid-toolbar--compact .igx-button--icon {
  margin-left: 0.5rem;
}
.igx-grid-toolbar .igx-grid-toolbar__button-space, .igx-grid-toolbar--cosy .igx-grid-toolbar__button-space, .igx-grid-toolbar--compact .igx-grid-toolbar__button-space {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.igx-grid-toolbar .igx-grid-toolbar__button-space span:empty, .igx-grid-toolbar--cosy .igx-grid-toolbar__button-space span:empty, .igx-grid-toolbar--compact .igx-grid-toolbar__button-space span:empty {
  display: none;
}
.igx-grid-toolbar .igx-grid-toolbar__button-space > *, .igx-grid-toolbar--cosy .igx-grid-toolbar__button-space > *, .igx-grid-toolbar--compact .igx-grid-toolbar__button-space > * {
  margin-left: 0.5rem;
}
.igx-grid-toolbar .igx-grid-toolbar__button-space > *:first-child, .igx-grid-toolbar--cosy .igx-grid-toolbar__button-space > *:first-child, .igx-grid-toolbar--compact .igx-grid-toolbar__button-space > *:first-child {
  margin-left: 0;
}
[dir=rtl].igx-grid-toolbar, [dir=rtl].igx-grid-toolbar--cosy, [dir=rtl].igx-grid-toolbar--compact {
  text-align: right;
}
[dir=rtl].igx-grid-toolbar .igx-button--outlined, [dir=rtl].igx-grid-toolbar--cosy .igx-button--outlined, [dir=rtl].igx-grid-toolbar--compact .igx-button--outlined,
[dir=rtl].igx-grid-toolbar .igx-button--raised,
[dir=rtl].igx-grid-toolbar--cosy .igx-button--raised,
[dir=rtl].igx-grid-toolbar--compact .igx-button--raised,
[dir=rtl].igx-grid-toolbar .igx-button--flat,
[dir=rtl].igx-grid-toolbar--cosy .igx-button--flat,
[dir=rtl].igx-grid-toolbar--compact .igx-button--flat,
[dir=rtl].igx-grid-toolbar .igx-button--icon,
[dir=rtl].igx-grid-toolbar--cosy .igx-button--icon,
[dir=rtl].igx-grid-toolbar--compact .igx-button--icon {
  margin-left: 0;
  margin-right: 0.5rem;
}
[dir=rtl].igx-grid-toolbar .igx-grid-toolbar__button-space, [dir=rtl].igx-grid-toolbar--cosy .igx-grid-toolbar__button-space, [dir=rtl].igx-grid-toolbar--compact .igx-grid-toolbar__button-space {
  text-align: right;
}
[dir=rtl].igx-grid-toolbar .igx-grid-toolbar__button-space > *, [dir=rtl].igx-grid-toolbar--cosy .igx-grid-toolbar__button-space > *, [dir=rtl].igx-grid-toolbar--compact .igx-grid-toolbar__button-space > * {
  margin-left: 0;
  margin-right: 0.5rem;
}
[dir=rtl].igx-grid-toolbar .igx-grid-toolbar__button-space > *:last-child, [dir=rtl].igx-grid-toolbar--cosy .igx-grid-toolbar__button-space > *:last-child, [dir=rtl].igx-grid-toolbar--compact .igx-grid-toolbar__button-space > *:last-child {
  margin-left: 0;
}
.igx-grid-toolbar--cosy {
  height: 3.25rem;
  padding: 0 0.75rem 0 1rem;
}
.igx-grid-toolbar--compact {
  height: 2.75rem;
  padding: 0 0.5rem 0 0.75rem;
}
.igx-grid__caption {
  display: flex;
  align-items: center;
}
.igx-grid-toolbar__title {
  color: rgba(0, 0, 0, 0.54);
  flex: 1 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.igx-grid-toolbar__custom-content {
  display: flex;
  flex-flow: row wrap;
}
.igx-grid-toolbar__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.igx-grid-toolbar__actions > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.igx-grid-toolbar__adv-filter--filtered {
  border-color: #00a5c3 !important;
}
.igx-grid-toolbar__dropdown {
  position: relative;
}
.igx-grid-toolbar__dd-list {
  list-style: none;
  background: #fff;
  margin: 0;
  padding: 0;
}
.igx-grid-toolbar__dd-list-items {
  cursor: pointer;
  position: relative;
  padding: 0.5em 1em;
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
}
.igx-grid-toolbar__dd-list-items:hover {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.54);
}
.igx-grid-toolbar__dd-list-items:focus {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.54);
}
:root {
  --igx-highlight-resting-background: rgba(0, 0, 0, 0.12);
  --igx-highlight-resting-color: black;
  --igx-highlight-active-background: #19dcff;
  --igx-highlight-active-color: black;
}
.igx-highlight, .igx-highlight--active {
  color: black;
  background: rgba(0, 0, 0, 0.12);
}
.igx-highlight--active {
  color: black;
  background: #19dcff;
}
:root {
  --igx-icon-color: currentColor;
  --igx-icon-size: 1.5rem;
  --igx-icon-disabled-color: currentColor;
}
.igx-icon, .igx-icon--inactive {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: currentColor;
}
.igx-icon svg, .igx-icon--inactive svg {
  width: inherit;
  height: inherit;
  fill: currentColor;
}
.igx-icon svg use, .igx-icon--inactive svg use {
  pointer-events: none;
}
.igx-icon--inactive {
  color: currentColor !important;
  opacity: 0.54;
}
:root {
  --igx-input-group-box-border-radius: 0px;
  --igx-input-group-border-border-radius: 0px;
  --igx-input-group-search-border-radius: 0px;
  --igx-input-group-search-resting-elevation: 1;
  --igx-input-group-search-hover-elevation: 2;
  --igx-input-group-search-disabled-elevation: 0;
  --igx-input-group-variant: material;
  --igx-input-group-input-prefix-color: rgba(0, 0, 0, 0.54);
  --igx-input-group-input-prefix-background: transparent;
  --igx-input-group-input-suffix-color: rgba(0, 0, 0, 0.54);
  --igx-input-group-input-suffix-background: transparent;
  --igx-input-group-idle-text-color: rgba(0, 0, 0, 0.54);
  --igx-input-group-border-color: rgba(0, 0, 0, 0.54);
  --igx-input-group-hover-border-color: rgba(0, 0, 0, 0.87);
  --igx-input-group-focused-border-color: #00a5c3;
  --igx-input-group-filled-text-color: rgba(0, 0, 0, 0.87);
  --igx-input-group-focused-text-color: rgba(0, 0, 0, 0.87);
  --igx-input-group-disabled-text-color: rgba(0, 0, 0, 0.38);
  --igx-input-group-idle-secondary-color: rgba(0, 0, 0, 0.54);
  --igx-input-group-filled-secondary-color: rgba(0, 0, 0, 0.54);
  --igx-input-group-focused-secondary-color: #00a5c3;
  --igx-input-group-idle-bottom-line-color: rgba(0, 0, 0, 0.54);
  --igx-input-group-hover-bottom-line-color: rgba(0, 0, 0, 0.87);
  --igx-input-group-focused-bottom-line-color: #00a5c3;
  --igx-input-group-interim-bottom-line-color: rgba(0, 165, 195, 0.12);
  --igx-input-group-disabled-bottom-line-color: rgba(0, 0, 0, 0.38);
  --igx-input-group-disabled-border-color: rgba(0, 0, 0, 0.12);
  --igx-input-group-box-background: rgba(0, 0, 0, 0.08);
  --igx-input-group-box-disabled-background: rgba(0, 0, 0, 0.04);
  --igx-input-group-border-background: transparent;
  --igx-input-group-border-disabled-background: transparent;
  --igx-input-group-label-floated-background: #fff;
  --igx-input-group-label-floated-disabled-background: #fff;
  --igx-input-group-search-background: #fff;
  --igx-input-group-search-disabled-background: rgba(0, 0, 0, 0.04);
  --igx-input-group-success-secondary-color: #4eb862;
  --igx-input-group-warning-secondary-color: #fbb13c;
  --igx-input-group-error-secondary-color: #ff134a;
  --igx-input-group-placeholder-color: rgba(0, 0, 0, 0.38);
  --igx-input-group-disabled-placeholder-color: rgba(0, 0, 0, 0.26);
  --igx-input-group-search-resting-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
  --igx-input-group-search-hover-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  --igx-input-group-search-disabled-shadow: none;
  --igx-input-group-focused-shadow-color: rgba(0, 165, 195, 0.5);
  --igx-input-group-success-shadow-color: rgba(78, 184, 98, 0.5);
  --igx-input-group-error-shadow-color: rgba(255, 19, 74, 0.5);
}
.igx-input-group, .igx-input-group--focused {
  position: relative;
  display: block;
  color: rgba(0, 0, 0, 0.54);
}
.igx-input-group igx-prefix, .igx-input-group--focused igx-prefix,
.igx-input-group [igxPrefix],
.igx-input-group--focused [igxPrefix] {
  outline-style: none;
}
.igx-input-group igx-suffix, .igx-input-group--focused igx-suffix,
.igx-input-group [igxSuffix],
.igx-input-group--focused [igxSuffix] {
  outline-style: none;
}
.igx-input-group input, .igx-input-group--focused input,
.igx-input-group textarea,
.igx-input-group--focused textarea {
  font: inherit;
  margin: 0;
}
.igx-input-group textarea, .igx-input-group--focused textarea {
  overflow: auto;
}
.igx-input-group input[type=number]::-webkit-inner-spin-button, .igx-input-group--focused input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  height: auto;
}
.igx-input-group input[type=search]::-webkit-search-cancel-button, .igx-input-group--focused input[type=search]::-webkit-search-cancel-button,
.igx-input-group input[type=search]::-webkit-search-decoration,
.igx-input-group--focused input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.igx-input-group--box, .igx-input-group--border, .igx-input-group--search {
  margin-top: 0;
}
.igx-input-group--box .igx-input-group__wrapper {
  border-radius: 0px;
  overflow: hidden;
}
.igx-input-group:hover {
  cursor: pointer;
}
.igx-input-group--disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: rgba(0, 0, 0, 0.38);
}
.igx-input-group__bundle {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  padding-top: 1.125rem;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.54);
  transition: box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.igx-input-group--cosy .igx-input-group__bundle {
  padding-top: 0.9473684211rem;
}
.igx-input-group--compact .igx-input-group__bundle {
  padding-top: 0.8181818182rem;
}
.igx-input-group--box .igx-input-group__bundle {
  padding: 0 1rem;
  background: rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.54);
}
.igx-input-group--box .igx-input-group__bundle .igx-input-group__label + .igx-input-group__input, .igx-input-group--box .igx-input-group__bundle .igx-input-group--border .igx-input-group__label + .igx-input-group__input, .igx-input-group--box .igx-input-group__bundle .igx-input-group--search .igx-input-group__label + .igx-input-group__input {
  transform: translateY(0);
}
.igx-input-group--box.igx-input-group--cosy .igx-input-group__bundle {
  padding: 0 0.8421052632rem;
}
.igx-input-group--box.igx-input-group--compact .igx-input-group__bundle {
  padding: 0 0.7272727273rem;
}
.igx-input-group__bundle:hover {
  cursor: pointer;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.87);
}
.igx-input-group--focused .igx-input-group__bundle, .igx-input-group--focused.igx-input-group--fluent .igx-input-group__bundle {
  caret-color: #00a5c3;
  box-shadow: inset 0 -2px 0 0 rgba(0, 165, 195, 0.12);
}
.igx-input-group--valid .igx-input-group__bundle {
  caret-color: #4eb862;
  box-shadow: inset 0 -1px 0 0 #4eb862;
}
.igx-input-group--invalid .igx-input-group__bundle {
  caret-color: #ff134a;
  box-shadow: inset 0 -1px 0 0 #ff134a;
}
.igx-input-group--disabled .igx-input-group__bundle {
  box-shadow: none;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.38) 40%, transparent 10%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.igx-input-group--disabled.igx-input-group--box .igx-input-group__bundle {
  background: rgba(0, 0, 0, 0.04);
}
.igx-input-group--border .igx-input-group__bundle {
  padding: 0 1rem;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.54);
  border-radius: 0px;
  background: transparent;
}
.igx-input-group--border.igx-input-group--cosy .igx-input-group__bundle {
  padding: 0 0.8421052632rem;
}
.igx-input-group--border.igx-input-group--compact .igx-input-group__bundle {
  padding: 0 0.7272727273rem;
}
.igx-input-group--border .igx-input-group__bundle:hover {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.87);
}
.igx-input-group--focused.igx-input-group--border .igx-input-group__bundle {
  box-shadow: inset 0 0 0 2px #00a5c3;
}
.igx-input-group--invalid.igx-input-group--border .igx-input-group__bundle {
  box-shadow: inset 0 0 0 2px #ff134a;
}
.igx-input-group--valid.igx-input-group--border .igx-input-group__bundle {
  box-shadow: inset 0 0 0 2px #4eb862;
}
.igx-input-group--disabled.igx-input-group--border .igx-input-group__bundle {
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.igx-input-group--fluent {
  display: flex;
  flex-direction: column;
}
.igx-input-group--fluent igx-prefix,
.igx-input-group--fluent [igxPrefix] {
  outline-style: none;
}
.igx-input-group--fluent igx-suffix,
.igx-input-group--fluent [igxSuffix] {
  outline-style: none;
}
.igx-input-group--fluent select {
  width: calc(100% + 0.5rem);
  margin-left: -0.5rem !important;
  cursor: pointer !important;
}
.igx-input-group--fluent-search {
  display: flex;
  flex-direction: column;
}
.igx-input-group--fluent-search igx-prefix,
.igx-input-group--fluent-search [igxPrefix] {
  outline-style: none;
  overflow: hidden;
}
.igx-input-group--fluent-search igx-suffix,
.igx-input-group--fluent-search [igxSuffix] {
  outline-style: none;
}
.igx-input-group--focused.igx-input-group--fluent-search igx-prefix,
.igx-input-group--focused.igx-input-group--fluent-search [igxPrefix] {
  visibility: hidden;
  width: 0;
  padding-left: 0 !important;
}
.igx-input-group--cosy.igx-input-group--fluent igx-prefix,
.igx-input-group--cosy.igx-input-group--fluent [igxPrefix] {
  outline-style: none;
}
.igx-input-group--cosy.igx-input-group--fluent igx-suffix,
.igx-input-group--cosy.igx-input-group--fluent [igxSuffix] {
  outline-style: none;
}
.igx-input-group--fluent-search.igx-input-group--cosy {
  display: flex;
  flex-direction: column;
}
.igx-input-group--fluent-search.igx-input-group--cosy igx-prefix,
.igx-input-group--fluent-search.igx-input-group--cosy [igxPrefix] {
  outline-style: none;
}
.igx-input-group--fluent-search.igx-input-group--cosy igx-suffix,
.igx-input-group--fluent-search.igx-input-group--cosy [igxSuffix] {
  outline-style: none;
}
.igx-input-group--compact.igx-input-group--fluent igx-prefix,
.igx-input-group--compact.igx-input-group--fluent [igxPrefix] {
  outline-style: none;
}
.igx-input-group--compact.igx-input-group--fluent igx-suffix,
.igx-input-group--compact.igx-input-group--fluent [igxSuffix] {
  outline-style: none;
}
.igx-input-group--fluent-search.igx-input-group--compact {
  display: flex;
  flex-direction: column;
}
.igx-input-group--fluent-search.igx-input-group--compact igx-prefix,
.igx-input-group--fluent-search.igx-input-group--compact [igxPrefix] {
  outline-style: none;
}
.igx-input-group--fluent-search.igx-input-group--compact igx-suffix,
.igx-input-group--fluent-search.igx-input-group--compact [igxSuffix] {
  outline-style: none;
}
.igx-input-group--required.igx-input-group--fluent .igx-input-group__bundle::after {
  content: "*";
  position: absolute;
  top: -0.5rem;
  left: calc(100% + 0.25rem);
  color: #ff134a;
}
.igx-input-group--required.igx-input-group--fluent .igx-input-group__label + .igx-input-group__bundle::after, .igx-input-group--required.igx-input-group--fluent .igx-input-group--fluent-search .igx-input-group__label + .igx-input-group__bundle::after {
  display: none;
}
.igx-input-group--fluent .igx-input-group__bundle, .igx-input-group--fluent-search .igx-input-group__bundle {
  padding: 0;
  min-height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.54);
  box-shadow: none;
  border-radius: 0px;
  background: transparent;
  position: relative;
}
.igx-input-group--fluent .igx-input-group__bundle:hover, .igx-input-group--fluent-search .igx-input-group__bundle:hover {
  border-color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}
.igx-input-group--focused.igx-input-group--fluent .igx-input-group__bundle:hover {
  border-color: #00a5c3;
  box-shadow: none;
}
.igx-input-group--disabled.igx-input-group--fluent .igx-input-group__bundle:hover,
.igx-input-group--disabled.igx-input-group--fluent .igx-input-group__bundle {
  border-color: rgba(0, 0, 0, 0.12);
  background: transparent;
}
.igx-input-group--invalid.igx-input-group--fluent .igx-input-group__bundle:hover,
.igx-input-group--invalid.igx-input-group--fluent .igx-input-group__bundle {
  border-color: #ff134a;
}
.igx-input-group--valid.igx-input-group--fluent .igx-input-group__bundle:hover,
.igx-input-group--valid.igx-input-group--fluent .igx-input-group__bundle {
  border-color: #4eb862;
}
.igx-input-group--fluent .igx-input-group__input, .igx-input-group--fluent-search .igx-input-group__input {
  padding: 0;
  margin: 0;
  border: none;
}
.igx-input-group--disabled.igx-input-group--fluent .igx-input-group__input, .igx-input-group--disabled.igx-input-group--fluent .igx-input-group__input:hover, .igx-input-group--disabled.igx-input-group--fluent .igx-input-group__input:focus {
  color: rgba(0, 0, 0, 0.38);
}
.igx-input-group--fluent .igx-input-group__bundle-main, .igx-input-group--fluent-search .igx-input-group__bundle-main {
  padding-left: 0.5rem;
}
.igx-input-group--fluent igx-prefix + .igx-input-group__bundle-main, .igx-input-group--fluent-search igx-prefix + .igx-input-group__bundle-main,
.igx-input-group--fluent [igx-prefix] + .igx-input-group__bundle-main,
.igx-input-group--fluent-search [igx-prefix] + .igx-input-group__bundle-main {
  padding-left: 0;
}
.igx-input-group--placeholder.igx-input-group--fluent .igx-input-group__label {
  transform: translateY(0) scale(1);
}
.igx-input-group--fluent .igx-input-group__label, .igx-input-group--fluent-search .igx-input-group__label {
  padding: 0.3125rem 0;
  line-height: normal !important;
  position: static;
  transform: translateY(0);
  transform-origin: top left;
  margin-top: 0 !important;
  height: auto;
  color: rgba(0, 0, 0, 0.74);
}
.igx-input-group--valid.igx-input-group--fluent .igx-input-group__label {
  color: rgba(0, 0, 0, 0.54);
}
.igx-input-group--invalid.igx-input-group--fluent .igx-input-group__label {
  color: rgba(0, 0, 0, 0.54);
}
.igx-input-group--disabled.igx-input-group--fluent .igx-input-group__label {
  color: rgba(0, 0, 0, 0.38);
}
.igx-input-group--filled.igx-input-group--fluent .igx-input-group__label {
  transform: translateY(0);
}
.igx-input-group--focused.igx-input-group--fluent .igx-input-group__label {
  color: rgba(0, 0, 0, 0.74);
  transform: translateY(0) scale(1);
}
.igx-input-group--fluent .igx-input-group__textarea {
  padding: 0;
}
.igx-input-group--search .igx-input-group__bundle {
  padding: 0 1rem;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
}
.igx-input-group--search .igx-input-group__bundle .igx-input-group--box .igx-input-group__label + .igx-input-group__input, .igx-input-group--search .igx-input-group__bundle .igx-input-group--border .igx-input-group__label + .igx-input-group__input, .igx-input-group--search .igx-input-group__bundle .igx-input-group__label + .igx-input-group__input {
  transform: translateY(0);
}
.bundle {
  padding: 0 0.8421052632rem;
}
.bundle {
  padding: 0 0.7272727273rem;
}
.igx-input-group--search .igx-input-group__bundle:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.87);
}
.igx-input-group--focused.igx-input-group--search .igx-input-group__bundle {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.87);
}
.igx-input-group--disabled.igx-input-group--search .igx-input-group__bundle, .igx-input-group--disabled.igx-input-group--fluent-search .igx-input-group__bundle {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.12);
}
.igx-input-group__bundle-main {
  position: relative;
  flex-grow: 1;
}
.igx-input-group--box .igx-input-group__bundle-main, .igx-input-group--border .igx-input-group__bundle-main, .igx-input-group--search .igx-input-group__bundle-main {
  padding-top: 1.125rem;
}
.igx-input-group--box.igx-input-group--cosy .igx-input-group__bundle-main, .igx-input-group--border.igx-input-group--cosy .igx-input-group__bundle-main, .igx-input-group--search.igx-input-group--cosy .igx-input-group__bundle-main {
  padding-top: 0.9473684211rem;
}
.igx-input-group--box.igx-input-group--compact .igx-input-group__bundle-main, .igx-input-group--border.igx-input-group--compact .igx-input-group__bundle-main, .igx-input-group--search.igx-input-group--compact .igx-input-group__bundle-main {
  padding-top: 0.8181818182rem;
}
.igx-input-group__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: absolute;
  transform: translateY(50%);
  /* 8px, base is 16px */
  line-height: 1 !important;
  height: 1.125rem;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
  transform-origin: top left;
  transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.igx-input-group--cosy .igx-input-group__label {
  margin-top: -0.125rem;
}
.igx-input-group--compact .igx-input-group__label {
  margin-top: -0.25rem;
}
.igx-input-group--box .igx-input-group__label, .igx-input-group--border .igx-input-group__label, .igx-input-group--search .igx-input-group__label {
  transform: translateY(0);
}
.igx-input-group--border .igx-input-group__label {
  padding: 0 0.25rem;
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.igx-input-group--focused .igx-input-group__label, .igx-input-group--placeholder .igx-input-group__label, .igx-input-group--filled .igx-input-group__label, .igx-input-group--border.igx-input-group--focused .igx-input-group__label, .igx-input-group--border.igx-input-group--placeholder .igx-input-group__label, .igx-input-group--border.igx-input-group--cosy.igx-input-group--filled .igx-input-group__label, .igx-input-group--border.igx-input-group--cosy.igx-input-group--focused .igx-input-group__label, .igx-input-group--border.igx-input-group--cosy.igx-input-group--placeholder .igx-input-group__label, .igx-input-group--border.igx-input-group--compact.igx-input-group--filled .igx-input-group__label, .igx-input-group--border.igx-input-group--compact.igx-input-group--focused .igx-input-group__label, .igx-input-group--border.igx-input-group--compact.igx-input-group--placeholder .igx-input-group__label {
  overflow: visible;
  transform: translateY(-50%) scale(0.75);
  margin-top: auto;
}
.igx-input-group--border.igx-input-group--filled .igx-input-group__label, .igx-input-group--border.igx-input-group--focused .igx-input-group__label, .igx-input-group--border.igx-input-group--placeholder .igx-input-group__label, .igx-input-group--border.igx-input-group--cosy.igx-input-group--filled .igx-input-group__label, .igx-input-group--border.igx-input-group--cosy.igx-input-group--focused .igx-input-group__label, .igx-input-group--border.igx-input-group--cosy.igx-input-group--placeholder .igx-input-group__label, .igx-input-group--border.igx-input-group--compact.igx-input-group--filled .igx-input-group__label, .igx-input-group--border.igx-input-group--compact.igx-input-group--focused .igx-input-group__label, .igx-input-group--border.igx-input-group--compact.igx-input-group--placeholder .igx-input-group__label {
  transform: translateY(-130%) scale(0.75);
  background: #fff;
}
.igx-input-group--disabled.igx-input-group--border .igx-input-group__label {
  background: #fff;
}
.igx-input-group--border.igx-input-group--cosy.igx-input-group--filled .igx-input-group__label, .igx-input-group--border.igx-input-group--cosy.igx-input-group--focused .igx-input-group__label, .igx-input-group--border.igx-input-group--cosy.igx-input-group--placeholder .igx-input-group__label {
  transform: translateY(-115%) scale(0.75);
}
.igx-input-group--border.igx-input-group--compact.igx-input-group--filled .igx-input-group__label, .igx-input-group--border.igx-input-group--compact.igx-input-group--focused .igx-input-group__label, .igx-input-group--border.igx-input-group--compact.igx-input-group--placeholder .igx-input-group__label {
  transform: translateY(-105%) scale(0.75);
}
.igx-input-group--placeholder .igx-input-group__label, .igx-input-group--disabled .igx-input-group__label {
  transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.igx-input-group--focused .igx-input-group__label {
  color: #00a5c3;
}
.igx-input-group--valid .igx-input-group__label {
  color: #4eb862;
}
.igx-input-group--invalid .igx-input-group__label {
  color: #ff134a;
}
.igx-input-group--required .igx-input-group__label::after {
  content: "*";
  font-size: inherit;
  vertical-align: top;
  margin-left: 2px;
  /* 2px base is 16px */
  display: inline-block;
}
.igx-input-group__input, .igx-input-group__textarea {
  position: relative;
  display: block;
  border: none;
  height: 2rem;
  line-height: 0 !important;
  /* resets typography styles */
  width: 100%;
  min-width: 0;
  overflow: visible;
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
  outline-style: none;
  box-shadow: none;
  border-top: 0.1875rem solid transparent;
  padding-bottom: 0.1875rem;
}
.igx-input-group__input::-moz-placeholder, .igx-input-group__textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1;
}
.igx-input-group__input:-ms-input-placeholder, .igx-input-group__textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1;
}
.igx-input-group__input::placeholder, .igx-input-group__textarea::placeholder {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1;
}
.igx-input-group--cosy .igx-input-group__input {
  height: 1.6842105263rem;
}
.igx-input-group--compact .igx-input-group__input {
  font-size: 0.9545454545rem;
  height: 1.4545454545rem;
}
.igx-input-group__input:-webkit-autofill {
  transition-delay: 99999s;
}
.igx-input-group__input::-ms-clear {
  display: none;
}
.igx-input-group--box .igx-input-group__input, .igx-input-group--border .igx-input-group__input, .igx-input-group--search .igx-input-group__input {
  transform: translateY(-25%);
}
.igx-input-group__input:hover, .igx-input-group__textarea:hover {
  cursor: pointer;
}
.igx-input-group__input:focus, .igx-input-group__textarea:focus {
  cursor: text;
  color: rgba(0, 0, 0, 0.87);
}
.igx-input-group--disabled .igx-input-group__input {
  color: rgba(0, 0, 0, 0.38);
}
.igx-input-group--disabled .igx-input-group__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.igx-input-group--disabled .igx-input-group__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.igx-input-group--disabled .igx-input-group__input::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.igx-input-group__textarea {
  min-height: 5.125rem;
  /* 3 lines * 22px + 8px bottom padding + 8px top padding */
  margin-right: -1rem;
  /* this fixes resizing in chrome !?!? */
  line-height: normal !important;
  /* resets typography styles */
  height: auto;
  resize: vertical;
  overflow: hidden;
}
.igx-input-group--cosy .igx-input-group__textarea {
  min-height: 4.3157894737rem;
  margin-right: -0.8421052632rem;
}
.igx-input-group--compact .igx-input-group__textarea {
  min-height: 3.7272727273rem;
  margin-right: -0.7272727273rem;
}
.igx-input-group--box .igx-input-group__textarea, .igx-input-group--border .igx-input-group__textarea, .igx-input-group--search .igx-input-group__textarea {
  width: calc(100% + 2rem);
  /* add the padding to the width */
  margin: 0 -1rem;
  padding-left: 1rem;
  padding-left: 1rem;
}
.igx-input-group--box.igx-input-group--cosy .igx-input-group__textarea, .igx-input-group--border.igx-input-group--cosy .igx-input-group__textarea, .igx-input-group--search.igx-input-group--cosy .igx-input-group__textarea {
  width: calc(100% + 1.6842105263rem);
  /* add the padding to the width */
  margin: 0 -0.8421052632rem;
  padding-left: 0.8421052632rem;
  padding-left: 0.8421052632rem;
}
.igx-input-group--box.igx-input-group--compact .igx-input-group__textarea, .igx-input-group--border.igx-input-group--compact .igx-input-group__textarea, .igx-input-group--search.igx-input-group--compact .igx-input-group__textarea {
  width: calc(100% + 1.4545454545rem);
  /* add the padding to the width */
  margin: 0 -0.7272727273rem;
  padding-left: 0.7272727273rem;
  padding-left: 0.7272727273rem;
}
.igx-input-group igx-prefix, .igx-input-group--focused igx-prefix,
.igx-input-group [igxPrefix],
.igx-input-group--focused [igxPrefix],
.igx-input-group igx-suffix,
.igx-input-group--focused igx-suffix,
.igx-input-group [igxSuffix],
.igx-input-group--focused [igxSuffix] {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 2rem;
  transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.igx-input-group igx-prefix, .igx-input-group--focused igx-prefix,
.igx-input-group [igxPrefix],
.igx-input-group--focused [igxPrefix] {
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.igx-input-group igx-suffix, .igx-input-group--focused igx-suffix,
.igx-input-group [igxSuffix],
.igx-input-group--focused [igxSuffix] {
  padding: 0.5rem 0;
}
.igx-input-group--cosy igx-prefix,
.igx-input-group--cosy [igxPrefix],
.igx-input-group--cosy igx-suffix,
.igx-input-group--cosy [igxSuffix] {
  height: 1.6842105263rem;
}
.igx-input-group--compact igx-prefix,
.igx-input-group--compact [igxPrefix],
.igx-input-group--compact igx-suffix,
.igx-input-group--compact [igxSuffix] {
  font-size: 0.9545454545rem;
  height: 1.4545454545rem;
}
.igx-input-group--cosy igx-prefix,
.igx-input-group--cosy [igxPrefix] {
  padding: 0.4210526316rem 0.4210526316rem 0.4210526316rem 0;
}
.igx-input-group--compact igx-prefix,
.igx-input-group--compact [igxPrefix] {
  padding: 0.3636363636rem 0.3636363636rem 0.3636363636rem 0;
}
.igx-input-group--cosy igx-suffix,
.igx-input-group--cosy [igxSuffix] {
  padding: 0.4210526316rem 0;
}
.igx-input-group--compact igx-suffix,
.igx-input-group--compact [igxSuffix] {
  padding: 0.3636363636rem 0;
}
.igx-input-group--fluent igx-prefix,
.igx-input-group--fluent [igxPrefix] {
  color: rgba(0, 0, 0, 0.54);
  background: transparent;
  padding: 0.5rem;
  height: auto;
  line-height: normal;
}
.igx-input-group--fluent igx-prefix igx-icon,
.igx-input-group--fluent [igxPrefix] igx-icon {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.igx-input-group--fluent igx-prefix:last-of-type,
.igx-input-group--fluent [igxPrefix]:last-of-type {
  margin-right: 0.5rem;
}
.igx-input-group--fluent-search igx-prefix,
.igx-input-group--fluent-search [igxPrefix] {
  padding: 0.5rem;
}
.igx-input-group--fluent-search igx-prefix igx-icon,
.igx-input-group--fluent-search [igxPrefix] igx-icon {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.igx-input-group--fluent-search igx-prefix:last-of-type,
.igx-input-group--fluent-search [igxPrefix]:last-of-type {
  margin-right: 0;
}
.igx-input-group--fluent igx-suffix,
.igx-input-group--fluent [igxSuffix] {
  color: rgba(0, 0, 0, 0.54);
  padding: 0.5rem;
  background: transparent;
  height: auto;
  line-height: normal;
}
.igx-input-group--fluent igx-suffix igx-icon,
.igx-input-group--fluent [igxSuffix] igx-icon {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.igx-input-group--fluent igx-suffix:first-of-type,
.igx-input-group--fluent [igxSuffix]:first-of-type {
  margin-left: 0.5rem;
}
.igx-input-group--fluent-search igx-suffix,
.igx-input-group--fluent-search [igxSuffix] {
  height: auto;
  padding: 0.5rem;
  line-height: normal;
}
.igx-input-group--fluent-search igx-suffix .igx-icon,
.igx-input-group--fluent-search [igxSuffix] .igx-icon, .igx-input-group--fluent-search igx-suffix .igx-icon--inactive,
.igx-input-group--fluent-search [igxSuffix] .igx-icon--inactive {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.igx-input-group--fluent-search igx-suffix:first-of-type,
.igx-input-group--fluent-search [igxSuffix]:first-of-type {
  margin-left: 0;
}
.igx-input-group--fluent-search.igx-input-group--cosy igx-prefix,
.igx-input-group--fluent-search.igx-input-group--cosy [igxPrefix],
.igx-input-group--fluent-search.igx-input-group--cosy igx-suffix,
.igx-input-group--fluent-search.igx-input-group--cosy [igxSuffix],
.igx-input-group--cosy.igx-input-group--fluent igx-prefix,
.igx-input-group--cosy.igx-input-group--fluent [igxPrefix],
.igx-input-group--cosy.igx-input-group--fluent igx-suffix,
.igx-input-group--cosy.igx-input-group--fluent [igxSuffix] {
  height: auto;
  line-height: normal;
}
.igx-input-group--fluent-search.igx-input-group--compact igx-prefix,
.igx-input-group--fluent-search.igx-input-group--compact [igxPrefix],
.igx-input-group--fluent-search.igx-input-group--compact igx-suffix,
.igx-input-group--fluent-search.igx-input-group--compact [igxSuffix],
.igx-input-group--compact.igx-input-group--fluent igx-prefix,
.igx-input-group--compact.igx-input-group--fluent [igxPrefix],
.igx-input-group--compact.igx-input-group--fluent igx-suffix,
.igx-input-group--compact.igx-input-group--fluent [igxSuffix] {
  font-size: 0.9545454545rem;
  height: auto;
  line-height: normal;
}
.igx-input-group--fluent-search.igx-input-group--cosy igx-prefix,
.igx-input-group--fluent-search.igx-input-group--cosy [igxPrefix],
.igx-input-group--cosy.igx-input-group--fluent igx-prefix,
.igx-input-group--cosy.igx-input-group--fluent [igxPrefix] {
  padding: 0.4210526316rem;
}
.igx-input-group--fluent-search.igx-input-group--compact igx-prefix,
.igx-input-group--fluent-search.igx-input-group--compact [igxPrefix],
.igx-input-group--compact.igx-input-group--fluent igx-prefix,
.igx-input-group--compact.igx-input-group--fluent [igxPrefix] {
  padding: 0.3636363636rem;
}
.igx-input-group--fluent-search.igx-input-group--cosy igx-suffix,
.igx-input-group--fluent-search.igx-input-group--cosy [igxSuffix],
.igx-input-group--cosy.igx-input-group--fluent igx-suffix,
.igx-input-group--cosy.igx-input-group--fluent [igxSuffix] {
  padding: 0.4210526316rem;
}
.igx-input-group--fluent-search.igx-input-group--compact igx-suffix,
.igx-input-group--fluent-search.igx-input-group--compact [igxSuffix],
.igx-input-group--compact.igx-input-group--fluent igx-suffix,
.igx-input-group--compact.igx-input-group--fluent [igxSuffix] {
  padding: 0.3636363636rem;
}
.igx-input-group--box igx-prefix, .igx-input-group--border igx-prefix, .igx-input-group--search igx-prefix,
.igx-input-group--box [igxPrefix],
.igx-input-group--border [igxPrefix],
.igx-input-group--search [igxPrefix] {
  padding: 0 0.5rem 0 0;
}
.igx-input-group--box.igx-input-group--cosy igx-prefix, .igx-input-group--border.igx-input-group--cosy igx-prefix, .igx-input-group--search.igx-input-group--cosy igx-prefix,
.igx-input-group--box.igx-input-group--cosy [igxPrefix],
.igx-input-group--border.igx-input-group--cosy [igxPrefix],
.igx-input-group--search.igx-input-group--cosy [igxPrefix] {
  padding: 0 0.4210526316rem 0 0;
}
.igx-input-group--box.igx-input-group--compact igx-prefix, .igx-input-group--border.igx-input-group--compact igx-prefix, .igx-input-group--search.igx-input-group--compact igx-prefix,
.igx-input-group--box.igx-input-group--compact [igxPrefix],
.igx-input-group--border.igx-input-group--compact [igxPrefix],
.igx-input-group--search.igx-input-group--compact [igxPrefix] {
  padding: 0 0.3636363636rem 0 0;
}
.igx-input-group--box igx-suffix, .igx-input-group--border igx-suffix, .igx-input-group--search igx-suffix,
.igx-input-group--box [igxSuffix],
.igx-input-group--border [igxSuffix],
.igx-input-group--search [igxSuffix] {
  padding: 0;
}
.igx-input-group--invalid igx-prefix,
.igx-input-group--invalid [igxPrefix],
.igx-input-group--invalid igx-suffix,
.igx-input-group--invalid [igxSuffix] {
  color: #ff134a;
}
.igx-input-group__border {
  height: 2px;
  /* 2px, when base is 16px */
  margin-top: -2px;
  /* 2px, when base is 16px */
  transform: scaleX(0);
  transform-origin: center;
  background: #00a5c3;
}
.igx-input-group--focused .igx-input-group__border {
  transform: scaleX(1);
  transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.igx-input-group--valid .igx-input-group__border {
  background: #4eb862;
}
.igx-input-group--invalid .igx-input-group__border {
  background: #ff134a;
}
.igx-input-group--border .igx-input-group__border, .igx-input-group--search .igx-input-group__border {
  display: none;
}
.igx-input-group__hint {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 0.375rem;
}
.igx-input-group__hint:empty {
  display: none;
}
.igx-input-group--box .igx-input-group__hint, .igx-input-group--border .igx-input-group__hint, .igx-input-group--search .igx-input-group__hint, .igx-input-group--fluent-search .igx-input-group__hint {
  margin-left: 0.75rem;
  /* 16px, base is 12px */
  margin-right: 0.75rem;
  /* 16px, base is 12px */
}
.igx-input-group--valid .igx-input-group__hint {
  color: #4eb862;
}
.igx-input-group--invalid .igx-input-group__hint {
  color: #ff134a;
}
.igx-input-group__hint-item, .igx-input-group__hint-item--start, .igx-input-group__hint-item--end {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  min-width: 0;
  max-width: 100%;
}
.igx-input-group__hint-item--start {
  order: 0;
}
.igx-input-group__hint-item--end {
  order: 1;
}
.igx-input-group--bootstrap igx-prefix:first-child,
.igx-input-group--bootstrap [igxPrefix]:first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.igx-input-group--bootstrap igx-suffix:last-child,
.igx-input-group--bootstrap [igxSuffix]:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.igx-input-group--bootstrap .igx-input-group__input:not(:first-child), .igx-input-group--bootstrap .igx-input-group__textarea:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.igx-input-group--bootstrap .igx-input-group__input:not(:last-child), .igx-input-group--bootstrap .igx-input-group__textarea:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.igx-input-group--disabled.igx-input-group--bootstrap .igx-input-group__bundle {
  background-image: none;
}
.igx-input-group--bootstrap .igx-input-group__bundle {
  align-items: stretch;
  padding: 0;
  box-shadow: none;
  z-index: 0;
}
.igx-input-group--bootstrap .igx-input-group__bundle:hover {
  border: none;
  box-shadow: none;
}
.igx-input-group--bootstrap igx-prefix,
.igx-input-group--bootstrap [igxPrefix],
.igx-input-group--bootstrap igx-suffix,
.igx-input-group--bootstrap [igxSuffix] {
  border: 1px solid rgba(0, 0, 0, 0.54);
  padding: 0.5rem 1rem;
  z-index: -1;
  height: auto;
  line-height: 1.5;
  white-space: nowrap;
}
.igx-input-group--bootstrap igx-prefix,
.igx-input-group--bootstrap [igxPrefix] {
  color: rgba(0, 0, 0, 0.54);
  background: transparent;
  border-right: 0;
}
.igx-input-group--bootstrap igx-suffix,
.igx-input-group--bootstrap [igxSuffix] {
  color: rgba(0, 0, 0, 0.54);
  background: transparent;
  border-left: 0;
}
.igx-input-group--disabled.igx-input-group--bootstrap .igx-input-group__bundle igx-prefix,
.igx-input-group--disabled.igx-input-group--bootstrap .igx-input-group__bundle [igxPrefix],
.igx-input-group--disabled.igx-input-group--bootstrap .igx-input-group__bundle igx-suffix,
.igx-input-group--disabled.igx-input-group--bootstrap .igx-input-group__bundle [igxSuffix] {
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38);
}
.igx-input-group--cosy.igx-input-group--bootstrap igx-prefix,
.igx-input-group--cosy.igx-input-group--bootstrap [igxPrefix],
.igx-input-group--cosy.igx-input-group--bootstrap igx-suffix,
.igx-input-group--cosy.igx-input-group--bootstrap [igxSuffix] {
  padding: 0.375rem 0.75rem;
  height: auto;
}
.igx-input-group--cosy.igx-input-group--bootstrap igx-prefix igx-icon,
.igx-input-group--cosy.igx-input-group--bootstrap [igxPrefix] igx-icon,
.igx-input-group--cosy.igx-input-group--bootstrap igx-suffix igx-icon,
.igx-input-group--cosy.igx-input-group--bootstrap [igxSuffix] igx-icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.igx-input-group--compact.igx-input-group--bootstrap igx-prefix,
.igx-input-group--compact.igx-input-group--bootstrap [igxPrefix],
.igx-input-group--compact.igx-input-group--bootstrap igx-suffix,
.igx-input-group--compact.igx-input-group--bootstrap [igxSuffix] {
  padding: 0.25rem 0.5rem;
  height: auto;
}
.igx-input-group--compact.igx-input-group--bootstrap igx-prefix igx-icon,
.igx-input-group--compact.igx-input-group--bootstrap [igxPrefix] igx-icon,
.igx-input-group--compact.igx-input-group--bootstrap igx-suffix igx-icon,
.igx-input-group--compact.igx-input-group--bootstrap [igxSuffix] igx-icon {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.igx-input-group--bootstrap .igx-input-group__label, .igx-input-group--focused.igx-input-group--bootstrap .igx-input-group__label, .igx-input-group--valid.igx-input-group--bootstrap .igx-input-group__label, .igx-input-group--invalid.igx-input-group--bootstrap .igx-input-group__label {
  position: static;
  display: block;
  color: rgba(0, 0, 0, 0.54);
  padding: 0;
  line-height: normal !important;
  transform: translateY(0);
  transform-origin: top left;
  margin-top: 0 !important;
  margin-bottom: 0.5rem;
  height: auto;
  font-size: 1rem;
}
.igx-input-group--cosy.igx-input-group--bootstrap .igx-input-group__label {
  font-size: 0.875rem;
  margin-bottom: 0.375rem;
}
.igx-input-group--compact.igx-input-group--bootstrap .igx-input-group__label {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.igx-input-group--bootstrap .igx-input-group__input, .igx-input-group--bootstrap .igx-input-group__textarea {
  height: auto;
  line-height: 1.5 !important;
  margin: 0;
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.54);
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
  transition: box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.igx-input-group--focused.igx-input-group--bootstrap .igx-input-group__input, .igx-input-group--focused.igx-input-group--bootstrap .igx-input-group__textarea {
  border: 1px solid #00a5c3;
  box-shadow: 0 0 0 0.1875rem rgba(0, 165, 195, 0.5);
}
.igx-input-group--valid.igx-input-group--bootstrap .igx-input-group__input, .igx-input-group--valid.igx-input-group--bootstrap .igx-input-group__input:hover, .igx-input-group--valid.igx-input-group--bootstrap .igx-input-group__textarea, .igx-input-group--valid.igx-input-group--bootstrap .igx-input-group__textarea:hover {
  border: 1px solid #4eb862;
  box-shadow: 0 0 0 0.1875rem rgba(78, 184, 98, 0.5);
}
.igx-input-group--invalid.igx-input-group--bootstrap .igx-input-group__input, .igx-input-group--invalid.igx-input-group--bootstrap .igx-input-group__input:hover, .igx-input-group--invalid.igx-input-group--bootstrap .igx-input-group__textarea, .igx-input-group--invalid.igx-input-group--bootstrap .igx-input-group__textarea:hover {
  border: 1px solid #ff134a;
  box-shadow: 0 0 0 0.1875rem rgba(255, 19, 74, 0.5);
}
.igx-input-group--disabled.igx-input-group--bootstrap .igx-input-group__input, .igx-input-group--disabled.igx-input-group--bootstrap .igx-input-group__textarea {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.igx-input-group--cosy.igx-input-group--bootstrap .igx-input-group__input, .igx-input-group--cosy.igx-input-group--bootstrap .igx-input-group__textarea {
  font-size: 1rem;
  padding: 0.375rem 0.75rem;
}
.igx-input-group--compact.igx-input-group--bootstrap .igx-input-group__input, .igx-input-group--compact.igx-input-group--bootstrap .igx-input-group__textarea {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
:root {
  --igx-list-border-radius: 0px;
  --igx-list-item-border-radius: 0px;
  --igx-list-background: #fff;
  --igx-list-header-background: #fff;
  --igx-list-header-text-color: #00a5c3;
  --igx-list-item-background: #fff;
  --igx-list-item-background-hover: #eaeaea;
  --igx-list-item-background-active: #eaeaea;
  --igx-list-item-text-color: rgba(0, 0, 0, 0.74);
  --igx-list-item-text-color-hover: rgba(0, 0, 0, 0.74);
  --igx-list-item-text-color-active: rgba(0, 0, 0, 0.74);
  --igx-list-item-title-color: currentColor;
  --igx-list-item-title-color-hover: currentColor;
  --igx-list-item-title-color-active: currentColor;
  --igx-list-item-action-color: currentColor;
  --igx-list-item-action-color-hover: currentColor;
  --igx-list-item-action-color-active: currentColor;
  --igx-list-item-subtitle-color: currentColor;
  --igx-list-item-subtitle-color-hover: currentColor;
  --igx-list-item-subtitle-color-active: currentColor;
  --igx-list-item-thumbnail-color: currentColor;
  --igx-list-item-thumbnail-color-hover: currentColor;
  --igx-list-item-thumbnail-color-active: currentColor;
  --igx-list-border-color: transparent;
  --igx-list-border-width: 0;
}
.igx-list, .igx-list__empty, .igx-list--compact, .igx-list--cosy {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  background: #fff;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  border-radius: 0px;
}
.igx-list__empty, .igx-list__empty--custom {
  justify-content: center;
  align-items: center;
}
.image {
  width: auto;
  max-height: 120px;
}
.message {
  text-align: center;
  color: rgba(0, 0, 0, 0.74);
  padding: 1rem;
  z-index: 1;
}
.message {
  padding: 0.5rem;
}
.message {
  padding: 0.25rem;
}
.igx-list__header {
  display: flex;
  align-items: center;
  color: #00a5c3;
  background: #fff;
  padding: 0.5rem 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.igx-list--cosy .igx-list__header {
  padding: 0.25rem 0.5rem;
}
.igx-list--compact .igx-list__header {
  padding: 0.125rem 0.25rem;
}
.igx-list__item-base {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  border-radius: 0px;
  color: rgba(0, 0, 0, 0.74);
  background: #fff;
}
.igx-list__item-base:hover {
  color: rgba(0, 0, 0, 0.74);
  background: #eaeaea;
}
.igx-list__item-base:hover .igx-list__item-lines {
  color: currentColor;
}
.igx-list__item-base:hover .igx-list__item-line-title {
  color: currentColor;
}
.igx-list__item-base:hover .igx-list__item-line-subtitle {
  color: currentColor;
}
.igx-list__item-base:hover .igx-list__item-actions {
  color: currentColor;
}
.igx-list__item-base:hover .igx-list__item-actions .igx-icon, .igx-list__item-base:hover .igx-list__item-actions .igx-icon--inactive {
  color: currentColor;
}
.igx-list__item-base:hover .igx-list__item-thumbnail {
  color: currentColor;
}
.igx-list__item-base:hover .igx-list__item-thumbnail .igx-icon, .igx-list__item-base:hover .igx-list__item-thumbnail .igx-icon--inactive {
  color: currentColor;
}
.igx-list__item-right, .igx-list__item-left {
  position: absolute;
  visibility: hidden;
  display: flex;
  z-index: 1;
}
.igx-list__item-lines {
  color: currentColor;
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
}
.igx-list__item-lines:empty {
  display: none;
}
.igx-list__item-line-subtitle {
  color: currentColor;
  opacity: 0.74;
}
.igx-list__item-line-title {
  color: currentColor;
}
.igx-list__item-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
}
.igx-list__item-actions > * {
  margin-left: 0.5rem;
}
.igx-list__item-actions:empty {
  display: none;
}
.igx-list__item-actions .igx-icon, .igx-list__item-actions .igx-icon--inactive {
  color: currentColor;
}
.igx-list__item-content, .igx-list__item-content:active {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 1rem;
  border-radius: 0px;
  background: inherit;
  z-index: 2;
}
.igx-list--compact .igx-list__item-content {
  padding: 0.125rem 0.25rem;
}
.igx-list--cosy .igx-list__item-content {
  padding: 0.25rem 0.5rem;
}
.igx-list__item-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 0;
  color: currentColor;
}
.igx-list__item-thumbnail > .igx-icon, .igx-list__item-thumbnail > .igx-icon--inactive {
  margin: 0.5rem 1rem 0.5rem 0;
}
.igx-list__item-thumbnail > .igx-avatar > .igx-icon, .igx-list__item-thumbnail > .igx-avatar--rounded > .igx-icon, .igx-list__item-thumbnail > .igx-avatar > .igx-icon--inactive, .igx-list__item-thumbnail > .igx-avatar--rounded > .igx-icon--inactive {
  margin: 0;
}
.igx-list__item-thumbnail:empty {
  display: none;
}
.igx-list__item-thumbnail:not(:empty) + .igx-list__item-lines {
  margin: 0 0 0 1rem;
}
.igx-list--cosy .igx-list__item-thumbnail:not(:empty) + .igx-list__item-lines {
  margin: 0 0 0 0.75rem;
}
.igx-list--compact .igx-list__item-thumbnail:not(:empty) + .igx-list__item-lines {
  margin: 0 0 0 0.5rem;
}
.igx-list--cosy .igx-list__item-thumbnail > .igx-icon, .igx-list--cosy .igx-list__item-thumbnail > .igx-icon--inactive {
  margin: 0.375rem 0.5rem 0.375rem 0;
}
.igx-list--compact .igx-list__item-thumbnail > .igx-icon, .igx-list--compact .igx-list__item-thumbnail > .igx-icon--inactive {
  margin: 0.25rem 0.25rem 0.25rem 0;
}
.igx-list--cosy .igx-list__item-actions > * {
  margin-left: 0.375rem;
}
.igx-list--compact .igx-list__item-actions > * {
  margin-left: 0.25rem;
}
.igx-list__item-lines + .igx-list__item-actions {
  margin-left: 0.5rem;
}
.igx-list__item-content:active {
  color: rgba(0, 0, 0, 0.74);
  background: #eaeaea;
  z-index: 3;
}
.igx-list__item-content:active .igx-list__item-line-title {
  color: currentColor;
}
.igx-list__item-content:active .igx-list__item-line-subtitle {
  color: currentColor;
}
.igx-list__item-content:active .igx-list__item-actions {
  color: currentColor;
}
.igx-list__item-content:active .igx-list__item-actions .igx-icon, .igx-list__item-content:active .igx-list__item-actions .igx-icon--inactive {
  color: currentColor;
}
.igx-list__item-content:active .igx-list__item-thumbnail {
  color: currentColor;
}
.igx-list__item-content:active .igx-list__item-thumbnail .igx-icon, .igx-list__item-content:active .igx-list__item-thumbnail .igx-icon--inactive {
  color: currentColor;
}
.igx-list__item-content:not(:active) {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
:root {
  --igx-navbar-elevation: 4;
  --igx-navbar-background: #00a5c3;
  --igx-navbar-text-color: black;
  --igx-navbar-idle-icon-color: black;
  --igx-navbar-hover-icon-color: black;
  --igx-navbar-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
}
.igx-navbar {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  padding: 0 1em;
  background: #00a5c3;
  color: black;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
  z-index: 4;
}
.igx-navbar__title {
  margin: 0;
}
.igx-navbar__left, .igx-navbar__right {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.igx-navbar__left > * + *, .igx-navbar__right > * + * {
  margin-left: 16px;
}
.igx-navbar__left igx-icon, .igx-navbar__right igx-icon {
  cursor: pointer;
  color: black;
  transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.igx-navbar__left igx-icon:hover, .igx-navbar__right igx-icon:hover {
  color: black;
}
igx-action-icon {
  display: flex;
  align-items: center;
}
:root {
  --igx-navdrawer-border-radius: 0px;
  --igx-navdrawer-item-border-radius: 0px;
  --igx-navdrawer-elevation: 16;
  --igx-navdrawer-background: #fff;
  --igx-navdrawer-border-color: rgba(0, 0, 0, 0.14);
  --igx-navdrawer-item-header-text-color: rgba(0, 0, 0, 0.87);
  --igx-navdrawer-item-text-color: rgba(0, 0, 0, 0.54);
  --igx-navdrawer-item-icon-color: rgba(0, 0, 0, 0.54);
  --igx-navdrawer-item-active-text-color: #00a5c3;
  --igx-navdrawer-item-active-background: rgba(0, 165, 195, 0.12);
  --igx-navdrawer-item-hover-background: rgba(0, 0, 0, 0.08);
  --igx-navdrawer-item-hover-text-color: rgba(0, 0, 0, 0.87);
  --igx-navdrawer-item-active-icon-color: #00a5c3;
  --igx-navdrawer-item-hover-icon-color: rgba(0, 0, 0, 0.87);
  --igx-navdrawer-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.26), 0 16px 24px 2px rgba(0, 0, 0, 0.12), 0 6px 30px 5px rgba(0, 0, 0, 0.08);
}
.igx-nav-drawer {
  transition: flex-basis;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.igx-nav-drawer__aside {
  position: fixed;
  height: 100%;
  max-width: 90%;
  min-height: 100%;
  overflow-x: hidden;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  transition: width, transform;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.26), 0 16px 24px 2px rgba(0, 0, 0, 0.12), 0 6px 30px 5px rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 0px;
}
.igx-nav-drawer__aside.panning {
  overflow-x: hidden;
  transition: none;
}
.igx-nav-drawer__aside--pinned {
  position: relative;
  max-width: 100%;
  box-shadow: none;
  z-index: 0;
}
.igx-nav-drawer__aside--collapsed.igx-nav-drawer__aside--right {
  transform: translate3d(300px, 0, 0);
  box-shadow: none;
}
.igx-nav-drawer__aside--pinned.igx-nav-drawer__aside--collapsed {
  transform: none;
  width: 0;
  overflow: hidden;
  border: none;
}
.igx-nav-drawer__aside--collapsed {
  transform: translate3d(-300px, 0, 0);
  box-shadow: none;
}
.igx-nav-drawer__aside--right {
  left: auto;
  right: 0;
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
}
.igx-nav-drawer__aside--mini {
  width: 3.75rem;
  transition-duration: 0.2s, 0.2s;
}
.igx-nav-drawer__aside--mini .igx-nav-drawer__item, .igx-nav-drawer__aside--mini .igx-nav-drawer__item--active {
  justify-content: center;
}
.igx-nav-drawer__aside--normal {
  width: 15.125rem;
  transition-duration: 0.3s, 0.3s;
}
.igx-nav-drawer__overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.38);
  transition: opacity, visibility;
  transition-duration: 0.25s, 0.25s;
  transition-timing-function: ease-in, step-start;
  transition-delay: 0s, 0s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: visible;
  z-index: 999;
}
.igx-nav-drawer__overlay.panning {
  transform: translate3d(0, 0, 0);
  transition: none;
}
.igx-nav-drawer__overlay--hidden {
  transition-timing-function: ease-in-out, step-end;
  visibility: hidden;
  opacity: 0;
}
.igx-nav-drawer__overlay.panning.igx-nav-drawer__overlay--hidden {
  /* must be visible during pan.. */
  visibility: visible;
}
.igx-nav-drawer__item, .igx-nav-drawer__item--active {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  color: rgba(0, 0, 0, 0.54);
  max-height: 3rem;
  min-width: 2rem;
  padding: 0.75rem 0.5rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: transparent;
  white-space: nowrap;
  border-radius: 0px;
  margin: 0.5rem;
  text-decoration: none;
  width: calc(100% - 1rem);
  border: none;
  justify-content: flex-start;
}
.igx-nav-drawer__item > igx-icon + span, .igx-nav-drawer__item--active > igx-icon + span {
  margin-left: 2rem;
}
.igx-nav-drawer__item igx-icon, .igx-nav-drawer__item--active igx-icon {
  color: rgba(0, 0, 0, 0.54);
}
[igxButton].igx-nav-drawer__item, [igxButton].igx-nav-drawer__item--active {
  background: transparent;
  border: none;
  box-shadow: none;
}
[igxButton].igx-nav-drawer__item igx-icon, [igxButton].igx-nav-drawer__item--active igx-icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  margin: 0;
}
[igxButton].igx-nav-drawer__item:hover, [igxButton].igx-nav-drawer__item--active:hover, [igxButton].igx-nav-drawer__item:focus, [igxButton].igx-nav-drawer__item--active:focus {
  box-shadow: none;
  border: none;
}
.igx-nav-drawer__item.igx-button--fab, .igx-nav-drawer__item--active.igx-button--fab {
  min-height: auto;
}
.igx-nav-drawer__item.igx-button--icon, .igx-nav-drawer__item--active.igx-button--icon {
  height: auto;
  transition: none;
}
.igx-nav-drawer__item:hover, .igx-nav-drawer__item--active:hover, .igx-nav-drawer__item:focus, .igx-nav-drawer__item--active:focus {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}
.igx-nav-drawer__item:hover igx-icon, .igx-nav-drawer__item--active:hover igx-icon, .igx-nav-drawer__item:focus igx-icon, .igx-nav-drawer__item--active:focus igx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.igx-nav-drawer__item--active {
  color: #00a5c3;
  background: rgba(0, 165, 195, 0.12);
}
.igx-nav-drawer__item--active igx-icon {
  color: #00a5c3;
}
[igxButton].igx-nav-drawer__item--active {
  box-shadow: none;
}
[igxButton].igx-nav-drawer__item--active igx-icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  margin: 0;
}
[igxButton].igx-nav-drawer__item--active:hover, [igxButton].igx-nav-drawer__item--active:focus {
  box-shadow: none;
  border: none;
}
.igx-nav-drawer__item--active:focus, .igx-nav-drawer__item--active:hover {
  color: #00a5c3;
  background: rgba(0, 165, 195, 0.12);
}
.igx-nav-drawer__item--active:focus igx-icon, .igx-nav-drawer__item--active:hover igx-icon {
  color: #00a5c3;
}
.igx-nav-drawer__item--header {
  display: block;
  padding: 0.75rem 1rem;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.87);
}
.igx-nav-drawer__style-dummy {
  height: 0;
  background: none;
  box-shadow: none;
  transition: none;
  visibility: hidden;
}
:root {
  --igx-overlay-background-color: rgba(0, 0, 0, 0.38);
}
.igx-overlay {
  width: 0;
  height: 0;
  box-sizing: content-box;
}
.igx-overlay__wrapper, .igx-overlay__wrapper--modal, .igx-overlay__wrapper--flex, .igx-overlay__wrapper--flex-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  pointer-events: none;
  z-index: 10;
  box-sizing: content-box;
}
.igx-overlay__wrapper--modal {
  background: rgba(0, 0, 0, 0.38);
  pointer-events: initial;
}
.igx-overlay__wrapper--flex {
  display: flex;
}
.igx-overlay__wrapper--flex-container {
  display: flex;
  position: absolute;
}
.igx-overlay__content, .igx-overlay__content--modal, .igx-overlay__content--elastic, .igx-overlay__content--relative {
  position: absolute;
  pointer-events: all;
  box-sizing: content-box;
}
.igx-overlay__content--modal {
  pointer-events: initial;
}
.igx-overlay__content--elastic {
  overflow: auto;
}
.igx-overlay__content--relative {
  position: relative;
}
.igx-toggle--hidden {
  display: none !important;
}
:root {
  --igx-paginator-variant: material;
  --igx-paginator-text-color: rgba(0, 0, 0, 0.74);
  --igx-paginator-background-color: #f4f4f4;
  --igx-paginator-border-color: rgba(0, 0, 0, 0.26);
}
.igx-paginator, .igx-paginator--cosy, .igx-paginator--compact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(0, 0, 0, 0.74);
  background: #f4f4f4;
  -ms-grid-row: 7;
  grid-row: 7;
  font-size: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.26);
  z-index: 1;
  padding: 0 1.5rem;
  height: 3.5rem;
  width: 100%;
}
.igx-paginator:empty, .igx-paginator--cosy:empty, .igx-paginator--compact:empty {
  padding: 0;
}
.igx-paginator--cosy {
  padding: 0 1rem;
  height: 3rem;
}
.igx-paginator--compact {
  padding: 0 0.75rem;
  height: 2.75rem;
}
.igx-paginator__label {
  margin-right: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.igx-paginator__select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.igx-paginator__pager {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
}
.igx-paginator__pager > * {
  margin-left: 0.5rem;
}
.igx-paginator__pager-text {
  display: flex;
}
.igx-paginator__select-input {
  display: flex;
  max-width: 90px;
  min-width: 80px;
}
@-webkit-keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --igx-circular-bar-track-border-radius: 0;
  --igx-circular-bar-variant: material;
  --igx-circular-bar-base-circle-color: rgba(0, 0, 0, 0.12);
  --igx-circular-bar-progress-circle-color: #00a5c3;
  --igx-circular-bar-text-color: rgba(0, 0, 0, 0.62);
  --igx-circular-bar-progress-circle-color-start: #00a5c3;
  --igx-circular-bar-progress-circle-color-end: #00a5c3;
}
.igx-circular-bar {
  display: inline-flex;
  flex: 1 1 auto;
  width: 2rem;
  height: 2rem;
}
.igx-circular-bar svg {
  width: 100%;
  height: 100%;
  min-width: inherit;
  min-height: inherit;
}
.igx-circular-bar--indeterminate {
  -webkit-animation: rotate-center 3s linear normal infinite;
          animation: rotate-center 3s linear normal infinite;
  transform-origin: 50% 50%;
}
.igx-circular-bar__inner {
  stroke-width: 0.25rem;
  fill: transparent;
  stroke: rgba(0, 0, 0, 0.12);
}
.igx-circular-bar__outer {
  fill: transparent;
  stroke-width: 0.25rem;
  stroke-dashoffset: 289;
  stroke-dasharray: 289;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.igx-circular-bar--indeterminate .igx-circular-bar__outer {
  stroke-dasharray: 289;
  -webkit-animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;
          animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;
}
.igx-circular-bar__text {
  font-size: 2rem;
  font-weight: 600;
  fill: rgba(0, 0, 0, 0.62);
}
.igx-circular-bar--indeterminate .igx-circular-bar__text {
  visibility: hidden;
}
.igx-circular-bar__gradient-start {
  stop-color: #00a5c3;
}
.igx-circular-bar__gradient-end {
  stop-color: #00a5c3;
}
@-webkit-keyframes indeterminate-accordion {
  from {
    stroke-dashoffset: 578;
    stroke-dasharray: 259;
  }
  to {
    stroke-dashoffset: 120;
  }
}
@keyframes indeterminate-accordion {
  from {
    stroke-dashoffset: 578;
    stroke-dasharray: 259;
  }
  to {
    stroke-dashoffset: 120;
  }
}
:root {
  --igx-linear-bar-track-border-radius: 0px;
  --igx-linear-bar-variant: material;
  --igx-linear-bar-track-color: rgba(0, 0, 0, 0.12);
  --igx-linear-bar-fill-color-default: #00a5c3;
  --igx-linear-bar-fill-color-danger: #ff134a;
  --igx-linear-bar-fill-color-warning: #fbb13c;
  --igx-linear-bar-fill-color-info: #1377d5;
  --igx-linear-bar-fill-color-success: #4eb862;
  --igx-linear-bar-stripes-color: rgba(255, 255, 255, 0.7);
  --igx-linear-bar-text-color: rgba(0, 0, 0, 0.62);
}
.igx-linear-bar {
  position: relative;
  display: flex;
  width: 100%;
  flex: 1 1 100%;
  flex-direction: column;
}
.igx-linear-bar__base {
  position: relative;
  width: inherit;
  height: 0.25rem;
  background: rgba(0, 0, 0, 0.12);
  overflow: hidden;
  border-radius: 0px;
  z-index: 0;
}
.igx-linear-bar__indicator {
  width: 100%;
  position: relative;
  height: inherit;
}
.igx-linear-bar--striped .igx-linear-bar__indicator {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.7) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 75%, transparent 75%, transparent);
  background-size: 2.5rem 2.5rem;
}
.igx-linear-bar--indeterminate .igx-linear-bar__indicator {
  -webkit-animation: indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;
          animation: indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;
  width: 100% !important;
}
.igx-linear-bar--indeterminate .igx-linear-bar__indicator::before {
  position: absolute;
  content: "";
  top: 0;
  left: -200%;
  width: 100%;
  height: inherit;
  background-color: inherit;
  transform-origin: top right;
}
.igx-linear-bar__indicator {
  background: #00a5c3;
}
.igx-linear-bar--danger .igx-linear-bar__indicator {
  background-color: #ff134a;
}
.igx-linear-bar--warning .igx-linear-bar__indicator {
  background-color: #fbb13c;
}
.igx-linear-bar--info .igx-linear-bar__indicator {
  background-color: #1377d5;
}
.igx-linear-bar--success .igx-linear-bar__indicator {
  background-color: #4eb862;
}
.igx-linear-bar__value, .igx-linear-bar__value--start, .igx-linear-bar__value--center, .igx-linear-bar__value--end, .igx-linear-bar__value--top, .igx-linear-bar__value--hidden, .igx-linear-bar--indeterminate .igx-linear-bar__value {
  margin: 0;
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.875em;
  font-weight: 600;
}
.igx-linear-bar__value, .igx-linear-bar__value--start {
  align-self: flex-start;
}
.igx-linear-bar__value--center {
  -ms-grid-row-align: center;
      align-self: center;
}
.igx-linear-bar__value--end {
  align-self: flex-end;
}
.igx-linear-bar__value--top {
  order: -1;
}
.igx-linear-bar__value--hidden, .igx-linear-bar--indeterminate .igx-linear-bar__value {
  display: none;
}
@-webkit-keyframes indeterminate-bar {
  0% {
    transform: scaleX(0) translateX(-100%);
    transform-origin: left;
  }
  50% {
    transform: scaleX(1) translateX(50%);
    transform-origin: right;
  }
  100% {
    transform: scaleX(0) translateX(200%);
    transform-origin: right;
  }
}
@keyframes indeterminate-bar {
  0% {
    transform: scaleX(0) translateX(-100%);
    transform-origin: left;
  }
  50% {
    transform: scaleX(1) translateX(50%);
    transform-origin: right;
  }
  100% {
    transform: scaleX(0) translateX(200%);
    transform-origin: right;
  }
}
:root {
  --igx-radio-variant: material;
  --igx-radio-hover-color: transparent;
  --igx-radio-fill-hover-border-color: #00a5c3;
  --igx-radio-label-color: rgba(0, 0, 0, 0.87);
  --igx-radio-empty-color: rgba(0, 0, 0, 0.54);
  --igx-radio-fill-color: #00a5c3;
  --igx-radio-fill-color-hover: #00a5c3;
  --igx-radio-disabled-color: rgba(0, 0, 0, 0.26);
}
.igx-radio {
  position: relative;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  color: rgba(0, 0, 0, 0.87);
}
.igx-radio__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: none;
  clip: rect(0, 0, 0, 0);
  outline: 0;
  pointer-events: none;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.igx-radio--disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.26);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.igx-radio__composite {
  position: relative;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  min-width: 1.25em;
  line-height: 1.25em;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.igx-radio__composite::before, .igx-radio__composite::after {
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  left: 0;
  top: 0;
  border-radius: 50% 50%;
}
.igx-radio__composite::before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: scale(0);
  transition: all 0.2s ease-in;
  z-index: 1;
}
.igx-radio__composite::after {
  border: 0.125rem solid rgba(0, 0, 0, 0.54);
}
.igx-radio--checked .igx-radio__composite::before {
  border: 0.125rem solid #00a5c3;
  background: #00a5c3;
  transform: scale(0.5);
}
.igx-radio--checked .igx-radio__composite::after {
  border: 0.125rem solid #00a5c3;
}
.igx-radio:hover .igx-radio__composite::before, .igx-radio:active .igx-radio__composite::before {
  background: #00a5c3;
}
.igx-radio--checked:hover .igx-radio__composite::before, .igx-radio--checked:active .igx-radio__composite::before {
  background: #00a5c3;
  border-color: #00a5c3;
}
.igx-radio--checked:hover .igx-radio__composite::after, .igx-radio--checked:active .igx-radio__composite::after {
  border-color: #00a5c3;
}
.igx-radio--disabled .igx-radio__composite::after {
  border: 0.125rem solid rgba(0, 0, 0, 0.26);
}
.igx-radio--checked.igx-radio--disabled .igx-radio__composite::after {
  border: 0.125rem solid rgba(0, 0, 0, 0.26);
}
.igx-radio--checked.igx-radio--disabled .igx-radio__composite::before {
  background: rgba(0, 0, 0, 0.26);
  border: 0.125rem solid transparent;
}
.igx-radio__label, .igx-radio__label--before {
  color: currentColor;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  word-wrap: break-all;
}
.igx-radio__label:empty, .igx-radio__label--before:empty {
  display: none;
}
.igx-radio__label {
  margin-left: 0.5em;
}
.igx-radio__label--before {
  order: -1;
  margin-right: 0.5em;
}
.igx-radio__label--before:empty,
.igx-radio__label:empty {
  margin: 0;
}
.igx-radio__ripple {
  display: block;
  position: absolute;
  top: calc(50% - 1.5em);
  left: calc(50% - 1.5em);
  width: 3em;
  height: 3em;
  border-radius: 1.5em;
  overflow: hidden;
  pointer-events: none;
  filter: opacity(1);
}
.igx-radio__ripple {
  --igx-ripple-variant: material;
  --igx-ripple-color: #00a5c3;
}
.igx-radio__ripple .igx-ripple__inner {
  display: block;
  position: absolute;
  border-radius: 50%;
  background: #00a5c3;
  pointer-events: none;
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(0);
  will-change: opacity, transform;
  opacity: 0.5;
}
.igx-radio__ripple .igx-ripple {
  overflow: hidden;
}
.igx-radio__ripple {
  --igx-ripple-variant: material;
  --igx-ripple-color: #00a5c3;
}
.igx-radio--focused .igx-radio__ripple, .igx-radio--focused.igx-radio--checked .igx-radio__ripple {
  -webkit-animation: "scale-in-out" 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: "scale-in-out" 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  background: rgba(0, 0, 0, 0.54);
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0.12;
}
.igx-radio--focused.igx-radio--checked .igx-radio__ripple {
  background: #00a5c3;
}
.igx-radio:hover .igx-radio__ripple::after, .igx-radio:active .igx-radio__ripple::after, .igx-radio--checked:hover .igx-radio__ripple::after, .igx-radio--checked:active .igx-radio__ripple::after {
  position: absolute;
  content: "";
  opacity: 0.06;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.igx-radio:hover .igx-radio__ripple::after, .igx-radio:active .igx-radio__ripple::after {
  background: rgba(0, 0, 0, 0.54);
}
.igx-radio--checked:hover .igx-radio__ripple::after, .igx-radio--checked:active .igx-radio__ripple::after {
  background: #00a5c3;
}
.igx-radio:active .igx-radio__ripple::after, .igx-radio--checked:active .igx-radio__ripple::after {
  opacity: 0.12;
}
:root {
  --igx-slider-variant: material;
  --igx-slider-tick-color: rgba(0, 0, 0, 0.38);
  --igx-slider-tick-color-tall: rgba(0, 0, 0, 0.38);
  --igx-slider-tick-label-color: rgba(0, 0, 0, 0.38);
  --igx-slider-tick-label-color-tall: rgba(0, 0, 0, 0.87);
  --igx-slider-track-color: #00a5c3;
  --igx-slider-thumb-color: #00a5c3;
  --igx-slider-thumb-border-color: #00a5c3;
  --igx-slider-label-background-color: #00a5c3;
  --igx-slider-label-text-color: black;
  --igx-slider-disabled-thumb-color: #bcbcbc;
  --igx-slider-disabled-base-track-color: rgba(0, 0, 0, 0.26);
  --igx-slider-thumb-disabled-border-color: rgba(0, 0, 0, 0.26);
  --igx-slider-base-track-color: rgba(0, 165, 195, 0.24);
  --igx-slider-base-track-hover-color: rgba(0, 165, 195, 0.24);
  --igx-slider-track-hover-color: #00a5c3;
}
.igx-slider, .igx-slider--disabled {
  display: flex;
  position: relative;
  height: 3rem;
  flex-grow: 1;
  align-items: center;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.igx-slider:hover .igx-slider__track-fill, .igx-slider--disabled:hover .igx-slider__track-fill {
  background: #00a5c3;
}
.igx-slider:hover .igx-slider__track, .igx-slider--disabled:hover .igx-slider__track {
  background: rgba(0, 165, 195, 0.24);
}
.igx-slider:hover .igx-slider--disabled .igx-slider__track, .igx-slider--disabled .igx-slider:hover .igx-slider__track, .igx-slider--disabled:hover .igx-slider__track {
  background: rgba(0, 0, 0, 0.26);
}
.igx-slider:hover .igx-slider__thumb-from .dot::before, .igx-slider__thumb-from .igx-slider:hover .dot::before, .igx-slider--disabled:hover .igx-slider__thumb-from .dot::before, .igx-slider__thumb-from .igx-slider--disabled:hover .dot::before, .igx-slider:hover .igx-slider__thumb-to .dot::before, .igx-slider__thumb-to .igx-slider:hover .dot::before, .igx-slider--disabled:hover .igx-slider__thumb-to .dot::before, .igx-slider__thumb-to .igx-slider--disabled:hover .dot::before {
  border-color: #00a5c3;
}
.igx-slider:hover .igx-slider--disabled .igx-slider__thumb-from .dot::before, .igx-slider--disabled .igx-slider__thumb-from .igx-slider:hover .dot::before, .igx-slider--disabled:hover .igx-slider__thumb-from .dot::before, .igx-slider:hover .igx-slider--disabled .igx-slider__thumb-to .dot::before, .igx-slider--disabled .igx-slider__thumb-to .igx-slider:hover .dot::before, .igx-slider--disabled:hover .igx-slider__thumb-to .dot::before {
  border-color: rgba(0, 0, 0, 0.26);
}
.igx-slider__thumbs {
  position: absolute;
  width: 100%;
  height: 0;
  cursor: default;
  z-index: 1;
  left: 0;
}
.igx-slider__track, .igx-slider--disabled .igx-slider__track {
  position: relative;
  width: 100%;
  height: 0.125rem;
  background: rgba(0, 165, 195, 0.24);
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.igx-slider--disabled .igx-slider__track {
  background: rgba(0, 0, 0, 0.26);
}
.igx-slider__track-fill, .igx-slider--disabled .igx-slider__track-fill {
  position: absolute;
  width: 100%;
  height: inherit;
  background: #00a5c3;
  transform-origin: left center;
  transform: scaleX(0);
}
.igx-slider--disabled .igx-slider__track-fill {
  visibility: hidden;
}
.igx-slider__ticks {
  width: 100%;
  display: flex;
  position: absolute;
  top: 0.25rem;
  justify-content: space-between;
  z-index: 1;
}
.igx-slider__ticks.igx-slider__ticks--top {
  bottom: 0.25rem;
  top: auto;
  align-items: flex-end;
}
.igx-slider__ticks-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.igx-slider__ticks-group:first-of-type {
  margin-left: -0.0625rem;
}
.igx-slider__ticks-group:last-of-type {
  margin-left: -0.0625rem;
}
.igx-slider__ticks-label {
  color: rgba(0, 0, 0, 0.38);
  position: absolute;
  top: 1rem;
  transform: translate(-50%);
  line-height: 0.7;
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.igx-slider__ticks-tick {
  background: rgba(0, 0, 0, 0.38);
  height: 0.5rem;
  width: 0.125rem;
}
.igx-slider__ticks--tall .igx-slider__ticks-label {
  top: calc(1rem + 0.5rem);
}
.igx-slider--disabled .igx-slider__ticks-tick {
  background: rgba(0, 0, 0, 0.26) !important;
}
.igx-slider--disabled .igx-slider__ticks-label {
  color: rgba(0, 0, 0, 0.26) !important;
}
.igx-slider__ticks-group--tall .igx-slider__ticks-tick {
  height: 1rem;
  background: rgba(0, 0, 0, 0.38);
}
.igx-slider__ticks-group--tall .igx-slider__ticks-label {
  top: calc(1rem + 0.5rem);
  color: rgba(0, 0, 0, 0.87);
}
.igx-slider__ticks--top .igx-slider__ticks-label {
  bottom: calc(0.5rem + 0.5rem);
  top: auto;
}
.igx-slider__ticks--top.igx-slider__ticks--tall .igx-slider__ticks-label {
  bottom: calc(1rem + 0.5rem);
  top: auto;
}
.igx-slider__tick-label--hidden {
  opacity: 0;
}
.igx-slider__track-steps {
  position: absolute;
  width: 100%;
  height: 0.125rem;
  background-size: 100% 0.125em;
  opacity: 0.85;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1;
}
.igx-slider--disabled .igx-slider__track-steps {
  visibility: hidden;
}
.igx-slider__tick-labels--top-bottom .igx-slider__ticks-group {
  display: block;
}
.igx-slider__tick-labels--top-bottom .igx-slider__ticks-label {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  transform: translate(-50%) rotate(0deg);
}
.igx-slider__tick-labels--top-bottom .igx-slider__ticks--tall .igx-slider__ticks-label {
  top: calc(1rem + 0.125rem);
}
.igx-slider__tick-labels--top-bottom.igx-slider__ticks--top .igx-slider__ticks-label {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  transform: translate(-50%) rotate(0deg);
}
.igx-slider__tick-labels--top-bottom.igx-slider__ticks--top .igx-slider__ticks--tall .igx-slider__ticks-label {
  bottom: calc(1rem + 0.125rem);
}
.igx-slider__tick-labels--bottom-top .igx-slider__ticks-group {
  display: block;
}
.igx-slider__tick-labels--bottom-top .igx-slider__ticks-label {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  transform: translate(-50%) rotate(180deg);
}
.igx-slider__tick-labels--bottom-top.igx-slider__ticks--top .igx-slider__ticks-label {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  transform: translate(-50%) rotate(180deg);
}
.igx-slider__tick-labels--bottom-top.igx-slider__ticks--top .igx-slider__ticks--tall .igx-slider__ticks-label {
  bottom: calc(1rem + 0.125rem);
}
.igx-slider__thumb-from, .igx-slider__thumb-to, .igx-slider--disabled .igx-slider__thumb-from, .igx-slider--disabled .igx-slider__thumb-to {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 40px;
  height: 40px;
  outline-style: none;
  top: -1.25rem;
  margin-left: -1.25rem;
}
.igx-slider__thumb-from:focus .dot::after, .igx-slider__thumb-to:focus .dot::after {
  opacity: 0.18;
  /* 32 / 40 */
  transform: scale(0.8);
}
.igx-slider--disabled .igx-slider__thumb-from:hover .igx-slider__label-from .label, .igx-slider__label-from .igx-slider--disabled .igx-slider__thumb-from:hover .label, .igx-slider--disabled .igx-slider__thumb-to:hover .igx-slider__label-from .label, .igx-slider__label-from .igx-slider--disabled .igx-slider__thumb-to:hover .label, .igx-slider--disabled .igx-slider__thumb-from:hover .igx-slider__label-to .label, .igx-slider__label-to .igx-slider--disabled .igx-slider__thumb-from:hover .label, .igx-slider--disabled .igx-slider__thumb-to:hover .igx-slider__label-to .label, .igx-slider__label-to .igx-slider--disabled .igx-slider__thumb-to:hover .label {
  opacity: 0;
}
.igx-slider__label-from, .igx-slider__label-to {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 40px;
  outline-style: none;
  top: -1.25rem;
  margin: 0 auto;
}
.igx-slider__label-from .label, .igx-slider__label-to .label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  top: -2.25rem;
  left: -50%;
  pointer-events: none;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.125rem;
  border-radius: 1.125rem;
  margin: 0 auto;
  line-height: 1.125rem;
  color: black;
  background: #00a5c3;
  opacity: 0;
  border-color: #00a5c3 transparent transparent;
  transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: -1;
}
.igx-slider__label-from .label::after, .igx-slider__label-to .label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -18px;
  width: 2.25rem;
  height: 36px;
  border-radius: 0 18px 18px;
  background: inherit;
  transform: rotate(-135deg);
  z-index: -1;
}
.igx-slider__label-from .label::before, .igx-slider__label-to .label::before {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: calc(50% - 1px);
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 0.875rem solid;
  border-color: inherit;
}
.igx-slider__thumb-from .dot, .igx-slider__thumb-to .dot {
  position: relative;
  left: 0;
  padding: 1.25rem;
  pointer-events: none;
}
.igx-slider__thumb-from .dot:hover::after, .igx-slider__thumb-to .dot:hover::after {
  opacity: 0.12;
  /* 32 / 40 */
  transform: scale(0.8);
}
.igx-slider__thumb-from .dot::before, .igx-slider__thumb-to .dot::before {
  position: absolute;
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  left: 0.875rem;
  top: 0.875rem;
  background: #00a5c3;
  border: 0rem solid #00a5c3;
  transform: rotate(45deg);
  transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 1.25rem;
}
.igx-slider__thumb-from .dot::after, .igx-slider__thumb-to .dot::after {
  display: block;
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: #00a5c3;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 50%;
}
.igx-slider--disabled .igx-slider__thumb-from .dot, .igx-slider--disabled .igx-slider__thumb-to .dot {
  pointer-events: none;
}
.igx-slider--disabled .igx-slider__thumb-from .dot::before, .igx-slider--disabled .igx-slider__thumb-to .dot::before {
  background: #bcbcbc;
  border-color: rgba(0, 0, 0, 0.26);
  border-radius: 1.25rem;
}
.igx-slider--disabled .igx-slider__thumb-from .dot::after, .igx-slider--disabled .igx-slider__thumb-to .dot::after {
  transform: scale(0);
}
.igx-slider__thumb-from--active .dot::before, .igx-slider__thumb-to--active .dot::before, .igx-slider__thumb--hovered .dot::before {
  border-radius: 0 20px 20px;
}
.igx-slider__thumb--pressed .dot::after {
  opacity: 0.24 !important;
  /* 48 / 40 */
  transform: scale(1.2) !important;
}
.igx-slider__label-from--active .label, .igx-slider__label-to--active .label {
  opacity: 1;
}
.igx-slider__thumb-from--active, .igx-slider__label-from--active, .igx-slider__thumb-to--active, .igx-slider__label-to--active {
  z-index: 1;
}
:root {
  --igx-snackbar-border-radius: 0px;
  --igx-snackbar-elevation: 4;
  --igx-snackbar-background: rgba(0, 0, 0, 0.87);
  --igx-snackbar-text-color: white;
  --igx-snackbar-button-color: #00a5c3;
  --igx-snackbar-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
}
.igx-snackbar {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 3rem;
  padding: 0.4375rem 1.5rem;
  margin: 8px;
  color: white;
  background: rgba(0, 0, 0, 0.87);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0px;
}
.igx-snackbar__button {
  background: transparent;
  color: #00a5c3;
  border: 0;
  line-height: 1rem;
  margin-left: 1.5rem;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 600;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  transition: color 0.2s ease;
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
}
.igx-snackbar__button:hover {
  color: #00a5c3;
}
:root {
  --igx-switch-border-radius-track: 0px;
  --igx-switch-border-radius-thumb: 0px;
  --igx-switch-border-radius-ripple: 0px;
  --igx-switch-resting-elevation: 2;
  --igx-switch-hover-elevation: 3;
  --igx-switch-disabled-elevation: 1;
  --igx-switch-variant: material;
  --igx-switch-border-color: transparent;
  --igx-switch-border-hover-color: transparent;
  --igx-switch-border-disabled-color: transparent;
  --igx-switch-border-on-color: transparent;
  --igx-switch-border-on-hover-color: transparent;
  --igx-switch-thumb-on-color: #00a5c3;
  --igx-switch-track-on-color: rgba(0, 165, 195, 0.5);
  --igx-switch-thumb-off-color: #eaeaea;
  --igx-switch-track-disabled-color: rgba(0, 0, 0, 0.12);
  --igx-switch-track-off-color: rgba(0, 0, 0, 0.54);
  --igx-switch-thumb-disabled-color: #bcbcbc;
  --igx-switch-label-color: rgba(0, 0, 0, 0.87);
  --igx-switch-label-disabled-color: rgba(0, 0, 0, 0.26);
  --igx-switch-resting-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  --igx-switch-hover-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.26), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.08);
  --igx-switch-disabled-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
}
.igx-switch {
  position: relative;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
}
.igx-switch__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: none;
  clip: rect(0, 0, 0, 0);
  outline: 0;
  pointer-events: none;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.igx-switch--disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: initial;
}
.igx-switch__composite {
  display: flex;
  align-items: center;
  width: 2.25rem;
  height: 0.875rem;
  border: 1px solid transparent;
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.igx-switch__composite:hover, .igx-switch__composite:focus {
  border-color: transparent;
}
.igx-switch--checked .igx-switch__composite {
  background: rgba(0, 165, 195, 0.5);
  border-color: transparent;
}
.igx-switch--checked .igx-switch__composite:hover, .igx-switch--checked .igx-switch__composite:focus {
  border-color: transparent;
}
.igx-switch--disabled .igx-switch__composite {
  background: rgba(0, 0, 0, 0.12);
  border-color: transparent;
}
.igx-switch__composite-thumb {
  position: relative;
  display: block;
  width: 1.25rem;
  height: 20px;
  min-width: 1.25rem;
  border-radius: 0px;
  background: #eaeaea;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transform: translateX(-0.0625rem);
}
.igx-switch__composite-thumb:hover {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.26), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.08);
}
.igx-switch--checked .igx-switch__composite-thumb {
  background: #00a5c3;
  transform: translateX(0.9375rem);
}
.igx-switch--disabled .igx-switch__composite-thumb {
  background: #bcbcbc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
}
.igx-switch__ripple {
  display: block;
  position: absolute;
  top: calc(50% - 1.5em);
  left: calc(50% - 1.5em);
  width: 3em;
  height: 3em;
  overflow: hidden;
  pointer-events: none;
  filter: opacity(1);
  border-radius: 0px;
}
.igx-switch__ripple {
  --igx-ripple-variant: material;
  --igx-ripple-color: #00a5c3;
}
.igx-switch__ripple .igx-ripple__inner {
  display: block;
  position: absolute;
  border-radius: 50%;
  background: #00a5c3;
  pointer-events: none;
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(0);
  will-change: opacity, transform;
  opacity: 0.5;
}
.igx-switch__ripple .igx-ripple {
  overflow: hidden;
}
.igx-switch__ripple {
  --igx-ripple-variant: material;
  --igx-ripple-color: #00a5c3;
}
.igx-switch--focused .igx-switch__ripple, .igx-switch--focused.igx-switch--checked .igx-switch__ripple {
  -webkit-animation: "scale-in-out" 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: "scale-in-out" 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  background: rgba(0, 0, 0, 0.54);
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0.12;
}
.igx-switch--focused.igx-switch--checked .igx-switch__ripple {
  background: #00a5c3;
}
.igx-switch__label, .igx-switch__label--before {
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  word-wrap: break-all;
}
.igx-switch__label:empty, .igx-switch__label--before:empty {
  margin: 0;
}
.igx-switch__label--before:empty,
.igx-switch__label:empty {
  margin: 0;
}
.igx-switch__label {
  margin-left: 0.5em;
}
.igx-switch__label--before {
  order: -1;
  margin-right: 0.5em;
}
.igx-switch--disabled .igx-switch__label, .igx-switch--disabled .igx-switch__label--before {
  color: rgba(0, 0, 0, 0.26);
}
.igx-switch:hover .igx-switch__ripple::after, .igx-switch:active .igx-switch__ripple::after, .igx-switch--checked:hover .igx-switch__ripple::after, .igx-switch--checked:active .igx-switch__ripple::after {
  position: absolute;
  content: "";
  opacity: 0.06;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.igx-switch:hover .igx-switch__ripple::after, .igx-switch:active .igx-switch__ripple::after {
  background: rgba(0, 0, 0, 0.54);
}
.igx-switch--checked:hover .igx-switch__ripple::after, .igx-switch--checked:active .igx-switch__ripple::after {
  background: #00a5c3;
}
.igx-switch:active .igx-switch__ripple::after, .igx-switch--checked:active .igx-switch__ripple::after {
  opacity: 0.12;
}
:root {
  --igx-tabs-border-radius: 0px;
  --igx-tabs-item-text-color: rgba(0, 0, 0, 0.62);
  --igx-tabs-item-background: #fff;
  --igx-tabs-item-hover-background: rgba(0, 0, 0, 0.08);
  --igx-tabs-item-hover-color: rgba(0, 0, 0, 0.62);
  --igx-tabs-item-active-color: #00a5c3;
  --igx-tabs-item-active-icon-color: #00a5c3;
  --igx-tabs-item-active-background: rgba(0, 0, 0, 0.08);
  --igx-tabs-indicator-color: #00a5c3;
  --igx-tabs-button-color: rgba(0, 0, 0, 0.38);
  --igx-tabs-button-background: #fff;
  --igx-tabs-button-hover-background: rgba(0, 0, 0, 0.04);
  --igx-tabs-button-hover-color: rgba(0, 0, 0, 0.54);
  --igx-tabs-tab-ripple-color: rgba(0, 0, 0, 0.04);
  --igx-tabs-button-ripple-color: rgba(0, 0, 0, 0.04);
  --igx-tabs-border-color: transparent;
  --igx-tabs-border-color--hover: transparent;
  --igx-tabs-tab-area-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
}
.igx-tabs {
  display: flex;
  flex-direction: column;
}
.igx-tabs__header {
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
}
.igx-tabs__content-fixed,
.igx-tabs__header-wrapper-fixed {
  flex: 1 1 auto;
  overflow: hidden;
}
.igx-tabs__content-fluid,
.igx-tabs__header-wrapper-fluid {
  position: relative;
  flex-wrap: nowrap;
  transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.igx-tabs__header-wrapper-fluid {
  display: inline-flex;
  align-items: center;
  min-width: 100%;
}
.igx-tabs__content-fluid {
  display: flex;
}
.igx-tabs__header-menu-item, .igx-tabs__header-menu-item--selected, .igx-tabs__header-menu-item--disabled {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  max-width: 360px;
  word-wrap: break-word;
  height: 3rem;
  flex-basis: auto;
  flex-shrink: 0;
  padding: 0 1rem;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #fff;
  color: rgba(0, 0, 0, 0.62);
  outline: 0;
  border: 1px solid transparent;
}
.igx-tabs__header-menu-item::-moz-focus-inner, .igx-tabs__header-menu-item--selected::-moz-focus-inner, .igx-tabs__header-menu-item--disabled::-moz-focus-inner {
  border: 0;
}
.igx-tabs__header-menu-item:focus, .igx-tabs__header-menu-item--selected:focus, .igx-tabs__header-menu-item--disabled:focus {
  background: rgba(0, 0, 0, 0.08);
  border-bottom-color: transparent;
}
.igx-tabs__header-menu-item:hover, .igx-tabs__header-menu-item--selected:hover, .igx-tabs__header-menu-item--disabled:hover {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.62);
}
.igx-tabs__header-menu-item:hover, .igx-tabs__header-menu-item--selected:hover, .igx-tabs__header-menu-item--disabled:hover, .igx-tabs__header-menu-item:focus, .igx-tabs__header-menu-item--selected:focus, .igx-tabs__header-menu-item--disabled:focus {
  border: 1px solid transparent;
}
.igx-tabs__header-menu-item, .igx-tabs__header-menu-item--selected, .igx-tabs__header-menu-item--disabled {
  --igx-ripple-variant: material;
  --igx-ripple-color: rgba(0, 0, 0, 0.04);
}
.igx-tabs__header-menu-item .igx-ripple__inner, .igx-tabs__header-menu-item--selected .igx-ripple__inner, .igx-tabs__header-menu-item--disabled .igx-ripple__inner {
  display: block;
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.04);
  pointer-events: none;
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(0);
  will-change: opacity, transform;
  opacity: 0.5;
}
.igx-tabs__header-menu-item .igx-ripple, .igx-tabs__header-menu-item--selected .igx-ripple, .igx-tabs__header-menu-item--disabled .igx-ripple {
  overflow: hidden;
}
.igx-tabs__header-menu-item, .igx-tabs__header-menu-item--selected, .igx-tabs__header-menu-item--disabled {
  --igx-ripple-variant: material;
  --igx-ripple-color: rgba(0, 0, 0, 0.04);
}
.igx-tabs__header-menu-item--selected {
  outline: 0;
  color: #00a5c3;
}
.igx-tabs__header-menu-item--selected:focus {
  background: rgba(0, 0, 0, 0.08);
  color: #00a5c3;
}
.igx-tabs__header-menu-item--selected:hover {
  background: rgba(0, 0, 0, 0.08);
  color: #00a5c3;
}
.igx-tabs__header-menu-item--selected .igx-tabs__header-menu-item-icon {
  color: #00a5c3;
}
.igx-tabs__header-menu-item--selected .igx-tabs__header-menu-item-icon igx-icon {
  color: #00a5c3;
}
.igx-tabs__header-menu-item--disabled {
  outline: 0;
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.igx-tabs__header-menu-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.igx-tabs__header-menu-item-icon + .igx-tabs__item-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 0.75rem;
}
.igx-tabs__header-menu-item-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(0);
  height: 2px;
  min-width: 90px;
  background: #00a5c3;
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.igx-tabs__header-button, .igx-tabs__header-button--hidden, .igx-tabs__header-button--active {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  min-width: 3rem;
  width: 3rem;
  min-height: 3rem;
  height: 3rem;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: rgba(0, 0, 0, 0.38);
  outline: 0;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
}
.igx-tabs__header-button:hover, .igx-tabs__header-button--hidden:hover, .igx-tabs__header-button--active:hover {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.54);
}
.igx-tabs__header-button:focus, .igx-tabs__header-button--hidden:focus, .igx-tabs__header-button--active:focus {
  outline: 0;
  background: rgba(0, 0, 0, 0.04);
}
.igx-tabs__header-button::-moz-focus-inner, .igx-tabs__header-button--hidden::-moz-focus-inner, .igx-tabs__header-button--active::-moz-focus-inner {
  border: 0;
}
.igx-tabs__header-button, .igx-tabs__header-button--hidden, .igx-tabs__header-button--active {
  --igx-ripple-variant: material;
  --igx-ripple-color: rgba(0, 0, 0, 0.04);
}
.igx-tabs__header-button .igx-ripple__inner, .igx-tabs__header-button--hidden .igx-ripple__inner, .igx-tabs__header-button--active .igx-ripple__inner {
  display: block;
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.04);
  pointer-events: none;
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(0);
  will-change: opacity, transform;
  opacity: 0.5;
}
.igx-tabs__header-button .igx-ripple, .igx-tabs__header-button--hidden .igx-ripple, .igx-tabs__header-button--active .igx-ripple {
  overflow: hidden;
}
.igx-tabs__header-button, .igx-tabs__header-button--hidden, .igx-tabs__header-button--active {
  --igx-ripple-variant: material;
  --igx-ripple-color: rgba(0, 0, 0, 0.04);
}
.igx-tabs__header-button--hidden {
  visibility: hidden;
}
.igx-tabs__header-button--none {
  display: none;
}
.igx-tabs__item-label {
  word-break: break-word;
  max-width: 100%;
  text-align: center;
}
.igx-tabs__item-label + .igx-tabs__header-menu-item-icon {
  padding-top: 0.75rem;
}
.igx-tabs__group {
  display: inline-block;
  min-width: 100%;
}
.igx-tabs--fixed .igx-tabs__header-menu-item, .igx-tabs--fixed .igx-tabs__header-menu-item--selected, .igx-tabs--fixed .igx-tabs__header-menu-item--disabled {
  flex: 1 1 auto;
  width: 100%;
}
.igx-tabs--icons .igx-tabs__header-button, .igx-tabs--icons .igx-tabs__header-button--hidden, .igx-tabs--icons .igx-tabs__header-button--active,
.igx-tabs--icons .igx-tabs__header-menu-item,
.igx-tabs--icons .igx-tabs__header-menu-item--selected,
.igx-tabs--icons .igx-tabs__header-menu-item--disabled {
  min-height: 4.5rem;
  height: 4.5rem;
}
:root {
  --igx-toast-border-radius: 0px;
  --igx-toast-elevation: 0;
  --igx-toast-variant: material;
  --igx-toast-background: rgba(0, 0, 0, 0.54);
  --igx-toast-text-color: white;
  --igx-toast-shadow: none;
}
.igx-toast, .igx-toast--top, .igx-toast--middle, .igx-toast--bottom {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  margin: 2.625rem auto;
  padding: 1rem 1.5rem;
  min-width: 52px;
  color: white;
  background: rgba(0, 0, 0, 0.54);
  border: none;
  border-radius: 0px;
  box-shadow: none;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  opacity: 0;
  z-index: 999999;
}
.igx-toast--top {
  top: 0;
}
.igx-toast--middle {
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.igx-toast--bottom {
  bottom: 0;
}
:root {
  --igx-tooltip-border-radius: 0px;
  --igx-tooltip-background: rgba(96, 96, 96, 0.9);
  --igx-tooltip-text-color: white;
  --igx-tooltip-roundness: 0.25rem;
}
.igx-tooltip, .igx-tooltip--desktop, .igx-tooltip--mobile {
  display: inline-flex;
  justify-content: center;
  flex-flow: column wrap;
  background: rgba(96, 96, 96, 0.9);
  color: white;
  border-radius: 0px;
  margin: 0 auto;
}
.igx-tooltip--desktop {
  padding: 0 0.5rem;
  min-height: 1.5rem;
}
.igx-tooltip--mobile {
  padding: 0 1rem;
  min-height: 2rem;
}
:root {
  --igx-time-picker-border-radius: 0px;
  --igx-time-picker-active-item-border-radius: 0px;
  --igx-time-picker-modal-elevation: 24;
  --igx-time-picker-dropdown-elevation: 8;
  --igx-time-picker-variant: material;
  --igx-time-picker-text-color: rgba(0, 0, 0, 0.38);
  --igx-time-picker-hover-text-color: #00a5c3;
  --igx-time-picker-selected-text-color: #00a5c3;
  --igx-time-picker-active-item-background: rgba(0, 0, 0, 0.04);
  --igx-time-picker-disabled-text-color: rgba(158, 158, 158, 0.5);
  --igx-time-picker-disabled-item-background: transparent;
  --igx-time-picker-header-background: #00a5c3;
  --igx-time-picker-header-hour-text-color: black;
  --igx-time-picker-header-time-period-color: rgba(0, 0, 0, 0.8);
  --igx-time-picker-background-color: #fff;
  --igx-time-picker-modal-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.26), 0 24px 38px 3px rgba(0, 0, 0, 0.12), 0 9px 46px 8px rgba(0, 0, 0, 0.08);
  --igx-time-picker-dropdown-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-time-picker {
  display: flex;
  flex-flow: column nowrap;
  max-width: 21.25rem;
  min-width: 20rem;
  border-radius: 0px;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.26), 0 24px 38px 3px rgba(0, 0, 0, 0.12), 0 9px 46px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.igx-time-picker--vertical {
  flex-flow: row nowrap;
  min-width: 33.75rem;
}
.igx-time-picker__main {
  background: #fff;
  flex: 1 1 auto;
}
.igx-time-picker--dropdown {
  min-width: 12.5rem;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.08);
}
.igx-time-picker__body {
  display: flex;
  padding: 0.625rem 0;
  justify-content: center;
}
.igx-time-picker__hourList {
  text-align: right;
}
.igx-time-picker__minuteList {
  text-align: center;
}
.igx-time-picker__secondsList {
  text-align: center;
}
.igx-time-picker__ampmList {
  display: flex;
  flex-direction: column;
  padding-top: 3rem;
}
.igx-time-picker__column {
  max-width: 4rem;
  height: 20.3125rem;
  padding: 0;
  cursor: pointer;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  color: rgba(0, 0, 0, 0.38);
  overflow: hidden;
}
.igx-time-picker__column:focus, .igx-time-picker__column:active {
  outline: none;
}
.igx-time-picker__item {
  width: 3.375rem;
  padding: 0.3125rem 0.625rem;
  border-radius: 0px;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.igx-time-picker__item:focus, .igx-time-picker__item:active {
  outline: none;
}
.igx-time-picker__item:hover {
  color: #00a5c3;
}
.igx-time-picker__item--selected {
  font-size: 1.5rem;
  color: #00a5c3;
}
.igx-time-picker__item--active {
  background: rgba(0, 0, 0, 0.04);
}
.igx-time-picker__item--disabled {
  color: rgba(158, 158, 158, 0.5);
  background: transparent;
  pointer-events: none;
}
.igx-time-picker__header {
  background: #00a5c3;
  padding: 1.5rem 1rem;
}
.igx-time-picker__header-ampm {
  color: rgba(0, 0, 0, 0.8);
}
.igx-time-picker--vertical .igx-time-picker__header {
  width: 10.5rem;
}
.igx-time-picker__header-hour {
  display: flex;
  color: black;
}
.igx-time-picker__header-ampm,
.igx-time-picker__header-hour {
  margin: 0;
}
.igx-time-picker__buttons {
  display: flex;
  justify-content: flex-end;
  height: 3.25rem;
  padding: 0.5rem;
}
.igx-time-picker__buttons [igxButton] + [igxButton] {
  margin-left: 0.5rem;
}
:root {
  --igx-navbar-elevation: 4;
  --igx-navbar-background: #00a5c3;
  --igx-navbar-text-color: #FFF;
  --igx-navbar-idle-icon-color: #FFF;
  --igx-navbar-hover-icon-color: #FFF;
  --igx-navbar-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
}
.igx-navbar {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  padding: 0 1em;
  background: #00a5c3;
  color: #FFF;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
  z-index: 4;
}
.igx-navbar__title {
  margin: 0;
}
.igx-navbar__left, .igx-navbar__right {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.igx-navbar__left > * + *, .igx-navbar__right > * + * {
  margin-left: 16px;
}
.igx-navbar__left igx-icon, .igx-navbar__right igx-icon {
  cursor: pointer;
  color: #FFF;
  transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.igx-navbar__left igx-icon:hover, .igx-navbar__right igx-icon:hover {
  color: #FFF;
}
igx-action-icon {
  display: flex;
  align-items: center;
}
.igx-typography {
  font-family: Roboto;
  font-size: 16px;
  line-height: 27px;
  font-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.igx-typography h1, .igx-typography .igx-typography__h1 {
  font-weight: 300;
  font-size: 6rem;
  letter-spacing: -0.09375rem;
  text-transform: none;
  line-height: 7rem;
  margin-top: 1.75rem;
  margin-bottom: 3.5rem;
}
.igx-typography h2, .igx-typography .igx-typography__h2 {
  font-weight: 300;
  font-size: 3.75rem;
  letter-spacing: -0.03125rem;
  text-transform: none;
  line-height: 4.4375rem;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.igx-typography h3, .igx-typography .igx-typography__h3 {
  font-weight: 400;
  font-size: 3rem;
  letter-spacing: 0;
  text-transform: none;
  line-height: 3.5625rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
}
.igx-typography h4, .igx-typography .igx-typography__h4 {
  font-weight: 400;
  font-size: 2.125rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 2.5rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
}
.igx-typography h5, .igx-typography .igx-typography__h5 {
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
}
.igx-typography h6, .igx-typography .igx-typography__h6 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-typography__subtitle-1 {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-typography__subtitle-2 {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography p, .igx-typography .igx-typography__body-1 {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
}
.igx-typography .igx-typography__body-2 {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-typography__button {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.046875rem;
  text-transform: uppercase;
  line-height: 1rem;
}
.igx-typography .igx-typography__caption {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
}
.igx-typography .igx-typography__overline {
  font-weight: 400;
  font-size: 0.625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  line-height: 1rem;
}
.igx-typography .igx-button, .igx-typography .igx-button--flat, .igx-typography .igx-button--outlined, .igx-typography .igx-button--raised {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.046875rem;
  text-transform: uppercase;
  line-height: 1rem;
  text-align: center;
}
.igx-typography .igx-bottom-nav__menu-item .tab-label, .igx-bottom-nav__menu-item .igx-typography .tab-label, .igx-typography .igx-bottom-nav__menu-item--selected .tab-label, .igx-bottom-nav__menu-item--selected .igx-typography .tab-label {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-banner__text {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-calendar__header-year {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-calendar__header-date {
  font-weight: 400;
  font-size: 2.125rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 2.5rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
  margin: 0;
}
.igx-typography .igx-calendar-picker__date {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-calendar__date-content {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
  margin: 0;
}
.igx-typography .igx-calendar__year--current {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  margin: 0;
}
.igx-typography .igx-card-header__title, .igx-typography .igx-card-header__title--small {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin: 0;
}
.igx-typography .igx-card-header__title--small {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-card-header__subtitle {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-card-content > p {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  margin: 0;
}
.igx-typography .igx-checkbox__label, .igx-typography .igx-checkbox__label--before {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-chip, .igx-typography .igx-chip__ghost, .igx-typography .igx-chip__ghost--cosy, .igx-typography .igx-chip__ghost--compact, .igx-typography .igx-chip--cosy, .igx-typography .igx-chip--compact {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  font-weight: 600;
}
.igx-typography .igx-chip--compact .igx-chip__content,
.igx-typography .igx-chip__ghost--compact .igx-chip__content {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  font-size: 12px;
  font-weight: 600;
}
.igx-typography .igx-column-hiding__header-title {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-dialog__window-title {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin: 0;
}
.igx-typography .igx-dialog__window-content {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
  margin: 0;
}
.igx-typography .igx-drop-down__header, .igx-typography .igx-drop-down__group label, .igx-drop-down__group .igx-typography label {
  font-weight: 400;
  font-size: 0.625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-drop-down__item {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  margin: 0;
}
.igx-typography .igx-expansion-panel__header-title {
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
  margin: 0;
}
.igx-typography .igx-expansion-panel__header-description {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-expansion-panel__body {
  margin: 0;
}
.igx-typography .igx-excel-filter__menu .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__menu .igx-excel-filter__secondary-header > h4 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-excel-filter__secondary .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__secondary .igx-excel-filter__secondary-header > h4 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-excel-filter__sort header,
.igx-typography .igx-excel-filter__move header {
  font-weight: 400;
  font-size: 0.625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  line-height: 1rem;
}
.igx-typography .igx-excel-filter__menu--cosy .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__menu--cosy .igx-excel-filter__secondary-header > h4 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__secondary-header > h4 {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__sort header,
.igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__move header {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  text-transform: capitalize;
}
.igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-pin span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-pin--disabled span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-unpin span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-hide span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-filter span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-clear span, .igx-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-clear--disabled span {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-excel-filter__menu--compact .igx-checkbox__label, .igx-typography .igx-excel-filter__menu--compact .igx-checkbox__label--before {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-excel-filter__secondary--cosy .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__secondary--cosy .igx-excel-filter__secondary-header > h4 {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-excel-filter__secondary--compact .igx-excel-filter__menu-header > h4, .igx-typography .igx-excel-filter__secondary--compact .igx-excel-filter__secondary-header > h4 {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-input-group__input, .igx-typography .igx-input-group__textarea {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-input-group__hint {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-input-group igx-prefix, .igx-input-group .igx-typography igx-prefix, .igx-typography .igx-input-group--focused igx-prefix, .igx-input-group--focused .igx-typography igx-prefix,
.igx-typography .igx-input-group [igxPrefix],
.igx-input-group .igx-typography [igxPrefix],
.igx-typography .igx-input-group--focused [igxPrefix],
.igx-input-group--focused .igx-typography [igxPrefix],
.igx-typography .igx-input-group igx-suffix,
.igx-input-group .igx-typography igx-suffix,
.igx-typography .igx-input-group--focused igx-suffix,
.igx-input-group--focused .igx-typography igx-suffix,
.igx-typography .igx-input-group [igxSuffix],
.igx-input-group .igx-typography [igxSuffix],
.igx-typography .igx-input-group--focused [igxSuffix],
.igx-input-group--focused .igx-typography [igxSuffix] {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-navbar__title {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 0;
}
.igx-typography .igx-nav-drawer__item, .igx-typography .igx-nav-drawer__item--active {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-nav-drawer__item--header {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-list__header {
  font-weight: 400;
  font-size: 0.625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-list__item-lines,
.igx-typography .igx-list__item-line-title {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin: 0;
}
.igx-typography .igx-list__item-line-subtitle {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
  margin: 0;
}
.igx-typography .igx-radio__label, .igx-typography .igx-radio__label--before {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-snackbar__message {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-switch__label, .igx-typography .igx-switch__label--before {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-slider__label-from .label, .igx-slider__label-from .igx-typography .label, .igx-typography .igx-slider__label-to .label, .igx-slider__label-to .igx-typography .label {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
}
.igx-typography .igx-slider__ticks-label {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  line-height: 1rem;
}
.igx-typography .igx-tabs__item-label {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.046875rem;
  text-transform: uppercase;
  line-height: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-time-picker__header-ampm {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  text-transform: none;
  line-height: 1.5rem;
}
.igx-typography .igx-time-picker__header-hour {
  font-weight: 400;
  font-size: 2.125rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 2.5rem;
  margin-top: 1.75rem;
  margin-bottom: 0;
  margin-top: 0;
}
.igx-typography .igx-time-picker__column {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  text-transform: none;
  line-height: 1.75rem;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}
.igx-typography .igx-toast, .igx-typography .igx-toast--top, .igx-typography .igx-toast--middle, .igx-typography .igx-toast--bottom {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
  margin: 0;
}
.igx-typography .igx-tooltip--mobile {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.015625rem;
  text-transform: none;
  line-height: 1.25rem;
}
.igx-typography .igx-tooltip--desktop {
  font-size: 0.625rem;
  font-weight: 600;
}
:root {
  --igx-badge-border-radius: 11px;
  --igx-badge-elevation: 1;
  --igx-badge-icon-color: black;
  --igx-badge-text-color: white;
  --igx-badge-border-color: #fff;
  --igx-badge-background-color: #ff6f00;
  --igx-badge-border-width: 0;
  --igx-badge-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
}
.igx-badge, .igx-badge__circle, .igx-badge__circle--info, .igx-badge__circle--success, .igx-badge__circle--warning, .igx-badge__circle--error {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 22px;
  font-size: 0.6875rem;
  font-weight: normal;
  color: white;
  line-height: 1;
}
.igx-badge igx-icon, .igx-badge__circle igx-icon, .igx-badge__circle--info igx-icon, .igx-badge__circle--success igx-icon, .igx-badge__circle--warning igx-icon, .igx-badge__circle--error igx-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 0.75rem;
  font-weight: normal;
  color: black;
}
.igx-badge__circle-value {
  white-space: nowrap;
  padding: 0.25rem;
}
.igx-badge__circle {
  border-radius: 11px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.08);
  border-width: 0;
  border-color: #fff;
  border-style: solid;
  overflow: hidden;
}
.igx-badge__circle--default {
  background: #ff6f00;
}
.igx-badge__circle--success {
  background: #4eb862;
}
.igx-badge__circle--info {
  background: #1377d5;
}
.igx-badge__circle--warning {
  background: #fbb13c;
}
.igx-badge__circle--error {
  background: #ff134a;
}
.igx-badge--hidden {
  visibility: hidden;
}
a {
  color: #00a5c3;
}