:root {
  --white: #ffffff;
  --off-white: #f2f2f2;
  --gray: #707070;
  --gray-light: #e5e5e5;
  --gray-lighter: #f4f4f4;
  --gray-dark: #282828;
  --black: #191919;
  --bg-light: var(--off-white);
  --primary-text: var(--black);
  --secondary-text: var(--white);
  --orange: #f48245;
  --orange-lighter: #fef3ec;
  --orange-light: #f9c0a2;
  --orange-dark: #c36837;
  --orange-darker: #311a0e;
  --primary-lighter: var(--orange-lighter);
  --primary-light: var(--orange-light);
  --primary-dark: var(--orange-dark);
  --primary-darker: var(--orange-darker);
  --blue: #55a2d9;
  --blue-lighter: #eef6fb;
  --blue-light: #bbdaf0;
  --blue-dark: #336182;
  --blue-darker: #11202b;
  --lemon: #fccc2e;
  --lemon-lighter: #fffaea;
  --lemon-light: #feebab;
  --lemon-dark: #977a1c;
  --lemon-darker: #322909;
  --lime: #c4d93c;
  --lime-lighter: #f9fbec;
  --lime-light: #e7f0b1;
  --lime-dark: #768224;
  --lime-darker: #272b0c;
  --cyan: #66c9d5;
  --cyan-lighter: #f0fafb;
  --cyan-light: #c2e9ee;
  --cyan-dark: #3d7980;
  --cyan-darker: #14282b;
  --navy: #2874a4;
  --navy-lighter: #eaf1f6;
  --navy-light: #a9c7db;
  --navy-dark: #184662;
  --navy-darker: #081721;
  --red: #dc3545;
  --red-dark: #b02a37;
  --green: #34a84d;
  --green-dark: #2f9745;
  --green-darker: #247636;
  --headings-color: var(--primary-dark);
  --primary: var(--orange);
  --secondary: var(--gray);
  --success: var(--green);
  --info: var(--cyan);
  --warning: var(--lemon);
  --danger: var(--red);
  --light: var(--gray-light);
  --dark: var(--gray-dark);
  --primary-hover: var(--orange-dark);
  --secondary-hover: var(--gray-dark);
  --info-hover: var(--cyan-dark);
  --success-hover: var(--lime-dark);
  --danger-hover: var(--red-dark);
  --warning-hover: var(--lemon-dark);
  --light-hover: var(--gray);
  --dark-hover: var(--gray-light);
}
:root {
  --border-width: 2px;
  --border-color: var(--gray-light);
  --border-radius-none: 0;
  --border-radius: 0.25rem;
  --border-radius-lg: 0.5rem;
  --border-radius-sm: 0.2rem;
}
:root {
  --font-family-sans-serif: 'Montserrat', sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
  --font-family-base: var(--font-family-sans-serif);
  --font-size-base: 1rem;
  --font-weight-lighter: lighter;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-weight-bolder: bolder;
  --font-size-lg: calc(var(--font-size-base) * 1.25);
  --font-size-sm: calc(var(--font-size-base) * 0.875);
  --font-size-micro: calc(var(--font-size-base) * 0.625);
  --font-size-tiny: calc(var(--font-size-base) * 0.75);
  --font-weight-base: --font-weight-normal;
  --line-height-base: 1.2;
  --h1-font-size: calc(var(--font-size-base) * 2.5);
  --h2-font-size: calc(var(--font-size-base) * 2);
  --h3-font-size: calc(var(--font-size-base) * 1.75);
  --h4-font-size: calc(var(--font-size-base) * 1.5);
  --h5-font-size: calc(var(--font-size-base) * 1.25);
  --h6-font-size: var(--font-size-base);
  --headings-margin-bottom: var(--global-spacer);
  --headings-font-family: var(--font-family-base);
  --headings-font-weight: 500;
  --headings-line-height: 1.2;
  --display1-size: 6rem;
  --display2-size: 5.5rem;
  --display3-size: 4.5rem;
  --display4-size: 3.5rem;
  --display1-weight: 300;
  --display2-weight: 300;
  --display3-weight: 300;
  --display4-weight: 300;
  --display-line-height: var(--headings-line-height);
  --body-bg: var(--light);
  --body-color: var(--dark);
  --link-color: var(--blue);
  --link-decoration: none;
  --link-hover-color: var(--blue-lighter);
  --link-hover-decoration: underline;
  --emphasized-link-hover-darken-percentage: 15%;
  --paragraph-margin-bottom: 1rem;
  --paragraph-text-color: var(--dark);
  --line-height-lg: 1.5;
  --line-height-sm: 1.5;
  --rounded-pill: 50rem;
  --box-shadow-sm: 0 0.125rem 0.25rem rgba(#000000, 0.075);
  --box-shadow: 0 0.5rem 1rem rgba(#000000, 0.15);
  --box-shadow-lg: 0 1rem 3rem rgba(#000000, 0.175);
  --component-active-color: var(--light);
  --component-active-bg: var(--blue);
  --transition-base: all 0.2s ease-in-out;
  --transition-fade: opacity 0.15s linear;
  --transition-collapse: height 0.35s ease;
  --lead-font-size: calc(var(--font-size-base) * 1.25);
  --lead-font-weight: 300;
  --lead-text-color: var(--dark);
  --small-font-size: 80%;
  --text-muted: var(--gray);
  --blockquote-small-color: var(--gray);
  --blockquote-font-size: calc(var(--font-size-base) * 1.25);
  --zindex-dropdown: 1000;
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-modal-backdrop: 1040;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
  --zindex-tooltip: 1070;
  --alert-padding-y: 0.75rem;
  --alert-padding-x: 1.25rem;
  --alert-margin-bottom: 1rem;
  --alert-border-radius: var(--border-radius);
  --alert-link-font-weight: var(--font-weight-bold);
  --alert-border-width: var(--border-width);
  --alert-bg-level: -10;
  --alert-border-level: -9;
  --alert-color-level: 6;
  --hr-margin-y: var(--global-spacer);
  --code-font-size: 1.25rem;
  --code-color: var(--orange-dark);
  --kbd-padding-y: 0.2rem;
  --kbd-padding-x: 0.4rem;
  --kbd-font-size: var(--code-font-size);
  --kbd-color: var(--orange-dark);
  --kbd-bg: var(--orange-dark);
  --pre-color: var(--orange-dark);
  --pre-scrollable-max-height: 340px;
}
:root {
  --global-spacer: 1rem;
  --spacer-micro: calc(var(--global-spacer) * 0.25);
  --spacer-tiny: calc(var(--global-spacer) * 0.5);
  --spacer-mid: calc(var(--global-spacer) * 1.25);
  --spacer-large: calc(var(--global-spacer) * 4);
  --spacer-xlarge: calc(var(--global-spacer) * 8);
}
:root {
  --input-btn-padding-y: var(--global-spacer);
  --input-btn-padding-x: var(--spacer-mid);
  --input-btn-font-family: var(--font-family-base);
  --input-btn-font-size: var(--font-size-base);
  --input-btn-line-height: 1;
  --input-btn-focus-width: 0.2rem;
  --input-btn-focus-color: map_get(--theme-colors, primary);
  --input-btn-focus-box-shadow: 0 0 0 var(--input-btn-focus-width)
    var(--input-btn-focus-color);
  --input-btn-padding-y-sm: 0.25rem;
  --input-btn-padding-x-sm: 0.5rem;
  --input-btn-font-size-sm: var(--font-size-sm);
  --input-btn-line-height-sm: var(--line-height-sm);
  --input-btn-padding-y-lg: 0.5rem;
  --input-btn-padding-x-lg: 1rem;
  --input-btn-font-size-lg: var(--font-size-lg);
  --input-btn-line-height-lg: var(--line-height-lg);
  --input-btn-border-width: var(--border-width);
  --btn-color: var(--white);
  --btn-color-alt: var(--black);
  --btn-padding-y: var(--global-spacer);
  --btn-padding-x: var(--spacer-mid);
  --btn-padding-y-sm: var(--spacer-tiny);
  --btn-padding-x-sm: var(--spacer-tiny);
  --btn-padding-y-lg: var(--spacer-mid);
  --btn-padding-x-lg: var(--spacer-mid);
  --btn-standard-width: 30px;
  --btn-standard-hight: 56px;
  --btn-font-family: var(--input-btn-font-family);
  --btn-font-size: var(--input-btn-font-size);
  --btn-line-height: var(--input-btn-line-height);
  --btn-white-space: null;
  --btn-font-size-sm: var(--input-btn-font-size-sm);
  --btn-line-height-sm: var(--input-btn-line-height-sm);
  --btn-font-size-lg: var(--input-btn-font-size-lg);
  --btn-line-height-lg: var(--input-btn-line-height-lg);
  --btn-border-width: var(--input-btn-border-width);
  --btn-font-weight: var(--font-weight-bold);
  --btn-box-shadow: inset 0 1px 0 rgba(var(--white), 0.15),
    0 1px 1px rgba(var(--dark), 0.075);
  --btn-focus-width: var(--input-btn-focus-width);
  --btn-focus-box-shadow: --input-btn-focus-box-shadow;
  --btn-disabled-opacity: 0.65;
  --btn-active-box-shadow: inset 0 3px 5px rgba(var(--dark), 0.125);
  --btn-link-disabled-color: var(--gray);
  --btn-block-spacing-y: 0.5rem;
  --btn-border-radius: var(--border-radius-none);
  --btn-border-radius-curved: 8px;
  --btn-border-radius-rounded: 50px;
  --btn-border-radius-lg: var(--border-radius-lg);
  --btn-border-radius-sm: var(--border-radius-sm);
  --btn-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
:root {
  --label-margin-bottom: 0.5rem;
  --label-margin-bottom-sm: 0.6875rem;
  --label-margin-bottom-md: 0.875rem;
  --label-margin-bottom-lg: 1rem;
  --input-padding-y: 0.5rem;
  --input-padding-x: 1rem;
  --input-font-family: var(--input-btn-font-family);
  --input-font-size: var(--input-btn-font-size);
  --input-font-weight: var(--font-weight-base);
  --input-line-height: var(--input-btn-line-height);
  --input-padding-y-sm: var(--input-btn-padding-y-sm);
  --input-padding-x-sm: var(--input-btn-padding-x-sm);
  --input-font-size-sm: var(--input-btn-font-size-sm);
  --input-line-height-sm: var(--input-btn-line-height-sm);
  --input-padding-y-lg: var(--input-btn-padding-y-lg);
  --input-padding-x-lg: var(--input-btn-padding-x-lg);
  --input-font-size-lg: var(--input-btn-font-size-lg);
  --input-line-height-lg: var(--input-btn-line-height-lg);
  --input-bg: var(--white);
  --input-disabled-bg: var(--gray);
  --input-color: var(--gray-dark);
  --input-border-color: var(--gray-dark);
  --input-border-color-success: var(--success);
  --input-border-color-error: var(--danger);
  --input-border-width: 1px;
  --input-box-shadow: inset 0 1px 1px rgba(var(--black), 0.075);
  --input-border-radius: var(--border-radius-none);
  --input-border-radius-lg: 1rem;
  --input-border-radius-sm: 0.5rem;
  --input-focus-bg: var(--input-bg);
  --input-focus-border-color: var(--gray-dark);
  --input-focus-color: var(--input-color);
  --input-focus-width: var(--input-btn-focus-width);
  --input-focus-box-shadow: 0 0 0 var(--input-btn-focus-width)
    var(--input-btn-focus-color);
  --input-placeholder-color: var(--gray);
  --input-plaintext-color: var(--body-color);
  --input-height-border: calc(var(--input-border-width * 2));
  --input-height-inner: add(
    var(--input-line-height) * 1em,
    var(--input-padding-y) * 2
  );
  --input-height-inner-half: add(
    var(--input-line-height) * 0.5em,
    var(--input-padding-y)
  );
  --input-height-inner-quarter: add(
    var(--input-line-height) * 0.25em,
    var(--input-padding-y) / 2
  );
  --input-height: 2.25rem;
  --input-width: 200px;
  --input-height-sm: add(
    var(--input-line-height) -sm * 1em,
    add(var(--input-padding-y) -sm * 2, var(--input-height-border), false)
  );
  --input-height-lg: add(
    var(--input-line-height) -lg * 1em,
    add(var(--input-padding-y) -lg * 2, var(--input-height-border), false)
  );
  --input-transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  --form-textarea-height: calc(var(--global-spacer) * 6);
  --form-text-margin-top: 0.25rem;
  --form-check-input-gutter: 1.25rem;
  --form-check-input-margin-y: 0.3rem;
  --form-check-input-margin-x: 0.25rem;
  --form-radio-width: 30px;
  --form-radio-height: 30px;
  --form-check-inline-margin-x: 0.75rem;
  --form-check-inline-input-margin-x: 0.3125rem;
  --form-grid-gutter-width: 10px;
  --formGroup-margin-bottom: 1rem;
  --input-group-addon-color: var(--input-height-border);
  --input-group-addon-bg: var(--gray-light);
}
:root {
  --tooltipWidth: 9.625rem;
  --tooltipArrowWidth: 0.6875rem;
  --tooltipPosition: 1rem;
  --toolTipMaxWidth: 15rem;
  --popOverMaxWidth: 15rem;
  --iconFontSize: 1.5rem;
}
@media screen and (min-width: 480px) {
  :root {
    --toolTipMaxWidth: 21.5rem;
    --popOverMaxWidth: 28rem;
  }
}
.tooltipWrap {
  height: 500px;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  z-index: 2;
}
.tooltipInnerWrap {
  position: absolute;
}
.tooltipInnerWrap.topLeft {
  left: 40px;
  top: 40px;
}
.tooltipInnerWrap.topRight {
  right: 40px;
  top: 40px;
}
.tooltipInnerWrap.topCenter {
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
}
.tooltipInnerWrap.bottomLeft {
  left: 40px;
  bottom: 40px;
}
.tooltipInnerWrap.bottomCenter {
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
}
.tooltipInnerWrap.bottomRight {
  right: 40px;
  bottom: 40px;
}
.tooltipInnerWrap.leftTop {
  left: 40px;
  top: 130px;
}
.tooltipInnerWrap.leftCenter {
  left: 40px;
  top: 220px;
}
.tooltipInnerWrap.leftBottom {
  left: 40px;
  top: 310px;
}
.tooltipInnerWrap.rightTop {
  right: 40px;
  top: 130px;
}
.tooltipInnerWrap.rightCenter {
  right: 40px;
  top: 220px;
}
.tooltipInnerWrap.rightBottom {
  right: 40px;
  top: 310px;
}
.tooltip-holder,
.popup-holder {
  position: relative;
  cursor: pointer;
}
.tooltip-holder:hover [data-type='tooltip'],
.popup-holder:hover [data-type='tooltip'] {
  visibility: visible;
  opacity: 1;
}
.tooltip-holder.sample,
.popup-holder.sample {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
}
.tooltip-holder.sample:before,
.popup-holder.sample:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-type='tooltip'],
[data-type='popover'],
.tooltip,
.popover {
  text-align: left;
  position: absolute;
  font-weight: normal;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  min-width: var(--tooltipWidth);
  font-size: var(--font-size-base);
  line-height: var(--line-height-sm);
  font-family: var(--font-family-base);
  width: max-content;
  max-width: var(--toolTipMaxWidth);
}
[data-type='tooltip'].dark,
[data-type='popover'].dark,
.tooltip.dark,
.popover.dark {
  background-color: var(--black);
  color: var(--btn-color);
}
[data-type='tooltip'].dark:before,
[data-type='popover'].dark:before,
.tooltip.dark:before,
.popover.dark:before {
  --arrowColor: var(--black);
}
[data-type='tooltip'].dark .btn--close,
[data-type='popover'].dark .btn--close,
.tooltip.dark .btn--close,
.popover.dark .btn--close {
  color: var(--btn-color);
}
[data-type='tooltip'].dark .title,
[data-type='tooltip'].dark .popoverLink,
[data-type='popover'].dark .title,
[data-type='popover'].dark .popoverLink,
.tooltip.dark .title,
.tooltip.dark .popoverLink,
.popover.dark .title,
.popover.dark .popoverLink {
  color: var(--btn-color);
}
[data-type='tooltip'].dark .popupActionList,
[data-type='popover'].dark .popupActionList,
.tooltip.dark .popupActionList,
.popover.dark .popupActionList {
  border-bottom: 1px solid var(--gray);
}
[data-type='tooltip'].dark .popupActionList li a,
[data-type='popover'].dark .popupActionList li a,
.tooltip.dark .popupActionList li a,
.popover.dark .popupActionList li a {
  color: var(--btn-color);
}
[data-type='tooltip'].light,
[data-type='popover'].light,
.tooltip.light,
.popover.light {
  background-color: var(--bg-light);
  color: var(--btn-color-alt);
}
[data-type='tooltip'].light:before,
[data-type='popover'].light:before,
.tooltip.light:before,
.popover.light:before {
  --arrowColor: var(--bg-light);
}
[data-type='tooltip'].light .btn--close,
[data-type='tooltip'].light .popoverLink,
[data-type='popover'].light .btn--close,
[data-type='popover'].light .popoverLink,
.tooltip.light .btn--close,
.tooltip.light .popoverLink,
.popover.light .btn--close,
.popover.light .popoverLink {
  color: var(--btn-color-alt);
}
[data-type='tooltip'].light .title,
[data-type='popover'].light .title,
.tooltip.light .title,
.popover.light .title {
  color: var(--btn-color-alt);
}
[data-type='tooltip'].light .btn__dark:hover,
[data-type='popover'].light .btn__dark:hover,
.tooltip.light .btn__dark:hover,
.popover.light .btn__dark:hover {
  color: var(--btn-color-alt);
}
[data-type='tooltip'].light .popupActionList,
[data-type='popover'].light .popupActionList,
.tooltip.light .popupActionList,
.popover.light .popupActionList {
  border-bottom: 1px solid var(--dark);
}
[data-type='tooltip'].light .popupActionList li a,
[data-type='popover'].light .popupActionList li a,
.tooltip.light .popupActionList li a,
.popover.light .popupActionList li a {
  color: var(--btn-color-alt);
}
[data-type='tooltip'].curved,
[data-type='popover'].curved,
.tooltip.curved,
.popover.curved {
  border-radius: calc(var(--border-radius) * 2);
}
[data-type='tooltip'].curved button,
[data-type='popover'].curved button,
.tooltip.curved button,
.popover.curved button {
  border-radius: var(--border-radius-lg);
}
[data-type='tooltip'][data-arrow='true']:before,
[data-type='popover'][data-arrow='true']:before,
.tooltip[data-arrow='true']:before,
.popover[data-arrow='true']:before {
  content: '';
  position: absolute;
  display: block;
}
[data-type='tooltip'][data-position='top-start'],
[data-type='tooltip'][data-position='top'],
[data-type='tooltip'][data-position='top-end'],
[data-type='popover'][data-position='top-start'],
[data-type='popover'][data-position='top'],
[data-type='popover'][data-position='top-end'],
.tooltip[data-position='top-start'],
.tooltip[data-position='top'],
.tooltip[data-position='top-end'],
.popover[data-position='top-start'],
.popover[data-position='top'],
.popover[data-position='top-end'] {
  bottom: 100%;
  left: 0;
  margin-bottom: var(--tooltipPosition);
}
[data-type='tooltip'][data-position='top-start']:before,
[data-type='tooltip'][data-position='top']:before,
[data-type='tooltip'][data-position='top-end']:before,
[data-type='popover'][data-position='top-start']:before,
[data-type='popover'][data-position='top']:before,
[data-type='popover'][data-position='top-end']:before,
.tooltip[data-position='top-start']:before,
.tooltip[data-position='top']:before,
.tooltip[data-position='top-end']:before,
.popover[data-position='top-start']:before,
.popover[data-position='top']:before,
.popover[data-position='top-end']:before {
  width: 0;
  border-bottom: 0;
  border: var(--tooltipArrowWidth) solid transparent;
  border-top: var(--tooltipArrowWidth) solid var(--arrowColor);
  left: var(--tooltipPosition);
  bottom: 0;
  transform: translate(0, 100%);
}
[data-type='tooltip'][data-position='top-end'],
[data-type='popover'][data-position='top-end'],
.tooltip[data-position='top-end'],
.popover[data-position='top-end'] {
  left: auto;
  right: 0;
}
[data-type='tooltip'][data-position='top-end']:before,
[data-type='popover'][data-position='top-end']:before,
.tooltip[data-position='top-end']:before,
.popover[data-position='top-end']:before {
  left: auto;
  right: var(--tooltipPosition);
}
[data-type='tooltip'][data-position='top'],
[data-type='popover'][data-position='top'],
.tooltip[data-position='top'],
.popover[data-position='top'] {
  left: 50%;
  transform: translateX(-50%);
}
[data-type='tooltip'][data-position='top']:before,
[data-type='popover'][data-position='top']:before,
.tooltip[data-position='top']:before,
.popover[data-position='top']:before {
  left: 50%;
  transform: translate(-50%, 100%);
}
[data-type='tooltip'][data-position='bottom'],
[data-type='tooltip'][data-position='bottom-start'],
[data-type='tooltip'][data-position='bottom-end'],
[data-type='popover'][data-position='bottom'],
[data-type='popover'][data-position='bottom-start'],
[data-type='popover'][data-position='bottom-end'],
.tooltip[data-position='bottom'],
.tooltip[data-position='bottom-start'],
.tooltip[data-position='bottom-end'],
.popover[data-position='bottom'],
.popover[data-position='bottom-start'],
.popover[data-position='bottom-end'] {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: var(--tooltipPosition);
}
[data-type='tooltip'][data-position='bottom']:before,
[data-type='tooltip'][data-position='bottom-start']:before,
[data-type='tooltip'][data-position='bottom-end']:before,
[data-type='popover'][data-position='bottom']:before,
[data-type='popover'][data-position='bottom-start']:before,
[data-type='popover'][data-position='bottom-end']:before,
.tooltip[data-position='bottom']:before,
.tooltip[data-position='bottom-start']:before,
.tooltip[data-position='bottom-end']:before,
.popover[data-position='bottom']:before,
.popover[data-position='bottom-start']:before,
.popover[data-position='bottom-end']:before {
  width: 0;
  border-top: 0;
  border: var(--tooltipArrowWidth) solid transparent;
  border-bottom: var(--tooltipArrowWidth) solid var(--arrowColor);
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
}
[data-type='tooltip'][data-position='bottom-start'],
[data-type='popover'][data-position='bottom-start'],
.tooltip[data-position='bottom-start'],
.popover[data-position='bottom-start'] {
  left: 0;
  transform: none;
}
[data-type='tooltip'][data-position='bottom-start']:before,
[data-type='popover'][data-position='bottom-start']:before,
.tooltip[data-position='bottom-start']:before,
.popover[data-position='bottom-start']:before {
  left: 16px;
  transform: translate(0, -100%);
}
[data-type='tooltip'][data-position='bottom-end'],
[data-type='popover'][data-position='bottom-end'],
.tooltip[data-position='bottom-end'],
.popover[data-position='bottom-end'] {
  left: auto;
  right: 0;
  transform: none;
}
[data-type='tooltip'][data-position='bottom-end']:before,
[data-type='popover'][data-position='bottom-end']:before,
.tooltip[data-position='bottom-end']:before,
.popover[data-position='bottom-end']:before {
  right: 16px;
  left: auto;
  transform: translate(0, -100%);
}
[data-type='tooltip'][data-position='left-start'],
[data-type='tooltip'][data-position='left'],
[data-type='tooltip'][data-position='left-end'],
[data-type='popover'][data-position='left-start'],
[data-type='popover'][data-position='left'],
[data-type='popover'][data-position='left-end'],
.tooltip[data-position='left-start'],
.tooltip[data-position='left'],
.tooltip[data-position='left-end'],
.popover[data-position='left-start'],
.popover[data-position='left'],
.popover[data-position='left-end'] {
  top: 0;
  right: 100%;
  margin-right: var(--tooltipPosition);
}
[data-type='tooltip'][data-position='left-start']:before,
[data-type='tooltip'][data-position='left']:before,
[data-type='tooltip'][data-position='left-end']:before,
[data-type='popover'][data-position='left-start']:before,
[data-type='popover'][data-position='left']:before,
[data-type='popover'][data-position='left-end']:before,
.tooltip[data-position='left-start']:before,
.tooltip[data-position='left']:before,
.tooltip[data-position='left-end']:before,
.popover[data-position='left-start']:before,
.popover[data-position='left']:before,
.popover[data-position='left-end']:before {
  width: 0;
  border-right: 0;
  border: var(--tooltipArrowWidth) solid transparent;
  border-left: var(--tooltipArrowWidth) solid var(--arrowColor);
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
[data-type='tooltip'][data-position='left'],
[data-type='popover'][data-position='left'],
.tooltip[data-position='left'],
.popover[data-position='left'] {
  top: 50%;
  transform: translateY(-50%);
}
[data-type='tooltip'][data-position='left-end'],
[data-type='popover'][data-position='left-end'],
.tooltip[data-position='left-end'],
.popover[data-position='left-end'] {
  bottom: 0;
  top: auto;
}
[data-type='tooltip'][data-position='right-start'],
[data-type='tooltip'][data-position='right'],
[data-type='tooltip'][data-position='right-end'],
[data-type='popover'][data-position='right-start'],
[data-type='popover'][data-position='right'],
[data-type='popover'][data-position='right-end'],
.tooltip[data-position='right-start'],
.tooltip[data-position='right'],
.tooltip[data-position='right-end'],
.popover[data-position='right-start'],
.popover[data-position='right'],
.popover[data-position='right-end'] {
  top: 0;
  left: 100%;
  margin-left: var(--tooltipPosition);
}
[data-type='tooltip'][data-position='right-start']:before,
[data-type='tooltip'][data-position='right']:before,
[data-type='tooltip'][data-position='right-end']:before,
[data-type='popover'][data-position='right-start']:before,
[data-type='popover'][data-position='right']:before,
[data-type='popover'][data-position='right-end']:before,
.tooltip[data-position='right-start']:before,
.tooltip[data-position='right']:before,
.tooltip[data-position='right-end']:before,
.popover[data-position='right-start']:before,
.popover[data-position='right']:before,
.popover[data-position='right-end']:before {
  width: 0;
  border-left: 0;
  border: var(--tooltipArrowWidth) solid transparent;
  border-right: var(--tooltipArrowWidth) solid var(--arrowColor);
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
[data-type='tooltip'][data-position='right'],
[data-type='popover'][data-position='right'],
.tooltip[data-position='right'],
.popover[data-position='right'] {
  top: 50%;
  transform: translateY(-50%);
}
[data-type='tooltip'][data-position='right-end'],
[data-type='popover'][data-position='right-end'],
.tooltip[data-position='right-end'],
.popover[data-position='right-end'] {
  bottom: 0;
  top: auto;
}
[data-type='tooltip'][data-arrow='false'][data-position='top'],
[data-type='popover'][data-arrow='false'][data-position='top'],
.tooltip[data-arrow='false'][data-position='top'],
.popover[data-arrow='false'][data-position='top'] {
  margin-bottom: var(--tooltipPosition);
}
[data-type='tooltip'] .icon,
[data-type='popover'] .icon,
.tooltip .icon,
.popover .icon {
  font-size: var(--iconFontSize);
}
[data-type='tooltip'] .title,
[data-type='popover'] .title,
.tooltip .title,
.popover .title {
  font-size: var(--h5-font-size);
  display: block;
  margin: 0;
  line-height: 1.5;
}
[data-type='tooltip'] button,
[data-type='popover'] button,
.tooltip button,
.popover button {
  border-radius: var(--border-radius-none);
}
[data-type='tooltip'] .btn__outline.btn__light,
[data-type='popover'] .btn__outline.btn__light,
.tooltip .btn__outline.btn__light,
.popover .btn__outline.btn__light {
  color: var(--btn-color);
}
[data-type='tooltip'] footer .btn:not(:last-child),
[data-type='tooltip'] footer button:not(:last-child),
[data-type='tooltip'] .footer .btn:not(:last-child),
[data-type='tooltip'] .footer button:not(:last-child),
[data-type='popover'] footer .btn:not(:last-child),
[data-type='popover'] footer button:not(:last-child),
[data-type='popover'] .footer .btn:not(:last-child),
[data-type='popover'] .footer button:not(:last-child),
.tooltip footer .btn:not(:last-child),
.tooltip footer button:not(:last-child),
.tooltip .footer .btn:not(:last-child),
.tooltip .footer button:not(:last-child),
.popover footer .btn:not(:last-child),
.popover footer button:not(:last-child),
.popover .footer .btn:not(:last-child),
.popover .footer button:not(:last-child) {
  margin-right: 1rem;
}
[data-type='tooltip'][data-type='popover'],
[data-type='tooltip'].popover,
[data-type='popover'][data-type='popover'],
[data-type='popover'].popover,
.tooltip[data-type='popover'],
.tooltip.popover,
.popover[data-type='popover'],
.popover.popover {
  max-width: var(--popOverMaxWidth);
  cursor: default;
}
.popupActionList li a {
  text-decoration: none;
}
.popupActionList li a:hover {
  text-decoration: none;
  opacity: 0.85;
}
.popoverLink {
  font-weight: bold;
  text-decoration: none;
  transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
}
.popoverLink:hover {
  opacity: 0.85;
  text-decoration: none;
}
.popupWrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.linkMore {
  color: var(--lemon);
  font-weight: bold;
  text-decoration: none;
  transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
}
.linkMore:hover {
  opacity: 0.85;
  text-decoration: none;
}
.btn--close {
  text-decoration: none;
  transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
}
.btn--close:hover {
  opacity: 0.85;
  text-decoration: none;
}
:root {
  --onStatus: 'On';
  --offStatus: 'Off';
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
hr,
section {
  display: block;
}
body {
  margin: 0;
  font-family: var(font-family-base, Montserrat);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  line-height: var(--line-height-base);
  color: var(--body-color);
  text-align: left;
}
[tabindex='-1']:focus:not(:focus-visible) {
  outline: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: var(--headings-margin-bottom);
}
p {
  margin-top: 0;
  margin-bottom: var(--paragraph-margin-bottom);
}
address {
  margin-bottom: Var(--font-size-base);
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: var(--font-weight-bold);
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: var(--font-weight-bolder);
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
th {
  text-align: inherit;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-sm,
  .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333%;
}
.offset-2 {
  margin-left: 16.66667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333%;
}
.offset-5 {
  margin-left: 41.66667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333%;
}
.offset-8 {
  margin-left: 66.66667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333%;
}
.offset-11 {
  margin-left: 91.66667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}
.shadow-sm {
  box-shadow: var(--box-shadow-sm) !important;
}
.shadow {
  box-shadow: var(--box-shadow) !important;
}
.shadow-lg {
  box-shadow: var(--box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: '';
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: var(--headings-margin-bottom);
  font-family: var(--headings-font-family);
  font-weight: var(--headings-font-weight);
  line-height: var(--headings-line-height);
  color: var(--headings-color);
  margin-top: 0;
}
h1,
.h1 {
  font-size: var(--h1-font-size);
}
h2,
.h2 {
  font-size: var(--h2-font-size);
}
h3,
.h3 {
  font-size: var(--h3-font-size);
}
h4,
.h4 {
  font-size: var(--h4-font-size);
}
h5,
.h5 {
  font-size: var(--h5-font-size);
}
h6,
.h6 {
  font-size: var(--h6-font-size);
}
.display-1 {
  font-size: var(--display1-size);
  font-weight: var(--display1-weight);
}
.display-2 {
  font-size: var(--display2-size);
  font-weight: var(--display2-weight);
}
.display-3 {
  font-size: var(--display3-size);
  font-weight: var(--display3-weight);
}
.display-4 {
  font-size: var(--display4-size);
  font-weight: var(--display4-weight);
}
.btnGroup {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-grow: 1;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--btn-font-family);
  font-weight: var(--btn-font-weight);
  color: var(--btn-color);
  text-align: center;
  text-decoration: var(--link-decoration);
  white-space: var(--btn-white-space);
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: var(--btn-border-width) solid transparent;
  min-height: var(--btn-standard-hight);
  padding: var(--btn-padding-y-sm) var(--btn-padding-x);
  font-size: var(--btn-font-size);
  line-height: var(--btn-line-height);
  border-radius: var(--btn-border-radius);
  transition: var(--btn-transition);
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btnGroup .btn {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  flex: 0 0 auto;
}
.btnGroup .btn:last-child {
  margin-right: 0;
}
.btn:hover {
  color: var(--body-color);
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: var(--btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled {
  opacity: var(--btn-disabled-opacity);
  pointer-events: none;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn__primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn__primary.clear {
  background-color: transparent;
  border-color: transparent;
  color: var(--primary);
}
.btn__primary:hover,
.btn__primary:focus,
.btn__primary .focus {
  color: var(--white);
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}
.btn__secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.btn__secondary.clear {
  background-color: transparent;
  border-color: transparent;
  color: var(--secondary);
}
.btn__secondary:hover,
.btn__secondary:focus,
.btn__secondary .focus {
  color: var(--white);
  background-color: var(--secondary-hover);
  border-color: var(--secondary-hover);
}
.btn__success {
  background-color: var(--success);
  border-color: var(--success);
}
.btn__success.clear {
  background-color: transparent;
  border-color: transparent;
  color: var(--success);
}
.btn__success:hover,
.btn__success:focus,
.btn__success .focus {
  color: var(--white);
  background-color: var(--success-hover);
  border-color: var(--success-hover);
}
.btn__info {
  background-color: var(--info);
  border-color: var(--info);
}
.btn__info.clear {
  background-color: transparent;
  border-color: transparent;
  color: var(--info);
}
.btn__info:hover,
.btn__info:focus,
.btn__info .focus {
  color: var(--dark);
  background-color: var(--info-hover);
  border-color: var(--info-hover);
}
.btn__warning {
  background-color: var(--warning);
  border-color: var(--warning);
}
.btn__warning.clear {
  background-color: transparent;
  border-color: transparent;
  color: var(--warning);
}
.btn__warning:hover,
.btn__warning:focus,
.btn__warning .focus {
  color: var(--dark);
  background-color: var(--warning-hover);
  border-color: var(--warning-hover);
}
.btn__danger {
  background-color: var(--danger);
  border-color: var(--danger);
}
.btn__danger.clear {
  background-color: transparent;
  border-color: transparent;
  color: var(--danger);
}
.btn__danger:hover,
.btn__danger:focus,
.btn__danger .focus {
  color: var(--white);
  background-color: var(--danger-hover);
  border-color: var(--danger-hover);
}
.btn__light {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light);
}
.btn__light.clear {
  background-color: transparent;
  border-color: transparent;
  color: var(--light);
}
.btn__light:hover,
.btn__light:focus,
.btn__light .focus {
  color: var(--dark);
  background-color: var(--light-hover);
  border-color: var(--light-hover);
}
.btn__dark {
  color: var(--white);
  background-color: var(--dark);
  border-color: var(--dark);
}
.btn__dark.clear {
  background-color: transparent;
  border-color: transparent;
  color: var(--dark);
}
.btn__dark:hover,
.btn__dark:focus,
.btn__dark .focus {
  color: var(--white);
  background-color: var(--dark-hover);
  border-color: var(--dark-hover);
}
.btn__outline {
  background-color: transparent;
  color: var(--dark);
}
.btn--rounded {
  border-radius: var(--btn-border-radius-rounded) !important;
}
.btn--curved {
  border-radius: var(--btn-border-radius-curved);
}
.btn--link {
  font-weight: var(--font-weight-normal);
  color: var(--link-color);
  text-decoration: var(--link-decoration);
}
.btn--link:hover {
  color: var(--link-hover-color);
  text-decoration: var(--link-hover-decoration);
}
.btn--link:focus,
.btn--link.focus {
  text-decoration: var(--link-hover-decoration);
}
.btn--link:disabled,
.btn--link.disabled {
  color: var(--btn-link-disabled-color);
  pointer-events: none;
}
.btn--link:disabled.clear,
.btn--link.disabled.clear {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-link-disabled-color);
}
.btn--lg {
  padding: var(--btn-padding-y-lg) var(--btn-padding-x-lg);
  font-size: var(--btn-font-size-lg);
  line-height: var(--btn-line-height);
  border-radius: var(--btn-border-radius-lg);
}
.btn--sm {
  padding: var(--btn-padding-y-sm) var(--btn-padding-x-sm);
  font-size: var(--btn-font-size-sm);
  line-height: var(--btn-line-height);
  border-radius: var(--btn-border-radius-sm);
}
.btn__tooltip {
  border-radius: 0;
  border: none;
  padding: 5px;
  min-height: auto;
  background-color: transparent;
}
.btn__tooltip:hover,
.btn__tooltip:focus,
.btn__tooltip .focus {
  background-color: transparent;
}
.btn__tooltip:focus,
.btn__tooltip .focus {
  background-color: transparent;
  box-shadow: 0 0 0 0.2rem rgba(166, 166, 169, 0.5);
}
.btn__icon {
  width: 40px;
  height: 40px;
  min-height: auto;
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0;
}
.btn__text + i,
i + .btn__text {
  margin-left: 8px;
}
.btn i {
  font-style: normal;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .btn.expand-sm-only {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .btn.expand-md-only {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .btn.expand-md-up {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .btn.expand-lg-up {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .btn.expand-md-down {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 1199px) {
  .btn.expand-lg-down {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 1199px) and (min-width: 1024px) {
  .btn.expand-lg-only {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .btn.expand-xl-only {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn--block {
  display: block;
  width: 100%;
}
.btn--block + .btn--block {
  margin-top: var(--btn-block-spacing-y);
}
input[type='submit'].btn--block,
input[type='reset'].btn--block,
input[type='button'].btn--block {
  width: 100%;
}
.formControl {
  display: block;
  width: 100%;
  height: var(--input-height);
  padding: var(--input-padding-y) var(--input-padding-x);
  font-family: var(--input-font-family);
  font-size: var(--input-font-size);
  font-weight: var(--input-font-weight);
  color: var(--input-color);
  background-color: var(--input-bg);
  background-clip: padding-box;
  border: 0;
  border-radius: var(--input-border-radius);
  box-shadow: var(--input-box-shadow);
  transition: var(--input-transition);
  min-width: 1px;
  line-height: normal;
}
.formControl::placeholder {
  font-size: var(--input-font-size);
  color: var(--input-placeholder-color);
  line-height: normal;
  opacity: 1;
}
.formControl:disabled,
.formControl[readonly] {
  background-color: var(--input-disabled-bg);
  opacity: 1;
}
.formControl.success ~ .successOption {
  display: block;
}
.formControl ~ .text-danger {
  display: none;
  line-height: 1;
  margin: 0;
  color: var(--danger);
}
.formControl.error {
  border-color: var(--input-border-color-error);
}
.searchInputBtn {
  padding: 0;
  font-size: var(--font-size-sm);
  margin: 0;
  z-index: 20;
  cursor: pointer;
  color: var(--gray-dark);
  background-color: transparent;
  border: none;
  height: var(--input-height);
}
.text-danger {
  font-size: var(--font-size-tiny);
  color: var(--danger);
  flex-basis: 95%;
}
.errorOption {
  font-size: var(--font-size-lg);
  color: var(--danger);
}
.successOption {
  font-size: var(--font-size-lg);
  color: var(--success);
}
textarea.formControl {
  min-height: var(--form-textarea-height);
  min-width: 100%;
  max-width: 100%;
  resize: vertical;
}
textarea.formControl:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.formControlWrap.intIcn {
  position: relative;
}
.formControlWrap.intIcn .successOption {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: var(--font-size-lg);
  color: var(--success);
}
.formControlWrap.intIcn .errorOption {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: var(--font-size-lg);
  color: var(--danger);
}
#textChar {
  font-size: 10px;
  margin-top: 5px;
  flex-basis: 95%;
}
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
input[type='search'] {
  -webkit-appearance: none !important;
}
.formControlHolder {
  position: relative;
  flex: 1;
  border: solid var(--input-border-color);
  border-width: var(--input-border-width);
}
.formControlHolder.hasBg {
  border-color: transparent;
  background-color: var(--gray-light);
}
.formControlHolder.curved {
  border-radius: var(--input-border-radius-sm);
}
.formControlHolder.rounded {
  border-radius: var(--input-border-radius-lg);
}
.formControlHolder.textOnly {
  border-radius: var(--input-border-radius);
  border-width: 0 0 var(--input-border-width) 0;
}
.formControlHolder .formControl {
  padding: var(--input-padding-y) var(--input-padding-x);
  background-color: transparent;
}
.formControlHolder.error {
  border-color: var(--input-border-color-error);
}
.formControlHolder.icnLeft .formControl {
  padding: var(--input-padding-y) var(--input-padding-x) var(--input-padding-y)
    var(--spacer-micro);
}
.formControlHolder.icnRight .formControl {
  padding: var(--input-padding-y) var(--spacer-micro) var(--input-padding-y)
    var(--input-padding-x);
}
.formControlHolder .searchClear {
  padding: var(--input-padding-y) 2rem;
}
.formControlHolder .eventBtn {
  position: absolute;
  width: 10px;
  top: 0;
  font-size: var(--lead-font-size);
  z-index: 20;
  cursor: pointer;
  text-decoration: none;
  color: var(--gray-dark);
  background-color: transparent;
  padding: 0;
  border: none;
  height: var(--input-height);
  align-items: center;
  display: none;
}
.formControlHolder__select select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
.formControlHolder__select:after {
  position: absolute;
  content: '\e93f';
  right: 8px;
  top: 0;
  font-family: 'design-system-icons' !important;
  font-size: 8px;
  pointer-events: none;
  color: var(--gray-dark);
  display: flex;
  align-items: center;
  line-height: 1;
  height: var(--input-height);
  cursor: pointer;
}
.formControlHolder__select .searchClear.formControl {
  padding: var(--input-padding-y) calc(var(--input-padding-x) * 3.5)
    var(--input-padding-y) var(--input-padding-x);
}
.formControlHolder__select .searchClear ~ .clearCrossBtn {
  display: flex;
}
.formControlHolder__select .clearCrossBtn {
  position: absolute;
  left: calc(100% - 40px) !important;
  width: 10px;
  top: 0;
  font-size: 10px;
  z-index: 20;
  cursor: pointer;
  text-decoration: none;
  color: var(--gray-dark);
  background-color: transparent;
  padding: 0;
  border: none;
  height: var(--input-height);
  align-items: center;
  justify-content: center;
}
.formControlHolder__select .formControl__event.formControl {
  padding: var(--input-padding-y) calc(var(--input-padding-x) * 1.8)
    var(--input-padding-y);
}
.formControlHolder__select .formControl__event ~ .eventBtn {
  left: 8px;
  display: flex;
  width: 13px;
  font-size: 13px;
}
fieldset {
  padding: 0;
  border: none;
}
fieldset legend {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: var(--headings-font-weight);
  font-size: var(--h6-font-size);
  line-height: 1;
  color: var(--primary-dark);
}
fieldset .formCheck {
  padding: 0;
  margin-bottom: 0.5rem;
}
input[type='date'].formControl,
input[type='time'].formControl,
input[type='datetime-local'].formControl,
input[type='month'].formControl {
  appearance: none;
}
label {
  display: inline-block;
  margin-bottom: var(--label-margin-bottom);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-base);
  line-height: var(--input-line-height);
  color: var(--gray-dark);
  position: relative;
}
label.required:after {
  content: '*';
  color: var(--danger);
}
label.info:after {
  content: '\e93d';
  font-family: 'design-system-icons' !important;
  color: var(--dark);
  font-size: inherit;
  position: relative;
  right: -4px;
  top: 1px;
}
label--lg {
  padding-bottom: calc(var(--label-margin-bottom) * 1.5rem);
  font-size: var(--input-font-size-lg);
  line-height: var(--input-line-height-lg);
}
label--sm {
  padding-bottom: calc(var(--label-margin-bottom) * 0.5rem);
  font-size: var(--input-font-size-sm);
  line-height: var(--input-line-height-sm);
}
.formGroup {
  margin-bottom: var(--formGroup-margin-bottom);
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--form-grid-gutter-width) / 2 * -1);
  margin-left: calc(var(--form-grid-gutter-width) / 2 * -1);
  align-items: flex-end;
}
.form-row > .col,
.form-row > [class*='col-'] {
  padding-right: calc(var(--form-grid-gutter-width) / 2);
  padding-left: calc(var(--form-grid-gutter-width) / 2);
}
.formCheck {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background-color: transparent;
}
.formCheck .checkLabel {
  color: var(--gray-dark);
  margin: 0 0 0 0.5rem;
  cursor: pointer;
}
.formCheck .checkBox {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  width: auto;
  min-height: 30px;
}
.formCheck .checkBox input {
  position: relative;
  z-index: 10;
  opacity: 0;
  margin: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.formCheck .checkBox input:hover ~ .checkboxFake {
  border: 2px solid var(--gray);
}
.formCheck .checkBox input:focus ~ .checkboxFake {
  outline: inherit;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.formCheck .checkBox input:checked ~ .checkboxFake {
  background-color: #ffffff;
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid var(--gray-dark);
  border-radius: var(--border-radius-none);
}
.formCheck .checkBox input:checked ~ .checkboxFake:after {
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 9px;
  top: 2px;
  width: 9px;
  height: 17px;
  border: solid var(--gray-dark);
  border-width: 0 3px 3px 0;
  background-color: transparent;
  border-radius: 0;
}
.formCheck .checkBox .checkboxFake {
  color: var(--gray-dark);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 30px;
  width: 30px;
  background-color: transparent;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  border: 2px solid var(--gray-dark);
  border-radius: var(--border-radius-none);
}
.formCheck .checkBox .checkboxFake:after {
  position: absolute;
  content: '';
  left: 12px;
  top: 12px;
  height: 0;
  width: 0;
  border-radius: 5px;
  border: solid #009bff;
  border-width: 0 3px 3px 0;
  transform: rotate(0deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.formCheck .checkBox--curved input:checked ~ .checkboxFake {
  border-radius: var(--border-radius-lg);
}
.formCheck .checkBox--curved .checkboxFake {
  border-radius: var(--border-radius-lg);
}
.formCheck .checkBox--rounded input:checked ~ .checkboxFake {
  border-radius: 50%;
}
.formCheck .checkBox--rounded .checkboxFake {
  border-radius: 50%;
}
.formCheck .checkBox__bg input:checked ~ .checkboxFake {
  background-color: currentColor;
}
.formCheck .checkBox__bg input:checked ~ .checkboxFake:after {
  border: solid var(--gray-lighter);
  border-width: 0 3px 3px 0;
}
.formCheck .checkBox__bg input:hover ~ .checkboxFake {
  border: 2px solid var(--gray);
  background-color: var(--gray);
}
.formCheck .checkBox__bg .checkboxFake {
  background-color: currentColor;
}
.formCheck__error .checkBox input:checked ~ .checkboxFake {
  border-color: var(--danger);
}
.formCheck__error .checkBox input:checked ~ .checkboxFake:after {
  border: solid var(--danger);
  border-width: 0 3px 3px 0;
}
.formCheck__error .checkBox input:hover ~ .checkboxFake {
  border: 2px solid var(--danger);
}
.formCheck__error .checkBox .checkboxFake {
  border-color: var(--danger);
}
.formCheck__error .checkBox.checkBox__bg input:checked ~ .checkboxFake {
  border-color: var(--danger);
  background-color: var(--danger);
}
.formCheck__error .checkBox.checkBox__bg input:checked ~ .checkboxFake:after {
  border: solid var(--gray-lighter);
  border-width: 0 3px 3px 0;
}
.formCheck__error .checkBox.checkBox__bg input:hover ~ .checkboxFake {
  border: 2px solid var(--danger);
  background-color: var(--danger);
}
.formCheck__error .checkBox.checkBox__bg .checkboxFake {
  border-color: var(--danger);
  background-color: var(--danger);
}
.formCheck.disabled {
  cursor: default;
  pointer-events: none;
}
.formCheck.disabled input {
  pointer-events: none;
}
.formCheck.disabled input:checked ~ .checkboxFake {
  border-color: var(--gray) !important;
  background-color: var(--gray);
}
.formCheck.disabled input:checked ~ .checkboxFake:after {
  border: solid var(--gray-lighter);
  border-width: 0 3px 3px 0;
}
.formCheck.disabled input:hover ~ .checkboxFake {
  border: 2px solid var(--gray);
  background-color: var(--gray);
}
.formCheck.disabled ~ .checkboxFake {
  border-color: var(--gray) !important;
  background-color: var(--gray);
}
.formCheck.disabled .checkLabel {
  cursor: default;
  pointer-events: none;
  color: var(--gray);
}
.formRadio {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background-color: transparent;
  padding: 0;
  margin-bottom: 0.5rem;
}
.formRadio .radioLabel {
  color: var(--gray-dark);
  margin: 0 0 0 0.5rem;
  cursor: pointer;
}
.formRadio .radioBtn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  width: var(--form-radio-width);
  min-height: var(--form-radio-height);
}
.formRadio .radioBtn input {
  position: relative;
  z-index: 10;
  opacity: 0;
  margin: 0;
  cursor: pointer;
  width: var(--form-radio-width);
  min-height: var(--form-radio-height);
}
.formRadio .radioBtn input:hover ~ .radioBtnFake {
  border: 2px solid var(--gray);
}
.formRadio .radioBtn input:hover ~ .radioBtnFake:after {
  background-color: var(--gray);
}
.formRadio .radioBtn input:focus ~ .radioBtnFake {
  outline: inherit;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.formRadio .radioBtn input:checked ~ .radioBtnFake {
  background-color: #ffffff;
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid var(--gray-dark);
  border-radius: var(--border-radius-none);
}
.formRadio .radioBtn input:checked ~ .radioBtnFake:after {
  transform: scale(1);
  opacity: 1;
  width: 20px;
  height: 20px;
}
.formRadio .radioBtn .radioBtnFake {
  color: var(--gray-dark);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 30px;
  width: 30px;
  background-color: transparent;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  border: 2px solid var(--gray-dark);
  border-radius: var(--border-radius-none);
  display: flex;
  align-items: center;
  justify-content: center;
}
.formRadio .radioBtn .radioBtnFake:after {
  content: '';
  width: 0;
  height: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: currentColor;
  transform: rotate(0deg) scale(0);
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.formRadio .radioBtn--rounded input:checked ~ .radioBtnFake {
  border-radius: 50%;
}
.formRadio .radioBtn--rounded input:checked ~ .radioBtnFake:after {
  width: 14px;
  height: 14px;
}
.formRadio .radioBtn--rounded .radioBtnFake {
  border-radius: 50%;
}
.formRadio .radioBtn--rounded .radioBtnFake:after {
  border-radius: 50%;
}
.formRadio.error .radioBtn input:checked ~ .radioBtnFake {
  border-color: var(--danger);
}
.formRadio.error .radioBtn input:checked ~ .radioBtnFake:after {
  background-color: var(--danger);
}
.formRadio.error .radioBtn input:hover ~ .radioBtnFake {
  border-color: var(--danger);
}
.formRadio.error .radioBtn input:focus ~ .radioBtnFake {
  box-shadow: 0 0 0 0.2rem rgba(var(--danger), 0.5);
}
.formRadio.error .radioBtn .radioBtnFake {
  border-color: var(--danger);
}
.formRadio.error label {
  color: var(--danger);
}
.formRadio .disabled {
  cursor: default;
  pointer-events: none;
}
.formRadio .disabled input {
  pointer-events: none;
  background-color: var(--gray);
  cursor: default;
}
.formRadio .disabled input:checked ~ .radioBtnFake {
  border-color: var(--gray) !important;
  background-color: var(--gray);
}
.formRadio .disabled input:checked ~ .radioBtnFake:after {
  border: solid var(--gray);
  background-color: var(--gray);
}
.formRadio .disabled input:hover ~ .radioBtnFake {
  border: 2px solid var(--gray);
  background-color: var(--gray);
}
.formRadio .disabled .radioBtnFake {
  border-color: var(--gray) !important;
  background-color: var(--gray);
}
.formRadio .disabled ~ .radioLabel {
  cursor: default;
  color: var(--gray);
  pointer-events: none;
}
.toggleBtn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.toggleBtn.disabled input[type='checkbox']:checked + label {
  pointer-events: none;
  cursor: none;
}
.toggleBtn.disabled input[type='checkbox']:checked + label:before {
  cursor: none;
  pointer-events: none;
  background-color: var(--gray);
}
.toggleBtn.disabled label {
  cursor: none;
  pointer-events: none;
}
.toggleBtn.disabled label:before {
  cursor: none;
  pointer-events: none;
  background-color: var(--gray);
}
.toggleBtn input[type='checkbox'] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
}
.toggleBtn input[type='checkbox']:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.toggleBtn input[type='checkbox']:checked + label:before {
  left: 34px;
  background-color: var(--green);
}
.toggleBtn input[type='checkbox']:checked + label .text:after {
  opacity: 0;
}
.toggleBtn input[type='checkbox']:checked + label .text:before {
  opacity: 1;
}
.toggleBtn label {
  display: block;
  cursor: pointer;
  width: 3.125rem;
  height: 1.25rem;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.toggleBtn label:focus {
  outline: none;
}
.toggleBtn label .labelTxt {
  font-size: 1rem;
  color: var(--black);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 15px;
  width: max-content;
}
.toggleBtn label:before,
.toggleBtn label:after {
  position: absolute;
  content: '';
}
.toggleBtn label:before {
  width: 28px;
  height: 28px;
  background-color: var(--gray);
  top: 50%;
  transform: translateY(-50%);
  left: -14px;
  border-radius: var(--btn-border-radius-rounded) !important;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  cursor: pointer;
}
.toggleBtn label:after {
  border: 2px solid var(--gray);
  border-radius: 100px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.toggleBtn.rounded label {
  width: 3.875rem;
  height: 1.875rem;
}
.toggleBtn.rounded label:before {
  width: 22px;
  height: 22px;
  left: 6px;
}
.toggleBtn.rounded .text:before,
.toggleBtn.rounded .text:after {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  margin-left: 10px;
}
.toggleBtn.rounded input[type='checkbox']:checked + label:before {
  left: 35px;
}
.toggleBtn.rounded.filled input[type='checkbox']:checked + label:before {
  background-color: var(--white);
}
.toggleBtn.rounded.filled input[type='checkbox']:checked + label:after {
  background-color: var(--green);
  border-color: var(--green);
}
.toggleBtn.rounded.filled label:before {
  background-color: var(--white);
}
.toggleBtn.rounded.filled label:after {
  background-color: var(--gray);
  border-color: var(--gray);
}
.toggleBtn.rounded.dark input[type='checkbox']:checked + label:after,
.toggleBtn.rounded.dark label:after {
  border-color: var(--gray);
  background-color: var(--white);
}
.toggleBtn.rounded.dark input[type='checkbox']:checked + label:before,
.toggleBtn.rounded.dark label:before {
  background-color: var(--gray);
}
.accessible {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
.accessible:focus {
  clip: rect(0, 0, 0, 0);
  font-size: 1em;
  height: auto;
  outline: thin dotted;
  position: static !important;
  width: auto;
  overflow: visible;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.border {
  border: var(--border-width) solid var(--border-color) !important;
}
.border-top {
  border-top: var(--border-width) solid var(--border-color) !important;
}
.border-right {
  border-right: var(--border-width) solid var(--border-color) !important;
}
.border-bottom {
  border-bottom: var(--border-width) solid var(--border-color) !important;
}
.border-left {
  border-left: var(--border-width) solid var(--border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: var(--primary) !important;
}
.border-secondary {
  border-color: var(--secondary) !important;
}
.border-success {
  border-color: var(--success) !important;
}
.border-info {
  border-color: var(--info) !important;
}
.border-warning {
  border-color: var(--warning) !important;
}
.border-danger {
  border-color: var(--danger) !important;
}
.border-light {
  border-color: var(--light) !important;
}
.border-dark {
  border-color: var(--dark) !important;
}
.border-white {
  border-color: var(--white) !important;
}
.rounded-sm {
  border-radius: var(--border-radius) -sm !important;
}
.rounded {
  border-radius: var(--border-radius) !important;
}
.rounded-top {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}
.rounded-right {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.rounded-left {
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.rounded-lg {
  border-radius: var(--border-radius) -lg !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--rounded-pill) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.d-flex {
  display: flex;
  flex-direction: row;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: var(--zindex-fixed);
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--zindex-fixed);
}
@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: var(--zindex-sticky);
  }
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.m-none {
  margin: calc(var(--global-spacer) * 0) !important;
}
.mt-none,
.my-none {
  margin-top: calc(var(--global-spacer) * 0) !important;
}
.mr-none,
.mx-none {
  margin-right: calc(var(--global-spacer) * 0) !important;
}
.mb-none,
.my-none {
  margin-bottom: calc(var(--global-spacer) * 0) !important;
}
.ml-none,
.mx-none {
  margin-left: calc(var(--global-spacer) * 0) !important;
}
.m-micro {
  margin: calc(var(--global-spacer) * 0.25) !important;
}
.mt-micro,
.my-micro {
  margin-top: calc(var(--global-spacer) * 0.25) !important;
}
.mr-micro,
.mx-micro {
  margin-right: calc(var(--global-spacer) * 0.25) !important;
}
.mb-micro,
.my-micro {
  margin-bottom: calc(var(--global-spacer) * 0.25) !important;
}
.ml-micro,
.mx-micro {
  margin-left: calc(var(--global-spacer) * 0.25) !important;
}
.m-tiny {
  margin: calc(var(--global-spacer) * 0.5) !important;
}
.mt-tiny,
.my-tiny {
  margin-top: calc(var(--global-spacer) * 0.5) !important;
}
.mr-tiny,
.mx-tiny {
  margin-right: calc(var(--global-spacer) * 0.5) !important;
}
.mb-tiny,
.my-tiny {
  margin-bottom: calc(var(--global-spacer) * 0.5) !important;
}
.ml-tiny,
.mx-tiny {
  margin-left: calc(var(--global-spacer) * 0.5) !important;
}
.m-small {
  margin: var(--global-spacer) !important;
}
.mt-small,
.my-small {
  margin-top: var(--global-spacer) !important;
}
.mr-small,
.mx-small {
  margin-right: var(--global-spacer) !important;
}
.mb-small,
.my-small {
  margin-bottom: var(--global-spacer) !important;
}
.ml-small,
.mx-small {
  margin-left: var(--global-spacer) !important;
}
.m-mid {
  margin: calc(var(--global-spacer) * 2) !important;
}
.mt-mid,
.my-mid {
  margin-top: calc(var(--global-spacer) * 2) !important;
}
.mr-mid,
.mx-mid {
  margin-right: calc(var(--global-spacer) * 2) !important;
}
.mb-mid,
.my-mid {
  margin-bottom: calc(var(--global-spacer) * 2) !important;
}
.ml-mid,
.mx-mid {
  margin-left: calc(var(--global-spacer) * 2) !important;
}
.m-large {
  margin: calc(var(--global-spacer) * 4) !important;
}
.mt-large,
.my-large {
  margin-top: calc(var(--global-spacer) * 4) !important;
}
.mr-large,
.mx-large {
  margin-right: calc(var(--global-spacer) * 4) !important;
}
.mb-large,
.my-large {
  margin-bottom: calc(var(--global-spacer) * 4) !important;
}
.ml-large,
.mx-large {
  margin-left: calc(var(--global-spacer) * 4) !important;
}
.m-xlarge {
  margin: calc(var(--global-spacer) * 8) !important;
}
.mt-xlarge,
.my-xlarge {
  margin-top: calc(var(--global-spacer) * 8) !important;
}
.mr-xlarge,
.mx-xlarge {
  margin-right: calc(var(--global-spacer) * 8) !important;
}
.mb-xlarge,
.my-xlarge {
  margin-bottom: calc(var(--global-spacer) * 8) !important;
}
.ml-xlarge,
.mx-xlarge {
  margin-left: calc(var(--global-spacer) * 8) !important;
}
.p-none {
  padding: calc(var(--global-spacer) * 0) !important;
}
.pt-none,
.py-none {
  padding-top: calc(var(--global-spacer) * 0) !important;
}
.pr-none,
.px-none {
  padding-right: calc(var(--global-spacer) * 0) !important;
}
.pb-none,
.py-none {
  padding-bottom: calc(var(--global-spacer) * 0) !important;
}
.pl-none,
.px-none {
  padding-left: calc(var(--global-spacer) * 0) !important;
}
.p-micro {
  padding: calc(var(--global-spacer) * 0.25) !important;
}
.pt-micro,
.py-micro {
  padding-top: calc(var(--global-spacer) * 0.25) !important;
}
.pr-micro,
.px-micro {
  padding-right: calc(var(--global-spacer) * 0.25) !important;
}
.pb-micro,
.py-micro {
  padding-bottom: calc(var(--global-spacer) * 0.25) !important;
}
.pl-micro,
.px-micro {
  padding-left: calc(var(--global-spacer) * 0.25) !important;
}
.p-tiny {
  padding: calc(var(--global-spacer) * 0.5) !important;
}
.pt-tiny,
.py-tiny {
  padding-top: calc(var(--global-spacer) * 0.5) !important;
}
.pr-tiny,
.px-tiny {
  padding-right: calc(var(--global-spacer) * 0.5) !important;
}
.pb-tiny,
.py-tiny {
  padding-bottom: calc(var(--global-spacer) * 0.5) !important;
}
.pl-tiny,
.px-tiny {
  padding-left: calc(var(--global-spacer) * 0.5) !important;
}
.p-small {
  padding: var(--global-spacer) !important;
}
.pt-small,
.py-small {
  padding-top: var(--global-spacer) !important;
}
.pr-small,
.px-small {
  padding-right: var(--global-spacer) !important;
}
.pb-small,
.py-small {
  padding-bottom: var(--global-spacer) !important;
}
.pl-small,
.px-small {
  padding-left: var(--global-spacer) !important;
}
.p-mid {
  padding: calc(var(--global-spacer) * 2) !important;
}
.pt-mid,
.py-mid {
  padding-top: calc(var(--global-spacer) * 2) !important;
}
.pr-mid,
.px-mid {
  padding-right: calc(var(--global-spacer) * 2) !important;
}
.pb-mid,
.py-mid {
  padding-bottom: calc(var(--global-spacer) * 2) !important;
}
.pl-mid,
.px-mid {
  padding-left: calc(var(--global-spacer) * 2) !important;
}
.p-large {
  padding: calc(var(--global-spacer) * 4) !important;
}
.pt-large,
.py-large {
  padding-top: calc(var(--global-spacer) * 4) !important;
}
.pr-large,
.px-large {
  padding-right: calc(var(--global-spacer) * 4) !important;
}
.pb-large,
.py-large {
  padding-bottom: calc(var(--global-spacer) * 4) !important;
}
.pl-large,
.px-large {
  padding-left: calc(var(--global-spacer) * 4) !important;
}
.p-xlarge {
  padding: calc(var(--global-spacer) * 8) !important;
}
.pt-xlarge,
.py-xlarge {
  padding-top: calc(var(--global-spacer) * 8) !important;
}
.pr-xlarge,
.px-xlarge {
  padding-right: calc(var(--global-spacer) * 8) !important;
}
.pb-xlarge,
.py-xlarge {
  padding-bottom: calc(var(--global-spacer) * 8) !important;
}
.pl-xlarge,
.px-xlarge {
  padding-left: calc(var(--global-spacer) * 8) !important;
}
.m-nnone {
  margin: -calc(var(--global-spacer) * 0) !important;
}
.mt-nnone,
.my-nnone {
  margin-top: -calc(var(--global-spacer) * 0) !important;
}
.mr-nnone,
.mx-nnone {
  margin-right: -calc(var(--global-spacer) * 0) !important;
}
.mb-nnone,
.my-nnone {
  margin-bottom: -calc(var(--global-spacer) * 0) !important;
}
.ml-nnone,
.mx-nnone {
  margin-left: -calc(var(--global-spacer) * 0) !important;
}
.m-nmicro {
  margin: -calc(var(--global-spacer) * 0) !important;
}
.mt-nmicro,
.my-nmicro {
  margin-top: -calc(var(--global-spacer) * 0) !important;
}
.mr-nmicro,
.mx-nmicro {
  margin-right: -calc(var(--global-spacer) * 0) !important;
}
.mb-nmicro,
.my-nmicro {
  margin-bottom: -calc(var(--global-spacer) * 0) !important;
}
.ml-nmicro,
.mx-nmicro {
  margin-left: -calc(var(--global-spacer) * 0) !important;
}
.m-ntiny {
  margin: -calc(var(--global-spacer) * 0) !important;
}
.mt-ntiny,
.my-ntiny {
  margin-top: -calc(var(--global-spacer) * 0) !important;
}
.mr-ntiny,
.mx-ntiny {
  margin-right: -calc(var(--global-spacer) * 0) !important;
}
.mb-ntiny,
.my-ntiny {
  margin-bottom: -calc(var(--global-spacer) * 0) !important;
}
.ml-ntiny,
.mx-ntiny {
  margin-left: -calc(var(--global-spacer) * 0) !important;
}
.m-nsmall {
  margin: -calc(var(--global-spacer) * 0) !important;
}
.mt-nsmall,
.my-nsmall {
  margin-top: -calc(var(--global-spacer) * 0) !important;
}
.mr-nsmall,
.mx-nsmall {
  margin-right: -calc(var(--global-spacer) * 0) !important;
}
.mb-nsmall,
.my-nsmall {
  margin-bottom: -calc(var(--global-spacer) * 0) !important;
}
.ml-nsmall,
.mx-nsmall {
  margin-left: -calc(var(--global-spacer) * 0) !important;
}
.m-nmid {
  margin: -calc(var(--global-spacer) * 0) !important;
}
.mt-nmid,
.my-nmid {
  margin-top: -calc(var(--global-spacer) * 0) !important;
}
.mr-nmid,
.mx-nmid {
  margin-right: -calc(var(--global-spacer) * 0) !important;
}
.mb-nmid,
.my-nmid {
  margin-bottom: -calc(var(--global-spacer) * 0) !important;
}
.ml-nmid,
.mx-nmid {
  margin-left: -calc(var(--global-spacer) * 0) !important;
}
.m-nlarge {
  margin: -calc(var(--global-spacer) * 0) !important;
}
.mt-nlarge,
.my-nlarge {
  margin-top: -calc(var(--global-spacer) * 0) !important;
}
.mr-nlarge,
.mx-nlarge {
  margin-right: -calc(var(--global-spacer) * 0) !important;
}
.mb-nlarge,
.my-nlarge {
  margin-bottom: -calc(var(--global-spacer) * 0) !important;
}
.ml-nlarge,
.mx-nlarge {
  margin-left: -calc(var(--global-spacer) * 0) !important;
}
.m-nxlarge {
  margin: -calc(var(--global-spacer) * 0) !important;
}
.mt-nxlarge,
.my-nxlarge {
  margin-top: -calc(var(--global-spacer) * 0) !important;
}
.mr-nxlarge,
.mx-nxlarge {
  margin-right: -calc(var(--global-spacer) * 0) !important;
}
.mb-nxlarge,
.my-nxlarge {
  margin-bottom: -calc(var(--global-spacer) * 0) !important;
}
.ml-nxlarge,
.mx-nxlarge {
  margin-left: -calc(var(--global-spacer) * 0) !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-none {
    margin: calc(var(--global-spacer) * 0) !important;
  }
  .mt-sm-none,
  .my-sm-none {
    margin-top: calc(var(--global-spacer) * 0) !important;
  }
  .mr-sm-none,
  .mx-sm-none {
    margin-right: calc(var(--global-spacer) * 0) !important;
  }
  .mb-sm-none,
  .my-sm-none {
    margin-bottom: calc(var(--global-spacer) * 0) !important;
  }
  .ml-sm-none,
  .mx-sm-none {
    margin-left: calc(var(--global-spacer) * 0) !important;
  }
  .m-sm-micro {
    margin: calc(var(--global-spacer) * 0.25) !important;
  }
  .mt-sm-micro,
  .my-sm-micro {
    margin-top: calc(var(--global-spacer) * 0.25) !important;
  }
  .mr-sm-micro,
  .mx-sm-micro {
    margin-right: calc(var(--global-spacer) * 0.25) !important;
  }
  .mb-sm-micro,
  .my-sm-micro {
    margin-bottom: calc(var(--global-spacer) * 0.25) !important;
  }
  .ml-sm-micro,
  .mx-sm-micro {
    margin-left: calc(var(--global-spacer) * 0.25) !important;
  }
  .m-sm-tiny {
    margin: calc(var(--global-spacer) * 0.5) !important;
  }
  .mt-sm-tiny,
  .my-sm-tiny {
    margin-top: calc(var(--global-spacer) * 0.5) !important;
  }
  .mr-sm-tiny,
  .mx-sm-tiny {
    margin-right: calc(var(--global-spacer) * 0.5) !important;
  }
  .mb-sm-tiny,
  .my-sm-tiny {
    margin-bottom: calc(var(--global-spacer) * 0.5) !important;
  }
  .ml-sm-tiny,
  .mx-sm-tiny {
    margin-left: calc(var(--global-spacer) * 0.5) !important;
  }
  .m-sm-small {
    margin: var(--global-spacer) !important;
  }
  .mt-sm-small,
  .my-sm-small {
    margin-top: var(--global-spacer) !important;
  }
  .mr-sm-small,
  .mx-sm-small {
    margin-right: var(--global-spacer) !important;
  }
  .mb-sm-small,
  .my-sm-small {
    margin-bottom: var(--global-spacer) !important;
  }
  .ml-sm-small,
  .mx-sm-small {
    margin-left: var(--global-spacer) !important;
  }
  .m-sm-mid {
    margin: calc(var(--global-spacer) * 2) !important;
  }
  .mt-sm-mid,
  .my-sm-mid {
    margin-top: calc(var(--global-spacer) * 2) !important;
  }
  .mr-sm-mid,
  .mx-sm-mid {
    margin-right: calc(var(--global-spacer) * 2) !important;
  }
  .mb-sm-mid,
  .my-sm-mid {
    margin-bottom: calc(var(--global-spacer) * 2) !important;
  }
  .ml-sm-mid,
  .mx-sm-mid {
    margin-left: calc(var(--global-spacer) * 2) !important;
  }
  .m-sm-large {
    margin: calc(var(--global-spacer) * 4) !important;
  }
  .mt-sm-large,
  .my-sm-large {
    margin-top: calc(var(--global-spacer) * 4) !important;
  }
  .mr-sm-large,
  .mx-sm-large {
    margin-right: calc(var(--global-spacer) * 4) !important;
  }
  .mb-sm-large,
  .my-sm-large {
    margin-bottom: calc(var(--global-spacer) * 4) !important;
  }
  .ml-sm-large,
  .mx-sm-large {
    margin-left: calc(var(--global-spacer) * 4) !important;
  }
  .m-sm-xlarge {
    margin: calc(var(--global-spacer) * 8) !important;
  }
  .mt-sm-xlarge,
  .my-sm-xlarge {
    margin-top: calc(var(--global-spacer) * 8) !important;
  }
  .mr-sm-xlarge,
  .mx-sm-xlarge {
    margin-right: calc(var(--global-spacer) * 8) !important;
  }
  .mb-sm-xlarge,
  .my-sm-xlarge {
    margin-bottom: calc(var(--global-spacer) * 8) !important;
  }
  .ml-sm-xlarge,
  .mx-sm-xlarge {
    margin-left: calc(var(--global-spacer) * 8) !important;
  }
  .p-sm-none {
    padding: calc(var(--global-spacer) * 0) !important;
  }
  .pt-sm-none,
  .py-sm-none {
    padding-top: calc(var(--global-spacer) * 0) !important;
  }
  .pr-sm-none,
  .px-sm-none {
    padding-right: calc(var(--global-spacer) * 0) !important;
  }
  .pb-sm-none,
  .py-sm-none {
    padding-bottom: calc(var(--global-spacer) * 0) !important;
  }
  .pl-sm-none,
  .px-sm-none {
    padding-left: calc(var(--global-spacer) * 0) !important;
  }
  .p-sm-micro {
    padding: calc(var(--global-spacer) * 0.25) !important;
  }
  .pt-sm-micro,
  .py-sm-micro {
    padding-top: calc(var(--global-spacer) * 0.25) !important;
  }
  .pr-sm-micro,
  .px-sm-micro {
    padding-right: calc(var(--global-spacer) * 0.25) !important;
  }
  .pb-sm-micro,
  .py-sm-micro {
    padding-bottom: calc(var(--global-spacer) * 0.25) !important;
  }
  .pl-sm-micro,
  .px-sm-micro {
    padding-left: calc(var(--global-spacer) * 0.25) !important;
  }
  .p-sm-tiny {
    padding: calc(var(--global-spacer) * 0.5) !important;
  }
  .pt-sm-tiny,
  .py-sm-tiny {
    padding-top: calc(var(--global-spacer) * 0.5) !important;
  }
  .pr-sm-tiny,
  .px-sm-tiny {
    padding-right: calc(var(--global-spacer) * 0.5) !important;
  }
  .pb-sm-tiny,
  .py-sm-tiny {
    padding-bottom: calc(var(--global-spacer) * 0.5) !important;
  }
  .pl-sm-tiny,
  .px-sm-tiny {
    padding-left: calc(var(--global-spacer) * 0.5) !important;
  }
  .p-sm-small {
    padding: var(--global-spacer) !important;
  }
  .pt-sm-small,
  .py-sm-small {
    padding-top: var(--global-spacer) !important;
  }
  .pr-sm-small,
  .px-sm-small {
    padding-right: var(--global-spacer) !important;
  }
  .pb-sm-small,
  .py-sm-small {
    padding-bottom: var(--global-spacer) !important;
  }
  .pl-sm-small,
  .px-sm-small {
    padding-left: var(--global-spacer) !important;
  }
  .p-sm-mid {
    padding: calc(var(--global-spacer) * 2) !important;
  }
  .pt-sm-mid,
  .py-sm-mid {
    padding-top: calc(var(--global-spacer) * 2) !important;
  }
  .pr-sm-mid,
  .px-sm-mid {
    padding-right: calc(var(--global-spacer) * 2) !important;
  }
  .pb-sm-mid,
  .py-sm-mid {
    padding-bottom: calc(var(--global-spacer) * 2) !important;
  }
  .pl-sm-mid,
  .px-sm-mid {
    padding-left: calc(var(--global-spacer) * 2) !important;
  }
  .p-sm-large {
    padding: calc(var(--global-spacer) * 4) !important;
  }
  .pt-sm-large,
  .py-sm-large {
    padding-top: calc(var(--global-spacer) * 4) !important;
  }
  .pr-sm-large,
  .px-sm-large {
    padding-right: calc(var(--global-spacer) * 4) !important;
  }
  .pb-sm-large,
  .py-sm-large {
    padding-bottom: calc(var(--global-spacer) * 4) !important;
  }
  .pl-sm-large,
  .px-sm-large {
    padding-left: calc(var(--global-spacer) * 4) !important;
  }
  .p-sm-xlarge {
    padding: calc(var(--global-spacer) * 8) !important;
  }
  .pt-sm-xlarge,
  .py-sm-xlarge {
    padding-top: calc(var(--global-spacer) * 8) !important;
  }
  .pr-sm-xlarge,
  .px-sm-xlarge {
    padding-right: calc(var(--global-spacer) * 8) !important;
  }
  .pb-sm-xlarge,
  .py-sm-xlarge {
    padding-bottom: calc(var(--global-spacer) * 8) !important;
  }
  .pl-sm-xlarge,
  .px-sm-xlarge {
    padding-left: calc(var(--global-spacer) * 8) !important;
  }
  .m-sm-nnone {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-sm-nnone,
  .my-sm-nnone {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-sm-nnone,
  .mx-sm-nnone {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-sm-nnone,
  .my-sm-nnone {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-sm-nnone,
  .mx-sm-nnone {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-sm-nmicro {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-sm-nmicro,
  .my-sm-nmicro {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-sm-nmicro,
  .mx-sm-nmicro {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-sm-nmicro,
  .my-sm-nmicro {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-sm-nmicro,
  .mx-sm-nmicro {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-sm-ntiny {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-sm-ntiny,
  .my-sm-ntiny {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-sm-ntiny,
  .mx-sm-ntiny {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-sm-ntiny,
  .my-sm-ntiny {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-sm-ntiny,
  .mx-sm-ntiny {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-sm-nsmall {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-sm-nsmall,
  .my-sm-nsmall {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-sm-nsmall,
  .mx-sm-nsmall {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-sm-nsmall,
  .my-sm-nsmall {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-sm-nsmall,
  .mx-sm-nsmall {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-sm-nmid {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-sm-nmid,
  .my-sm-nmid {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-sm-nmid,
  .mx-sm-nmid {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-sm-nmid,
  .my-sm-nmid {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-sm-nmid,
  .mx-sm-nmid {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-sm-nlarge {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-sm-nlarge,
  .my-sm-nlarge {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-sm-nlarge,
  .mx-sm-nlarge {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-sm-nlarge,
  .my-sm-nlarge {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-sm-nlarge,
  .mx-sm-nlarge {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-sm-nxlarge {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-sm-nxlarge,
  .my-sm-nxlarge {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-sm-nxlarge,
  .mx-sm-nxlarge {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-sm-nxlarge,
  .my-sm-nxlarge {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-sm-nxlarge,
  .mx-sm-nxlarge {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-none {
    margin: calc(var(--global-spacer) * 0) !important;
  }
  .mt-md-none,
  .my-md-none {
    margin-top: calc(var(--global-spacer) * 0) !important;
  }
  .mr-md-none,
  .mx-md-none {
    margin-right: calc(var(--global-spacer) * 0) !important;
  }
  .mb-md-none,
  .my-md-none {
    margin-bottom: calc(var(--global-spacer) * 0) !important;
  }
  .ml-md-none,
  .mx-md-none {
    margin-left: calc(var(--global-spacer) * 0) !important;
  }
  .m-md-micro {
    margin: calc(var(--global-spacer) * 0.25) !important;
  }
  .mt-md-micro,
  .my-md-micro {
    margin-top: calc(var(--global-spacer) * 0.25) !important;
  }
  .mr-md-micro,
  .mx-md-micro {
    margin-right: calc(var(--global-spacer) * 0.25) !important;
  }
  .mb-md-micro,
  .my-md-micro {
    margin-bottom: calc(var(--global-spacer) * 0.25) !important;
  }
  .ml-md-micro,
  .mx-md-micro {
    margin-left: calc(var(--global-spacer) * 0.25) !important;
  }
  .m-md-tiny {
    margin: calc(var(--global-spacer) * 0.5) !important;
  }
  .mt-md-tiny,
  .my-md-tiny {
    margin-top: calc(var(--global-spacer) * 0.5) !important;
  }
  .mr-md-tiny,
  .mx-md-tiny {
    margin-right: calc(var(--global-spacer) * 0.5) !important;
  }
  .mb-md-tiny,
  .my-md-tiny {
    margin-bottom: calc(var(--global-spacer) * 0.5) !important;
  }
  .ml-md-tiny,
  .mx-md-tiny {
    margin-left: calc(var(--global-spacer) * 0.5) !important;
  }
  .m-md-small {
    margin: var(--global-spacer) !important;
  }
  .mt-md-small,
  .my-md-small {
    margin-top: var(--global-spacer) !important;
  }
  .mr-md-small,
  .mx-md-small {
    margin-right: var(--global-spacer) !important;
  }
  .mb-md-small,
  .my-md-small {
    margin-bottom: var(--global-spacer) !important;
  }
  .ml-md-small,
  .mx-md-small {
    margin-left: var(--global-spacer) !important;
  }
  .m-md-mid {
    margin: calc(var(--global-spacer) * 2) !important;
  }
  .mt-md-mid,
  .my-md-mid {
    margin-top: calc(var(--global-spacer) * 2) !important;
  }
  .mr-md-mid,
  .mx-md-mid {
    margin-right: calc(var(--global-spacer) * 2) !important;
  }
  .mb-md-mid,
  .my-md-mid {
    margin-bottom: calc(var(--global-spacer) * 2) !important;
  }
  .ml-md-mid,
  .mx-md-mid {
    margin-left: calc(var(--global-spacer) * 2) !important;
  }
  .m-md-large {
    margin: calc(var(--global-spacer) * 4) !important;
  }
  .mt-md-large,
  .my-md-large {
    margin-top: calc(var(--global-spacer) * 4) !important;
  }
  .mr-md-large,
  .mx-md-large {
    margin-right: calc(var(--global-spacer) * 4) !important;
  }
  .mb-md-large,
  .my-md-large {
    margin-bottom: calc(var(--global-spacer) * 4) !important;
  }
  .ml-md-large,
  .mx-md-large {
    margin-left: calc(var(--global-spacer) * 4) !important;
  }
  .m-md-xlarge {
    margin: calc(var(--global-spacer) * 8) !important;
  }
  .mt-md-xlarge,
  .my-md-xlarge {
    margin-top: calc(var(--global-spacer) * 8) !important;
  }
  .mr-md-xlarge,
  .mx-md-xlarge {
    margin-right: calc(var(--global-spacer) * 8) !important;
  }
  .mb-md-xlarge,
  .my-md-xlarge {
    margin-bottom: calc(var(--global-spacer) * 8) !important;
  }
  .ml-md-xlarge,
  .mx-md-xlarge {
    margin-left: calc(var(--global-spacer) * 8) !important;
  }
  .p-md-none {
    padding: calc(var(--global-spacer) * 0) !important;
  }
  .pt-md-none,
  .py-md-none {
    padding-top: calc(var(--global-spacer) * 0) !important;
  }
  .pr-md-none,
  .px-md-none {
    padding-right: calc(var(--global-spacer) * 0) !important;
  }
  .pb-md-none,
  .py-md-none {
    padding-bottom: calc(var(--global-spacer) * 0) !important;
  }
  .pl-md-none,
  .px-md-none {
    padding-left: calc(var(--global-spacer) * 0) !important;
  }
  .p-md-micro {
    padding: calc(var(--global-spacer) * 0.25) !important;
  }
  .pt-md-micro,
  .py-md-micro {
    padding-top: calc(var(--global-spacer) * 0.25) !important;
  }
  .pr-md-micro,
  .px-md-micro {
    padding-right: calc(var(--global-spacer) * 0.25) !important;
  }
  .pb-md-micro,
  .py-md-micro {
    padding-bottom: calc(var(--global-spacer) * 0.25) !important;
  }
  .pl-md-micro,
  .px-md-micro {
    padding-left: calc(var(--global-spacer) * 0.25) !important;
  }
  .p-md-tiny {
    padding: calc(var(--global-spacer) * 0.5) !important;
  }
  .pt-md-tiny,
  .py-md-tiny {
    padding-top: calc(var(--global-spacer) * 0.5) !important;
  }
  .pr-md-tiny,
  .px-md-tiny {
    padding-right: calc(var(--global-spacer) * 0.5) !important;
  }
  .pb-md-tiny,
  .py-md-tiny {
    padding-bottom: calc(var(--global-spacer) * 0.5) !important;
  }
  .pl-md-tiny,
  .px-md-tiny {
    padding-left: calc(var(--global-spacer) * 0.5) !important;
  }
  .p-md-small {
    padding: var(--global-spacer) !important;
  }
  .pt-md-small,
  .py-md-small {
    padding-top: var(--global-spacer) !important;
  }
  .pr-md-small,
  .px-md-small {
    padding-right: var(--global-spacer) !important;
  }
  .pb-md-small,
  .py-md-small {
    padding-bottom: var(--global-spacer) !important;
  }
  .pl-md-small,
  .px-md-small {
    padding-left: var(--global-spacer) !important;
  }
  .p-md-mid {
    padding: calc(var(--global-spacer) * 2) !important;
  }
  .pt-md-mid,
  .py-md-mid {
    padding-top: calc(var(--global-spacer) * 2) !important;
  }
  .pr-md-mid,
  .px-md-mid {
    padding-right: calc(var(--global-spacer) * 2) !important;
  }
  .pb-md-mid,
  .py-md-mid {
    padding-bottom: calc(var(--global-spacer) * 2) !important;
  }
  .pl-md-mid,
  .px-md-mid {
    padding-left: calc(var(--global-spacer) * 2) !important;
  }
  .p-md-large {
    padding: calc(var(--global-spacer) * 4) !important;
  }
  .pt-md-large,
  .py-md-large {
    padding-top: calc(var(--global-spacer) * 4) !important;
  }
  .pr-md-large,
  .px-md-large {
    padding-right: calc(var(--global-spacer) * 4) !important;
  }
  .pb-md-large,
  .py-md-large {
    padding-bottom: calc(var(--global-spacer) * 4) !important;
  }
  .pl-md-large,
  .px-md-large {
    padding-left: calc(var(--global-spacer) * 4) !important;
  }
  .p-md-xlarge {
    padding: calc(var(--global-spacer) * 8) !important;
  }
  .pt-md-xlarge,
  .py-md-xlarge {
    padding-top: calc(var(--global-spacer) * 8) !important;
  }
  .pr-md-xlarge,
  .px-md-xlarge {
    padding-right: calc(var(--global-spacer) * 8) !important;
  }
  .pb-md-xlarge,
  .py-md-xlarge {
    padding-bottom: calc(var(--global-spacer) * 8) !important;
  }
  .pl-md-xlarge,
  .px-md-xlarge {
    padding-left: calc(var(--global-spacer) * 8) !important;
  }
  .m-md-nnone {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-md-nnone,
  .my-md-nnone {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-md-nnone,
  .mx-md-nnone {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-md-nnone,
  .my-md-nnone {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-md-nnone,
  .mx-md-nnone {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-md-nmicro {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-md-nmicro,
  .my-md-nmicro {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-md-nmicro,
  .mx-md-nmicro {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-md-nmicro,
  .my-md-nmicro {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-md-nmicro,
  .mx-md-nmicro {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-md-ntiny {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-md-ntiny,
  .my-md-ntiny {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-md-ntiny,
  .mx-md-ntiny {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-md-ntiny,
  .my-md-ntiny {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-md-ntiny,
  .mx-md-ntiny {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-md-nsmall {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-md-nsmall,
  .my-md-nsmall {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-md-nsmall,
  .mx-md-nsmall {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-md-nsmall,
  .my-md-nsmall {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-md-nsmall,
  .mx-md-nsmall {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-md-nmid {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-md-nmid,
  .my-md-nmid {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-md-nmid,
  .mx-md-nmid {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-md-nmid,
  .my-md-nmid {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-md-nmid,
  .mx-md-nmid {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-md-nlarge {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-md-nlarge,
  .my-md-nlarge {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-md-nlarge,
  .mx-md-nlarge {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-md-nlarge,
  .my-md-nlarge {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-md-nlarge,
  .mx-md-nlarge {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-md-nxlarge {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-md-nxlarge,
  .my-md-nxlarge {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-md-nxlarge,
  .mx-md-nxlarge {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-md-nxlarge,
  .my-md-nxlarge {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-md-nxlarge,
  .mx-md-nxlarge {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-none {
    margin: calc(var(--global-spacer) * 0) !important;
  }
  .mt-lg-none,
  .my-lg-none {
    margin-top: calc(var(--global-spacer) * 0) !important;
  }
  .mr-lg-none,
  .mx-lg-none {
    margin-right: calc(var(--global-spacer) * 0) !important;
  }
  .mb-lg-none,
  .my-lg-none {
    margin-bottom: calc(var(--global-spacer) * 0) !important;
  }
  .ml-lg-none,
  .mx-lg-none {
    margin-left: calc(var(--global-spacer) * 0) !important;
  }
  .m-lg-micro {
    margin: calc(var(--global-spacer) * 0.25) !important;
  }
  .mt-lg-micro,
  .my-lg-micro {
    margin-top: calc(var(--global-spacer) * 0.25) !important;
  }
  .mr-lg-micro,
  .mx-lg-micro {
    margin-right: calc(var(--global-spacer) * 0.25) !important;
  }
  .mb-lg-micro,
  .my-lg-micro {
    margin-bottom: calc(var(--global-spacer) * 0.25) !important;
  }
  .ml-lg-micro,
  .mx-lg-micro {
    margin-left: calc(var(--global-spacer) * 0.25) !important;
  }
  .m-lg-tiny {
    margin: calc(var(--global-spacer) * 0.5) !important;
  }
  .mt-lg-tiny,
  .my-lg-tiny {
    margin-top: calc(var(--global-spacer) * 0.5) !important;
  }
  .mr-lg-tiny,
  .mx-lg-tiny {
    margin-right: calc(var(--global-spacer) * 0.5) !important;
  }
  .mb-lg-tiny,
  .my-lg-tiny {
    margin-bottom: calc(var(--global-spacer) * 0.5) !important;
  }
  .ml-lg-tiny,
  .mx-lg-tiny {
    margin-left: calc(var(--global-spacer) * 0.5) !important;
  }
  .m-lg-small {
    margin: var(--global-spacer) !important;
  }
  .mt-lg-small,
  .my-lg-small {
    margin-top: var(--global-spacer) !important;
  }
  .mr-lg-small,
  .mx-lg-small {
    margin-right: var(--global-spacer) !important;
  }
  .mb-lg-small,
  .my-lg-small {
    margin-bottom: var(--global-spacer) !important;
  }
  .ml-lg-small,
  .mx-lg-small {
    margin-left: var(--global-spacer) !important;
  }
  .m-lg-mid {
    margin: calc(var(--global-spacer) * 2) !important;
  }
  .mt-lg-mid,
  .my-lg-mid {
    margin-top: calc(var(--global-spacer) * 2) !important;
  }
  .mr-lg-mid,
  .mx-lg-mid {
    margin-right: calc(var(--global-spacer) * 2) !important;
  }
  .mb-lg-mid,
  .my-lg-mid {
    margin-bottom: calc(var(--global-spacer) * 2) !important;
  }
  .ml-lg-mid,
  .mx-lg-mid {
    margin-left: calc(var(--global-spacer) * 2) !important;
  }
  .m-lg-large {
    margin: calc(var(--global-spacer) * 4) !important;
  }
  .mt-lg-large,
  .my-lg-large {
    margin-top: calc(var(--global-spacer) * 4) !important;
  }
  .mr-lg-large,
  .mx-lg-large {
    margin-right: calc(var(--global-spacer) * 4) !important;
  }
  .mb-lg-large,
  .my-lg-large {
    margin-bottom: calc(var(--global-spacer) * 4) !important;
  }
  .ml-lg-large,
  .mx-lg-large {
    margin-left: calc(var(--global-spacer) * 4) !important;
  }
  .m-lg-xlarge {
    margin: calc(var(--global-spacer) * 8) !important;
  }
  .mt-lg-xlarge,
  .my-lg-xlarge {
    margin-top: calc(var(--global-spacer) * 8) !important;
  }
  .mr-lg-xlarge,
  .mx-lg-xlarge {
    margin-right: calc(var(--global-spacer) * 8) !important;
  }
  .mb-lg-xlarge,
  .my-lg-xlarge {
    margin-bottom: calc(var(--global-spacer) * 8) !important;
  }
  .ml-lg-xlarge,
  .mx-lg-xlarge {
    margin-left: calc(var(--global-spacer) * 8) !important;
  }
  .p-lg-none {
    padding: calc(var(--global-spacer) * 0) !important;
  }
  .pt-lg-none,
  .py-lg-none {
    padding-top: calc(var(--global-spacer) * 0) !important;
  }
  .pr-lg-none,
  .px-lg-none {
    padding-right: calc(var(--global-spacer) * 0) !important;
  }
  .pb-lg-none,
  .py-lg-none {
    padding-bottom: calc(var(--global-spacer) * 0) !important;
  }
  .pl-lg-none,
  .px-lg-none {
    padding-left: calc(var(--global-spacer) * 0) !important;
  }
  .p-lg-micro {
    padding: calc(var(--global-spacer) * 0.25) !important;
  }
  .pt-lg-micro,
  .py-lg-micro {
    padding-top: calc(var(--global-spacer) * 0.25) !important;
  }
  .pr-lg-micro,
  .px-lg-micro {
    padding-right: calc(var(--global-spacer) * 0.25) !important;
  }
  .pb-lg-micro,
  .py-lg-micro {
    padding-bottom: calc(var(--global-spacer) * 0.25) !important;
  }
  .pl-lg-micro,
  .px-lg-micro {
    padding-left: calc(var(--global-spacer) * 0.25) !important;
  }
  .p-lg-tiny {
    padding: calc(var(--global-spacer) * 0.5) !important;
  }
  .pt-lg-tiny,
  .py-lg-tiny {
    padding-top: calc(var(--global-spacer) * 0.5) !important;
  }
  .pr-lg-tiny,
  .px-lg-tiny {
    padding-right: calc(var(--global-spacer) * 0.5) !important;
  }
  .pb-lg-tiny,
  .py-lg-tiny {
    padding-bottom: calc(var(--global-spacer) * 0.5) !important;
  }
  .pl-lg-tiny,
  .px-lg-tiny {
    padding-left: calc(var(--global-spacer) * 0.5) !important;
  }
  .p-lg-small {
    padding: var(--global-spacer) !important;
  }
  .pt-lg-small,
  .py-lg-small {
    padding-top: var(--global-spacer) !important;
  }
  .pr-lg-small,
  .px-lg-small {
    padding-right: var(--global-spacer) !important;
  }
  .pb-lg-small,
  .py-lg-small {
    padding-bottom: var(--global-spacer) !important;
  }
  .pl-lg-small,
  .px-lg-small {
    padding-left: var(--global-spacer) !important;
  }
  .p-lg-mid {
    padding: calc(var(--global-spacer) * 2) !important;
  }
  .pt-lg-mid,
  .py-lg-mid {
    padding-top: calc(var(--global-spacer) * 2) !important;
  }
  .pr-lg-mid,
  .px-lg-mid {
    padding-right: calc(var(--global-spacer) * 2) !important;
  }
  .pb-lg-mid,
  .py-lg-mid {
    padding-bottom: calc(var(--global-spacer) * 2) !important;
  }
  .pl-lg-mid,
  .px-lg-mid {
    padding-left: calc(var(--global-spacer) * 2) !important;
  }
  .p-lg-large {
    padding: calc(var(--global-spacer) * 4) !important;
  }
  .pt-lg-large,
  .py-lg-large {
    padding-top: calc(var(--global-spacer) * 4) !important;
  }
  .pr-lg-large,
  .px-lg-large {
    padding-right: calc(var(--global-spacer) * 4) !important;
  }
  .pb-lg-large,
  .py-lg-large {
    padding-bottom: calc(var(--global-spacer) * 4) !important;
  }
  .pl-lg-large,
  .px-lg-large {
    padding-left: calc(var(--global-spacer) * 4) !important;
  }
  .p-lg-xlarge {
    padding: calc(var(--global-spacer) * 8) !important;
  }
  .pt-lg-xlarge,
  .py-lg-xlarge {
    padding-top: calc(var(--global-spacer) * 8) !important;
  }
  .pr-lg-xlarge,
  .px-lg-xlarge {
    padding-right: calc(var(--global-spacer) * 8) !important;
  }
  .pb-lg-xlarge,
  .py-lg-xlarge {
    padding-bottom: calc(var(--global-spacer) * 8) !important;
  }
  .pl-lg-xlarge,
  .px-lg-xlarge {
    padding-left: calc(var(--global-spacer) * 8) !important;
  }
  .m-lg-nnone {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-lg-nnone,
  .my-lg-nnone {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-lg-nnone,
  .mx-lg-nnone {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-lg-nnone,
  .my-lg-nnone {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-lg-nnone,
  .mx-lg-nnone {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-lg-nmicro {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-lg-nmicro,
  .my-lg-nmicro {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-lg-nmicro,
  .mx-lg-nmicro {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-lg-nmicro,
  .my-lg-nmicro {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-lg-nmicro,
  .mx-lg-nmicro {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-lg-ntiny {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-lg-ntiny,
  .my-lg-ntiny {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-lg-ntiny,
  .mx-lg-ntiny {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-lg-ntiny,
  .my-lg-ntiny {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-lg-ntiny,
  .mx-lg-ntiny {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-lg-nsmall {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-lg-nsmall,
  .my-lg-nsmall {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-lg-nsmall,
  .mx-lg-nsmall {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-lg-nsmall,
  .my-lg-nsmall {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-lg-nsmall,
  .mx-lg-nsmall {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-lg-nmid {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-lg-nmid,
  .my-lg-nmid {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-lg-nmid,
  .mx-lg-nmid {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-lg-nmid,
  .my-lg-nmid {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-lg-nmid,
  .mx-lg-nmid {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-lg-nlarge {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-lg-nlarge,
  .my-lg-nlarge {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-lg-nlarge,
  .mx-lg-nlarge {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-lg-nlarge,
  .my-lg-nlarge {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-lg-nlarge,
  .mx-lg-nlarge {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-lg-nxlarge {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-lg-nxlarge,
  .my-lg-nxlarge {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-lg-nxlarge,
  .mx-lg-nxlarge {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-lg-nxlarge,
  .my-lg-nxlarge {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-lg-nxlarge,
  .mx-lg-nxlarge {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-none {
    margin: calc(var(--global-spacer) * 0) !important;
  }
  .mt-xl-none,
  .my-xl-none {
    margin-top: calc(var(--global-spacer) * 0) !important;
  }
  .mr-xl-none,
  .mx-xl-none {
    margin-right: calc(var(--global-spacer) * 0) !important;
  }
  .mb-xl-none,
  .my-xl-none {
    margin-bottom: calc(var(--global-spacer) * 0) !important;
  }
  .ml-xl-none,
  .mx-xl-none {
    margin-left: calc(var(--global-spacer) * 0) !important;
  }
  .m-xl-micro {
    margin: calc(var(--global-spacer) * 0.25) !important;
  }
  .mt-xl-micro,
  .my-xl-micro {
    margin-top: calc(var(--global-spacer) * 0.25) !important;
  }
  .mr-xl-micro,
  .mx-xl-micro {
    margin-right: calc(var(--global-spacer) * 0.25) !important;
  }
  .mb-xl-micro,
  .my-xl-micro {
    margin-bottom: calc(var(--global-spacer) * 0.25) !important;
  }
  .ml-xl-micro,
  .mx-xl-micro {
    margin-left: calc(var(--global-spacer) * 0.25) !important;
  }
  .m-xl-tiny {
    margin: calc(var(--global-spacer) * 0.5) !important;
  }
  .mt-xl-tiny,
  .my-xl-tiny {
    margin-top: calc(var(--global-spacer) * 0.5) !important;
  }
  .mr-xl-tiny,
  .mx-xl-tiny {
    margin-right: calc(var(--global-spacer) * 0.5) !important;
  }
  .mb-xl-tiny,
  .my-xl-tiny {
    margin-bottom: calc(var(--global-spacer) * 0.5) !important;
  }
  .ml-xl-tiny,
  .mx-xl-tiny {
    margin-left: calc(var(--global-spacer) * 0.5) !important;
  }
  .m-xl-small {
    margin: var(--global-spacer) !important;
  }
  .mt-xl-small,
  .my-xl-small {
    margin-top: var(--global-spacer) !important;
  }
  .mr-xl-small,
  .mx-xl-small {
    margin-right: var(--global-spacer) !important;
  }
  .mb-xl-small,
  .my-xl-small {
    margin-bottom: var(--global-spacer) !important;
  }
  .ml-xl-small,
  .mx-xl-small {
    margin-left: var(--global-spacer) !important;
  }
  .m-xl-mid {
    margin: calc(var(--global-spacer) * 2) !important;
  }
  .mt-xl-mid,
  .my-xl-mid {
    margin-top: calc(var(--global-spacer) * 2) !important;
  }
  .mr-xl-mid,
  .mx-xl-mid {
    margin-right: calc(var(--global-spacer) * 2) !important;
  }
  .mb-xl-mid,
  .my-xl-mid {
    margin-bottom: calc(var(--global-spacer) * 2) !important;
  }
  .ml-xl-mid,
  .mx-xl-mid {
    margin-left: calc(var(--global-spacer) * 2) !important;
  }
  .m-xl-large {
    margin: calc(var(--global-spacer) * 4) !important;
  }
  .mt-xl-large,
  .my-xl-large {
    margin-top: calc(var(--global-spacer) * 4) !important;
  }
  .mr-xl-large,
  .mx-xl-large {
    margin-right: calc(var(--global-spacer) * 4) !important;
  }
  .mb-xl-large,
  .my-xl-large {
    margin-bottom: calc(var(--global-spacer) * 4) !important;
  }
  .ml-xl-large,
  .mx-xl-large {
    margin-left: calc(var(--global-spacer) * 4) !important;
  }
  .m-xl-xlarge {
    margin: calc(var(--global-spacer) * 8) !important;
  }
  .mt-xl-xlarge,
  .my-xl-xlarge {
    margin-top: calc(var(--global-spacer) * 8) !important;
  }
  .mr-xl-xlarge,
  .mx-xl-xlarge {
    margin-right: calc(var(--global-spacer) * 8) !important;
  }
  .mb-xl-xlarge,
  .my-xl-xlarge {
    margin-bottom: calc(var(--global-spacer) * 8) !important;
  }
  .ml-xl-xlarge,
  .mx-xl-xlarge {
    margin-left: calc(var(--global-spacer) * 8) !important;
  }
  .p-xl-none {
    padding: calc(var(--global-spacer) * 0) !important;
  }
  .pt-xl-none,
  .py-xl-none {
    padding-top: calc(var(--global-spacer) * 0) !important;
  }
  .pr-xl-none,
  .px-xl-none {
    padding-right: calc(var(--global-spacer) * 0) !important;
  }
  .pb-xl-none,
  .py-xl-none {
    padding-bottom: calc(var(--global-spacer) * 0) !important;
  }
  .pl-xl-none,
  .px-xl-none {
    padding-left: calc(var(--global-spacer) * 0) !important;
  }
  .p-xl-micro {
    padding: calc(var(--global-spacer) * 0.25) !important;
  }
  .pt-xl-micro,
  .py-xl-micro {
    padding-top: calc(var(--global-spacer) * 0.25) !important;
  }
  .pr-xl-micro,
  .px-xl-micro {
    padding-right: calc(var(--global-spacer) * 0.25) !important;
  }
  .pb-xl-micro,
  .py-xl-micro {
    padding-bottom: calc(var(--global-spacer) * 0.25) !important;
  }
  .pl-xl-micro,
  .px-xl-micro {
    padding-left: calc(var(--global-spacer) * 0.25) !important;
  }
  .p-xl-tiny {
    padding: calc(var(--global-spacer) * 0.5) !important;
  }
  .pt-xl-tiny,
  .py-xl-tiny {
    padding-top: calc(var(--global-spacer) * 0.5) !important;
  }
  .pr-xl-tiny,
  .px-xl-tiny {
    padding-right: calc(var(--global-spacer) * 0.5) !important;
  }
  .pb-xl-tiny,
  .py-xl-tiny {
    padding-bottom: calc(var(--global-spacer) * 0.5) !important;
  }
  .pl-xl-tiny,
  .px-xl-tiny {
    padding-left: calc(var(--global-spacer) * 0.5) !important;
  }
  .p-xl-small {
    padding: var(--global-spacer) !important;
  }
  .pt-xl-small,
  .py-xl-small {
    padding-top: var(--global-spacer) !important;
  }
  .pr-xl-small,
  .px-xl-small {
    padding-right: var(--global-spacer) !important;
  }
  .pb-xl-small,
  .py-xl-small {
    padding-bottom: var(--global-spacer) !important;
  }
  .pl-xl-small,
  .px-xl-small {
    padding-left: var(--global-spacer) !important;
  }
  .p-xl-mid {
    padding: calc(var(--global-spacer) * 2) !important;
  }
  .pt-xl-mid,
  .py-xl-mid {
    padding-top: calc(var(--global-spacer) * 2) !important;
  }
  .pr-xl-mid,
  .px-xl-mid {
    padding-right: calc(var(--global-spacer) * 2) !important;
  }
  .pb-xl-mid,
  .py-xl-mid {
    padding-bottom: calc(var(--global-spacer) * 2) !important;
  }
  .pl-xl-mid,
  .px-xl-mid {
    padding-left: calc(var(--global-spacer) * 2) !important;
  }
  .p-xl-large {
    padding: calc(var(--global-spacer) * 4) !important;
  }
  .pt-xl-large,
  .py-xl-large {
    padding-top: calc(var(--global-spacer) * 4) !important;
  }
  .pr-xl-large,
  .px-xl-large {
    padding-right: calc(var(--global-spacer) * 4) !important;
  }
  .pb-xl-large,
  .py-xl-large {
    padding-bottom: calc(var(--global-spacer) * 4) !important;
  }
  .pl-xl-large,
  .px-xl-large {
    padding-left: calc(var(--global-spacer) * 4) !important;
  }
  .p-xl-xlarge {
    padding: calc(var(--global-spacer) * 8) !important;
  }
  .pt-xl-xlarge,
  .py-xl-xlarge {
    padding-top: calc(var(--global-spacer) * 8) !important;
  }
  .pr-xl-xlarge,
  .px-xl-xlarge {
    padding-right: calc(var(--global-spacer) * 8) !important;
  }
  .pb-xl-xlarge,
  .py-xl-xlarge {
    padding-bottom: calc(var(--global-spacer) * 8) !important;
  }
  .pl-xl-xlarge,
  .px-xl-xlarge {
    padding-left: calc(var(--global-spacer) * 8) !important;
  }
  .m-xl-nnone {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-xl-nnone,
  .my-xl-nnone {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-xl-nnone,
  .mx-xl-nnone {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-xl-nnone,
  .my-xl-nnone {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-xl-nnone,
  .mx-xl-nnone {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-xl-nmicro {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-xl-nmicro,
  .my-xl-nmicro {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-xl-nmicro,
  .mx-xl-nmicro {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-xl-nmicro,
  .my-xl-nmicro {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-xl-nmicro,
  .mx-xl-nmicro {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-xl-ntiny {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-xl-ntiny,
  .my-xl-ntiny {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-xl-ntiny,
  .mx-xl-ntiny {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-xl-ntiny,
  .my-xl-ntiny {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-xl-ntiny,
  .mx-xl-ntiny {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-xl-nsmall {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-xl-nsmall,
  .my-xl-nsmall {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-xl-nsmall,
  .mx-xl-nsmall {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-xl-nsmall,
  .my-xl-nsmall {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-xl-nsmall,
  .mx-xl-nsmall {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-xl-nmid {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-xl-nmid,
  .my-xl-nmid {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-xl-nmid,
  .mx-xl-nmid {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-xl-nmid,
  .my-xl-nmid {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-xl-nmid,
  .mx-xl-nmid {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-xl-nlarge {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-xl-nlarge,
  .my-xl-nlarge {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-xl-nlarge,
  .mx-xl-nlarge {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-xl-nlarge,
  .my-xl-nlarge {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-xl-nlarge,
  .mx-xl-nlarge {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-xl-nxlarge {
    margin: -calc(var(--global-spacer) * 0) !important;
  }
  .mt-xl-nxlarge,
  .my-xl-nxlarge {
    margin-top: -calc(var(--global-spacer) * 0) !important;
  }
  .mr-xl-nxlarge,
  .mx-xl-nxlarge {
    margin-right: -calc(var(--global-spacer) * 0) !important;
  }
  .mb-xl-nxlarge,
  .my-xl-nxlarge {
    margin-bottom: -calc(var(--global-spacer) * 0) !important;
  }
  .ml-xl-nxlarge,
  .mx-xl-nxlarge {
    margin-left: -calc(var(--global-spacer) * 0) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.lead {
  font-size: var(--lead-font-size);
  line-height: var(--line-height-lg);
  font-weight: var(--lead-font-weight);
  color: var(--lead-text-color);
}
.text--monospace {
  font-family: var(--font-family-monospace) !important;
}
.text--justify {
  text-align: justify !important;
}
.text--wrap {
  white-space: normal !important;
}
.text--nowrap {
  white-space: nowrap !important;
}
.text--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text--left {
  text-align: left !important;
}
.text--right {
  text-align: right !important;
}
.text--center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm--left {
    text-align: left !important;
  }
  .text-sm--right {
    text-align: right !important;
  }
  .text-sm--center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md--left {
    text-align: left !important;
  }
  .text-md--right {
    text-align: right !important;
  }
  .text-md--center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg--left {
    text-align: left !important;
  }
  .text-lg--right {
    text-align: right !important;
  }
  .text-lg--center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl--left {
    text-align: left !important;
  }
  .text-xl--right {
    text-align: right !important;
  }
  .text-xl--center {
    text-align: center !important;
  }
}
.text--lowercase {
  text-transform: lowercase !important;
}
.text--uppercase {
  text-transform: uppercase !important;
}
.text--capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: var(--font-weight-light) !important;
}
.font-weight-lighter {
  font-weight: var(--font-weight-lighter) !important;
}
.font-weight-normal {
  font-weight: var(--font-weight-normal) !important;
}
.font-weight-bold {
  font-weight: var(--font-weight-bold) !important;
}
.font-weight-bolder {
  font-weight: var(--font-weight-bolder) !important;
}
.font-italic {
  font-style: italic !important;
}
.text--white {
  color: var(--white) !important;
}
.text__primary {
  color: var(--primary) !important;
}
.text__secondary {
  color: var(--secondary) !important;
}
.text__success {
  color: var(--success) !important;
}
.text__info {
  color: var(--info) !important;
}
.text__warning {
  color: var(--warning) !important;
}
.text__danger {
  color: var(--danger) !important;
}
.text__light {
  color: var(--light) !important;
}
.text__dark {
  color: var(--dark) !important;
}
.text--body {
  color: var(--body-color) !important;
}
.text--muted {
  color: var(--text-muted);
}
.text--black-50 {
  color: rgba(var(--dark), 0.5) !important;
}
.text--white-50 {
  color: rgba(var(--white), 0.5) !important;
}
.text--hide {
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text--decoration-none {
  text-decoration: none !important;
}
.text--break {
  word-wrap: break-word !important;
}
.text--reset {
  color: inherit !important;
}
hr {
  margin-top: var(--hr-margin-y);
  margin-bottom: var(--hr-margin-y);
  border: 0;
  border-top: var(--border-width) solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.blockquote {
  margin-bottom: var(--global-spacer);
  font-size: var(--blockquote-font-size);
}
.blockquote-footer {
  display: block;
  color: var(--blockquote-small-color);
}
.blockquote-footer:before {
  content: '\2014\00A0';
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.bg__primary {
  background-color: var(--primary) !important;
}
a.bg__primary,
button.bg__primary {
  background-color: #ffffff !important;
}
.bg__secondary {
  background-color: var(--secondary) !important;
}
a.bg__secondary,
button.bg__secondary {
  background-color: #ffffff !important;
}
.bg__success {
  background-color: var(--success) !important;
}
a.bg__success,
button.bg__success {
  background-color: #ffffff !important;
}
.bg__info {
  background-color: var(--info) !important;
}
a.bg__info,
button.bg__info {
  background-color: #ffffff !important;
}
.bg__warning {
  background-color: var(--warning) !important;
}
a.bg__warning,
button.bg__warning {
  background-color: #ffffff !important;
}
.bg__danger {
  background-color: var(--danger) !important;
}
a.bg__danger,
button.bg__danger {
  background-color: #ffffff !important;
}
.bg__light {
  background-color: var(--light) !important;
}
a.bg__light,
button.bg__light {
  background-color: #ffffff !important;
}
.bg__dark {
  background-color: var(--dark) !important;
}
a.bg__dark,
button.bg__dark {
  background-color: #ffffff !important;
}
.bg-white {
  background-color: var(--white) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg__secondary {
  color: var(--btn-color);
}
.jumbotron {
  padding: 1rem 0.5rem;
  margin-bottom: 1rem;
  border: 4px solid var(--primary-lighter);
  border-radius: var(--border-radius) -lg;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 1rem 1rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
code {
  font-size: var(--code-font-size);
  color: var(--primary);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: var(--kbd-padding-y) var(--kbd-padding-x);
  font-size: var(--kbd-font-size);
  color: var(--kbd-color);
  background-color: var(--kbd-bg);
  border-radius: var(--border-radius) -sm;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: var(--font-weight-bold);
}
pre {
  display: block;
  font-size: var(--code-font-size);
  color: var(--pre-color);
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: var(--pre-scrollable-max-height);
  overflow-y: scroll;
}
@font-face {
  font-family: 'design-system-icons';
  src: url('../../fonts/design-system-icons.eot?bhkbpo');
  src: url('../../fonts/design-system-icons.eot?bhkbpo#iefix')
      format('embedded-opentype'),
    url('../../fonts/design-system-icons.ttf?bhkbpo') format('truetype'),
    url('../../fonts/design-system-icons.woff?bhkbpo') format('woff'),
    url('../../fonts/design-system-icons.svg?bhkbpo#design-system-icons')
      format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^='icon-'],
[class*=' icon-'] {
  font-family: 'design-system-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-checkbox:before {
  content: '\e9fa';
}
.icon-checkboxoutline:before {
  content: '\e9fb';
}
.icon-indeterminatecheck:before {
  content: '\e9fc';
}
.icon-radiobutton:before {
  content: '\e9fd';
}
.icon-radiobuttonun:before {
  content: '\e9fe';
}
.icon-star:before {
  content: '\e9ff';
}
.icon-starborder:before {
  content: '\ea00';
}
.icon-starborderfill:before {
  content: '\ea01';
}
.icon-starhalf:before {
  content: '\ea02';
}
.icon-staroutline:before {
  content: '\ea03';
}
.icon-starpurpal:before {
  content: '\ea04';
}
.icon-toggleoff:before {
  content: '\ea05';
}
.icon-toggleon:before {
  content: '\ea06';
}
.icon-worldicon:before {
  content: '\ea07';
}
.icon-cake:before {
  content: '\ea08';
}
.icon-domain:before {
  content: '\ea09';
}
.icon-group:before {
  content: '\ea0a';
}
.icon-groupadd:before {
  content: '\ea0b';
}
.icon-locationcity:before {
  content: '\ea0c';
}
.icon-mood:before {
  content: '\ea0d';
}
.icon-moodbad:before {
  content: '\ea0e';
}
.icon-notifications:before {
  content: '\ea0f';
}
.icon-notificationsactive:before {
  content: '\ea10';
}
.icon-notificationsnone:before {
  content: '\ea11';
}
.icon-notificationsoff:before {
  content: '\ea12';
}
.icon-notificationspaused:before {
  content: '\ea13';
}
.icon-pages:before {
  content: '\ea14';
}
.icon-partymode:before {
  content: '\ea15';
}
.icon-people:before {
  content: '\ea16';
}
.icon-peopleoutline:before {
  content: '\ea17';
}
.icon-person:before {
  content: '\ea18';
}
.icon-personadd:before {
  content: '\ea19';
}
.icon-personoutline:before {
  content: '\ea1a';
}
.icon-plusone:before {
  content: '\ea1b';
}
.icon-poll:before {
  content: '\ea1c';
}
.icon-school:before {
  content: '\ea1d';
}
.icon-sentimentdissatisfied:before {
  content: '\ea1e';
}
.icon-sentimentneutral:before {
  content: '\ea1f';
}
.icon-sentimentsatisfied:before {
  content: '\ea20';
}
.icon-sentimentverydissatisfied:before {
  content: '\ea21';
}
.icon-sentimentvery:before {
  content: '\ea22';
}
.icon-share:before {
  content: '\ea23';
}
.icon-thumbdown:before {
  content: '\ea24';
}
.icon-thumbup:before {
  content: '\ea25';
}
.icon-whatshot:before {
  content: '\ea26';
}
.icon-acunit:before {
  content: '\ea27';
}
.icon-airportshuttle:before {
  content: '\ea28';
}
.icon-allinclusive:before {
  content: '\ea29';
}
.icon-beachaccess:before {
  content: '\ea2a';
}
.icon-businesscenter:before {
  content: '\ea2b';
}
.icon-casino:before {
  content: '\ea2c';
}
.icon-childcare:before {
  content: '\ea2d';
}
.icon-childfriendly:before {
  content: '\ea2e';
}
.icon-fitnesscenter:before {
  content: '\ea2f';
}
.icon-freebreakfast:before {
  content: '\ea30';
}
.icon-golfcourse:before {
  content: '\ea31';
}
.icon-hottub:before {
  content: '\ea32';
}
.icon-kitchen:before {
  content: '\ea33';
}
.icon-meetingroom:before {
  content: '\ea34';
}
.icon-nomeetingroom:before {
  content: '\ea35';
}
.icon-pool:before {
  content: '\ea36';
}
.icon-roomservice:before {
  content: '\ea37';
}
.icon-rvhookup:before {
  content: '\ea38';
}
.icon-smokefree:before {
  content: '\ea39';
}
.icon-smokingrooms:before {
  content: '\ea3a';
}
.icon-spa:before {
  content: '\ea3b';
}
.icon-adb:before {
  content: '\ea3c';
}
.icon-airline:before {
  content: '\ea3d';
}
.icon-airlinesea:before {
  content: '\ea3e';
}
.icon-airlinedivid:before {
  content: '\ea3f';
}
.icon-airlinegroom:before {
  content: '\ea40';
}
.icon-airlinenormal:before {
  content: '\ea41';
}
.icon-airlineseat:before {
  content: '\ea42';
}
.icon-airlineseatextra:before {
  content: '\ea43';
}
.icon-airline_seat_recline_normal_24px:before {
  content: '\ea44';
}
.icon-bluetooth:before {
  content: '\ea45';
}
.icon-confirmation:before {
  content: '\ea46';
}
.icon-discfull:before {
  content: '\ea47';
}
.icon-dodisturb:before {
  content: '\ea48';
}
.icon-dodisturbright:before {
  content: '\ea49';
}
.icon-dodisturboff:before {
  content: '\ea4a';
}
.icon-dodisturbon:before {
  content: '\ea4b';
}
.icon-driveeta:before {
  content: '\ea4c';
}
.icon-enhanced:before {
  content: '\ea4d';
}
.icon-eventavailable:before {
  content: '\ea4e';
}
.icon-eventbusy:before {
  content: '\ea4f';
}
.icon-eventnote:before {
  content: '\ea50';
}
.icon-folderspecial:before {
  content: '\ea51';
}
.icon-live-tv:before {
  content: '\ea52';
}
.icon-mms:before {
  content: '\ea53';
}
.icon-more:before {
  content: '\ea54';
}
.icon-networkcheck:before {
  content: '\ea55';
}
.icon-networklocked:before {
  content: '\ea56';
}
.icon-noencryption:before {
  content: '\ea57';
}
.icon-noencryptionfill:before {
  content: '\ea58';
}
.icon-video:before {
  content: '\ea59';
}
.icon-personalvideo:before {
  content: '\ea5a';
}
.icon-phone-bluetooth:before {
  content: '\ea5b';
}
.icon-callback:before {
  content: '\ea5c';
}
.icon-phone-forward:before {
  content: '\ea5d';
}
.icon-phone-talk:before {
  content: '\ea5e';
}
.icon-phone-lock:before {
  content: '\ea5f';
}
.icon-phone-missed:before {
  content: '\ea60';
}
.icon-phone-paused:before {
  content: '\ea61';
}
.icon-power:before {
  content: '\ea62';
}
.icon-poweroff:before {
  content: '\ea63';
}
.icon-priority-high:before {
  content: '\ea64';
}
.icon-rvhook:before {
  content: '\ea65';
}
.icon-sdcard:before {
  content: '\ea66';
}
.icon-sdcardalert:before {
  content: '\ea67';
}
.icon-sms:before {
  content: '\ea68';
}
.icon-smsfailed:before {
  content: '\ea69';
}
.icon-sync:before {
  content: '\ea6a';
}
.icon-syncdisabled:before {
  content: '\ea6b';
}
.icon-syncproblem:before {
  content: '\ea6c';
}
.icon-systemupdate:before {
  content: '\ea6d';
}
.icon-tapandplay:before {
  content: '\ea6e';
}
.icon-timetoleave:before {
  content: '\ea6f';
}
.icon-tvoff:before {
  content: '\ea70';
}
.icon-vibration:before {
  content: '\ea71';
}
.icon-voicechat:before {
  content: '\ea72';
}
.icon-vpnlock:before {
  content: '\ea73';
}
.icon-wc:before {
  content: '\ea74';
}
.icon-wifi:before {
  content: '\ea75';
}
.icon-wifioff:before {
  content: '\ea76';
}
.icon-apps:before {
  content: '\ea77';
}
.icon-arrowback:before {
  content: '\ea78';
}
.icon-arrowbackios:before {
  content: '\ea79';
}
.icon-arrowdownward:before {
  content: '\ea7a';
}
.icon-arrowdropdown:before {
  content: '\ea7b';
}
.icon-arrowdown:before {
  content: '\ea7c';
}
.icon-arrowdropup:before {
  content: '\ea7d';
}
.icon-arrowforward:before {
  content: '\ea7e';
}
.icon-arrowios:before {
  content: '\ea7f';
}
.icon-arrowleft:before {
  content: '\ea80';
}
.icon-arrowright:before {
  content: '\ea81';
}
.icon-arrowupward:before {
  content: '\ea82';
}
.icon-arrow-down-fill:before {
  content: '\ea83';
}
.icon-arrow-up-fill:before {
  content: '\ea84';
}
.icon-cancel:before {
  content: '\ea85';
}
.icon-check:before {
  content: '\ea86';
}
.icon-chevronleft:before {
  content: '\ea87';
}
.icon-chevronright:before {
  content: '\ea88';
}
.icon-close:before {
  content: '\ea89';
}
.icon-arrow-up:before {
  content: '\ea8a';
}
.icon-arrow-down:before {
  content: '\ea8b';
}
.icon-firstpage:before {
  content: '\ea8c';
}
.icon-full-screen:before {
  content: '\ea8d';
}
.icon-full-screen-exit:before {
  content: '\ea8e';
}
.icon-lastpage:before {
  content: '\ea8f';
}
.icon-menu:before {
  content: '\ea90';
}
.icon-more-x:before {
  content: '\ea91';
}
.icon-more-y:before {
  content: '\ea92';
}
.icon-refresh:before {
  content: '\ea93';
}
.icon-arrow-left:before {
  content: '\ea94';
}
.icon-arrow-right:before {
  content: '\ea95';
}
.icon-unfold-less:before {
  content: '\ea96';
}
.icon-unfold-more:before {
  content: '\ea97';
}
.icon-location:before {
  content: '\ea98';
}
.icon-circle-arrow:before {
  content: '\ea99';
}
.icon-add-location:before {
  content: '\ea9a';
}
.icon-atm:before {
  content: '\ea9b';
}
.icon-here:before {
  content: '\ea9c';
}
.icon-category:before {
  content: '\ea9d';
}
.icon-compass:before {
  content: '\ea9e';
}
.icon-departure:before {
  content: '\ea9f';
}
.icon-directions:before {
  content: '\eaa0';
}
.icon-bike:before {
  content: '\eaa1';
}
.icon-boat:before {
  content: '\eaa2';
}
.icon-bus:before {
  content: '\eaa3';
}
.icon-car:before {
  content: '\eaa4';
}
.icon-direction:before {
  content: '\eaa5';
}
.icon-run:before {
  content: '\eaa6';
}
.icon-directionssubway:before {
  content: '\eaa7';
}
.icon-transit:before {
  content: '\eaa8';
}
.icon-walk:before {
  content: '\eaa9';
}
.icon-attributes:before {
  content: '\eaaa';
}
.icon-editlocation:before {
  content: '\eaab';
}
.icon-ev-station:before {
  content: '\eaac';
}
.icon-fast-food:before {
  content: '\eaad';
}
.icon-flight:before {
  content: '\eaae';
}
.icon-hotel:before {
  content: '\eaaf';
}
.icon-layers:before {
  content: '\eab0';
}
.icon-layersclear:before {
  content: '\eab1';
}
.icon-local-activity:before {
  content: '\eab2';
}
.icon-local-airport:before {
  content: '\eab3';
}
.icon-local-atm:before {
  content: '\eab4';
}
.icon-local-bar:before {
  content: '\eab5';
}
.icon-local-cafe:before {
  content: '\eab6';
}
.icon-local-car:before {
  content: '\eab7';
}
.icon-local-store:before {
  content: '\eab8';
}
.icon-local-dining:before {
  content: '\eab9';
}
.icon-local-drink:before {
  content: '\eaba';
}
.icon-local-florist:before {
  content: '\eabb';
}
.icon-local-gas:before {
  content: '\eabc';
}
.icon-local-grocery:before {
  content: '\eabd';
}
.icon-local-hospital:before {
  content: '\eabe';
}
.icon-local-hotel:before {
  content: '\eabf';
}
.icon-laundry:before {
  content: '\eac0';
}
.icon-library:before {
  content: '\eac1';
}
.icon-mall:before {
  content: '\eac2';
}
.icon-movies:before {
  content: '\eac3';
}
.icon-offer:before {
  content: '\eac4';
}
.icon-parking:before {
  content: '\eac5';
}
.icon-pharmacy:before {
  content: '\eac6';
}
.icon-local-phone:before {
  content: '\eac7';
}
.icon-pizza:before {
  content: '\eac8';
}
.icon-local-play:before {
  content: '\eac9';
}
.icon-mail:before {
  content: '\eaca';
}
.icon-local-print:before {
  content: '\eacb';
}
.icon-localsee:before {
  content: '\eacc';
}
.icon-shipping:before {
  content: '\eacd';
}
.icon-taxi:before {
  content: '\eace';
}
.icon-map:before {
  content: '\eacf';
}
.icon-money:before {
  content: '\ead0';
}
.icon-mylocation:before {
  content: '\ead1';
}
.icon-navigation:before {
  content: '\ead2';
}
.icon-nearme:before {
  content: '\ead3';
}
.icon-notlocation:before {
  content: '\ead4';
}
.icon-personpin:before {
  content: '\ead5';
}
.icon-personcircle:before {
  content: '\ead6';
}
.icon-pindrop:before {
  content: '\ead7';
}
.icon-place:before {
  content: '\ead8';
}
.icon-ratereview:before {
  content: '\ead9';
}
.icon-restaurant:before {
  content: '\eada';
}
.icon-restaurantmenu:before {
  content: '\eadb';
}
.icon-satellite:before {
  content: '\eadc';
}
.icon-storemall:before {
  content: '\eadd';
}
.icon-streetview:before {
  content: '\eade';
}
.icon-subway:before {
  content: '\eadf';
}
.icon-terrain:before {
  content: '\eae0';
}
.icon-train:before {
  content: '\eae1';
}
.icon-tram:before {
  content: '\eae2';
}
.icon-transferstation:before {
  content: '\eae3';
}
.icon-transitenterexit:before {
  content: '\eae4';
}
.icon-triporigin:before {
  content: '\eae5';
}
.icon-zoommap:before {
  content: '\eae6';
}
.icon-addphoto:before {
  content: '\eae7';
}
.icon-photoadd:before {
  content: '\eae8';
}
.icon-addtophotos:before {
  content: '\eae9';
}
.icon-adjust:before {
  content: '\eaea';
}
.icon-assistant:before {
  content: '\eaeb';
}
.icon-assistantphoto:before {
  content: '\eaec';
}
.icon-audiotrack:before {
  content: '\eaed';
}
.icon-blurcircular:before {
  content: '\eaee';
}
.icon-blurlinear:before {
  content: '\eaef';
}
.icon-bluroff:before {
  content: '\eaf0';
}
.icon-bluron:before {
  content: '\eaf1';
}
.icon-brightness1:before {
  content: '\eaf2';
}
.icon-brightness2:before {
  content: '\eaf3';
}
.icon-brightness3:before {
  content: '\eaf4';
}
.icon-brightness4:before {
  content: '\eaf5';
}
.icon-brightness5:before {
  content: '\eaf6';
}
.icon-brightness6:before {
  content: '\eaf7';
}
.icon-brightness7:before {
  content: '\eaf8';
}
.icon-brokenimage:before {
  content: '\eaf9';
}
.icon-brush:before {
  content: '\eafa';
}
.icon-burstmode:before {
  content: '\eafb';
}
.icon-camera:before {
  content: '\eafc';
}
.icon-cameraalt:before {
  content: '\eafd';
}
.icon-camerafront:before {
  content: '\eafe';
}
.icon-camerarear:before {
  content: '\eaff';
}
.icon-cameraroll:before {
  content: '\eb00';
}
.icon-centerstrong:before {
  content: '\eb01';
}
.icon-centerweak:before {
  content: '\eb02';
}
.icon-collections:before {
  content: '\eb03';
}
.icon-collectionsbook:before {
  content: '\eb04';
}
.icon-colorlens:before {
  content: '\eb05';
}
.icon-colorize:before {
  content: '\eb06';
}
.icon-compare:before {
  content: '\eb07';
}
.icon-control:before {
  content: '\eb08';
}
.icon-controlpoint:before {
  content: '\eb09';
}
.icon-crop3:before {
  content: '\eb0a';
}
.icon-crop4:before {
  content: '\eb0b';
}
.icon-crop7:before {
  content: '\eb0c';
}
.icon-crop8:before {
  content: '\eb0d';
}
.icon-crop:before {
  content: '\eb0e';
}
.icon-cropdin:before {
  content: '\eb0f';
}
.icon-cropfree:before {
  content: '\eb10';
}
.icon-croplandscape:before {
  content: '\eb11';
}
.icon-croporiginal:before {
  content: '\eb12';
}
.icon-cropportrait:before {
  content: '\eb13';
}
.icon-croprotate:before {
  content: '\eb14';
}
.icon-cropsquare:before {
  content: '\eb15';
}
.icon-dehaze:before {
  content: '\eb16';
}
.icon-details:before {
  content: '\eb17';
}
.icon-edit:before {
  content: '\eb18';
}
.icon-exposure:before {
  content: '\eb19';
}
.icon-exposureneg1:before {
  content: '\eb1a';
}
.icon-exposure2:before {
  content: '\eb1b';
}
.icon-exposureplus1:before {
  content: '\eb1c';
}
.icon-exposureplus2:before {
  content: '\eb1d';
}
.icon-exposurezero:before {
  content: '\eb1e';
}
.icon-filter1:before {
  content: '\eb1f';
}
.icon-filter2:before {
  content: '\eb20';
}
.icon-filter3:before {
  content: '\eb21';
}
.icon-filter4:before {
  content: '\eb22';
}
.icon-filter5:before {
  content: '\eb23';
}
.icon-filter6:before {
  content: '\eb24';
}
.icon-filter7:before {
  content: '\eb25';
}
.icon-filter8:before {
  content: '\eb26';
}
.icon-filter9:before {
  content: '\eb27';
}
.icon-filter9plus:before {
  content: '\eb28';
}
.icon-filter:before {
  content: '\eb29';
}
.icon-filter-band:before {
  content: '\eb2a';
}
.icon-filter-center:before {
  content: '\eb2b';
}
.icon-filter-drama:before {
  content: '\eb2c';
}
.icon-filter-frame:before {
  content: '\eb2d';
}
.icon-filter-hdr:before {
  content: '\eb2e';
}
.icon-filter-none:before {
  content: '\eb2f';
}
.icon-filter-shift:before {
  content: '\eb30';
}
.icon-filter-vintage:before {
  content: '\eb31';
}
.icon-flare:before {
  content: '\eb32';
}
.icon-flash-auto:before {
  content: '\eb33';
}
.icon-flash-off:before {
  content: '\eb34';
}
.icon-flashon:before {
  content: '\eb35';
}
.icon-flip:before {
  content: '\eb36';
}
.icon-gradient:before {
  content: '\eb37';
}
.icon-grain:before {
  content: '\eb38';
}
.icon-grid-off:before {
  content: '\eb39';
}
.icon-grid-on:before {
  content: '\eb3a';
}
.icon-hdr-off:before {
  content: '\eb3b';
}
.icon-hdr-on:before {
  content: '\eb3c';
}
.icon-hdr-strong:before {
  content: '\eb3d';
}
.icon-hdr-weak:before {
  content: '\eb3e';
}
.icon-healing:before {
  content: '\eb3f';
}
.icon-image:before {
  content: '\eb40';
}
.icon-image-ratio:before {
  content: '\eb41';
}
.icon-image-search:before {
  content: '\eb42';
}
.icon-iso:before {
  content: '\eb43';
}
.icon-landscape:before {
  content: '\eb44';
}
.icon-leak-add:before {
  content: '\eb45';
}
.icon-leak-remove:before {
  content: '\eb46';
}
.icon-lens:before {
  content: '\eb47';
}
.icon-linked-camera:before {
  content: '\eb48';
}
.icon-looks3:before {
  content: '\eb49';
}
.icon-looks4:before {
  content: '\eb4a';
}
.icon-looks5:before {
  content: '\eb4b';
}
.icon-looks6:before {
  content: '\eb4c';
}
.icon-looks:before {
  content: '\eb4d';
}
.icon-looks-one:before {
  content: '\eb4e';
}
.icon-looks-two:before {
  content: '\eb4f';
}
.icon-loupe:before {
  content: '\eb50';
}
.icon-mono-photo:before {
  content: '\eb51';
}
.icon-movie-create:before {
  content: '\eb52';
}
.icon-movie-filter:before {
  content: '\eb53';
}
.icon-music-note:before {
  content: '\eb54';
}
.icon-music-off:before {
  content: '\eb55';
}
.icon-nature:before {
  content: '\eb56';
}
.icon-nature-people:before {
  content: '\eb57';
}
.icon-navigate-left:before {
  content: '\eb58';
}
.icon-navigate-right:before {
  content: '\eb59';
}
.icon-palette:before {
  content: '\eb5a';
}
.icon-panorama:before {
  content: '\eb5b';
}
.icon-panorama-fish:before {
  content: '\eb5c';
}
.icon-panorama-horizontal:before {
  content: '\eb5d';
}
.icon-panorama-vertical:before {
  content: '\eb5e';
}
.icon-panorama-wide:before {
  content: '\eb5f';
}
.icon-photo:before {
  content: '\eb60';
}
.icon-photo-album:before {
  content: '\eb61';
}
.icon-photo-camera:before {
  content: '\eb62';
}
.icon-photo-filter:before {
  content: '\eb63';
}
.icon-photo-library:before {
  content: '\eb64';
}
.icon-photo-select:before {
  content: '\eb65';
}
.icon-photo-large:before {
  content: '\eb66';
}
.icon-photo-small:before {
  content: '\eb67';
}
.icon-picture-pdf:before {
  content: '\eb68';
}
.icon-portrait:before {
  content: '\eb69';
}
.icon-remove-eye:before {
  content: '\eb6a';
}
.icon-rotate90:before {
  content: '\eb6b';
}
.icon-rotate-left:before {
  content: '\eb6c';
}
.icon-rotate-right:before {
  content: '\eb6d';
}
.icon-shutter-speed:before {
  content: '\eb6e';
}
.icon-slide-show:before {
  content: '\eb6f';
}
.icon-straighten:before {
  content: '\eb70';
}
.icon-style:before {
  content: '\eb71';
}
.icon-switch-camera:before {
  content: '\eb72';
}
.icon-switch-video:before {
  content: '\eb73';
}
.icon-tag-face:before {
  content: '\eb74';
}
.icon-texture:before {
  content: '\eb75';
}
.icon-time-lapse:before {
  content: '\eb76';
}
.icon-timer3:before {
  content: '\eb77';
}
.icon-timer10:before {
  content: '\eb78';
}
.icon-timer:before {
  content: '\eb79';
}
.icon-timer-off:before {
  content: '\eb7a';
}
.icon-tonality:before {
  content: '\eb7b';
}
.icon-transform:before {
  content: '\eb7c';
}
.icon-tune:before {
  content: '\eb7d';
}
.icon-view-comfy:before {
  content: '\eb7e';
}
.icon-view-compact:before {
  content: '\eb7f';
}
.icon-vignette:before {
  content: '\eb80';
}
.icon-wb-auto:before {
  content: '\eb81';
}
.icon-wb-cloudy:before {
  content: '\eb82';
}
.icon-wb-incandescent:before {
  content: '\eb83';
}
.icon-wb-iridescent:before {
  content: '\eb84';
}
.icon-wb-sunny:before {
  content: '\eb85';
}
.icon-cast:before {
  content: '\eb86';
}
.icon-cast-connect:before {
  content: '\eb87';
}
.icon-cast-education:before {
  content: '\eb88';
}
.icon-computer:before {
  content: '\eb89';
}
.icon-desktop-mac:before {
  content: '\eb8a';
}
.icon-desktop-window:before {
  content: '\eb8b';
}
.icon-developer-board:before {
  content: '\eb8c';
}
.icon-device-hub:before {
  content: '\eb8d';
}
.icon-device-unknown:before {
  content: '\eb8e';
}
.icon-device-other:before {
  content: '\eb8f';
}
.icon-dock:before {
  content: '\eb90';
}
.icon-gamepad:before {
  content: '\eb91';
}
.icon-headset:before {
  content: '\eb92';
}
.icon-headset-mic:before {
  content: '\eb93';
}
.icon-keyboard:before {
  content: '\eb94';
}
.icon-keyboard-down:before {
  content: '\eb95';
}
.icon-keyboard-arrow-left:before {
  content: '\eb96';
}
.icon-keyboard-arrow-right:before {
  content: '\eb97';
}
.icon-keyboard-arrow-up:before {
  content: '\eb98';
}
.icon-keyboard-backspace:before {
  content: '\eb99';
}
.icon-keyboard-capslock:before {
  content: '\eb9a';
}
.icon-keyboard-hide:before {
  content: '\eb9b';
}
.icon-keyboard-return:before {
  content: '\eb9c';
}
.icon-keyboard-tab:before {
  content: '\eb9d';
}
.icon-keyboard-voice:before {
  content: '\eb9e';
}
.icon-laptop:before {
  content: '\eb9f';
}
.icon-laptop-book:before {
  content: '\eba0';
}
.icon-laptop-mac:before {
  content: '\eba1';
}
.icon-laptop-windows:before {
  content: '\eba2';
}
.icon-memory:before {
  content: '\eba3';
}
.icon-mouse:before {
  content: '\eba4';
}
.icon-phone-android:before {
  content: '\eba5';
}
.icon-phone-iphone:before {
  content: '\eba6';
}
.icon-phone-link:before {
  content: '\eba7';
}
.icon-phone-link-off:before {
  content: '\eba8';
}
.icon-power-input:before {
  content: '\eba9';
}
.icon-router:before {
  content: '\ebaa';
}
.icon-scanner:before {
  content: '\ebab';
}
.icon-security:before {
  content: '\ebac';
}
.icon-simcard:before {
  content: '\ebad';
}
.icon-smart-phone:before {
  content: '\ebae';
}
.icon-speaker:before {
  content: '\ebaf';
}
.icon-speaker-group:before {
  content: '\ebb0';
}
.icon-tablet:before {
  content: '\ebb1';
}
.icon-tablet-android:before {
  content: '\ebb2';
}
.icon-tablet-mac:before {
  content: '\ebb3';
}
.icon-toys:before {
  content: '\ebb4';
}
.icon-tv:before {
  content: '\ebb5';
}
.icon-videogame:before {
  content: '\ebb6';
}
.icon-watch:before {
  content: '\ebb7';
}
.icon-attachment:before {
  content: '\ebb8';
}
.icon-cloud1:before {
  content: '\ebb9';
}
.icon-cloud-circle:before {
  content: '\ebba';
}
.icon-cloud-done:before {
  content: '\ebbb';
}
.icon-cloud-download:before {
  content: '\ebbc';
}
.icon-cloud-off:before {
  content: '\ebbd';
}
.icon-cloud-queue:before {
  content: '\ebbe';
}
.icon-cloud-upload:before {
  content: '\ebbf';
}
.icon-create-folder:before {
  content: '\ebc0';
}
.icon-download:before {
  content: '\ebc1';
}
.icon-download-done:before {
  content: '\ebc2';
}
.icon-folder:before {
  content: '\ebc3';
}
.icon-folder-open:before {
  content: '\ebc4';
}
.icon-folder-shared:before {
  content: '\ebc5';
}
.icon-upload:before {
  content: '\ebc6';
}
.icon-eq:before {
  content: '\ebc7';
}
.icon-access-alarm:before {
  content: '\ebc8';
}
.icon-access-time:before {
  content: '\ebca';
}
.icon-add-alarm:before {
  content: '\ebcb';
}
.icon-add-home:before {
  content: '\ebcc';
}
.icon-airplane-active:before {
  content: '\ebcd';
}
.icon-airplane-inactive:before {
  content: '\ebce';
}
.icon-battery-alert:before {
  content: '\ebcf';
}
.icon-battery-charging:before {
  content: '\ebd0';
}
.icon-battery-full:before {
  content: '\ebd1';
}
.icon-battery-unknown:before {
  content: '\ebd3';
}
.icon-bluetooth-single:before {
  content: '\ebd4';
}
.icon-bluetooth-connected:before {
  content: '\ebd5';
}
.icon-bluetooth-disabled:before {
  content: '\ebd6';
}
.icon-bluetooth-search:before {
  content: '\ebd7';
}
.icon-bright-auto:before {
  content: '\ebd8';
}
.icon-bright-high:before {
  content: '\ebd9';
}
.icon-bright-low:before {
  content: '\ebda';
}
.icon-bright-medium:before {
  content: '\ebdb';
}
.icon-data-usage:before {
  content: '\ebdc';
}
.icon-developer-mode:before {
  content: '\ebdd';
}
.icon-devices:before {
  content: '\ebde';
}
.icon-dvr:before {
  content: '\ebdf';
}
.icon-gps-fixed:before {
  content: '\ebe0';
}
.icon-gps-not-fixed:before {
  content: '\ebe1';
}
.icon-gps-off:before {
  content: '\ebe2';
}
.icon-location-disabled:before {
  content: '\ebe3';
}
.icon-location-searching:before {
  content: '\ebe4';
}
.icon-mobile-friendly:before {
  content: '\ebe5';
}
.icon-mobile-off:before {
  content: '\ebe6';
}
.icon-network:before {
  content: '\ebe7';
}
.icon-network-wifi:before {
  content: '\ebe8';
}
.icon-nfc:before {
  content: '\ebe9';
}
.icon-screenlock-landscape:before {
  content: '\ebea';
}
.icon-screenlock-portrait:before {
  content: '\ebeb';
}
.icon-screen-rotation-lock:before {
  content: '\ebec';
}
.icon-screen-rotation:before {
  content: '\ebed';
}
.icon-sd-storage:before {
  content: '\ebee';
}
.icon-settings-system:before {
  content: '\ebef';
}
.icon-signal-cellular:before {
  content: '\ebf0';
}
.icon-signal-no-internet:before {
  content: '\ebf1';
}
.icon-signal-no-sim:before {
  content: '\ebf2';
}
.icon-signal-null:before {
  content: '\ebf3';
}
.icon-signal-off:before {
  content: '\ebf4';
}
.icon-wifi-off:before {
  content: '\ebf5';
}
.icon-wifi-no:before {
  content: '\ebf6';
}
.icon-wifi-connect:before {
  content: '\ebf7';
}
.icon-wifi-null:before {
  content: '\ebf8';
}
.icon-storage:before {
  content: '\ebf9';
}
.icon-thermo-meter:before {
  content: '\ebfa';
}
.icon-usb:before {
  content: '\ebfb';
}
.icon-wall-paper:before {
  content: '\ebfc';
}
.icon-widgets:before {
  content: '\ebfd';
}
.icon-wifi-lock:before {
  content: '\ebfe';
}
.icon-wifi-tether:before {
  content: '\ebff';
}
.icon-add:before {
  content: '\ec00';
}
.icon-add-box:before {
  content: '\ec01';
}
.icon-add-circle:before {
  content: '\ec02';
}
.icon-add-outline:before {
  content: '\ec03';
}
.icon-archive:before {
  content: '\ec04';
}
.icon-attribute:before {
  content: '\ec05';
}
.icon-backspace:before {
  content: '\ec06';
}
.icon-ballot:before {
  content: '\ec07';
}
.icon-block:before {
  content: '\ec08';
}
.icon-cross:before {
  content: '\ec09';
}
.icon-copy:before {
  content: '\ec0a';
}
.icon-create:before {
  content: '\ec0b';
}
.icon-cut:before {
  content: '\ec0c';
}
.icon-delete-bin:before {
  content: '\ec0d';
}
.icon-drafts:before {
  content: '\ec0e';
}
.icon-file-copy:before {
  content: '\ec0f';
}
.icon-filter-list:before {
  content: '\ec10';
}
.icon-flag:before {
  content: '\ec11';
}
.icon-font-download:before {
  content: '\ec12';
}
.icon-forward:before {
  content: '\ec13';
}
.icon-gesture:before {
  content: '\ec14';
}
.icon-register:before {
  content: '\ec15';
}
.icon-vote:before {
  content: '\ec16';
}
.icon-inbox:before {
  content: '\ec17';
}
.icon-link:before {
  content: '\ec18';
}
.icon-link-off:before {
  content: '\ec19';
}
.icon-priority:before {
  content: '\ec1a';
}
.icon-Email:before {
  content: '\ec1b';
}
.icon-move-inbox:before {
  content: '\ec1d';
}
.icon-mail-next:before {
  content: '\ec1e';
}
.icon-flag-outline:before {
  content: '\ec1f';
}
.icon-paste:before {
  content: '\ec20';
}
.icon-redo:before {
  content: '\ec21';
}
.icon-remove:before {
  content: '\ec22';
}
.icon-remove-circle:before {
  content: '\ec23';
}
.icon-circle-outline:before {
  content: '\ec24';
}
.icon-reply:before {
  content: '\ec25';
}
.icon-replyall:before {
  content: '\ec26';
}
.icon-report:before {
  content: '\ec27';
}
.icon-report-gmail:before {
  content: '\ec28';
}
.icon-report-off:before {
  content: '\ec29';
}
.icon-save:before {
  content: '\ec2a';
}
.icon-save-alt:before {
  content: '\ec2b';
}
.icon-selectall:before {
  content: '\ec2c';
}
.icon-send:before {
  content: '\ec2d';
}
.icon-sort:before {
  content: '\ec2e';
}
.icon-text-format:before {
  content: '\ec2f';
}
.icon-unarchive:before {
  content: '\ec30';
}
.icon-undo:before {
  content: '\ec31';
}
.icon-waves:before {
  content: '\ec32';
}
.icon-weekend:before {
  content: '\ec33';
}
.icon-wheretovote:before {
  content: '\ec34';
}
.icon-addcall:before {
  content: '\ec35';
}
.icon-at-the-rate:before {
  content: '\ec36';
}
.icon-business:before {
  content: '\ec37';
}
.icon-call:before {
  content: '\ec38';
}
.icon-call-end:before {
  content: '\ec39';
}
.icon-call-made:before {
  content: '\ec3a';
}
.icon-call-merge:before {
  content: '\ec3b';
}
.icon-call-missed:before {
  content: '\ec3c';
}
.icon-call-out:before {
  content: '\ec3d';
}
.icon-call-in:before {
  content: '\ec3e';
}
.icon-call-split:before {
  content: '\ec3f';
}
.icon-cancel-present:before {
  content: '\ec40';
}
.icon-cell-wifi:before {
  content: '\ec41';
}
.icon-chat:before {
  content: '\ec42';
}
.icon-chat-bubble:before {
  content: '\ec43';
}
.icon-chat-outline:before {
  content: '\ec44';
}
.icon-clearall:before {
  content: '\ec45';
}
.icon-comment:before {
  content: '\ec46';
}
.icon-contact-mail:before {
  content: '\ec47';
}
.icon-contact-phone:before {
  content: '\ec48';
}
.icon-contacts:before {
  content: '\ec49';
}
.icon-desktop-disable:before {
  content: '\ec4a';
}
.icon-dialer-sip:before {
  content: '\ec4b';
}
.icon-dialpad:before {
  content: '\ec4c';
}
.icon-domain-disable:before {
  content: '\ec4d';
}
.icon-duo:before {
  content: '\ec4e';
}
.icon-email:before {
  content: '\ec4f';
}
.icon-forum:before {
  content: '\ec50';
}
.icon-import-contact:before {
  content: '\ec51';
}
.icon-import-export:before {
  content: '\ec52';
}
.icon-invert-off:before {
  content: '\ec53';
}
.icon-list-alt:before {
  content: '\ec54';
}
.icon-live-help:before {
  content: '\ec55';
}
.icon-location-off:before {
  content: '\ec56';
}
.icon-location-on:before {
  content: '\ec57';
}
.icon-mail-outline:before {
  content: '\ec58';
}
.icon-message:before {
  content: '\ec59';
}
.icon-mobile-share:before {
  content: '\ec5a';
}
.icon-no-sim:before {
  content: '\ec5b';
}
.icon-pause-present:before {
  content: '\ec5c';
}
.icon-add-disable:before {
  content: '\ec5d';
}
.icon-phone:before {
  content: '\ec5e';
}
.icon-phone-erase:before {
  content: '\ec5f';
}
.icon-phonelinklock:before {
  content: '\ec60';
}
.icon-phone-ring:before {
  content: '\ec61';
}
.icon-phone-setup:before {
  content: '\ec62';
}
.icon-portable-wifi:before {
  content: '\ec63';
}
.icon-present-all:before {
  content: '\ec64';
}
.icon-print-disable:before {
  content: '\ec65';
}
.icon-ring-volume:before {
  content: '\ec66';
}
.icon-rss-feed:before {
  content: '\ec67';
}
.icon-screen-share:before {
  content: '\ec68';
}
.icon-face-happy:before {
  content: '\ec69';
}
.icon-speakerphone:before {
  content: '\ec6a';
}
.icon-stay-current-x:before {
  content: '\ec6b';
}
.icon-stay-current-y:before {
  content: '\ec6c';
}
.icon-stop-screen-share:before {
  content: '\ec6f';
}
.icon-swap-calls:before {
  content: '\ec70';
}
.icon-text-sms:before {
  content: '\ec71';
}
.icon-un-subscribe:before {
  content: '\ec72';
}
.icon-voice-mail:before {
  content: '\ec73';
}
.icon-vpn-key:before {
  content: '\ec74';
}
.icon-4k:before {
  content: '\ec75';
}
.icon-add-to-queue:before {
  content: '\ec76';
}
.icon-air-play:before {
  content: '\ec77';
}
.icon-album:before {
  content: '\ec78';
}
.icon-arttrack:before {
  content: '\ec79';
}
.icon-watermark:before {
  content: '\ec7a';
}
.icon-call-to-action:before {
  content: '\ec7b';
}
.icon-closed-caption:before {
  content: '\ec7c';
}
.icon-control-camera:before {
  content: '\ec7d';
}
.icon-equalizer:before {
  content: '\ec7e';
}
.icon-explicit:before {
  content: '\ec7f';
}
.icon-fast-forward:before {
  content: '\ec80';
}
.icon-fast-rewind:before {
  content: '\ec81';
}
.icon-playlist:before {
  content: '\ec82';
}
.icon-featuredvideo:before {
  content: '\ec83';
}
.icon-fiber-dvr:before {
  content: '\ec84';
}
.icon-fiber-record:before {
  content: '\ec85';
}
.icon-fiber-new:before {
  content: '\ec86';
}
.icon-fiber-pin:before {
  content: '\ec87';
}
.icon-fiber-smart-record:before {
  content: '\ec88';
}
.icon-forward5:before {
  content: '\ec89';
}
.icon-forward10:before {
  content: '\ec8a';
}
.icon-forward30:before {
  content: '\ec8b';
}
.icon-games:before {
  content: '\ec8c';
}
.icon-hd:before {
  content: '\ec8d';
}
.icon-hearing:before {
  content: '\ec8e';
}
.icon-high-quality:before {
  content: '\ec8f';
}
.icon-library-add:before {
  content: '\ec90';
}
.icon-library-book:before {
  content: '\ec91';
}
.icon-library-music:before {
  content: '\ec92';
}
.icon-loop:before {
  content: '\ec93';
}
.icon-mic:before {
  content: '\ec94';
}
.icon-mic-none:before {
  content: '\ec95';
}
.icon-micoff:before {
  content: '\ec96';
}
.icon-missed-call:before {
  content: '\ec97';
}
.icon-movie:before {
  content: '\ec98';
}
.icon-music-video:before {
  content: '\ec99';
}
.icon-new-release:before {
  content: '\ec9a';
}
.icon-not-allowed:before {
  content: '\ec9b';
}
.icon-note:before {
  content: '\ec9c';
}
.icon-pause:before {
  content: '\ec9d';
}
.icon-pause-filled:before {
  content: '\ec9e';
}
.icon-pause-outline:before {
  content: '\ec9f';
}
.icon-playarrow:before {
  content: '\eca0';
}
.icon-play-filled:before {
  content: '\eca1';
}
.icon-play_circle_filled_white_24px:before {
  content: '\eca2';
}
.icon-play-outline:before {
  content: '\eca3';
}
.icon-play-add:before {
  content: '\eca4';
}
.icon-playlist-check:before {
  content: '\eca5';
}
.icon-playlist-play:before {
  content: '\eca6';
}
.icon-queue:before {
  content: '\eca7';
}
.icon-play-next:before {
  content: '\eca8';
}
.icon-radio:before {
  content: '\eca9';
}
.icon-recent-actors:before {
  content: '\ecaa';
}
.icon-remove-queue:before {
  content: '\ecab';
}
.icon-repeat:before {
  content: '\ecac';
}
.icon-repeat-one:before {
  content: '\ecad';
}
.icon-replay5:before {
  content: '\ecae';
}
.icon-replay10:before {
  content: '\ecaf';
}
.icon-replay:before {
  content: '\ecb0';
}
.icon-replay30:before {
  content: '\ecb1';
}
.icon-shuffle:before {
  content: '\ecb2';
}
.icon-skip-next:before {
  content: '\ecb3';
}
.icon-skip-previous:before {
  content: '\ecb4';
}
.icon-slow-video:before {
  content: '\ecb5';
}
.icon-snooze:before {
  content: '\ecb6';
}
.icon-sort-by:before {
  content: '\ecb7';
}
.icon-stop:before {
  content: '\ecb8';
}
.icon-subscription:before {
  content: '\ecb9';
}
.icon-subtitles:before {
  content: '\ecba';
}
.icon-surround-sound:before {
  content: '\ecbb';
}
.icon-timer-clock:before {
  content: '\ecbc';
}
.icon-videocall:before {
  content: '\ecbd';
}
.icon-video-label:before {
  content: '\ecbe';
}
.icon-video-library:before {
  content: '\ecbf';
}
.icon-video-cam:before {
  content: '\ecc0';
}
.icon-video-cam-off:before {
  content: '\ecc1';
}
.icon-volume-down:before {
  content: '\ecc2';
}
.icon-volume-mute:before {
  content: '\ecc3';
}
.icon-volume-off:before {
  content: '\ecc4';
}
.icon-volume-up:before {
  content: '\ecc5';
}
.icon-web:before {
  content: '\ecc6';
}
.icon-web-asset:before {
  content: '\ecc7';
}
.icon-bell:before {
  content: '\ecc8';
}
.icon-error:before {
  content: '\ecc9';
}
.icon-warning-circle:before {
  content: '\ecca';
}
.icon-bell-info:before {
  content: '\eccb';
}
.icon-warning:before {
  content: '\eccc';
}
.icon-info-triangle:before {
  content: '\eccd';
}
.icon-3d-rotate:before {
  content: '\e957';
}
.icon-accessibility:before {
  content: '\e958';
}
.icon-accessibility-new:before {
  content: '\e959';
}
.icon-accessible:before {
  content: '\e95a';
}
.icon-accessible-forward:before {
  content: '\e95b';
}
.icon-account-balance:before {
  content: '\e95c';
}
.icon-account-wallet:before {
  content: '\e95d';
}
.icon-account-box:before {
  content: '\e95e';
}
.icon-account-circle:before {
  content: '\e95f';
}
.icon-add-cart:before {
  content: '\e960';
}
.icon-alarm:before {
  content: '\e974';
}
.icon-alarm-add:before {
  content: '\e975';
}
.icon-alarm-off:before {
  content: '\e976';
}
.icon-alarm-on:before {
  content: '\e977';
}
.icon-all-in-box:before {
  content: '\e978';
}
.icon-all-out:before {
  content: '\e979';
}
.icon-android:before {
  content: '\e97a';
}
.icon-announce-info:before {
  content: '\e97b';
}
.icon-arrow:before {
  content: '\e97c';
}
.icon-aspect-ratio:before {
  content: '\e97d';
}
.icon-assessment:before {
  content: '\e97e';
}
.icon-assignment:before {
  content: '\e97f';
}
.icon-assign-user:before {
  content: '\e980';
}
.icon-assign-info:before {
  content: '\e981';
}
.icon-assign-return:before {
  content: '\e982';
}
.icon-assignmentreturned:before {
  content: '\e983';
}
.icon-assign-check:before {
  content: '\e984';
}
.icon-auto-renew:before {
  content: '\e985';
}
.icon-backup:before {
  content: '\e986';
}
.icon-book:before {
  content: '\e987';
}
.icon-bookmark:before {
  content: '\e988';
}
.icon-bookmark-border:before {
  content: '\e989';
}
.icon-bookmarks:before {
  content: '\e98a';
}
.icon-bug-report:before {
  content: '\e98b';
}
.icon-build:before {
  content: '\e98c';
}
.icon-cached:before {
  content: '\e98d';
}
.icon-calendar-today:before {
  content: '\e98e';
}
.icon-calendar-view:before {
  content: '\e98f';
}
.icon-camera-enhance:before {
  content: '\e990';
}
.icon-card-gift:before {
  content: '\e991';
}
.icon-membership:before {
  content: '\e992';
}
.icon-card-travel:before {
  content: '\e993';
}
.icon-change-history:before {
  content: '\e994';
}
.icon-check-circle:before {
  content: '\e995';
}
.icon-check-outline:before {
  content: '\e996';
}
.icon-chrome-reader:before {
  content: '\e997';
}
.icon-class:before {
  content: '\e998';
}
.icon-code:before {
  content: '\e999';
}
.icon-commute:before {
  content: '\e99a';
}
.icon-compare-arrows:before {
  content: '\e99b';
}
.icon-contact-support:before {
  content: '\e99c';
}
.icon-copy-right:before {
  content: '\e99d';
}
.icon-credit-card:before {
  content: '\e99e';
}
.icon-dash-board:before {
  content: '\e99f';
}
.icon-date-range:before {
  content: '\e9a0';
}
.icon-delete:before {
  content: '\e9a1';
}
.icon-delete-forever:before {
  content: '\e9a2';
}
.icon-delete-outline:before {
  content: '\e9a3';
}
.icon-description:before {
  content: '\e9a4';
}
.icon-dns:before {
  content: '\e9a5';
}
.icon-done:before {
  content: '\e9a6';
}
.icon-done-all:before {
  content: '\e9a7';
}
.icon-done-outline:before {
  content: '\e9a8';
}
.icon-donut-large:before {
  content: '\e9a9';
}
.icon-donut-small:before {
  content: '\e9aa';
}
.icon-drag-indicator:before {
  content: '\e9ab';
}
.icon-eject:before {
  content: '\e9ac';
}
.icon-euro:before {
  content: '\e9ad';
}
.icon-event:before {
  content: '\e9ae';
}
.icon-event-seat:before {
  content: '\e9af';
}
.icon-exit-app:before {
  content: '\e9b0';
}
.icon-explore:before {
  content: '\e9b1';
}
.icon-explore-off:before {
  content: '\e9b2';
}
.icon-extension:before {
  content: '\e9b3';
}
.icon-face:before {
  content: '\e9b4';
}
.icon-face-unlock:before {
  content: '\e9b5';
}
.icon-heart:before {
  content: '\e9b6';
}
.icon-favorite-border:before {
  content: '\e9b7';
}
.icon-feed-back:before {
  content: '\e9b8';
}
.icon-find-page:before {
  content: '\e9b9';
}
.icon-find-replace:before {
  content: '\e9ba';
}
.icon-finger-print:before {
  content: '\e9bb';
}
.icon-flight-land:before {
  content: '\e9bc';
}
.icon-flight-takeoff:before {
  content: '\e9bd';
}
.icon-flip-back:before {
  content: '\e9be';
}
.icon-flip-front:before {
  content: '\e9bf';
}
.icon-g-translate:before {
  content: '\e9c0';
}
.icon-gavel:before {
  content: '\e9c1';
}
.icon-get-app:before {
  content: '\e9c2';
}
.icon-gif:before {
  content: '\e9c3';
}
.icon-grade:before {
  content: '\e9c4';
}
.icon-group-work:before {
  content: '\e9c5';
}
.icon-help:before {
  content: '\e9c6';
}
.icon-help-outline:before {
  content: '\e9c7';
}
.icon-cross-circle:before {
  content: '\e9c8';
}
.icon-history:before {
  content: '\e9c9';
}
.icon-home:before {
  content: '\e9ca';
}
.icon-horizontal-split:before {
  content: '\e9cb';
}
.icon-hour-glass:before {
  content: '\e9cc';
}
.icon-hour-glass-full:before {
  content: '\e9cd';
}
.icon-http:before {
  content: '\e9ce';
}
.icon-https:before {
  content: '\e9cf';
}
.icon-import-device:before {
  content: '\e9d0';
}
.icon-info:before {
  content: '\e9d1';
}
.icon-info-outline:before {
  content: '\e9d2';
}
.icon-input:before {
  content: '\e9d3';
}
.icon-invert-colors:before {
  content: '\e9d4';
}
.icon-label:before {
  content: '\e9d5';
}
.icon-label-important:before {
  content: '\e9d6';
}
.icon-label-outline-small:before {
  content: '\e9d7';
}
.icon-label-off:before {
  content: '\e9d8';
}
.icon-label-outline:before {
  content: '\e9d9';
}
.icon-language:before {
  content: '\e9da';
}
.icon-launch:before {
  content: '\e9db';
}
.icon-light-bulb:before {
  content: '\e9dc';
}
.icon-linestyle:before {
  content: '\e9dd';
}
.icon-line-weight:before {
  content: '\e9de';
}
.icon-list:before {
  content: '\e9df';
}
.icon-lock:before {
  content: '\e9e0';
}
.icon-lock-open:before {
  content: '\e9e1';
}
.icon-lock-outline:before {
  content: '\e9e2';
}
.icon-loyalty:before {
  content: '\e9e3';
}
.icon-mark-unread:before {
  content: '\e9e4';
}
.icon-motorcycle:before {
  content: '\e9e7';
}
.icon-note-add:before {
  content: '\e9e8';
}
.icon-offline-bolt:before {
  content: '\e9e9';
}
.icon-offline-pin:before {
  content: '\e9ea';
}
.icon-opacity:before {
  content: '\e9eb';
}
.icon-open-browser:before {
  content: '\e9ec';
}
.icon-open-new:before {
  content: '\e9ed';
}
.icon-open-with:before {
  content: '\e9ee';
}
.icon-page-view:before {
  content: '\e9ef';
}
.icon-pan-tool:before {
  content: '\e9f0';
}
.icon-payment:before {
  content: '\e9f1';
}
.icon-camera-mic:before {
  content: '\e9f2';
}
.icon-calendar:before {
  content: '\e9f3';
}
.icon-perm-setting:before {
  content: '\e9f4';
}
.icon-information:before {
  content: '\e9f5';
}
.icon-perm-identity:before {
  content: '\e9f6';
}
.icon-perm-media:before {
  content: '\e9f7';
}
.icon-phone-msg:before {
  content: '\e9f8';
}
.icon-scan-wifi:before {
  content: '\e9f9';
}
.icon-time:before {
  content: '\e973';
}
.icon-centredexperiencedesign:before {
  content: '\e900';
}
.icon-velocityDevOps:before {
  content: '\e901';
}
.icon-academy:before {
  content: '\e902';
}
.icon-accuracy:before {
  content: '\e903';
}
.icon-agiledesignsolution:before {
  content: '\e904';
}
.icon-AI:before {
  content: '\e905';
}
.icon-cloudarchitecture:before {
  content: '\e906';
}
.icon-cloudexpertise:before {
  content: '\e907';
}
.icon-cloudmachinelearning:before {
  content: '\e908';
}
.icon-cloudmanagedservices:before {
  content: '\e909';
}
.icon-cloudmigration:before {
  content: '\e90a';
}
.icon-cloudnativedevelopment:before {
  content: '\e90b';
}
.icon-cloudstrategy:before {
  content: '\e90c';
}
.icon-cloud:before {
  content: '\e90d';
}
.icon-control-costs:before {
  content: '\e90e';
}
.icon-DesignThinking:before {
  content: '\e90f';
}
.icon-eamlesssystemintegration:before {
  content: '\e919';
}
.icon-eanagiledevelopment:before {
  content: '\e91a';
}
.icon-easyimplementation:before {
  content: '\e91b';
}
.icon-eationjam:before {
  content: '\e91c';
}
.icon-experiencestrategy:before {
  content: '\e91d';
}
.icon-fastreturnon:before {
  content: '\e926';
}
.icon-fastertimetomarket:before {
  content: '\e927';
}
.icon-frameworktestdevelopment:before {
  content: '\e928';
}
.icon-Group-15:before {
  content: '\e929';
}
.icon-herightproblem:before {
  content: '\e92a';
}
.icon-herrevenue:before {
  content: '\e92b';
}
.icon-herROI:before {
  content: '\e92c';
}
.icon-innovation:before {
  content: '\e92d';
}
.icon-insights:before {
  content: '\e92e';
}
.icon-nceaccounting:before {
  content: '\e92f';
}
.icon-nced-reliability:before {
  content: '\e930';
}
.icon-ncreased-agility:before {
  content: '\e931';
}
.icon-oT:before {
  content: '\e932';
}
.icon-owering-people-with-creativity:before {
  content: '\e933';
}
.icon-reater-coverage:before {
  content: '\e934';
}
.icon-reporting--dashboards:before {
  content: '\e936';
}
.icon-resources:before {
  content: '\e937';
}
.icon-risk-management:before {
  content: '\e938';
}
.icon-rivalled-quality-assurance:before {
  content: '\e939';
}
.icon-rket-ready-incubation:before {
  content: '\e961';
}
.icon-rocess-automation-strategy:before {
  content: '\e962';
}
.icon-rototypingconcepts:before {
  content: '\e963';
}
.icon-roved-accuracy:before {
  content: '\e964';
}
.icon-roved-product-quality:before {
  content: '\e965';
}
.icon-rt-process-automation:before {
  content: '\e966';
}
.icon-scalable:before {
  content: '\e967';
}
.icon-sprint:before {
  content: '\e968';
}
.icon-test-automation-as-a-service:before {
  content: '\e969';
}
.icon-test-automation-strategy:before {
  content: '\e96a';
}
.icon-tomer-delight:before {
  content: '\e96b';
}
.icon-tools--technology-integration:before {
  content: '\e96c';
}
.icon-tter-design-solution-through-collaboration:before {
  content: '\e96d';
}
.icon-ty-on-demand:before {
  content: '\e96e';
}
.icon-UX-audit:before {
  content: '\e96f';
}
.icon-ve-digital-strategy:before {
  content: '\e970';
}
.icon-ve-test-automation:before {
  content: '\e971';
}
.icon-VR:before {
  content: '\e972';
}
.icon-clear:before {
  content: '\e935';
}
.icon-add-photo:before {
  content: '\e910';
}
.icon-add-curved:before {
  content: '\e911';
  color: #707070;
}
.icon-add-filled:before {
  content: '\e912';
  color: #707070;
}
.icon-cross-outline:before {
  content: '\e913';
  color: #707070;
}
.icon-plus-circle:before {
  content: '\e914';
  color: #707070;
}
.icon-chat-bubble-filled:before {
  content: '\e915';
}
.icon-chatbubbleoutline:before {
  content: '\e916';
}
.icon-check_circle_24px1:before {
  content: '\e917';
  color: #707070;
}
.icon-checkcircleoutline:before {
  content: '\e918';
  color: #707070;
}
.icon-cloud-filled:before {
  content: '\e91e';
}
.icon-outline-cloud:before {
  content: '\e91f';
}
.icon-filled-delete:before {
  content: '\e920';
  color: #707070;
}
.icon-outline-delete:before {
  content: '\e921';
  color: #707070;
}
.icon-email-filled:before {
  content: '\e922';
}
.icon-favorite:before {
  content: '\e923';
}
.icon-favorite_border:before {
  content: '\e924';
}
.icon-folder-filled:before {
  content: '\e925';
}
.icon-folder-outline:before {
  content: '\e93a';
}
.icon-star-filled:before {
  content: '\e93b';
}
.icon-home-bold:before {
  content: '\e93c';
}
.icon-info-filled:before {
  content: '\e93d';
  color: #707070;
}
.icon-outline-info:before {
  content: '\e93e';
  color: #707070;
}
.icon-arrow-bold-down:before {
  content: '\e93f';
}
.icon-arrow-bold-left:before {
  content: '\e940';
}
.icon-arrow-bold-right:before {
  content: '\e941';
}
.icon-arrow-bold:before {
  content: '\e942';
}
.icon-link--off:before {
  content: '\e943';
}
.icon-lock-open-outline:before {
  content: '\e944';
}
.icon-lock-close-outline:before {
  content: '\e945';
}
.icon-mail-dark:before {
  content: '\e946';
}
.icon-perm_identity_24px1:before {
  content: '\e947';
}
.icon-querybuilder:before {
  content: '\e948';
}
.icon-recordvoiceover:before {
  content: '\e949';
}
.icon-remove_circle_24px1:before {
  content: '\e94a';
  color: #707070;
}
.icon-removecircleoutline:before {
  content: '\e94b';
  color: #707070;
}
.icon-search:before {
  content: '\e94c';
}
.icon-settings:before {
  content: '\e94d';
}
.icon-Shape:before {
  content: '\e94e';
}
.icon-share_24px:before {
  content: '\e94f';
}
.icon-shoppingcart:before {
  content: '\e950';
}
.icon-signalwifi_null:before {
  content: '\e951';
}
.icon-today:before {
  content: '\e952';
}
.icon-visibility:before {
  content: '\e953';
}
.icon-visibilityoff:before {
  content: '\e954';
}
.icon-volume_off_24px1:before {
  content: '\e955';
}
.icon-volume-on:before {
  content: '\e956';
}
.theme-gray {
  --primary: #66c9d5;
  --secondary: #c4d93c;
  --success: #2874a4;
  --info: #fccc2e;
  --warning: #f48245;
  --danger: #c36837;
  --light: #ffffff;
  --dark: #282828;
  --white: #e5e5e5;
  --primary-hover: #d07240;
  --secondary-hover: #4a89bd;
  --success-hover: #b7c43f;
  --info-hover: #3fadb4;
  --warning-hover: #c0a21d;
  --danger-hover: #3a83c2;
  --dark-hover: #94afb3;
  --light-hover: #a6babe;
}
.theme-dark {
  --primary: #87f7a3;
  --secondary: #008463;
  --success: #003789;
  --info: #f3ebd6;
  --warning: #d9bd80;
  --danger: #d4876e;
  --light: #f95792;
  --dark: #fbf6ff;
  --white: #282828;
  --primary-hover: #b45f38;
  --secondary-hover: #32597a;
  --success-hover: #74802a;
  --info-hover: #3c7e85;
  --warning-hover: #8e711c;
  --danger-hover: #285a86;
  --dark-hover: #6b8084;
  --light-hover: #9fb4b8;
  --gray-dark: #fbf6ff;
  --gray: #66636a;
}
.navy {
  --primary: var(--blue);
  --primary-light: var(--blue-light);
  --primary-lighter: var(--blue-lighter);
  --primary-dark: var(--blue-dark);
  --primary-darker: var(--blue-darker);
  --secondary: var(--primary-light);
  --success: var(--gray);
  --info: var(--primary-dark);
  --warning: var(--primary-darker);
  --danger: var(--red);
  --light: var(--gray-light);
  --dark: var(--gray-dark);
  --primary-hover: var(--blue-dark);
  --secondary-hover: var(--gray-dark);
  --info-hover: var(--cyan-dark);
  --success-hover: var(--lime-dark);
  --danger-hover: var(--red);
  --warning-hover: var(--blue-dark);
  --light-hover: var(--gray);
  --dark-hover: var(--gray-light);
}
.navy .bg__warning,
.navy .bg__info {
  color: var(--secondary-text) !important;
}
.navy .bg__secondary,
.navy .bg__light {
  color: var(--primary-text) !important;
}
.lemon {
  --primary: var(--lemon);
  --primary-light: var(--lemon-light);
  --primary-lighter: var(--lemon-lighter);
  --primary-dark: var(--lemon-dark);
  --primary-darker: var(--lemon-darker);
  --secondary: var(--gray);
  --success: var(--green-darker);
  --info: var(--primary-light);
  --warning: var(--primary-dark);
  --danger: var(--red);
  --light: var(--gray-light);
  --dark: var(--primary-darker);
  --primary-hover: var(--primary-dark);
  --secondary-hover: var(--gray-dark);
  --info-hover: var(--cyan-dark);
  --success-hover: var(--primary-dark);
  --danger-hover: var(--red);
  --warning-hover: var(--primary-dark);
  --light-hover: var(--gray);
  --dark-hover: var(--gray-light);
}
.lemon .bg__warning {
  color: var(--btn-color) !important;
}
.lime {
  --primary: var(--lime);
  --primary-light: var(--lime-light);
  --primary-lighter: var(--lime-lighter);
  --primary-dark: var(--lime-dark);
  --primary-darker: var(--lime-darker);
  --secondary: var(--gray);
  --success: var(--green-dark);
  --info: var(--primary-light);
  --warning: var(--primary-dark);
  --danger: var(--red);
  --light: var(--gray-light);
  --dark: var(--primary-darker);
  --primary-hover: var(--primary-dark);
  --secondary-hover: var(--gray-dark);
  --info-hover: var(--cyan-dark);
  --success-hover: var(--primary-dark);
  --danger-hover: var(--red);
  --warning-hover: var(--primary-dark);
  --light-hover: var(--gray);
  --dark-hover: var(--gray-light);
}
.lime .bg__warning {
  color: var(--btn-color) !important;
}
#pageWrapper {
  background-color: var(--white);
  z-index: 1;
}
.btns-switcher-holder {
  max-width: 75px;
}
.btns-switcher-holder .default {
  border-radius: 50%;
  width: 68px;
  height: 68px;
  color: #2a2a2a;
}
.theme-switcher {
  position: fixed;
  right: -10px;
  padding: 1px 15px 15px;
  background-color: var(--primary-light);
  z-index: 20;
  border-radius: 3px;
  opacity: 0.85;
  transition: all 0.25s linear;
}
.theme-switcher:hover {
  opacity: 1;
  right: 0;
}
.logo {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 4;
}
.logo a.logo-mini {
  opacity: 1;
  float: left;
  width: 230px;
  text-align: center;
  margin-left: 15px;
  margin-top: 20px;
}
.logo a.logo-mini img {
  max-width: 100%;
  height: auto;
}
.sidebar {
  background: var(--primary);
  top: 0;
  left: 0;
  z-index: 1;
  width: 230px;
  padding: 20px;
  display: block;
  position: fixed;
  background-size: cover;
  height: calc(100vh - 125px);
  background-position: center center;
  box-shadow: 1px 8px 20px 0 rgba(0, 0, 0, 0.6);
  margin-top: 110px;
  margin-left: 15px;
  border-radius: 5px;
}
.sidebar .sidebar-wrapper {
  width: 100%;
  min-height: 100%;
  max-height: calc(100vh - 705px);
  z-index: 4;
  position: relative;
  overflow: auto;
}
.sidebar .sidebar-wrapper p {
  margin: 0;
}
.sidebar .sidebar-wrapper ul {
  margin: 0;
  padding: 0;
  display: block;
}
.sidebar .sidebar-wrapper ul li {
  list-style: none;
}
.sidebar .sidebar-wrapper ul li a {
  color: var(--btn-color-alt);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 13px;
  padding: 10px 0;
  line-height: 1.5;
}
.sidebar .sidebar-wrapper ul li a i {
  font-size: 17px;
  float: left;
  margin-right: 12px;
  color: white;
}
.sidebar .sidebar-wrapper ul li a i:before {
  color: var(--btn-color-alt);
}
.sidebar .sidebar-wrapper ul li a:hover {
  color: #e5e5e5;
}
.sidebar .sidebar-wrapper ul li a:hover i:before {
  color: #e5e5e5;
}
.sidebar .sidebar-wrapper ul li a:hover:before {
  background-color: #e5e5e5;
}
.sidebar .sidebar-wrapper ul li.active > a {
  background: transparent;
  color: var(--btn-color);
}
.sidebar .sidebar-wrapper ul li.active > a i {
  color: white;
}
.sidebar .sidebar-wrapper ul li.active > a i:before {
  color: var(--btn-color);
}
.sidebar .sidebar-wrapper ul li.active > a:before {
  content: ' ';
  position: absolute;
  height: 6px;
  width: 6px;
  top: 29px;
  left: -20px;
  background-color: var(--pure);
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  .sidebar {
    position: fixed;
    display: block;
    top: 0;
    height: 100%;
    width: 260px;
    right: auto;
    left: 0;
    margin: 0;
    border-radius: 0;
    z-index: 1032;
    visibility: visible;
    overflow-y: visible;
    padding: 0;
  }
}
* {
  box-sizing: border-box;
}
.dashboard-styling {
  margin: 0;
  padding: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-lg);
}
.dashboard-styling .highlighted-block {
  border: 3px solid var(--primary-lighter);
  padding: 30px;
}
.dashboard-styling .main-panel {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
.dashboard-styling .main-panel > .content {
  padding: 78px 30px 30px 280px;
  min-height: calc(100vh - 70px);
}
.dashboard-styling #ColorPalette .card_body {
  border-radius: 5px;
  box-shadow: 0 0 6px 2px rgba(65, 64, 66, 0.15);
  display: flex;
  flex-direction: column;
}
.dashboard-styling #ColorPalette .color-name-title {
  display: flex;
  justify-content: space-between;
}
.dashboard-styling #ColorPalette .color-name-title span {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
}
.dashboard-styling .button-example {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.dashboard-styling .button-example button {
  margin-right: 20px;
  margin-bottom: 20px;
}
.dashboard-styling .button-example .btn--outline-primary:hover span:before {
  color: #ffffff;
}
.dashboard-styling #typography .headings_list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 0;
}
.dashboard-styling #typography .headings_list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 15px 10px;
  width: 100%;
  align-items: center;
}
.dashboard-styling #typography .headings_list li:nth-child(odd) {
  background-color: #f5f5f5;
}
.dashboard-styling #typography .headings_list li code {
  margin-right: 40px;
}
.dashboard-styling #typography .headings_list li strong {
  margin-right: 30px;
}
.dashboard-styling #forms_info {
  padding: 20px 0;
}
.dashboard-styling .infoBlockPiece {
  border-radius: 5px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  padding: 30px 30px;
  margin-bottom: 30px;
}
.wrap-collabsible input[type='checkbox'] {
  display: none;
}
.wrap-collabsible .lbl-toggle {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  text-align: center;
  padding: 0.875rem;
  color: var(--btn-color-alt);
  background: var(--primary-light);
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease-out;
}
.wrap-collabsible .lbl-toggle::after {
  content: 'Show Code';
}
.wrap-collabsible .lbl-toggle::before {
  content: '';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: 0.7rem;
  transform: translateY(-2px);
  transition: transform 0.2s ease-out;
}
.wrap-collabsible .toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
  color: var(--btn-color);
}
.wrap-collabsible .toggle:checked + .lbl-toggle::after {
  content: 'Hide Code';
  color: var(--btn-color);
}
.wrap-collabsible .collapsible-content {
  height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
}
.wrap-collabsible .toggle:checked + .lbl-toggle + .collapsible-content {
  height: 100%;
}
.wrap-collabsible .toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--primary-dark);
}
.wrap-collabsible .collapsible-content .content-inner {
  background: var(--primary-lighter);
  border-bottom: 1px solid rgba(250, 224, 66, 0.45);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 0.5rem 1rem;
}
/*# sourceMappingURL=styles.css.map */