.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
@charset "UTF-8";
/* autoprefixer: off */
/** Motif Primary Colors **/
/** Motif Secondary Colors **/
/** Accent colors for Motif **/
/**  Anthem Font Variables  **/
/* Map of pixel-based spacer values
 * ---
 * Maps numeric keys to factors of 4px.
 */
/* Declaring initial maps */
/* Loop through spacer-base to create 'px' map */
/* Convert spacer map to rems */
/* *
 * Returns the requested spacer from the above list of spacers. Optionally based on unit. */
.motif-theme .ant-action-list-button.is-checked:focus {
  outline: 3px solid transparent;
  outline-offset: 9px;
  transition: color 250ms ease-in 100ms, outline-offset 200ms linear;
}

/**
 ******************************************************************************
 * DO NOT ADD CSS OR MIXINS TO THIS FILE :: IT WILL RESULT IN DUPLICATE STYLES
 ******************************************************************************
 */
.tcp-skip-nav:focus {
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  z-index: 1;
  left: 0;
  top: 10.5rem;
  position: absolute !important;
  border: 1px solid #286ce2 !important;
  background-color: #286ce2 !important;
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.25), 0px 0px 3px 0px rgba(0, 0, 0, 0.17);
  font-weight: 700 !important;
  width: 185px !important;
  height: 45px !important;
  justify-content: center;
  display: flex !important;
}
@media only screen and (max-width: 1024px) {
  .tcp-skip-nav:focus {
    top: 6.5rem;
  }
}

.tcp-app-load {
  text-align: center;
  height: 100%;
  width: 100%;
  position: absolute;
  display: table;
}

.tcp-app-load .hidden {
  display: none;
}

.tcp-app-load .tcp-app-load-child {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}

.tcp-app-load .tcp-app-loading {
  width: 100%;
}

.tcp-app-load .tcp-app-loading .brand-logo {
  width: 70%;
  height: 70%;
}

.tcp-app-load .tcp-app-load-scripts-failed,
.tcp-app-load .tcp-app-load-failed {
  margin-top: 30px;
}

.tcp-app-load .tcp-app-load-scripts-failed .error-msg,
.tcp-app-load .tcp-app-load-failed .error-msg {
  color: #cc0033;
  font-weight: 600;
  margin-top: -1px;
}

.tcp-app-load .tcp-app-load-scripts-failed .fa,
.tcp-app-load .tcp-app-load-failed .fa {
  color: #cc0033;
  font-size: 25px;
  margin-right: 5px;
}

@keyframes slideDown {
  0% {
    top: 0%;
    bottom: 100%;
    opacity: 0;
  }
  5% {
    top: 0%;
    bottom: 0%;
  }
  12% {
    opacity: 1;
  }
  50% {
    top: 0%;
    bottom: 0%;
    opacity: 1;
  }
  55% {
    top: 0%;
    bottom: 100%;
  }
  62% {
    opacity: 0;
  }
  100% {
    top: 0%;
    bottom: 100%;
    opacity: 0%;
  }
}
@keyframes slideUp {
  0% {
    top: 100%;
    bottom: 0%;
    opacity: 0;
  }
  5% {
    top: 0%;
    bottom: 0%;
  }
  12% {
    opacity: 1;
  }
  50% {
    top: 0%;
    bottom: 0%;
  }
  55% {
    top: 100%;
    bottom: 0%;
    opacity: 1;
  }
  62% {
    opacity: 0;
  }
  100% {
    top: 100%;
    bottom: 0%;
  }
}
.ant-alert .ant-alert-main {
  color: #666666;
  font-weight: 400;
}

.tcp-app-not-sup-browser-msg {
  margin-top: 25px;
}

.tcp-app-load .ant-loading-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 100%;
  margin: 0 auto;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart {
  display: flex;
  padding: 10px;
  height: 120px;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span {
  position: relative;
  background: #eee;
  width: 8px;
  display: flex;
  margin: 4px;
  border-radius: 4px;
  height: 80px;
  top: 25px;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(even)::before {
  animation: slideUp 5s ease-out infinite;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(odd)::before {
  animation: slideDown 5s ease-out infinite;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(2)::before {
  animation-delay: 0.286s;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(3)::before {
  animation-delay: 0.572s;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(4)::before {
  animation-delay: 0.858s;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(5)::before {
  animation-delay: 1.144s;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(6)::before {
  animation-delay: 1.43s;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(7)::before {
  animation-delay: 1.716s;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(1),
.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(7) {
  height: 30px;
  top: 20px;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(2),
.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(6) {
  height: 60px;
  top: 10px;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(3),
.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(5) {
  height: 80px;
  top: 10px;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(odd)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgb(42, 181, 202), rgb(0, 121, 194));
  border-radius: 4px;
  top: 0%;
}

.tcp-app-load .ant-loading-wrapper .motif-spinner-heart span:nth-child(even)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgb(42, 181, 202), rgb(0, 121, 194));
  border-radius: 4px;
  bottom: 0%;
}

@media (min-width: 801px) {
  .tcp-app-load .tcp-app-loading .brand-logo {
    width: 40%;
    height: 40%;
  }
}
.ion-palette-dark body.mobile-view {
  background: linear-gradient(180deg, var(--gen-ai-primary-blue-color) 0%, var(--gen-ai-space-cadet-blue-color) 50%, var(--gen-ai-maastricht-blue-color) 100%) !important;
  height: 100vh;
}

/* autoprefixer: off */
/** Motif Primary Colors **/
/** Motif Secondary Colors **/
/** Accent colors for Motif **/
/**  Anthem Font Variables  **/
/* Map of pixel-based spacer values
 * ---
 * Maps numeric keys to factors of 4px.
 */
/* Declaring initial maps */
/* Loop through spacer-base to create 'px' map */
/* Convert spacer map to rems */
/* *
 * Returns the requested spacer from the above list of spacers. Optionally based on unit. */
.motif-theme .ant-action-list-button.is-checked:focus {
  outline: 3px solid transparent;
  outline-offset: 9px;
  transition: color 250ms ease-in 100ms, outline-offset 200ms linear;
}

/**
 ******************************************************************************
 * DO NOT ADD CSS OR MIXINS TO THIS FILE :: IT WILL RESULT IN DUPLICATE STYLES
 ******************************************************************************
 */
/* Import Icon Variables */
.motif-theme {
  /*RCP 2.0 Component Imports Here*/
  /* Closed Hamberger Menu Bars START */
  /* Closed Hamburger End */
  /* Logo */
  /* logo */
  /* nav */
  /* nav */
  /* header */
  /* header */
  /* home button */
  /* side navigation component */
  /** Motif Primary Colors **/
  /** Motif Secondary Colors **/
  /** Accent colors for Motif **/
  /**  Anthem Font Variables  **/
  /* Map of pixel-based spacer values
   * ---
   * Maps numeric keys to factors of 4px.
   */
  /* Declaring initial maps */
  /* Loop through spacer-base to create 'px' map */
  /* Convert spacer map to rems */
  /* *
   * Returns the requested spacer from the above list of spacers. Optionally based on unit. */
  /**
   ******************************************************************************
   * DO NOT ADD CSS OR MIXINS TO THIS FILE :: IT WILL RESULT IN DUPLICATE STYLES
   ******************************************************************************
   */
  /* Import Icon Variables */
  /**
   ******************************************************************************
   * DO NOT ADD CSS OR MIXINS TO THIS FILE :: IT WILL RESULT IN DUPLICATE STYLES
   ******************************************************************************
   */
  /* Profile RCP2.0 */
  /** Motif Primary Colors **/
  /** Motif Secondary Colors **/
  /** Accent colors for Motif **/
  /**  Anthem Font Variables  **/
  /* Map of pixel-based spacer values
   * ---
   * Maps numeric keys to factors of 4px.
   */
  /* Declaring initial maps */
  /* Loop through spacer-base to create 'px' map */
  /* Convert spacer map to rems */
  /* *
   * Returns the requested spacer from the above list of spacers. Optionally based on unit. */
  /**
   ******************************************************************************
   * DO NOT ADD CSS OR MIXINS TO THIS FILE :: IT WILL RESULT IN DUPLICATE STYLES
   ******************************************************************************
   */
  /* Import Icon Variables */
  /** Motif Primary Colors **/
  /** Motif Secondary Colors **/
  /** Accent colors for Motif **/
  /**  Anthem Font Variables  **/
  /* Map of pixel-based spacer values
   * ---
   * Maps numeric keys to factors of 4px.
   */
  /* Declaring initial maps */
  /* Loop through spacer-base to create 'px' map */
  /* Convert spacer map to rems */
  /* *
   * Returns the requested spacer from the above list of spacers. Optionally based on unit. */
  /**
   ******************************************************************************
   * DO NOT ADD CSS OR MIXINS TO THIS FILE :: IT WILL RESULT IN DUPLICATE STYLES
   ******************************************************************************
   */
  /* Import Icon Variables */
  /* --- */
  /** Back to Top Component **/
  /** Go to Bottom Component **/
}
.motif-theme .ant-menu-button {
  overflow: visible;
}
.motif-theme .ant-menu-button.text-right {
  text-align: right;
}
.motif-theme .ant-menu-button.text-right .ant-menu-button {
  display: inline-block;
}
.motif-theme .ant-menu-button .ant-menu-toggle {
  margin: 0;
}
.motif-theme .ant-menu-button .ant-menu-toggle .ant-menu-icon-container {
  position: relative;
  margin-right: 0;
  font-size: 2px;
}
.motif-theme .ant-menu-button .ant-menu-toggle .ant-menu-icon {
  height: 3px;
  width: 30px;
  position: relative;
  display: inline-block;
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s;
  background-color: #2b6ce2;
}
.motif-theme .ant-menu-button .ant-menu-toggle .ant-menu-icon:hover {
  cursor: pointer;
}
.motif-theme .ant-menu-button .ant-menu-toggle .ant-menu-icon:before {
  top: -9px;
  content: " ";
  transform: rotate(0deg);
  transition-property: top, transform;
  background-color: #2b6ce2;
  height: 3px;
  width: 30px;
  position: relative;
  display: inline-block;
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s;
}
.motif-theme .ant-menu-button .ant-menu-toggle .ant-menu-icon:after {
  background-color: #2b6ce2;
  bottom: -5px;
  content: " ";
  transform: rotate(0deg);
  transition-property: bottom, transform;
  background-color: #2b6ce2;
  height: 3px;
  width: 30px;
  position: relative;
  display: inline-block;
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s;
}
.motif-theme .ant-menu-visible .ant-menu-button .ant-menu-toggle .ant-menu-icon {
  background: transparent;
}
.motif-theme .ant-menu-visible .ant-menu-button .ant-menu-toggle .ant-menu-icon:before {
  top: 0;
  transform: rotate(-45deg);
  transition-property: transform, top;
}
.motif-theme .ant-menu-visible .ant-menu-button .ant-menu-toggle .ant-menu-icon:after {
  bottom: 4px;
  transform: rotate(45deg);
  transition-property: transform, bottom;
}
.motif-theme .mbr-top-of-page-wrapper {
  height: 65px;
}
@media screen and (min-width: 1024px) {
  .motif-theme .mbr-top-of-page-wrapper {
    height: 85px;
  }
}
.motif-theme .mbr-top-of-page-wrapper .ant-top-nav {
  display: flex;
  align-items: center;
}
.motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper {
  display: block;
  padding: 17px 0;
}
@media screen and (min-width: 1024px) {
  .motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper {
    padding: 22px 0;
  }
}
.motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
  max-width: 140px;
  width: 140px;
  height: 36px;
  margin-top: 4px;
  margin-bottom: 3px;
  display: block;
  flex: auto;
  background-size: cover;
  background-position-x: center;
  max-height: 36px;
  background-size: 100% 100%;
  background-position-x: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 620px) {
  .motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 480px) {
  .motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    max-width: 120px;
    max-height: 20px;
    margin-top: -7px;
  }
}
@media screen and (min-width: 480px) {
  .motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    max-height: 20px;
    width: 140px;
  }
}
@media screen and (min-width: 801px) {
  .motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    max-height: 36px;
    width: 140px;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    max-height: 36px;
  }
}
.motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-brand {
  max-height: 36px;
  background-size: 100% 100%;
  background-position-x: center;
  background-repeat: no-repeat;
}
.motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-poweredByLogo-image {
  height: 20px;
  max-height: 20px;
  max-width: 105px;
  display: block;
  margin-bottom: 1px;
}
@media screen and (min-width: 480px) {
  .motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-poweredByLogo-image {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 801px) {
  .motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-poweredByLogo-image {
    margin-bottom: 1px;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .mbr-top-of-page-wrapper .ant-logo-wrapper .ant-brandLogo .ant-poweredByLogo-image {
    margin-bottom: 1px;
  }
}
.motif-theme .co-brand-tall .mbr-top-of-page-wrapper .co-brand-wrapper .unhide-co-brand-icons {
  padding-bottom: 0px;
}
.motif-theme .mbr-top-of-page-wrapper .no-cobrand {
  min-height: 65px;
  max-height: 65px;
}
@media screen and (min-width: 801px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand {
    min-height: 85px;
    max-height: 85px;
  }
}
.motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper img {
  max-height: 31px;
  max-width: 160px;
  margin: 0;
}
@media screen and (min-width: 480px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper img {
    height: 28px;
    max-height: 28px;
    max-width: 175px;
  }
}
@media screen and (min-width: 801px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper img {
    height: 45px;
    max-height: 45px;
    width: 236px;
    max-width: 210px;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper img {
    height: 50px;
    max-width: 210px;
    max-height: 50px;
  }
}
.motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
  max-width: 140px;
  width: 140px;
  height: 36px;
  margin-top: 4px;
  margin-bottom: 3px;
  display: block;
  flex: auto;
  background-size: cover;
  background-position-x: center;
  max-height: 36px;
  background-size: 100% 100%;
  background-position-x: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 620px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 480px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    max-width: 120px;
    max-height: 20px;
    margin-top: -7px;
  }
}
@media screen and (min-width: 480px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    max-height: 20px;
    width: 140px;
  }
}
@media screen and (min-width: 801px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    max-height: 36px;
    width: 140px;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-brandLogo-image {
    max-height: 36px;
  }
}
.motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-brand {
  max-height: 36px;
  background-size: 100% 100%;
  background-position-x: center;
  background-repeat: no-repeat;
}
.motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-poweredByLogo-image {
  height: 20px;
  max-height: 20px;
  max-width: 105px;
  display: block;
  margin-bottom: 1px;
}
@media screen and (min-width: 480px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-poweredByLogo-image {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 801px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-poweredByLogo-image {
    margin-bottom: 1px;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .mbr-top-of-page-wrapper .no-cobrand .ant-logo-wrapper .ant-brandLogo .ant-poweredByLogo-image {
    margin-bottom: 1px;
  }
}
.motif-theme .toggle-co-brand .co-brand-wrapper {
  min-height: 65px;
  max-height: 65px;
}
@media screen and (min-width: 801px) {
  .motif-theme .toggle-co-brand .co-brand-wrapper {
    min-height: 85px;
    max-height: 85px;
  }
}
.motif-theme .toggle-co-brand .co-brand-logo-wrapper {
  display: flex;
  align-items: center;
}
.motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col {
  display: flex;
  align-items: center;
}
.motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper {
  /* Co-branding Logo */
}
.motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper a {
  display: inline-block;
  padding-right: 10px;
  border-right: 1px solid #c5c9cc;
}
.motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper img {
  max-height: 32px;
  width: 167px;
  margin: 0;
}
.motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper.co-brand-image {
  padding-left: 10px;
}
.motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper.co-brand-image img {
  max-height: 28px;
  width: auto;
  object-fit: contain;
}
.motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper.co-brand-image.co-brand-tall img {
  max-height: 30px;
  width: auto;
}
@media screen and (max-width: 480px) {
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper img {
    max-width: 120px;
  }
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper.co-brand-image img {
    max-width: 85px;
  }
}
@media screen and (min-width: 480px) {
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper {
    /* Co-branding Logo */
  }
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper img {
    max-height: 37px;
    width: 194px;
  }
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper.co-brand-image img {
    max-height: 24px;
    max-width: 155px;
  }
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper.co-brand-image.co-brand-tall img {
    max-height: 33px;
  }
}
@media screen and (min-width: 801px) {
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper {
    /* Co-branding Logo */
  }
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper img {
    max-height: 45px;
    width: 236px;
  }
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper.co-brand-image img {
    max-height: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper {
    /* Co-branding Logo */
  }
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper img {
    max-height: 50px;
  }
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper.co-brand-image img {
    max-height: 45px;
    width: 262px;
  }
  .motif-theme .toggle-co-brand .co-brand-logo-wrapper .ant-logo-wrapper-col .ant-logo-wrapper.co-brand-image.co-brand-tall img {
    max-height: 42px;
  }
}
.motif-theme .mbr-top-nav-container {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
}
.motif-theme .ant-menu-visible .mbr-top-of-page-wrapper {
  position: fixed;
}
.motif-theme .mbr-top-of-page-wrapper {
  position: fixed;
  z-index: 14;
  top: 0;
  width: 100%;
  background: white;
  height: auto;
}
.motif-theme .ant-secondary-nav,
.motif-theme .sub-options-wrapper .ant-heading-two {
  display: none;
}
.motif-theme .menu-button-container .menu-button {
  display: none;
}
.motif-theme .menu-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.motif-theme .menu-wrapper.container {
  padding: 0px;
}
.motif-theme .menu-wrapper .ant-main-nav {
  width: 100%;
  background: white;
  z-index: 14;
  position: relative;
}
.motif-theme .ant-main-nav {
  display: none;
}
.motif-theme .ant-main-nav .motif-file {
  display: none;
}
.motif-theme .ant-main-nav ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.motif-theme .ant-main-nav .motif-icon {
  transform: rotateX(0deg);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.motif-theme .ant-main-nav .sub-options-container {
  /* mobile expanded menu column */
}
.motif-theme .ant-main-nav .sub-options-container .menu-column {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-out, opacity 0.25s ease-out, visibility 0.25s ease-out;
}
.motif-theme .ant-main-nav .sub-options-container .menu-column a.ant-menu-item {
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
  padding: 5px 20px;
  width: 100%;
}
.motif-theme .ant-main-nav .sub-options-container .menu-column a.ant-menu-item:hover {
  background: #ffffff;
  color: #286ce2;
}
.motif-theme .ant-main-nav .sub-options-container .menu-column button.ant-menu-item {
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
  padding: 5px 20px;
  width: 100%;
}
.motif-theme .ant-main-nav .sub-options-container .menu-column button.ant-menu-item:hover {
  background: #ffffff;
  color: #286ce2;
}
.motif-theme .ant-main-nav .sub-options-container.ant-menu-expanded {
  padding-bottom: 1rem;
  background: #286ce2;
}
.motif-theme .ant-main-nav .sub-options-container.ant-menu-expanded .ant-heading-two {
  color: #ffffff;
  font-weight: 400;
}
.motif-theme .ant-main-nav .sub-options-container.ant-menu-expanded .ant-heading-two .motif-icon {
  color: #ffffff;
  transform: rotateX(180deg);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.motif-theme .ant-main-nav .sub-options-container.ant-menu-expanded .menu-column {
  list-style-type: none;
  padding-left: 0px;
  max-height: 1000px;
  overflow: hidden;
  transition: max-height 0.25s ease-out, opacity 0.25s;
}
.motif-theme .ant-main-nav .ant-heading-two,
.motif-theme .ant-main-nav .profile {
  font-size: 16px;
  border: 0;
  color: #333;
  padding: 15px;
  margin-bottom: 0;
  cursor: pointer;
  text-decoration: none;
}
.motif-theme .ant-main-nav .ant-heading-two.ant-menu-expanded,
.motif-theme .ant-main-nav .profile.ant-menu-expanded {
  color: #ffffff;
}
.motif-theme .ant-main-nav .ant-heading-two span.motif-icon,
.motif-theme .ant-main-nav .profile span.motif-icon {
  font-size: 16px;
  color: #333;
  z-index: 1;
}
.motif-theme .ant-main-nav .profile {
  width: 100%;
}
.motif-theme .ant-main-nav .logout-text,
.motif-theme .ant-main-nav .switch-plans {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  border: 0;
  padding: 15px;
  margin-bottom: 0;
  font-weight: 300;
  width: 100%;
}
.motif-theme .ant-menu-visible .menu-wrapper {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.13);
  border-bottom: solid 1px #c5c9cc;
}
.motif-theme .ant-menu-visible .ant-main-nav {
  display: block;
}
.motif-theme .ant-menu-visible .tcp-mobile-menu-divider {
  border-top: 1px solid #d8d8d8;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 801px) {
  .motif-theme .ant-menu-visible .menu-wrapper {
    box-shadow: none;
    border-bottom: none;
  }
  .motif-theme .menu-wrapper.container {
    padding: 0 15px 0px;
  }
  .motif-theme .menu-wrapper .ant-secondary-nav,
  .motif-theme .menu-wrapper .ant-main-nav {
    flex-basis: auto;
  }
  .motif-theme .menu-wrapper .ant-main-nav {
    padding-top: 5px;
  }
  .motif-theme .ant-main-nav {
    display: block;
  }
  .motif-theme .ant-main-nav .sub-options-container.ant-menu-expanded {
    background: none;
  }
  .motif-theme .ant-main-nav .motif-file {
    display: block;
  }
  .motif-theme .ant-secondary-nav {
    display: block;
    white-space: nowrap;
  }
  .motif-theme .ant-secondary-nav li {
    cursor: pointer;
    display: block;
    margin-right: 2rem;
  }
  .motif-theme .ant-secondary-nav li:last-child {
    margin-right: 0px;
  }
  .motif-theme .ant-secondary-nav li a {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
  }
  .motif-theme .ant-main-nav ul {
    flex-direction: row;
  }
  .motif-theme .ant-main-nav .ant-main-nav-ul {
    margin-left: -20px;
  }
  .motif-theme .menu-button-container {
    margin: 0;
    padding: 5px 14px 7px;
    position: relative;
  }
  .motif-theme .menu-button-container .menu-button {
    font-weight: 500;
    display: block;
    padding: 5px 0px;
  }
  .motif-theme .menu-button-container:hover {
    cursor: pointer;
  }
  .motif-theme .menu-button-container button {
    color: #333;
    text-decoration: none;
    position: relative;
  }
  .motif-theme .menu-button-container button:after {
    content: " ";
    width: 0;
  }
  .motif-theme .menu-button-container.active {
    background: #286ce2;
  }
  .motif-theme .menu-button-container.active > button {
    background-color: #286ce2;
    color: #ffffff;
    border: 0;
    padding: 5px 0;
    z-index: 1;
  }
  .motif-theme .menu-button-container.active > button:after {
    content: " ";
    border-bottom: solid 3px #ffffff;
    position: absolute;
    bottom: -3px;
    height: 3px;
    width: 100%;
    left: 0;
    transition: width 0.75s ease-in-out;
  }
  .motif-theme .menu-button-container.active .menu-column {
    height: auto;
    max-height: 1000px;
    padding: 15px 0 30px;
    transition: max-height 1.5s;
  }
  .motif-theme .menu-button-container.active .menu-column .nested-menu-wrapper {
    padding: 5px 13px 7px !important;
  }
  .motif-theme .menu-button-container.active .menu-column .nested-menu-wrapper :first-child {
    color: #ffffff;
  }
  .motif-theme .menu-button-container.active .menu-column .nested-menu-wrapper ul {
    display: flex;
    flex-direction: column;
  }
  .motif-theme .menu-button-container.active .menu-column .nested-menu-wrapper ul .ant-menu-item {
    padding: 5px 40px;
  }
  .motif-theme .menu-button-container a {
    color: #333;
    text-decoration: none;
    position: relative;
  }
  .motif-theme .menu-button-container a:after {
    content: " ";
    width: 0;
  }
  .motif-theme .menu-button-container.active {
    background: #286ce2;
  }
  .motif-theme .menu-button-container.active > a {
    background-color: #286ce2;
    color: #ffffff;
    border: 0;
    padding: 5px 0;
    z-index: 1;
  }
  .motif-theme .menu-button-container.active > a:after {
    content: " ";
    border-bottom: solid 3px #ffffff;
    position: absolute;
    bottom: -3px;
    height: 3px;
    width: 100%;
    left: 0;
    transition: width 0.75s ease-in-out;
  }
  .motif-theme .menu-button-container.active .menu-column {
    height: auto;
    max-height: 1000px;
    padding: 15px 0 30px;
    transition: max-height 1.5s;
  }
  .motif-theme .menu-button-container.active .menu-column .nested-menu-wrapper {
    padding: 5px 13px 7px !important;
  }
  .motif-theme .menu-button-container.active .menu-column .nested-menu-wrapper :first-child {
    color: #ffffff;
  }
  .motif-theme .menu-button-container.active .menu-column .nested-menu-wrapper ul {
    display: flex;
    flex-direction: column;
  }
  .motif-theme .menu-button-container.active .menu-column .nested-menu-wrapper ul .ant-menu-item {
    padding: 5px 40px;
  }
}
@media screen and (min-width: 801px) and (min-width: 801px) and (max-width: 1199px) {
  .motif-theme body.extended-top-break1 ul.sub-options-wrapper {
    top: 53px;
  }
}
@media screen and (min-width: 801px) {
  .motif-theme ul.sub-options-wrapper {
    overflow: hidden;
    visibility: hidden;
    padding-top: 9px;
    display: flex;
    position: absolute;
    left: 0;
    top: 32px;
  }
  .motif-theme ul.sub-options-wrapper .ant-heading-two {
    display: none;
  }
  .motif-theme ul.sub-options-wrapper .sub-options-container .ant-heading-two {
    display: none;
  }
  .motif-theme ul.sub-options-wrapper .menu-column {
    height: 0px;
    max-height: 0px;
    width: 293px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    background: #286ce2;
  }
  .motif-theme ul.sub-options-wrapper .menu-column li {
    display: inline-block;
    margin: 0.15rem 0;
    width: 100%;
    font-weight: 300;
  }
  .motif-theme ul.sub-options-wrapper .menu-column li .ant-menu-item {
    background-color: transparent;
    text-decoration: none;
    display: inline-block;
    color: #ffffff;
    font-weight: 300;
    font-size: 14px;
    width: 100%;
    margin: 0 0;
    padding: 5px 20px 7px;
  }
  .motif-theme ul.sub-options-wrapper .menu-column li .ant-menu-item:hover, .motif-theme ul.sub-options-wrapper .menu-column li .ant-menu-item:focus {
    background-color: #fff;
    color: #0079c2;
  }
  .motif-theme .ant-secondary-nav {
    display: block;
  }
  .motif-theme .ant-secondary-nav .ant-task-bar {
    display: flex;
    justify-content: flex-end;
    margin: 0px;
  }
  .motif-theme .mbr-top-nav-container {
    background: #ffffff;
  }
  .motif-theme .ant-menu-visible {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .motif-theme .ant-menu-visible .sub-options-wrapper {
    visibility: visible;
    overflow: visible;
  }
  .motif-theme .ant-menu-visible .menu-button-container.active .menu-column {
    transition: none;
  }
  .motif-theme .ant-menu-visible .ant-top-wrapper {
    position: relative;
    z-index: 5;
    background-color: #ffffff;
    height: auto;
  }
  .motif-theme .ant-menu-visible .ant-logo-wrapper {
    opacity: 1;
  }
}
.motif-theme #global-profileIcon {
  display: none;
}
.motif-theme #tcp-profile-link-responsive {
  display: none;
}
.motif-theme #tcp-nav-profile-hdr-responsive {
  display: inline-block;
}
.motif-theme .tcp-middle-of-page {
  z-index: 0;
  position: relative;
}
.motif-theme #ant-top-menu2 {
  padding: 0px;
}
.motif-theme .page-header-wrapper {
  background-image: url('assets/images/motif/page-header-background.svg'), linear-gradient(347deg, #58abdf, #0079c2);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.motif-theme .page-header-wrapper .page-header-container {
  padding: 1.5rem 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: none;
}
.motif-theme .page-head {
  font-size: calculateRem(28px);
  font-family: "Montserrat";
  font-weight: 500;
  color: #ffffff;
}
.motif-theme .page-header-text-container {
  display: none;
}
@media only screen and (min-width: 800px) {
  .motif-theme .page-header-wrapper .page-header-container {
    padding: 2rem 0px;
  }
  .motif-theme .page-header-text-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .motif-theme .page-header-text-container .page-header-text {
    display: flex;
    flex-direction: column;
    color: #ffffff;
  }
  .motif-theme .page-header-text-container .page-header-text p,
  .motif-theme .page-header-text-container .page-header-text a {
    text-align: right;
    font-weight: 400;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
  }
  .motif-theme .page-header-text-container .page-header-icon {
    color: #ffffff;
    margin-left: 1.75rem;
  }
  .motif-theme .page-header-text-container .page-header-icon .motif-icon {
    font-size: 2.7rem;
  }
}
.motif-theme .home-btn-container {
  align-self: center;
}
.motif-theme .home-btn-container .home-btn {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #949494;
}
.motif-theme .home-btn-container .home-btn:hover {
  color: #286ce2;
}
.motif-theme .home-btn-container .multi-line-blocked-radio-button .prLabel.active:before {
  position: absolute;
  top: 1rem;
}
.motif-theme .ant-action-list-button.is-checked:focus {
  outline: 3px solid transparent;
  outline-offset: 9px;
  transition: color 250ms ease-in 100ms, outline-offset 200ms linear;
}
.motif-theme div[data-uxd-tabbed-view2-cmp] .tab-controls-container-sidebar,
.motif-theme div[data-tcp-benefits-tabbed-view] .tab-controls-container-sidebar {
  width: 25%;
  float: left;
  margin-right: 5%;
}
.motif-theme div[data-uxd-tabbed-view2-cmp] .tab-controls-container-sidebar .sidebar-nav .sidebar-list button.sidebar-item,
.motif-theme div[data-tcp-benefits-tabbed-view] .tab-controls-container-sidebar .sidebar-nav .sidebar-list button.sidebar-item {
  text-align: left;
}
.motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container,
.motif-theme div[data-tcp-benefits-tabbed-view] .tab-content-container {
  width: 70%;
  float: left;
  clear: none;
  padding: 0 1rem 1rem 1rem;
  outline: none;
}
.motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container h3.tab-title,
.motif-theme div[data-tcp-benefits-tabbed-view] .tab-content-container h3.tab-title {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container h4.tab-sub-title,
.motif-theme div[data-tcp-benefits-tabbed-view] .tab-content-container h4.tab-sub-title {
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
.motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container .back-arrow,
.motif-theme div[data-tcp-benefits-tabbed-view] .tab-content-container .back-arrow {
  display: none;
}
@media (max-width: 480px) {
  .motif-theme div[data-uxd-tabbed-view2-cmp] .tab-controls-container-sidebar,
  .motif-theme div[data-tcp-benefits-tabbed-view] .tab-controls-container-sidebar {
    width: 100%;
    display: block;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp] .active-control,
  .motif-theme div[data-tcp-benefits-tabbed-view] .active-control {
    margin-top: 5rem;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp] .tab-back-menu,
  .motif-theme div[data-tcp-benefits-tabbed-view] .tab-back-menu {
    width: 120%;
    margin-left: -2rem;
    border-bottom: 1px solid #CCCCCC;
    margin-top: -15px;
    height: 50px;
    padding-top: 15px;
    background-color: #ffffff;
    z-index: 1;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp] .tab-back-menu a,
  .motif-theme div[data-tcp-benefits-tabbed-view] .tab-back-menu a {
    text-decoration: none;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp].tab-selected .tab-controls-container-sidebar,
  .motif-theme div[data-tcp-benefits-tabbed-view].tab-selected .tab-controls-container-sidebar {
    display: none;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp].tab-selected .tab-content-container,
  .motif-theme div[data-tcp-benefits-tabbed-view].tab-selected .tab-content-container {
    display: block;
    margin-top: -15px;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container,
  .motif-theme div[data-tcp-benefits-tabbed-view] .tab-content-container {
    width: 100%;
    display: none;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container h3.tab-sub-title,
  .motif-theme div[data-tcp-benefits-tabbed-view] .tab-content-container h3.tab-sub-title {
    float: left;
    width: 100%;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container .back-arrow,
  .motif-theme div[data-tcp-benefits-tabbed-view] .tab-content-container .back-arrow {
    display: inline-flex;
    border: none;
    margin-bottom: 5px;
    padding-left: 25px;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container .back-arrow .fa,
  .motif-theme div[data-tcp-benefits-tabbed-view] .tab-content-container .back-arrow .fa {
    font-size: 2rem;
  }
  .motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container .back-arrow .tab-menu,
  .motif-theme div[data-tcp-benefits-tabbed-view] .tab-content-container .back-arrow .tab-menu {
    font-size: 1rem;
    padding-left: 10px;
    padding-top: 4px;
  }
}
.motif-theme .ant-action-list-button.is-checked:focus {
  outline: 3px solid transparent;
  outline-offset: 9px;
  transition: color 250ms ease-in 100ms, outline-offset 200ms linear;
}
.motif-theme .mobile-view {
  /* Sydney Mobile WebView Overrides */
}
.motif-theme .mobile-view .card-title-wrapper h2 {
  outline: none;
}
.motif-theme .mobile-view .left-side-container .side-nav-mobile-toggle {
  display: none !important;
}
.motif-theme .mobile-view .sydney-header .mobileBackNavButton {
  display: none !important;
}
.motif-theme .mobile-view .sydney-header h1 {
  font-size: 20px !important;
}
.motif-theme .mobile-view #btnBackHub {
  display: none !important;
}
.motif-theme .mobile-view #lnkBackHub {
  display: none !important;
}
.motif-theme .mobile-view #citem-back {
  display: none !important;
}
.motif-theme .ant-action-list-button.is-checked:focus {
  outline: 3px solid transparent;
  outline-offset: 9px;
  transition: color 250ms ease-in 100ms, outline-offset 200ms linear;
}
.motif-theme .mobile-app-content {
  display: flex;
  flex-direction: row;
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 20px #cecece;
}
@media screen and (max-width: 620px) {
  .motif-theme .mobile-app-content {
    flex-direction: column;
  }
}
.motif-theme .mobile-app-content .mobile-app-left {
  display: flex;
  flex-direction: column;
  padding: 3rem;
  width: 50%;
}
.motif-theme .mobile-app-content .mobile-app-left h3 {
  padding-bottom: 20px;
}
.motif-theme .mobile-app-content .mobile-app-left button {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .motif-theme .mobile-app-content .mobile-app-left {
    width: 50%;
  }
}
@media screen and (max-width: 620px) {
  .motif-theme .mobile-app-content .mobile-app-left {
    width: 100%;
  }
}
.motif-theme .mobile-app-content .mobile-app-left .btn {
  align-self: flex-start;
}
.motif-theme .mobile-app-content .mobile-app-left .mobile-store-images {
  display: flex;
  flex-direction: row;
  align-self: flex-start;
}
.motif-theme .mobile-app-content .mobile-app-left .mobile-store-images img {
  max-width: 100%;
}
.motif-theme .mobile-app-content .mobile-app-left .mobile-store-images a {
  margin-right: 14px;
}
.motif-theme .mobile-app-content .mobile-app-left .ant-action-link {
  font-size: 1.2rem;
}
.motif-theme .mobile-app-content .mobile-app-right {
  width: 50%;
  padding: 2rem;
  background: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 620px) {
  .motif-theme .mobile-app-content .mobile-app-right {
    width: 100%;
  }
}
.motif-theme .mobile-app-content .mobile-app-right img {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .motif-theme .mobile-app-content .mobile-app-right img {
    width: 70%;
  }
}
.motif-theme .mobile-app-content .mobile-app-right .mobile-store-images {
  align-self: flex-start;
}
.motif-theme .mobile-app-content .table-row.odd {
  background-color: #eee;
}
.motif-theme .sydney-health-shadow {
  box-shadow: none !important;
}
.motif-theme .sydney-health-app-left {
  padding: 3rem 0rem !important;
}
@media screen and (max-width: 620px) {
  .motif-theme .sydney-health-mobile-layout {
    display: flex !important;
  }
}
@media screen and (min-width: 760px) {
  .motif-theme .sydney-health-mobile-layout {
    display: none !important;
  }
}
@media screen and (max-width: 620px) {
  .motif-theme .sydney-health-footer {
    text-align: center !important;
  }
}
@media screen and (max-width: 620px) {
  .motif-theme .sydney-health-btn {
    width: 235px !important;
  }
}
@media screen and (max-width: 620px) {
  .motif-theme .sydney-health-web-layout {
    display: none !important;
  }
}
.motif-theme .sydney-health-app-right {
  background: #fff !important;
}
.motif-theme .sydney-health-provide-phone {
  font-size: 20px !important;
  font-weight: 300 !important;
}
.motif-theme .sydney-health-has-error {
  color: #a03033;
}
.motif-theme .motif-filter-container {
  background: #f7f7f7;
  width: 100%;
  padding: 30px 30px;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
}
.motif-theme .motif-filter-container .plan-selector-header {
  display: none;
}
.motif-theme .motif-filter-container .filter-item {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.motif-theme .motif-filter-container .filter-item:first-of-type {
  margin-top: 0;
}
.motif-theme .motif-filter-container .filter-item .filter-item-header .filter-header {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 10px;
  max-width: 225px;
}
.motif-theme .motif-filter-container .filter-item .filter-item-header .filter-header:before {
  display: none;
  font-family: "ant-motif-icons";
  color: #286ce2;
  font-size: 22px;
  margin-right: 8px;
  position: absolute;
  left: -30px;
}
.motif-theme .motif-filter-container .filter-item .filter-item-header .coverage-icon:before {
  content: "\e937";
}
.motif-theme .motif-filter-container .filter-item .filter-item-header .group-icon:before {
  content: "\e964";
  transform: rotate(180deg);
}
.motif-theme .motif-filter-container .filter-item .filter-item-header .benefit-select-icon:before {
  content: "\e9e5";
}
.motif-theme .motif-filter-container .filter-item .flex-item-option {
  margin-top: 20px;
}
.motif-theme .motif-filter-container .filter-item .flex-item-option .spending-date-select {
  max-width: 330px;
  margin-bottom: 20px;
}
.motif-theme .motif-filter-container .filter-item .flex-item-option legend {
  display: none;
}
.motif-theme .motif-filter-container .filter-item .flex-item-option .pfRadio .prLabel {
  padding-left: 0;
}
.motif-theme .motif-filter-container .filter-item .pfToggleSwitch {
  margin-left: 0;
  margin-bottom: 20px;
}
.motif-theme .motif-filter-container .filter-item.mobile-filter-output {
  display: block;
}
.motif-theme .motif-filter-container .filter-item.mobile-filter-output ul {
  padding-left: 16px;
}
.motif-theme .motif-filter-container .filter-item .align-vertical {
  display: flex;
  flex-direction: column;
}
@media (min-width: 801px) {
  .motif-theme .motif-filter-container {
    padding: 30px 50px;
    flex-direction: row;
  }
  .motif-theme .motif-filter-container .filter-item:first-of-type {
    margin-top: 30px;
  }
  .motif-theme .motif-filter-container .filter-item .flex-item-option {
    margin-left: 20px;
  }
  .motif-theme .motif-filter-container .filter-item .filter-item-header .filter-header {
    margin-left: 20px;
    padding-right: 30px;
    max-width: initial;
  }
  .motif-theme .motif-filter-container .filter-item .filter-item-header .filter-header:before {
    display: inline-block;
  }
  .motif-theme .motif-filter-container .filter-item.mobile-filter-output {
    display: none;
  }
}
.motif-theme .top-of-page {
  display: block;
}
.motif-theme .top-of-page .co-brand-header-background .hidden-xs {
  display: none;
}
.motif-theme#mbr-page-body.mbr-page-body {
  margin-top: 2rem !important;
}
.motif-theme label {
  width: 100%;
}
.motif-theme .mbr-page-wrapper .ant-data-security-mask {
  display: block;
  position: initial;
}
.motif-theme .mbr-page-wrapper .ant-data-security-mask .ant-security-mask-btn {
  position: absolute;
  display: block;
  right: 0;
  top: -2px;
}
.motif-theme .mbr-page-wrapper .ant-security-mask-icon {
  font-family: "ant-classic-icons" !important;
}
.motif-theme .mbr-page-wrapper .ant-security-mask-icon::after {
  content: "\f1d4" !important;
}
.motif-theme .mbr-page-wrapper .ant-security-mask-icon.is-masked::after {
  content: "\f1d5" !important;
}
.motif-theme .modal-dialog {
  overflow: visible;
}
.motif-theme .modal-dialog .modal-footer {
  position: relative;
}
.motif-theme li.tcp-language-link-mobile {
  padding-left: 14px;
}
.motif-theme li.tcp-language-link-mobile .fa.fa-globe {
  font-size: 25px;
  margin-right: 5px;
  font-family: "ant-motif-icons" !important;
}
.motif-theme li.tcp-language-link-mobile .fa.fa-globe:before {
  content: "\e9ff";
}
.motif-theme li.tcp-language-link-mobile .tcp-switch-language {
  display: flex;
  align-items: center;
}
.motif-theme li.tcp-language-link-mobile .tcp-switch-language button {
  font-size: 16px;
  font-weight: 600;
}
.motif-theme .tcp-switch-language button {
  color: #286ce2;
  font-size: 14px;
  font-weight: 400;
  border: none;
  background: transparent;
  display: inline;
  line-height: initial;
  overflow: unset;
  padding: 0;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-0 {
  width: 100%;
  border-right: none;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 {
  width: 100%;
  border-bottom: none;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector {
  position: relative;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .btn.dropdown-toggle {
  padding: 1rem 14px;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector span.buttonMain {
  margin-left: 0;
  color: #333333;
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  padding-right: 16px;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .fa.fa-caret-down {
  font-size: 16px;
  padding: 0px;
  right: 10px;
  color: #333333;
  font-family: "ant-motif-icons" !important;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .fa.fa-caret-down:before {
  content: "\eaa9";
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu {
  position: absolute;
  top: -298px;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  width: 200px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu li {
  padding: 16px 0 16px 12px;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu li:hover, .motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu li:focus {
  background: #f5f5f5;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu a,
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu li,
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu span {
  color: #333333;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu span:hover {
  background: #f5f5f5;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu a:hover,
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector .ant-main-div ul.dropdown-menu a:focus {
  background-color: transparent;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 .language-selector.open > div .dropdown-menu {
  display: block;
  margin-top: -1px;
}
.motif-theme .two-block-footer .uxd-footer .footer-block.footer-block-1 button.dropdown-toggle {
  background-color: #fff;
  color: #286ce2;
  border-color: #fff;
}
.motif-theme .footer-social .social .social-container span.social-icon-footer {
  margin-right: 0.5rem;
  font-size: 20px;
}
@media (min-width: 480px) {
  .motif-theme .footer-social .social .social-container span.social-icon-footer {
    margin-right: 1.5rem;
  }
}
@media (min-width: 801px) {
  .motif-theme #socials .footer-social {
    align-items: initial;
    margin-left: 4.5rem;
  }
}
.motif-theme #socials .footer-social .unimass-footer-img-30 {
  height: 45px;
  width: 45px;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
.motif-theme #socials .footer-social .unimass-footer-img-gic {
  height: 35px;
  width: 160.512px;
  margin-bottom: 2.5rem;
}
@media (min-width: 801px) {
  .motif-theme #socials .footer-social .footer-app a .mobile-app-icon {
    margin-right: 1rem;
  }
}
.motif-theme .bottom-text {
  flex: 80%;
}
.motif-theme .display-none-desktop {
  display: none;
  margin-top: 10px;
}
@media only screen and (min-width: 992px), screen and (max-width: 800px) {
  .motif-theme .unimass-footer-img-gic {
    margin-top: 2rem;
    margin-left: 1rem;
  }
}
@media only screen and (min-width: 800px) and (max-width: 991px) {
  .motif-theme .unimass-footer-img-gic {
    margin-top: 0rem;
    margin-left: 0rem;
  }
}
.motif-theme .footer-block.footer-block-2 {
  flex-basis: 100%;
}
.motif-theme .footer-block.footer-block-2 .language-selector {
  position: relative;
}
.motif-theme .footer-block.footer-block-2 .language-selector .btn.dropdown-toggle {
  text-align: left;
  width: 180px;
  padding: 1rem 14px;
}
.motif-theme .footer-block.footer-block-2 .language-selector span.buttonMain {
  margin-left: 0;
  color: #333333;
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  padding-right: 16px;
}
.motif-theme .footer-block.footer-block-2 .language-selector .fa.fa-caret-down {
  font-size: 16px;
  padding: 0px;
  color: #333333;
  font-family: "ant-motif-icons" !important;
}
.motif-theme .footer-block.footer-block-2 .language-selector .fa.fa-caret-down:before {
  content: "\eaa9";
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu {
  position: absolute;
  top: -298px;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  width: 180px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu.top-max-height {
  max-height: 220px;
  overflow-y: scroll;
  top: -218px;
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li {
  padding: 16px 0 16px 12px;
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li:hover, .motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li:focus {
  background: #286ce2;
  color: white;
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li:hover a,
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li:hover span, .motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li:focus a,
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li:focus span {
  color: white;
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li.menuitem-padding {
  padding: 5px 0 0 0;
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li a.space-fix {
  padding: 0 5px;
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu a,
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu li,
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu span {
  color: #333333;
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu span:hover {
  color: #fff;
}
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu a:hover,
.motif-theme .footer-block.footer-block-2 .language-selector .ant-main-div ul.dropdown-menu a:focus {
  background-color: #286ce2;
  color: #fff;
}
.motif-theme .footer-block.footer-block-2 .language-selector.open > div ul.dropdown-menu {
  display: block;
  margin-top: -1px;
}
.motif-theme .footer-block.footer-block-2 button.dropdown-toggle {
  background-color: #fff;
  color: #286ce2;
  border-color: #fff;
}
.motif-theme .suppress-right-margin {
  margin-right: 0 !important;
}
@media only screen and (min-width: 801px) {
  .motif-theme .display-none-desktop {
    display: none;
  }
  .motif-theme .display-none-mobile {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  .motif-theme .footer-social .social .social-container span.social-icon-footer {
    font-size: 2.4rem;
  }
}
.motif-theme .mbr-page-wrapper {
  width: 100%;
  overflow: hidden !important;
  position: relative;
  left: 0px;
  z-index: 0;
}
.motif-theme .mbr-page-wrapper:has(.auth-ref-top-bar-header) {
  overflow: clip !important;
}
.motif-theme .mbr-page-wrapper:has(.benefits-period-top-header) {
  overflow: clip !important;
}
.motif-theme .mbr-page-wrapper:has(.idcards-top-header) {
  overflow: clip !important;
}
.motif-theme .go-to-bottom-dir:hover,
.motif-theme .go-to-bottom-dir:focus,
.motif-theme .back-to-top-dir:hover,
.motif-theme .back-to-top-dir:focus {
  background: #fff;
  color: #286ce2;
}
.motif-theme .fa.black {
  color: #fff;
}
.motif-theme .go-to-bottom-dir:hover > .fa.black,
.motif-theme .go-to-bottom-dir:focus > .fa.black,
.motif-theme .back-to-top-dir:hover > .fa.black,
.motif-theme .back-to-top-dir:focus > .fa.black {
  color: #286ce2;
}
.motif-theme .go-to-bottom-dir,
.motif-theme .back-to-top-dir {
  text-decoration: none;
  line-height: 1.2em;
  color: #fff;
  font-weight: 600;
  background-color: #286ce2;
  font-size: 0px;
  padding: 10px 15px;
}
@media screen and (min-width: 480px) {
  .motif-theme .go-to-bottom-dir,
  .motif-theme .back-to-top-dir {
    font-size: 14px;
  }
}
.motif-theme .go-to-bottom-dir .fa.black,
.motif-theme .back-to-top-dir .fa.black {
  font-size: 14px;
}
.motif-theme .go-to-bottom-dir.ng-hide,
.motif-theme .back-to-top-dir.ng-hide {
  opacity: 0;
}
.motif-theme .go-to-bottom-dir {
  right: -1px;
  bottom: -1px;
  z-index: 5;
  text-align: center;
  transition: all 0.2s ease-in-out 0s;
  float: right;
  max-width: 250px;
  position: fixed;
  display: block;
  border: 1px solid;
}
.motif-theme .back-to-top-dir.back-top-btn {
  bottom: 45px;
}
.motif-theme .back-to-top-dir {
  position: fixed;
  display: block;
  bottom: -1px;
  right: -1px;
  text-align: center;
  transition: all 0.2s ease-in-out 0s;
  float: right;
  max-width: 250px;
  z-index: 5;
}
.motif-theme .fa.black {
  transition: all 0.2s ease-in-out 0s;
}
.motif-theme #ypnas, .motif-theme #ypnfs {
  margin-top: 170px;
}
@media only screen and (min-width: 480px) {
  .motif-theme .go-to-bottom-dir {
    padding-left: 9px;
    padding-right: 9px;
  }
  .motif-theme .go-to-bottom-dir .go-to-bottom-link-text {
    margin-left: 3px;
  }
}

@media only screen and (min-width: 800px) {
  #prior-auth-form-link span a {
    font-size: 18px;
  }
}
@media only screen and (min-width: 800px) {
  #prior-auth-form-link span a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 800px) {
  #prior-auth-form-link span a {
    font-size: 12.25px;
  }
}
#comm-res-auto-suggest .align-search-txt > fieldset.ant-auto-suggest {
  width: 100%;
}
#comm-res-auto-suggest .align-search-txt > fieldset.ant-auto-suggest legend {
  display: none;
  margin-top: 10px;
}
#comm-res-auto-suggest .align-search-txt > fieldset.ant-auto-suggest .ant-text-input {
  width: 100%;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}
#comm-res-auto-suggest .ant-marker-icon {
  border: 0;
  background-color: transparent;
  z-index: 100;
  font-size: 1.5rem;
  padding: 8px 10px 0 2px;
  position: absolute;
  display: block;
  color: #286ce2;
}
#comm-res-auto-suggest .psDropdown.active {
  overflow-y: auto;
  margin-top: 43px;
  top: 0;
  width: 100%;
}
#comm-res-auto-suggest .bertha-auto-suggest.psDropdown.active {
  overflow-y: auto;
  margin-top: 53px;
  top: 0;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container .tcp-auto-suggest {
  width: 100%;
  position: relative;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container .tcp-auto-suggest .ant-text-input {
  width: 100%;
  padding: 15px 10px;
  border-radius: 0px;
  min-height: 36px;
  height: auto;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container .bertha-category-search-container.tcp-auto-suggest .ant-text-input {
  width: 100%;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  margin-top: 5px;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container .bertha-category-search-container .ant-marker-icon {
  padding: 15px 10px 0px 5px;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container .bertha-category-search-container > label {
  display: none;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container .look-up-margin {
  margin-left: 15px;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container .see-all-align > a {
  text-decoration: none;
  position: relative;
  top: 15px;
  right: 15px;
  float: right;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container .see-all-align > button {
  text-decoration: none;
  position: relative;
  top: 15px;
  right: 15px;
  float: right;
}
#comm-res-auto-suggest > .bertha-auto-suggest-container .anchor-icon {
  border-bottom: none;
  text-decoration: none;
}
@media screen and (max-width: 800px) {
  #comm-res-auto-suggest > .bertha-auto-suggest-container {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #comm-res-auto-suggest .betha-auto-suggest-input-text {
    width: 100%;
  }
  #comm-res-auto-suggest #bertha-zipcode-input {
    width: 100%;
  }
  #comm-res-auto-suggest .bertha-zip-align {
    margin-top: 0;
  }
  #comm-res-auto-suggest .zip-code-box {
    width: 100%;
  }
  #comm-res-auto-suggest .psDropdown.active {
    margin-top: 68px;
  }
  #comm-res-auto-suggest .align-search-txt > fieldset.ant-auto-suggest {
    width: 100%;
  }
  #comm-res-auto-suggest .align-search-txt > fieldset.ant-auto-suggest legend {
    display: block;
    padding-top: 15px;
    color: #fff;
  }
  #comm-res-auto-suggest .bertha-auto-suggest.psDropdown.active {
    width: 92%;
  }
}

@media screen and (max-width: 800px) {
  .motif-theme .bertha-side-category-expn-pnl .uxd-expansion-panel .uxd-expansion-header {
    justify-content: space-between !important;
  }
}
#community-resource-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#community-resource-container .tcp-auto-suggest {
  width: 100%;
}
#community-resource-container .tcp-auto-suggest .ant-text-input {
  width: 100%;
  padding: 15px 10px;
  border-radius: 0px;
  min-height: 36px;
}
#community-resource-container .bertha-category-search-container.tcp-auto-suggest .ant-text-input {
  padding: 12px 10px;
  margin-top: 5px;
}
#community-resource-container .bertha-category-search-container .bertha-auto-suggest.psDropdown.active {
  overflow-y: auto;
  margin-top: 143px;
  top: 0;
  width: 49.7%;
}
#community-resource-container .look-up-margin {
  margin-left: 15px;
}
#community-resource-container .anchor-icon {
  border-bottom: none;
  text-decoration: none;
}

#community-resource-details-map .aunt-bertha-map {
  padding-bottom: 20px;
  display: block;
}
#community-resource-details-map .srch-providr-map {
  height: 300px;
  width: 100%;
  position: relative;
}

#community-resource-side-category .uxd-expansion-panel .uxd-expansion-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between !important;
  padding-bottom: 0;
  max-width: 150px;
}

@font-face {
  font-family: "ant-motif-icons";
  src: url('/member/assets/fonts/icons/motif/ant-motif-icons.eot?6o51c8');
  src: url('/member/assets/fonts/icons/motif/ant-motif-icons.eot?6o51c8#iefix') format("embedded-opentype"), url('/member/assets/fonts/icons/motif/ant-motif-icons.ttf?6o51c8') format("truetype"), url('/member/assets/fonts/icons/motif/ant-motif-icons.woff?6o51c8') format("woff"), url('/member/assets/fonts/icons/motif/ant-motif-icons.svg?6o51c8#ant-motif-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}
.motif-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ant-motif-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.motif-about:before {
  content: "\e900";
}

.motif-access-for-blind:before {
  content: "\e901";
}

.motif-add-more:before {
  content: "\eb32";
}

.motif-add-phone:before {
  content: "\e902";
}

.motif-add-shopping-cart:before {
  content: "\e903";
}

.motif-add-tag:before {
  content: "\e904";
}

.motif-add-text:before {
  content: "\e905";
}

.motif-aed:before {
  content: "\e906";
}

.motif-aids-ribbon:before {
  content: "\e907";
}

.motif-alarm-clock:before {
  content: "\e908";
}

.motif-alluminium_massagetable:before {
  content: "\e909";
}

.motif-alphabetical-sorting:before {
  content: "\e90a";
}

.motif-alphabetical-sorting-2:before {
  content: "\e90b";
}

.motif-ambulance:before {
  content: "\e90c";
}

.motif-amnesty_international:before {
  content: "\e90d";
}

.motif-amputee:before {
  content: "\e90e";
}

.motif-angle-down:before {
  content: "\e90f";
}

.motif-angle-left:before {
  content: "\e910";
}

.motif-angle-right:before {
  content: "\e911";
}

.motif-angle-up:before {
  content: "\e912";
}

.motif-antiseptic-cream:before {
  content: "\e913";
}

.motif-apple:before {
  content: "\e914";
}

.motif-appointment-reminders:before {
  content: "\e915";
}

.motif-archived:before {
  content: "\eb25";
}

.motif-arrow:before {
  content: "\e916";
}

.motif-arrow-pointing-left:before {
  content: "\e917";
}

.motif-arrows-long-down:before {
  content: "\e918";
}

.motif-arrows-long-left:before {
  content: "\e919";
}

.motif-arrows-long-right:before {
  content: "\e91a";
}

.motif-arrows-long-up:before {
  content: "\e91b";
}

.motif-assistive_listening_systems:before {
  content: "\e91c";
}

.motif-attention:before {
  content: "\e91d";
}

.motif-audio-description:before {
  content: "\e91e";
}

.motif-average:before {
  content: "\e91f";
}

.motif-average-2:before {
  content: "\e920";
}

.motif-avocado:before {
  content: "\eb33";
}

.motif-ball-point-pen:before {
  content: "\e921";
}

.motif-banana:before {
  content: "\e922";
}

.motif-bandage:before {
  content: "\e923";
}

.motif-bank-cards:before {
  content: "\eb34";
}

.motif-bench-press-with-dumbbells:before {
  content: "\e924";
}

.motif-bento-box:before {
  content: "\eb28";
}

.motif-binoculars:before {
  content: "\e925";
}

.motif-birthday-cake:before {
  content: "\e926";
}

.motif-bitbucket:before {
  content: "\e927";
}

.motif-blind:before {
  content: "\e928";
}

.motif-block:before {
  content: "\e929";
}

.motif-body-scan:before {
  content: "\e92a";
}

.motif-bookmark:before {
  content: "\e92b";
}

.motif-bookmark-ribbon:before {
  content: "\e92c";
}

.motif-bottle-of-water:before {
  content: "\e92d";
}

.motif-braille:before {
  content: "\e92e";
}

.motif-brain:before {
  content: "\e92f";
}

.motif-bullet:before {
  content: "\eb35";
}

.motif-bulleted-list:before {
  content: "\e930";
}

.motif-business-contact:before {
  content: "\e931";
}

.motif-buy:before {
  content: "\e932";
}

.motif-caduceus:before {
  content: "\e933";
}

.motif-caduceus_gavel:before {
  content: "\e934";
}

.motif-cafe:before {
  content: "\e935";
}

.motif-calculator:before {
  content: "\e936";
}

.motif-calendar:before {
  content: "\e937";
}

.motif-calendar-minus:before {
  content: "\e938";
}

.motif-calendar-plus:before {
  content: "\e939";
}

.motif-call-transfer:before {
  content: "\e93a";
}

.motif-calories:before {
  content: "\eb36";
}

.motif-cancel:before {
  content: "\e93b";
}

.motif-cancel-2:before {
  content: "\e93c";
}

.motif-cancel-file:before {
  content: "\e93d";
}

.motif-cancer-ribbon:before {
  content: "\e93e";
}

.motif-car:before {
  content: "\eb37";
}

.motif-card-exchange:before {
  content: "\e93f";
}

.motif-card-security:before {
  content: "\e940";
}

.motif-card-security-code:before {
  content: "\e941";
}

.motif-card-verification-value:before {
  content: "\e942";
}

.motif-cardboard-box:before {
  content: "\e943";
}

.motif-cast:before {
  content: "\e944";
}

.motif-cc-amex:before {
  content: "\eb29";
}

.motif-cc-discover:before {
  content: "\eb2a";
}

.motif-cc-mastercard:before {
  content: "\eb2b";
}

.motif-cc-visa:before {
  content: "\eb2c";
}

.motif-charge-battery:before {
  content: "\e945";
}

.motif-chat:before {
  content: "\e946";
}

.motif-chat-bubble:before {
  content: "\eb2f";
}

.motif-chat-send:before {
  content: "\eb30";
}

.motif-cheap-2:before {
  content: "\e947";
}

.motif-check-wide:before {
  content: "\eb31";
}

.motif-checked:before {
  content: "\e948";
}

.motif-checked-2:before {
  content: "\e949";
}

.motif-checkmark:before {
  content: "\e94a";
}

.motif-checkout:before {
  content: "\e94b";
}

.motif-chef-hat:before {
  content: "\eb1d";
}

.motif-chevron:before {
  content: "\e94c";
}

.motif-chevron-down:before {
  content: "\e94d";
}

.motif-chevron-down-round:before {
  content: "\e94e";
}

.motif-chevron-filled-down:before {
  content: "\e94f";
}

.motif-chevron-filled-up:before {
  content: "\e950";
}

.motif-chevron-left:before {
  content: "\e951";
}

.motif-chevron-left-round:before {
  content: "\e952";
}

.motif-chevron-right:before {
  content: "\e953";
}

.motif-chevron-right-round:before {
  content: "\e954";
}

.motif-chevron-up:before {
  content: "\e955";
}

.motif-chevron-up-round:before {
  content: "\e956";
}

.motif-circle:before {
  content: "\e957";
}

.motif-circle-checked-inverse:before {
  content: "\eb1e";
}

.motif-circle-notch:before {
  content: "\e958";
}

.motif-circle-thin:before {
  content: "\e959";
}

.motif-circled:before {
  content: "\e95a";
}

.motif-circled-down:before {
  content: "\e95b";
}

.motif-circled-down-left:before {
  content: "\e95c";
}

.motif-circled-down-right:before {
  content: "\e95d";
}

.motif-circled-left:before {
  content: "\e95e";
}

.motif-circled-right:before {
  content: "\e95f";
}

.motif-circled-up:before {
  content: "\e960";
}

.motif-circled-up-left:before {
  content: "\e961";
}

.motif-circled-up-right:before {
  content: "\e962";
}

.motif-clinic:before {
  content: "\e963";
}

.motif-clipboard:before {
  content: "\e964";
}

.motif-clock:before {
  content: "\e965";
}

.motif-clone:before {
  content: "\e966";
}

.motif-closed-captioning:before {
  content: "\e967";
}

.motif-collapse:before {
  content: "\e968";
}

.motif-color-dropper:before {
  content: "\e969";
}

.motif-comments:before {
  content: "\e96a";
}

.motif-commercial-development-management:before {
  content: "\e96b";
}

.motif-compare:before {
  content: "\e96c";
}

.motif-compose:before {
  content: "\eb38";
}

.motif-compress:before {
  content: "\e96d";
}

.motif-computer-support:before {
  content: "\e96e";
}

.motif-concept:before {
  content: "\e96f";
}

.motif-condom:before {
  content: "\e970";
}

.motif-condom-package:before {
  content: "\e971";
}

.motif-contacts:before {
  content: "\e972";
}

.motif-content:before {
  content: "\e973";
}

.motif-copy:before {
  content: "\e974";
}

.motif-coronavirus:before {
  content: "\e975";
}

.motif-counselor:before {
  content: "\e976";
}

.motif-create-new:before {
  content: "\e977";
}

.motif-crop:before {
  content: "\e978";
}

.motif-crutch:before {
  content: "\e979";
}

.motif-curls-with-dumbbells:before {
  content: "\e97a";
}

.motif-cursor:before {
  content: "\e97b";
}

.motif-customer-support:before {
  content: "\e97c";
}

.motif-death:before {
  content: "\e97d";
}

.motif-decrease-font:before {
  content: "\e97e";
}

.motif-delete:before {
  content: "\e97f";
}

.motif-delete_link:before {
  content: "\e980";
}

.motif-delete_slide:before {
  content: "\e981";
}

.motif-department:before {
  content: "\e982";
}

.motif-design:before {
  content: "\e983";
}

.motif-details:before {
  content: "\e984";
}

.motif-device-information:before {
  content: "\e985";
}

.motif-diabetes:before {
  content: "\e986";
}

.motif-diabetes-monitor:before {
  content: "\e987";
}

.motif-dialysis_machine:before {
  content: "\e988";
}

.motif-diamond:before {
  content: "\e989";
}

.motif-dislike:before {
  content: "\e98a";
}

.motif-dislike-fill:before {
  content: "\e98b";
}

.motif-doctors-bag:before {
  content: "\e98c";
}

.motif-doctors-without-borders:before {
  content: "\e98d";
}

.motif-document:before {
  content: "\e98e";
}

.motif-documents:before {
  content: "\e98f";
}

.motif-donate:before {
  content: "\e990";
}

.motif-door-sensor-alarmed:before {
  content: "\e991";
}

.motif-double-down:before {
  content: "\e992";
}

.motif-double-left:before {
  content: "\e993";
}

.motif-double-right:before {
  content: "\e994";
}

.motif-double-up:before {
  content: "\e995";
}

.motif-down-2:before {
  content: "\e996";
}

.motif-down-3:before {
  content: "\e997";
}

.motif-down-arrow:before {
  content: "\e998";
}

.motif-down-left:before {
  content: "\e999";
}

.motif-down-left-arrow:before {
  content: "\e99a";
}

.motif-down-left-round:before {
  content: "\e99b";
}

.motif-down-right:before {
  content: "\e99c";
}

.motif-down-right-arrow:before {
  content: "\e99d";
}

.motif-down-right-round:before {
  content: "\e99e";
}

.motif-down-round:before {
  content: "\e99f";
}

.motif-down-squared:before {
  content: "\e9a0";
}

.motif-download:before {
  content: "\e9a1";
}

.motif-download-2:before {
  content: "\e9a2";
}

.motif-download-graph-report:before {
  content: "\e9a3";
}

.motif-download-pie-chart-report:before {
  content: "\e9a4";
}

.motif-downloads:before {
  content: "\e9a5";
}

.motif-drag-list-down:before {
  content: "\e9a6";
}

.motif-drag-list-up:before {
  content: "\e9a7";
}

.motif-drag-reorder:before {
  content: "\e9a8";
}

.motif-dumbbell:before {
  content: "\e9a9";
}

.motif-edit:before {
  content: "\e9aa";
}

.motif-elderly-person:before {
  content: "\e9ab";
}

.motif-ellipse:before {
  content: "\e9ac";
}

.motif-ellipse-filled:before {
  content: "\e9ad";
}

.motif-employee-card:before {
  content: "\e9ae";
}

.motif-empty-hourglass:before {
  content: "\e9af";
}

.motif-empty-trash:before {
  content: "\e9b0";
}

.motif-environment:before {
  content: "\e9b1";
}

.motif-erase:before {
  content: "\e9b2";
}

.motif-eraser:before {
  content: "\e9b3";
}

.motif-error:before {
  content: "\e9b4";
}

.motif-error-cloud:before {
  content: "\e9b5";
}

.motif-escape-mask:before {
  content: "\e9b6";
}

.motif-event-accepted:before {
  content: "\e9b7";
}

.motif-event-accepted-tentatively:before {
  content: "\e9b8";
}

.motif-exercise:before {
  content: "\e9b9";
}

.motif-expand:before {
  content: "\e9ba";
}

.motif-external-link:before {
  content: "\eb2d";
}

.motif-eye:before {
  content: "\e9bb";
}

.motif-facebook:before {
  content: "\e9bc";
}

.motif-false-teeth:before {
  content: "\e9bd";
}

.motif-family:before {
  content: "\e9be";
}

.motif-feedback:before {
  content: "\e9bf";
}

.motif-file:before {
  content: "\e9c0";
}

.motif-fill-color:before {
  content: "\e9c1";
}

.motif-filled-like:before {
  content: "\e9c2";
}

.motif-filled-star:before {
  content: "\e9c3";
}

.motif-filter:before {
  content: "\e9c4";
}

.motif-find-matching-job:before {
  content: "\e9c5";
}

.motif-fingerprint:before {
  content: "\e9c6";
}

.motif-fitness-tracker:before {
  content: "\eb39";
}

.motif-flip-horizontal:before {
  content: "\e9c7";
}

.motif-flip-vertical:before {
  content: "\e9c8";
}

.motif-flow-chart:before {
  content: "\e9c9";
}

.motif-foil-space-blanket:before {
  content: "\e9ca";
}

.motif-fold:before {
  content: "\e9cb";
}

.motif-foot-angle:before {
  content: "\e9cc";
}

.motif-forgot-password:before {
  content: "\e9cd";
}

.motif-fridge:before {
  content: "\e9ce";
}

.motif-full-image:before {
  content: "\e9cf";
}

.motif-full-stop:before {
  content: "\e9d0";
}

.motif-gavel:before {
  content: "\e9d1";
}

.motif-general-ledger:before {
  content: "\e9d2";
}

.motif-go-to-link:before {
  content: "\e9d3";
}

.motif-gold-bars:before {
  content: "\e9d4";
}

.motif-good-decision:before {
  content: "\e9d5";
}

.motif-graduation-cap:before {
  content: "\e9d6";
}

.motif-graph-report:before {
  content: "\e9d7";
}

.motif-graph-report-script:before {
  content: "\e9d8";
}

.motif-group-background-selected:before {
  content: "\e9d9";
}

.motif-group-foreground-selected:before {
  content: "\e9da";
}

.motif-group-of-questions:before {
  content: "\e9db";
}

.motif-groups:before {
  content: "\e9dc";
}

.motif-hand-cursor:before {
  content: "\e9dd";
}

.motif-hand-with-pen:before {
  content: "\e9de";
}

.motif-handshake:before {
  content: "\e9df";
}

.motif-hashtag-large:before {
  content: "\e9e0";
}

.motif-head-brain:before {
  content: "\eb43";
}

.motif-headset:before {
  content: "\e9e1";
}

.motif-health-book:before {
  content: "\e9e2";
}

.motif-health-plus:before {
  content: "\eb3a";
}

.motif-hearing:before {
  content: "\e9e3";
}

.motif-hearing-aid:before {
  content: "\e9e4";
}

.motif-heart-health:before {
  content: "\e9e5";
}

.motif-heart-monitor:before {
  content: "\e9e6";
}

.motif-heart-with-pulse:before {
  content: "\e9e7";
}

.motif-help:before {
  content: "\e9e8";
}

.motif-helping-hand:before {
  content: "\e9e9";
}

.motif-high-connection:before {
  content: "\e9ea";
}

.motif-high-importance:before {
  content: "\e9eb";
}

.motif-high-priority:before {
  content: "\e9ec";
}

.motif-home:before {
  content: "\e9ed";
}

.motif-honesty:before {
  content: "\e9ee";
}

.motif-honey:before {
  content: "\e9ef";
}

.motif-hospital-3:before {
  content: "\e9f0";
}

.motif-hot-dog:before {
  content: "\e9f1";
}

.motif-human-bone:before {
  content: "\e9f2";
}

.motif-ice-cream-cone:before {
  content: "\e9f3";
}

.motif-id-card:before {
  content: "\e9f4";
}

.motif-id-verified:before {
  content: "\e9f5";
}

.motif-idea:before {
  content: "\e9f6";
}

.motif-in-transit:before {
  content: "\e9f7";
}

.motif-inbox:before {
  content: "\e9f8";
}

.motif-info:before {
  content: "\e9f9";
}

.motif-info-squared:before {
  content: "\e9fa";
}

.motif-infusion-pumps:before {
  content: "\e9fb";
}

.motif-ingredients-list:before {
  content: "\e9fc";
}

.motif-inspection:before {
  content: "\e9fd";
}

.motif-internal:before {
  content: "\e9fe";
}

.motif-internet:before {
  content: "\e9ff";
}

.motif-invisible:before {
  content: "\ea00";
}

.motif-invite:before {
  content: "\ea01";
}

.motif-ios-development:before {
  content: "\ea02";
}

.motif-job:before {
  content: "\ea03";
}

.motif-key:before {
  content: "\ea04";
}

.motif-keyhole-shield:before {
  content: "\ea05";
}

.motif-kidney:before {
  content: "\ea06";
}

.motif-label-printer:before {
  content: "\ea07";
}

.motif-language:before {
  content: "\ea08";
}

.motif-large-intestine:before {
  content: "\ea09";
}

.motif-leave:before {
  content: "\ea0a";
}

.motif-left-2:before {
  content: "\ea0b";
}

.motif-left-3:before {
  content: "\ea0c";
}

.motif-left-arrow:before {
  content: "\ea0d";
}

.motif-left-down-2:before {
  content: "\ea0e";
}

.motif-left-round:before {
  content: "\ea0f";
}

.motif-left-squared:before {
  content: "\ea10";
}

.motif-left-up-2:before {
  content: "\ea11";
}

.motif-lgbt-men:before {
  content: "\ea12";
}

.motif-lgbt-women:before {
  content: "\ea13";
}

.motif-library:before {
  content: "\ea14";
}

.motif-lightning-bolt:before {
  content: "\ea15";
}

.motif-like:before {
  content: "\ea16";
}

.motif-list:before {
  content: "\ea17";
}

.motif-liver:before {
  content: "\ea18";
}

.motif-lock:before {
  content: "\ea19";
}

.motif-lock-2:before {
  content: "\ea1a";
}

.motif-login:before {
  content: "\eb3b";
}

.motif-loser:before {
  content: "\ea1b";
}

.motif-low-priority:before {
  content: "\ea1c";
}

.motif-loyalty:before {
  content: "\ea1d";
}

.motif-lungs:before {
  content: "\ea1e";
}

.motif-manage-payment:before {
  content: "\eb3c";
}

.motif-map-marker:before {
  content: "\ea1f";
}

.motif-marker:before {
  content: "\ea20";
}

.motif-marker-pen:before {
  content: "\ea21";
}

.motif-massage:before {
  content: "\ea22";
}

.motif-medical-doctor:before {
  content: "\ea23";
}

.motif-medical-heart:before {
  content: "\ea24";
}

.motif-medical-mobile-app:before {
  content: "\ea25";
}

.motif-medical-thermometer:before {
  content: "\ea26";
}

.motif-megaphone:before {
  content: "\ea27";
}

.motif-membership-card:before {
  content: "\ea28";
}

.motif-mental-state:before {
  content: "\ea29";
}

.motif-menu:before {
  content: "\eb3d";
}

.motif-menu-kebab:before {
  content: "\ea2a";
}

.motif-merge-horizontal:before {
  content: "\ea2b";
}

.motif-merge-vertical:before {
  content: "\ea2c";
}

.motif-message:before {
  content: "\ea2d";
}

.motif-message-filled:before {
  content: "\ea2e";
}

.motif-metamorphose:before {
  content: "\ea2f";
}

.motif-microbeam_radiation_therapy:before {
  content: "\ea30";
}

.motif-micropore-tape:before {
  content: "\ea31";
}

.motif-mind-and-body:before {
  content: "\eb3e";
}

.motif-minus:before {
  content: "\ea32";
}

.motif-mobile-shop-cards:before {
  content: "\ea33";
}

.motif-mortar-and-pestle:before {
  content: "\ea34";
}

.motif-move:before {
  content: "\ea35";
}

.motif-ms-excel:before {
  content: "\eb26";
}

.motif-multiple-devices:before {
  content: "\ea36";
}

.motif-music:before {
  content: "\ea37";
}

.motif-mute:before {
  content: "\ea38";
}

.motif-negative-dynamic:before {
  content: "\ea39";
}

.motif-news:before {
  content: "\ea3a";
}

.motif-no-chat:before {
  content: "\ea3b";
}

.motif-no-edit:before {
  content: "\ea3c";
}

.motif-no-filling:before {
  content: "\ea3d";
}

.motif-no-idea:before {
  content: "\ea3e";
}

.motif-no-reminders:before {
  content: "\ea3f";
}

.motif-no-smoking:before {
  content: "\ea40";
}

.motif-nose:before {
  content: "\ea41";
}

.motif-not-hearing:before {
  content: "\ea42";
}

.motif-notebook:before {
  content: "\eb3f";
}

.motif-numbered-list:before {
  content: "\ea43";
}

.motif-numerical-sorting-12:before {
  content: "\ea44";
}

.motif-numerical-sorting-21:before {
  content: "\ea45";
}

.motif-ok:before {
  content: "\ea46";
}

.motif-opened-captioning:before {
  content: "\ea47";
}

.motif-opened-folder:before {
  content: "\ea48";
}

.motif-order-on-the-way:before {
  content: "\ea49";
}

.motif-order-shipped:before {
  content: "\ea4a";
}

.motif-organization:before {
  content: "\ea4b";
}

.motif-overview_pages_3:before {
  content: "\ea4c";
}

.motif-pacemaker:before {
  content: "\ea4d";
}

.motif-paper-clip:before {
  content: "\eb27";
}

.motif-paper-plane:before {
  content: "\ea4e";
}

.motif-parse-from-clipboard:before {
  content: "\ea4f";
}

.motif-past:before {
  content: "\ea50";
}

.motif-paste:before {
  content: "\ea51";
}

.motif-paycheque:before {
  content: "\ea52";
}

.motif-pdf:before {
  content: "\ea53";
}

.motif-pen:before {
  content: "\ea54";
}

.motif-pencil:before {
  content: "\ea55";
}

.motif-pencil-tip:before {
  content: "\ea56";
}

.motif-pharmacist:before {
  content: "\ea57";
}

.motif-phone:before {
  content: "\ea58";
}

.motif-physical-therapy:before {
  content: "\ea59";
}

.motif-picture:before {
  content: "\ea5a";
}

.motif-pill:before {
  content: "\ea5b";
}

.motif-play:before {
  content: "\ea5c";
}

.motif-play-round:before {
  content: "\ea5d";
}

.motif-plus:before {
  content: "\ea5e";
}

.motif-posture:before {
  content: "\ea5f";
}

.motif-prescription-pill-bottle:before {
  content: "\ea60";
}

.motif-presentation-filled:before {
  content: "\ea61";
}

.motif-price-tag:before {
  content: "\ea62";
}

.motif-price-tag-usd:before {
  content: "\ea63";
}

.motif-print:before {
  content: "\ea64";
}

.motif-printed-ocr:before {
  content: "\ea65";
}

.motif-pulse:before {
  content: "\ea66";
}

.motif-puzzle:before {
  content: "\ea67";
}

.motif-question:before {
  content: "\ea68";
}

.motif-rating:before {
  content: "\ea69";
}

.motif-read-message:before {
  content: "\ea6a";
}

.motif-read-message1:before {
  content: "\ea6b";
}

.motif-reading:before {
  content: "\ea6c";
}

.motif-rebalance-portfolio:before {
  content: "\ea6d";
}

.motif-recurring-appointment:before {
  content: "\ea6e";
}

.motif-recurring-appointment-exception:before {
  content: "\ea6f";
}

.motif-redo:before {
  content: "\ea70";
}

.motif-refresh:before {
  content: "\ea71";
}

.motif-reply:before {
  content: "\ea72";
}

.motif-resize-diagonal:before {
  content: "\ea73";
}

.motif-resize-four-directions:before {
  content: "\ea74";
}

.motif-resize-horizontal:before {
  content: "\ea75";
}

.motif-resize-vertical:before {
  content: "\ea76";
}

.motif-restrict:before {
  content: "\ea77";
}

.motif-retweet:before {
  content: "\ea78";
}

.motif-reviewer-male:before {
  content: "\ea79";
}

.motif-ribbon:before {
  content: "\eb2e";
}

.motif-right-2:before {
  content: "\ea7a";
}

.motif-right-3:before {
  content: "\ea7b";
}

.motif-right-arrow:before {
  content: "\ea7c";
}

.motif-right-down-2:before {
  content: "\ea7d";
}

.motif-right-round:before {
  content: "\ea7e";
}

.motif-right-squared:before {
  content: "\ea7f";
}

.motif-right-up-2:before {
  content: "\ea80";
}

.motif-rod_of_asclepius:before {
  content: "\ea81";
}

.motif-rotate:before {
  content: "\ea82";
}

.motif-rotate-left:before {
  content: "\ea83";
}

.motif-rotate-right:before {
  content: "\ea84";
}

.motif-rotate-right-1-1-1:before {
  content: "\ea85";
}

.motif-rss:before {
  content: "\ea86";
}

.motif-ruler:before {
  content: "\ea87";
}

.motif-rules:before {
  content: "\ea88";
}

.motif-sad-cloud:before {
  content: "\eb1f";
}

.motif-safety-collection-place:before {
  content: "\ea89";
}

.motif-safety-pin:before {
  content: "\ea8a";
}

.motif-safety-shower:before {
  content: "\ea8b";
}

.motif-salad:before {
  content: "\eb40";
}

.motif-sales-performance:before {
  content: "\ea8c";
}

.motif-saliva-test:before {
  content: "\ea8d";
}

.motif-save-the-children:before {
  content: "\ea8e";
}

.motif-scale:before {
  content: "\ea8f";
}

.motif-scalpel:before {
  content: "\ea90";
}

.motif-scissors:before {
  content: "\ea91";
}

.motif-search-1:before {
  content: "\ea92";
}

.motif-search-contacts:before {
  content: "\ea93";
}

.motif-search-property:before {
  content: "\ea94";
}

.motif-secured-by-alarm-system:before {
  content: "\ea95";
}

.motif-security-ssl:before {
  content: "\ea96";
}

.motif-sell-property:before {
  content: "\ea97";
}

.motif-send:before {
  content: "\eb41";
}

.motif-sent:before {
  content: "\ea98";
}

.motif-services:before {
  content: "\ea99";
}

.motif-settings:before {
  content: "\ea9a";
}

.motif-shield:before {
  content: "\ea9b";
}

.motif-shopping-bag:before {
  content: "\ea9c";
}

.motif-shopping-cart:before {
  content: "\ea9d";
}

.motif-sign_language_interpretation:before {
  content: "\ea9e";
}

.motif-skeleton:before {
  content: "\ea9f";
}

.motif-skin:before {
  content: "\eaa0";
}

.motif-skull:before {
  content: "\eaa1";
}

.motif-sleeping-in-bed:before {
  content: "\eaa2";
}

.motif-slippery-floor:before {
  content: "\eb44";
}

.motif-small-business:before {
  content: "\eaa3";
}

.motif-smartphone-approve:before {
  content: "\eaa4";
}

.motif-sneaker:before {
  content: "\eb20";
}

.motif-sneeze:before {
  content: "\eaa5";
}

.motif-soldering-iron:before {
  content: "\eaa6";
}

.motif-sort:before {
  content: "\eaa7";
}

.motif-sort-down:before {
  content: "\eaa8";
}

.motif-sort-down-filled:before {
  content: "\eaa9";
}

.motif-sort-left:before {
  content: "\eaaa";
}

.motif-sort-right:before {
  content: "\eaab";
}

.motif-sort-up:before {
  content: "\eaac";
}

.motif-sort-up-filled:before {
  content: "\eaad";
}

.motif-sorting-arrows:before {
  content: "\eaae";
}

.motif-sorting-arrows-horizontal:before {
  content: "\eaaf";
}

.motif-sorting-options:before {
  content: "\eab0";
}

.motif-speech-bubble:before {
  content: "\eab1";
}

.motif-sperm-bank:before {
  content: "\eab2";
}

.motif-split-horizontal:before {
  content: "\eab3";
}

.motif-split-vertical:before {
  content: "\eab4";
}

.motif-standing-man:before {
  content: "\eab5";
}

.motif-standing-woman:before {
  content: "\eab6";
}

.motif-star:before {
  content: "\eab7";
}

.motif-star-half:before {
  content: "\eab8";
}

.motif-star-half-empty:before {
  content: "\eab9";
}

.motif-statistics:before {
  content: "\eaba";
}

.motif-stethoscope:before {
  content: "\eabb";
}

.motif-stitch-marker:before {
  content: "\eabc";
}

.motif-stocks:before {
  content: "\eabd";
}

.motif-stomach:before {
  content: "\eabe";
}

.motif-stop-pie-chart-report:before {
  content: "\eabf";
}

.motif-stretcher:before {
  content: "\eac0";
}

.motif-submit-resume:before {
  content: "\eac1";
}

.motif-suicide-risk:before {
  content: "\eac2";
}

.motif-support:before {
  content: "\eac3";
}

.motif-surgical-scissors:before {
  content: "\eac4";
}

.motif-swap:before {
  content: "\eac5";
}

.motif-symbol-mars:before {
  content: "\eb21";
}

.motif-symbol-venus:before {
  content: "\eb22";
}

.motif-synchronize:before {
  content: "\eac6";
}

.motif-syringe:before {
  content: "\eac7";
}

.motif-tags:before {
  content: "\eac8";
}

.motif-tasklist:before {
  content: "\eac9";
}

.motif-tasks:before {
  content: "\eaca";
}

.motif-tax:before {
  content: "\eacb";
}

.motif-technical_support:before {
  content: "\eacc";
}

.motif-technology-items:before {
  content: "\eacd";
}

.motif-template:before {
  content: "\eace";
}

.motif-test-partial-passed:before {
  content: "\eacf";
}

.motif-therapy:before {
  content: "\ead0";
}

.motif-thick-arrow-pointing-down:before {
  content: "\ead1";
}

.motif-thick-arrow-pointing-up:before {
  content: "\ead2";
}

.motif-thumb-down:before {
  content: "\ead3";
}

.motif-thumb-up:before {
  content: "\ead4";
}

.motif-tied-hands:before {
  content: "\ead5";
}

.motif-time-card:before {
  content: "\ead6";
}

.motif-timeline:before {
  content: "\ead7";
}

.motif-todo-list:before {
  content: "\ead8";
}

.motif-tooth:before {
  content: "\ead9";
}

.motif-toothbrush:before {
  content: "\eada";
}

.motif-toothpaste:before {
  content: "\eadb";
}

.motif-topic:before {
  content: "\eadc";
}

.motif-touchscreen-smartphone:before {
  content: "\eadd";
}

.motif-training:before {
  content: "\eade";
}

.motif-transaction-list:before {
  content: "\eadf";
}

.motif-transfer-between-users:before {
  content: "\eae0";
}

.motif-trash:before {
  content: "\eae1";
}

.motif-travel-card:before {
  content: "\eae2";
}

.motif-treatment-plan:before {
  content: "\eae3";
}

.motif-tree-structure:before {
  content: "\eae4";
}

.motif-triangle:before {
  content: "\eae5";
}

.motif-triangular-bandage:before {
  content: "\eae6";
}

.motif-true-false:before {
  content: "\eae7";
}

.motif-trust:before {
  content: "\eae8";
}

.motif-tv:before {
  content: "\eae9";
}

.motif-tweezers:before {
  content: "\eaea";
}

.motif-twitter:before {
  content: "\eaeb";
}

.motif-ultrasound:before {
  content: "\eaec";
}

.motif-unchecked-checkbox:before {
  content: "\eaed";
}

.motif-undo:before {
  content: "\eaee";
}

.motif-unhcr:before {
  content: "\eaef";
}

.motif-unicef:before {
  content: "\eaf0";
}

.motif-unlock:before {
  content: "\eaf1";
}

.motif-unlock-2:before {
  content: "\eaf2";
}

.motif-up-2:before {
  content: "\eaf3";
}

.motif-up-3:before {
  content: "\eaf4";
}

.motif-up-arrow:before {
  content: "\eaf5";
}

.motif-up-left:before {
  content: "\eaf6";
}

.motif-up-left-arrow:before {
  content: "\eaf7";
}

.motif-up-left-round:before {
  content: "\eaf8";
}

.motif-up-right:before {
  content: "\eaf9";
}

.motif-up-right-arrow:before {
  content: "\eafa";
}

.motif-up-right-round:before {
  content: "\eafb";
}

.motif-up-round:before {
  content: "\eafc";
}

.motif-up-squared:before {
  content: "\eafd";
}

.motif-update-tag:before {
  content: "\eafe";
}

.motif-upload:before {
  content: "\eaff";
}

.motif-upload-2:before {
  content: "\eb00";
}

.motif-urgent-message:before {
  content: "\eb01";
}

.motif-urine-collection:before {
  content: "\eb02";
}

.motif-user-checked:before {
  content: "\eb23";
}

.motif-user-group-man-man:before {
  content: "\eb03";
}

.motif-user-group-man-woman:before {
  content: "\eb04";
}

.motif-user-group-woman-woman:before {
  content: "\eb05";
}

.motif-user-male-circle:before {
  content: "\eb06";
}

.motif-user-manual:before {
  content: "\eb07";
}

.motif-user-remove:before {
  content: "\eb24";
}

.motif-uterus:before {
  content: "\eb08";
}

.motif-vaccine-drop:before {
  content: "\eb09";
}

.motif-vending-machine:before {
  content: "\eb0a";
}

.motif-video-conference:before {
  content: "\eb0b";
}

.motif-video-projector:before {
  content: "\eb0c";
}

.motif-view-details:before {
  content: "\eb0d";
}

.motif-vip:before {
  content: "\eb0e";
}

.motif-virus:before {
  content: "\eb0f";
}

.motif-visible:before {
  content: "\eb10";
}

.motif-visualy-impaired:before {
  content: "\eb11";
}

.motif-walker:before {
  content: "\eb12";
}

.motif-walking-stick:before {
  content: "\eb13";
}

.motif-warning-shield:before {
  content: "\eb14";
}

.motif-wheelchair:before {
  content: "\eb15";
}

.motif-why-us-male:before {
  content: "\eb16";
}

.motif-wipes:before {
  content: "\eb17";
}

.motif-wooden_massagetable:before {
  content: "\eb18";
}

.motif-world-health-organization:before {
  content: "\eb19";
}

.motif-xray:before {
  content: "\eb1a";
}

.motif-yoga:before {
  content: "\eb42";
}

.motif-yogurt:before {
  content: "\eb1b";
}

.motif-youtube-play:before {
  content: "\eb1c";
}

@font-face {
  font-family: "ant-classic-icons";
  src: url('/member/assets/fonts/icons/classic/ant-classic-icons.eot?5lat0d');
  src: url('/member/assets/fonts/icons/classic/ant-classic-icons.eot?5lat0d#iefix') format("embedded-opentype"), url('/member/assets/fonts/icons/classic/ant-classic-icons.ttf?5lat0d') format("truetype"), url('/member/assets/fonts/icons/classic/ant-classic-icons.woff?5lat0d') format("woff"), url('/member/assets/fonts/icons/classic/ant-classic-icons.svg?5lat0d#ant-classic-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=fa-],
[class*=" fa-"],
[class^=ant-classic-],
[class*=" ant-classic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ant-classic-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-500px:before,
.ant-classic-500px:before {
  content: "\f100";
}

.fa-activity-grid-filled:before,
.ant-classic-activity-grid-filled:before {
  content: "\e91d";
}

.fa-adjust:before,
.ant-classic-adjust:before {
  content: "\f101";
}

.fa-adn:before,
.ant-classic-adn:before {
  content: "\f102";
}

.fa-agreement:before,
.ant-classic-agreement:before {
  content: "\e925";
}

.fa-agreement-filled:before,
.ant-classic-agreement-filled:before {
  content: "\e928";
}

.fa-align-center:before,
.ant-classic-align-center:before {
  content: "\f103";
}

.fa-align-justify:before,
.ant-classic-align-justify:before {
  content: "\f104";
}

.fa-align-left:before,
.ant-classic-align-left:before {
  content: "\f105";
}

.fa-align-right:before,
.ant-classic-align-right:before {
  content: "\f106";
}

.fa-amazon:before,
.ant-classic-amazon:before {
  content: "\f107";
}

.fa-ambulance:before,
.ant-classic-ambulance:before {
  content: "\f108";
}

.fa-anchor:before,
.ant-classic-anchor:before {
  content: "\f109";
}

.fa-android:before,
.ant-classic-android:before {
  content: "\f10a";
}

.fa-angellist:before,
.ant-classic-angellist:before {
  content: "\f10b";
}

.fa-angle-double-down:before,
.ant-classic-angle-double-down:before {
  content: "\f10c";
}

.fa-angle-double-left:before,
.ant-classic-angle-double-left:before {
  content: "\f10d";
}

.fa-angle-double-right:before,
.ant-classic-angle-double-right:before {
  content: "\f10e";
}

.fa-angle-double-up:before,
.ant-classic-angle-double-up:before {
  content: "\f10f";
}

.fa-angle-down:before,
.ant-classic-angle-down:before {
  content: "\f110";
}

.fa-angle-left:before,
.ant-classic-angle-left:before {
  content: "\f111";
}

.fa-angle-left2:before,
.ant-classic-angle-left2:before {
  content: "\f38e";
}

.fa-angle-right:before,
.ant-classic-angle-right:before {
  content: "\f112";
}

.fa-angle-up:before,
.ant-classic-angle-up:before {
  content: "\f113";
}

.fa-antapple:before,
.ant-classic-antapple:before {
  content: "\f38f";
}

.fa-apple:before,
.ant-classic-apple:before {
  content: "\f114";
}

.fa-archive:before,
.ant-classic-archive:before {
  content: "\f115";
}

.fa-area-chart:before,
.ant-classic-area-chart:before {
  content: "\f116";
}

.fa-arrow-circle-down:before,
.ant-classic-arrow-circle-down:before {
  content: "\f117";
}

.fa-arrow-circle-left:before,
.ant-classic-arrow-circle-left:before {
  content: "\f118";
}

.fa-arrow-circle-o-down:before,
.ant-classic-arrow-circle-o-down:before {
  content: "\f119";
}

.fa-arrow-circle-o-left:before,
.ant-classic-arrow-circle-o-left:before {
  content: "\f11a";
}

.fa-arrow-circle-o-right:before,
.ant-classic-arrow-circle-o-right:before {
  content: "\f11b";
}

.fa-arrow-circle-o-up:before,
.ant-classic-arrow-circle-o-up:before {
  content: "\f11c";
}

.fa-arrow-circle-right:before,
.ant-classic-arrow-circle-right:before {
  content: "\f11d";
}

.fa-arrow-circle-up:before,
.ant-classic-arrow-circle-up:before {
  content: "\f11e";
}

.fa-arrow-down:before,
.ant-classic-arrow-down:before {
  content: "\f11f";
}

.fa-arrow-left:before,
.ant-classic-arrow-left:before {
  content: "\f120";
}

.fa-arrow-right:before,
.ant-classic-arrow-right:before {
  content: "\f121";
}

.fa-arrow-up:before,
.ant-classic-arrow-up:before {
  content: "\f122";
}

.fa-arrows:before,
.ant-classic-arrows:before {
  content: "\f123";
}

.fa-arrows-alt:before,
.ant-classic-arrows-alt:before {
  content: "\f124";
}

.fa-arrows-h:before,
.ant-classic-arrows-h:before {
  content: "\f125";
}

.fa-arrows-v:before,
.ant-classic-arrows-v:before {
  content: "\f126";
}

.fa-asterisk:before,
.ant-classic-asterisk:before {
  content: "\f127";
}

.fa-at:before,
.ant-classic-at:before {
  content: "\f128";
}

.fa-automobile:before,
.ant-classic-automobile:before {
  content: "\f129";
}

.fa-availity:before,
.ant-classic-availity:before {
  content: "\e93e";
}

.fa-backward:before,
.ant-classic-backward:before {
  content: "\f12a";
}

.fa-balance-scale:before,
.ant-classic-balance-scale:before {
  content: "\f12b";
}

.fa-ban:before,
.ant-classic-ban:before {
  content: "\f12c";
}

.fa-bank:before,
.ant-classic-bank:before {
  content: "\f12d";
}

.fa-bar-chart:before,
.ant-classic-bar-chart:before {
  content: "\f12e";
}

.fa-bar-chart-o:before,
.ant-classic-bar-chart-o:before {
  content: "\f12f";
}

.fa-barcode:before,
.ant-classic-barcode:before {
  content: "\f130";
}

.fa-bars:before,
.ant-classic-bars:before {
  content: "\f131";
}

.fa-battery-0:before,
.ant-classic-battery-0:before {
  content: "\f132";
}

.fa-battery-1:before,
.ant-classic-battery-1:before {
  content: "\f133";
}

.fa-battery-2:before,
.ant-classic-battery-2:before {
  content: "\f134";
}

.fa-battery-3:before,
.ant-classic-battery-3:before {
  content: "\f135";
}

.fa-battery-4:before,
.ant-classic-battery-4:before {
  content: "\f136";
}

.fa-battery-empty:before,
.ant-classic-battery-empty:before {
  content: "\f137";
}

.fa-battery-full:before,
.ant-classic-battery-full:before {
  content: "\f138";
}

.fa-battery-half:before,
.ant-classic-battery-half:before {
  content: "\f139";
}

.fa-battery-quarter:before,
.ant-classic-battery-quarter:before {
  content: "\f13a";
}

.fa-battery-three-quarters:before,
.ant-classic-battery-three-quarters:before {
  content: "\f13b";
}

.fa-bed:before,
.ant-classic-bed:before {
  content: "\f13c";
}

.fa-beer:before,
.ant-classic-beer:before {
  content: "\f13d";
}

.fa-behance:before,
.ant-classic-behance:before {
  content: "\f13e";
}

.fa-behance-square:before,
.ant-classic-behance-square:before {
  content: "\f13f";
}

.fa-bell:before,
.ant-classic-bell:before {
  content: "\f140";
}

.fa-bell-o:before,
.ant-classic-bell-o:before {
  content: "\f141";
}

.fa-bell-slash:before,
.ant-classic-bell-slash:before {
  content: "\f142";
}

.fa-bell-slash-o:before,
.ant-classic-bell-slash-o:before {
  content: "\f143";
}

.fa-bicycle:before,
.ant-classic-bicycle:before {
  content: "\f144";
}

.fa-binoculars:before,
.ant-classic-binoculars:before {
  content: "\f145";
}

.fa-birthday-cake:before,
.ant-classic-birthday-cake:before {
  content: "\f146";
}

.fa-bitbucket:before,
.ant-classic-bitbucket:before {
  content: "\f147";
}

.fa-bitbucket-square:before,
.ant-classic-bitbucket-square:before {
  content: "\f148";
}

.fa-bitcoin:before,
.ant-classic-bitcoin:before {
  content: "\f149";
}

.fa-black-tie:before,
.ant-classic-black-tie:before {
  content: "\f14a";
}

.fa-bold:before,
.ant-classic-bold:before {
  content: "\f14b";
}

.fa-bolt:before,
.ant-classic-bolt:before {
  content: "\f14c";
}

.fa-bomb:before,
.ant-classic-bomb:before {
  content: "\f14d";
}

.fa-book:before,
.ant-classic-book:before {
  content: "\f14e";
}

.fa-bookmark:before,
.ant-classic-bookmark:before {
  content: "\f14f";
}

.fa-bookmark-o:before,
.ant-classic-bookmark-o:before {
  content: "\f150";
}

.fa-brain:before,
.ant-classic-brain:before {
  content: "\e90b";
}

.fa-brain-circle:before,
.ant-classic-brain-circle:before {
  content: "\e900";
}

.fa-briefcase:before,
.ant-classic-briefcase:before {
  content: "\f151";
}

.fa-btc:before,
.ant-classic-btc:before {
  content: "\f152";
}

.fa-bug:before,
.ant-classic-bug:before {
  content: "\f153";
}

.fa-building:before,
.ant-classic-building:before {
  content: "\f154";
}

.fa-building-o:before,
.ant-classic-building-o:before {
  content: "\f155";
}

.fa-bullhorn:before,
.ant-classic-bullhorn:before {
  content: "\f156";
}

.fa-bullseye:before,
.ant-classic-bullseye:before {
  content: "\f157";
}

.fa-bus:before,
.ant-classic-bus:before {
  content: "\f158";
}

.fa-buysellads:before,
.ant-classic-buysellads:before {
  content: "\f159";
}

.fa-cab:before,
.ant-classic-cab:before {
  content: "\f15a";
}

.fa-calculator:before,
.ant-classic-calculator:before {
  content: "\f15b";
}

.fa-calendar:before,
.ant-classic-calendar:before {
  content: "\f15c";
}

.fa-calendar-check-o:before,
.ant-classic-calendar-check-o:before {
  content: "\f15d";
}

.fa-calendar-minus-o:before,
.ant-classic-calendar-minus-o:before {
  content: "\f15e";
}

.fa-calendar-o:before,
.ant-classic-calendar-o:before {
  content: "\f15f";
}

.fa-calendar-plus-o:before,
.ant-classic-calendar-plus-o:before {
  content: "\f160";
}

.fa-calendar-times-o:before,
.ant-classic-calendar-times-o:before {
  content: "\f161";
}

.fa-camera:before,
.ant-classic-camera:before {
  content: "\f162";
}

.fa-camera-retro:before,
.ant-classic-camera-retro:before {
  content: "\f163";
}

.fa-car:before,
.ant-classic-car:before {
  content: "\f164";
}

.fa-caret-down:before,
.ant-classic-caret-down:before {
  content: "\f0d7";
}

.fa-caret-down-1:before,
.ant-classic-caret-down-1:before {
  content: "\f165";
}

.fa-caret-left:before,
.ant-classic-caret-left:before {
  content: "\f0d9";
}

.fa-caret-left-1:before,
.ant-classic-caret-left-1:before {
  content: "\f166";
}

.fa-caret-right:before,
.ant-classic-caret-right:before {
  content: "\f0da";
}

.fa-caret-right-1:before,
.ant-classic-caret-right-1:before {
  content: "\f167";
}

.fa-caret-square-o-down:before,
.ant-classic-caret-square-o-down:before {
  content: "\f168";
}

.fa-caret-square-o-left:before,
.ant-classic-caret-square-o-left:before {
  content: "\f169";
}

.fa-caret-square-o-right:before,
.ant-classic-caret-square-o-right:before {
  content: "\f16a";
}

.fa-caret-square-o-up:before,
.ant-classic-caret-square-o-up:before {
  content: "\f16b";
}

.fa-caret-up:before,
.ant-classic-caret-up:before {
  content: "\f0d8";
}

.fa-caret-up-1:before,
.ant-classic-caret-up-1:before {
  content: "\f16c";
}

.fa-cart-arrow-down:before,
.ant-classic-cart-arrow-down:before {
  content: "\f16d";
}

.fa-cart-plus:before,
.ant-classic-cart-plus:before {
  content: "\f16e";
}

.fa-cc:before,
.ant-classic-cc:before {
  content: "\f16f";
}

.fa-cc-amex:before,
.ant-classic-cc-amex:before {
  content: "\f170";
}

.fa-cc-diners-club:before,
.ant-classic-cc-diners-club:before {
  content: "\f171";
}

.fa-cc-discover:before,
.ant-classic-cc-discover:before {
  content: "\f172";
}

.fa-cc-jcb:before,
.ant-classic-cc-jcb:before {
  content: "\f173";
}

.fa-cc-mastercard:before,
.ant-classic-cc-mastercard:before {
  content: "\f174";
}

.fa-cc-paypal:before,
.ant-classic-cc-paypal:before {
  content: "\f175";
}

.fa-cc-stripe:before,
.ant-classic-cc-stripe:before {
  content: "\f176";
}

.fa-cc-visa:before,
.ant-classic-cc-visa:before {
  content: "\f177";
}

.fa-certificate:before,
.ant-classic-certificate:before {
  content: "\f178";
}

.fa-chain:before,
.ant-classic-chain:before {
  content: "\f179";
}

.fa-chain-broken:before,
.ant-classic-chain-broken:before {
  content: "\f17a";
}

.fa-chat-outline:before,
.ant-classic-chat-outline:before {
  content: "\e93f";
}

.fa-check:before,
.ant-classic-check:before {
  content: "\f17b";
}

.fa-check-circle:before,
.ant-classic-check-circle:before {
  content: "\f17c";
}

.fa-check-circle-o:before,
.ant-classic-check-circle-o:before {
  content: "\f17d";
}

.fa-check-square:before,
.ant-classic-check-square:before {
  content: "\f17e";
}

.fa-check-square-o:before,
.ant-classic-check-square-o:before {
  content: "\f17f";
}

.fa-chevron-circle-down:before,
.ant-classic-chevron-circle-down:before {
  content: "\f180";
}

.fa-chevron-circle-left:before,
.ant-classic-chevron-circle-left:before {
  content: "\f181";
}

.fa-chevron-circle-right:before,
.ant-classic-chevron-circle-right:before {
  content: "\f182";
}

.fa-chevron-circle-up:before,
.ant-classic-chevron-circle-up:before {
  content: "\f183";
}

.fa-chevron-down:before,
.ant-classic-chevron-down:before {
  content: "\f184";
}

.fa-chevron-down-filled:before,
.ant-classic-chevron-down-filled:before {
  content: "\e91e";
}

.fa-chevron-left:before,
.ant-classic-chevron-left:before {
  content: "\f185";
}

.fa-chevron-left-filled:before,
.ant-classic-chevron-left-filled:before {
  content: "\e91f";
}

.fa-chevron-right:before,
.ant-classic-chevron-right:before {
  content: "\f186";
}

.fa-chevron-right-filled:before,
.ant-classic-chevron-right-filled:before {
  content: "\e924";
}

.fa-chevron-up:before,
.ant-classic-chevron-up:before {
  content: "\f187";
}

.fa-chevron-up-filled:before,
.ant-classic-chevron-up-filled:before {
  content: "\e920";
}

.fa-child:before,
.ant-classic-child:before {
  content: "\f188";
}

.fa-chrome:before,
.ant-classic-chrome:before {
  content: "\f189";
}

.fa-circle:before,
.ant-classic-circle:before {
  content: "\f18a";
}

.fa-circle-o:before,
.ant-classic-circle-o:before {
  content: "\f18b";
}

.fa-circle-o-notch:before,
.ant-classic-circle-o-notch:before {
  content: "\f18c";
}

.fa-circle-thin:before,
.ant-classic-circle-thin:before {
  content: "\f18d";
}

.fa-clinic:before,
.ant-classic-clinic:before {
  content: "\e93d";
}

.fa-clipboard:before,
.ant-classic-clipboard:before {
  content: "\f18e";
}

.fa-clock-o:before,
.ant-classic-clock-o:before {
  content: "\f18f";
}

.fa-clone:before,
.ant-classic-clone:before {
  content: "\f190";
}

.fa-close:before,
.ant-classic-close:before {
  content: "\f191";
}

.fa-cloud:before,
.ant-classic-cloud:before {
  content: "\f192";
}

.fa-cloud-download:before,
.ant-classic-cloud-download:before {
  content: "\f193";
}

.fa-cloud-upload:before,
.ant-classic-cloud-upload:before {
  content: "\f194";
}

.fa-cny:before,
.ant-classic-cny:before {
  content: "\f195";
}

.fa-code:before,
.ant-classic-code:before {
  content: "\f196";
}

.fa-code-fork:before,
.ant-classic-code-fork:before {
  content: "\f197";
}

.fa-codepen:before,
.ant-classic-codepen:before {
  content: "\f198";
}

.fa-coffee:before,
.ant-classic-coffee:before {
  content: "\f199";
}

.fa-cog:before,
.ant-classic-cog:before {
  content: "\f19a";
}

.fa-cogs:before,
.ant-classic-cogs:before {
  content: "\f19b";
}

.fa-columns:before,
.ant-classic-columns:before {
  content: "\f19c";
}

.fa-comment:before,
.ant-classic-comment:before {
  content: "\f19d";
}

.fa-comment-o:before,
.ant-classic-comment-o:before {
  content: "\f19e";
}

.fa-commenting:before,
.ant-classic-commenting:before {
  content: "\f19f";
}

.fa-commenting-o:before,
.ant-classic-commenting-o:before {
  content: "\f1a0";
}

.fa-comments:before,
.ant-classic-comments:before {
  content: "\f1a1";
}

.fa-comments-o:before,
.ant-classic-comments-o:before {
  content: "\f1a2";
}

.fa-compass:before,
.ant-classic-compass:before {
  content: "\f1a3";
}

.fa-compress:before,
.ant-classic-compress:before {
  content: "\f1a4";
}

.fa-connectdevelop:before,
.ant-classic-connectdevelop:before {
  content: "\f1a5";
}

.fa-contao:before,
.ant-classic-contao:before {
  content: "\f1a6";
}

.fa-copy:before,
.ant-classic-copy:before {
  content: "\f1a7";
}

.fa-copyright:before,
.ant-classic-copyright:before {
  content: "\f1a8";
}

.fa-creative-commons:before,
.ant-classic-creative-commons:before {
  content: "\f1a9";
}

.fa-credit-card:before,
.ant-classic-credit-card:before {
  content: "\f1aa";
}

.fa-critical-condition:before,
.ant-classic-critical-condition:before {
  content: "\e92a";
}

.fa-critical-condition-circle:before,
.ant-classic-critical-condition-circle:before {
  content: "\e92f";
}

.fa-crop:before,
.ant-classic-crop:before {
  content: "\f1ab";
}

.fa-crosshairs:before,
.ant-classic-crosshairs:before {
  content: "\f1ac";
}

.fa-crutches:before,
.ant-classic-crutches:before {
  content: "\e907";
}

.fa-crutches-circle:before,
.ant-classic-crutches-circle:before {
  content: "\e902";
}

.fa-css3:before,
.ant-classic-css3:before {
  content: "\f1ad";
}

.fa-cube:before,
.ant-classic-cube:before {
  content: "\f1ae";
}

.fa-cubes:before,
.ant-classic-cubes:before {
  content: "\f1af";
}

.fa-cut:before,
.ant-classic-cut:before {
  content: "\f1b0";
}

.fa-cutlery:before,
.ant-classic-cutlery:before {
  content: "\f1b1";
}

.fa-dashboard:before,
.ant-classic-dashboard:before {
  content: "\f1b2";
}

.fa-dashcube:before,
.ant-classic-dashcube:before {
  content: "\f1b3";
}

.fa-database:before,
.ant-classic-database:before {
  content: "\f1b4";
}

.fa-dedent:before,
.ant-classic-dedent:before {
  content: "\f1b5";
}

.fa-delicious:before,
.ant-classic-delicious:before {
  content: "\f1b6";
}

.fa-desktop:before,
.ant-classic-desktop:before {
  content: "\f1b7";
}

.fa-deviantart:before,
.ant-classic-deviantart:before {
  content: "\f1b8";
}

.fa-diamond:before,
.ant-classic-diamond:before {
  content: "\f1b9";
}

.fa-digg:before,
.ant-classic-digg:before {
  content: "\f1ba";
}

.fa-documents-stacked:before,
.ant-classic-documents-stacked:before {
  content: "\e921";
}

.fa-dollar:before,
.ant-classic-dollar:before {
  content: "\f1bb";
}

.fa-dot-circle-o:before,
.ant-classic-dot-circle-o:before {
  content: "\f1bc";
}

.fa-download:before,
.ant-classic-download:before {
  content: "\f1bd";
}

.fa-dribbble:before,
.ant-classic-dribbble:before {
  content: "\f1be";
}

.fa-dropbox:before,
.ant-classic-dropbox:before {
  content: "\f1bf";
}

.fa-drupal:before,
.ant-classic-drupal:before {
  content: "\f1c0";
}

.fa-edit:before,
.ant-classic-edit:before {
  content: "\f1c1";
}

.fa-eject:before,
.ant-classic-eject:before {
  content: "\f1c2";
}

.fa-ellipsis-h:before,
.ant-classic-ellipsis-h:before {
  content: "\f1c3";
}

.fa-ellipsis-v:before,
.ant-classic-ellipsis-v:before {
  content: "\f1c4";
}

.fa-empire:before,
.ant-classic-empire:before {
  content: "\f1c5";
}

.fa-envelope:before,
.ant-classic-envelope:before {
  content: "\f1c6";
}

.fa-envelope-o:before,
.ant-classic-envelope-o:before {
  content: "\f1c7";
}

.fa-envelope-square:before,
.ant-classic-envelope-square:before {
  content: "\f1c8";
}

.fa-eraser:before,
.ant-classic-eraser:before {
  content: "\f1c9";
}

.fa-eur:before,
.ant-classic-eur:before {
  content: "\f1ca";
}

.fa-euro:before,
.ant-classic-euro:before {
  content: "\f1cb";
}

.fa-exchange:before,
.ant-classic-exchange:before {
  content: "\f1cc";
}

.fa-exclamation:before,
.ant-classic-exclamation:before {
  content: "\f1cd";
}

.fa-exclamation-circle:before,
.ant-classic-exclamation-circle:before {
  content: "\f1ce";
}

.fa-exclamation-mark-filled:before,
.ant-classic-exclamation-mark-filled:before {
  content: "\e922";
}

.fa-exclamation-mark-filled2:before,
.ant-classic-exclamation-mark-filled2:before {
  content: "\e937";
}

.fa-exclamation-triangle:before,
.ant-classic-exclamation-triangle:before {
  content: "\f1cf";
}

.fa-exercise-bike:before,
.ant-classic-exercise-bike:before {
  content: "\e931";
}

.fa-exercise-bike-circle:before,
.ant-classic-exercise-bike-circle:before {
  content: "\e930";
}

.fa-expand:before,
.ant-classic-expand:before {
  content: "\f1d0";
}

.fa-expeditedssl:before,
.ant-classic-expeditedssl:before {
  content: "\f1d1";
}

.fa-external-link:before,
.ant-classic-external-link:before {
  content: "\f1d2";
}

.fa-external-link-square:before,
.ant-classic-external-link-square:before {
  content: "\f1d3";
}

.fa-eye:before,
.ant-classic-eye:before {
  content: "\f1d4";
}

.fa-eye-slash:before,
.ant-classic-eye-slash:before {
  content: "\f1d5";
}

.fa-eyedropper:before,
.ant-classic-eyedropper:before {
  content: "\f1d6";
}

.fa-fa-conference-call:before,
.ant-classic-fa-conference-call:before {
  content: "\e914";
}

.fa-fa-conference-call-filled:before,
.ant-classic-fa-conference-call-filled:before {
  content: "\e913";
}

.fa-fa-pill:before,
.ant-classic-fa-pill:before {
  content: "\e916";
}

.fa-fa-pill-filled:before,
.ant-classic-fa-pill-filled:before {
  content: "\e915";
}

.fa-fa-storage:before,
.ant-classic-fa-storage:before {
  content: "\e918";
}

.fa-fa-storage-filled:before,
.ant-classic-fa-storage-filled:before {
  content: "\e917";
}

.fa-fa-triangular-bandage:before,
.ant-classic-fa-triangular-bandage:before {
  content: "\e91a";
}

.fa-fa-triangular-bandage-filled:before,
.ant-classic-fa-triangular-bandage-filled:before {
  content: "\e919";
}

.fa-fa-view-details:before,
.ant-classic-fa-view-details:before {
  content: "\e91c";
}

.fa-fa-view-details-filled:before,
.ant-classic-fa-view-details-filled:before {
  content: "\e91b";
}

.fa-facebook:before,
.ant-classic-facebook:before {
  content: "\f1d7";
}

.fa-facebook-official:before,
.ant-classic-facebook-official:before {
  content: "\f1d8";
}

.fa-facebook-square:before,
.ant-classic-facebook-square:before {
  content: "\f1d9";
}

.fa-family:before,
.ant-classic-family:before {
  content: "\e908";
}

.fa-family-circle:before,
.ant-classic-family-circle:before {
  content: "\e905";
}

.fa-fast-backward:before,
.ant-classic-fast-backward:before {
  content: "\f1da";
}

.fa-fast-forward:before,
.ant-classic-fast-forward:before {
  content: "\f1db";
}

.fa-fax:before,
.ant-classic-fax:before {
  content: "\f1dc";
}

.fa-female:before,
.ant-classic-female:before {
  content: "\f1dd";
}

.fa-fertility:before,
.ant-classic-fertility:before {
  content: "\e92c";
}

.fa-fertility-circle:before,
.ant-classic-fertility-circle:before {
  content: "\e92b";
}

.fa-fighter-jet:before,
.ant-classic-fighter-jet:before {
  content: "\f1de";
}

.fa-file:before,
.ant-classic-file:before {
  content: "\f1df";
}

.fa-file-archive-o:before,
.ant-classic-file-archive-o:before {
  content: "\f1e0";
}

.fa-file-audio-o:before,
.ant-classic-file-audio-o:before {
  content: "\f1e1";
}

.fa-file-code-o:before,
.ant-classic-file-code-o:before {
  content: "\f1e2";
}

.fa-file-excel-o:before,
.ant-classic-file-excel-o:before {
  content: "\f1e3";
}

.fa-file-image-o:before,
.ant-classic-file-image-o:before {
  content: "\f1e4";
}

.fa-file-movie-o:before,
.ant-classic-file-movie-o:before {
  content: "\f1e5";
}

.fa-file-o:before,
.ant-classic-file-o:before {
  content: "\f1e6";
}

.fa-file-pdf-o:before,
.ant-classic-file-pdf-o:before {
  content: "\f1e7";
}

.fa-file-photo-o:before,
.ant-classic-file-photo-o:before {
  content: "\f1e8";
}

.fa-file-picture-o:before,
.ant-classic-file-picture-o:before {
  content: "\f1e9";
}

.fa-file-powerpoint-o:before,
.ant-classic-file-powerpoint-o:before {
  content: "\f1ea";
}

.fa-file-sound-o:before,
.ant-classic-file-sound-o:before {
  content: "\f1eb";
}

.fa-file-text:before,
.ant-classic-file-text:before {
  content: "\f1ec";
}

.fa-file-text-o:before,
.ant-classic-file-text-o:before {
  content: "\f1ed";
}

.fa-file-video-o:before,
.ant-classic-file-video-o:before {
  content: "\f1ee";
}

.fa-file-word-o:before,
.ant-classic-file-word-o:before {
  content: "\f1ef";
}

.fa-file-zip-o:before,
.ant-classic-file-zip-o:before {
  content: "\f1f0";
}

.fa-files-o:before,
.ant-classic-files-o:before {
  content: "\f1f1";
}

.fa-film:before,
.ant-classic-film:before {
  content: "\f1f2";
}

.fa-filter:before,
.ant-classic-filter:before {
  content: "\f1f3";
}

.fa-fire:before,
.ant-classic-fire:before {
  content: "\f1f4";
}

.fa-fire-extinguisher:before,
.ant-classic-fire-extinguisher:before {
  content: "\f1f5";
}

.fa-firefox:before,
.ant-classic-firefox:before {
  content: "\f1f6";
}

.fa-flag:before,
.ant-classic-flag:before {
  content: "\f1f7";
}

.fa-flag-checkered:before,
.ant-classic-flag-checkered:before {
  content: "\f1f8";
}

.fa-flag-o:before,
.ant-classic-flag-o:before {
  content: "\f1f9";
}

.fa-flash:before,
.ant-classic-flash:before {
  content: "\f1fa";
}

.fa-flask:before,
.ant-classic-flask:before {
  content: "\f1fb";
}

.fa-flickr:before,
.ant-classic-flickr:before {
  content: "\f1fc";
}

.fa-floppy-o:before,
.ant-classic-floppy-o:before {
  content: "\f1fd";
}

.fa-folder:before,
.ant-classic-folder:before {
  content: "\f1fe";
}

.fa-folder-o:before,
.ant-classic-folder-o:before {
  content: "\f1ff";
}

.fa-folder-open:before,
.ant-classic-folder-open:before {
  content: "\f200";
}

.fa-folder-open-o:before,
.ant-classic-folder-open-o:before {
  content: "\f201";
}

.fa-font:before,
.ant-classic-font:before {
  content: "\f202";
}

.fa-fonticons:before,
.ant-classic-fonticons:before {
  content: "\f203";
}

.fa-forumbee:before,
.ant-classic-forumbee:before {
  content: "\f204";
}

.fa-forward:before,
.ant-classic-forward:before {
  content: "\f205";
}

.fa-foursquare:before,
.ant-classic-foursquare:before {
  content: "\f206";
}

.fa-frown-o:before,
.ant-classic-frown-o:before {
  content: "\f207";
}

.fa-futbol-o:before,
.ant-classic-futbol-o:before {
  content: "\f208";
}

.fa-gamepad:before,
.ant-classic-gamepad:before {
  content: "\f209";
}

.fa-gavel:before,
.ant-classic-gavel:before {
  content: "\f20a";
}

.fa-gbp:before,
.ant-classic-gbp:before {
  content: "\f20b";
}

.fa-gear:before,
.ant-classic-gear:before {
  content: "\f20c";
}

.fa-gears:before,
.ant-classic-gears:before {
  content: "\f20d";
}

.fa-genderless:before,
.ant-classic-genderless:before {
  content: "\f20e";
}

.fa-get-pocket:before,
.ant-classic-get-pocket:before {
  content: "\f20f";
}

.fa-gg:before,
.ant-classic-gg:before {
  content: "\f210";
}

.fa-gg-circle:before,
.ant-classic-gg-circle:before {
  content: "\f211";
}

.fa-gift:before,
.ant-classic-gift:before {
  content: "\f212";
}

.fa-git:before,
.ant-classic-git:before {
  content: "\f213";
}

.fa-git-square:before,
.ant-classic-git-square:before {
  content: "\f214";
}

.fa-github:before,
.ant-classic-github:before {
  content: "\f215";
}

.fa-github-alt:before,
.ant-classic-github-alt:before {
  content: "\f216";
}

.fa-github-square:before,
.ant-classic-github-square:before {
  content: "\f217";
}

.fa-glass:before,
.ant-classic-glass:before {
  content: "\f218";
}

.fa-globe:before,
.ant-classic-globe:before {
  content: "\f219";
}

.fa-google:before,
.ant-classic-google:before {
  content: "\f21a";
}

.fa-google-plus:before,
.ant-classic-google-plus:before {
  content: "\f21b";
}

.fa-google-plus-square:before,
.ant-classic-google-plus-square:before {
  content: "\f21c";
}

.fa-google-wallet:before,
.ant-classic-google-wallet:before {
  content: "\f21d";
}

.fa-graduation-cap:before,
.ant-classic-graduation-cap:before {
  content: "\f21e";
}

.fa-gratipay:before,
.ant-classic-gratipay:before {
  content: "\f21f";
}

.fa-group:before,
.ant-classic-group:before {
  content: "\f220";
}

.fa-h-square:before,
.ant-classic-h-square:before {
  content: "\f221";
}

.fa-hacker-news:before,
.ant-classic-hacker-news:before {
  content: "\f222";
}

.fa-hand-grab-o:before,
.ant-classic-hand-grab-o:before {
  content: "\f223";
}

.fa-hand-heart:before,
.ant-classic-hand-heart:before {
  content: "\e940";
}

.fa-hand-lizard-o:before,
.ant-classic-hand-lizard-o:before {
  content: "\f224";
}

.fa-hand-o-down:before,
.ant-classic-hand-o-down:before {
  content: "\f225";
}

.fa-hand-o-left:before,
.ant-classic-hand-o-left:before {
  content: "\f226";
}

.fa-hand-o-right:before,
.ant-classic-hand-o-right:before {
  content: "\f227";
}

.fa-hand-o-up:before,
.ant-classic-hand-o-up:before {
  content: "\f228";
}

.fa-hand-paper-o:before,
.ant-classic-hand-paper-o:before {
  content: "\f229";
}

.fa-hand-peace-o:before,
.ant-classic-hand-peace-o:before {
  content: "\f22a";
}

.fa-hand-pointer-o:before,
.ant-classic-hand-pointer-o:before {
  content: "\f22b";
}

.fa-hand-rock-o:before,
.ant-classic-hand-rock-o:before {
  content: "\f22c";
}

.fa-hand-scissors-o:before,
.ant-classic-hand-scissors-o:before {
  content: "\f22d";
}

.fa-hand-spock-o:before,
.ant-classic-hand-spock-o:before {
  content: "\f22e";
}

.fa-hand-stop-o:before,
.ant-classic-hand-stop-o:before {
  content: "\f22f";
}

.fa-hand-with-pen:before,
.ant-classic-hand-with-pen:before {
  content: "\e927";
}

.fa-hand-with-pen-filled:before,
.ant-classic-hand-with-pen-filled:before {
  content: "\e926";
}

.fa-handshake:before,
.ant-classic-handshake:before {
  content: "\e92d";
}

.fa-handshake-circle:before,
.ant-classic-handshake-circle:before {
  content: "\e929";
}

.fa-hdd-o:before,
.ant-classic-hdd-o:before {
  content: "\f230";
}

.fa-header:before,
.ant-classic-header:before {
  content: "\f231";
}

.fa-headphones:before,
.ant-classic-headphones:before {
  content: "\f232";
}

.fa-headset:before,
.ant-classic-headset:before {
  content: "\e90f";
}

.fa-heart:before,
.ant-classic-heart:before {
  content: "\f233";
}

.fa-heart-o:before,
.ant-classic-heart-o:before {
  content: "\f234";
}

.fa-heartbeat:before,
.ant-classic-heartbeat:before {
  content: "\f235";
}

.fa-history:before,
.ant-classic-history:before {
  content: "\f236";
}

.fa-home:before,
.ant-classic-home:before {
  content: "\f237";
}

.fa-hospital-o:before,
.ant-classic-hospital-o:before {
  content: "\f238";
}

.fa-hotel:before,
.ant-classic-hotel:before {
  content: "\f239";
}

.fa-hourglass:before,
.ant-classic-hourglass:before {
  content: "\f23a";
}

.fa-hourglass-1:before,
.ant-classic-hourglass-1:before {
  content: "\f23b";
}

.fa-hourglass-2:before,
.ant-classic-hourglass-2:before {
  content: "\f23c";
}

.fa-hourglass-3:before,
.ant-classic-hourglass-3:before {
  content: "\f23d";
}

.fa-hourglass-end:before,
.ant-classic-hourglass-end:before {
  content: "\f23e";
}

.fa-hourglass-half:before,
.ant-classic-hourglass-half:before {
  content: "\f23f";
}

.fa-hourglass-o:before,
.ant-classic-hourglass-o:before {
  content: "\f240";
}

.fa-hourglass-start:before,
.ant-classic-hourglass-start:before {
  content: "\f241";
}

.fa-houzz:before,
.ant-classic-houzz:before {
  content: "\f242";
}

.fa-html5:before,
.ant-classic-html5:before {
  content: "\f243";
}

.fa-i-cursor:before,
.ant-classic-i-cursor:before {
  content: "\f244";
}

.fa-ils:before,
.ant-classic-ils:before {
  content: "\f245";
}

.fa-image:before,
.ant-classic-image:before {
  content: "\f246";
}

.fa-inbox:before,
.ant-classic-inbox:before {
  content: "\f247";
}

.fa-indent:before,
.ant-classic-indent:before {
  content: "\f248";
}

.fa-industry:before,
.ant-classic-industry:before {
  content: "\f249";
}

.fa-info:before,
.ant-classic-info:before {
  content: "\f24a";
}

.fa-info-circle:before,
.ant-classic-info-circle:before {
  content: "\f24b";
}

.fa-information-filled:before,
.ant-classic-information-filled:before {
  content: "\e923";
}

.fa-information-filled2:before,
.ant-classic-information-filled2:before {
  content: "\e938";
}

.fa-inr:before,
.ant-classic-inr:before {
  content: "\f24c";
}

.fa-instagram:before,
.ant-classic-instagram:before {
  content: "\f24d";
}

.fa-institution:before,
.ant-classic-institution:before {
  content: "\f24e";
}

.fa-internet-explorer:before,
.ant-classic-internet-explorer:before {
  content: "\f24f";
}

.fa-ioxhost:before,
.ant-classic-ioxhost:before {
  content: "\f250";
}

.fa-italic:before,
.ant-classic-italic:before {
  content: "\f251";
}

.fa-joomla:before,
.ant-classic-joomla:before {
  content: "\f252";
}

.fa-jpy:before,
.ant-classic-jpy:before {
  content: "\f253";
}

.fa-jsfiddle:before,
.ant-classic-jsfiddle:before {
  content: "\f254";
}

.fa-key:before,
.ant-classic-key:before {
  content: "\f255";
}

.fa-keyboard-o:before,
.ant-classic-keyboard-o:before {
  content: "\f256";
}

.fa-krw:before,
.ant-classic-krw:before {
  content: "\f257";
}

.fa-language:before,
.ant-classic-language:before {
  content: "\f258";
}

.fa-laptop:before,
.ant-classic-laptop:before {
  content: "\f259";
}

.fa-lastfm:before,
.ant-classic-lastfm:before {
  content: "\f25a";
}

.fa-lastfm-square:before,
.ant-classic-lastfm-square:before {
  content: "\f25b";
}

.fa-leaf:before,
.ant-classic-leaf:before {
  content: "\f25c";
}

.fa-leanpub:before,
.ant-classic-leanpub:before {
  content: "\f25d";
}

.fa-legal:before,
.ant-classic-legal:before {
  content: "\f25e";
}

.fa-lemon-o:before,
.ant-classic-lemon-o:before {
  content: "\f25f";
}

.fa-level-down:before,
.ant-classic-level-down:before {
  content: "\f260";
}

.fa-level-up:before,
.ant-classic-level-up:before {
  content: "\f261";
}

.fa-life-bouy:before,
.ant-classic-life-bouy:before {
  content: "\f262";
}

.fa-life-buoy:before,
.ant-classic-life-buoy:before {
  content: "\f263";
}

.fa-life-ring:before,
.ant-classic-life-ring:before {
  content: "\f264";
}

.fa-life-saver:before,
.ant-classic-life-saver:before {
  content: "\f265";
}

.fa-lightbulb-o:before,
.ant-classic-lightbulb-o:before {
  content: "\f266";
}

.fa-line-chart:before,
.ant-classic-line-chart:before {
  content: "\f267";
}

.fa-line-graph:before,
.ant-classic-line-graph:before {
  content: "\e90e";
}

.fa-link:before,
.ant-classic-link:before {
  content: "\f268";
}

.fa-linkedin:before,
.ant-classic-linkedin:before {
  content: "\f269";
}

.fa-linkedin-square:before,
.ant-classic-linkedin-square:before {
  content: "\f26a";
}

.fa-linux:before,
.ant-classic-linux:before {
  content: "\f26b";
}

.fa-list:before,
.ant-classic-list:before {
  content: "\f26c";
}

.fa-list-alt:before,
.ant-classic-list-alt:before {
  content: "\e912";
}

.fa-list-alt-1:before,
.ant-classic-list-alt-1:before {
  content: "\f26d";
}

.fa-list-ol:before,
.ant-classic-list-ol:before {
  content: "\f26e";
}

.fa-list-ul:before,
.ant-classic-list-ul:before {
  content: "\f26f";
}

.fa-location-arrow:before,
.ant-classic-location-arrow:before {
  content: "\f270";
}

.fa-lock:before,
.ant-classic-lock:before {
  content: "\f271";
}

.fa-long-arrow-down:before,
.ant-classic-long-arrow-down:before {
  content: "\f272";
}

.fa-long-arrow-left:before,
.ant-classic-long-arrow-left:before {
  content: "\f273";
}

.fa-long-arrow-right:before,
.ant-classic-long-arrow-right:before {
  content: "\f274";
}

.fa-long-arrow-up:before,
.ant-classic-long-arrow-up:before {
  content: "\f275";
}

.fa-magic:before,
.ant-classic-magic:before {
  content: "\f276";
}

.fa-magnet:before,
.ant-classic-magnet:before {
  content: "\f277";
}

.fa-mail-forward:before,
.ant-classic-mail-forward:before {
  content: "\f278";
}

.fa-mail-reply:before,
.ant-classic-mail-reply:before {
  content: "\f279";
}

.fa-mail-reply-all:before,
.ant-classic-mail-reply-all:before {
  content: "\f27a";
}

.fa-male:before,
.ant-classic-male:before {
  content: "\f27b";
}

.fa-map:before,
.ant-classic-map:before {
  content: "\f27c";
}

.fa-map-marker:before,
.ant-classic-map-marker:before {
  content: "\f27d";
}

.fa-map-o:before,
.ant-classic-map-o:before {
  content: "\f27e";
}

.fa-map-pin:before,
.ant-classic-map-pin:before {
  content: "\f27f";
}

.fa-map-signs:before,
.ant-classic-map-signs:before {
  content: "\f280";
}

.fa-mars:before,
.ant-classic-mars:before {
  content: "\f281";
}

.fa-mars-double:before,
.ant-classic-mars-double:before {
  content: "\f282";
}

.fa-mars-stroke:before,
.ant-classic-mars-stroke:before {
  content: "\f283";
}

.fa-mars-stroke-h:before,
.ant-classic-mars-stroke-h:before {
  content: "\f284";
}

.fa-mars-stroke-v:before,
.ant-classic-mars-stroke-v:before {
  content: "\f285";
}

.fa-maxcdn:before,
.ant-classic-maxcdn:before {
  content: "\f286";
}

.fa-meanpath:before,
.ant-classic-meanpath:before {
  content: "\f287";
}

.fa-medium:before,
.ant-classic-medium:before {
  content: "\f288";
}

.fa-medkit:before,
.ant-classic-medkit:before {
  content: "\f289";
}

.fa-meh-o:before,
.ant-classic-meh-o:before {
  content: "\f28a";
}

.fa-mercury:before,
.ant-classic-mercury:before {
  content: "\f28b";
}

.fa-microphone:before,
.ant-classic-microphone:before {
  content: "\f28c";
}

.fa-microphone-slash:before,
.ant-classic-microphone-slash:before {
  content: "\f28d";
}

.fa-minus:before,
.ant-classic-minus:before {
  content: "\f28e";
}

.fa-minus-circle:before,
.ant-classic-minus-circle:before {
  content: "\f28f";
}

.fa-minus-square:before,
.ant-classic-minus-square:before {
  content: "\f290";
}

.fa-minus-square-o:before,
.ant-classic-minus-square-o:before {
  content: "\f291";
}

.fa-mobile:before,
.ant-classic-mobile:before {
  content: "\f292";
}

.fa-mobile-phone:before,
.ant-classic-mobile-phone:before {
  content: "\f293";
}

.fa-money:before,
.ant-classic-money:before {
  content: "\f294";
}

.fa-moon-o:before,
.ant-classic-moon-o:before {
  content: "\f295";
}

.fa-mortar-board:before,
.ant-classic-mortar-board:before {
  content: "\f296";
}

.fa-motorcycle:before,
.ant-classic-motorcycle:before {
  content: "\f297";
}

.fa-mouse-pointer:before,
.ant-classic-mouse-pointer:before {
  content: "\f298";
}

.fa-music:before,
.ant-classic-music:before {
  content: "\f299";
}

.fa-navicon:before,
.ant-classic-navicon:before {
  content: "\f29a";
}

.fa-neuter:before,
.ant-classic-neuter:before {
  content: "\f29b";
}

.fa-newspaper-o:before,
.ant-classic-newspaper-o:before {
  content: "\f29c";
}

.fa-object-group:before,
.ant-classic-object-group:before {
  content: "\f29d";
}

.fa-object-ungroup:before,
.ant-classic-object-ungroup:before {
  content: "\f29e";
}

.fa-odnoklassniki:before,
.ant-classic-odnoklassniki:before {
  content: "\f29f";
}

.fa-odnoklassniki-square:before,
.ant-classic-odnoklassniki-square:before {
  content: "\f2a0";
}

.fa-opencart:before,
.ant-classic-opencart:before {
  content: "\f2a1";
}

.fa-openid:before,
.ant-classic-openid:before {
  content: "\f2a2";
}

.fa-opera:before,
.ant-classic-opera:before {
  content: "\f2a3";
}

.fa-optin-monster:before,
.ant-classic-optin-monster:before {
  content: "\f2a4";
}

.fa-outdent:before,
.ant-classic-outdent:before {
  content: "\f2a5";
}

.fa-pagelines:before,
.ant-classic-pagelines:before {
  content: "\f2a6";
}

.fa-paint-brush:before,
.ant-classic-paint-brush:before {
  content: "\f2a7";
}

.fa-paper-plane:before,
.ant-classic-paper-plane:before {
  content: "\f2a8";
}

.fa-paper-plane-o:before,
.ant-classic-paper-plane-o:before {
  content: "\f2a9";
}

.fa-paperclip:before,
.ant-classic-paperclip:before {
  content: "\f2aa";
}

.fa-paragraph:before,
.ant-classic-paragraph:before {
  content: "\f2ab";
}

.fa-paste:before,
.ant-classic-paste:before {
  content: "\f2ac";
}

.fa-pause:before,
.ant-classic-pause:before {
  content: "\f2ad";
}

.fa-paw:before,
.ant-classic-paw:before {
  content: "\f2ae";
}

.fa-paypal:before,
.ant-classic-paypal:before {
  content: "\f2af";
}

.fa-pencil:before,
.ant-classic-pencil:before {
  content: "\f2b0";
}

.fa-pencil-square:before,
.ant-classic-pencil-square:before {
  content: "\f2b1";
}

.fa-pencil-square-o:before,
.ant-classic-pencil-square-o:before {
  content: "\f2b2";
}

.fa-pestal_mortar:before,
.ant-classic-pestal_mortar:before {
  content: "\e934";
}

.fa-phone:before,
.ant-classic-phone:before {
  content: "\f2b3";
}

.fa-phone-filled:before,
.ant-classic-phone-filled:before {
  content: "\e936";
}

.fa-phone-square:before,
.ant-classic-phone-square:before {
  content: "\f2b4";
}

.fa-photo:before,
.ant-classic-photo:before {
  content: "\f2b5";
}

.fa-picture-o:before,
.ant-classic-picture-o:before {
  content: "\f2b6";
}

.fa-pie-chart:before,
.ant-classic-pie-chart:before {
  content: "\f2b7";
}

.fa-pied-piper:before,
.ant-classic-pied-piper:before {
  content: "\f2b8";
}

.fa-pied-piper-alt:before,
.ant-classic-pied-piper-alt:before {
  content: "\f2b9";
}

.fa-pinterest:before,
.ant-classic-pinterest:before {
  content: "\f2ba";
}

.fa-pinterest-p:before,
.ant-classic-pinterest-p:before {
  content: "\f2bb";
}

.fa-pinterest-square:before,
.ant-classic-pinterest-square:before {
  content: "\f2bc";
}

.fa-plane:before,
.ant-classic-plane:before {
  content: "\f2bd";
}

.fa-play:before,
.ant-classic-play:before {
  content: "\f2be";
}

.fa-play-circle:before,
.ant-classic-play-circle:before {
  content: "\f2bf";
}

.fa-play-circle-o:before,
.ant-classic-play-circle-o:before {
  content: "\f2c0";
}

.fa-plug:before,
.ant-classic-plug:before {
  content: "\f2c1";
}

.fa-plus:before, .motif-theme .collapse-block .ant-collapse-heading .ant-collapse-button .fa:before,
.ant-classic-plus:before {
  content: "\f2c2";
}

.fa-plus-circle:before,
.ant-classic-plus-circle:before {
  content: "\f2c3";
}

.fa-plus-square:before,
.ant-classic-plus-square:before {
  content: "\f2c4";
}

.fa-plus-square-o:before,
.ant-classic-plus-square-o:before {
  content: "\f2c5";
}

.fa-power-off:before,
.ant-classic-power-off:before {
  content: "\f2c6";
}

.fa-prescription_pill_bottle:before,
.ant-classic-prescription_pill_bottle:before {
  content: "\e93c";
}

.fa-print:before,
.ant-classic-print:before {
  content: "\f2c7";
}

.fa-pulse:before,
.ant-classic-pulse:before {
  content: "\e90c";
}

.fa-pulse-circle:before,
.ant-classic-pulse-circle:before {
  content: "\e904";
}

.fa-purchase_order:before,
.ant-classic-purchase_order:before {
  content: "\e93b";
}

.fa-puzzle-piece:before,
.ant-classic-puzzle-piece:before {
  content: "\f2c8";
}

.fa-qq:before,
.ant-classic-qq:before {
  content: "\f2c9";
}

.fa-qrcode:before,
.ant-classic-qrcode:before {
  content: "\f2ca";
}

.fa-question:before,
.ant-classic-question:before {
  content: "\f2cb";
}

.fa-question-circle:before,
.ant-classic-question-circle:before {
  content: "\f2cc";
}

.fa-quote-left:before,
.ant-classic-quote-left:before {
  content: "\f2cd";
}

.fa-quote-right:before,
.ant-classic-quote-right:before {
  content: "\f2ce";
}

.fa-ra:before,
.ant-classic-ra:before {
  content: "\f2cf";
}

.fa-random:before,
.ant-classic-random:before {
  content: "\f2d0";
}

.fa-rebel:before,
.ant-classic-rebel:before {
  content: "\f2d1";
}

.fa-receive_cash:before,
.ant-classic-receive_cash:before {
  content: "\e93a";
}

.fa-recycle:before,
.ant-classic-recycle:before {
  content: "\f2d2";
}

.fa-reddit:before,
.ant-classic-reddit:before {
  content: "\f2d3";
}

.fa-reddit-square:before,
.ant-classic-reddit-square:before {
  content: "\f2d4";
}

.fa-refresh:before,
.ant-classic-refresh:before {
  content: "\f2d5";
}

.fa-reg-employer:before,
.ant-classic-reg-employer:before {
  content: "\e941";
}

.fa-reg-guest:before,
.ant-classic-reg-guest:before {
  content: "\e942";
}

.fa-reg-member:before,
.ant-classic-reg-member:before {
  content: "\e943";
}

.fa-reg-producer:before,
.ant-classic-reg-producer:before {
  content: "\e946";
}

.fa-reg-provider:before,
.ant-classic-reg-provider:before {
  content: "\e945";
}

.fa-reg-shopper:before,
.ant-classic-reg-shopper:before {
  content: "\e944";
}

.fa-registered:before,
.ant-classic-registered:before {
  content: "\f2d6";
}

.fa-renren:before,
.ant-classic-renren:before {
  content: "\f2d7";
}

.fa-reorder:before,
.ant-classic-reorder:before {
  content: "\f2d8";
}

.fa-remove:before,
.ant-classic-remove:before {
  content: "\f191";
}

.fa-repeat:before,
.ant-classic-repeat:before {
  content: "\f2d9";
}

.fa-reply:before,
.ant-classic-reply:before {
  content: "\f2da";
}

.fa-reply-all:before,
.ant-classic-reply-all:before {
  content: "\f2db";
}

.fa-retweet:before,
.ant-classic-retweet:before {
  content: "\f2dc";
}

.fa-rmb:before,
.ant-classic-rmb:before {
  content: "\f2dd";
}

.fa-road:before,
.ant-classic-road:before {
  content: "\f2de";
}

.fa-rocket:before,
.ant-classic-rocket:before {
  content: "\f2df";
}

.fa-rotate-left:before,
.ant-classic-rotate-left:before {
  content: "\f2e0";
}

.fa-rotate-right:before,
.ant-classic-rotate-right:before {
  content: "\f2e1";
}

.fa-rouble:before,
.ant-classic-rouble:before {
  content: "\f2e2";
}

.fa-rss:before,
.ant-classic-rss:before {
  content: "\f2e3";
}

.fa-rss-square:before,
.ant-classic-rss-square:before {
  content: "\f2e4";
}

.fa-rub:before,
.ant-classic-rub:before {
  content: "\f2e5";
}

.fa-ruble:before,
.ant-classic-ruble:before {
  content: "\f2e6";
}

.fa-running-shoe:before,
.ant-classic-running-shoe:before {
  content: "\e932";
}

.fa-running-shoe-circle:before,
.ant-classic-running-shoe-circle:before {
  content: "\e92e";
}

.fa-rupee:before,
.ant-classic-rupee:before {
  content: "\f2e7";
}

.fa-rx:before,
.ant-classic-rx:before {
  content: "\e90d";
}

.fa-rx-circle:before,
.ant-classic-rx-circle:before {
  content: "\e906";
}

.fa-safari:before,
.ant-classic-safari:before {
  content: "\f2e8";
}

.fa-save:before,
.ant-classic-save:before {
  content: "\f2e9";
}

.fa-scissors:before,
.ant-classic-scissors:before {
  content: "\f2ea";
}

.fa-search:before,
.ant-classic-search:before {
  content: "\f2eb";
}

.fa-search-minus:before,
.ant-classic-search-minus:before {
  content: "\f2ec";
}

.fa-search-plus:before,
.ant-classic-search-plus:before {
  content: "\f2ed";
}

.fa-sellsy:before,
.ant-classic-sellsy:before {
  content: "\f2ee";
}

.fa-server:before,
.ant-classic-server:before {
  content: "\f2ef";
}

.fa-share:before,
.ant-classic-share:before {
  content: "\f2f0";
}

.fa-share-alt:before,
.ant-classic-share-alt:before {
  content: "\f2f1";
}

.fa-share-alt-square:before,
.ant-classic-share-alt-square:before {
  content: "\f2f2";
}

.fa-share-square:before,
.ant-classic-share-square:before {
  content: "\f2f3";
}

.fa-share-square-o:before,
.ant-classic-share-square-o:before {
  content: "\f2f4";
}

.fa-shekel:before,
.ant-classic-shekel:before {
  content: "\f2f5";
}

.fa-sheqel:before,
.ant-classic-sheqel:before {
  content: "\f2f6";
}

.fa-shield:before,
.ant-classic-shield:before {
  content: "\f2f7";
}

.fa-ship:before,
.ant-classic-ship:before {
  content: "\f2f8";
}

.fa-shirtsinbulk:before,
.ant-classic-shirtsinbulk:before {
  content: "\f2f9";
}

.fa-shopping-cart:before,
.ant-classic-shopping-cart:before {
  content: "\f2fa";
}

.fa-sign-in:before,
.ant-classic-sign-in:before {
  content: "\f2fb";
}

.fa-sign-out:before,
.ant-classic-sign-out:before {
  content: "\f2fc";
}

.fa-signal:before,
.ant-classic-signal:before {
  content: "\f2fd";
}

.fa-simplybuilt:before,
.ant-classic-simplybuilt:before {
  content: "\f2fe";
}

.fa-sitemap:before,
.ant-classic-sitemap:before {
  content: "\f2ff";
}

.fa-skyatlas:before,
.ant-classic-skyatlas:before {
  content: "\f300";
}

.fa-skype:before,
.ant-classic-skype:before {
  content: "\f301";
}

.fa-slack:before,
.ant-classic-slack:before {
  content: "\f302";
}

.fa-sliders:before,
.ant-classic-sliders:before {
  content: "\f303";
}

.fa-slideshare:before,
.ant-classic-slideshare:before {
  content: "\f304";
}

.fa-smile-o:before,
.ant-classic-smile-o:before {
  content: "\f305";
}

.fa-sort:before,
.ant-classic-sort:before {
  content: "\f306";
}

.fa-sort-alpha-asc:before,
.ant-classic-sort-alpha-asc:before {
  content: "\f307";
}

.fa-sort-alpha-desc:before,
.ant-classic-sort-alpha-desc:before {
  content: "\f308";
}

.fa-sort-amount-asc:before,
.ant-classic-sort-amount-asc:before {
  content: "\f309";
}

.fa-sort-amount-desc:before,
.ant-classic-sort-amount-desc:before {
  content: "\f30a";
}

.fa-sort-asc:before,
.ant-classic-sort-asc:before {
  content: "\f30b";
}

.fa-sort-desc:before,
.ant-classic-sort-desc:before {
  content: "\f30c";
}

.fa-sort-numeric-asc:before,
.ant-classic-sort-numeric-asc:before {
  content: "\f30d";
}

.fa-sort-numeric-desc:before,
.ant-classic-sort-numeric-desc:before {
  content: "\f30e";
}

.fa-soundcloud:before,
.ant-classic-soundcloud:before {
  content: "\f30f";
}

.fa-space-shuttle:before,
.ant-classic-space-shuttle:before {
  content: "\f310";
}

.fa-spinner:before,
.ant-classic-spinner:before {
  content: "\f311";
}

.fa-spoon:before,
.ant-classic-spoon:before {
  content: "\f312";
}

.fa-spotify:before,
.ant-classic-spotify:before {
  content: "\f313";
}

.fa-square:before,
.ant-classic-square:before {
  content: "\f314";
}

.fa-square-o:before,
.ant-classic-square-o:before {
  content: "\f315";
}

.fa-stack-exchange:before,
.ant-classic-stack-exchange:before {
  content: "\f316";
}

.fa-stack-overflow:before,
.ant-classic-stack-overflow:before {
  content: "\f317";
}

.fa-star:before,
.ant-classic-star:before {
  content: "\f318";
}

.fa-star-half:before,
.ant-classic-star-half:before {
  content: "\f319";
}

.fa-star-half-o:before,
.ant-classic-star-half-o:before {
  content: "\f31a";
}

.fa-star-o:before,
.ant-classic-star-o:before {
  content: "\f31b";
}

.fa-steam:before,
.ant-classic-steam:before {
  content: "\f31c";
}

.fa-steam-square:before,
.ant-classic-steam-square:before {
  content: "\f31d";
}

.fa-step-backward:before,
.ant-classic-step-backward:before {
  content: "\f31e";
}

.fa-step-forward:before,
.ant-classic-step-forward:before {
  content: "\f31f";
}

.fa-stethoscope:before,
.ant-classic-stethoscope:before {
  content: "\f320";
}

.fa-sticky-note:before,
.ant-classic-sticky-note:before {
  content: "\f321";
}

.fa-sticky-note-o:before,
.ant-classic-sticky-note-o:before {
  content: "\f322";
}

.fa-stop:before,
.ant-classic-stop:before {
  content: "\f323";
}

.fa-street-view:before,
.ant-classic-street-view:before {
  content: "\f324";
}

.fa-strikethrough:before,
.ant-classic-strikethrough:before {
  content: "\f325";
}

.fa-stumbleupon:before,
.ant-classic-stumbleupon:before {
  content: "\f326";
}

.fa-stumbleupon-circle:before,
.ant-classic-stumbleupon-circle:before {
  content: "\f327";
}

.fa-subscript:before,
.ant-classic-subscript:before {
  content: "\f328";
}

.fa-subway:before,
.ant-classic-subway:before {
  content: "\f329";
}

.fa-suitcase:before,
.ant-classic-suitcase:before {
  content: "\f32a";
}

.fa-sun-o:before,
.ant-classic-sun-o:before {
  content: "\f32b";
}

.fa-superscript:before,
.ant-classic-superscript:before {
  content: "\f32c";
}

.fa-table:before,
.ant-classic-table:before {
  content: "\e911";
}

.fa-table-1:before,
.ant-classic-table-1:before {
  content: "\f32d";
}

.fa-tablet:before,
.ant-classic-tablet:before {
  content: "\f32e";
}

.fa-tachometer:before,
.ant-classic-tachometer:before {
  content: "\f32f";
}

.fa-tag:before,
.ant-classic-tag:before {
  content: "\f330";
}

.fa-tags:before,
.ant-classic-tags:before {
  content: "\f331";
}

.fa-tasks:before,
.ant-classic-tasks:before {
  content: "\f332";
}

.fa-taxi:before,
.ant-classic-taxi:before {
  content: "\f333";
}

.fa-television:before,
.ant-classic-television:before {
  content: "\f334";
}

.fa-tencent-weibo:before,
.ant-classic-tencent-weibo:before {
  content: "\f335";
}

.fa-terminal:before,
.ant-classic-terminal:before {
  content: "\f336";
}

.fa-text-height:before,
.ant-classic-text-height:before {
  content: "\f337";
}

.fa-text-width:before,
.ant-classic-text-width:before {
  content: "\f338";
}

.fa-th:before,
.ant-classic-th:before {
  content: "\e910";
}

.fa-th-1:before,
.ant-classic-th-1:before {
  content: "\f339";
}

.fa-th-large:before,
.ant-classic-th-large:before {
  content: "\f33a";
}

.fa-th-list:before,
.ant-classic-th-list:before {
  content: "\f33b";
}

.fa-thumb-tack:before,
.ant-classic-thumb-tack:before {
  content: "\f33c";
}

.fa-thumbs-down:before,
.ant-classic-thumbs-down:before {
  content: "\f33d";
}

.fa-thumbs-o-down:before,
.ant-classic-thumbs-o-down:before {
  content: "\f33e";
}

.fa-thumbs-o-up:before,
.ant-classic-thumbs-o-up:before {
  content: "\f33f";
}

.fa-thumbs-up:before,
.ant-classic-thumbs-up:before {
  content: "\f340";
}

.fa-ticket:before,
.ant-classic-ticket:before {
  content: "\f341";
}

.fa-times:before,
.ant-classic-times:before {
  content: "\f342";
}

.fa-times-circle:before,
.ant-classic-times-circle:before {
  content: "\f343";
}

.fa-times-circle-o:before,
.ant-classic-times-circle-o:before {
  content: "\f344";
}

.fa-tint:before,
.ant-classic-tint:before {
  content: "\f345";
}

.fa-toggle-off:before,
.ant-classic-toggle-off:before {
  content: "\f346";
}

.fa-toggle-on:before,
.ant-classic-toggle-on:before {
  content: "\f347";
}

.fa-toothbrush:before,
.ant-classic-toothbrush:before {
  content: "\e90a";
}

.fa-toothbrush-circle:before,
.ant-classic-toothbrush-circle:before {
  content: "\e901";
}

.fa-trademark:before,
.ant-classic-trademark:before {
  content: "\f348";
}

.fa-train:before,
.ant-classic-train:before {
  content: "\f349";
}

.fa-transgender:before,
.ant-classic-transgender:before {
  content: "\f34a";
}

.fa-transgender-alt:before,
.ant-classic-transgender-alt:before {
  content: "\f34b";
}

.fa-trash:before,
.ant-classic-trash:before {
  content: "\f34c";
}

.fa-trash-o:before,
.ant-classic-trash-o:before {
  content: "\f34d";
}

.fa-treatment_plan:before,
.ant-classic-treatment_plan:before {
  content: "\e939";
}

.fa-tree:before,
.ant-classic-tree:before {
  content: "\f34e";
}

.fa-trello:before,
.ant-classic-trello:before {
  content: "\f34f";
}

.fa-tripadvisor:before,
.ant-classic-tripadvisor:before {
  content: "\f350";
}

.fa-trophy:before,
.ant-classic-trophy:before {
  content: "\f351";
}

.fa-truck:before,
.ant-classic-truck:before {
  content: "\f352";
}

.fa-try:before,
.ant-classic-try:before {
  content: "\f353";
}

.fa-tty:before,
.ant-classic-tty:before {
  content: "\f354";
}

.fa-tumblr:before,
.ant-classic-tumblr:before {
  content: "\f355";
}

.fa-tumblr-square:before,
.ant-classic-tumblr-square:before {
  content: "\f356";
}

.fa-turkish-lira:before,
.ant-classic-turkish-lira:before {
  content: "\f357";
}

.fa-twitch:before,
.ant-classic-twitch:before {
  content: "\f358";
}

.fa-twitter:before,
.ant-classic-twitter:before {
  content: "\f359";
}

.fa-twitter-square:before,
.ant-classic-twitter-square:before {
  content: "\f35a";
}

.fa-umbrella:before,
.ant-classic-umbrella:before {
  content: "\f35b";
}

.fa-underline:before,
.ant-classic-underline:before {
  content: "\f35c";
}

.fa-undo:before,
.ant-classic-undo:before {
  content: "\f35d";
}

.fa-university:before,
.ant-classic-university:before {
  content: "\f35e";
}

.fa-unlink:before,
.ant-classic-unlink:before {
  content: "\f35f";
}

.fa-unlock:before,
.ant-classic-unlock:before {
  content: "\f360";
}

.fa-unlock-alt:before,
.ant-classic-unlock-alt:before {
  content: "\f361";
}

.fa-upload:before,
.ant-classic-upload:before {
  content: "\f362";
}

.fa-usd:before,
.ant-classic-usd:before {
  content: "\f363";
}

.fa-user:before,
.ant-classic-user:before {
  content: "\f364";
}

.fa-user-md:before,
.ant-classic-user-md:before {
  content: "\f365";
}

.fa-user-plus:before,
.ant-classic-user-plus:before {
  content: "\f366";
}

.fa-user-secret:before,
.ant-classic-user-secret:before {
  content: "\f367";
}

.fa-user-times:before,
.ant-classic-user-times:before {
  content: "\f368";
}

.fa-users:before,
.ant-classic-users:before {
  content: "\f369";
}

.fa-venus:before,
.ant-classic-venus:before {
  content: "\f36a";
}

.fa-venus-double:before,
.ant-classic-venus-double:before {
  content: "\f36b";
}

.fa-venus-mars:before,
.ant-classic-venus-mars:before {
  content: "\f36c";
}

.fa-viacoin:before,
.ant-classic-viacoin:before {
  content: "\f36d";
}

.fa-video-camera:before,
.ant-classic-video-camera:before {
  content: "\f36e";
}

.fa-vimeo:before,
.ant-classic-vimeo:before {
  content: "\f36f";
}

.fa-vimeo-square:before,
.ant-classic-vimeo-square:before {
  content: "\f370";
}

.fa-vine:before,
.ant-classic-vine:before {
  content: "\f371";
}

.fa-vision:before,
.ant-classic-vision:before {
  content: "\e909";
}

.fa-vision-circle:before,
.ant-classic-vision-circle:before {
  content: "\e903";
}

.fa-vk:before,
.ant-classic-vk:before {
  content: "\f372";
}

.fa-volume-down:before,
.ant-classic-volume-down:before {
  content: "\f373";
}

.fa-volume-off:before,
.ant-classic-volume-off:before {
  content: "\f374";
}

.fa-volume-up:before,
.ant-classic-volume-up:before {
  content: "\f375";
}

.fa-warning:before,
.ant-classic-warning:before {
  content: "\f376";
}

.fa-wechat:before,
.ant-classic-wechat:before {
  content: "\f377";
}

.fa-weibo:before,
.ant-classic-weibo:before {
  content: "\f378";
}

.fa-weixin:before,
.ant-classic-weixin:before {
  content: "\f379";
}

.fa-whatsapp:before,
.ant-classic-whatsapp:before {
  content: "\f37a";
}

.fa-wheelchair:before,
.ant-classic-wheelchair:before {
  content: "\f37b";
}

.fa-whistle:before,
.ant-classic-whistle:before {
  content: "\e933";
}

.fa-whistle-circle:before,
.ant-classic-whistle-circle:before {
  content: "\e935";
}

.fa-wifi:before,
.ant-classic-wifi:before {
  content: "\f37c";
}

.fa-wikipedia-w:before,
.ant-classic-wikipedia-w:before {
  content: "\f37d";
}

.fa-windows:before,
.ant-classic-windows:before {
  content: "\f37e";
}

.fa-won:before,
.ant-classic-won:before {
  content: "\f37f";
}

.fa-wordpress:before,
.ant-classic-wordpress:before {
  content: "\f380";
}

.fa-wrench:before,
.ant-classic-wrench:before {
  content: "\f381";
}

.fa-xing:before,
.ant-classic-xing:before {
  content: "\f382";
}

.fa-xing-square:before,
.ant-classic-xing-square:before {
  content: "\f383";
}

.fa-y-combinator:before,
.ant-classic-y-combinator:before {
  content: "\f384";
}

.fa-y-combinator-square:before,
.ant-classic-y-combinator-square:before {
  content: "\f385";
}

.fa-yahoo:before,
.ant-classic-yahoo:before {
  content: "\f386";
}

.fa-yc:before,
.ant-classic-yc:before {
  content: "\f387";
}

.fa-yc-square:before,
.ant-classic-yc-square:before {
  content: "\f388";
}

.fa-yelp:before,
.ant-classic-yelp:before {
  content: "\f389";
}

.fa-yen:before,
.ant-classic-yen:before {
  content: "\f38a";
}

.fa-youtube:before,
.ant-classic-youtube:before {
  content: "\f38b";
}

.fa-youtube-play:before,
.ant-classic-youtube-play:before {
  content: "\f38c";
}

.fa-youtube-square:before,
.ant-classic-youtube-square:before {
  content: "\f38d";
}

html.motif-theme {
  color-scheme: light;
  font-size: 14px;
}

/* Slide In Panel Scrollbar Removal Start --------------------------------------------------*/
.motif-theme .modal-container.slide-in.right .modal-panel,
.motif-theme .modal-container.slide-in.left .modal-panel {
  overflow: unset !important;
}

/* Slide In Panel Scrollbar Removal Start --------------------------------------------------*/
/* Cart Icon --------------------------------------------------*/
.motif-theme .mbr-top-of-page-wrapper .vgr-cart-icon-wrapper,
.classic-theme .mbr-top-of-page-wrapper .vgr-cart-icon-wrapper {
  position: relative;
}
@media (max-width: 801px) {
  .motif-theme .mbr-top-of-page-wrapper .vgr-cart-icon-wrapper,
  .classic-theme .mbr-top-of-page-wrapper .vgr-cart-icon-wrapper {
    right: 80px;
  }
}
.motif-theme .mbr-top-of-page-wrapper .vgr-cart-icon,
.classic-theme .mbr-top-of-page-wrapper .vgr-cart-icon {
  position: absolute;
  display: inline-block;
  top: -10px;
  right: 12px;
}
.motif-theme .mbr-top-of-page-wrapper .vgr-cart-icon a,
.classic-theme .mbr-top-of-page-wrapper .vgr-cart-icon a {
  text-decoration: none;
  border-bottom: none;
  font-size: 32px;
}
.motif-theme .mbr-top-of-page-wrapper .fa-cart:before,
.classic-theme .mbr-top-of-page-wrapper .fa-cart:before {
  content: "\f2fa";
  color: #0079c2;
}
.motif-theme .mbr-top-of-page-wrapper .vgr-cart-items,
.classic-theme .mbr-top-of-page-wrapper .vgr-cart-items {
  position: absolute;
  top: 5px;
  text-align: center;
  left: 14px;
  margin: auto;
  display: block;
  width: 20px;
  background-color: red;
  color: white;
  font-size: 10px;
  padding: 3px 0;
  border-radius: 10px;
}

/* End Cart Icon -----------------------------------------------*/
.logo-width-small {
  width: 190px;
}
@media screen and (min-width: 475px) and (max-width: 800px) {
  .logo-width-small {
    width: 150px;
  }
}
@media screen and (max-width: 475px) {
  .logo-width-small {
    width: 115px;
  }
}

.motif-theme {
  /*!
   * Bootstrap v3.4.1 (https://getbootstrap.com/)
   * Copyright 2011-2019 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/blob/master/LICENSE)
   */
  /* TODO:
    * Get rid of all this garbage
  */
  /*!
   *
   * Source based on:
   * Bootstrap v3.3.6 (http://getbootstrap.com)
   * Copyright 2011-2015 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/blob/master/LICENSE)
   *
   * Modifications: 2018 Anthem, Inc - Enterprise Design System
   *
   */
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  /** Motif Primary Colors **/
  /** Motif Secondary Colors **/
  /** Accent colors for Motif **/
  /**  Anthem Font Variables  **/
  /* Map of pixel-based spacer values
   * ---
   * Maps numeric keys to factors of 4px.
   */
  /* Declaring initial maps */
  /* Loop through spacer-base to create 'px' map */
  /* Convert spacer map to rems */
  /* *
   * Returns the requested spacer from the above list of spacers. Optionally based on unit. */
  /** Color functions in development **/
  /** Color functions in development **/
  /* To use these new color variables, we can utilize the below functions.
   * $link-color: $text-colors("blue") !default;
   *
   * $background-color: $theme-color("primary");
   *
   */
  /* Lato */
  /** overrides of variables, etc. **/
  /**
   ******************************************************************************
   * DO NOT ADD CSS OR MIXINS TO THIS FILE :: IT WILL RESULT IN DUPLICATE STYLES
   ******************************************************************************
   */
  /** overrides of variables, etc. **/
  /* Lato */
  /** Motif Primary Colors **/
  /** Motif Secondary Colors **/
  /** Accent colors for Motif **/
  /**  Anthem Font Variables  **/
  /* Map of pixel-based spacer values
   * ---
   * Maps numeric keys to factors of 4px.
   */
  /* Declaring initial maps */
  /* Loop through spacer-base to create 'px' map */
  /* Convert spacer map to rems */
  /* *
   * Returns the requested spacer from the above list of spacers. Optionally based on unit. */
  /** Color functions in development **/
  /** Color functions in development **/
  /* To use these new color variables, we can utilize the below functions.
   * $link-color: $text-colors("blue") !default;
   *
   * $background-color: $theme-color("primary");
   *
   */
  /*!
  Animate.css - http://daneden.me/animate
  Licensed under the MIT license - http://opensource.org/licenses/MIT

  Copyright (c) 2015 Daniel Eden
  */
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  /** Component Partials Styles **/
  /** Layout Partials Styles **/
  /*** Start callout.scss ***/
  /*** Start cards.scss ***/
  /*** Start containers.scss ***/
  /*** Start linked-list-block.scss ***/
  /*** Start masthead.scss ***/
  /* Secure Portal Style Diffs */
  /** Start back-to-top.scss **/
  /*** Start sub-nav-bar.scss ***/
  /** Core Partials Styles **/
  /*** Start button.scss ***/
  /*bootstrap buttons start*/
  /** Button With Dropdown **/
  /*** Link with Icon Styles ***/
  /* External Link with Icon */
  /** Forms Partials Styles **/
  /** Start datepicker.scss **/
  /*** Start form-fields.scss ***/
  /*form textfields start*/
  /*form textfields end*/
  /**** Pretty Forms Radio Button Styles start ****/
  /**** Pretty Forms Radio Button Styles end ****/
  /**** Text/Password Field Styles start ****/
  /**** Text/Password Field Styles end ****/
  /**** Pretty Forms Select List Styles start ****/
  /**** Pretty Forms Select List Styles end ****/
  /* pretty checkbox start*/
  /* pretty checkbox end*/
  /*error notification start*/
  /*error notification end*/
  /*** Search Box ***/
  /*** Start text-input.scss ***/
  /**
   * calculateRem: Converts pixel values to rems.
   *  - pxSize is the pixel value to be converted
   *  - pxBase is the font-size defined in the html element. By default it is
   *     set to 16px.
   **/
  /** Toggle Component **/
  /** End Toggle Component **/
  /** Start On/Off Switch Component **/
  /** End On/Off Switch Component **/
  /** Alerts & Notifications Partials Styles **/
  /*** Start alert.scss ***/
  /** Dismissable Alerts **/
  /*** Start modal.scss ***/
  /* Alternative full screen modal for larger content */
  /*** Start tooltip.scss ***/
  /*bootstrap tooltip end*/
  /* Tool Tips */
  /* Progress Bars */
  /** UI Organization Partials Styles **/
  /*** Start expand.scss ***/
  /*** Expand/Collapse Styles (_expand.scss)***/
  /** Start alphabet-tabs.scss **/
  /** Start alt-toggle.scss **/
  /** Start carousels.scss **/
  /** Styles for parent template carousel */
  /** Styles for button selector carousel */
  /** Styles for blue & gray child carousel */
  /** Plan selector carousel component styles - to be deprecated **/
  /* SCSS for the data display carousel */
  /* tab boxes transforms into carousel on click */
  /*** Start tab.scss ***/
  /*bootstrap tab start*/
  /*** Start tabs.scss ***/
  /* Start Blue Tabbed View Tiles */
  /** Start Colored Tabbed Tiles */
  /** Data Visualization Partials Styles **/
  /*** Start progress-bar.scss ***/
  /*-------------------------------------------*\
    Alt Toggle Component
  \*-------------------------------------------*/
  /*-------------------------------------------*\
    Expansion Panel Component
  \*-------------------------------------------*/
  /** Badges **/
  /** Alerts **/
  /** Dismissable Alerts **/
  /** Modals **/
  /** Tooltips **/
  /** Loading Indicators **/
  /*-------------------------------------------*\
    Alerts
  \*-------------------------------------------*/
  /* Divider Reveal */
  /* Section Callout */
  /** Colors **/
  /** Temporary styles for title **/
  /** Typography **/
  /** Heading Title Start **/
  /** Heading Title End **/
  /** Icons **/
  /** Buttons **/
  /** Links **/
  /** Spacing  (dupe of spacing file in Layout?) **/
  /*-------------------------------------------*\
    Data Filters
  \*-------------------------------------------*/
  /** override .cdk-overlay-pane padding styles */
  /** Bar Graphs **/
  /** Linear Progress Indicators **/
  /** Radial Progress Indicators **/
  /** Datepicker **/
  /*-------------------------------------------*\
    Bar Charts
  \*-------------------------------------------*/
  /** Bubble Map */
  /** Form Labels **/
  /** Form Labels End **/
  /** Error Handling **/
  /** Error Handling Emd **/
  /** Text Input Start **/
  /** Text Input End **/
  /* Dropdown needs to match button */
  /** Auto Suggest Dropdown End **/
  /** Radio Button Styles **/
  /** Radio Button End **/
  /** Select List **/
  /* Width arbitrary until more detail */
  /** Select List End **/
  /** Checkbox **/
  /** Checkbox End **/
  /** Error Notification **/
  /** Error Notification End **/
  /** Toggle Button Component **/
  /** Toggle Button Component End **/
  /** On/Off Switch Component **/
  /* sticky nav background color*/
  /** On/Off Switch Component End **/
  /** Date Picker Start **/
  /** Date Picker End **/
  /** Search Start **/
  /** Search End **/
  /* resetting legend and labels to be consistent in Motif */
  /*-------------------------------------------*\
    SPACING
  \*-------------------------------------------*/
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /** Margin spacers */
  /** Padding spacers */
  /*-------------------------------------------*\
    Header
  \*-------------------------------------------*/
  /** Callouts **/
  /* section call out */
  /** Footer **/
  /** FOOTER code **/
  /** mod class is for presentation purposes with the styleguide.html **/
  /** FLOATING FOOTER **/
  /** Navigation **/
  /** Secondary Navigation **/
  /** Lockups **/
  /** Grid **/
  /** File Upload **/
  /*-------------------------------------------*\
    Example Login Modal (to be removed)
  \*-------------------------------------------*/
  /** Accordions **/
  /* Tabbed View - TEAL */
  /** Carousels **/
  /** Tables **/
  /** Alphabet Tabs **/
  /** Pagination **/
  /** Expand **/
  /** Expand End **/
  /*-------------------------------------------*\
    Utilities
  \*-------------------------------------------*/
  /** Tab Styling **/
  /** Tabs **/
  /** Sticky footer mobile */
  /** Sticky footer desktop */
  /* Flex Util Classes */
  /* chat topic css */
  /* stylelint-enable */
  /* .cdk-keyboard-focused .calendar-body-active > .calendar-body-cell-content:not(.calendar-body-selected),
  .cdk-program-focused .calendar-body-active > .calendar-body-cell-content:not(.calendar-body-selected),
  .calendar-body-cell:not(.calendar-body-disabled):hover > .calendar-body-cell-content:not(.calendar-body-selected) {
    background-color: rgba(0, 0, 0, 0.04);
  } */
  /* override to show old wcs template page header */
  /* global gaps Start */
  /* global gaps Start */
  /* fixing Focus issue in Voyager-find a pharmacy */
}
.motif-theme html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.motif-theme body {
  margin: 0;
}
.motif-theme article,
.motif-theme aside,
.motif-theme details,
.motif-theme figcaption,
.motif-theme figure,
.motif-theme footer,
.motif-theme header,
.motif-theme hgroup,
.motif-theme main,
.motif-theme menu,
.motif-theme nav,
.motif-theme section,
.motif-theme summary {
  display: block;
}
.motif-theme audio,
.motif-theme canvas,
.motif-theme progress,
.motif-theme video {
  display: inline-block;
  vertical-align: baseline;
}
.motif-theme audio:not([controls]) {
  display: none;
  height: 0;
}
.motif-theme [hidden],
.motif-theme template {
  display: none;
}
.motif-theme a {
  background-color: transparent;
}
.motif-theme a:active,
.motif-theme a:hover {
  outline: 0;
}
.motif-theme abbr[title] {
  border-bottom: 1px dotted;
}
.motif-theme b,
.motif-theme strong {
  font-weight: bold;
}
.motif-theme dfn {
  font-style: italic;
}
.motif-theme h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.motif-theme mark {
  background: #ff0;
  color: #000;
}
.motif-theme small {
  font-size: 80%;
}
.motif-theme sub,
.motif-theme sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.motif-theme sup {
  top: -0.5em;
}
.motif-theme sub {
  bottom: -0.25em;
}
.motif-theme img {
  border: 0;
}
.motif-theme svg:not(:root) {
  overflow: hidden;
}
.motif-theme figure {
  margin: 1em 40px;
}
.motif-theme hr {
  box-sizing: content-box;
  height: 0;
}
.motif-theme pre {
  overflow: auto;
}
.motif-theme code,
.motif-theme kbd,
.motif-theme pre,
.motif-theme samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.motif-theme button,
.motif-theme input,
.motif-theme optgroup,
.motif-theme select,
.motif-theme textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.motif-theme button {
  overflow: visible;
}
.motif-theme button,
.motif-theme select {
  text-transform: none;
}
.motif-theme button,
.motif-theme html input[type=button],
.motif-theme input[type=reset],
.motif-theme input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.motif-theme button[disabled],
.motif-theme html input[disabled] {
  cursor: default;
}
.motif-theme button::-moz-focus-inner,
.motif-theme input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.motif-theme input {
  line-height: normal;
}
.motif-theme input[type=checkbox],
.motif-theme input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.motif-theme input[type=number]::-webkit-inner-spin-button,
.motif-theme input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
.motif-theme input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
.motif-theme input[type=search]::-webkit-search-cancel-button,
.motif-theme input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.motif-theme fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.motif-theme legend {
  border: 0;
  padding: 0;
}
.motif-theme textarea {
  overflow: auto;
}
.motif-theme optgroup {
  font-weight: bold;
}
.motif-theme table {
  border-collapse: collapse;
  border-spacing: 0;
}
.motif-theme td,
.motif-theme th {
  padding: 0;
}
@media print {
  .motif-theme *,
  .motif-theme *:before,
  .motif-theme *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .motif-theme a,
  .motif-theme a:visited {
    text-decoration: underline;
  }
  .motif-theme a[href]:after {
    content: " (" attr(href) ")";
  }
  .motif-theme abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .motif-theme a[href^="#"]:after,
  .motif-theme a[href^="javascript:"]:after {
    content: "";
  }
  .motif-theme pre,
  .motif-theme blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  .motif-theme thead {
    display: table-header-group;
  }
  .motif-theme tr,
  .motif-theme img {
    page-break-inside: avoid;
  }
  .motif-theme img {
    max-width: 100% !important;
  }
  .motif-theme p,
  .motif-theme h2,
  .motif-theme h3 {
    orphans: 3;
    widows: 3;
  }
  .motif-theme h2,
  .motif-theme h3 {
    page-break-after: avoid;
  }
  .motif-theme .navbar {
    display: none;
  }
  .motif-theme .btn > .caret,
  .motif-theme .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .motif-theme .label {
    border: 1px solid #000;
  }
  .motif-theme .table {
    border-collapse: collapse !important;
  }
  .motif-theme .table td,
  .motif-theme .table th {
    background-color: #fff !important;
  }
  .motif-theme .table-bordered th,
  .motif-theme .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
.motif-theme * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.motif-theme *:before,
.motif-theme *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.motif-theme html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.motif-theme body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}
.motif-theme input,
.motif-theme button,
.motif-theme select,
.motif-theme textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.motif-theme a {
  color: #337ab7;
  text-decoration: none;
}
.motif-theme a:hover, .motif-theme a:focus {
  color: #23527c;
  text-decoration: underline;
}
.motif-theme a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  text-decoration: none;
}
.motif-theme figure {
  margin: 0;
}
.motif-theme img {
  vertical-align: middle;
}
.motif-theme .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.motif-theme .img-rounded {
  border-radius: 6px;
}
.motif-theme .img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.motif-theme .img-circle {
  border-radius: 50%;
}
.motif-theme hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.motif-theme .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.motif-theme .sr-only-focusable:active, .motif-theme .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.motif-theme [role=button] {
  cursor: pointer;
}
.motif-theme h1,
.motif-theme h2,
.motif-theme h3,
.motif-theme h4,
.motif-theme h5,
.motif-theme h6,
.motif-theme .h1,
.motif-theme .h2,
.motif-theme .h3,
.motif-theme .h4,
.motif-theme .h5,
.motif-theme .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.motif-theme h1 small,
.motif-theme h1 .small,
.motif-theme h2 small,
.motif-theme h2 .small,
.motif-theme h3 small,
.motif-theme h3 .small,
.motif-theme h4 small,
.motif-theme h4 .small,
.motif-theme h5 small,
.motif-theme h5 .small,
.motif-theme h6 small,
.motif-theme h6 .small,
.motif-theme .h1 small,
.motif-theme .h1 .small,
.motif-theme .h2 small,
.motif-theme .h2 .small,
.motif-theme .h3 small,
.motif-theme .h3 .small,
.motif-theme .h4 small,
.motif-theme .h4 .small,
.motif-theme .h5 small,
.motif-theme .h5 .small,
.motif-theme .h6 small,
.motif-theme .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.motif-theme h1,
.motif-theme .h1,
.motif-theme h2,
.motif-theme .h2,
.motif-theme h3,
.motif-theme .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.motif-theme h1 small,
.motif-theme h1 .small,
.motif-theme .h1 small,
.motif-theme .h1 .small,
.motif-theme h2 small,
.motif-theme h2 .small,
.motif-theme .h2 small,
.motif-theme .h2 .small,
.motif-theme h3 small,
.motif-theme h3 .small,
.motif-theme .h3 small,
.motif-theme .h3 .small {
  font-size: 65%;
}
.motif-theme h4,
.motif-theme .h4,
.motif-theme h5,
.motif-theme .h5,
.motif-theme h6,
.motif-theme .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.motif-theme h4 small,
.motif-theme h4 .small,
.motif-theme .h4 small,
.motif-theme .h4 .small,
.motif-theme h5 small,
.motif-theme h5 .small,
.motif-theme .h5 small,
.motif-theme .h5 .small,
.motif-theme h6 small,
.motif-theme h6 .small,
.motif-theme .h6 small,
.motif-theme .h6 .small {
  font-size: 75%;
}
.motif-theme h1,
.motif-theme .h1 {
  font-size: 2.285rem;
}
.motif-theme h2,
.motif-theme .h2 {
  font-size: 1.857rem;
}
.motif-theme h3,
.motif-theme .h3 {
  font-size: 1.571rem;
}
.motif-theme h4,
.motif-theme .h4 {
  font-size: 1.571rem;
}
.motif-theme h5,
.motif-theme .h5 {
  font-size: 1.285rem;
}
.motif-theme h6,
.motif-theme .h6 {
  font-size: 1.1428rem;
}
.motif-theme p {
  margin: 0 0 10px;
}
.motif-theme .lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 801px) {
  .motif-theme .lead {
    font-size: 21px;
  }
}
.motif-theme small,
.motif-theme .small {
  font-size: 142%;
}
.motif-theme mark,
.motif-theme .mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.motif-theme .text-left {
  text-align: left;
}
.motif-theme .text-right {
  text-align: right;
}
.motif-theme .text-center {
  text-align: center;
}
.motif-theme .text-justify {
  text-align: justify;
}
.motif-theme .text-nowrap {
  white-space: nowrap;
}
.motif-theme .text-lowercase {
  text-transform: lowercase;
}
.motif-theme .text-uppercase, .motif-theme .initialism {
  text-transform: uppercase;
}
.motif-theme .text-capitalize {
  text-transform: capitalize;
}
.motif-theme .text-muted {
  color: #777777;
}
.motif-theme .text-primary {
  color: #337ab7;
}
.motif-theme a.text-primary:hover,
.motif-theme a.text-primary:focus {
  color: #286090;
}
.motif-theme .text-success {
  color: #3c763d;
}
.motif-theme a.text-success:hover,
.motif-theme a.text-success:focus {
  color: #2b542c;
}
.motif-theme .text-info {
  color: #31708f;
}
.motif-theme a.text-info:hover,
.motif-theme a.text-info:focus {
  color: #245269;
}
.motif-theme .text-warning {
  color: #8a6d3b;
}
.motif-theme a.text-warning:hover,
.motif-theme a.text-warning:focus {
  color: #66512c;
}
.motif-theme .text-danger {
  color: #a94442;
}
.motif-theme a.text-danger:hover,
.motif-theme a.text-danger:focus {
  color: #843534;
}
.motif-theme .bg-primary {
  color: #fff;
}
.motif-theme .bg-primary {
  background-color: #337ab7;
}
.motif-theme a.bg-primary:hover,
.motif-theme a.bg-primary:focus {
  background-color: #286090;
}
.motif-theme .bg-success {
  background-color: #dff0d8;
}
.motif-theme a.bg-success:hover,
.motif-theme a.bg-success:focus {
  background-color: #c1e2b3;
}
.motif-theme .bg-info {
  background-color: #d9edf7;
}
.motif-theme a.bg-info:hover,
.motif-theme a.bg-info:focus {
  background-color: #afd9ee;
}
.motif-theme .bg-warning {
  background-color: #fcf8e3;
}
.motif-theme a.bg-warning:hover,
.motif-theme a.bg-warning:focus {
  background-color: #f7ecb5;
}
.motif-theme .bg-danger {
  background-color: #f2dede;
}
.motif-theme a.bg-danger:hover,
.motif-theme a.bg-danger:focus {
  background-color: #e4b9b9;
}
.motif-theme .page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.motif-theme ul,
.motif-theme ol {
  margin-top: 0;
  margin-bottom: 10px;
}
.motif-theme ul ul,
.motif-theme ul ol,
.motif-theme ol ul,
.motif-theme ol ol {
  margin-bottom: 0;
}
.motif-theme .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.motif-theme .list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.motif-theme .list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.motif-theme dl {
  margin-top: 0;
  margin-bottom: 20px;
}
.motif-theme dt,
.motif-theme dd {
  line-height: 1.428571429;
}
.motif-theme dt {
  font-weight: bold;
}
.motif-theme dd {
  margin-left: 0;
}
.motif-theme .dl-horizontal dd:before, .motif-theme .dl-horizontal dd:after {
  content: " ";
  display: table;
}
.motif-theme .dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 801px) {
  .motif-theme .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .motif-theme .dl-horizontal dd {
    margin-left: 180px;
  }
}
.motif-theme abbr[title],
.motif-theme abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.motif-theme .initialism {
  font-size: 90%;
}
.motif-theme blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
.motif-theme blockquote p:last-child,
.motif-theme blockquote ul:last-child,
.motif-theme blockquote ol:last-child {
  margin-bottom: 0;
}
.motif-theme blockquote footer,
.motif-theme blockquote small,
.motif-theme blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777777;
}
.motif-theme blockquote footer:before,
.motif-theme blockquote small:before,
.motif-theme blockquote .small:before {
  content: "— ";
}
.motif-theme .blockquote-reverse,
.motif-theme blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.motif-theme .blockquote-reverse footer:before,
.motif-theme .blockquote-reverse small:before,
.motif-theme .blockquote-reverse .small:before,
.motif-theme blockquote.pull-right footer:before,
.motif-theme blockquote.pull-right small:before,
.motif-theme blockquote.pull-right .small:before {
  content: "";
}
.motif-theme .blockquote-reverse footer:after,
.motif-theme .blockquote-reverse small:after,
.motif-theme .blockquote-reverse .small:after,
.motif-theme blockquote.pull-right footer:after,
.motif-theme blockquote.pull-right small:after,
.motif-theme blockquote.pull-right .small:after {
  content: " —";
}
.motif-theme address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}
.motif-theme code,
.motif-theme kbd,
.motif-theme pre,
.motif-theme samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.motif-theme code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.motif-theme kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.motif-theme kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
.motif-theme pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.motif-theme pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.motif-theme .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.motif-theme .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.motif-theme .container:before, .motif-theme .container:after {
  content: " ";
  display: table;
}
.motif-theme .container:after {
  clear: both;
}
@media (min-width: 801px) {
  .motif-theme .container {
    width: 750px;
  }
}
@media (min-width: 1024px) {
  .motif-theme .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .motif-theme .container {
    width: 1170px;
  }
}
.motif-theme .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.motif-theme .container-fluid:before, .motif-theme .container-fluid:after {
  content: " ";
  display: table;
}
.motif-theme .container-fluid:after {
  clear: both;
}
.motif-theme .row {
  margin-left: -15px;
  margin-right: -15px;
}
.motif-theme .row:before, .motif-theme .row:after {
  content: " ";
  display: table;
}
.motif-theme .row:after {
  clear: both;
}
.motif-theme .col-xs-1, .motif-theme .col-sm-1, .motif-theme .col-md-1, .motif-theme .col-lg-1, .motif-theme .col-xs-2, .motif-theme .col-sm-2, .motif-theme .col-md-2, .motif-theme .col-lg-2, .motif-theme .col-xs-3, .motif-theme .col-sm-3, .motif-theme .col-md-3, .motif-theme .col-lg-3, .motif-theme .col-xs-4, .motif-theme .col-sm-4, .motif-theme .col-md-4, .motif-theme .col-lg-4, .motif-theme .col-xs-5, .motif-theme .col-sm-5, .motif-theme .col-md-5, .motif-theme .col-lg-5, .motif-theme .col-xs-6, .motif-theme .col-sm-6, .motif-theme .col-md-6, .motif-theme .col-lg-6, .motif-theme .col-xs-7, .motif-theme .col-sm-7, .motif-theme .col-md-7, .motif-theme .col-lg-7, .motif-theme .col-xs-8, .motif-theme .col-sm-8, .motif-theme .col-md-8, .motif-theme .col-lg-8, .motif-theme .col-xs-9, .motif-theme .col-sm-9, .motif-theme .col-md-9, .motif-theme .col-lg-9, .motif-theme .col-xs-10, .motif-theme .col-sm-10, .motif-theme .col-md-10, .motif-theme .col-lg-10, .motif-theme .col-xs-11, .motif-theme .col-sm-11, .motif-theme .col-md-11, .motif-theme .col-lg-11, .motif-theme .col-xs-12, .motif-theme .col-sm-12, .motif-theme .col-md-12, .motif-theme .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.motif-theme .col-xxs-1, .motif-theme .col-xxs-2, .motif-theme .col-xxs-3, .motif-theme .col-xxs-4, .motif-theme .col-xxs-5, .motif-theme .col-xxs-6, .motif-theme .col-xxs-7, .motif-theme .col-xxs-8, .motif-theme .col-xxs-9, .motif-theme .col-xxs-10, .motif-theme .col-xxs-11, .motif-theme .col-xxs-12 {
  float: left;
}
.motif-theme .col-xxs-1 {
  width: 8.3333333333%;
}
.motif-theme .col-xxs-2 {
  width: 16.6666666667%;
}
.motif-theme .col-xxs-3 {
  width: 25%;
}
.motif-theme .col-xxs-4 {
  width: 33.3333333333%;
}
.motif-theme .col-xxs-5 {
  width: 41.6666666667%;
}
.motif-theme .col-xxs-6 {
  width: 50%;
}
.motif-theme .col-xxs-7 {
  width: 58.3333333333%;
}
.motif-theme .col-xxs-8 {
  width: 66.6666666667%;
}
.motif-theme .col-xxs-9 {
  width: 75%;
}
.motif-theme .col-xxs-10 {
  width: 83.3333333333%;
}
.motif-theme .col-xxs-11 {
  width: 91.6666666667%;
}
.motif-theme .col-xxs-12 {
  width: 100%;
}
.motif-theme .col-xxs-pull-0 {
  right: auto;
}
.motif-theme .col-xxs-pull-1 {
  right: 8.3333333333%;
}
.motif-theme .col-xxs-pull-2 {
  right: 16.6666666667%;
}
.motif-theme .col-xxs-pull-3 {
  right: 25%;
}
.motif-theme .col-xxs-pull-4 {
  right: 33.3333333333%;
}
.motif-theme .col-xxs-pull-5 {
  right: 41.6666666667%;
}
.motif-theme .col-xxs-pull-6 {
  right: 50%;
}
.motif-theme .col-xxs-pull-7 {
  right: 58.3333333333%;
}
.motif-theme .col-xxs-pull-8 {
  right: 66.6666666667%;
}
.motif-theme .col-xxs-pull-9 {
  right: 75%;
}
.motif-theme .col-xxs-pull-10 {
  right: 83.3333333333%;
}
.motif-theme .col-xxs-pull-11 {
  right: 91.6666666667%;
}
.motif-theme .col-xxs-pull-12 {
  right: 100%;
}
.motif-theme .col-xxs-push-0 {
  left: auto;
}
.motif-theme .col-xxs-push-1 {
  left: 8.3333333333%;
}
.motif-theme .col-xxs-push-2 {
  left: 16.6666666667%;
}
.motif-theme .col-xxs-push-3 {
  left: 25%;
}
.motif-theme .col-xxs-push-4 {
  left: 33.3333333333%;
}
.motif-theme .col-xxs-push-5 {
  left: 41.6666666667%;
}
.motif-theme .col-xxs-push-6 {
  left: 50%;
}
.motif-theme .col-xxs-push-7 {
  left: 58.3333333333%;
}
.motif-theme .col-xxs-push-8 {
  left: 66.6666666667%;
}
.motif-theme .col-xxs-push-9 {
  left: 75%;
}
.motif-theme .col-xxs-push-10 {
  left: 83.3333333333%;
}
.motif-theme .col-xxs-push-11 {
  left: 91.6666666667%;
}
.motif-theme .col-xxs-push-12 {
  left: 100%;
}
.motif-theme .col-xxs-offset-0 {
  margin-left: 0%;
}
.motif-theme .col-xxs-offset-1 {
  margin-left: 8.3333333333%;
}
.motif-theme .col-xxs-offset-2 {
  margin-left: 16.6666666667%;
}
.motif-theme .col-xxs-offset-3 {
  margin-left: 25%;
}
.motif-theme .col-xxs-offset-4 {
  margin-left: 33.3333333333%;
}
.motif-theme .col-xxs-offset-5 {
  margin-left: 41.6666666667%;
}
.motif-theme .col-xxs-offset-6 {
  margin-left: 50%;
}
.motif-theme .col-xxs-offset-7 {
  margin-left: 58.3333333333%;
}
.motif-theme .col-xxs-offset-8 {
  margin-left: 66.6666666667%;
}
.motif-theme .col-xxs-offset-9 {
  margin-left: 75%;
}
.motif-theme .col-xxs-offset-10 {
  margin-left: 83.3333333333%;
}
.motif-theme .col-xxs-offset-11 {
  margin-left: 91.6666666667%;
}
.motif-theme .col-xxs-offset-12 {
  margin-left: 100%;
}
@media (min-width: 480px) {
  .motif-theme .col-xs-1, .motif-theme .col-xs-2, .motif-theme .col-xs-3, .motif-theme .col-xs-4, .motif-theme .col-xs-5, .motif-theme .col-xs-6, .motif-theme .col-xs-7, .motif-theme .col-xs-8, .motif-theme .col-xs-9, .motif-theme .col-xs-10, .motif-theme .col-xs-11, .motif-theme .col-xs-12 {
    float: left;
  }
  .motif-theme .col-xs-1 {
    width: 8.3333333333%;
  }
  .motif-theme .col-xs-2 {
    width: 16.6666666667%;
  }
  .motif-theme .col-xs-3 {
    width: 25%;
  }
  .motif-theme .col-xs-4 {
    width: 33.3333333333%;
  }
  .motif-theme .col-xs-5 {
    width: 41.6666666667%;
  }
  .motif-theme .col-xs-6 {
    width: 50%;
  }
  .motif-theme .col-xs-7 {
    width: 58.3333333333%;
  }
  .motif-theme .col-xs-8 {
    width: 66.6666666667%;
  }
  .motif-theme .col-xs-9 {
    width: 75%;
  }
  .motif-theme .col-xs-10 {
    width: 83.3333333333%;
  }
  .motif-theme .col-xs-11 {
    width: 91.6666666667%;
  }
  .motif-theme .col-xs-12 {
    width: 100%;
  }
  .motif-theme .col-xs-pull-0 {
    right: auto;
  }
  .motif-theme .col-xs-pull-1 {
    right: 8.3333333333%;
  }
  .motif-theme .col-xs-pull-2 {
    right: 16.6666666667%;
  }
  .motif-theme .col-xs-pull-3 {
    right: 25%;
  }
  .motif-theme .col-xs-pull-4 {
    right: 33.3333333333%;
  }
  .motif-theme .col-xs-pull-5 {
    right: 41.6666666667%;
  }
  .motif-theme .col-xs-pull-6 {
    right: 50%;
  }
  .motif-theme .col-xs-pull-7 {
    right: 58.3333333333%;
  }
  .motif-theme .col-xs-pull-8 {
    right: 66.6666666667%;
  }
  .motif-theme .col-xs-pull-9 {
    right: 75%;
  }
  .motif-theme .col-xs-pull-10 {
    right: 83.3333333333%;
  }
  .motif-theme .col-xs-pull-11 {
    right: 91.6666666667%;
  }
  .motif-theme .col-xs-pull-12 {
    right: 100%;
  }
  .motif-theme .col-xs-push-0 {
    left: auto;
  }
  .motif-theme .col-xs-push-1 {
    left: 8.3333333333%;
  }
  .motif-theme .col-xs-push-2 {
    left: 16.6666666667%;
  }
  .motif-theme .col-xs-push-3 {
    left: 25%;
  }
  .motif-theme .col-xs-push-4 {
    left: 33.3333333333%;
  }
  .motif-theme .col-xs-push-5 {
    left: 41.6666666667%;
  }
  .motif-theme .col-xs-push-6 {
    left: 50%;
  }
  .motif-theme .col-xs-push-7 {
    left: 58.3333333333%;
  }
  .motif-theme .col-xs-push-8 {
    left: 66.6666666667%;
  }
  .motif-theme .col-xs-push-9 {
    left: 75%;
  }
  .motif-theme .col-xs-push-10 {
    left: 83.3333333333%;
  }
  .motif-theme .col-xs-push-11 {
    left: 91.6666666667%;
  }
  .motif-theme .col-xs-push-12 {
    left: 100%;
  }
  .motif-theme .col-xs-offset-0 {
    margin-left: 0%;
  }
  .motif-theme .col-xs-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-theme .col-xs-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-theme .col-xs-offset-3 {
    margin-left: 25%;
  }
  .motif-theme .col-xs-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-theme .col-xs-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-theme .col-xs-offset-6 {
    margin-left: 50%;
  }
  .motif-theme .col-xs-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-theme .col-xs-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-theme .col-xs-offset-9 {
    margin-left: 75%;
  }
  .motif-theme .col-xs-offset-10 {
    margin-left: 83.3333333333%;
  }
  .motif-theme .col-xs-offset-11 {
    margin-left: 91.6666666667%;
  }
  .motif-theme .col-xs-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 801px) {
  .motif-theme .col-sm-1, .motif-theme .col-sm-2, .motif-theme .col-sm-3, .motif-theme .col-sm-4, .motif-theme .col-sm-5, .motif-theme .col-sm-6, .motif-theme .col-sm-7, .motif-theme .col-sm-8, .motif-theme .col-sm-9, .motif-theme .col-sm-10, .motif-theme .col-sm-11, .motif-theme .col-sm-12 {
    float: left;
  }
  .motif-theme .col-sm-1 {
    width: 8.3333333333%;
  }
  .motif-theme .col-sm-2 {
    width: 16.6666666667%;
  }
  .motif-theme .col-sm-3 {
    width: 25%;
  }
  .motif-theme .col-sm-4 {
    width: 33.3333333333%;
  }
  .motif-theme .col-sm-5 {
    width: 41.6666666667%;
  }
  .motif-theme .col-sm-6 {
    width: 50%;
  }
  .motif-theme .col-sm-7 {
    width: 58.3333333333%;
  }
  .motif-theme .col-sm-8 {
    width: 66.6666666667%;
  }
  .motif-theme .col-sm-9 {
    width: 75%;
  }
  .motif-theme .col-sm-10 {
    width: 83.3333333333%;
  }
  .motif-theme .col-sm-11 {
    width: 91.6666666667%;
  }
  .motif-theme .col-sm-12 {
    width: 100%;
  }
  .motif-theme .col-sm-pull-0 {
    right: auto;
  }
  .motif-theme .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .motif-theme .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .motif-theme .col-sm-pull-3 {
    right: 25%;
  }
  .motif-theme .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .motif-theme .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .motif-theme .col-sm-pull-6 {
    right: 50%;
  }
  .motif-theme .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .motif-theme .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .motif-theme .col-sm-pull-9 {
    right: 75%;
  }
  .motif-theme .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .motif-theme .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .motif-theme .col-sm-pull-12 {
    right: 100%;
  }
  .motif-theme .col-sm-push-0 {
    left: auto;
  }
  .motif-theme .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .motif-theme .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .motif-theme .col-sm-push-3 {
    left: 25%;
  }
  .motif-theme .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .motif-theme .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .motif-theme .col-sm-push-6 {
    left: 50%;
  }
  .motif-theme .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .motif-theme .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .motif-theme .col-sm-push-9 {
    left: 75%;
  }
  .motif-theme .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .motif-theme .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .motif-theme .col-sm-push-12 {
    left: 100%;
  }
  .motif-theme .col-sm-offset-0 {
    margin-left: 0%;
  }
  .motif-theme .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-theme .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-theme .col-sm-offset-3 {
    margin-left: 25%;
  }
  .motif-theme .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-theme .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-theme .col-sm-offset-6 {
    margin-left: 50%;
  }
  .motif-theme .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-theme .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-theme .col-sm-offset-9 {
    margin-left: 75%;
  }
  .motif-theme .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .motif-theme .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .motif-theme .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1024px) {
  .motif-theme .col-md-1, .motif-theme .col-md-2, .motif-theme .col-md-3, .motif-theme .col-md-4, .motif-theme .col-md-5, .motif-theme .col-md-6, .motif-theme .col-md-7, .motif-theme .col-md-8, .motif-theme .col-md-9, .motif-theme .col-md-10, .motif-theme .col-md-11, .motif-theme .col-md-12 {
    float: left;
  }
  .motif-theme .col-md-1 {
    width: 8.3333333333%;
  }
  .motif-theme .col-md-2 {
    width: 16.6666666667%;
  }
  .motif-theme .col-md-3 {
    width: 25%;
  }
  .motif-theme .col-md-4 {
    width: 33.3333333333%;
  }
  .motif-theme .col-md-5 {
    width: 41.6666666667%;
  }
  .motif-theme .col-md-6 {
    width: 50%;
  }
  .motif-theme .col-md-7 {
    width: 58.3333333333%;
  }
  .motif-theme .col-md-8 {
    width: 66.6666666667%;
  }
  .motif-theme .col-md-9 {
    width: 75%;
  }
  .motif-theme .col-md-10 {
    width: 83.3333333333%;
  }
  .motif-theme .col-md-11 {
    width: 91.6666666667%;
  }
  .motif-theme .col-md-12 {
    width: 100%;
  }
  .motif-theme .col-md-pull-0 {
    right: auto;
  }
  .motif-theme .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .motif-theme .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .motif-theme .col-md-pull-3 {
    right: 25%;
  }
  .motif-theme .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .motif-theme .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .motif-theme .col-md-pull-6 {
    right: 50%;
  }
  .motif-theme .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .motif-theme .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .motif-theme .col-md-pull-9 {
    right: 75%;
  }
  .motif-theme .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .motif-theme .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .motif-theme .col-md-pull-12 {
    right: 100%;
  }
  .motif-theme .col-md-push-0 {
    left: auto;
  }
  .motif-theme .col-md-push-1 {
    left: 8.3333333333%;
  }
  .motif-theme .col-md-push-2 {
    left: 16.6666666667%;
  }
  .motif-theme .col-md-push-3 {
    left: 25%;
  }
  .motif-theme .col-md-push-4 {
    left: 33.3333333333%;
  }
  .motif-theme .col-md-push-5 {
    left: 41.6666666667%;
  }
  .motif-theme .col-md-push-6 {
    left: 50%;
  }
  .motif-theme .col-md-push-7 {
    left: 58.3333333333%;
  }
  .motif-theme .col-md-push-8 {
    left: 66.6666666667%;
  }
  .motif-theme .col-md-push-9 {
    left: 75%;
  }
  .motif-theme .col-md-push-10 {
    left: 83.3333333333%;
  }
  .motif-theme .col-md-push-11 {
    left: 91.6666666667%;
  }
  .motif-theme .col-md-push-12 {
    left: 100%;
  }
  .motif-theme .col-md-offset-0 {
    margin-left: 0%;
  }
  .motif-theme .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-theme .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-theme .col-md-offset-3 {
    margin-left: 25%;
  }
  .motif-theme .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-theme .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-theme .col-md-offset-6 {
    margin-left: 50%;
  }
  .motif-theme .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-theme .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-theme .col-md-offset-9 {
    margin-left: 75%;
  }
  .motif-theme .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .motif-theme .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .motif-theme .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .motif-theme .col-lg-1, .motif-theme .col-lg-2, .motif-theme .col-lg-3, .motif-theme .col-lg-4, .motif-theme .col-lg-5, .motif-theme .col-lg-6, .motif-theme .col-lg-7, .motif-theme .col-lg-8, .motif-theme .col-lg-9, .motif-theme .col-lg-10, .motif-theme .col-lg-11, .motif-theme .col-lg-12 {
    float: left;
  }
  .motif-theme .col-lg-1 {
    width: 8.3333333333%;
  }
  .motif-theme .col-lg-2 {
    width: 16.6666666667%;
  }
  .motif-theme .col-lg-3 {
    width: 25%;
  }
  .motif-theme .col-lg-4 {
    width: 33.3333333333%;
  }
  .motif-theme .col-lg-5 {
    width: 41.6666666667%;
  }
  .motif-theme .col-lg-6 {
    width: 50%;
  }
  .motif-theme .col-lg-7 {
    width: 58.3333333333%;
  }
  .motif-theme .col-lg-8 {
    width: 66.6666666667%;
  }
  .motif-theme .col-lg-9 {
    width: 75%;
  }
  .motif-theme .col-lg-10 {
    width: 83.3333333333%;
  }
  .motif-theme .col-lg-11 {
    width: 91.6666666667%;
  }
  .motif-theme .col-lg-12 {
    width: 100%;
  }
  .motif-theme .col-lg-pull-0 {
    right: auto;
  }
  .motif-theme .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .motif-theme .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .motif-theme .col-lg-pull-3 {
    right: 25%;
  }
  .motif-theme .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .motif-theme .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .motif-theme .col-lg-pull-6 {
    right: 50%;
  }
  .motif-theme .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .motif-theme .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .motif-theme .col-lg-pull-9 {
    right: 75%;
  }
  .motif-theme .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .motif-theme .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .motif-theme .col-lg-pull-12 {
    right: 100%;
  }
  .motif-theme .col-lg-push-0 {
    left: auto;
  }
  .motif-theme .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .motif-theme .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .motif-theme .col-lg-push-3 {
    left: 25%;
  }
  .motif-theme .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .motif-theme .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .motif-theme .col-lg-push-6 {
    left: 50%;
  }
  .motif-theme .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .motif-theme .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .motif-theme .col-lg-push-9 {
    left: 75%;
  }
  .motif-theme .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .motif-theme .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .motif-theme .col-lg-push-12 {
    left: 100%;
  }
  .motif-theme .col-lg-offset-0 {
    margin-left: 0%;
  }
  .motif-theme .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-theme .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-theme .col-lg-offset-3 {
    margin-left: 25%;
  }
  .motif-theme .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-theme .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-theme .col-lg-offset-6 {
    margin-left: 50%;
  }
  .motif-theme .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-theme .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-theme .col-lg-offset-9 {
    margin-left: 75%;
  }
  .motif-theme .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .motif-theme .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .motif-theme .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.motif-theme table {
  background-color: transparent;
}
.motif-theme caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
.motif-theme th {
  text-align: left;
}
.motif-theme .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.motif-theme .table > thead > tr > th,
.motif-theme .table > thead > tr > td,
.motif-theme .table > tbody > tr > th,
.motif-theme .table > tbody > tr > td,
.motif-theme .table > tfoot > tr > th,
.motif-theme .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.motif-theme .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.motif-theme .table > caption + thead > tr:first-child > th,
.motif-theme .table > caption + thead > tr:first-child > td,
.motif-theme .table > colgroup + thead > tr:first-child > th,
.motif-theme .table > colgroup + thead > tr:first-child > td,
.motif-theme .table > thead:first-child > tr:first-child > th,
.motif-theme .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.motif-theme .table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.motif-theme .table .table {
  background-color: #fff;
}
.motif-theme .table-condensed > thead > tr > th,
.motif-theme .table-condensed > thead > tr > td,
.motif-theme .table-condensed > tbody > tr > th,
.motif-theme .table-condensed > tbody > tr > td,
.motif-theme .table-condensed > tfoot > tr > th,
.motif-theme .table-condensed > tfoot > tr > td {
  padding: 5px;
}
.motif-theme .table-bordered {
  border: 1px solid #ddd;
}
.motif-theme .table-bordered > thead > tr > th,
.motif-theme .table-bordered > thead > tr > td,
.motif-theme .table-bordered > tbody > tr > th,
.motif-theme .table-bordered > tbody > tr > td,
.motif-theme .table-bordered > tfoot > tr > th,
.motif-theme .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.motif-theme .table-bordered > thead > tr > th,
.motif-theme .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.motif-theme .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.motif-theme .table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.motif-theme table col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}
.motif-theme table td[class*=col-],
.motif-theme table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
}
.motif-theme .table > thead > tr > td.active,
.motif-theme .table > thead > tr > th.active, .motif-theme .table > thead > tr.active > td, .motif-theme .table > thead > tr.active > th,
.motif-theme .table > tbody > tr > td.active,
.motif-theme .table > tbody > tr > th.active,
.motif-theme .table > tbody > tr.active > td,
.motif-theme .table > tbody > tr.active > th,
.motif-theme .table > tfoot > tr > td.active,
.motif-theme .table > tfoot > tr > th.active,
.motif-theme .table > tfoot > tr.active > td,
.motif-theme .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.motif-theme .table-hover > tbody > tr > td.active:hover,
.motif-theme .table-hover > tbody > tr > th.active:hover, .motif-theme .table-hover > tbody > tr.active:hover > td, .motif-theme .table-hover > tbody > tr:hover > .active, .motif-theme .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.motif-theme .table > thead > tr > td.success,
.motif-theme .table > thead > tr > th.success, .motif-theme .table > thead > tr.success > td, .motif-theme .table > thead > tr.success > th,
.motif-theme .table > tbody > tr > td.success,
.motif-theme .table > tbody > tr > th.success,
.motif-theme .table > tbody > tr.success > td,
.motif-theme .table > tbody > tr.success > th,
.motif-theme .table > tfoot > tr > td.success,
.motif-theme .table > tfoot > tr > th.success,
.motif-theme .table > tfoot > tr.success > td,
.motif-theme .table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.motif-theme .table-hover > tbody > tr > td.success:hover,
.motif-theme .table-hover > tbody > tr > th.success:hover, .motif-theme .table-hover > tbody > tr.success:hover > td, .motif-theme .table-hover > tbody > tr:hover > .success, .motif-theme .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.motif-theme .table > thead > tr > td.info,
.motif-theme .table > thead > tr > th.info, .motif-theme .table > thead > tr.info > td, .motif-theme .table > thead > tr.info > th,
.motif-theme .table > tbody > tr > td.info,
.motif-theme .table > tbody > tr > th.info,
.motif-theme .table > tbody > tr.info > td,
.motif-theme .table > tbody > tr.info > th,
.motif-theme .table > tfoot > tr > td.info,
.motif-theme .table > tfoot > tr > th.info,
.motif-theme .table > tfoot > tr.info > td,
.motif-theme .table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.motif-theme .table-hover > tbody > tr > td.info:hover,
.motif-theme .table-hover > tbody > tr > th.info:hover, .motif-theme .table-hover > tbody > tr.info:hover > td, .motif-theme .table-hover > tbody > tr:hover > .info, .motif-theme .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.motif-theme .table > thead > tr > td.warning,
.motif-theme .table > thead > tr > th.warning, .motif-theme .table > thead > tr.warning > td, .motif-theme .table > thead > tr.warning > th,
.motif-theme .table > tbody > tr > td.warning,
.motif-theme .table > tbody > tr > th.warning,
.motif-theme .table > tbody > tr.warning > td,
.motif-theme .table > tbody > tr.warning > th,
.motif-theme .table > tfoot > tr > td.warning,
.motif-theme .table > tfoot > tr > th.warning,
.motif-theme .table > tfoot > tr.warning > td,
.motif-theme .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.motif-theme .table-hover > tbody > tr > td.warning:hover,
.motif-theme .table-hover > tbody > tr > th.warning:hover, .motif-theme .table-hover > tbody > tr.warning:hover > td, .motif-theme .table-hover > tbody > tr:hover > .warning, .motif-theme .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.motif-theme .table > thead > tr > td.danger,
.motif-theme .table > thead > tr > th.danger, .motif-theme .table > thead > tr.danger > td, .motif-theme .table > thead > tr.danger > th,
.motif-theme .table > tbody > tr > td.danger,
.motif-theme .table > tbody > tr > th.danger,
.motif-theme .table > tbody > tr.danger > td,
.motif-theme .table > tbody > tr.danger > th,
.motif-theme .table > tfoot > tr > td.danger,
.motif-theme .table > tfoot > tr > th.danger,
.motif-theme .table > tfoot > tr.danger > td,
.motif-theme .table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.motif-theme .table-hover > tbody > tr > td.danger:hover,
.motif-theme .table-hover > tbody > tr > th.danger:hover, .motif-theme .table-hover > tbody > tr.danger:hover > td, .motif-theme .table-hover > tbody > tr:hover > .danger, .motif-theme .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.motif-theme .table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 800px) {
  .motif-theme .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .motif-theme .table-responsive > .table {
    margin-bottom: 0;
  }
  .motif-theme .table-responsive > .table > thead > tr > th,
  .motif-theme .table-responsive > .table > thead > tr > td,
  .motif-theme .table-responsive > .table > tbody > tr > th,
  .motif-theme .table-responsive > .table > tbody > tr > td,
  .motif-theme .table-responsive > .table > tfoot > tr > th,
  .motif-theme .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .motif-theme .table-responsive > .table-bordered {
    border: 0;
  }
  .motif-theme .table-responsive > .table-bordered > thead > tr > th:first-child,
  .motif-theme .table-responsive > .table-bordered > thead > tr > td:first-child,
  .motif-theme .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .motif-theme .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .motif-theme .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .motif-theme .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .motif-theme .table-responsive > .table-bordered > thead > tr > th:last-child,
  .motif-theme .table-responsive > .table-bordered > thead > tr > td:last-child,
  .motif-theme .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .motif-theme .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .motif-theme .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .motif-theme .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .motif-theme .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .motif-theme .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .motif-theme .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .motif-theme .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.motif-theme fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
.motif-theme legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.motif-theme label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.motif-theme input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.motif-theme input[type=radio],
.motif-theme input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.motif-theme input[type=file] {
  display: block;
}
.motif-theme input[type=range] {
  display: block;
  width: 100%;
}
.motif-theme select[multiple],
.motif-theme select[size] {
  height: auto;
}
.motif-theme input[type=file]:focus,
.motif-theme input[type=radio]:focus,
.motif-theme input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  text-decoration: none;
}
.motif-theme output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #666666;
}
.motif-theme .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #666666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.motif-theme .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.motif-theme .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.motif-theme .form-control:-ms-input-placeholder {
  color: #999;
}
.motif-theme .form-control::-webkit-input-placeholder {
  color: #999;
}
.motif-theme .form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.motif-theme .form-control[disabled], .motif-theme .form-control[readonly], fieldset[disabled] .motif-theme .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.motif-theme .form-control[disabled], fieldset[disabled] .motif-theme .form-control {
  cursor: not-allowed;
}
.motif-theme textarea.form-control {
  height: auto;
}
.motif-theme input[type=search] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .motif-theme input[type=date].form-control,
  .motif-theme input[type=time].form-control,
  .motif-theme input[type=datetime-local].form-control,
  .motif-theme input[type=month].form-control {
    line-height: 34px;
  }
  .motif-theme input[type=date].input-sm, .motif-theme .input-group-sm > input[type=date].form-control,
  .motif-theme .input-group-sm > input[type=date].input-group-addon,
  .motif-theme .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm .motif-theme input[type=date],
  .motif-theme input[type=time].input-sm,
  .motif-theme .input-group-sm > input[type=time].form-control,
  .motif-theme .input-group-sm > input[type=time].input-group-addon,
  .motif-theme .input-group-sm > .input-group-btn > input[type=time].btn,
  .input-group-sm .motif-theme input[type=time],
  .motif-theme input[type=datetime-local].input-sm,
  .motif-theme .input-group-sm > input[type=datetime-local].form-control,
  .motif-theme .input-group-sm > input[type=datetime-local].input-group-addon,
  .motif-theme .input-group-sm > .input-group-btn > input[type=datetime-local].btn,
  .input-group-sm .motif-theme input[type=datetime-local],
  .motif-theme input[type=month].input-sm,
  .motif-theme .input-group-sm > input[type=month].form-control,
  .motif-theme .input-group-sm > input[type=month].input-group-addon,
  .motif-theme .input-group-sm > .input-group-btn > input[type=month].btn,
  .input-group-sm .motif-theme input[type=month] {
    line-height: 42px;
  }
  .motif-theme input[type=date].input-lg, .motif-theme .input-group-lg > input[type=date].form-control,
  .motif-theme .input-group-lg > input[type=date].input-group-addon,
  .motif-theme .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg .motif-theme input[type=date],
  .motif-theme input[type=time].input-lg,
  .motif-theme .input-group-lg > input[type=time].form-control,
  .motif-theme .input-group-lg > input[type=time].input-group-addon,
  .motif-theme .input-group-lg > .input-group-btn > input[type=time].btn,
  .input-group-lg .motif-theme input[type=time],
  .motif-theme input[type=datetime-local].input-lg,
  .motif-theme .input-group-lg > input[type=datetime-local].form-control,
  .motif-theme .input-group-lg > input[type=datetime-local].input-group-addon,
  .motif-theme .input-group-lg > .input-group-btn > input[type=datetime-local].btn,
  .input-group-lg .motif-theme input[type=datetime-local],
  .motif-theme input[type=month].input-lg,
  .motif-theme .input-group-lg > input[type=month].form-control,
  .motif-theme .input-group-lg > input[type=month].input-group-addon,
  .motif-theme .input-group-lg > .input-group-btn > input[type=month].btn,
  .input-group-lg .motif-theme input[type=month] {
    line-height: 46px;
  }
}
.motif-theme .form-group {
  margin-bottom: 15px;
}
.motif-theme .radio,
.motif-theme .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.motif-theme .radio label,
.motif-theme .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.motif-theme .radio input[type=radio],
.motif-theme .radio-inline input[type=radio],
.motif-theme .checkbox input[type=checkbox],
.motif-theme .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9 ;
}
.motif-theme .radio + .radio,
.motif-theme .checkbox + .checkbox {
  margin-top: -5px;
}
.motif-theme .radio-inline,
.motif-theme .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.motif-theme .radio-inline + .radio-inline,
.motif-theme .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.motif-theme input[type=radio][disabled], .motif-theme input[type=radio].disabled, fieldset[disabled] .motif-theme input[type=radio],
.motif-theme input[type=checkbox][disabled],
.motif-theme input[type=checkbox].disabled,
fieldset[disabled] .motif-theme input[type=checkbox] {
  cursor: not-allowed;
}
.motif-theme .radio-inline.disabled, fieldset[disabled] .motif-theme .radio-inline,
.motif-theme .checkbox-inline.disabled,
fieldset[disabled] .motif-theme .checkbox-inline {
  cursor: not-allowed;
}
.motif-theme .radio.disabled label, fieldset[disabled] .motif-theme .radio label,
.motif-theme .checkbox.disabled label,
fieldset[disabled] .motif-theme .checkbox label {
  cursor: not-allowed;
}
.motif-theme .form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.motif-theme .form-control-static.input-lg, .motif-theme .input-group-lg > .form-control-static.form-control,
.motif-theme .input-group-lg > .form-control-static.input-group-addon,
.motif-theme .input-group-lg > .input-group-btn > .form-control-static.btn, .motif-theme .form-control-static.input-sm, .motif-theme .input-group-sm > .form-control-static.form-control,
.motif-theme .input-group-sm > .form-control-static.input-group-addon,
.motif-theme .input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}
.motif-theme .input-sm, .motif-theme .input-group-sm > .form-control,
.motif-theme .input-group-sm > .input-group-addon,
.motif-theme .input-group-sm > .input-group-btn > .btn {
  height: 42px;
  padding: 5px 10px;
  font-size: 20px;
  line-height: 1.5;
  border-radius: 3px;
}
.motif-theme select.input-sm, .motif-theme .input-group-sm > select.form-control,
.motif-theme .input-group-sm > select.input-group-addon,
.motif-theme .input-group-sm > .input-group-btn > select.btn {
  height: 42px;
  line-height: 42px;
}
.motif-theme textarea.input-sm, .motif-theme .input-group-sm > textarea.form-control,
.motif-theme .input-group-sm > textarea.input-group-addon,
.motif-theme .input-group-sm > .input-group-btn > textarea.btn,
.motif-theme select[multiple].input-sm,
.motif-theme .input-group-sm > select[multiple].form-control,
.motif-theme .input-group-sm > select[multiple].input-group-addon,
.motif-theme .input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}
.motif-theme .form-group-sm .form-control {
  height: 42px;
  padding: 5px 10px;
  font-size: 20px;
  line-height: 1.5;
  border-radius: 3px;
}
.motif-theme .form-group-sm select.form-control {
  height: 42px;
  line-height: 42px;
}
.motif-theme .form-group-sm textarea.form-control,
.motif-theme .form-group-sm select[multiple].form-control {
  height: auto;
}
.motif-theme .form-group-sm .form-control-static {
  height: 42px;
  min-height: 40px;
  padding: 6px 10px;
  font-size: 20px;
  line-height: 1.5;
}
.motif-theme .input-lg, .motif-theme .input-group-lg > .form-control,
.motif-theme .input-group-lg > .input-group-addon,
.motif-theme .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.motif-theme select.input-lg, .motif-theme .input-group-lg > select.form-control,
.motif-theme .input-group-lg > select.input-group-addon,
.motif-theme .input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}
.motif-theme textarea.input-lg, .motif-theme .input-group-lg > textarea.form-control,
.motif-theme .input-group-lg > textarea.input-group-addon,
.motif-theme .input-group-lg > .input-group-btn > textarea.btn,
.motif-theme select[multiple].input-lg,
.motif-theme .input-group-lg > select[multiple].form-control,
.motif-theme .input-group-lg > select[multiple].input-group-addon,
.motif-theme .input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}
.motif-theme .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.motif-theme .form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.motif-theme .form-group-lg textarea.form-control,
.motif-theme .form-group-lg select[multiple].form-control {
  height: auto;
}
.motif-theme .form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.motif-theme .has-feedback {
  position: relative;
}
.motif-theme .has-feedback .form-control {
  padding-right: 42.5px;
}
.motif-theme .form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.motif-theme .input-lg + .form-control-feedback, .motif-theme .input-group-lg > .form-control + .form-control-feedback,
.motif-theme .input-group-lg > .input-group-addon + .form-control-feedback,
.motif-theme .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.motif-theme .input-group-lg + .form-control-feedback,
.motif-theme .form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.motif-theme .input-sm + .form-control-feedback, .motif-theme .input-group-sm > .form-control + .form-control-feedback,
.motif-theme .input-group-sm > .input-group-addon + .form-control-feedback,
.motif-theme .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.motif-theme .input-group-sm + .form-control-feedback,
.motif-theme .form-group-sm .form-control + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.motif-theme .has-success .help-block,
.motif-theme .has-success .control-label,
.motif-theme .has-success .radio,
.motif-theme .has-success .checkbox,
.motif-theme .has-success .radio-inline,
.motif-theme .has-success .checkbox-inline, .motif-theme .has-success.radio label, .motif-theme .has-success.checkbox label, .motif-theme .has-success.radio-inline label, .motif-theme .has-success.checkbox-inline label {
  color: #3c763d;
}
.motif-theme .has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.motif-theme .has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.motif-theme .has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.motif-theme .has-success .form-control-feedback {
  color: #3c763d;
}
.motif-theme .has-warning .help-block,
.motif-theme .has-warning .control-label,
.motif-theme .has-warning .radio,
.motif-theme .has-warning .checkbox,
.motif-theme .has-warning .radio-inline,
.motif-theme .has-warning .checkbox-inline, .motif-theme .has-warning.radio label, .motif-theme .has-warning.checkbox label, .motif-theme .has-warning.radio-inline label, .motif-theme .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.motif-theme .has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.motif-theme .has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.motif-theme .has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.motif-theme .has-warning .form-control-feedback {
  color: #8a6d3b;
}
.motif-theme .has-error .help-block,
.motif-theme .has-error .control-label,
.motif-theme .has-error .radio,
.motif-theme .has-error .checkbox,
.motif-theme .has-error .radio-inline,
.motif-theme .has-error .checkbox-inline, .motif-theme .has-error.radio label, .motif-theme .has-error.checkbox label, .motif-theme .has-error.radio-inline label, .motif-theme .has-error.checkbox-inline label {
  color: #a94442;
}
.motif-theme .has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.motif-theme .has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.motif-theme .has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.motif-theme .has-error .form-control-feedback {
  color: #a94442;
}
.motif-theme .has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.motif-theme .has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.motif-theme .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 801px) {
  .motif-theme .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .motif-theme .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .motif-theme .form-inline .form-control-static {
    display: inline-block;
  }
  .motif-theme .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .motif-theme .form-inline .input-group .input-group-addon,
  .motif-theme .form-inline .input-group .input-group-btn,
  .motif-theme .form-inline .input-group .form-control {
    width: auto;
  }
  .motif-theme .form-inline .input-group > .form-control {
    width: 100%;
  }
  .motif-theme .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .motif-theme .form-inline .radio,
  .motif-theme .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .motif-theme .form-inline .radio label,
  .motif-theme .form-inline .checkbox label {
    padding-left: 0;
  }
  .motif-theme .form-inline .radio input[type=radio],
  .motif-theme .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .motif-theme .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.motif-theme .form-horizontal .radio,
.motif-theme .form-horizontal .checkbox,
.motif-theme .form-horizontal .radio-inline,
.motif-theme .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.motif-theme .form-horizontal .radio,
.motif-theme .form-horizontal .checkbox {
  min-height: 27px;
}
.motif-theme .form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.motif-theme .form-horizontal .form-group:before, .motif-theme .form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.motif-theme .form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 801px) {
  .motif-theme .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.motif-theme .form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 801px) {
  .motif-theme .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 801px) {
  .motif-theme .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 20px;
  }
}
.motif-theme .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.motif-theme .btn:focus, .motif-theme .btn.focus, .motif-theme .btn:active:focus, .motif-theme .btn:active.focus, .motif-theme .btn.active:focus, .motif-theme .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  text-decoration: none;
}
.motif-theme .btn:hover, .motif-theme .btn:focus, .motif-theme .btn.focus {
  color: #333;
  text-decoration: none;
}
.motif-theme .btn:active, .motif-theme .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.motif-theme .btn.disabled, .motif-theme .btn[disabled], fieldset[disabled] .motif-theme .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.motif-theme a.btn.disabled, fieldset[disabled] .motif-theme a.btn {
  pointer-events: none;
}
.motif-theme .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.motif-theme .btn-default:focus, .motif-theme .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.motif-theme .btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.motif-theme .btn-default:active, .motif-theme .btn-default.active, .open > .motif-theme .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.motif-theme .btn-default:active:hover, .motif-theme .btn-default:active:focus, .motif-theme .btn-default:active.focus, .motif-theme .btn-default.active:hover, .motif-theme .btn-default.active:focus, .motif-theme .btn-default.active.focus, .open > .motif-theme .btn-default.dropdown-toggle:hover, .open > .motif-theme .btn-default.dropdown-toggle:focus, .open > .motif-theme .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.motif-theme .btn-default:active, .motif-theme .btn-default.active, .open > .motif-theme .btn-default.dropdown-toggle {
  background-image: none;
}
.motif-theme .btn-default.disabled:hover, .motif-theme .btn-default.disabled:focus, .motif-theme .btn-default.disabled.focus, .motif-theme .btn-default[disabled]:hover, .motif-theme .btn-default[disabled]:focus, .motif-theme .btn-default[disabled].focus, fieldset[disabled] .motif-theme .btn-default:hover, fieldset[disabled] .motif-theme .btn-default:focus, fieldset[disabled] .motif-theme .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.motif-theme .btn-default .badge {
  color: #fff;
  background-color: #333;
}
.motif-theme .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.motif-theme .btn-primary:focus, .motif-theme .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.motif-theme .btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.motif-theme .btn-primary:active, .motif-theme .btn-primary.active, .open > .motif-theme .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.motif-theme .btn-primary:active:hover, .motif-theme .btn-primary:active:focus, .motif-theme .btn-primary:active.focus, .motif-theme .btn-primary.active:hover, .motif-theme .btn-primary.active:focus, .motif-theme .btn-primary.active.focus, .open > .motif-theme .btn-primary.dropdown-toggle:hover, .open > .motif-theme .btn-primary.dropdown-toggle:focus, .open > .motif-theme .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.motif-theme .btn-primary:active, .motif-theme .btn-primary.active, .open > .motif-theme .btn-primary.dropdown-toggle {
  background-image: none;
}
.motif-theme .btn-primary.disabled:hover, .motif-theme .btn-primary.disabled:focus, .motif-theme .btn-primary.disabled.focus, .motif-theme .btn-primary[disabled]:hover, .motif-theme .btn-primary[disabled]:focus, .motif-theme .btn-primary[disabled].focus, fieldset[disabled] .motif-theme .btn-primary:hover, fieldset[disabled] .motif-theme .btn-primary:focus, fieldset[disabled] .motif-theme .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.motif-theme .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.motif-theme .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.motif-theme .btn-success:focus, .motif-theme .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.motif-theme .btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.motif-theme .btn-success:active, .motif-theme .btn-success.active, .open > .motif-theme .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.motif-theme .btn-success:active:hover, .motif-theme .btn-success:active:focus, .motif-theme .btn-success:active.focus, .motif-theme .btn-success.active:hover, .motif-theme .btn-success.active:focus, .motif-theme .btn-success.active.focus, .open > .motif-theme .btn-success.dropdown-toggle:hover, .open > .motif-theme .btn-success.dropdown-toggle:focus, .open > .motif-theme .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.motif-theme .btn-success:active, .motif-theme .btn-success.active, .open > .motif-theme .btn-success.dropdown-toggle {
  background-image: none;
}
.motif-theme .btn-success.disabled:hover, .motif-theme .btn-success.disabled:focus, .motif-theme .btn-success.disabled.focus, .motif-theme .btn-success[disabled]:hover, .motif-theme .btn-success[disabled]:focus, .motif-theme .btn-success[disabled].focus, fieldset[disabled] .motif-theme .btn-success:hover, fieldset[disabled] .motif-theme .btn-success:focus, fieldset[disabled] .motif-theme .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.motif-theme .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.motif-theme .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.motif-theme .btn-info:focus, .motif-theme .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.motif-theme .btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.motif-theme .btn-info:active, .motif-theme .btn-info.active, .open > .motif-theme .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.motif-theme .btn-info:active:hover, .motif-theme .btn-info:active:focus, .motif-theme .btn-info:active.focus, .motif-theme .btn-info.active:hover, .motif-theme .btn-info.active:focus, .motif-theme .btn-info.active.focus, .open > .motif-theme .btn-info.dropdown-toggle:hover, .open > .motif-theme .btn-info.dropdown-toggle:focus, .open > .motif-theme .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.motif-theme .btn-info:active, .motif-theme .btn-info.active, .open > .motif-theme .btn-info.dropdown-toggle {
  background-image: none;
}
.motif-theme .btn-info.disabled:hover, .motif-theme .btn-info.disabled:focus, .motif-theme .btn-info.disabled.focus, .motif-theme .btn-info[disabled]:hover, .motif-theme .btn-info[disabled]:focus, .motif-theme .btn-info[disabled].focus, fieldset[disabled] .motif-theme .btn-info:hover, fieldset[disabled] .motif-theme .btn-info:focus, fieldset[disabled] .motif-theme .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.motif-theme .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.motif-theme .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.motif-theme .btn-warning:focus, .motif-theme .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.motif-theme .btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.motif-theme .btn-warning:active, .motif-theme .btn-warning.active, .open > .motif-theme .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.motif-theme .btn-warning:active:hover, .motif-theme .btn-warning:active:focus, .motif-theme .btn-warning:active.focus, .motif-theme .btn-warning.active:hover, .motif-theme .btn-warning.active:focus, .motif-theme .btn-warning.active.focus, .open > .motif-theme .btn-warning.dropdown-toggle:hover, .open > .motif-theme .btn-warning.dropdown-toggle:focus, .open > .motif-theme .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.motif-theme .btn-warning:active, .motif-theme .btn-warning.active, .open > .motif-theme .btn-warning.dropdown-toggle {
  background-image: none;
}
.motif-theme .btn-warning.disabled:hover, .motif-theme .btn-warning.disabled:focus, .motif-theme .btn-warning.disabled.focus, .motif-theme .btn-warning[disabled]:hover, .motif-theme .btn-warning[disabled]:focus, .motif-theme .btn-warning[disabled].focus, fieldset[disabled] .motif-theme .btn-warning:hover, fieldset[disabled] .motif-theme .btn-warning:focus, fieldset[disabled] .motif-theme .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.motif-theme .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.motif-theme .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.motif-theme .btn-danger:focus, .motif-theme .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.motif-theme .btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.motif-theme .btn-danger:active, .motif-theme .btn-danger.active, .open > .motif-theme .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.motif-theme .btn-danger:active:hover, .motif-theme .btn-danger:active:focus, .motif-theme .btn-danger:active.focus, .motif-theme .btn-danger.active:hover, .motif-theme .btn-danger.active:focus, .motif-theme .btn-danger.active.focus, .open > .motif-theme .btn-danger.dropdown-toggle:hover, .open > .motif-theme .btn-danger.dropdown-toggle:focus, .open > .motif-theme .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.motif-theme .btn-danger:active, .motif-theme .btn-danger.active, .open > .motif-theme .btn-danger.dropdown-toggle {
  background-image: none;
}
.motif-theme .btn-danger.disabled:hover, .motif-theme .btn-danger.disabled:focus, .motif-theme .btn-danger.disabled.focus, .motif-theme .btn-danger[disabled]:hover, .motif-theme .btn-danger[disabled]:focus, .motif-theme .btn-danger[disabled].focus, fieldset[disabled] .motif-theme .btn-danger:hover, fieldset[disabled] .motif-theme .btn-danger:focus, fieldset[disabled] .motif-theme .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.motif-theme .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.motif-theme .btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.motif-theme .btn-link, .motif-theme .btn-link:active, .motif-theme .btn-link.active, .motif-theme .btn-link[disabled], fieldset[disabled] .motif-theme .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.motif-theme .btn-link, .motif-theme .btn-link:hover, .motif-theme .btn-link:focus, .motif-theme .btn-link:active {
  border-color: transparent;
}
.motif-theme .btn-link:hover, .motif-theme .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.motif-theme .btn-link[disabled]:hover, .motif-theme .btn-link[disabled]:focus, fieldset[disabled] .motif-theme .btn-link:hover, fieldset[disabled] .motif-theme .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.motif-theme .btn-lg, .motif-theme .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.motif-theme .btn-sm, .motif-theme .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 20px;
  line-height: 1.5;
  border-radius: 3px;
}
.motif-theme .btn-xs, .motif-theme .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 20px;
  line-height: 1.5;
  border-radius: 3px;
}
.motif-theme .btn-block {
  display: block;
  width: 100%;
}
.motif-theme .btn-block + .btn-block {
  margin-top: 5px;
}
.motif-theme input[type=submit].btn-block,
.motif-theme input[type=reset].btn-block,
.motif-theme input[type=button].btn-block {
  width: 100%;
}
.motif-theme .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.motif-theme .fade.in {
  opacity: 1;
}
.motif-theme .collapse {
  display: none;
}
.motif-theme .collapse.in {
  display: block;
}
.motif-theme tr.collapse.in {
  display: table-row;
}
.motif-theme tbody.collapse.in {
  display: table-row-group;
}
.motif-theme .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.motif-theme .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.motif-theme .dropup,
.motif-theme .dropdown {
  position: relative;
}
.motif-theme .dropdown-toggle:focus {
  outline: 0;
}
.motif-theme .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.motif-theme .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.motif-theme .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.motif-theme .dropdown-menu > li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
}
.motif-theme .dropdown-menu > li a:hover, .motif-theme .dropdown-menu > li a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.motif-theme .dropdown-menu > .active a, .motif-theme .dropdown-menu > .active a:hover, .motif-theme .dropdown-menu > .active a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.motif-theme .dropdown-menu > .disabled > a, .motif-theme .dropdown-menu > .disabled > a:hover, .motif-theme .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.motif-theme .dropdown-menu > .disabled > a:hover, .motif-theme .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.motif-theme .open > .dropdown-menu {
  display: block;
}
.motif-theme .open > a {
  outline: 0;
}
.motif-theme .dropdown-menu-right {
  left: auto;
  right: 0;
}
.motif-theme .dropdown-menu-left {
  left: 0;
  right: auto;
}
.motif-theme .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 20px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}
.motif-theme .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.motif-theme .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.motif-theme .dropup .caret,
.motif-theme .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
  content: "";
}
.motif-theme .dropup .dropdown-menu,
.motif-theme .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 801px) {
  .motif-theme .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .motif-theme .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.motif-theme .btn-group,
.motif-theme .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.motif-theme .btn-group > .btn,
.motif-theme .btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.motif-theme .btn-group > .btn:hover, .motif-theme .btn-group > .btn:focus, .motif-theme .btn-group > .btn:active, .motif-theme .btn-group > .btn.active,
.motif-theme .btn-group-vertical > .btn:hover,
.motif-theme .btn-group-vertical > .btn:focus,
.motif-theme .btn-group-vertical > .btn:active,
.motif-theme .btn-group-vertical > .btn.active {
  z-index: 2;
}
.motif-theme .btn-group .btn + .btn,
.motif-theme .btn-group .btn + .btn-group,
.motif-theme .btn-group .btn-group + .btn,
.motif-theme .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.motif-theme .btn-toolbar {
  margin-left: -5px;
}
.motif-theme .btn-toolbar:before, .motif-theme .btn-toolbar:after {
  content: " ";
  display: table;
}
.motif-theme .btn-toolbar:after {
  clear: both;
}
.motif-theme .btn-toolbar .btn,
.motif-theme .btn-toolbar .btn-group,
.motif-theme .btn-toolbar .input-group {
  float: left;
}
.motif-theme .btn-toolbar > .btn,
.motif-theme .btn-toolbar > .btn-group,
.motif-theme .btn-toolbar > .input-group {
  margin-left: 5px;
}
.motif-theme .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.motif-theme .btn-group > .btn:first-child {
  margin-left: 0;
}
.motif-theme .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.motif-theme .btn-group > .btn:last-child:not(:first-child),
.motif-theme .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.motif-theme .btn-group > .btn-group {
  float: left;
}
.motif-theme .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.motif-theme .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.motif-theme .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.motif-theme .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.motif-theme .btn-group .dropdown-toggle:active,
.motif-theme .btn-group.open .dropdown-toggle {
  outline: 0;
}
.motif-theme .btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.motif-theme .btn-group > .btn-lg + .dropdown-toggle, .motif-theme .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.motif-theme .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.motif-theme .btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.motif-theme .btn .caret {
  margin-left: 0;
}
.motif-theme .btn-lg .caret, .motif-theme .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.motif-theme .dropup .btn-lg .caret, .motif-theme .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}
.motif-theme .btn-group-vertical > .btn,
.motif-theme .btn-group-vertical > .btn-group,
.motif-theme .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.motif-theme .btn-group-vertical > .btn-group:before, .motif-theme .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
.motif-theme .btn-group-vertical > .btn-group:after {
  clear: both;
}
.motif-theme .btn-group-vertical > .btn-group > .btn {
  float: none;
}
.motif-theme .btn-group-vertical > .btn + .btn,
.motif-theme .btn-group-vertical > .btn + .btn-group,
.motif-theme .btn-group-vertical > .btn-group + .btn,
.motif-theme .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.motif-theme .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.motif-theme .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.motif-theme .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.motif-theme .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.motif-theme .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.motif-theme .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.motif-theme .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.motif-theme .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.motif-theme .btn-group-justified > .btn,
.motif-theme .btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.motif-theme .btn-group-justified > .btn-group .btn {
  width: 100%;
}
.motif-theme .btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
.motif-theme [data-toggle=buttons] > .btn input[type=radio],
.motif-theme [data-toggle=buttons] > .btn input[type=checkbox],
.motif-theme [data-toggle=buttons] > .btn-group > .btn input[type=radio],
.motif-theme [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.motif-theme .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.motif-theme .input-group[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.motif-theme .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.motif-theme .input-group .form-control:focus {
  z-index: 3;
}
.motif-theme .input-group-addon,
.motif-theme .input-group-btn,
.motif-theme .input-group .form-control {
  display: table-cell;
}
.motif-theme .input-group-addon:not(:first-child):not(:last-child),
.motif-theme .input-group-btn:not(:first-child):not(:last-child),
.motif-theme .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.motif-theme .input-group-addon,
.motif-theme .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.motif-theme .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #666666;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.motif-theme .input-group-addon.input-sm,
.motif-theme .input-group-sm > .input-group-addon,
.motif-theme .input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 20px;
  border-radius: 3px;
}
.motif-theme .input-group-addon.input-lg,
.motif-theme .input-group-lg > .input-group-addon,
.motif-theme .input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.motif-theme .input-group-addon input[type=radio],
.motif-theme .input-group-addon input[type=checkbox] {
  margin-top: 0;
}
.motif-theme .input-group .form-control:first-child,
.motif-theme .input-group-addon:first-child,
.motif-theme .input-group-btn:first-child > .btn,
.motif-theme .input-group-btn:first-child > .btn-group > .btn,
.motif-theme .input-group-btn:first-child > .dropdown-toggle,
.motif-theme .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.motif-theme .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.motif-theme .input-group-addon:first-child {
  border-right: 0;
}
.motif-theme .input-group .form-control:last-child,
.motif-theme .input-group-addon:last-child,
.motif-theme .input-group-btn:last-child > .btn,
.motif-theme .input-group-btn:last-child > .btn-group > .btn,
.motif-theme .input-group-btn:last-child > .dropdown-toggle,
.motif-theme .input-group-btn:first-child > .btn:not(:first-child),
.motif-theme .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.motif-theme .input-group-addon:last-child {
  border-left: 0;
}
.motif-theme .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.motif-theme .input-group-btn > .btn {
  position: relative;
}
.motif-theme .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.motif-theme .input-group-btn > .btn:hover, .motif-theme .input-group-btn > .btn:focus, .motif-theme .input-group-btn > .btn:active {
  z-index: 2;
}
.motif-theme .input-group-btn:first-child > .btn,
.motif-theme .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.motif-theme .input-group-btn:last-child > .btn,
.motif-theme .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.motif-theme .nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.motif-theme .nav:before, .motif-theme .nav:after {
  content: " ";
  display: table;
}
.motif-theme .nav:after {
  clear: both;
}
.motif-theme .nav > li {
  position: relative;
  display: block;
}
.motif-theme .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.motif-theme .nav > li > a:hover, .motif-theme .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.motif-theme .nav > li.disabled > a {
  color: #777777;
}
.motif-theme .nav > li.disabled > a:hover, .motif-theme .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.motif-theme .nav .open > a, .motif-theme .nav .open > a:hover, .motif-theme .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.motif-theme .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.motif-theme .nav > li > a > img {
  max-width: none;
}
.motif-theme .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.motif-theme .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.motif-theme .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.motif-theme .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.motif-theme .nav-tabs > li.active > a, .motif-theme .nav-tabs > li.active > a:hover, .motif-theme .nav-tabs > li.active > a:focus {
  color: #666666;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.motif-theme .nav-pills > li {
  float: left;
}
.motif-theme .nav-pills > li > a {
  border-radius: 4px;
}
.motif-theme .nav-pills > li + li {
  margin-left: 2px;
}
.motif-theme .nav-pills > li.active > a, .motif-theme .nav-pills > li.active > a:hover, .motif-theme .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.motif-theme .nav-stacked > li {
  float: none;
}
.motif-theme .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.motif-theme .nav-justified, .motif-theme .nav-tabs.nav-justified {
  width: 100%;
}
.motif-theme .nav-justified > li, .motif-theme .nav-tabs.nav-justified > li {
  float: none;
}
.motif-theme .nav-justified > li > a, .motif-theme .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.motif-theme .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 801px) {
  .motif-theme .nav-justified > li, .motif-theme .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .motif-theme .nav-justified > li > a, .motif-theme .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.motif-theme .nav-tabs-justified, .motif-theme .nav-tabs.nav-justified {
  border-bottom: 0;
}
.motif-theme .nav-tabs-justified > li > a, .motif-theme .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.motif-theme .nav-tabs-justified > .active > a, .motif-theme .nav-tabs.nav-justified > .active > a,
.motif-theme .nav-tabs-justified > .active > a:hover,
.motif-theme .nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 801px) {
  .motif-theme .nav-tabs-justified > li > a, .motif-theme .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .motif-theme .nav-tabs-justified > .active > a, .motif-theme .nav-tabs.nav-justified > .active > a,
  .motif-theme .nav-tabs-justified > .active > a:hover,
  .motif-theme .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.motif-theme .tab-content > .tab-pane {
  display: none;
}
.motif-theme .tab-content > .active {
  display: block;
}
.motif-theme .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.motif-theme .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.motif-theme .navbar:before, .motif-theme .navbar:after {
  content: " ";
  display: table;
}
.motif-theme .navbar:after {
  clear: both;
}
@media (min-width: 801px) {
  .motif-theme .navbar {
    border-radius: 4px;
  }
}
.motif-theme .navbar-header:before, .motif-theme .navbar-header:after {
  content: " ";
  display: table;
}
.motif-theme .navbar-header:after {
  clear: both;
}
@media (min-width: 801px) {
  .motif-theme .navbar-header {
    float: left;
  }
}
.motif-theme .navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.motif-theme .navbar-collapse:before, .motif-theme .navbar-collapse:after {
  content: " ";
  display: table;
}
.motif-theme .navbar-collapse:after {
  clear: both;
}
.motif-theme .navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 801px) {
  .motif-theme .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .motif-theme .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .motif-theme .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .motif-theme .navbar-collapse, .navbar-static-top .motif-theme .navbar-collapse, .navbar-fixed-bottom .motif-theme .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.motif-theme .navbar-fixed-top .navbar-collapse,
.motif-theme .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .motif-theme .navbar-fixed-top .navbar-collapse,
  .motif-theme .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.motif-theme .container > .navbar-header,
.motif-theme .container > .navbar-collapse,
.motif-theme .container-fluid > .navbar-header,
.motif-theme .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 801px) {
  .motif-theme .container > .navbar-header,
  .motif-theme .container > .navbar-collapse,
  .motif-theme .container-fluid > .navbar-header,
  .motif-theme .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.motif-theme .navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 801px) {
  .motif-theme .navbar-static-top {
    border-radius: 0;
  }
}
.motif-theme .navbar-fixed-top,
.motif-theme .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 801px) {
  .motif-theme .navbar-fixed-top,
  .motif-theme .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.motif-theme .navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.motif-theme .navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.motif-theme .navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.motif-theme .navbar-brand:hover, .motif-theme .navbar-brand:focus {
  text-decoration: none;
}
.motif-theme .navbar-brand > img {
  display: block;
}
@media (min-width: 801px) {
  .navbar > .container .motif-theme .navbar-brand, .navbar > .container-fluid .motif-theme .navbar-brand {
    margin-left: -15px;
  }
}
.motif-theme .navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.motif-theme .navbar-toggle:focus {
  outline: 0;
}
.motif-theme .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.motif-theme .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 801px) {
  .motif-theme .navbar-toggle {
    display: none;
  }
}
.motif-theme .navbar-nav {
  margin: 7.5px -15px;
}
.motif-theme .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 800px) {
  .motif-theme .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .motif-theme .navbar-nav .open .dropdown-menu > li > a,
  .motif-theme .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .motif-theme .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .motif-theme .navbar-nav .open .dropdown-menu > li > a:hover, .motif-theme .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 801px) {
  .motif-theme .navbar-nav {
    float: left;
    margin: 0;
  }
  .motif-theme .navbar-nav > li {
    float: left;
  }
  .motif-theme .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.motif-theme .navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 801px) {
  .motif-theme .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .motif-theme .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .motif-theme .navbar-form .form-control-static {
    display: inline-block;
  }
  .motif-theme .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .motif-theme .navbar-form .input-group .input-group-addon,
  .motif-theme .navbar-form .input-group .input-group-btn,
  .motif-theme .navbar-form .input-group .form-control {
    width: auto;
  }
  .motif-theme .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .motif-theme .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .motif-theme .navbar-form .radio,
  .motif-theme .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .motif-theme .navbar-form .radio label,
  .motif-theme .navbar-form .checkbox label {
    padding-left: 0;
  }
  .motif-theme .navbar-form .radio input[type=radio],
  .motif-theme .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .motif-theme .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 800px) {
  .motif-theme .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .motif-theme .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 801px) {
  .motif-theme .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.motif-theme .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.motif-theme .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.motif-theme .navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.motif-theme .navbar-btn.btn-sm, .motif-theme .btn-group-sm > .navbar-btn.btn {
  margin-top: 4px;
  margin-bottom: 4px;
}
.motif-theme .navbar-btn.btn-xs, .motif-theme .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}
.motif-theme .navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 801px) {
  .motif-theme .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 801px) {
  .motif-theme .navbar-left {
    float: left !important;
  }
  .motif-theme .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .motif-theme .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.motif-theme .navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.motif-theme .navbar-default .navbar-brand {
  color: #777;
}
.motif-theme .navbar-default .navbar-brand:hover, .motif-theme .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.motif-theme .navbar-default .navbar-text {
  color: #777;
}
.motif-theme .navbar-default .navbar-nav > li > a {
  color: #777;
}
.motif-theme .navbar-default .navbar-nav > li > a:hover, .motif-theme .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.motif-theme .navbar-default .navbar-nav > .active > a, .motif-theme .navbar-default .navbar-nav > .active > a:hover, .motif-theme .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.motif-theme .navbar-default .navbar-nav > .disabled > a, .motif-theme .navbar-default .navbar-nav > .disabled > a:hover, .motif-theme .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.motif-theme .navbar-default .navbar-toggle {
  border-color: #ddd;
}
.motif-theme .navbar-default .navbar-toggle:hover, .motif-theme .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.motif-theme .navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.motif-theme .navbar-default .navbar-collapse,
.motif-theme .navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.motif-theme .navbar-default .navbar-nav > .open > a, .motif-theme .navbar-default .navbar-nav > .open > a:hover, .motif-theme .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 800px) {
  .motif-theme .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .motif-theme .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .motif-theme .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .motif-theme .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .motif-theme .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .motif-theme .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .motif-theme .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .motif-theme .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .motif-theme .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.motif-theme .navbar-default .navbar-link {
  color: #777;
}
.motif-theme .navbar-default .navbar-link:hover {
  color: #333;
}
.motif-theme .navbar-default .btn-link {
  color: #777;
}
.motif-theme .navbar-default .btn-link:hover, .motif-theme .navbar-default .btn-link:focus {
  color: #333;
}
.motif-theme .navbar-default .btn-link[disabled]:hover, .motif-theme .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .motif-theme .navbar-default .btn-link:hover, fieldset[disabled] .motif-theme .navbar-default .btn-link:focus {
  color: #ccc;
}
.motif-theme .navbar-inverse {
  background-color: #222;
  border-color: #090909;
}
.motif-theme .navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.motif-theme .navbar-inverse .navbar-brand:hover, .motif-theme .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.motif-theme .navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.motif-theme .navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.motif-theme .navbar-inverse .navbar-nav > li > a:hover, .motif-theme .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.motif-theme .navbar-inverse .navbar-nav > .active > a, .motif-theme .navbar-inverse .navbar-nav > .active > a:hover, .motif-theme .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}
.motif-theme .navbar-inverse .navbar-nav > .disabled > a, .motif-theme .navbar-inverse .navbar-nav > .disabled > a:hover, .motif-theme .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.motif-theme .navbar-inverse .navbar-toggle {
  border-color: #333;
}
.motif-theme .navbar-inverse .navbar-toggle:hover, .motif-theme .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.motif-theme .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.motif-theme .navbar-inverse .navbar-collapse,
.motif-theme .navbar-inverse .navbar-form {
  border-color: #101010;
}
.motif-theme .navbar-inverse .navbar-nav > .open > a, .motif-theme .navbar-inverse .navbar-nav > .open > a:hover, .motif-theme .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff;
}
@media (max-width: 800px) {
  .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .motif-theme .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.motif-theme .navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.motif-theme .navbar-inverse .navbar-link:hover {
  color: #fff;
}
.motif-theme .navbar-inverse .btn-link {
  color: #9d9d9d;
}
.motif-theme .navbar-inverse .btn-link:hover, .motif-theme .navbar-inverse .btn-link:focus {
  color: #fff;
}
.motif-theme .navbar-inverse .btn-link[disabled]:hover, .motif-theme .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .motif-theme .navbar-inverse .btn-link:hover, fieldset[disabled] .motif-theme .navbar-inverse .btn-link:focus {
  color: #444;
}
.motif-theme .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.motif-theme .breadcrumb > li {
  display: inline-block;
}
.motif-theme .breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc;
}
.motif-theme .breadcrumb > .active {
  color: #777777;
}
.motif-theme .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.motif-theme .pagination > li {
  display: inline;
}
.motif-theme .pagination > li > a,
.motif-theme .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.motif-theme .pagination > li:first-child > a,
.motif-theme .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.motif-theme .pagination > li:last-child > a,
.motif-theme .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.motif-theme .pagination > li > a:hover, .motif-theme .pagination > li > a:focus,
.motif-theme .pagination > li > span:hover,
.motif-theme .pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.motif-theme .pagination > .active > a, .motif-theme .pagination > .active > a:hover, .motif-theme .pagination > .active > a:focus,
.motif-theme .pagination > .active > span,
.motif-theme .pagination > .active > span:hover,
.motif-theme .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.motif-theme .pagination > .disabled > span,
.motif-theme .pagination > .disabled > span:hover,
.motif-theme .pagination > .disabled > span:focus,
.motif-theme .pagination > .disabled > a,
.motif-theme .pagination > .disabled > a:hover,
.motif-theme .pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.motif-theme .pagination-lg > li > a,
.motif-theme .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.motif-theme .pagination-lg > li:first-child > a,
.motif-theme .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.motif-theme .pagination-lg > li:last-child > a,
.motif-theme .pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.motif-theme .pagination-sm > li > a,
.motif-theme .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 20px;
  line-height: 1.5;
}
.motif-theme .pagination-sm > li:first-child > a,
.motif-theme .pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.motif-theme .pagination-sm > li:last-child > a,
.motif-theme .pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.motif-theme .pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.motif-theme .pager:before, .motif-theme .pager:after {
  content: " ";
  display: table;
}
.motif-theme .pager:after {
  clear: both;
}
.motif-theme .pager li {
  display: inline;
}
.motif-theme .pager li > a,
.motif-theme .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.motif-theme .pager li > a:hover,
.motif-theme .pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.motif-theme .pager .next > a,
.motif-theme .pager .next > span {
  float: right;
}
.motif-theme .pager .previous > a,
.motif-theme .pager .previous > span {
  float: left;
}
.motif-theme .pager .disabled > a,
.motif-theme .pager .disabled > a:hover,
.motif-theme .pager .disabled > a:focus,
.motif-theme .pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.motif-theme .label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.motif-theme .label:empty {
  display: none;
}
.btn .motif-theme .label {
  position: relative;
  top: -1px;
}
.motif-theme a.label:hover, .motif-theme a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.motif-theme .label-default {
  background-color: #777777;
}
.motif-theme .label-default[href]:hover, .motif-theme .label-default[href]:focus {
  background-color: #5e5e5e;
}
.motif-theme .label-primary {
  background-color: #337ab7;
}
.motif-theme .label-primary[href]:hover, .motif-theme .label-primary[href]:focus {
  background-color: #286090;
}
.motif-theme .label-success {
  background-color: #5cb85c;
}
.motif-theme .label-success[href]:hover, .motif-theme .label-success[href]:focus {
  background-color: #449d44;
}
.motif-theme .label-info {
  background-color: #5bc0de;
}
.motif-theme .label-info[href]:hover, .motif-theme .label-info[href]:focus {
  background-color: #31b0d5;
}
.motif-theme .label-warning {
  background-color: #f0ad4e;
}
.motif-theme .label-warning[href]:hover, .motif-theme .label-warning[href]:focus {
  background-color: #ec971f;
}
.motif-theme .label-danger {
  background-color: #d9534f;
}
.motif-theme .label-danger[href]:hover, .motif-theme .label-danger[href]:focus {
  background-color: #c9302c;
}
.motif-theme .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.motif-theme .badge:empty {
  display: none;
}
.btn .motif-theme .badge {
  position: relative;
  top: -1px;
}
.btn-xs .motif-theme .badge, .btn-group-xs > .btn .motif-theme .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .motif-theme .badge, .nav-pills > .active > a > .motif-theme .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .motif-theme .badge {
  float: right;
}
.list-group-item > .motif-theme .badge + .motif-theme .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .motif-theme .badge {
  margin-left: 3px;
}
.motif-theme a.badge:hover, .motif-theme a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.motif-theme .jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.motif-theme .jumbotron h1,
.motif-theme .jumbotron .h1 {
  color: inherit;
}
.motif-theme .jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.motif-theme .jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .motif-theme .jumbotron, .container-fluid .motif-theme .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}
.motif-theme .jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 801px) {
  .motif-theme .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .motif-theme .jumbotron, .container-fluid .motif-theme .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .motif-theme .jumbotron h1,
  .motif-theme .jumbotron .h1 {
    font-size: 63px;
  }
}
.motif-theme .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.motif-theme .thumbnail > img,
.motif-theme .thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.motif-theme .thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.motif-theme a.thumbnail:hover,
.motif-theme a.thumbnail:focus,
.motif-theme a.thumbnail.active {
  border-color: #337ab7;
}
.motif-theme .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.motif-theme .alert h4 {
  margin-top: 0;
  color: inherit;
}
.motif-theme .alert .alert-link {
  font-weight: bold;
}
.motif-theme .alert > p,
.motif-theme .alert > ul {
  margin-bottom: 0;
}
.motif-theme .alert > p + p {
  margin-top: 5px;
}
.motif-theme .alert-dismissable,
.motif-theme .alert-dismissible {
  padding-right: 35px;
}
.motif-theme .alert-dismissable .close,
.motif-theme .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.motif-theme .alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.motif-theme .alert-success hr {
  border-top-color: #c9e2b3;
}
.motif-theme .alert-success .alert-link {
  color: #2b542c;
}
.motif-theme .alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.motif-theme .alert-info hr {
  border-top-color: #a6e1ec;
}
.motif-theme .alert-info .alert-link {
  color: #245269;
}
.motif-theme .alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.motif-theme .alert-warning hr {
  border-top-color: #f7e1b5;
}
.motif-theme .alert-warning .alert-link {
  color: #66512c;
}
.motif-theme .alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.motif-theme .alert-danger hr {
  border-top-color: #e4b9c0;
}
.motif-theme .alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.motif-theme .progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.motif-theme .progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.motif-theme .progress-striped .progress-bar,
.motif-theme .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.motif-theme .progress.active .progress-bar,
.motif-theme .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.motif-theme .progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .motif-theme .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.motif-theme .progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .motif-theme .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.motif-theme .progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .motif-theme .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.motif-theme .progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .motif-theme .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.motif-theme .media {
  margin-top: 15px;
}
.motif-theme .media:first-child {
  margin-top: 0;
}
.motif-theme .media,
.motif-theme .media-body {
  zoom: 1;
  overflow: hidden;
}
.motif-theme .media-body {
  width: 10000px;
}
.motif-theme .media-object {
  display: block;
}
.motif-theme .media-object.img-thumbnail {
  max-width: none;
}
.motif-theme .media-right,
.motif-theme .media > .pull-right {
  padding-left: 10px;
}
.motif-theme .media-left,
.motif-theme .media > .pull-left {
  padding-right: 10px;
}
.motif-theme .media-left,
.motif-theme .media-right,
.motif-theme .media-body {
  display: table-cell;
  vertical-align: top;
}
.motif-theme .media-middle {
  vertical-align: middle;
}
.motif-theme .media-bottom {
  vertical-align: bottom;
}
.motif-theme .media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.motif-theme .media-list {
  padding-left: 0;
  list-style: none;
}
.motif-theme .list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.motif-theme .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.motif-theme .list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.motif-theme .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.motif-theme a.list-group-item,
.motif-theme button.list-group-item {
  color: #555;
}
.motif-theme a.list-group-item .list-group-item-heading,
.motif-theme button.list-group-item .list-group-item-heading {
  color: #333;
}
.motif-theme a.list-group-item:hover, .motif-theme a.list-group-item:focus,
.motif-theme button.list-group-item:hover,
.motif-theme button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
.motif-theme button.list-group-item {
  width: 100%;
  text-align: left;
}
.motif-theme .list-group-item.disabled, .motif-theme .list-group-item.disabled:hover, .motif-theme .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.motif-theme .list-group-item.disabled .list-group-item-heading, .motif-theme .list-group-item.disabled:hover .list-group-item-heading, .motif-theme .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.motif-theme .list-group-item.disabled .list-group-item-text, .motif-theme .list-group-item.disabled:hover .list-group-item-text, .motif-theme .list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.motif-theme .list-group-item.active, .motif-theme .list-group-item.active:hover, .motif-theme .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.motif-theme .list-group-item.active .list-group-item-heading,
.motif-theme .list-group-item.active .list-group-item-heading > small,
.motif-theme .list-group-item.active .list-group-item-heading > .small, .motif-theme .list-group-item.active:hover .list-group-item-heading,
.motif-theme .list-group-item.active:hover .list-group-item-heading > small,
.motif-theme .list-group-item.active:hover .list-group-item-heading > .small, .motif-theme .list-group-item.active:focus .list-group-item-heading,
.motif-theme .list-group-item.active:focus .list-group-item-heading > small,
.motif-theme .list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.motif-theme .list-group-item.active .list-group-item-text, .motif-theme .list-group-item.active:hover .list-group-item-text, .motif-theme .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.motif-theme .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
.motif-theme a.list-group-item-success,
.motif-theme button.list-group-item-success {
  color: #3c763d;
}
.motif-theme a.list-group-item-success .list-group-item-heading,
.motif-theme button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
.motif-theme a.list-group-item-success:hover, .motif-theme a.list-group-item-success:focus,
.motif-theme button.list-group-item-success:hover,
.motif-theme button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
.motif-theme a.list-group-item-success.active, .motif-theme a.list-group-item-success.active:hover, .motif-theme a.list-group-item-success.active:focus,
.motif-theme button.list-group-item-success.active,
.motif-theme button.list-group-item-success.active:hover,
.motif-theme button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.motif-theme .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
.motif-theme a.list-group-item-info,
.motif-theme button.list-group-item-info {
  color: #31708f;
}
.motif-theme a.list-group-item-info .list-group-item-heading,
.motif-theme button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
.motif-theme a.list-group-item-info:hover, .motif-theme a.list-group-item-info:focus,
.motif-theme button.list-group-item-info:hover,
.motif-theme button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
.motif-theme a.list-group-item-info.active, .motif-theme a.list-group-item-info.active:hover, .motif-theme a.list-group-item-info.active:focus,
.motif-theme button.list-group-item-info.active,
.motif-theme button.list-group-item-info.active:hover,
.motif-theme button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.motif-theme .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.motif-theme a.list-group-item-warning,
.motif-theme button.list-group-item-warning {
  color: #8a6d3b;
}
.motif-theme a.list-group-item-warning .list-group-item-heading,
.motif-theme button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
.motif-theme a.list-group-item-warning:hover, .motif-theme a.list-group-item-warning:focus,
.motif-theme button.list-group-item-warning:hover,
.motif-theme button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
.motif-theme a.list-group-item-warning.active, .motif-theme a.list-group-item-warning.active:hover, .motif-theme a.list-group-item-warning.active:focus,
.motif-theme button.list-group-item-warning.active,
.motif-theme button.list-group-item-warning.active:hover,
.motif-theme button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.motif-theme .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
.motif-theme a.list-group-item-danger,
.motif-theme button.list-group-item-danger {
  color: #a94442;
}
.motif-theme a.list-group-item-danger .list-group-item-heading,
.motif-theme button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
.motif-theme a.list-group-item-danger:hover, .motif-theme a.list-group-item-danger:focus,
.motif-theme button.list-group-item-danger:hover,
.motif-theme button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
.motif-theme a.list-group-item-danger.active, .motif-theme a.list-group-item-danger.active:hover, .motif-theme a.list-group-item-danger.active:focus,
.motif-theme button.list-group-item-danger.active,
.motif-theme button.list-group-item-danger.active:hover,
.motif-theme button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.motif-theme .list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.motif-theme .list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.motif-theme .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.motif-theme .panel-body {
  padding: 15px;
}
.motif-theme .panel-body:before, .motif-theme .panel-body:after {
  content: " ";
  display: table;
}
.motif-theme .panel-body:after {
  clear: both;
}
.motif-theme .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.motif-theme .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.motif-theme .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.motif-theme .panel-title > a,
.motif-theme .panel-title > small,
.motif-theme .panel-title > .small,
.motif-theme .panel-title > small > a,
.motif-theme .panel-title > .small > a {
  color: inherit;
}
.motif-theme .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.motif-theme .panel > .list-group,
.motif-theme .panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.motif-theme .panel > .list-group .list-group-item,
.motif-theme .panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.motif-theme .panel > .list-group:first-child .list-group-item:first-child,
.motif-theme .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.motif-theme .panel > .list-group:last-child .list-group-item:last-child,
.motif-theme .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.motif-theme .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.motif-theme .panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.motif-theme .list-group + .panel-footer {
  border-top-width: 0;
}
.motif-theme .panel > .table,
.motif-theme .panel > .table-responsive > .table,
.motif-theme .panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.motif-theme .panel > .table caption,
.motif-theme .panel > .table-responsive > .table caption,
.motif-theme .panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.motif-theme .panel > .table:first-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.motif-theme .panel > .table:first-child > thead:first-child > tr:first-child,
.motif-theme .panel > .table:first-child > tbody:first-child > tr:first-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.motif-theme .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.motif-theme .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.motif-theme .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.motif-theme .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.motif-theme .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.motif-theme .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.motif-theme .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.motif-theme .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.motif-theme .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.motif-theme .panel > .table:last-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.motif-theme .panel > .table:last-child > tbody:last-child > tr:last-child,
.motif-theme .panel > .table:last-child > tfoot:last-child > tr:last-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.motif-theme .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.motif-theme .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.motif-theme .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.motif-theme .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.motif-theme .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.motif-theme .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.motif-theme .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.motif-theme .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.motif-theme .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.motif-theme .panel > .panel-body + .table,
.motif-theme .panel > .panel-body + .table-responsive,
.motif-theme .panel > .table + .panel-body,
.motif-theme .panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.motif-theme .panel > .table > tbody:first-child > tr:first-child th,
.motif-theme .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.motif-theme .panel > .table-bordered,
.motif-theme .panel > .table-responsive > .table-bordered {
  border: 0;
}
.motif-theme .panel > .table-bordered > thead > tr > th:first-child,
.motif-theme .panel > .table-bordered > thead > tr > td:first-child,
.motif-theme .panel > .table-bordered > tbody > tr > th:first-child,
.motif-theme .panel > .table-bordered > tbody > tr > td:first-child,
.motif-theme .panel > .table-bordered > tfoot > tr > th:first-child,
.motif-theme .panel > .table-bordered > tfoot > tr > td:first-child,
.motif-theme .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.motif-theme .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.motif-theme .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.motif-theme .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.motif-theme .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.motif-theme .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.motif-theme .panel > .table-bordered > thead > tr > th:last-child,
.motif-theme .panel > .table-bordered > thead > tr > td:last-child,
.motif-theme .panel > .table-bordered > tbody > tr > th:last-child,
.motif-theme .panel > .table-bordered > tbody > tr > td:last-child,
.motif-theme .panel > .table-bordered > tfoot > tr > th:last-child,
.motif-theme .panel > .table-bordered > tfoot > tr > td:last-child,
.motif-theme .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.motif-theme .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.motif-theme .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.motif-theme .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.motif-theme .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.motif-theme .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.motif-theme .panel > .table-bordered > thead > tr:first-child > td,
.motif-theme .panel > .table-bordered > thead > tr:first-child > th,
.motif-theme .panel > .table-bordered > tbody > tr:first-child > td,
.motif-theme .panel > .table-bordered > tbody > tr:first-child > th,
.motif-theme .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.motif-theme .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.motif-theme .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.motif-theme .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.motif-theme .panel > .table-bordered > tbody > tr:last-child > td,
.motif-theme .panel > .table-bordered > tbody > tr:last-child > th,
.motif-theme .panel > .table-bordered > tfoot > tr:last-child > td,
.motif-theme .panel > .table-bordered > tfoot > tr:last-child > th,
.motif-theme .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.motif-theme .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.motif-theme .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.motif-theme .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.motif-theme .panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.motif-theme .panel-group {
  margin-bottom: 20px;
}
.motif-theme .panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.motif-theme .panel-group .panel + .panel {
  margin-top: 5px;
}
.motif-theme .panel-group .panel-heading {
  border-bottom: 0;
}
.motif-theme .panel-group .panel-heading + .panel-collapse > .panel-body,
.motif-theme .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.motif-theme .panel-group .panel-footer {
  border-top: 0;
}
.motif-theme .panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.motif-theme .panel-default {
  border-color: #ddd;
}
.motif-theme .panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.motif-theme .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.motif-theme .panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.motif-theme .panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.motif-theme .panel-primary {
  border-color: #337ab7;
}
.motif-theme .panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.motif-theme .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.motif-theme .panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.motif-theme .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.motif-theme .panel-success {
  border-color: #d6e9c6;
}
.motif-theme .panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.motif-theme .panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.motif-theme .panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.motif-theme .panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.motif-theme .panel-info {
  border-color: #bce8f1;
}
.motif-theme .panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.motif-theme .panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.motif-theme .panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.motif-theme .panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.motif-theme .panel-warning {
  border-color: #faebcc;
}
.motif-theme .panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.motif-theme .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.motif-theme .panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.motif-theme .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.motif-theme .panel-danger {
  border-color: #ebccd1;
}
.motif-theme .panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.motif-theme .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.motif-theme .panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.motif-theme .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.motif-theme .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.motif-theme .embed-responsive .embed-responsive-item,
.motif-theme .embed-responsive iframe,
.motif-theme .embed-responsive embed,
.motif-theme .embed-responsive object,
.motif-theme .embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.motif-theme .embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.motif-theme .embed-responsive-4by3 {
  padding-bottom: 75%;
}
.motif-theme .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.motif-theme .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.motif-theme .well-lg {
  padding: 24px;
  border-radius: 6px;
}
.motif-theme .well-sm {
  padding: 9px;
  border-radius: 3px;
}
.motif-theme .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.motif-theme .close:hover, .motif-theme .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.motif-theme button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.motif-theme .modal-open {
  overflow: hidden;
}
.motif-theme .modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.motif-theme .modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.motif-theme .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.motif-theme .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.motif-theme .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.motif-theme .modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.motif-theme .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.motif-theme .modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.motif-theme .modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.motif-theme .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.motif-theme .modal-header:before, .motif-theme .modal-header:after {
  content: " ";
  display: table;
}
.motif-theme .modal-header:after {
  clear: both;
}
.motif-theme .modal-header .close {
  margin-top: -2px;
}
.motif-theme .modal-title {
  margin: 0;
  line-height: 1.428571429;
}
.motif-theme .modal-body {
  position: relative;
  padding: 15px;
}
.motif-theme .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.motif-theme .modal-footer:before, .motif-theme .modal-footer:after {
  content: " ";
  display: table;
}
.motif-theme .modal-footer:after {
  clear: both;
}
.motif-theme .modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.motif-theme .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.motif-theme .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.motif-theme .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 801px) {
  .motif-theme .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .motif-theme .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .motif-theme .modal-sm {
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .motif-theme .modal-lg {
    width: 900px;
  }
}
.motif-theme .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.motif-theme .tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.motif-theme .tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.motif-theme .tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.motif-theme .tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.motif-theme .tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.motif-theme .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.motif-theme .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.motif-theme .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.motif-theme .tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.motif-theme .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.motif-theme .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.motif-theme .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.motif-theme .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.motif-theme .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.motif-theme .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.motif-theme .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.motif-theme .popover.top {
  margin-top: -10px;
}
.motif-theme .popover.right {
  margin-left: 10px;
}
.motif-theme .popover.bottom {
  margin-top: 10px;
}
.motif-theme .popover.left {
  margin-left: -10px;
}
.motif-theme .popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.motif-theme .popover-content {
  padding: 9px 14px;
}
.motif-theme .popover > .arrow, .motif-theme .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.motif-theme .popover > .arrow {
  border-width: 11px;
}
.motif-theme .popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.motif-theme .popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.motif-theme .popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.motif-theme .popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.motif-theme .popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.motif-theme .popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.motif-theme .popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.motif-theme .popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.motif-theme .popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.motif-theme .carousel {
  position: relative;
}
.motif-theme .carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.motif-theme .carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.motif-theme .carousel-inner > .item > img,
.motif-theme .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .motif-theme .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .motif-theme .carousel-inner > .item.next, .motif-theme .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .motif-theme .carousel-inner > .item.prev, .motif-theme .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .motif-theme .carousel-inner > .item.next.left, .motif-theme .carousel-inner > .item.prev.right, .motif-theme .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.motif-theme .carousel-inner > .active,
.motif-theme .carousel-inner > .next,
.motif-theme .carousel-inner > .prev {
  display: block;
}
.motif-theme .carousel-inner > .active {
  left: 0;
}
.motif-theme .carousel-inner > .next,
.motif-theme .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.motif-theme .carousel-inner > .next {
  left: 100%;
}
.motif-theme .carousel-inner > .prev {
  left: -100%;
}
.motif-theme .carousel-inner > .next.left,
.motif-theme .carousel-inner > .prev.right {
  left: 0;
}
.motif-theme .carousel-inner > .active.left {
  left: -100%;
}
.motif-theme .carousel-inner > .active.right {
  left: 100%;
}
.motif-theme .carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.motif-theme .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
}
.motif-theme .carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
}
.motif-theme .carousel-control:hover, .motif-theme .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.motif-theme .carousel-control .icon-prev,
.motif-theme .carousel-control .icon-next,
.motif-theme .carousel-control .glyphicon-chevron-left,
.motif-theme .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.motif-theme .carousel-control .icon-prev,
.motif-theme .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.motif-theme .carousel-control .icon-next,
.motif-theme .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.motif-theme .carousel-control .icon-prev,
.motif-theme .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.motif-theme .carousel-control .icon-prev:before {
  content: "‹";
}
.motif-theme .carousel-control .icon-next:before {
  content: "›";
}
.motif-theme .carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.motif-theme .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(0, 0, 0, 0);
}
.motif-theme .carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.motif-theme .carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.motif-theme .carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 801px) {
  .motif-theme .carousel-control .glyphicon-chevron-left,
  .motif-theme .carousel-control .glyphicon-chevron-right,
  .motif-theme .carousel-control .icon-prev,
  .motif-theme .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .motif-theme .carousel-control .glyphicon-chevron-left,
  .motif-theme .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .motif-theme .carousel-control .glyphicon-chevron-right,
  .motif-theme .carousel-control .icon-next {
    margin-right: -10px;
  }
  .motif-theme .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .motif-theme .carousel-indicators {
    bottom: 20px;
  }
}
.motif-theme .clearfix:before, .motif-theme .clearfix:after {
  content: " ";
  display: table;
}
.motif-theme .clearfix:after {
  clear: both;
}
.motif-theme .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.motif-theme .pull-right {
  float: right !important;
}
.motif-theme .pull-left {
  float: left !important;
}
.motif-theme .hide {
  display: none !important;
}
.motif-theme .show {
  display: block !important;
}
.motif-theme .invisible {
  visibility: hidden;
}
.motif-theme .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.motif-theme .hidden {
  display: none !important;
}
.motif-theme .affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.motif-theme .visible-xxs {
  display: none !important;
}
.motif-theme .visible-xs {
  display: none !important;
}
.motif-theme .visible-sm {
  display: none !important;
}
.motif-theme .visible-md {
  display: none !important;
}
.motif-theme .visible-lg {
  display: none !important;
}
.motif-theme .visible-xxs-block,
.motif-theme .visible-xxs-inline,
.motif-theme .visible-xxs-inline-block,
.motif-theme .visible-xs-block,
.motif-theme .visible-xs-inline,
.motif-theme .visible-xs-inline-block,
.motif-theme .visible-sm-block,
.motif-theme .visible-sm-inline,
.motif-theme .visible-sm-inline-block,
.motif-theme .visible-md-block,
.motif-theme .visible-md-inline,
.motif-theme .visible-md-inline-block,
.motif-theme .visible-lg-block,
.motif-theme .visible-lg-inline,
.motif-theme .visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 479px) {
  .motif-theme .visible-xxs {
    display: block !important;
  }
  .motif-theme table.visible-xxs {
    display: table !important;
  }
  .motif-theme tr.visible-xxs {
    display: table-row !important;
  }
  .motif-theme th.visible-xxs,
  .motif-theme td.visible-xxs {
    display: table-cell !important;
  }
}
@media (max-width: 479px) {
  .motif-theme .visible-xxs-block {
    display: block !important;
  }
}
@media (max-width: 479px) {
  .motif-theme .visible-xxs-inline {
    display: inline !important;
  }
}
@media (max-width: 479px) {
  .motif-theme .visible-xxs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 480px) and (max-width: 800px) {
  .motif-theme .visible-xs {
    display: block !important;
  }
  .motif-theme table.visible-xs {
    display: table !important;
  }
  .motif-theme tr.visible-xs {
    display: table-row !important;
  }
  .motif-theme th.visible-xs,
  .motif-theme td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 800px) {
  .motif-theme .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 800px) {
  .motif-theme .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 800px) {
  .motif-theme .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .visible-sm {
    display: block !important;
  }
  .motif-theme table.visible-sm {
    display: table !important;
  }
  .motif-theme tr.visible-sm {
    display: table-row !important;
  }
  .motif-theme th.visible-sm,
  .motif-theme td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .visible-md {
    display: block !important;
  }
  .motif-theme table.visible-md {
    display: table !important;
  }
  .motif-theme tr.visible-md {
    display: table-row !important;
  }
  .motif-theme th.visible-md,
  .motif-theme td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .visible-lg {
    display: block !important;
  }
  .motif-theme table.visible-lg {
    display: table !important;
  }
  .motif-theme tr.visible-lg {
    display: table-row !important;
  }
  .motif-theme th.visible-lg,
  .motif-theme td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 479px) {
  .motif-theme .hidden-xxs {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 800px) {
  .motif-theme .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .hidden-lg {
    display: none !important;
  }
}
.motif-theme .visible-print {
  display: none !important;
}
@media print {
  .motif-theme .visible-print {
    display: block !important;
  }
  .motif-theme table.visible-print {
    display: table !important;
  }
  .motif-theme tr.visible-print {
    display: table-row !important;
  }
  .motif-theme th.visible-print,
  .motif-theme td.visible-print {
    display: table-cell !important;
  }
}
.motif-theme .visible-print-block {
  display: none !important;
}
@media print {
  .motif-theme .visible-print-block {
    display: block !important;
  }
}
.motif-theme .visible-print-inline {
  display: none !important;
}
@media print {
  .motif-theme .visible-print-inline {
    display: inline !important;
  }
}
.motif-theme .visible-print-inline-block {
  display: none !important;
}
@media print {
  .motif-theme .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .motif-theme .hidden-print {
    display: none !important;
  }
}
.motif-theme .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.motif-theme .container:before, .motif-theme .container:after {
  content: " ";
  display: table;
}
.motif-theme .container:after {
  clear: both;
}
@media (min-width: 801px) {
  .motif-theme .container {
    width: 750px;
  }
}
@media (min-width: 1024px) {
  .motif-theme .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .motif-theme .container {
    width: 1170px;
  }
}
.motif-theme .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.motif-theme .container-fluid:before, .motif-theme .container-fluid:after {
  content: " ";
  display: table;
}
.motif-theme .container-fluid:after {
  clear: both;
}
.motif-theme .row {
  margin-left: -15px;
  margin-right: -15px;
}
.motif-theme .row:before, .motif-theme .row:after {
  content: " ";
  display: table;
}
.motif-theme .row:after {
  clear: both;
}
.motif-theme .col-xs-1, .motif-theme .col-sm-1, .motif-theme .col-md-1, .motif-theme .col-lg-1, .motif-theme .col-xs-2, .motif-theme .col-sm-2, .motif-theme .col-md-2, .motif-theme .col-lg-2, .motif-theme .col-xs-3, .motif-theme .col-sm-3, .motif-theme .col-md-3, .motif-theme .col-lg-3, .motif-theme .col-xs-4, .motif-theme .col-sm-4, .motif-theme .col-md-4, .motif-theme .col-lg-4, .motif-theme .col-xs-5, .motif-theme .col-sm-5, .motif-theme .col-md-5, .motif-theme .col-lg-5, .motif-theme .col-xs-6, .motif-theme .col-sm-6, .motif-theme .col-md-6, .motif-theme .col-lg-6, .motif-theme .col-xs-7, .motif-theme .col-sm-7, .motif-theme .col-md-7, .motif-theme .col-lg-7, .motif-theme .col-xs-8, .motif-theme .col-sm-8, .motif-theme .col-md-8, .motif-theme .col-lg-8, .motif-theme .col-xs-9, .motif-theme .col-sm-9, .motif-theme .col-md-9, .motif-theme .col-lg-9, .motif-theme .col-xs-10, .motif-theme .col-sm-10, .motif-theme .col-md-10, .motif-theme .col-lg-10, .motif-theme .col-xs-11, .motif-theme .col-sm-11, .motif-theme .col-md-11, .motif-theme .col-lg-11, .motif-theme .col-xs-12, .motif-theme .col-sm-12, .motif-theme .col-md-12, .motif-theme .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.motif-theme .col-xxs-1, .motif-theme .col-xxs-2, .motif-theme .col-xxs-3, .motif-theme .col-xxs-4, .motif-theme .col-xxs-5, .motif-theme .col-xxs-6, .motif-theme .col-xxs-7, .motif-theme .col-xxs-8, .motif-theme .col-xxs-9, .motif-theme .col-xxs-10, .motif-theme .col-xxs-11, .motif-theme .col-xxs-12 {
  float: left;
}
.motif-theme .col-xxs-1 {
  width: 8.3333333333%;
}
.motif-theme .col-xxs-2 {
  width: 16.6666666667%;
}
.motif-theme .col-xxs-3 {
  width: 25%;
}
.motif-theme .col-xxs-4 {
  width: 33.3333333333%;
}
.motif-theme .col-xxs-5 {
  width: 41.6666666667%;
}
.motif-theme .col-xxs-6 {
  width: 50%;
}
.motif-theme .col-xxs-7 {
  width: 58.3333333333%;
}
.motif-theme .col-xxs-8 {
  width: 66.6666666667%;
}
.motif-theme .col-xxs-9 {
  width: 75%;
}
.motif-theme .col-xxs-10 {
  width: 83.3333333333%;
}
.motif-theme .col-xxs-11 {
  width: 91.6666666667%;
}
.motif-theme .col-xxs-12 {
  width: 100%;
}
.motif-theme .col-xxs-pull-0 {
  right: auto;
}
.motif-theme .col-xxs-pull-1 {
  right: 8.3333333333%;
}
.motif-theme .col-xxs-pull-2 {
  right: 16.6666666667%;
}
.motif-theme .col-xxs-pull-3 {
  right: 25%;
}
.motif-theme .col-xxs-pull-4 {
  right: 33.3333333333%;
}
.motif-theme .col-xxs-pull-5 {
  right: 41.6666666667%;
}
.motif-theme .col-xxs-pull-6 {
  right: 50%;
}
.motif-theme .col-xxs-pull-7 {
  right: 58.3333333333%;
}
.motif-theme .col-xxs-pull-8 {
  right: 66.6666666667%;
}
.motif-theme .col-xxs-pull-9 {
  right: 75%;
}
.motif-theme .col-xxs-pull-10 {
  right: 83.3333333333%;
}
.motif-theme .col-xxs-pull-11 {
  right: 91.6666666667%;
}
.motif-theme .col-xxs-pull-12 {
  right: 100%;
}
.motif-theme .col-xxs-push-0 {
  left: auto;
}
.motif-theme .col-xxs-push-1 {
  left: 8.3333333333%;
}
.motif-theme .col-xxs-push-2 {
  left: 16.6666666667%;
}
.motif-theme .col-xxs-push-3 {
  left: 25%;
}
.motif-theme .col-xxs-push-4 {
  left: 33.3333333333%;
}
.motif-theme .col-xxs-push-5 {
  left: 41.6666666667%;
}
.motif-theme .col-xxs-push-6 {
  left: 50%;
}
.motif-theme .col-xxs-push-7 {
  left: 58.3333333333%;
}
.motif-theme .col-xxs-push-8 {
  left: 66.6666666667%;
}
.motif-theme .col-xxs-push-9 {
  left: 75%;
}
.motif-theme .col-xxs-push-10 {
  left: 83.3333333333%;
}
.motif-theme .col-xxs-push-11 {
  left: 91.6666666667%;
}
.motif-theme .col-xxs-push-12 {
  left: 100%;
}
.motif-theme .col-xxs-offset-0 {
  margin-left: 0%;
}
.motif-theme .col-xxs-offset-1 {
  margin-left: 8.3333333333%;
}
.motif-theme .col-xxs-offset-2 {
  margin-left: 16.6666666667%;
}
.motif-theme .col-xxs-offset-3 {
  margin-left: 25%;
}
.motif-theme .col-xxs-offset-4 {
  margin-left: 33.3333333333%;
}
.motif-theme .col-xxs-offset-5 {
  margin-left: 41.6666666667%;
}
.motif-theme .col-xxs-offset-6 {
  margin-left: 50%;
}
.motif-theme .col-xxs-offset-7 {
  margin-left: 58.3333333333%;
}
.motif-theme .col-xxs-offset-8 {
  margin-left: 66.6666666667%;
}
.motif-theme .col-xxs-offset-9 {
  margin-left: 75%;
}
.motif-theme .col-xxs-offset-10 {
  margin-left: 83.3333333333%;
}
.motif-theme .col-xxs-offset-11 {
  margin-left: 91.6666666667%;
}
.motif-theme .col-xxs-offset-12 {
  margin-left: 100%;
}
@media (min-width: 480px) {
  .motif-theme .col-xs-1, .motif-theme .col-xs-2, .motif-theme .col-xs-3, .motif-theme .col-xs-4, .motif-theme .col-xs-5, .motif-theme .col-xs-6, .motif-theme .col-xs-7, .motif-theme .col-xs-8, .motif-theme .col-xs-9, .motif-theme .col-xs-10, .motif-theme .col-xs-11, .motif-theme .col-xs-12 {
    float: left;
  }
  .motif-theme .col-xs-1 {
    width: 8.3333333333%;
  }
  .motif-theme .col-xs-2 {
    width: 16.6666666667%;
  }
  .motif-theme .col-xs-3 {
    width: 25%;
  }
  .motif-theme .col-xs-4 {
    width: 33.3333333333%;
  }
  .motif-theme .col-xs-5 {
    width: 41.6666666667%;
  }
  .motif-theme .col-xs-6 {
    width: 50%;
  }
  .motif-theme .col-xs-7 {
    width: 58.3333333333%;
  }
  .motif-theme .col-xs-8 {
    width: 66.6666666667%;
  }
  .motif-theme .col-xs-9 {
    width: 75%;
  }
  .motif-theme .col-xs-10 {
    width: 83.3333333333%;
  }
  .motif-theme .col-xs-11 {
    width: 91.6666666667%;
  }
  .motif-theme .col-xs-12 {
    width: 100%;
  }
  .motif-theme .col-xs-pull-0 {
    right: auto;
  }
  .motif-theme .col-xs-pull-1 {
    right: 8.3333333333%;
  }
  .motif-theme .col-xs-pull-2 {
    right: 16.6666666667%;
  }
  .motif-theme .col-xs-pull-3 {
    right: 25%;
  }
  .motif-theme .col-xs-pull-4 {
    right: 33.3333333333%;
  }
  .motif-theme .col-xs-pull-5 {
    right: 41.6666666667%;
  }
  .motif-theme .col-xs-pull-6 {
    right: 50%;
  }
  .motif-theme .col-xs-pull-7 {
    right: 58.3333333333%;
  }
  .motif-theme .col-xs-pull-8 {
    right: 66.6666666667%;
  }
  .motif-theme .col-xs-pull-9 {
    right: 75%;
  }
  .motif-theme .col-xs-pull-10 {
    right: 83.3333333333%;
  }
  .motif-theme .col-xs-pull-11 {
    right: 91.6666666667%;
  }
  .motif-theme .col-xs-pull-12 {
    right: 100%;
  }
  .motif-theme .col-xs-push-0 {
    left: auto;
  }
  .motif-theme .col-xs-push-1 {
    left: 8.3333333333%;
  }
  .motif-theme .col-xs-push-2 {
    left: 16.6666666667%;
  }
  .motif-theme .col-xs-push-3 {
    left: 25%;
  }
  .motif-theme .col-xs-push-4 {
    left: 33.3333333333%;
  }
  .motif-theme .col-xs-push-5 {
    left: 41.6666666667%;
  }
  .motif-theme .col-xs-push-6 {
    left: 50%;
  }
  .motif-theme .col-xs-push-7 {
    left: 58.3333333333%;
  }
  .motif-theme .col-xs-push-8 {
    left: 66.6666666667%;
  }
  .motif-theme .col-xs-push-9 {
    left: 75%;
  }
  .motif-theme .col-xs-push-10 {
    left: 83.3333333333%;
  }
  .motif-theme .col-xs-push-11 {
    left: 91.6666666667%;
  }
  .motif-theme .col-xs-push-12 {
    left: 100%;
  }
  .motif-theme .col-xs-offset-0 {
    margin-left: 0%;
  }
  .motif-theme .col-xs-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-theme .col-xs-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-theme .col-xs-offset-3 {
    margin-left: 25%;
  }
  .motif-theme .col-xs-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-theme .col-xs-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-theme .col-xs-offset-6 {
    margin-left: 50%;
  }
  .motif-theme .col-xs-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-theme .col-xs-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-theme .col-xs-offset-9 {
    margin-left: 75%;
  }
  .motif-theme .col-xs-offset-10 {
    margin-left: 83.3333333333%;
  }
  .motif-theme .col-xs-offset-11 {
    margin-left: 91.6666666667%;
  }
  .motif-theme .col-xs-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 801px) {
  .motif-theme .col-sm-1, .motif-theme .col-sm-2, .motif-theme .col-sm-3, .motif-theme .col-sm-4, .motif-theme .col-sm-5, .motif-theme .col-sm-6, .motif-theme .col-sm-7, .motif-theme .col-sm-8, .motif-theme .col-sm-9, .motif-theme .col-sm-10, .motif-theme .col-sm-11, .motif-theme .col-sm-12 {
    float: left;
  }
  .motif-theme .col-sm-1 {
    width: 8.3333333333%;
  }
  .motif-theme .col-sm-2 {
    width: 16.6666666667%;
  }
  .motif-theme .col-sm-3 {
    width: 25%;
  }
  .motif-theme .col-sm-4 {
    width: 33.3333333333%;
  }
  .motif-theme .col-sm-5 {
    width: 41.6666666667%;
  }
  .motif-theme .col-sm-6 {
    width: 50%;
  }
  .motif-theme .col-sm-7 {
    width: 58.3333333333%;
  }
  .motif-theme .col-sm-8 {
    width: 66.6666666667%;
  }
  .motif-theme .col-sm-9 {
    width: 75%;
  }
  .motif-theme .col-sm-10 {
    width: 83.3333333333%;
  }
  .motif-theme .col-sm-11 {
    width: 91.6666666667%;
  }
  .motif-theme .col-sm-12 {
    width: 100%;
  }
  .motif-theme .col-sm-pull-0 {
    right: auto;
  }
  .motif-theme .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .motif-theme .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .motif-theme .col-sm-pull-3 {
    right: 25%;
  }
  .motif-theme .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .motif-theme .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .motif-theme .col-sm-pull-6 {
    right: 50%;
  }
  .motif-theme .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .motif-theme .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .motif-theme .col-sm-pull-9 {
    right: 75%;
  }
  .motif-theme .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .motif-theme .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .motif-theme .col-sm-pull-12 {
    right: 100%;
  }
  .motif-theme .col-sm-push-0 {
    left: auto;
  }
  .motif-theme .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .motif-theme .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .motif-theme .col-sm-push-3 {
    left: 25%;
  }
  .motif-theme .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .motif-theme .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .motif-theme .col-sm-push-6 {
    left: 50%;
  }
  .motif-theme .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .motif-theme .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .motif-theme .col-sm-push-9 {
    left: 75%;
  }
  .motif-theme .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .motif-theme .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .motif-theme .col-sm-push-12 {
    left: 100%;
  }
  .motif-theme .col-sm-offset-0 {
    margin-left: 0%;
  }
  .motif-theme .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-theme .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-theme .col-sm-offset-3 {
    margin-left: 25%;
  }
  .motif-theme .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-theme .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-theme .col-sm-offset-6 {
    margin-left: 50%;
  }
  .motif-theme .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-theme .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-theme .col-sm-offset-9 {
    margin-left: 75%;
  }
  .motif-theme .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .motif-theme .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .motif-theme .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1024px) {
  .motif-theme .col-md-1, .motif-theme .col-md-2, .motif-theme .col-md-3, .motif-theme .col-md-4, .motif-theme .col-md-5, .motif-theme .col-md-6, .motif-theme .col-md-7, .motif-theme .col-md-8, .motif-theme .col-md-9, .motif-theme .col-md-10, .motif-theme .col-md-11, .motif-theme .col-md-12 {
    float: left;
  }
  .motif-theme .col-md-1 {
    width: 8.3333333333%;
  }
  .motif-theme .col-md-2 {
    width: 16.6666666667%;
  }
  .motif-theme .col-md-3 {
    width: 25%;
  }
  .motif-theme .col-md-4 {
    width: 33.3333333333%;
  }
  .motif-theme .col-md-5 {
    width: 41.6666666667%;
  }
  .motif-theme .col-md-6 {
    width: 50%;
  }
  .motif-theme .col-md-7 {
    width: 58.3333333333%;
  }
  .motif-theme .col-md-8 {
    width: 66.6666666667%;
  }
  .motif-theme .col-md-9 {
    width: 75%;
  }
  .motif-theme .col-md-10 {
    width: 83.3333333333%;
  }
  .motif-theme .col-md-11 {
    width: 91.6666666667%;
  }
  .motif-theme .col-md-12 {
    width: 100%;
  }
  .motif-theme .col-md-pull-0 {
    right: auto;
  }
  .motif-theme .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .motif-theme .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .motif-theme .col-md-pull-3 {
    right: 25%;
  }
  .motif-theme .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .motif-theme .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .motif-theme .col-md-pull-6 {
    right: 50%;
  }
  .motif-theme .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .motif-theme .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .motif-theme .col-md-pull-9 {
    right: 75%;
  }
  .motif-theme .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .motif-theme .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .motif-theme .col-md-pull-12 {
    right: 100%;
  }
  .motif-theme .col-md-push-0 {
    left: auto;
  }
  .motif-theme .col-md-push-1 {
    left: 8.3333333333%;
  }
  .motif-theme .col-md-push-2 {
    left: 16.6666666667%;
  }
  .motif-theme .col-md-push-3 {
    left: 25%;
  }
  .motif-theme .col-md-push-4 {
    left: 33.3333333333%;
  }
  .motif-theme .col-md-push-5 {
    left: 41.6666666667%;
  }
  .motif-theme .col-md-push-6 {
    left: 50%;
  }
  .motif-theme .col-md-push-7 {
    left: 58.3333333333%;
  }
  .motif-theme .col-md-push-8 {
    left: 66.6666666667%;
  }
  .motif-theme .col-md-push-9 {
    left: 75%;
  }
  .motif-theme .col-md-push-10 {
    left: 83.3333333333%;
  }
  .motif-theme .col-md-push-11 {
    left: 91.6666666667%;
  }
  .motif-theme .col-md-push-12 {
    left: 100%;
  }
  .motif-theme .col-md-offset-0 {
    margin-left: 0%;
  }
  .motif-theme .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-theme .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-theme .col-md-offset-3 {
    margin-left: 25%;
  }
  .motif-theme .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-theme .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-theme .col-md-offset-6 {
    margin-left: 50%;
  }
  .motif-theme .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-theme .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-theme .col-md-offset-9 {
    margin-left: 75%;
  }
  .motif-theme .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .motif-theme .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .motif-theme .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .motif-theme .col-lg-1, .motif-theme .col-lg-2, .motif-theme .col-lg-3, .motif-theme .col-lg-4, .motif-theme .col-lg-5, .motif-theme .col-lg-6, .motif-theme .col-lg-7, .motif-theme .col-lg-8, .motif-theme .col-lg-9, .motif-theme .col-lg-10, .motif-theme .col-lg-11, .motif-theme .col-lg-12 {
    float: left;
  }
  .motif-theme .col-lg-1 {
    width: 8.3333333333%;
  }
  .motif-theme .col-lg-2 {
    width: 16.6666666667%;
  }
  .motif-theme .col-lg-3 {
    width: 25%;
  }
  .motif-theme .col-lg-4 {
    width: 33.3333333333%;
  }
  .motif-theme .col-lg-5 {
    width: 41.6666666667%;
  }
  .motif-theme .col-lg-6 {
    width: 50%;
  }
  .motif-theme .col-lg-7 {
    width: 58.3333333333%;
  }
  .motif-theme .col-lg-8 {
    width: 66.6666666667%;
  }
  .motif-theme .col-lg-9 {
    width: 75%;
  }
  .motif-theme .col-lg-10 {
    width: 83.3333333333%;
  }
  .motif-theme .col-lg-11 {
    width: 91.6666666667%;
  }
  .motif-theme .col-lg-12 {
    width: 100%;
  }
  .motif-theme .col-lg-pull-0 {
    right: auto;
  }
  .motif-theme .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .motif-theme .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .motif-theme .col-lg-pull-3 {
    right: 25%;
  }
  .motif-theme .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .motif-theme .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .motif-theme .col-lg-pull-6 {
    right: 50%;
  }
  .motif-theme .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .motif-theme .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .motif-theme .col-lg-pull-9 {
    right: 75%;
  }
  .motif-theme .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .motif-theme .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .motif-theme .col-lg-pull-12 {
    right: 100%;
  }
  .motif-theme .col-lg-push-0 {
    left: auto;
  }
  .motif-theme .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .motif-theme .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .motif-theme .col-lg-push-3 {
    left: 25%;
  }
  .motif-theme .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .motif-theme .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .motif-theme .col-lg-push-6 {
    left: 50%;
  }
  .motif-theme .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .motif-theme .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .motif-theme .col-lg-push-9 {
    left: 75%;
  }
  .motif-theme .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .motif-theme .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .motif-theme .col-lg-push-12 {
    left: 100%;
  }
  .motif-theme .col-lg-offset-0 {
    margin-left: 0%;
  }
  .motif-theme .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-theme .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-theme .col-lg-offset-3 {
    margin-left: 25%;
  }
  .motif-theme .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-theme .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-theme .col-lg-offset-6 {
    margin-left: 50%;
  }
  .motif-theme .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-theme .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-theme .col-lg-offset-9 {
    margin-left: 75%;
  }
  .motif-theme .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .motif-theme .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .motif-theme .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@-ms-viewport {
  width: device-width;
}
.motif-theme .visible-xxs {
  display: none !important;
}
.motif-theme .visible-xs {
  display: none !important;
}
.motif-theme .visible-sm {
  display: none !important;
}
.motif-theme .visible-md {
  display: none !important;
}
.motif-theme .visible-lg {
  display: none !important;
}
.motif-theme .visible-xxs-block,
.motif-theme .visible-xxs-inline,
.motif-theme .visible-xxs-inline-block,
.motif-theme .visible-xs-block,
.motif-theme .visible-xs-inline,
.motif-theme .visible-xs-inline-block,
.motif-theme .visible-sm-block,
.motif-theme .visible-sm-inline,
.motif-theme .visible-sm-inline-block,
.motif-theme .visible-md-block,
.motif-theme .visible-md-inline,
.motif-theme .visible-md-inline-block,
.motif-theme .visible-lg-block,
.motif-theme .visible-lg-inline,
.motif-theme .visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 479px) {
  .motif-theme .visible-xxs {
    display: block !important;
  }
  .motif-theme table.visible-xxs {
    display: table !important;
  }
  .motif-theme tr.visible-xxs {
    display: table-row !important;
  }
  .motif-theme th.visible-xxs,
  .motif-theme td.visible-xxs {
    display: table-cell !important;
  }
}
@media (max-width: 479px) {
  .motif-theme .visible-xxs-block {
    display: block !important;
  }
}
@media (max-width: 479px) {
  .motif-theme .visible-xxs-inline {
    display: inline !important;
  }
}
@media (max-width: 479px) {
  .motif-theme .visible-xxs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 480px) and (max-width: 800px) {
  .motif-theme .visible-xs {
    display: block !important;
  }
  .motif-theme table.visible-xs {
    display: table !important;
  }
  .motif-theme tr.visible-xs {
    display: table-row !important;
  }
  .motif-theme th.visible-xs,
  .motif-theme td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 800px) {
  .motif-theme .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 800px) {
  .motif-theme .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 800px) {
  .motif-theme .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .visible-sm {
    display: block !important;
  }
  .motif-theme table.visible-sm {
    display: table !important;
  }
  .motif-theme tr.visible-sm {
    display: table-row !important;
  }
  .motif-theme th.visible-sm,
  .motif-theme td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .visible-md {
    display: block !important;
  }
  .motif-theme table.visible-md {
    display: table !important;
  }
  .motif-theme tr.visible-md {
    display: table-row !important;
  }
  .motif-theme th.visible-md,
  .motif-theme td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .visible-lg {
    display: block !important;
  }
  .motif-theme table.visible-lg {
    display: table !important;
  }
  .motif-theme tr.visible-lg {
    display: table-row !important;
  }
  .motif-theme th.visible-lg,
  .motif-theme td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 479px) {
  .motif-theme .hidden-xxs {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 800px) {
  .motif-theme .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .motif-theme .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .motif-theme .hidden-lg {
    display: none !important;
  }
}
.motif-theme .visible-print {
  display: none !important;
}
@media print {
  .motif-theme .visible-print {
    display: block !important;
  }
  .motif-theme table.visible-print {
    display: table !important;
  }
  .motif-theme tr.visible-print {
    display: table-row !important;
  }
  .motif-theme th.visible-print,
  .motif-theme td.visible-print {
    display: table-cell !important;
  }
}
.motif-theme .visible-print-block {
  display: none !important;
}
@media print {
  .motif-theme .visible-print-block {
    display: block !important;
  }
}
.motif-theme .visible-print-inline {
  display: none !important;
}
@media print {
  .motif-theme .visible-print-inline {
    display: inline !important;
  }
}
.motif-theme .visible-print-inline-block {
  display: none !important;
}
@media print {
  .motif-theme .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .motif-theme .hidden-print {
    display: none !important;
  }
}
.motif-theme .ant-action-list-button.is-checked:focus {
  outline: 3px solid transparent;
  outline-offset: 9px;
  transition: color 250ms ease-in 100ms, outline-offset 200ms linear;
}
@font-face {
  font-family: "ant-motif-icons";
  src: url('/member/assets/fonts/icons/motif/ant-motif-icons.eot?6o51c8');
  src: url('/member/assets/fonts/icons/motif/ant-motif-icons.eot?6o51c8#iefix') format("embedded-opentype"), url('/member/assets/fonts/icons/motif/ant-motif-icons.ttf?6o51c8') format("truetype"), url('/member/assets/fonts/icons/motif/ant-motif-icons.woff?6o51c8') format("woff"), url('/member/assets/fonts/icons/motif/ant-motif-icons.svg?6o51c8#ant-motif-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}
.motif-theme .motif-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ant-motif-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.motif-theme .motif-about:before {
  content: "\e900";
}
.motif-theme .motif-access-for-blind:before {
  content: "\e901";
}
.motif-theme .motif-add-more:before {
  content: "\eb32";
}
.motif-theme .motif-add-phone:before {
  content: "\e902";
}
.motif-theme .motif-add-shopping-cart:before {
  content: "\e903";
}
.motif-theme .motif-add-tag:before {
  content: "\e904";
}
.motif-theme .motif-add-text:before {
  content: "\e905";
}
.motif-theme .motif-aed:before {
  content: "\e906";
}
.motif-theme .motif-aids-ribbon:before {
  content: "\e907";
}
.motif-theme .motif-alarm-clock:before {
  content: "\e908";
}
.motif-theme .motif-alluminium_massagetable:before {
  content: "\e909";
}
.motif-theme .motif-alphabetical-sorting:before {
  content: "\e90a";
}
.motif-theme .motif-alphabetical-sorting-2:before {
  content: "\e90b";
}
.motif-theme .motif-ambulance:before {
  content: "\e90c";
}
.motif-theme .motif-amnesty_international:before {
  content: "\e90d";
}
.motif-theme .motif-amputee:before {
  content: "\e90e";
}
.motif-theme .motif-angle-down:before {
  content: "\e90f";
}
.motif-theme .motif-angle-left:before {
  content: "\e910";
}
.motif-theme .motif-angle-right:before {
  content: "\e911";
}
.motif-theme .motif-angle-up:before {
  content: "\e912";
}
.motif-theme .motif-antiseptic-cream:before {
  content: "\e913";
}
.motif-theme .motif-apple:before {
  content: "\e914";
}
.motif-theme .motif-appointment-reminders:before {
  content: "\e915";
}
.motif-theme .motif-archived:before {
  content: "\eb25";
}
.motif-theme .motif-arrow:before {
  content: "\e916";
}
.motif-theme .motif-arrow-pointing-left:before {
  content: "\e917";
}
.motif-theme .motif-arrows-long-down:before {
  content: "\e918";
}
.motif-theme .motif-arrows-long-left:before {
  content: "\e919";
}
.motif-theme .motif-arrows-long-right:before {
  content: "\e91a";
}
.motif-theme .motif-arrows-long-up:before {
  content: "\e91b";
}
.motif-theme .motif-assistive_listening_systems:before {
  content: "\e91c";
}
.motif-theme .motif-attention:before {
  content: "\e91d";
}
.motif-theme .motif-audio-description:before {
  content: "\e91e";
}
.motif-theme .motif-average:before {
  content: "\e91f";
}
.motif-theme .motif-average-2:before {
  content: "\e920";
}
.motif-theme .motif-avocado:before {
  content: "\eb33";
}
.motif-theme .motif-ball-point-pen:before {
  content: "\e921";
}
.motif-theme .motif-banana:before {
  content: "\e922";
}
.motif-theme .motif-bandage:before {
  content: "\e923";
}
.motif-theme .motif-bank-cards:before {
  content: "\eb34";
}
.motif-theme .motif-bench-press-with-dumbbells:before {
  content: "\e924";
}
.motif-theme .motif-bento-box:before {
  content: "\eb28";
}
.motif-theme .motif-binoculars:before {
  content: "\e925";
}
.motif-theme .motif-birthday-cake:before {
  content: "\e926";
}
.motif-theme .motif-bitbucket:before {
  content: "\e927";
}
.motif-theme .motif-blind:before {
  content: "\e928";
}
.motif-theme .motif-block:before {
  content: "\e929";
}
.motif-theme .motif-body-scan:before {
  content: "\e92a";
}
.motif-theme .motif-bookmark:before {
  content: "\e92b";
}
.motif-theme .motif-bookmark-ribbon:before {
  content: "\e92c";
}
.motif-theme .motif-bottle-of-water:before {
  content: "\e92d";
}
.motif-theme .motif-braille:before {
  content: "\e92e";
}
.motif-theme .motif-brain:before {
  content: "\e92f";
}
.motif-theme .motif-bullet:before {
  content: "\eb35";
}
.motif-theme .motif-bulleted-list:before {
  content: "\e930";
}
.motif-theme .motif-business-contact:before {
  content: "\e931";
}
.motif-theme .motif-buy:before {
  content: "\e932";
}
.motif-theme .motif-caduceus:before {
  content: "\e933";
}
.motif-theme .motif-caduceus_gavel:before {
  content: "\e934";
}
.motif-theme .motif-cafe:before {
  content: "\e935";
}
.motif-theme .motif-calculator:before {
  content: "\e936";
}
.motif-theme .motif-calendar:before {
  content: "\e937";
}
.motif-theme .motif-calendar-minus:before {
  content: "\e938";
}
.motif-theme .motif-calendar-plus:before {
  content: "\e939";
}
.motif-theme .motif-call-transfer:before {
  content: "\e93a";
}
.motif-theme .motif-calories:before {
  content: "\eb36";
}
.motif-theme .motif-cancel:before {
  content: "\e93b";
}
.motif-theme .motif-cancel-2:before {
  content: "\e93c";
}
.motif-theme .motif-cancel-file:before {
  content: "\e93d";
}
.motif-theme .motif-cancer-ribbon:before {
  content: "\e93e";
}
.motif-theme .motif-car:before {
  content: "\eb37";
}
.motif-theme .motif-card-exchange:before {
  content: "\e93f";
}
.motif-theme .motif-card-security:before {
  content: "\e940";
}
.motif-theme .motif-card-security-code:before {
  content: "\e941";
}
.motif-theme .motif-card-verification-value:before {
  content: "\e942";
}
.motif-theme .motif-cardboard-box:before {
  content: "\e943";
}
.motif-theme .motif-cast:before {
  content: "\e944";
}
.motif-theme .motif-cc-amex:before {
  content: "\eb29";
}
.motif-theme .motif-cc-discover:before {
  content: "\eb2a";
}
.motif-theme .motif-cc-mastercard:before {
  content: "\eb2b";
}
.motif-theme .motif-cc-visa:before {
  content: "\eb2c";
}
.motif-theme .motif-charge-battery:before {
  content: "\e945";
}
.motif-theme .motif-chat:before {
  content: "\e946";
}
.motif-theme .motif-chat-bubble:before {
  content: "\eb2f";
}
.motif-theme .motif-chat-send:before {
  content: "\eb30";
}
.motif-theme .motif-cheap-2:before {
  content: "\e947";
}
.motif-theme .motif-check-wide:before {
  content: "\eb31";
}
.motif-theme .motif-checked:before {
  content: "\e948";
}
.motif-theme .motif-checked-2:before {
  content: "\e949";
}
.motif-theme .motif-checkmark:before {
  content: "\e94a";
}
.motif-theme .motif-checkout:before {
  content: "\e94b";
}
.motif-theme .motif-chef-hat:before {
  content: "\eb1d";
}
.motif-theme .motif-chevron:before {
  content: "\e94c";
}
.motif-theme .motif-chevron-down:before {
  content: "\e94d";
}
.motif-theme .motif-chevron-down-round:before {
  content: "\e94e";
}
.motif-theme .motif-chevron-filled-down:before {
  content: "\e94f";
}
.motif-theme .motif-chevron-filled-up:before {
  content: "\e950";
}
.motif-theme .motif-chevron-left:before {
  content: "\e951";
}
.motif-theme .motif-chevron-left-round:before {
  content: "\e952";
}
.motif-theme .motif-chevron-right:before {
  content: "\e953";
}
.motif-theme .motif-chevron-right-round:before {
  content: "\e954";
}
.motif-theme .motif-chevron-up:before {
  content: "\e955";
}
.motif-theme .motif-chevron-up-round:before {
  content: "\e956";
}
.motif-theme .motif-circle:before {
  content: "\e957";
}
.motif-theme .motif-circle-checked-inverse:before {
  content: "\eb1e";
}
.motif-theme .motif-circle-notch:before {
  content: "\e958";
}
.motif-theme .motif-circle-thin:before {
  content: "\e959";
}
.motif-theme .motif-circled:before {
  content: "\e95a";
}
.motif-theme .motif-circled-down:before {
  content: "\e95b";
}
.motif-theme .motif-circled-down-left:before {
  content: "\e95c";
}
.motif-theme .motif-circled-down-right:before {
  content: "\e95d";
}
.motif-theme .motif-circled-left:before {
  content: "\e95e";
}
.motif-theme .motif-circled-right:before {
  content: "\e95f";
}
.motif-theme .motif-circled-up:before {
  content: "\e960";
}
.motif-theme .motif-circled-up-left:before {
  content: "\e961";
}
.motif-theme .motif-circled-up-right:before {
  content: "\e962";
}
.motif-theme .motif-clinic:before {
  content: "\e963";
}
.motif-theme .motif-clipboard:before {
  content: "\e964";
}
.motif-theme .motif-clock:before {
  content: "\e965";
}
.motif-theme .motif-clone:before {
  content: "\e966";
}
.motif-theme .motif-closed-captioning:before {
  content: "\e967";
}
.motif-theme .motif-collapse:before {
  content: "\e968";
}
.motif-theme .motif-color-dropper:before {
  content: "\e969";
}
.motif-theme .motif-comments:before {
  content: "\e96a";
}
.motif-theme .motif-commercial-development-management:before {
  content: "\e96b";
}
.motif-theme .motif-compare:before {
  content: "\e96c";
}
.motif-theme .motif-compose:before {
  content: "\eb38";
}
.motif-theme .motif-compress:before {
  content: "\e96d";
}
.motif-theme .motif-computer-support:before {
  content: "\e96e";
}
.motif-theme .motif-concept:before {
  content: "\e96f";
}
.motif-theme .motif-condom:before {
  content: "\e970";
}
.motif-theme .motif-condom-package:before {
  content: "\e971";
}
.motif-theme .motif-contacts:before {
  content: "\e972";
}
.motif-theme .motif-content:before {
  content: "\e973";
}
.motif-theme .motif-copy:before {
  content: "\e974";
}
.motif-theme .motif-coronavirus:before {
  content: "\e975";
}
.motif-theme .motif-counselor:before {
  content: "\e976";
}
.motif-theme .motif-create-new:before {
  content: "\e977";
}
.motif-theme .motif-crop:before {
  content: "\e978";
}
.motif-theme .motif-crutch:before {
  content: "\e979";
}
.motif-theme .motif-curls-with-dumbbells:before {
  content: "\e97a";
}
.motif-theme .motif-cursor:before {
  content: "\e97b";
}
.motif-theme .motif-customer-support:before {
  content: "\e97c";
}
.motif-theme .motif-death:before {
  content: "\e97d";
}
.motif-theme .motif-decrease-font:before {
  content: "\e97e";
}
.motif-theme .motif-delete:before {
  content: "\e97f";
}
.motif-theme .motif-delete_link:before {
  content: "\e980";
}
.motif-theme .motif-delete_slide:before {
  content: "\e981";
}
.motif-theme .motif-department:before {
  content: "\e982";
}
.motif-theme .motif-design:before {
  content: "\e983";
}
.motif-theme .motif-details:before {
  content: "\e984";
}
.motif-theme .motif-device-information:before {
  content: "\e985";
}
.motif-theme .motif-diabetes:before {
  content: "\e986";
}
.motif-theme .motif-diabetes-monitor:before {
  content: "\e987";
}
.motif-theme .motif-dialysis_machine:before {
  content: "\e988";
}
.motif-theme .motif-diamond:before {
  content: "\e989";
}
.motif-theme .motif-dislike:before {
  content: "\e98a";
}
.motif-theme .motif-dislike-fill:before {
  content: "\e98b";
}
.motif-theme .motif-doctors-bag:before {
  content: "\e98c";
}
.motif-theme .motif-doctors-without-borders:before {
  content: "\e98d";
}
.motif-theme .motif-document:before {
  content: "\e98e";
}
.motif-theme .motif-documents:before {
  content: "\e98f";
}
.motif-theme .motif-donate:before {
  content: "\e990";
}
.motif-theme .motif-door-sensor-alarmed:before {
  content: "\e991";
}
.motif-theme .motif-double-down:before {
  content: "\e992";
}
.motif-theme .motif-double-left:before {
  content: "\e993";
}
.motif-theme .motif-double-right:before {
  content: "\e994";
}
.motif-theme .motif-double-up:before {
  content: "\e995";
}
.motif-theme .motif-down-2:before {
  content: "\e996";
}
.motif-theme .motif-down-3:before {
  content: "\e997";
}
.motif-theme .motif-down-arrow:before {
  content: "\e998";
}
.motif-theme .motif-down-left:before {
  content: "\e999";
}
.motif-theme .motif-down-left-arrow:before {
  content: "\e99a";
}
.motif-theme .motif-down-left-round:before {
  content: "\e99b";
}
.motif-theme .motif-down-right:before {
  content: "\e99c";
}
.motif-theme .motif-down-right-arrow:before {
  content: "\e99d";
}
.motif-theme .motif-down-right-round:before {
  content: "\e99e";
}
.motif-theme .motif-down-round:before {
  content: "\e99f";
}
.motif-theme .motif-down-squared:before {
  content: "\e9a0";
}
.motif-theme .motif-download:before {
  content: "\e9a1";
}
.motif-theme .motif-download-2:before {
  content: "\e9a2";
}
.motif-theme .motif-download-graph-report:before {
  content: "\e9a3";
}
.motif-theme .motif-download-pie-chart-report:before {
  content: "\e9a4";
}
.motif-theme .motif-downloads:before {
  content: "\e9a5";
}
.motif-theme .motif-drag-list-down:before {
  content: "\e9a6";
}
.motif-theme .motif-drag-list-up:before {
  content: "\e9a7";
}
.motif-theme .motif-drag-reorder:before {
  content: "\e9a8";
}
.motif-theme .motif-dumbbell:before {
  content: "\e9a9";
}
.motif-theme .motif-edit:before {
  content: "\e9aa";
}
.motif-theme .motif-elderly-person:before {
  content: "\e9ab";
}
.motif-theme .motif-ellipse:before {
  content: "\e9ac";
}
.motif-theme .motif-ellipse-filled:before {
  content: "\e9ad";
}
.motif-theme .motif-employee-card:before {
  content: "\e9ae";
}
.motif-theme .motif-empty-hourglass:before {
  content: "\e9af";
}
.motif-theme .motif-empty-trash:before {
  content: "\e9b0";
}
.motif-theme .motif-environment:before {
  content: "\e9b1";
}
.motif-theme .motif-erase:before {
  content: "\e9b2";
}
.motif-theme .motif-eraser:before {
  content: "\e9b3";
}
.motif-theme .motif-error:before {
  content: "\e9b4";
}
.motif-theme .motif-error-cloud:before {
  content: "\e9b5";
}
.motif-theme .motif-escape-mask:before {
  content: "\e9b6";
}
.motif-theme .motif-event-accepted:before {
  content: "\e9b7";
}
.motif-theme .motif-event-accepted-tentatively:before {
  content: "\e9b8";
}
.motif-theme .motif-exercise:before {
  content: "\e9b9";
}
.motif-theme .motif-expand:before {
  content: "\e9ba";
}
.motif-theme .motif-external-link:before {
  content: "\eb2d";
}
.motif-theme .motif-eye:before {
  content: "\e9bb";
}
.motif-theme .motif-facebook:before {
  content: "\e9bc";
}
.motif-theme .motif-false-teeth:before {
  content: "\e9bd";
}
.motif-theme .motif-family:before {
  content: "\e9be";
}
.motif-theme .motif-feedback:before {
  content: "\e9bf";
}
.motif-theme .motif-file:before {
  content: "\e9c0";
}
.motif-theme .motif-fill-color:before {
  content: "\e9c1";
}
.motif-theme .motif-filled-like:before {
  content: "\e9c2";
}
.motif-theme .motif-filled-star:before {
  content: "\e9c3";
}
.motif-theme .motif-filter:before {
  content: "\e9c4";
}
.motif-theme .motif-find-matching-job:before {
  content: "\e9c5";
}
.motif-theme .motif-fingerprint:before {
  content: "\e9c6";
}
.motif-theme .motif-fitness-tracker:before {
  content: "\eb39";
}
.motif-theme .motif-flip-horizontal:before {
  content: "\e9c7";
}
.motif-theme .motif-flip-vertical:before {
  content: "\e9c8";
}
.motif-theme .motif-flow-chart:before {
  content: "\e9c9";
}
.motif-theme .motif-foil-space-blanket:before {
  content: "\e9ca";
}
.motif-theme .motif-fold:before {
  content: "\e9cb";
}
.motif-theme .motif-foot-angle:before {
  content: "\e9cc";
}
.motif-theme .motif-forgot-password:before {
  content: "\e9cd";
}
.motif-theme .motif-fridge:before {
  content: "\e9ce";
}
.motif-theme .motif-full-image:before {
  content: "\e9cf";
}
.motif-theme .motif-full-stop:before {
  content: "\e9d0";
}
.motif-theme .motif-gavel:before {
  content: "\e9d1";
}
.motif-theme .motif-general-ledger:before {
  content: "\e9d2";
}
.motif-theme .motif-go-to-link:before {
  content: "\e9d3";
}
.motif-theme .motif-gold-bars:before {
  content: "\e9d4";
}
.motif-theme .motif-good-decision:before {
  content: "\e9d5";
}
.motif-theme .motif-graduation-cap:before {
  content: "\e9d6";
}
.motif-theme .motif-graph-report:before {
  content: "\e9d7";
}
.motif-theme .motif-graph-report-script:before {
  content: "\e9d8";
}
.motif-theme .motif-group-background-selected:before {
  content: "\e9d9";
}
.motif-theme .motif-group-foreground-selected:before {
  content: "\e9da";
}
.motif-theme .motif-group-of-questions:before {
  content: "\e9db";
}
.motif-theme .motif-groups:before {
  content: "\e9dc";
}
.motif-theme .motif-hand-cursor:before {
  content: "\e9dd";
}
.motif-theme .motif-hand-with-pen:before {
  content: "\e9de";
}
.motif-theme .motif-handshake:before {
  content: "\e9df";
}
.motif-theme .motif-hashtag-large:before {
  content: "\e9e0";
}
.motif-theme .motif-head-brain:before {
  content: "\eb43";
}
.motif-theme .motif-headset:before {
  content: "\e9e1";
}
.motif-theme .motif-health-book:before {
  content: "\e9e2";
}
.motif-theme .motif-health-plus:before {
  content: "\eb3a";
}
.motif-theme .motif-hearing:before {
  content: "\e9e3";
}
.motif-theme .motif-hearing-aid:before {
  content: "\e9e4";
}
.motif-theme .motif-heart-health:before {
  content: "\e9e5";
}
.motif-theme .motif-heart-monitor:before {
  content: "\e9e6";
}
.motif-theme .motif-heart-with-pulse:before {
  content: "\e9e7";
}
.motif-theme .motif-help:before {
  content: "\e9e8";
}
.motif-theme .motif-helping-hand:before {
  content: "\e9e9";
}
.motif-theme .motif-high-connection:before {
  content: "\e9ea";
}
.motif-theme .motif-high-importance:before {
  content: "\e9eb";
}
.motif-theme .motif-high-priority:before {
  content: "\e9ec";
}
.motif-theme .motif-home:before {
  content: "\e9ed";
}
.motif-theme .motif-honesty:before {
  content: "\e9ee";
}
.motif-theme .motif-honey:before {
  content: "\e9ef";
}
.motif-theme .motif-hospital-3:before {
  content: "\e9f0";
}
.motif-theme .motif-hot-dog:before {
  content: "\e9f1";
}
.motif-theme .motif-human-bone:before {
  content: "\e9f2";
}
.motif-theme .motif-ice-cream-cone:before {
  content: "\e9f3";
}
.motif-theme .motif-id-card:before {
  content: "\e9f4";
}
.motif-theme .motif-id-verified:before {
  content: "\e9f5";
}
.motif-theme .motif-idea:before {
  content: "\e9f6";
}
.motif-theme .motif-in-transit:before {
  content: "\e9f7";
}
.motif-theme .motif-inbox:before {
  content: "\e9f8";
}
.motif-theme .motif-info:before {
  content: "\e9f9";
}
.motif-theme .motif-info-squared:before {
  content: "\e9fa";
}
.motif-theme .motif-infusion-pumps:before {
  content: "\e9fb";
}
.motif-theme .motif-ingredients-list:before {
  content: "\e9fc";
}
.motif-theme .motif-inspection:before {
  content: "\e9fd";
}
.motif-theme .motif-internal:before {
  content: "\e9fe";
}
.motif-theme .motif-internet:before {
  content: "\e9ff";
}
.motif-theme .motif-invisible:before {
  content: "\ea00";
}
.motif-theme .motif-invite:before {
  content: "\ea01";
}
.motif-theme .motif-ios-development:before {
  content: "\ea02";
}
.motif-theme .motif-job:before {
  content: "\ea03";
}
.motif-theme .motif-key:before {
  content: "\ea04";
}
.motif-theme .motif-keyhole-shield:before {
  content: "\ea05";
}
.motif-theme .motif-kidney:before {
  content: "\ea06";
}
.motif-theme .motif-label-printer:before {
  content: "\ea07";
}
.motif-theme .motif-language:before {
  content: "\ea08";
}
.motif-theme .motif-large-intestine:before {
  content: "\ea09";
}
.motif-theme .motif-leave:before {
  content: "\ea0a";
}
.motif-theme .motif-left-2:before {
  content: "\ea0b";
}
.motif-theme .motif-left-3:before {
  content: "\ea0c";
}
.motif-theme .motif-left-arrow:before {
  content: "\ea0d";
}
.motif-theme .motif-left-down-2:before {
  content: "\ea0e";
}
.motif-theme .motif-left-round:before {
  content: "\ea0f";
}
.motif-theme .motif-left-squared:before {
  content: "\ea10";
}
.motif-theme .motif-left-up-2:before {
  content: "\ea11";
}
.motif-theme .motif-lgbt-men:before {
  content: "\ea12";
}
.motif-theme .motif-lgbt-women:before {
  content: "\ea13";
}
.motif-theme .motif-library:before {
  content: "\ea14";
}
.motif-theme .motif-lightning-bolt:before {
  content: "\ea15";
}
.motif-theme .motif-like:before {
  content: "\ea16";
}
.motif-theme .motif-list:before {
  content: "\ea17";
}
.motif-theme .motif-liver:before {
  content: "\ea18";
}
.motif-theme .motif-lock:before {
  content: "\ea19";
}
.motif-theme .motif-lock-2:before {
  content: "\ea1a";
}
.motif-theme .motif-login:before {
  content: "\eb3b";
}
.motif-theme .motif-loser:before {
  content: "\ea1b";
}
.motif-theme .motif-low-priority:before {
  content: "\ea1c";
}
.motif-theme .motif-loyalty:before {
  content: "\ea1d";
}
.motif-theme .motif-lungs:before {
  content: "\ea1e";
}
.motif-theme .motif-manage-payment:before {
  content: "\eb3c";
}
.motif-theme .motif-map-marker:before {
  content: "\ea1f";
}
.motif-theme .motif-marker:before {
  content: "\ea20";
}
.motif-theme .motif-marker-pen:before {
  content: "\ea21";
}
.motif-theme .motif-massage:before {
  content: "\ea22";
}
.motif-theme .motif-medical-doctor:before {
  content: "\ea23";
}
.motif-theme .motif-medical-heart:before {
  content: "\ea24";
}
.motif-theme .motif-medical-mobile-app:before {
  content: "\ea25";
}
.motif-theme .motif-medical-thermometer:before {
  content: "\ea26";
}
.motif-theme .motif-megaphone:before {
  content: "\ea27";
}
.motif-theme .motif-membership-card:before {
  content: "\ea28";
}
.motif-theme .motif-mental-state:before {
  content: "\ea29";
}
.motif-theme .motif-menu:before {
  content: "\eb3d";
}
.motif-theme .motif-menu-kebab:before {
  content: "\ea2a";
}
.motif-theme .motif-merge-horizontal:before {
  content: "\ea2b";
}
.motif-theme .motif-merge-vertical:before {
  content: "\ea2c";
}
.motif-theme .motif-message:before {
  content: "\ea2d";
}
.motif-theme .motif-message-filled:before {
  content: "\ea2e";
}
.motif-theme .motif-metamorphose:before {
  content: "\ea2f";
}
.motif-theme .motif-microbeam_radiation_therapy:before {
  content: "\ea30";
}
.motif-theme .motif-micropore-tape:before {
  content: "\ea31";
}
.motif-theme .motif-mind-and-body:before {
  content: "\eb3e";
}
.motif-theme .motif-minus:before {
  content: "\ea32";
}
.motif-theme .motif-mobile-shop-cards:before {
  content: "\ea33";
}
.motif-theme .motif-mortar-and-pestle:before {
  content: "\ea34";
}
.motif-theme .motif-move:before {
  content: "\ea35";
}
.motif-theme .motif-ms-excel:before {
  content: "\eb26";
}
.motif-theme .motif-multiple-devices:before {
  content: "\ea36";
}
.motif-theme .motif-music:before {
  content: "\ea37";
}
.motif-theme .motif-mute:before {
  content: "\ea38";
}
.motif-theme .motif-negative-dynamic:before {
  content: "\ea39";
}
.motif-theme .motif-news:before {
  content: "\ea3a";
}
.motif-theme .motif-no-chat:before {
  content: "\ea3b";
}
.motif-theme .motif-no-edit:before {
  content: "\ea3c";
}
.motif-theme .motif-no-filling:before {
  content: "\ea3d";
}
.motif-theme .motif-no-idea:before {
  content: "\ea3e";
}
.motif-theme .motif-no-reminders:before {
  content: "\ea3f";
}
.motif-theme .motif-no-smoking:before {
  content: "\ea40";
}
.motif-theme .motif-nose:before {
  content: "\ea41";
}
.motif-theme .motif-not-hearing:before {
  content: "\ea42";
}
.motif-theme .motif-notebook:before {
  content: "\eb3f";
}
.motif-theme .motif-numbered-list:before {
  content: "\ea43";
}
.motif-theme .motif-numerical-sorting-12:before {
  content: "\ea44";
}
.motif-theme .motif-numerical-sorting-21:before {
  content: "\ea45";
}
.motif-theme .motif-ok:before {
  content: "\ea46";
}
.motif-theme .motif-opened-captioning:before {
  content: "\ea47";
}
.motif-theme .motif-opened-folder:before {
  content: "\ea48";
}
.motif-theme .motif-order-on-the-way:before {
  content: "\ea49";
}
.motif-theme .motif-order-shipped:before {
  content: "\ea4a";
}
.motif-theme .motif-organization:before {
  content: "\ea4b";
}
.motif-theme .motif-overview_pages_3:before {
  content: "\ea4c";
}
.motif-theme .motif-pacemaker:before {
  content: "\ea4d";
}
.motif-theme .motif-paper-clip:before {
  content: "\eb27";
}
.motif-theme .motif-paper-plane:before {
  content: "\ea4e";
}
.motif-theme .motif-parse-from-clipboard:before {
  content: "\ea4f";
}
.motif-theme .motif-past:before {
  content: "\ea50";
}
.motif-theme .motif-paste:before {
  content: "\ea51";
}
.motif-theme .motif-paycheque:before {
  content: "\ea52";
}
.motif-theme .motif-pdf:before {
  content: "\ea53";
}
.motif-theme .motif-pen:before {
  content: "\ea54";
}
.motif-theme .motif-pencil:before {
  content: "\ea55";
}
.motif-theme .motif-pencil-tip:before {
  content: "\ea56";
}
.motif-theme .motif-pharmacist:before {
  content: "\ea57";
}
.motif-theme .motif-phone:before {
  content: "\ea58";
}
.motif-theme .motif-physical-therapy:before {
  content: "\ea59";
}
.motif-theme .motif-picture:before {
  content: "\ea5a";
}
.motif-theme .motif-pill:before {
  content: "\ea5b";
}
.motif-theme .motif-play:before {
  content: "\ea5c";
}
.motif-theme .motif-play-round:before {
  content: "\ea5d";
}
.motif-theme .motif-plus:before {
  content: "\ea5e";
}
.motif-theme .motif-posture:before {
  content: "\ea5f";
}
.motif-theme .motif-prescription-pill-bottle:before {
  content: "\ea60";
}
.motif-theme .motif-presentation-filled:before {
  content: "\ea61";
}
.motif-theme .motif-price-tag:before {
  content: "\ea62";
}
.motif-theme .motif-price-tag-usd:before {
  content: "\ea63";
}
.motif-theme .motif-print:before {
  content: "\ea64";
}
.motif-theme .motif-printed-ocr:before {
  content: "\ea65";
}
.motif-theme .motif-pulse:before {
  content: "\ea66";
}
.motif-theme .motif-puzzle:before {
  content: "\ea67";
}
.motif-theme .motif-question:before {
  content: "\ea68";
}
.motif-theme .motif-rating:before {
  content: "\ea69";
}
.motif-theme .motif-read-message:before {
  content: "\ea6a";
}
.motif-theme .motif-read-message1:before {
  content: "\ea6b";
}
.motif-theme .motif-reading:before {
  content: "\ea6c";
}
.motif-theme .motif-rebalance-portfolio:before {
  content: "\ea6d";
}
.motif-theme .motif-recurring-appointment:before {
  content: "\ea6e";
}
.motif-theme .motif-recurring-appointment-exception:before {
  content: "\ea6f";
}
.motif-theme .motif-redo:before {
  content: "\ea70";
}
.motif-theme .motif-refresh:before {
  content: "\ea71";
}
.motif-theme .motif-reply:before {
  content: "\ea72";
}
.motif-theme .motif-resize-diagonal:before {
  content: "\ea73";
}
.motif-theme .motif-resize-four-directions:before {
  content: "\ea74";
}
.motif-theme .motif-resize-horizontal:before {
  content: "\ea75";
}
.motif-theme .motif-resize-vertical:before {
  content: "\ea76";
}
.motif-theme .motif-restrict:before {
  content: "\ea77";
}
.motif-theme .motif-retweet:before {
  content: "\ea78";
}
.motif-theme .motif-reviewer-male:before {
  content: "\ea79";
}
.motif-theme .motif-ribbon:before {
  content: "\eb2e";
}
.motif-theme .motif-right-2:before {
  content: "\ea7a";
}
.motif-theme .motif-right-3:before {
  content: "\ea7b";
}
.motif-theme .motif-right-arrow:before {
  content: "\ea7c";
}
.motif-theme .motif-right-down-2:before {
  content: "\ea7d";
}
.motif-theme .motif-right-round:before {
  content: "\ea7e";
}
.motif-theme .motif-right-squared:before {
  content: "\ea7f";
}
.motif-theme .motif-right-up-2:before {
  content: "\ea80";
}
.motif-theme .motif-rod_of_asclepius:before {
  content: "\ea81";
}
.motif-theme .motif-rotate:before {
  content: "\ea82";
}
.motif-theme .motif-rotate-left:before {
  content: "\ea83";
}
.motif-theme .motif-rotate-right:before {
  content: "\ea84";
}
.motif-theme .motif-rotate-right-1-1-1:before {
  content: "\ea85";
}
.motif-theme .motif-rss:before {
  content: "\ea86";
}
.motif-theme .motif-ruler:before {
  content: "\ea87";
}
.motif-theme .motif-rules:before {
  content: "\ea88";
}
.motif-theme .motif-sad-cloud:before {
  content: "\eb1f";
}
.motif-theme .motif-safety-collection-place:before {
  content: "\ea89";
}
.motif-theme .motif-safety-pin:before {
  content: "\ea8a";
}
.motif-theme .motif-safety-shower:before {
  content: "\ea8b";
}
.motif-theme .motif-salad:before {
  content: "\eb40";
}
.motif-theme .motif-sales-performance:before {
  content: "\ea8c";
}
.motif-theme .motif-saliva-test:before {
  content: "\ea8d";
}
.motif-theme .motif-save-the-children:before {
  content: "\ea8e";
}
.motif-theme .motif-scale:before {
  content: "\ea8f";
}
.motif-theme .motif-scalpel:before {
  content: "\ea90";
}
.motif-theme .motif-scissors:before {
  content: "\ea91";
}
.motif-theme .motif-search-1:before {
  content: "\ea92";
}
.motif-theme .motif-search-contacts:before {
  content: "\ea93";
}
.motif-theme .motif-search-property:before {
  content: "\ea94";
}
.motif-theme .motif-secured-by-alarm-system:before {
  content: "\ea95";
}
.motif-theme .motif-security-ssl:before {
  content: "\ea96";
}
.motif-theme .motif-sell-property:before {
  content: "\ea97";
}
.motif-theme .motif-send:before {
  content: "\eb41";
}
.motif-theme .motif-sent:before {
  content: "\ea98";
}
.motif-theme .motif-services:before {
  content: "\ea99";
}
.motif-theme .motif-settings:before {
  content: "\ea9a";
}
.motif-theme .motif-shield:before {
  content: "\ea9b";
}
.motif-theme .motif-shopping-bag:before {
  content: "\ea9c";
}
.motif-theme .motif-shopping-cart:before {
  content: "\ea9d";
}
.motif-theme .motif-sign_language_interpretation:before {
  content: "\ea9e";
}
.motif-theme .motif-skeleton:before {
  content: "\ea9f";
}
.motif-theme .motif-skin:before {
  content: "\eaa0";
}
.motif-theme .motif-skull:before {
  content: "\eaa1";
}
.motif-theme .motif-sleeping-in-bed:before {
  content: "\eaa2";
}
.motif-theme .motif-slippery-floor:before {
  content: "\eb44";
}
.motif-theme .motif-small-business:before {
  content: "\eaa3";
}
.motif-theme .motif-smartphone-approve:before {
  content: "\eaa4";
}
.motif-theme .motif-sneaker:before {
  content: "\eb20";
}
.motif-theme .motif-sneeze:before {
  content: "\eaa5";
}
.motif-theme .motif-soldering-iron:before {
  content: "\eaa6";
}
.motif-theme .motif-sort:before {
  content: "\eaa7";
}
.motif-theme .motif-sort-down:before {
  content: "\eaa8";
}
.motif-theme .motif-sort-down-filled:before {
  content: "\eaa9";
}
.motif-theme .motif-sort-left:before {
  content: "\eaaa";
}
.motif-theme .motif-sort-right:before {
  content: "\eaab";
}
.motif-theme .motif-sort-up:before {
  content: "\eaac";
}
.motif-theme .motif-sort-up-filled:before {
  content: "\eaad";
}
.motif-theme .motif-sorting-arrows:before {
  content: "\eaae";
}
.motif-theme .motif-sorting-arrows-horizontal:before {
  content: "\eaaf";
}
.motif-theme .motif-sorting-options:before {
  content: "\eab0";
}
.motif-theme .motif-speech-bubble:before {
  content: "\eab1";
}
.motif-theme .motif-sperm-bank:before {
  content: "\eab2";
}
.motif-theme .motif-split-horizontal:before {
  content: "\eab3";
}
.motif-theme .motif-split-vertical:before {
  content: "\eab4";
}
.motif-theme .motif-standing-man:before {
  content: "\eab5";
}
.motif-theme .motif-standing-woman:before {
  content: "\eab6";
}
.motif-theme .motif-star:before {
  content: "\eab7";
}
.motif-theme .motif-star-half:before {
  content: "\eab8";
}
.motif-theme .motif-star-half-empty:before {
  content: "\eab9";
}
.motif-theme .motif-statistics:before {
  content: "\eaba";
}
.motif-theme .motif-stethoscope:before {
  content: "\eabb";
}
.motif-theme .motif-stitch-marker:before {
  content: "\eabc";
}
.motif-theme .motif-stocks:before {
  content: "\eabd";
}
.motif-theme .motif-stomach:before {
  content: "\eabe";
}
.motif-theme .motif-stop-pie-chart-report:before {
  content: "\eabf";
}
.motif-theme .motif-stretcher:before {
  content: "\eac0";
}
.motif-theme .motif-submit-resume:before {
  content: "\eac1";
}
.motif-theme .motif-suicide-risk:before {
  content: "\eac2";
}
.motif-theme .motif-support:before {
  content: "\eac3";
}
.motif-theme .motif-surgical-scissors:before {
  content: "\eac4";
}
.motif-theme .motif-swap:before {
  content: "\eac5";
}
.motif-theme .motif-symbol-mars:before {
  content: "\eb21";
}
.motif-theme .motif-symbol-venus:before {
  content: "\eb22";
}
.motif-theme .motif-synchronize:before {
  content: "\eac6";
}
.motif-theme .motif-syringe:before {
  content: "\eac7";
}
.motif-theme .motif-tags:before {
  content: "\eac8";
}
.motif-theme .motif-tasklist:before {
  content: "\eac9";
}
.motif-theme .motif-tasks:before {
  content: "\eaca";
}
.motif-theme .motif-tax:before {
  content: "\eacb";
}
.motif-theme .motif-technical_support:before {
  content: "\eacc";
}
.motif-theme .motif-technology-items:before {
  content: "\eacd";
}
.motif-theme .motif-template:before {
  content: "\eace";
}
.motif-theme .motif-test-partial-passed:before {
  content: "\eacf";
}
.motif-theme .motif-therapy:before {
  content: "\ead0";
}
.motif-theme .motif-thick-arrow-pointing-down:before {
  content: "\ead1";
}
.motif-theme .motif-thick-arrow-pointing-up:before {
  content: "\ead2";
}
.motif-theme .motif-thumb-down:before {
  content: "\ead3";
}
.motif-theme .motif-thumb-up:before {
  content: "\ead4";
}
.motif-theme .motif-tied-hands:before {
  content: "\ead5";
}
.motif-theme .motif-time-card:before {
  content: "\ead6";
}
.motif-theme .motif-timeline:before {
  content: "\ead7";
}
.motif-theme .motif-todo-list:before {
  content: "\ead8";
}
.motif-theme .motif-tooth:before {
  content: "\ead9";
}
.motif-theme .motif-toothbrush:before {
  content: "\eada";
}
.motif-theme .motif-toothpaste:before {
  content: "\eadb";
}
.motif-theme .motif-topic:before {
  content: "\eadc";
}
.motif-theme .motif-touchscreen-smartphone:before {
  content: "\eadd";
}
.motif-theme .motif-training:before {
  content: "\eade";
}
.motif-theme .motif-transaction-list:before {
  content: "\eadf";
}
.motif-theme .motif-transfer-between-users:before {
  content: "\eae0";
}
.motif-theme .motif-trash:before {
  content: "\eae1";
}
.motif-theme .motif-travel-card:before {
  content: "\eae2";
}
.motif-theme .motif-treatment-plan:before {
  content: "\eae3";
}
.motif-theme .motif-tree-structure:before {
  content: "\eae4";
}
.motif-theme .motif-triangle:before {
  content: "\eae5";
}
.motif-theme .motif-triangular-bandage:before {
  content: "\eae6";
}
.motif-theme .motif-true-false:before {
  content: "\eae7";
}
.motif-theme .motif-trust:before {
  content: "\eae8";
}
.motif-theme .motif-tv:before {
  content: "\eae9";
}
.motif-theme .motif-tweezers:before {
  content: "\eaea";
}
.motif-theme .motif-twitter:before {
  content: "\eaeb";
}
.motif-theme .motif-ultrasound:before {
  content: "\eaec";
}
.motif-theme .motif-unchecked-checkbox:before {
  content: "\eaed";
}
.motif-theme .motif-undo:before {
  content: "\eaee";
}
.motif-theme .motif-unhcr:before {
  content: "\eaef";
}
.motif-theme .motif-unicef:before {
  content: "\eaf0";
}
.motif-theme .motif-unlock:before {
  content: "\eaf1";
}
.motif-theme .motif-unlock-2:before {
  content: "\eaf2";
}
.motif-theme .motif-up-2:before {
  content: "\eaf3";
}
.motif-theme .motif-up-3:before {
  content: "\eaf4";
}
.motif-theme .motif-up-arrow:before {
  content: "\eaf5";
}
.motif-theme .motif-up-left:before {
  content: "\eaf6";
}
.motif-theme .motif-up-left-arrow:before {
  content: "\eaf7";
}
.motif-theme .motif-up-left-round:before {
  content: "\eaf8";
}
.motif-theme .motif-up-right:before {
  content: "\eaf9";
}
.motif-theme .motif-up-right-arrow:before {
  content: "\eafa";
}
.motif-theme .motif-up-right-round:before {
  content: "\eafb";
}
.motif-theme .motif-up-round:before {
  content: "\eafc";
}
.motif-theme .motif-up-squared:before {
  content: "\eafd";
}
.motif-theme .motif-update-tag:before {
  content: "\eafe";
}
.motif-theme .motif-upload:before {
  content: "\eaff";
}
.motif-theme .motif-upload-2:before {
  content: "\eb00";
}
.motif-theme .motif-urgent-message:before {
  content: "\eb01";
}
.motif-theme .motif-urine-collection:before {
  content: "\eb02";
}
.motif-theme .motif-user-checked:before {
  content: "\eb23";
}
.motif-theme .motif-user-group-man-man:before {
  content: "\eb03";
}
.motif-theme .motif-user-group-man-woman:before {
  content: "\eb04";
}
.motif-theme .motif-user-group-woman-woman:before {
  content: "\eb05";
}
.motif-theme .motif-user-male-circle:before {
  content: "\eb06";
}
.motif-theme .motif-user-manual:before {
  content: "\eb07";
}
.motif-theme .motif-user-remove:before {
  content: "\eb24";
}
.motif-theme .motif-uterus:before {
  content: "\eb08";
}
.motif-theme .motif-vaccine-drop:before {
  content: "\eb09";
}
.motif-theme .motif-vending-machine:before {
  content: "\eb0a";
}
.motif-theme .motif-video-conference:before {
  content: "\eb0b";
}
.motif-theme .motif-video-projector:before {
  content: "\eb0c";
}
.motif-theme .motif-view-details:before {
  content: "\eb0d";
}
.motif-theme .motif-vip:before {
  content: "\eb0e";
}
.motif-theme .motif-virus:before {
  content: "\eb0f";
}
.motif-theme .motif-visible:before {
  content: "\eb10";
}
.motif-theme .motif-visualy-impaired:before {
  content: "\eb11";
}
.motif-theme .motif-walker:before {
  content: "\eb12";
}
.motif-theme .motif-walking-stick:before {
  content: "\eb13";
}
.motif-theme .motif-warning-shield:before {
  content: "\eb14";
}
.motif-theme .motif-wheelchair:before {
  content: "\eb15";
}
.motif-theme .motif-why-us-male:before {
  content: "\eb16";
}
.motif-theme .motif-wipes:before {
  content: "\eb17";
}
.motif-theme .motif-wooden_massagetable:before {
  content: "\eb18";
}
.motif-theme .motif-world-health-organization:before {
  content: "\eb19";
}
.motif-theme .motif-xray:before {
  content: "\eb1a";
}
.motif-theme .motif-yoga:before {
  content: "\eb42";
}
.motif-theme .motif-yogurt:before {
  content: "\eb1b";
}
.motif-theme .motif-youtube-play:before {
  content: "\eb1c";
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: local("Lato Light"), local("Lato-Light"), url("/member/assets/fonts/Lato/lato-v14-latin-300.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-300.woff") format("woff"); /* Modern Browsers */
}
/* lato-300italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: auto;
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url("/member/assets/fonts/Lato/lato-v14-latin-300italic.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-300italic.woff") format("woff"); /* Modern Browsers */
}
/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local("Lato Regular"), local("Lato-Regular"), url("/member/assets/fonts/Lato/lato-v14-latin-regular.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-regular.woff") format("woff"); /* Modern Browsers */
}
/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: local("Lato Italic"), local("Lato-Italic"), url("/member/assets/fonts/Lato/lato-v14-latin-italic.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-italic.woff") format("woff"); /* Modern Browsers */
}
/* Lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local("Lato Bold"), local("Lato-Bold"), url("/member/assets/fonts/Lato/lato-v14-latin-700.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-700.woff") format("woff"); /* Modern Browsers */
}
/* Lato-700italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("/member/assets/fonts/Lato/lato-v14-latin-700italic.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-700italic.woff") format("woff"); /* Modern Browsers */
}
/* Lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: local("Lato Black"), local("Lato-Black"), url("/member/assets/fonts/Lato/lato-v14-latin-900.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-900.woff") format("woff"); /* Modern Browsers */
}
/* Lato-900italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: auto;
  src: local("Lato Black Italic"), local("Lato-BlackItalic"), url("/member/assets/fonts/Lato/lato-v14-latin-900italic.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-900italic.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-300italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  font-display: auto;
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-300italic.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-300italic.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-300 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: local("Montserrat Light"), local("Montserrat-Light"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-300.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-300.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/member/assets/fonts/montserrat-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-regular.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-regular.woff") format("woff"); /* Modern Browsers */
}
/* montserrat-italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-italic.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-italic.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-700italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-700italic.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-700italic.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-700.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-700.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-900 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: local("Montserrat Black"), local("Montserrat-Black"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-900.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-900.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-900italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 900;
  font-display: auto;
  src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-900italic.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-900italic.woff") format("woff"); /* Modern Browsers */
}
.motif-theme html,
.motif-theme body {
  font-family: "Lato", sans-serif !important;
  font-weight: 400;
}
.motif-theme html {
  font-size: 14px !important;
}
@media screen and (min-width: 800px) {
  .motif-theme html {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme html {
    font-size: 14px;
  }
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: local("Lato Light"), local("Lato-Light"), url("/member/assets/fonts/Lato/lato-v14-latin-300.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-300.woff") format("woff"); /* Modern Browsers */
}
/* lato-300italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: auto;
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url("/member/assets/fonts/Lato/lato-v14-latin-300italic.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-300italic.woff") format("woff"); /* Modern Browsers */
}
/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local("Lato Regular"), local("Lato-Regular"), url("/member/assets/fonts/Lato/lato-v14-latin-regular.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-regular.woff") format("woff"); /* Modern Browsers */
}
/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: local("Lato Italic"), local("Lato-Italic"), url("/member/assets/fonts/Lato/lato-v14-latin-italic.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-italic.woff") format("woff"); /* Modern Browsers */
}
/* Lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local("Lato Bold"), local("Lato-Bold"), url("/member/assets/fonts/Lato/lato-v14-latin-700.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-700.woff") format("woff"); /* Modern Browsers */
}
/* Lato-700italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("/member/assets/fonts/Lato/lato-v14-latin-700italic.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-700italic.woff") format("woff"); /* Modern Browsers */
}
/* Lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: local("Lato Black"), local("Lato-Black"), url("/member/assets/fonts/Lato/lato-v14-latin-900.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-900.woff") format("woff"); /* Modern Browsers */
}
/* Lato-900italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: auto;
  src: local("Lato Black Italic"), local("Lato-BlackItalic"), url("/member/assets/fonts/Lato/lato-v14-latin-900italic.woff2") format("woff2"), url("/member/assets/fonts/Lato/lato-v14-latin-900italic.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-300italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  font-display: auto;
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-300italic.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-300italic.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-300 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: local("Montserrat Light"), local("Montserrat-Light"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-300.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-300.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/member/assets/fonts/montserrat-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-regular.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-regular.woff") format("woff"); /* Modern Browsers */
}
/* montserrat-italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-italic.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-italic.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-700italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-700italic.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-700italic.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-700.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-700.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-900 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: local("Montserrat Black"), local("Montserrat-Black"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-900.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-900.woff") format("woff"); /* Modern Browsers */
}
/* Montserrat-900italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 900;
  font-display: auto;
  src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-900italic.woff2") format("woff2"), url("/member/assets/fonts/Montserrat/montserrat-v12-latin-900italic.woff") format("woff"); /* Modern Browsers */
}
.motif-theme .ant-action-list-button.is-checked:focus {
  outline: 3px solid transparent;
  outline-offset: 9px;
  transition: color 250ms ease-in 100ms, outline-offset 200ms linear;
}
.motif-theme .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.motif-theme .animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.motif-theme .animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.motif-theme .animated.bounceIn,
.motif-theme .animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.motif-theme .animated.flipOutX,
.motif-theme .animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.motif-theme .bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.motif-theme .flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.motif-theme .pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.motif-theme .rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.motif-theme .shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.motif-theme .swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.motif-theme .tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.motif-theme .jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.motif-theme .bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.motif-theme .bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.motif-theme .bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.motif-theme .bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.motif-theme .bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.motif-theme .bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.motif-theme .bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.motif-theme .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.motif-theme .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.motif-theme .fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.motif-theme .fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.motif-theme .fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.motif-theme .fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.motif-theme .fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.motif-theme .fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.motif-theme .fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.motif-theme .fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.motif-theme .animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.motif-theme .flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.motif-theme .flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.motif-theme .flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.motif-theme .flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.motif-theme .lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.motif-theme .lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.motif-theme .rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.motif-theme .rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.motif-theme .rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.motif-theme .rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.motif-theme .rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.motif-theme .rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.motif-theme .rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.motif-theme .rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.motif-theme .rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.motif-theme .rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.motif-theme .hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.motif-theme .rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.motif-theme .rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.motif-theme .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.motif-theme .zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.motif-theme .zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.motif-theme .zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.motif-theme .zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.motif-theme .zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.motif-theme .zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.motif-theme .zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.motif-theme .zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.motif-theme .zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.motif-theme .slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.motif-theme .slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.motif-theme .slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.motif-theme .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.motif-theme .slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.motif-theme .slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.motif-theme .slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.motif-theme .slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.motif-theme .ant-content-callout {
  margin-bottom: 3.5714285714rem;
  margin-top: 1.4285714286rem;
}
.motif-theme .ant-content-callout .ant-callout-img-wrapper {
  text-align: center;
  margin-bottom: 2.1428571429rem;
}
.motif-theme .ant-content-callout .ant-callout-img-wrapper .fa {
  font-size: 2.778rem;
  text-align: center;
  width: 5.556rem;
  border-radius: 50%;
  display: inline-block;
}
.motif-theme .ant-content-callout .ant-callout-img-wrapper img {
  max-width: 100%;
}
.motif-theme .ant-content-callout .ant-callout-content h3 {
  margin-bottom: 1.0714285714rem;
}
.motif-theme .ant-content-callout .ant-callout-content p {
  text-align: left;
}
.motif-theme .ant-content-callout .ant-callout-links a:not(.btn) {
  text-align: left;
  display: inline-block;
  float: left;
}
.motif-theme .ant-content-callout.ant-image-callout h3 {
  text-align: center;
}
@media screen and (min-width: 375px) {
  .motif-theme .ant-content-callout.ant-image-callout .ant-callout-img-wrapper {
    width: 120px;
    float: left;
    margin-top: 5px;
  }
  .motif-theme .ant-content-callout.ant-image-callout .ant-callout-content {
    float: left;
    width: calc(100% - 120px);
    padding-left: 1.4285714286rem;
  }
  .motif-theme .ant-content-callout.ant-image-callout h3 {
    text-align: left;
  }
}
.motif-theme .ant-content-callout.ant-icon-callout h3 {
  text-align: center;
}
.motif-theme .ant-content-callout.ant-hero-callout .ant-callout-img-wrapper {
  width: 100%;
  margin-top: 0.3571428571rem;
}
.motif-theme .ant-content-callout.ant-hero-callout .ant-callout-img-wrapper img {
  max-width: 100%;
}
.motif-theme .data-uxd-card {
  padding: 50px 2rem;
}
.motif-theme .data-uxd-card.content-container:first-of-type {
  margin-bottom: 40px;
}
.motif-theme .data-uxd-card:not(.content-container) {
  padding: 50px 2rem 30px;
  margin: 30px auto 40px;
}
.motif-theme .data-uxd-card .card-title {
  text-align: center;
  font-weight: 200;
  font-size: 2.3333rem;
}
.motif-theme .data-uxd-card .card-title:after {
  content: " ";
  display: block;
  height: 4px;
  margin: 25px auto 50px;
  position: relative;
  width: 108px;
}
.motif-theme .wide-container .content-container {
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .motif-theme .wide-block + .container .content-container {
    margin-top: -120px;
  }
}
.motif-theme .content-container {
  position: relative;
  z-index: 3;
  margin: -120px auto 60px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 800px) {
  .motif-theme .content-container {
    margin-top: -60px;
    margin-bottom: 30px;
  }
}
@media (min-width: 801px) {
  .motif-theme .content-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.motif-theme .content-container:before, .motif-theme .content-container:after {
  content: " ";
  display: table;
}
.motif-theme .content-container:after {
  clear: both;
}
.motif-theme .content-container.static {
  margin-top: 0;
}
.motif-theme .content-container p:last-child {
  margin: 0;
}
.motif-theme .content {
  text-align: center;
  padding: 0;
}
@media (max-width: 479px) {
  .motif-theme .content {
    text-align: left;
  }
  .motif-theme .content .headline-underline,
  .motif-theme .content .headline {
    text-align: center;
  }
}
.motif-theme .header-container {
  padding: 60px 0;
  text-align: center;
}
.motif-theme .hr-container {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (min-width: 801px) {
  .motif-theme .hr-container {
    padding-bottom: 60px;
    margin-bottom: 60px;
  }
}
.motif-theme .hr-container:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.motif-theme .wide-block {
  margin: 0 auto;
  max-width: 1090px;
  margin-bottom: 60px;
}
.motif-theme .wide-block .container {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
.motif-theme .wide-block .content {
  text-align: center;
}
.motif-theme .footer-links {
  padding-top: 60px;
}
.motif-theme .footer-links .headline-half {
  margin-bottom: 30px;
}
.motif-theme .footer-links .headline-half + ul {
  padding: 0;
  list-style: none;
}
.motif-theme .footer-links .headline-half + ul li {
  padding: 0;
  position: relative;
}
@media screen and (min-width: 800px) {
  .motif-theme .footer-links .headline-half + ul li {
    width: 93%;
  }
}
.motif-theme .footer-links .headline-half + ul li:after {
  content: "\e924";
  font-family: "ant-classic-icons";
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.motif-theme .footer-links .headline-half + ul li a {
  border: none;
  display: block;
  line-height: 1.3;
  max-width: calc(100% - 15px);
  padding: 30px 0;
}
@media screen and (min-width: 1024px) {
  .motif-theme .footer-links .headline-half + ul li a {
    padding-right: 42px;
  }
}
.motif-theme .footer-links .headline-half + ul li a:hover, .motif-theme .footer-links .headline-half + ul li a:focus {
  text-decoration: none;
}
.motif-theme .form-item .ng-inactive {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: height 0.25s linear;
  -moz-transition: height 0.25s linear;
  -ms-transition: height 0.25s linear;
  -o-transition: height 0.25s linear;
  transition: max-height 0.25s linear, visibility 0.1s;
}
.motif-theme .form-item .ng-inactive.addTransitionClass {
  max-height: 250px;
  overflow: hidden;
  visibility: visible;
  -webkit-transition: height 0.5s linear;
  -moz-transition: height 0.5s linear;
  -ms-transition: height 0.5s linear;
  -o-transition: height 0.5s linear;
  transition: max-height 0.5s linear, visibility 0.25s;
}
.motif-theme .masthead {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
@media (max-width: 479px) {
  .motif-theme .masthead.black-text {
    background-position: top right;
  }
}
.motif-theme .masthead header {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  position: relative;
  padding: 2rem 1rem 4rem;
}
@media (min-width: 801px) {
  .motif-theme .masthead header {
    padding: 3rem 1rem 8rem;
  }
}
@media (min-width: 1024px) {
  .motif-theme .masthead header {
    padding: 4rem 1rem 8rem;
  }
}
.motif-theme .masthead.black-text .headline-underline:after {
  margin-bottom: 0;
}
.motif-theme .masthead.no-header {
  padding-top: 81px;
}
.motif-theme .masthead .headline-underline:after {
  margin-bottom: 0;
}
.motif-theme .headline-underline.sub-menu-align {
  position: relative;
  top: 2rem;
}
.motif-theme .headline-underline:after {
  content: "";
  display: block;
  height: 4px;
  margin: 30px auto 60px;
  position: relative;
  width: 0;
  transition: 1500ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.motif-theme .headline-underline.animate:after {
  width: 108px;
}
.motif-theme .ant-member-secure h2.headline-underline {
  font-size: 2.2rem;
  font-weight: 300;
}
.motif-theme .ant-member-secure .bkg-gray {
  border-bottom: 1px solid transparent; /* prevent parent from absorbing margin */
}
.motif-theme .ant-member-secure .wide-container {
  padding: 60px 0;
  margin-bottom: 60px;
}
.motif-theme .ant-member-secure .wide-block {
  max-width: 1170px;
}
.motif-theme .ant-member-secure .masthead .container,
.motif-theme .ant-member-secure .masthead .row,
.motif-theme .ant-member-secure .masthead div[class*=col] {
  height: 100%;
}
.motif-theme .ant-member-secure .masthead h1 {
  font-size: 2.65rem;
}
.motif-theme .ant-member-secure .masthead {
  margin-top: 65px;
}
@media screen and (min-width: 1024px) {
  .motif-theme .ant-member-secure .masthead {
    margin-top: 85px;
  }
}
.motif-theme .ant-full-bkg {
  background-position: 60% top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0px solid transparent;
  margin: 0px;
}
@media screen and (min-width: 801px) {
  .motif-theme .ant-full-bkg {
    background-position: top left;
    border-top: 0px;
  }
}
.motif-theme .ant-masthead-content {
  margin: 250px 0 30px;
  padding: 10px 15px 1px;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .motif-theme .ant-masthead-content {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.motif-theme .ant-masthead-content-two {
  margin-bottom: 30px;
  padding-top: 10px;
  text-align: center;
}
.motif-theme .ant-masthead-content-border {
  padding: 25px 30px;
}
.motif-theme .back-to-top-dir.ng-hide {
  opacity: 0;
}
.motif-theme .back-to-top-dir {
  position: fixed;
  display: block;
  bottom: -1px;
  right: -1px;
  text-align: center;
  transition: all 0.2s ease-in-out 0s;
  border: 1px solid;
  float: right;
  max-width: 250px;
  z-index: 5;
}
.motif-theme .fa.black {
  transition: all 0.2s ease-in-out 0s;
}
.motif-theme .ant-fringe-mask, .motif-theme .ant-fringe-mask-left {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(248, 248, 248, 0)), color-stop(100%, rgba(238, 238, 238, 0.55)));
  height: 100%;
  position: absolute;
  pointer-events: none;
  right: 0;
  width: 3rem;
  z-index: 2;
}
.motif-theme .ant-fringe-mask-left {
  left: 0;
  right: auto;
  background: -webkit-gradient(linear, left top, right top, color-stop(100%, rgba(248, 248, 248, 0)), color-stop(25%, rgba(238, 238, 238, 0.55)));
}
.motif-theme .ant-sub-navigation-container, .motif-theme .ant-pattern-library-sub-nav {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 65px;
  box-shadow: 0px 2px 10px -1px #666666;
}
.motif-theme .ant-sub-navigation-container .ant-sub-navigation, .motif-theme .ant-pattern-library-sub-nav .ant-sub-navigation {
  overflow-x: auto;
  padding: 0.7rem 0;
}
.motif-theme .ant-sub-navigation-container .ant-sub-navigation::-webkit-scrollbar, .motif-theme .ant-pattern-library-sub-nav .ant-sub-navigation::-webkit-scrollbar {
  display: none;
}
.motif-theme .ant-sub-navigation-container .ant-sub-navigation ul, .motif-theme .ant-pattern-library-sub-nav .ant-sub-navigation ul {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.motif-theme .ant-sub-navigation-container .ant-sub-navigation ul li, .motif-theme .ant-pattern-library-sub-nav .ant-sub-navigation ul li {
  display: inline-block;
  padding: 0 0.8rem;
  text-align: center;
  cursor: pointer;
}
.motif-theme .ant-sub-navigation-container .ant-sub-navigation ul li .fa, .motif-theme .ant-pattern-library-sub-nav .ant-sub-navigation ul li .fa {
  margin-right: 0.5rem;
  font-size: 1rem;
}
.motif-theme .ant-sub-navigation-container .ant-sub-navigation a, .motif-theme .ant-pattern-library-sub-nav .ant-sub-navigation a {
  border-bottom: 0;
  vertical-align: top;
}
.motif-theme .ant-sub-navigation-container .ant-sub-navigation.no-overflow ul, .motif-theme .ant-pattern-library-sub-nav .ant-sub-navigation.no-overflow ul {
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .motif-theme .ant-sub-navigation-container, .motif-theme .ant-pattern-library-sub-nav {
    top: 85px;
  }
}
.motif-theme .ant-pattern-library-sub-nav .ant-sub-navigation-container, .motif-theme .ant-pattern-library-sub-nav .ant-pattern-library-sub-nav {
  bottom: 0;
  top: auto;
}
.motif-theme .btn {
  background-image: none;
  border-radius: 0px;
  min-width: 0;
  text-align: center;
  display: inline-block;
  font-family: "open-sans", "Open Sans", sans-serif;
  text-decoration: none;
  border: 1px solid transparent;
}
.motif-theme .btn .btn-default:focus,
.motif-theme .btn .btn-primary:focus {
  background-position: 0px;
}
.motif-theme .btn-sm, .motif-theme .btn-group-sm > .btn {
  min-width: 0;
}
.motif-theme .btn.dropdown-toggle {
  padding: 0px;
}
.motif-theme .btn.dropdown-toggle .buttonMain {
  display: inline-block;
  vertical-align: top;
}
.motif-theme .btn.dropdown-toggle .fa {
  color: inherit;
  top: 0px;
  position: relative;
}
.motif-theme .btn-naked-dropdown,
.motif-theme .btn-naked-dropdown:hover,
.motif-theme .btn-naked-dropdown:focus,
.motif-theme .btn-naked-dropdown:active,
.motif-theme .btn-naked-dropdown:active:focus {
  border: 0px solid;
  background: transparent;
  box-shadow: none;
}
.motif-theme .btn.dropdown-toggle.btn-select-style {
  border-radius: 3px;
  padding: 0px;
  text-align: left;
  width: 250px;
  max-width: 100%;
}
.motif-theme .btn.dropdown-toggle.btn-select-style .buttonMain {
  float: left;
  display: block;
}
.motif-theme .btn.dropdown-toggle.btn-select-style .fa {
  top: 0px;
  position: relative;
  float: right;
  display: block;
}
.motif-theme .btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.motif-theme .open > div .dropdown-menu {
  display: block;
  width: 100%;
  margin-top: -1px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.motif-theme .dropdown-menu .fa {
  display: inline-block;
}
.motif-theme .btn-icon,
.motif-theme .btn-icon:hover,
.motif-theme .btn-icon:focus {
  background: transparent;
  min-width: 0;
  border: none;
  text-decoration: underline;
}
.motif-theme .btn-icon .fa,
.motif-theme .btn-icon-sm .fa {
  position: relative;
  top: 3px;
}
.motif-theme .btn-icon-sm,
.motif-theme .btn-icon-sm:hover,
.motif-theme .btn-icon-sm:focus {
  background: transparent;
  min-width: 0;
  border: none;
  text-decoration: underline;
}
.motif-theme .btn-icon:hover,
.motif-theme .btn-icon:focus,
.motif-theme .btn-icon-sm:hover,
.motif-theme .btn-icon-sm:focus {
  text-decoration: underline;
}
.motif-theme .uxd-btn-ddl.ant-input-med {
  width: auto;
}
.motif-theme .uxd-btn-ddl.ant-input-long {
  width: auto;
}
.motif-theme .uxd-btn-ddl.ant-input-long .psButton,
.motif-theme .uxd-btn-ddl.ant-input-long .psDropdown {
  width: 600px;
}
.motif-theme .uxd-btn-ddl.ant-input-short {
  width: auto;
}
.motif-theme .uxd-btn-ddl.ant-input-short .psButton,
.motif-theme .uxd-btn-ddl.ant-input-short .psDropdown {
  width: 100px;
}
.motif-theme .btn-group.link-style {
  top: -3px;
  margin: 0px;
}
.motif-theme .btn-group.link-style button,
.motif-theme .btn-group.link-style button.btn:first-child {
  background: transparent;
  border: 2px solid;
  border-radius: 4px;
  display: block;
}
.motif-theme .btn-group.open .btn.dropdown-toggle,
.motif-theme .btn-group.open .btn.dropdown-toggle:focus,
.motif-theme .btn-group.open .btn.dropdown-toggle:active {
  box-shadow: none;
}
.motif-theme .btn-group.link-style li a.icon-item {
  display: block;
}
.motif-theme .btn.btn-circle-large {
  border-radius: 35px;
  height: 70px;
  width: 70px;
  padding: 0;
}
.motif-theme .btn.btn-circle-large .motif-icon {
  font-size: 28px;
}
.motif-theme .btn.btn-circle-small {
  border-radius: 17px;
  height: 35px;
  width: 35px;
  padding: 7px;
}
.motif-theme .btn.btn-circle-small .motif-icon {
  font-size: 17px;
}
.motif-theme a.ant-arrow-down:after, .motif-theme a.ant-arrow-up:after, .motif-theme a.ant-arrow-next:after, .motif-theme a.ant-arrow-previous:before {
  font-family: "ant-classic-icons";
  display: inline;
  position: relative;
  top: 0.15em;
}
.motif-theme a.ant-action-link {
  border-bottom: 0px;
  cursor: pointer;
}
.motif-theme a.ant-action-link .motif-icon {
  display: inline-block;
  vertical-align: bottom;
  color: #949494;
  padding-right: 0.85714286rem;
}
.motif-theme a.ant-action-link .ant-link-text {
  display: inline-block;
}
.motif-theme a[rel=external] {
  position: relative;
}
.motif-theme a[rel=external]:after {
  font-family: "ant-classic-icons";
  content: "\f1d2";
  position: absolute;
  right: -25px;
  top: 0px;
}
.motif-theme a.ant-arrow-previous {
  border-bottom: none;
}
.motif-theme a.ant-arrow-previous:before {
  content: "\e91f";
}
.motif-theme a.ant-arrow-next {
  border-bottom: none;
}
.motif-theme a.ant-arrow-next:after {
  content: "\e925";
}
.motif-theme a.ant-arrow-up {
  border-bottom: none;
}
.motif-theme a.ant-arrow-up:after {
  content: "\f113";
}
.motif-theme a.ant-arrow-down {
  border-bottom: none;
}
.motif-theme a.ant-arrow-down:after {
  content: "\f110";
}
.motif-theme .implementation-link {
  display: block;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.motif-theme .ant-float-left {
  float: left;
}
.motif-theme .ant-float-right {
  float: right;
}
.motif-theme .ant-full-width {
  width: 100%;
}
.motif-theme .ant-classic .ant-datepicker {
  position: relative;
  width: 225px;
  height: 37px;
}
.motif-theme .ant-classic .ant-datepicker button {
  background: transparent;
  border: transparent;
  padding: 0;
  border-radius: 0%;
}
.motif-theme .ant-classic .ant-datepicker button :focus {
  background: none;
}
.motif-theme .ant-classic .ant-datepicker .ant-datepicker-input {
  border-radius: 4px;
  border: 1px solid #666;
  color: #666;
  width: 225px;
  height: 37px;
  padding: 0.3rem 0.5rem;
  font-size: 1rem;
}
.motif-theme .ant-classic .ant-datepicker .ant-datepicker-toggle {
  position: absolute;
  top: 0;
  right: 0;
  height: 37px;
  border-left: 1px solid #666;
}
.motif-theme .ant-classic .ant-datepicker .datepicker-icon {
  color: #00609a;
  font-size: 24.5px;
  padding: 8px;
}
.motif-theme .ant-classic .example-header {
  background: #00609a;
  color: #fff;
  text-align: center;
  padding: 0.4rem 0;
}
.motif-theme .ant-classic .example-header button {
  background: transparent;
  border: transparent;
  padding: 0;
  border-radius: 0%;
}
.motif-theme .ant-classic span.fa.fa-chevron-left {
  position: absolute;
  width: 1.8em;
  left: 0;
  text-decoration: none;
  top: 0;
  height: 1.8em;
  padding: 0.5rem 0;
}
.motif-theme .ant-classic span.fa.fa-chevron-right {
  position: absolute;
  width: 1.8em;
  right: 0;
  text-decoration: none;
  top: 0;
  padding: 0.5rem 0;
}
.motif-theme .ant-classic .cdk-visually-hidden {
  display: none;
}
.motif-theme .ant-classic span.example-header-label {
  position: relative;
  text-align: center;
}
.motif-theme .ant-classic .cdk-overlay-connected-position-bounding-box {
  max-width: 225px;
  width: 100%;
}
.motif-theme .ant-classic .mat-calendar-content {
  background: white;
}
.motif-theme .ant-classic .ant-calendar-header {
  padding: 0px 8px 0 0;
  background: #0079c2 0 0;
  color: #fff;
}
.motif-theme .ant-classic .mat-calendar-body-label {
  color: transparent;
}
.motif-theme .ant-classic .cdk-visually-hidden {
  display: none;
}
.motif-theme .ant-classic .mat-calendar-controls {
  margin: 0px;
}
.motif-theme .ant-classic .mat-datepicker-content {
  box-shadow: none;
  display: block;
  border-radius: 0;
  border: 1px solid #666;
}
.motif-theme .ant-classic .mat-datepicker-content .mat-calendar {
  width: 225px;
  height: inherit;
  font-size: 0.9rem;
}
.motif-theme .ant-classic .mat-calendar-table-header th {
  padding: 0.7em 0 0 0;
}
.motif-theme .ant-classic .mat-calendar-body-cell-content {
  border-style: none;
}
.motif-theme .cdk-overlay-container {
  pointer-events: none;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000;
}
.motif-theme .cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.motif-theme .cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.motif-theme .cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.motif-theme .ui-datepicker .ui-datepicker-header {
  padding: 0.2em 0;
  position: relative;
}
.motif-theme .ui-datepicker .ui-datepicker-prev,
.motif-theme .ui-datepicker .ui-datepicker-next {
  height: 1.8em;
  position: absolute;
  top: 2px;
  width: 1.8em;
}
.motif-theme .ui-datepicker .ui-datepicker-prev-hover,
.motif-theme .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.motif-theme .ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.motif-theme .ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.motif-theme .ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.motif-theme .ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.motif-theme .ui-datepicker .ui-datepicker-prev span,
.motif-theme .ui-datepicker .ui-datepicker-next span {
  display: block;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.motif-theme .ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  margin: 0 2.3em;
  text-align: center;
}
.motif-theme .ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.motif-theme .ui-datepicker select.ui-datepicker-month,
.motif-theme .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.motif-theme .ui-datepicker table {
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 0 0 0.4em;
  width: 100%;
}
.motif-theme .ui-datepicker th {
  border: 0 none;
  font-weight: bold;
  padding: 0.7em 0.3em;
  text-align: center;
}
.motif-theme .ui-datepicker td {
  border: 0 none;
  padding: 1px;
}
.motif-theme .ui-datepicker td span,
.motif-theme .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.motif-theme .ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  border-bottom: 0 none;
  border-left: 0 none;
  border-right: 0 none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
}
.motif-theme .ui-datepicker .ui-datepicker-buttonpane button {
  cursor: pointer;
  float: right;
  margin: 0.5em 0.2em 0.4em;
  overflow: visible;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
}
.motif-theme .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.motif-theme .ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.motif-theme .ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.motif-theme .ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto 0.4em;
  width: 95%;
}
.motif-theme .ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.motif-theme .ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.motif-theme .ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.motif-theme .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.motif-theme .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.motif-theme .ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.motif-theme .ui-datepicker-row-break {
  clear: both;
  font-size: 0;
  width: 100%;
}
.motif-theme .ui-datepicker-rtl {
  direction: rtl;
}
.motif-theme .ui-datepicker-rtl .ui-datepicker-prev {
  left: auto;
  right: 2px;
}
.motif-theme .ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.motif-theme .ui-datepicker-rtl .ui-datepicker-prev:hover {
  left: auto;
  right: 1px;
}
.motif-theme .ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.motif-theme .ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.motif-theme .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.motif-theme .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.motif-theme .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.motif-theme .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.motif-theme .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0;
}
.motif-theme .ui-datepicker {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #fff none repeat scroll 0 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-color: #69b3e7 #dcdcdc #dcdcdc;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  margin: -1px 2px;
  padding: 0;
  width: 220px;
  display: none;
}
.motif-theme table.ui-datepicker-calendar {
  table-layout: fixed;
  width: 100%;
}
.motif-theme .ui-datepicker-header {
  background: #0079c2 none repeat scroll 0 0;
  color: #fff;
  font-size: 1rem;
}
.motif-theme .ui-datepicker td span,
.motif-theme .ui-datepicker td a {
  color: #666666;
  font-size: 0.8889rem;
  text-align: center;
}
.motif-theme .ui-datepicker td.ui-datepicker-current-day a,
.motif-theme .ui-datepicker td a:hover {
  background: #0079c2 none repeat scroll 0 0;
  color: #fff;
}
.motif-theme td.ui-datepicker-unselectable span {
  color: #dcdcdc;
}
.motif-theme td.ui-datepicker-other-month.ui-datepicker-unselectable span {
  display: none;
}
.motif-theme .ui-datepicker .ui-datepicker-prev:hover,
.motif-theme .ui-datepicker .ui-datepicker-prev {
  left: 0;
  text-decoration: none;
  top: 0;
}
.motif-theme .ui-datepicker .ui-datepicker-prev:hover.ui-state-disabled,
.motif-theme .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  cursor: default;
  opacity: 0.5;
}
.motif-theme .ui-datepicker .ui-datepicker-next:hover,
.motif-theme .ui-datepicker .ui-datepicker-next {
  right: 0;
  text-decoration: none;
  top: 0;
}
.motif-theme .ui-datepicker .ui-datepicker-next:hover.ui-state-disabled,
.motif-theme .ui-datepicker .ui-datepicker-next.ui-state-disabled {
  cursor: default;
  opacity: 0.5;
}
.motif-theme .ui-datepicker-prev::before,
.motif-theme .ui-datepicker-next::before {
  top: 2px;
  left: 13px;
  position: relative;
  color: #ffffff;
  font-family: "FontAwesome";
  font-size: 1.389rem;
}
.motif-theme .ui-datepicker-prev::before {
  content: "\f0d9";
}
.motif-theme .ui-datepicker-next::before {
  content: "\f0da";
  left: 9px;
}
.motif-theme .ui-datepicker-trigger {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: transparent;
  border: 0px transparent;
  color: #0079c2;
  position: relative;
  width: 0px;
  font-size: 1.25rem;
  padding: 0 2.3rem 0 0;
  margin: 0 0 0 -2.3rem;
  top: 1px;
  display: block;
  float: left;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media screen and (min-width: 480px) {
  .motif-theme .ui-datepicker-trigger {
    top: 0px;
  }
}
.motif-theme .hasDatepicker.ant-text-input {
  float: left;
}
.motif-theme .hasDatepicker.ant-text-input::-ms-clear {
  display: none;
}
.motif-theme .hasDatepicker.focus,
.motif-theme .hasDatepicker.focus + .ui-datepicker-trigger .fa {
  border-color: #69b3e7;
}
.motif-theme input.pfText.hasDatepicker,
.motif-theme input.pfText.hasDatepicker:hover,
.motif-theme input.pfText.hasDatepicker:focus {
  width: auto;
  margin-left: 0 !important;
}
.motif-theme .ui-datepicker .ui-datepicker-prev span,
.motif-theme .ui-datepicker .ui-datepicker-next span {
  display: none;
}
.motif-theme .ui-datepicker-prev {
  float: left;
  cursor: pointer;
}
.motif-theme .ui-datepicker-next {
  float: right;
  cursor: pointer;
}
.motif-theme .modal-open.ui-datepicker {
  z-index: 1056;
}
.motif-theme .ui-datepicker {
  z-index: 112;
}
.motif-theme .ui-datepicker .ui-datepicker-calendar td a.ui-state-default,
.motif-theme a.ui-datepicker-prev,
.motif-theme a.ui-datepicker-next {
  border-bottom: 0 none;
}
.motif-theme .ui-datepicker-trigger span.ant-calendar-icon {
  color: #0079c2;
  padding: 0.15rem 0.5rem;
  border-left: 1px solid #666666;
  position: relative;
  display: block;
  font-size: 1.25rem;
  font-family: "ant-classic-icons";
}
.motif-theme .ui-datepicker-trigger span.ant-calendar-icon.ant-calendar-calendar:before {
  content: "\f15c";
}
.motif-theme .ui-datepicker-trigger .fa-remove {
  padding-left: 2px;
}
.motif-theme label {
  display: block;
}
.motif-theme .ant-text-input {
  max-width: 100%;
}
.motif-theme .pfText {
  float: left;
}
.motif-theme .prOption {
  position: absolute;
  left: -9999px;
}
.motif-theme .prLabel {
  display: inline-flex;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
}
.motif-theme .prLabel:before {
  display: block;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  content: " ";
  position: relative;
  top: 0.2rem;
}
.motif-theme .prLabel.active:before {
  background-position: center;
}
.motif-theme .prLabel.focus:before {
  box-shadow: 0 0 3px #286ce2;
}
.motif-theme .prLabel.prDisabled {
  cursor: not-allowed;
}
.motif-theme .prLabel.prDisabled:before {
  cursor: not-allowed;
}
.motif-theme .pfRadio .align-vertical {
  display: flex;
  flex-direction: column;
}
.motif-theme label.pfText {
  line-height: 45px;
  width: 230px;
  padding-left: 15px;
}
.motif-theme input.pfText,
.motif-theme input.pfText:hover {
  margin-left: -230px;
  background-color: rgba(255, 255, 255, 0.5);
  filter: alpha(opacity=50); /* IE8 */
}
.motif-theme input.pfText.focus,
.motif-theme input.pfText.hasValue {
  background-color: rgb(255, 255, 255);
  filter: alpha(opacity=100); /* IE8 */
}
.motif-theme .pfSelect button {
  padding: 0px;
  height: auto;
  display: block;
  border-radius: 3px;
  z-index: 11;
  position: relative;
  box-shadow: 0 0 0;
  font-weight: 400;
  text-shadow: 0 0 transparent;
  width: 100%;
}
.motif-theme .pfSelect button:hover, .motif-theme .pfSelect button:focus {
  height: auto;
  display: block;
  z-index: 11;
  position: relative;
  box-shadow: 0 0 0;
  font-weight: 400;
  text-shadow: 0 0 transparent;
}
.motif-theme .legendtoolTip {
  width: fit-content;
}
@media screen and (max-width: 480px) {
  .motif-theme .legendtoolTip {
    width: 150px;
  }
}
.motif-theme .pfSelect {
  position: relative;
}
.motif-theme .pfSelect.active .listbox-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.motif-theme .psButton span {
  display: inline-block;
  top: 0;
}
.motif-theme .psButton span.psActiveOption {
  width: calc(100% - 2.65rem);
  text-align: left;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.motif-theme .psArrow {
  display: inline-block;
  text-align: center;
}
.motif-theme .psDropdown {
  width: calc(100% - 4px);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0px;
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 1000;
  -webkit-transition: max-height 0.25s ease-out;
  -o-transition: max-height 0.25s ease-out;
  transition: max-height 0.25s ease-out;
  margin-left: 2px;
}
.motif-theme .psDropdown.active {
  max-height: 11.2rem;
  padding-top: 0px;
  border-top: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}
.motif-theme .psDropdown input {
  position: absolute;
  left: -9999px;
}
.motif-theme .psLabel {
  display: block;
  margin: 0px;
  cursor: pointer;
}
.motif-theme .psLabel.psDisabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.motif-theme .pfSelect legend,
.motif-theme .pfToggleSwitch legend,
.motif-theme .pfToggleB legend,
.motif-theme .pfRadio legend,
.motif-theme .pfCheckbox {
  border: none;
}
.motif-theme .pfSelect.borderless .btn {
  width: auto;
  border-color: transparent;
}
.motif-theme .pfSelect.borderless .btn:focus, .motif-theme .pfSelect.borderless .btn:active, .motif-theme .pfSelect.borderless .btn:focus:active {
  border-color: transparent;
}
.motif-theme .pfSelect.borderless .btn span.psActiveOption {
  width: 100%;
  padding-left: 0rem;
}
.motif-theme .pfSelect.borderless .btn span.psArrow {
  border-color: transparent;
  width: 1rem;
}
.motif-theme .ant-ddl-alt .pfSelect button {
  border-radius: 0px;
}
.motif-theme .ant-ddl-alt .pfSelect button:focus .psArrow {
  border-left: 0px;
}
.motif-theme .ant-ddl-alt .psButton span {
  top: -1px;
}
.motif-theme .pcOption {
  position: absolute;
  left: -9999px;
}
.motif-theme .pcLabel {
  display: inline-block;
  cursor: pointer;
  position: relative;
  float: left;
}
.motif-theme .pcLabel::before {
  display: inline-block;
  position: relative;
  border-radius: 3px;
  font-family: "ant-classic-icons";
  content: "\f17b";
  text-indent: -9999px;
  top: 0.05rem;
}
.motif-theme .pcLabel.active::before {
  text-indent: 1px;
  content: " ";
}
.motif-theme .pcLabel.pcDisabled {
  cursor: not-allowed;
}
.motif-theme .pcLabel.pcDisabled:before {
  cursor: not-allowed;
}
.motif-theme .pcLabel.focus::before {
  box-shadow: 0 0 3px #286ce2;
}
.motif-theme .ant-form-item-error:before {
  content: "\f1ce";
  font-family: "ant-classic-icons";
  top: 3px;
  position: relative;
}
.motif-theme fieldset.ant-auto-suggest {
  position: relative;
}
.motif-theme .ant-search-button {
  border: 0px;
  background-color: transparent;
  position: relative;
  z-index: 100;
  font-size: 1.111rem;
  padding: 0px 2.3rem 0px 0px;
  margin-left: -2.3rem;
  width: 0px;
  display: block;
  float: left;
}
.motif-theme .ant-search-button span.fa {
  padding: 0.4rem 0.5rem;
  position: relative;
  top: 1px;
  font-size: 1.25rem;
}
@media screen and (min-width: 480px) {
  .motif-theme .ant-search-button span.fa {
    top: 0px;
    padding: 0.4rem 0.5rem 0.45rem;
  }
}
.motif-theme .ant-search-button .fa-remove {
  padding-left: 2px;
}
.motif-theme .ant-search-input {
  float: left;
  padding-right: 3rem;
}
.motif-theme .ant-text-input.ant-has-notes,
.motif-theme .ant-text-input.ant-has-notes:focus {
  z-index: 1;
}
.motif-theme .prLabel .label-text,
.motif-theme .pcLabel .label-text {
  display: block;
  float: left;
  max-width: calc(100% - 35px);
}
.motif-theme .ant-form-item-valid:before {
  content: "\f17c";
  font-family: "ant-classic-icons";
  top: 2px;
  position: relative;
}
.motif-theme .alignVertical {
  display: inline-block;
  clear: left;
}
.motif-theme .ant-data-security-mask {
  display: block;
  position: relative;
  color: #0079c2;
  font-size: 1.571rem;
}
.motif-theme .ant-data-security-mask .ant-security-mask-icon {
  color: inherit;
  font-size: inherit;
}
.motif-theme [data-uxd-auto-suggest-cmp] .psDropdown {
  margin-top: 2.1rem;
}
.motif-theme [data-uxd-auto-suggest-cmp] .psDropdown.active {
  overflow-y: auto;
}
.motif-theme [data-uxd-auto-suggest-cmp] .psDropdown.noresults {
  height: auto !important;
  margin-top: 41px;
}
.motif-theme [data-uxd-auto-suggest-cmp] legend {
  margin-bottom: 0.7143rem;
  border: none;
  font-size: 1rem;
  font-weight: 600;
}
.motif-theme [data-uxd-auto-suggest-cmp] .no-suggestions {
  padding: 8px 1rem;
}
.motif-theme [data-uxd-auto-suggest-cmp] .ant-search-button span.fa {
  font-size: 1.5rem;
  padding: 0.25rem 0.6rem;
}
@media screen and (min-width: 480px) {
  .motif-theme [data-uxd-auto-suggest-cmp] .ant-search-button span.fa {
    padding: 0.3rem 0.6rem;
  }
}
.motif-theme .uxd-text-input {
  position: relative;
  display: inline-block;
  padding: 0;
  width: 100%;
  margin-bottom: 2.2142857143rem;
  /* LABEL ==== */
  /* BOTTOM BAR ==== */
  /* INPUT ==== */
}
.motif-theme .uxd-text-input .uxd-error-message {
  display: block;
  width: 100%;
  line-height: 1.2em;
}
.motif-theme .uxd-text-input label.uxd-text-input__label {
  pointer-events: none;
  position: relative;
  transition: bottom 250ms ease-in-out, font-size 250ms ease-in-out, color 100ms linear;
  color: inherit;
  display: flex;
  margin-bottom: 0px;
}
.motif-theme .uxd-text-input label.uxd-text-input__label.is-focused {
  bottom: 0rem;
}
.motif-theme .uxd-text-input label.uxd-text-input__label span {
  align-self: flex-end;
}
.motif-theme .uxd-text-input .bottom-bar {
  position: relative;
  display: block;
  width: 100%;
}
.motif-theme .uxd-text-input .bottom-bar:before {
  content: "";
  width: 0%;
  border: inherit;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  transition: width 250ms linear;
}
.motif-theme .uxd-text-input .bottom-bar.is-focused:before {
  width: 100%;
  opacity: 1;
}
.motif-theme .uxd-text-input input[type=text],
.motif-theme .uxd-text-input input[type=password] {
  display: block;
  color: inherit;
  width: 100%;
  background: transparent;
  border: none;
}
.motif-theme .pfToggleB .ptLabel {
  display: inline-block;
  width: 40px;
  height: 24px;
  border-radius: 20px;
  position: relative;
  left: 220px;
  cursor: pointer;
  /** new class for right text aligned toggle **/
}
.motif-theme .pfToggleB .ptLabel span {
  position: relative;
  top: -24px;
  display: inline-block;
  width: 200px;
  left: -200px;
}
.motif-theme .pfToggleB .ptLabel.right-align {
  left: 0;
}
.motif-theme .pfToggleB .ptLabel.right-align span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% + 8px);
  margin: auto;
  line-height: 22px;
  width: auto;
  white-space: nowrap;
}
.motif-theme .pfToggleB .ptLabel:before {
  content: " ";
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin: -1px;
  transition: margin 0.15s;
}
.motif-theme .pfToggleB .optionWrapper {
  overflow: hidden;
  height: 35px;
}
.motif-theme .pfToggleB .ptOption {
  position: absolute;
  left: -9999px;
}
.motif-theme .ptLabel.ptDisabled {
  cursor: not-allowed !important;
}
.motif-theme .pfToggleSwitch .ptOption {
  position: absolute;
  left: -9999px;
}
.motif-theme .pfToggleSwitch .ptLabel {
  text-align: center;
  border: 1px solid;
  border-right: 0px;
  float: left;
  cursor: pointer;
}
.motif-theme .pfToggleSwitch .optionWrapper:first-of-type .ptLabel {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.motif-theme .pfToggleSwitch .optionWrapper:last-of-type .ptLabel {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid;
}
.motif-theme .pfToggleSwitch .ptLabel.active,
.motif-theme .pfToggleSwitch .ptLabel.focus {
  cursor: default;
}
.motif-theme .uxd-dp {
  line-height: 1.1;
  display: inline-block;
  position: relative;
}
.motif-theme .uxd-dp * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.motif-theme .uxd-dp,
.motif-theme .uxd-dp .selectiongroup,
.motif-theme .uxd-dp .selection,
.motif-theme .uxd-dp .selector,
.motif-theme .uxd-dp .headertodaybtn {
  border-radius: 4px;
}
.motif-theme .uxd-dp .header {
  border-radius: 4px 4px 0 0;
}
.motif-theme .uxd-dp .caltable,
.motif-theme .uxd-dp .monthtable,
.motif-theme .uxd-dp .yeartable {
  border-radius: 0 0 4px 4px;
}
.motif-theme .uxd-dp .caltable tbody tr:nth-child(6) td:first-child,
.motif-theme .uxd-dp .monthtable tbody tr:nth-child(4) td:first-child,
.motif-theme .uxd-dp .yeartable tbody tr:nth-child(7) td:first-child {
  border-bottom-left-radius: 4px;
}
.motif-theme .uxd-dp .caltable tbody tr:nth-child(6) td:last-child,
.motif-theme .uxd-dp .monthtable tbody tr:nth-child(4) td:last-child,
.motif-theme .uxd-dp .yeartable tbody tr:nth-child(7) td:last-child {
  border-bottom-right-radius: 4px;
}
.motif-theme .uxd-dp .btnpicker {
  border-radius: 0 4px 4px 0;
}
.motif-theme .uxd-dp .btnleftborderradius {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.motif-theme .uxd-dp .selector {
  margin-top: 2px;
  margin-left: -1px;
  position: absolute;
  padding: 0;
  border: 1px solid #ccc;
  z-index: 100;
  animation: selectorfadein 0.1s;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.motif-theme .uxd-dp .selector:focus {
  border: 1px solid #add8e6;
}
@keyframes selectorfadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.motif-theme .uxd-dp .selectorarrow {
  background: #fff;
  margin-top: 0px;
  padding: 0;
  padding: 8px 8px 8px 8px;
  outline: 0;
}
.motif-theme .uxd-dp .selectorarrow:after,
.motif-theme .uxd-dp .selectorarrow:before {
  bottom: 100%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
}
.motif-theme .uxd-dp .selectorarrow:after {
  border-color: rgba(250, 250, 250, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.motif-theme .uxd-dp .selectorarrow:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #ccc;
  border-width: 11px;
  margin-left: -11px;
}
.motif-theme .uxd-dp .selectorarrow:focus:before {
  border-bottom-color: #add8e6;
}
.motif-theme .uxd-dp .selectorarrowleft:after,
.motif-theme .uxd-dp .selectorarrowleft:before {
  left: 24px;
}
.motif-theme .uxd-dp .selectorarrowright:after,
.motif-theme .uxd-dp .selectorarrowright:before {
  left: 86%;
}
.motif-theme .uxd-dp .alignselectorright {
  right: -1px;
}
.motif-theme .uxd-dp .selectiongroup {
  position: relative;
  display: table;
  border: none;
  border-spacing: 0;
  background-color: #fff;
}
.motif-theme .uxd-dp .selection {
  width: 100%;
  background-color: #fff;
  display: table-cell;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 6px;
  border: none;
  color: #555;
}
.motif-theme .uxd-dp .invaliddate {
  background-color: #f1dede;
}
.motif-theme .uxd-dp ::-ms-clear {
  display: none;
}
.motif-theme .uxd-dp .selbtngroup {
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
  display: table-cell;
  font-size: 0;
}
.motif-theme .uxd-dp .btnpicker,
.motif-theme .uxd-dp .btnclear,
.motif-theme .uxd-dp .btndecrease,
.motif-theme .uxd-dp .btnincrease {
  height: 100%;
  width: 26px;
  border: none;
  padding: 0;
  outline: 0;
  font: inherit;
  -moz-user-select: none;
}
.motif-theme .uxd-dp .btnleftborder {
  border-left: 1px solid #ccc;
}
.motif-theme .uxd-dp .btnpickerenabled,
.motif-theme .uxd-dp .btnclearenabled,
.motif-theme .uxd-dp .btndecreaseenabled,
.motif-theme .uxd-dp .btnincreaseenabled,
.motif-theme .uxd-dp .headertodaybtnenabled,
.motif-theme .uxd-dp .headerbtnenabled,
.motif-theme .uxd-dp .yearchangebtnenabled {
  cursor: pointer;
}
.motif-theme .uxd-dp .selectiondisabled,
.motif-theme .uxd-dp .btnpickerdisabled,
.motif-theme .uxd-dp .btncleardisabled,
.motif-theme .uxd-dp .btndecreasedisabled,
.motif-theme .uxd-dp .btnincreasedisabled,
.motif-theme .uxd-dp .headertodaybtndisabled,
.motif-theme .uxd-dp .headerbtndisabled,
.motif-theme .uxd-dp .yearchangebtndisabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.motif-theme .uxd-dp .selectiondisabled {
  background-color: #eee;
}
.motif-theme .uxd-dp .btnpicker,
.motif-theme .uxd-dp .btnclear,
.motif-theme .uxd-dp .btndecrease,
.motif-theme .uxd-dp .btnincrease,
.motif-theme .uxd-dp .headertodaybtn {
  background: #fff;
}
.motif-theme .uxd-dp .header {
  width: 100%;
  height: 30px;
  background-color: #fff;
}
.motif-theme .uxd-dp .header td {
  vertical-align: middle;
  border: none;
  line-height: 0;
}
.motif-theme .uxd-dp .header td:nth-child(1) {
  padding-left: 4px;
}
.motif-theme .uxd-dp .header td:nth-child(2) {
  text-align: center;
}
.motif-theme .uxd-dp .header td:nth-child(3) {
  padding-right: 4px;
}
.motif-theme .uxd-dp .caltable,
.motif-theme .uxd-dp .monthtable,
.motif-theme .uxd-dp .yeartable {
  table-layout: fixed;
  width: 100%;
  background-color: #fff;
  font-size: 14px;
}
.motif-theme .uxd-dp .caltable,
.motif-theme .uxd-dp .monthtable,
.motif-theme .uxd-dp .yeartable,
.motif-theme .uxd-dp .weekdaytitle,
.motif-theme .uxd-dp .daycell,
.motif-theme .uxd-dp .monthcell,
.motif-theme .uxd-dp .yearcell {
  border-collapse: collapse;
  color: #003366;
  line-height: 1.1;
}
.motif-theme .uxd-dp .weekdaytitle,
.motif-theme .uxd-dp .daycell,
.motif-theme .uxd-dp .monthcell,
.motif-theme .uxd-dp .yearcell {
  text-align: center;
  width: 14.2857%;
  height: 40px;
}
.motif-theme .uxd-dp .weekdaytitle {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #ccc;
}
.motif-theme .uxd-dp .weekdaytitleweeknbr {
  width: 20px;
  border-right: 1px solid #bbb;
}
.motif-theme .uxd-dp .monthcell:focus .monthvalue {
  background-color: #ddd;
}
.motif-theme .uxd-dp .monthcell .monthvalue {
  top: 5%;
  left: 5%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-radius: 100px;
  border-style: none;
  display: flex;
}
.motif-theme .uxd-dp .monthcell .monthvalue:hover {
  background-color: #ddd;
}
.motif-theme .uxd-dp .monthcell {
  background-color: #fff;
  overflow: hidden;
  white-space: nowrap;
  height: 65px;
}
.motif-theme .uxd-dp .yearcell {
  background-color: #fff;
  width: 20%;
  height: 45px;
}
.motif-theme .uxd-dp .yearcell:focus .yearvalue {
  background-color: #ddd;
}
.motif-theme .uxd-dp .yearcell .yearvalue {
  top: 5%;
  left: 5%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-radius: 100px;
  border-style: none;
  display: flex;
}
.motif-theme .uxd-dp .yearcell .yearvalue:hover {
  background-color: #ddd;
}
.motif-theme .uxd-dp .daycell:focus .datevalue {
  background-color: #ddd;
}
.motif-theme .uxd-dp .daycell .datevalue {
  display: none;
  top: 5%;
  left: 5%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: 1;
  border-width: 1px;
  border-radius: 999px;
  border-style: none;
}
.motif-theme .uxd-dp .daycell .datevalue.currmonth {
  display: flex;
}
.motif-theme .uxd-dp .daycell .datevalue.markcurrday {
  border-style: solid;
  border-color: #ccc;
}
.motif-theme .uxd-dp .daycell .datevalue:hover {
  background-color: #ddd;
}
.motif-theme .uxd-dp .daycell .datevalue span {
  vertical-align: middle;
}
.motif-theme .uxd-dp .daycellweeknbr {
  font-size: 10px;
  border-right: 1px solid #ccc;
  cursor: default;
  color: #000;
}
.motif-theme .uxd-dp .inlinedp {
  position: relative;
  margin-top: -1px;
}
.motif-theme .uxd-dp .prevmonth,
.motif-theme .uxd-dp .nextmonth {
  color: #999;
}
.motif-theme .uxd-dp .disabled {
  cursor: default !important;
  color: #ccc;
  background: #fbefef;
}
.motif-theme .uxd-dp .highlight {
  color: #c30000;
}
.motif-theme .uxd-dp .dimday {
  opacity: 0.5;
}
.motif-theme .uxd-dp .currmonth {
  font-weight: normal;
}
.motif-theme .uxd-dp .markdate {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 4px;
}
.motif-theme .uxd-dp .markcurrday,
.motif-theme .uxd-dp .markcurrmonth,
.motif-theme .uxd-dp .markcurryear {
  text-decoration: underline;
}
.motif-theme .uxd-dp .selectedday .datevalue,
.motif-theme .uxd-dp .selectedmonth .monthvalue,
.motif-theme .uxd-dp .selectedyear .yearvalue {
  background-color: #8ebfff;
}
.motif-theme .uxd-dp .headerbtncell {
  background-color: #fff;
  display: table-cell;
  vertical-align: middle;
}
.motif-theme .uxd-dp .yearchangebtncell {
  text-align: center;
  background-color: #fff;
}
.motif-theme .uxd-dp .headerbtn,
.motif-theme .uxd-dp .headerlabelbtn,
.motif-theme .uxd-dp .yearchangebtn {
  background: #fff;
  border: none;
  height: 22px;
}
.motif-theme .uxd-dp .headerbtn {
  width: 16px;
}
.motif-theme .uxd-dp .headerlabelbtn {
  font-size: 14px;
  cursor: default;
}
.motif-theme .uxd-dp,
.motif-theme .uxd-dp .headertodaybtn {
  border: 1px solid #ccc;
}
.motif-theme .uxd-dp .btnpicker,
.motif-theme .uxd-dp .btnclear,
.motif-theme .uxd-dp .btndecrease,
.motif-theme .uxd-dp .btnincrease,
.motif-theme .uxd-dp .headerbtn,
.motif-theme .uxd-dp .headermonthtxt,
.motif-theme .uxd-dp .headeryeartxt,
.motif-theme .uxd-dp .headertodaybtn,
.motif-theme .uxd-dp .yearchangebtn {
  color: #000;
}
.motif-theme .uxd-dp .headertodaybtn {
  padding: 0 4px;
  font-size: 11px;
  height: 22px;
  min-width: 60px;
  max-width: 84px;
  overflow: hidden;
  white-space: nowrap;
}
.motif-theme .uxd-dp button::-moz-focus-inner {
  border: 0;
}
.motif-theme .uxd-dp .headermonthtxt,
.motif-theme .uxd-dp .headeryeartxt {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  height: 26px;
  width: 40px;
  max-width: 40px;
  overflow: hidden;
  white-space: nowrap;
}
.motif-theme .uxd-dp .btnclear:focus,
.motif-theme .uxd-dp .btndecrease:focus,
.motif-theme .uxd-dp .btnincrease:focus,
.motif-theme .uxd-dp .btnpicker:focus,
.motif-theme .uxd-dp .headertodaybtn:focus {
  background: #add8e6;
}
.motif-theme .uxd-dp .headerbtn:focus,
.motif-theme .uxd-dp .monthlabel:focus,
.motif-theme .uxd-dp .yearlabel:focus,
.motif-theme .uxd-dp .yearchangebtn:focus {
  color: #add8e6;
}
.motif-theme .uxd-dp .daycell:focus,
.motif-theme .uxd-dp .monthcell:focus,
.motif-theme .uxd-dp .yearcell:focus {
  outline: 1px solid #ccc;
}
.motif-theme .uxd-dp .motif-google-calendar {
  font-size: 20px;
}
.motif-theme .uxd-dp table {
  display: table;
  border-spacing: 0;
}
.motif-theme .uxd-dp table,
.motif-theme .uxd-dp th,
.motif-theme .uxd-dp td {
  border: none;
}
.motif-theme .uxd-dp .btnpickerenabled:hover,
.motif-theme .uxd-dp .btnclearenabled:hover,
.motif-theme .uxd-dp .btndecreaseenabled:hover,
.motif-theme .uxd-dp .btnincreaseenabled:hover,
.motif-theme .uxd-dp .headertodaybtnenabled:hover {
  background-color: #e6e6e6;
}
.motif-theme .uxd-dp .monthlabel,
.motif-theme .uxd-dp .yearlabel,
.motif-theme .uxd-dp .inputnoteditable,
.motif-theme .uxd-dp .daycell,
.motif-theme .uxd-dp .monthcell,
.motif-theme .uxd-dp .yearcell {
  cursor: pointer;
}
.motif-theme .uxd-checkbox label.pcLabel.focus::before {
  outline: 2px solid #286ce2;
  outline-offset: 2px;
  box-shadow: none;
  border: 0;
}
.motif-theme .ant-alert {
  display: flex;
  align-items: stretch;
}
.motif-theme .ant-alert .ant-alert-left {
  display: flex;
}
.motif-theme .ant-alert .ant-alert-main {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.motif-theme .ant-alert .ant-alert-main p {
  margin: 0px;
}
.motif-theme .ant-alert.ant-dismissable {
  position: fixed;
  left: 0px;
  top: -120px;
  margin: 0px auto;
  width: 100%;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: top 0.5s;
  z-index: 99999;
}
.motif-theme .ant-alert.ant-dismissable.on {
  top: 0px;
}
@media screen and (min-width: 800px) {
  .motif-theme .ant-alert.ant-dismissable {
    width: 70%;
    left: 15%;
  }
}
.motif-theme .ant-alert.ant-dismissable .ant-alert-main p {
  display: block;
  float: left;
  max-width: 94%;
  margin-bottom: 0px;
  text-align: left;
  white-space: normal;
}
.motif-theme .ant-alert.ant-dismissable .ant-alert-main button.ant-dismiss-alert {
  border: none;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent;
}
.motif-theme .ant-inline-alert {
  font-size: 1rem;
}
.motif-theme .ant-inline-alert .ant-inline-alert-body {
  padding: 0.5rem;
}
.motif-theme .ant-ui-widget-overlay {
  height: 100%;
  left: 0;
  opacity: 0.7;
  top: 0;
  width: 100%;
  position: fixed;
  z-index: 1099;
  background-color: #000;
}
.motif-theme .ant-ajax-load {
  display: block;
  outline: 0 none;
  overflow: hidden;
  z-index: 2000;
  height: auto !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  position: fixed !important;
  top: 50% !important;
  text-align: center;
  background-color: #fff;
  padding: 15px;
}
.motif-theme .ant-data-load {
  outline: 0 none;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  outline: 0 none;
  overflow: hidden;
  padding: 50px 15px;
  text-align: center;
  background-color: #f9f9f9;
}
.motif-theme .ant-data-load .ant-data-spin {
  display: flex;
  justify-content: center;
  width: 100%;
}
.motif-theme .ant-data-load .ant-data-text {
  display: flex;
  justify-content: center;
  width: 100%;
}
.motif-theme .ant-data-load .ant-ajax-text {
  margin-top: 20px;
  margin-left: 20px;
}
.motif-theme .sk-spinner-wave.sk-spinner {
  height: 60px;
}
.motif-theme .sk-spinner-wave.sk-spinner div {
  background: #0079c2;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
  display: inline-block;
  height: 100%;
  margin: 0 1px;
  width: 6px;
}
.motif-theme .sk-spinner-wave.sk-spinner .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.motif-theme .sk-spinner-wave.sk-spinner .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.motif-theme .sk-spinner-wave.sk-spinner .sk-rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.motif-theme .sk-spinner-wave.sk-spinner .sk-rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.motif-theme .modal .modal-header {
  padding: 10px 25px 10px;
  border: 0px;
}
.motif-theme .modal .modal-header .close {
  position: relative;
  top: -18px;
  right: -33px;
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
  padding: 5px 5px 4px 6px;
  border-radius: 50%;
  font-size: 1.667rem;
}
.motif-theme .modal .modal-footer {
  padding: 25px;
  text-align: left;
}
.motif-theme .modal .modal-body {
  padding: 0 1.429rem;
}
.motif-theme .modal .modal-backdrop.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.motif-theme .modal.ant-error-modal h2:before {
  content: "\f1ce";
  font-family: "ant-classic-icons";
  font-size: 2.444rem;
  top: 9px;
  position: relative;
  margin-right: 10px;
}
.motif-theme .modal.ant-fullscreen-modal .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  overflow: scroll;
}
.motif-theme .modal.ant-fullscreen-modal .modal-dialog .modal-content {
  border: 0px;
  border-radius: 0px;
}
.motif-theme .modal.ant-fullscreen-modal .modal-dialog .modal-content .modal-top {
  border-radius: 0px;
  border: 0px;
  height: 100vh;
  padding-bottom: 70px;
  overflow-x: auto;
  box-shadow: 0 0 0 transparent;
}
.motif-theme .modal.ant-fullscreen-modal .modal-dialog .modal-content .modal-top .close {
  padding: 5px 5px 4px 6px;
  font-size: 22px;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  transform: translate3d(0px, 0px, 0px);
}
.motif-theme .modal.ant-fullscreen-modal .modal-dialog .modal-content .modal-top .modal-header {
  border: 0px;
  padding: 1.428rem 3.929rem 2.714rem 1.429rem;
}
.motif-theme .modal.ant-fullscreen-modal .modal-dialog .modal-content .modal-top .modal-body {
  padding-bottom: 40px;
}
.motif-theme .modal.ant-fullscreen-modal .modal-dialog .modal-content .modal-footer {
  bottom: 0;
  position: absolute;
  padding: 0;
  text-align: center;
  width: 100%;
  left: 0px;
}
.motif-theme .modal.ant-fullscreen-modal .modal-dialog .modal-content .modal-footer .btn {
  min-width: auto;
  padding: 8px 20px 9px;
  margin: 1rem 0 1.142rem 0;
}
@media screen and (max-width: 479px) {
  .motif-theme .modal,
  .motif-theme .modal-backdrop {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }
  .motif-theme .model .model-header .close {
    top: 12px;
    right: 8px;
  }
  .motif-theme .modal-dialog {
    margin: 0px;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }
  .motif-theme .modal-dialog .close {
    position: fixed;
    border: none;
    text-shadow: none;
  }
  .motif-theme .modal-content {
    border: 0px;
    border-radius: 0px;
    height: 100vh;
    width: 100vw;
    overflow: auto;
  }
  .motif-theme .modal-body {
    padding-bottom: 150px;
  }
  .motif-theme .modal-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    transform: translate3d(0, 0, 0);
  }
  .motif-theme .modal-footer .btn {
    font-size: 16px;
    min-width: auto;
  }
}
@media (min-width: 480px) {
  .motif-theme .modal-dialog {
    position: relative;
    width: calc(100% - 40px);
    margin: 20px;
  }
  .motif-theme .ant-fullscreen-modal .modal-dialog {
    width: 100%;
  }
  .motif-theme .ant-fullscreen-modal .modal-top .close {
    font-size: 36px;
    padding: 5px 5px 4px 6px;
  }
}
@media (min-width: 801px) {
  .motif-theme .modal-dialog {
    width: 80%;
    max-width: 900px;
    margin: 50px auto;
  }
  .motif-theme .ant-fullscreen-modal .modal-dialog {
    width: 90vw;
    max-width: 1024px;
  }
  .motif-theme .ant-fullscreen-modal .modal-top {
    padding: 0px 25px 100px;
  }
  .motif-theme .ant-fullscreen-modal .modal-top .close {
    padding: 5px 5px 4px 6px;
    font-size: 40px;
    top: 18px;
    right: 18px;
  }
}
@media (min-width: 1024px) {
  .motif-theme .ant-fullscreen-modal .modal-top {
    padding: 0px 60px 100px;
  }
}
.motif-theme .ant-tooltip-backdrop {
  pointer-events: auto;
  background-color: rgba(55, 71, 90, 0.9);
  -webkit-tap-highlight-color: transparent;
  transition: 125ms opacity ease-in-out;
}
.motif-theme .cdk-overlay-pane.ant-tooltip-panel {
  max-width: 17.1428571429rem;
}
.motif-theme .cdk-overlay-pane.ant-tooltip-panel .ant-tooltip-message {
  padding: 1.5rem 1.7142857143rem;
  background-color: #ffffff;
  border: 1px solid #286ce2;
}
.motif-theme .cdk-overlay-pane.ant-tooltip-panel .ant-tooltip-message .ant-tooltip-close {
  padding: 0;
  float: right;
}
.motif-theme .cdk-overlay-pane.ant-tooltip-panel .ant-tooltip-message .ant-tooltip-close-button {
  text-align: center;
  margin-top: 1rem;
}
@media screen and (min-width: 480px) {
  .motif-theme .cdk-overlay-pane.ant-tooltip-panel .ant-tooltip-message .ant-tooltip-close,
  .motif-theme .cdk-overlay-pane.ant-tooltip-panel .ant-tooltip-message .ant-tooltip-close-button {
    display: none;
  }
}
.motif-theme .popover {
  min-width: 150px;
  border: 0px solid transparent;
}
.motif-theme input + .popover {
  margin-top: -25px;
}
.motif-theme input + .popover > .popover-indicator {
  left: 77%;
  bottom: -1.7em;
}
.motif-theme input.popoverTrigger {
  float: left;
}
.motif-theme .popover .popover-close {
  position: relative;
  top: -10px;
  right: -10px;
  float: right;
  z-index: 2;
  border-radius: 40px;
  height: 25px;
  width: 25px;
  padding: 0px;
  text-align: center;
}
.motif-theme .popover .popover-close a {
  text-decoration: none;
  display: inline-block;
  top: 0px;
  left: 0px;
  position: relative;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  border-bottom: none;
}
.motif-theme .popover .popover-close a .fa {
  line-height: 25px;
}
.motif-theme .popover .popover-close a.tooltip-close-btn:focus {
  outline: 2px solid #555555;
  outline-offset: -1px;
  box-shadow: none;
  border: 0;
}
.motif-theme .popover.right,
.motif-theme .popover.left,
.motif-theme .popover.top,
.motif-theme .popover.bottom {
  border-radius: 0px;
  border: none;
  z-index: 1;
}
.motif-theme .popover.right {
  margin-left: 5px;
}
.motif-theme .popover.bottom {
  margin-top: 5px;
}
.motif-theme .popover.left {
  margin-left: -5px;
}
.motif-theme .popover.top {
  margin: -15px 0px 0 -10px;
}
.motif-theme .popover.top > .popover-indicator {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -1em;
  left: 50%;
  box-sizing: border-box;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  z-index: 1;
}
.motif-theme .popContainer {
  display: inline;
  z-index: 20;
  position: relative;
}
.motif-theme .iconTip {
  margin-right: 10px;
}
.motif-theme input + .popIcon {
  top: 2px;
  position: relative;
}
.motif-theme .popIcon {
  display: inline-block;
  margin-left: 5px;
  border-bottom: 0px;
  text-indent: 1px;
  padding-right: 2px;
}
.motif-theme .popIcon .glyphicon,
.motif-theme .popIcon .fa {
  font-size: 1.4em;
  top: 5px;
}
.motif-theme .progress {
  border-radius: 0px;
  height: 30px;
  font-size: 24px;
  border-bottom: 0px solid;
  box-shadow: none;
  margin-bottom: 12px;
  font-weight: 500;
}
.motif-theme .progress .complete {
  font-size: 20px;
  padding-top: 4px;
  padding-left: 6px;
  text-align: left;
  box-shadow: none;
}
.motif-theme .progress .remaining {
  font-size: 20px;
  padding-top: 4px;
  padding-right: 6px;
  text-align: right;
  box-shadow: none;
}
.motif-theme .popover.bottom {
  margin-top: 20px;
}
.motif-theme .popover.bottom > .popover-indicator {
  top: 0px;
}
.motif-theme .ant-text-input.ant-has-notes,
.motif-theme .ant-text-input.ant-has-notes:focus {
  padding-right: 40px;
  z-index: 2;
  position: relative;
  background: transparent;
  float: left;
}
.motif-theme a.glossary-term,
.motif-theme a .glossary-term {
  border-bottom: 1px dashed;
}
.motif-theme .collapse-block .ant-collapse-heading .collapsible-heading-text {
  display: inline-block;
}
.motif-theme .collapse-block .ant-collapse-heading .ant-collapse-button {
  border: none;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.motif-theme .collapse-block .ant-collapse-heading .ant-collapse-button .fa {
  font-family: "ant-classic-icons";
}
.motif-theme .collapse-block .ant-collapse-button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.motif-theme .collapse-block .content-control {
  overflow: hidden;
}
.motif-theme .css-collapsible .ant-collapse-body {
  max-height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.motif-theme .css-collapsible.ant-block-expanded .ant-collapse-body {
  max-height: 5000px;
  visibility: visible;
}
.motif-theme .ant-alphabet-tabs-container {
  position: relative;
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs {
  overflow-x: auto;
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs::-webkit-scrollbar {
  display: none;
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs ul {
  white-space: nowrap;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs ul li {
  text-align: center;
  display: block;
  cursor: pointer;
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs ul li a {
  border-bottom: 0;
}
.motif-theme .ant-alphabet-tabs-body ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.motif-theme .ant-alphabet-tabs-body ul.active {
  display: block;
}
.motif-theme .alt-toggle-cmp {
  position: relative;
  margin-bottom: -2px;
}
.motif-theme .alt-toggle-cmp .alt-toggle-header {
  width: calc(100% - 35px);
  float: left;
  margin: 0.75rem 0;
}
.motif-theme .alt-toggle-cmp .alt-toggle-header .alt-toggle-body {
  width: calc(100% + 35px);
  margin-top: 1rem;
  visibility: visible;
}
.motif-theme .alt-toggle-cmp .alt-toggle-header .alt-toggle-body.closed {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  visibility: hidden;
}
.motif-theme .alt-toggle-cmp .alt-toggle-icon {
  float: right;
  cursor: pointer;
}
.motif-theme .alt-toggle-cmp .alt-toggle-icon .alt-toggle-plus:before {
  content: "+";
}
.motif-theme .alt-toggle-cmp .alt-toggle-icon .alt-toggle-minus:before {
  content: "−";
}
.motif-theme .carousel-selector-cmp {
  position: relative;
}
.motif-theme .carousel-selector-cmp .carousel-content-container {
  padding: 0 2rem;
}
.motif-theme .carousel-selector-cmp .carousel-content-container ul {
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  text-align: center;
}
.motif-theme .carousel-selector-cmp .carousel-content-container ul li {
  list-style: none;
  display: inline-block;
  position: relative;
}
.motif-theme .carousel-selector-cmp .carousel-content-container ul > li {
  width: 100%;
  transition: left 0.5s;
}
@media screen and (min-width: 480px) {
  .motif-theme .carousel-selector-cmp .carousel-content-container ul > li {
    width: 50%;
  }
  .motif-theme .carousel-selector-cmp .carousel-content-container ul > li:first-child:nth-last-child(1) {
    max-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .carousel-selector-cmp .carousel-content-container ul > li {
    width: 33.3333%;
  }
  .motif-theme .carousel-selector-cmp .carousel-content-container ul > li:first-child:nth-last-child(1) {
    max-width: 100%;
  }
  .motif-theme .carousel-selector-cmp .carousel-content-container ul > li:first-child:nth-last-child(2), .motif-theme .carousel-selector-cmp .carousel-content-container ul > li:first-child:nth-last-child(2) ~ li {
    width: 50%;
  }
}
.motif-theme .carousel-selector-cmp .carousel-left-control,
.motif-theme .carousel-selector-cmp .carousel-right-control {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.motif-theme .carousel-selector-cmp .carousel-left-control button,
.motif-theme .carousel-selector-cmp .carousel-right-control button {
  border-style: hidden;
  background: transparent;
}
.motif-theme .carousel-selector-cmp .carousel-left-control .fa.fa-chevron-left, .motif-theme .carousel-selector-cmp .carousel-left-control .fa.fa-chevron-right,
.motif-theme .carousel-selector-cmp .carousel-right-control .fa.fa-chevron-left,
.motif-theme .carousel-selector-cmp .carousel-right-control .fa.fa-chevron-right {
  font-size: 1.75rem;
}
.motif-theme .carousel-selector-cmp .carousel-left-control .fa.fa-chevron-left:hover, .motif-theme .carousel-selector-cmp .carousel-left-control .fa.fa-chevron-right:hover,
.motif-theme .carousel-selector-cmp .carousel-right-control .fa.fa-chevron-left:hover,
.motif-theme .carousel-selector-cmp .carousel-right-control .fa.fa-chevron-right:hover {
  cursor: pointer;
}
.motif-theme .carousel-selector-cmp .carousel-right-control {
  right: 0;
}
.motif-theme .carousel-content-container ul > .button-select-item {
  width: 100%;
  transition: left 0.5s;
}
.motif-theme .carousel-content-container ul > .button-select-item li {
  margin: 0.5rem;
}
@media screen and (min-width: 480px) {
  .motif-theme .carousel-content-container ul > .button-select-item {
    width: 50%;
  }
  .motif-theme .carousel-content-container ul > .button-select-item:first-child:nth-last-child(1) {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .carousel-content-container ul > .button-select-item {
    width: 33.3333%;
  }
  .motif-theme .carousel-content-container ul > .button-select-item:first-child:nth-last-child(1) {
    width: 100%;
  }
  .motif-theme .carousel-content-container ul > .button-select-item:first-child:nth-last-child(2), .motif-theme .carousel-content-container ul > .button-select-item:first-child:nth-last-child(2) ~ .button-select-item {
    width: 50%;
  }
}
.motif-theme .carousel-content-container ul .button-select-item {
  display: inline-block;
  white-space: normal;
  padding-bottom: 1.75rem;
  position: relative;
}
.motif-theme .carousel-content-container ul .button-select-item .button-select-content-container {
  position: relative;
  padding: 1.25rem;
  text-align: center;
}
.motif-theme .carousel-content-container ul .button-select-item .button-select-carousel-button {
  margin-top: 1rem;
}
.motif-theme .carousel-content-container ul .button-select-item.active .button-select-content-container {
  border: 1px solid #a3a3a3;
  box-shadow: 0px 2px 10px -1px #a3a3a3;
  transition: border 0.5s, box-shadow 0.5s;
  z-index: 1;
}
.motif-theme .carousel-content-container ul .button-select-item.active .button-select-content-container:before {
  content: " ";
  position: absolute;
  left: 50%;
  height: 2.5rem;
  width: 2.5rem;
  bottom: -1.3rem;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}
.motif-theme .carousel-content-container ul .button-select-item.active .button-select-carousel-button {
  height: 0;
  transition: height 1s;
}
.motif-theme .carousel-content-container ul .button-select-item.active .button-select-carousel-button button {
  border: 0;
  padding: 0;
  font-size: 0;
  height: 0;
  transition: border 0.25s, padding 0.25s, font-size 0.25s, height 0.25s;
}
.motif-theme .ant-progress-bar-cmp .carousel-left-control {
  top: 35%;
}
.motif-theme .ant-progress-bar-cmp .carousel-right-control {
  top: 35%;
  right: 10px;
}
.motif-theme .ant-progress-bar-cmp .carousel-content-container ul > .default-select-item-container {
  width: 50%;
  transition: left 0.5s;
}
@media screen and (min-width: 480px) {
  .motif-theme .ant-progress-bar-cmp .carousel-content-container ul > .default-select-item-container {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .ant-progress-bar-cmp .carousel-content-container ul > .default-select-item-container {
    width: 16.6666666667%;
  }
  .motif-theme .ant-progress-bar-cmp .carousel-content-container ul > .default-select-item-container:first-child:nth-last-child(1) {
    width: 33.3333333333%;
  }
  .motif-theme .ant-progress-bar-cmp .carousel-content-container ul > .default-select-item-container:first-child:nth-last-child(2), .motif-theme .ant-progress-bar-cmp .carousel-content-container ul > .default-select-item-container:first-child:nth-last-child(2) ~ .default-select-item-container {
    width: 25%;
  }
}
.motif-theme .carousel-content-container ul > .default-select-item-container, .motif-theme .carousel-content-container ul > .color-select-item-container {
  width: calc(100% - 0.5rem);
  transition: left 0.5s;
}
@media screen and (min-width: 480px) {
  .motif-theme .carousel-content-container ul > .default-select-item-container, .motif-theme .carousel-content-container ul > .color-select-item-container {
    width: calc(33.3333333333% - 0.5rem);
  }
  .motif-theme .carousel-content-container ul > .default-select-item-container:first-child:nth-last-child(1), .motif-theme .carousel-content-container ul > .color-select-item-container:first-child:nth-last-child(1) {
    width: calc(33.3333333333% - 0.5rem);
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .carousel-content-container ul > .default-select-item-container, .motif-theme .carousel-content-container ul > .color-select-item-container {
    width: calc(25% - 0.5rem);
  }
  .motif-theme .carousel-content-container ul > .default-select-item-container:first-child:nth-last-child(1), .motif-theme .carousel-content-container ul > .color-select-item-container:first-child:nth-last-child(1) {
    width: calc(33.3333333333% - 0.5rem);
  }
  .motif-theme .carousel-content-container ul > .default-select-item-container:first-child:nth-last-child(2), .motif-theme .carousel-content-container ul > .color-select-item-container:first-child:nth-last-child(2), .motif-theme .carousel-content-container ul > .default-select-item-container:first-child:nth-last-child(2) ~ .default-select-item-container, .motif-theme .carousel-content-container ul > .color-select-item-container:first-child:nth-last-child(2) ~ .color-select-item-container {
    width: calc(50% - 0.5rem);
  }
}
.motif-theme .carousel-content-container ul .default-select-item-container {
  display: inline-block;
  position: relative;
  vertical-align: top;
  white-space: normal;
  cursor: pointer;
  min-height: 100px;
  margin: 0.25rem;
}
@media screen and (min-width: 1024px) {
  .motif-theme .carousel-content-container ul .default-select-item-container {
    min-height: 125px;
  }
}
.motif-theme .carousel-content-container ul .default-select-item-container > .select-item {
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
}
.motif-theme .carousel-content-container ul .default-select-item-container.active {
  cursor: initial;
}
.motif-theme .carousel-content-container ul .color-select-item-container {
  display: inline-block;
  position: relative;
  vertical-align: top;
  white-space: normal;
  cursor: pointer;
  margin: 0.25rem;
  padding-bottom: 1.75rem;
}
.motif-theme .carousel-content-container ul .color-select-item-container > .select-item {
  padding: 1rem 1rem 0;
  width: 100%;
  min-height: 8rem;
  z-index: 0;
}
.motif-theme .carousel-content-container ul .color-select-item-container > .select-item:before {
  display: block;
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 100%;
  transition: top 250ms ease;
  z-index: -1;
  border-bottom: 1.5rem solid;
  margin-top: -1.75rem;
}
.motif-theme .carousel-content-container ul .color-select-item-container.active {
  cursor: default;
}
.motif-theme .carousel-content-container ul .color-select-item-container.active:after {
  display: block;
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 25px 25px 0 25px;
  left: 50%;
  transform: translateX(-50%);
}
.motif-theme .carousel-content-container ul .color-select-item-container.active .select-item {
  padding-top: 1.75rem;
  transition: padding-top 230ms ease-in;
}
.motif-theme .carousel-content-container ul .color-select-item-container.active .select-item:before {
  top: 0;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+1) .select-item:before {
  border-color: #0079c2;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+1).active:after {
  border-color: #0079c2 transparent transparent transparent;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+1).active .select-item:before {
  background-color: #0079c2;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+2) .select-item:before {
  border-color: #00609a;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+2).active:after {
  border-color: #00609a transparent transparent transparent;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+2).active .select-item:before {
  background-color: #00609a;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+3) .select-item:before {
  border-color: #683c7a;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+3).active:after {
  border-color: #683c7a transparent transparent transparent;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+3).active .select-item:before {
  background-color: #683c7a;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+4) .select-item:before {
  border-color: #a21851;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+4).active:after {
  border-color: #a21851 transparent transparent transparent;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+4).active .select-item:before {
  background-color: #a21851;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+5) .select-item:before {
  border-color: #cc0033;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+5).active:after {
  border-color: #cc0033 transparent transparent transparent;
}
.motif-theme .carousel-content-container ul .color-select-item-container:nth-child(5n+5).active .select-item:before {
  background-color: #cc0033;
}
.motif-theme [data-uxd-button-selector-carousel-cmp] .tcp-plan-item {
  display: inline-block;
  margin: 0.5rem;
  white-space: normal;
  padding-bottom: 1.75rem;
  position: relative;
}
.motif-theme [data-uxd-button-selector-carousel-cmp] .tcp-plan-item .plan-selector-container {
  position: relative;
  padding: 1.75rem;
  text-align: center;
  background: #ffffff;
}
.motif-theme [data-uxd-button-selector-carousel-cmp] .tcp-plan-item.active .plan-selector-container {
  border: 1px solid #a3a3a3;
  box-shadow: 0px 2px 10px -1px #a3a3a3;
  transition: border 0.5s, box-shadow 0.5s;
  z-index: 1;
}
.motif-theme [data-uxd-button-selector-carousel-cmp] .tcp-plan-item.active .plan-selector-container .plan-selector-button-container {
  height: 0;
  transition: height 1s;
}
.motif-theme [data-uxd-button-selector-carousel-cmp] .tcp-plan-item.active .plan-selector-container .plan-selector-button-container button {
  border: 0;
  padding: 0;
  font-size: 0;
  height: 0;
  transition: border 0.25s, padding 0.25s, font-size 0.25s, height 0.25s;
}
.motif-theme [data-uxd-button-selector-carousel-cmp] .tcp-plan-item.active .plan-selector-container:before {
  content: " ";
  position: absolute;
  left: 50%;
  height: 2.5rem;
  width: 2.5rem;
  bottom: -1.3rem;
  background: #ffffff;
  box-shadow: 4px 4px 10px -2px #a3a3a3;
  transform: translateX(-50%) rotate(45deg);
  border-right: 1px solid #a3a3a3;
  border-bottom: 1px solid #a3a3a3;
  z-index: -1;
}
.motif-theme [data-uxd-button-selector-carousel-cmp] .tcp-plan-item .brand-img-wrapper {
  margin-bottom: 0.5rem;
}
.motif-theme [data-uxd-button-selector-carousel-cmp] .tcp-plan-item .brand-img-wrapper img {
  width: 100%;
  max-width: 250px;
  padding: 0.5rem;
}
.motif-theme [data-uxd-data-display-carousel-cmp] {
  /*This removes the extra spacing between the items in the carousel */
  /* overriding the default icon scss */
}
.motif-theme [data-uxd-data-display-carousel-cmp] [data-uxd-data-display-tile-carousel-cmp] {
  border: 1px solid #dcdcdc;
}
.motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul {
  display: flex;
}
.motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul > .button-select-item {
  min-width: 100%;
  margin: 0px;
}
@media screen and (min-width: 480px) {
  .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul > .button-select-item {
    width: 49%;
    min-width: 49%;
  }
  .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul > .button-select-item:first-child:nth-last-child(1) {
    width: 32.33%;
    margin: 0px;
    min-width: 32.33%;
  }
  .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul .button-select-item {
    margin: 0 0.5%;
  }
  .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul .button-select-item:last-child {
    margin-right: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul > .button-select-item {
    width: 33.3333%;
    min-width: 32.333%;
  }
  .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul > .button-select-item:first-child:nth-last-child(1) {
    width: 32.33%;
    margin: 0px;
    min-width: 32.33%;
  }
  .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul > .button-select-item:first-child:nth-last-child(2), .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul > .button-select-item:first-child:nth-last-child(2) ~ .button-select-item {
    min-width: 32.33%;
    width: 32.33%;
  }
  .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul .button-select-item {
    margin: 0 0.5%;
  }
  .motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul .button-select-item:last-child {
    margin-right: 0px;
  }
}
.motif-theme [data-uxd-data-display-carousel-cmp] .carousel-content-container ul > .button-select-item li {
  margin: 0px;
  width: 98%;
}
.motif-theme [data-uxd-data-display-carousel-cmp] .fa {
  color: white;
  padding: 0.75rem 0rem;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper {
  /* scss for the carousel overrides */
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-content-container {
  padding: 0px;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-content-container ul > .default-select-item-container {
  width: 100%;
  min-height: 492px;
  z-index: -9999;
  background-color: #0079c2;
  color: white;
  margin: 0px;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-content-container ul > .default-select-item-container .default-select-item {
  width: 88%;
  padding: 1rem 1rem 3rem 1rem;
  position: relative;
  transform: none;
  top: 0px;
  left: 0px;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-right-control {
  right: 0px;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-left-control {
  left: 0px;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-right-control,
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-left-control {
  width: 6%;
  top: 0;
  bottom: 0;
  cursor: pointer;
  transform: none;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-right-control a,
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-left-control a {
  width: 32.5px;
  margin: 0 auto;
  display: block;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .fa {
  color: white;
  position: absolute;
  top: 50%;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .closeCarousel {
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
  z-index: 9999;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .closeCarousel span {
  position: absolute;
  transform: rotate(-45deg);
  color: #fff;
  top: 5px;
  right: 8px;
  padding: 1rem;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-indicators {
  bottom: 0px;
  width: 100%;
  margin: 0 auto;
  left: 0px;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-indicators li {
  width: 12px;
  height: 12px;
  margin: 0 5px;
}
.motif-theme .carousel-selector-cmp .tab-transform-carousel-wrapper .carousel-indicators li.active {
  background-color: white;
}
.motif-theme .tab-transform-color-boxes-wrapper {
  /* this is the tab styles */
}
.motif-theme .tab-transform-color-boxes-wrapper .color-boxes-container {
  position: relative;
  background-color: #00609a;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  padding: 35px 10px;
  cursor: pointer;
}
.motif-theme .tab-content > .tab-pane {
  padding: 10px;
}
.motif-theme .tab-controls-container {
  margin-bottom: 50px;
}
.motif-theme .tab-controls-container ul {
  list-style: none;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.motif-theme .tab-item-control {
  border-bottom: 5px solid transparent;
  margin: 10px 10px -3px;
  display: inline-block;
  width: 160px;
  padding-bottom: 10px;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .motif-theme .tab-item-control {
    margin: 20px 20px -3px;
    width: 195px;
  }
}
@media (min-width: 1200px) {
  .motif-theme .tab-item-control {
    margin: 20px 20px -3px;
    width: 220px;
  }
}
.motif-theme .tab-item-control.active-control {
  position: relative;
}
.motif-theme .tab-item-control.active-control h2.tab-label {
  display: table-cell;
}
.motif-theme .tab-item-control.active-control span.tab-label {
  display: none;
}
.motif-theme .tab-item-control.active-control .tab-label {
  font-weight: 600;
}
.motif-theme .tab-item-control .tab-label {
  font-size: 18px;
  vertical-align: middle;
  height: 65px;
  display: table-cell;
  text-align: center;
  width: 220px;
}
@media screen and (min-width: 800px) {
  .motif-theme .tab-item-control .tab-label {
    padding-top: 1.375rem;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .tab-item-control .tab-label {
    padding-top: 1.222rem;
    height: 75px;
  }
}
.motif-theme .tab-item-control h2.tab-label {
  display: none;
  line-height: 1.45em;
}
.motif-theme .tab-item-control span.tab-label {
  display: table-cell;
}
.motif-theme .tab-item-control .fa {
  font-size: 44px;
  display: block;
  text-align: center;
  margin: 10px 0px 0px;
  position: relative;
}
.motif-theme .tab-item-control .fa-envelope {
  font-size: 42px;
}
.motif-theme .tab-item-control .fa-lock:before {
  font-size: 52px;
  top: 8px;
  position: relative;
}
.motif-theme .tab-content-container {
  clear: both;
}
.motif-theme .tab-item {
  display: none;
}
.motif-theme .tab-item.active-item {
  display: block;
}
.motif-theme .accordion-item-control {
  margin: 0px;
  padding: 2rem 1rem 2rem 0;
  position: relative;
  cursor: pointer;
}
.motif-theme .item-control-inner {
  display: table-row;
}
.motif-theme .item-control-inner span {
  display: table-cell;
  vertical-align: middle;
}
.motif-theme .accordion-item-control.active-control {
  cursor: auto;
}
.motif-theme .accordion-item-control.active-control + .tab-item {
  max-height: 0px;
  padding: 0px;
  overflow: hidden;
  visibility: hidden;
  transition: max-height 0.35s ease-out, visibility 0.35s ease-out, padding 0.35s ease-out 0.35s;
}
.motif-theme .accordion-item-control.active-control.open + .tab-item {
  max-height: 20000px;
  padding: 2rem 0.6rem 1.111rem;
  visibility: visible;
  transition: max-height 0.35s ease-in, visibility 0.35s ease-in;
}
.motif-theme .accordion-item-control .accordion-label {
  font-size: 1.285rem;
}
.motif-theme .accordion-item-control .fa {
  font-size: 1.714rem;
  text-align: center;
  width: 85px;
}
.motif-theme .accordion-item.active-item {
  padding-bottom: 20px;
}
.motif-theme .accordion-item.active-item:last-child {
  border-bottom: 0px solid;
}
@media screen and (min-width: 800px) {
  .motif-theme .accordion-item.active-item {
    border-bottom: 0px solid;
  }
  .motif-theme .accordion-item-control.active-control + .tab-item {
    visibility: visible;
    max-height: 3000px;
    padding: 0.3rem 0.6rem 1.111rem;
  }
}
@media screen and (max-width: 800px) {
  .motif-theme .tab-item.active-item {
    padding: 2rem 0;
  }
}
.motif-theme .accordion-item-control span.clear {
  display: block;
  clear: both;
}
.motif-theme .tabs.packed .tab-content {
  padding-bottom: 30px;
}
@media (min-width: 801px) {
  .motif-theme .tabs.packed .tab-content {
    padding-left: 8.3333333333%;
    padding-right: 8.3333333333%;
    padding-bottom: 60px;
  }
}
@media (max-width: 800px) {
  .motif-theme .tabs.packed {
    margin-left: -15px;
    margin-right: -15px;
  }
  .motif-theme .tabs.packed .tab-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.motif-theme .tabs.packed .nav-pills li {
  margin: 0;
  border: 0;
}
.motif-theme .nav-pills {
  display: flex;
}
.motif-theme .nav-pills li {
  flex: 1;
  display: flex;
  border-bottom: 0px solid;
}
.motif-theme .nav-pills li a {
  padding: 20px 8px;
  line-height: 1.3;
  border-radius: 0;
  margin-bottom: 0;
  text-transform: capitalize;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  border-bottom: 0px;
}
.motif-theme .nav-pills li.active {
  position: relative;
}
.motif-theme .nav-pills li.active:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -15px;
  transform: rotate(45deg);
  margin-left: -15px;
  left: 50%;
}
.motif-theme .nav-pills li + li {
  margin: 0;
}
.motif-theme .tab-content {
  padding-top: 60px;
}
.motif-theme .tab-pane {
  padding: 0 8px;
}
.motif-theme .tab-pane h5 {
  margin-bottom: 30px;
}
.motif-theme .tab-label {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
  display: block;
}
@media (max-width: 479px) {
  .motif-theme .tab-label {
    font-size: 16px;
  }
}
@media (max-width: 800px) {
  .motif-theme .mobile-tabs .text {
    text-align: left;
  }
}
.motif-theme .tab-wrapper {
  margin: 20px 0 30px;
}
.motif-theme .tab-wrapper ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
.motif-theme .tab-wrapper li {
  list-style: none;
  display: inline-block;
  width: 20%;
}
.motif-theme .tab-wrapper .tab-tile {
  position: relative;
  cursor: pointer;
}
.motif-theme .tab-wrapper .tab-tile h6 {
  position: relative;
  height: 130px;
}
.motif-theme .tab-wrapper .tab-tile h6 span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.motif-theme .tab-wrapper .tab-tile h6 span.fa {
  font-size: 2rem;
}
@media screen and (min-width: 800px) {
  .motif-theme .tab-wrapper .tab-tile h6 span.fa {
    visibility: hidden;
  }
}
.motif-theme .tab-wrapper .tab-tile.active {
  cursor: default;
}
.motif-theme .tab-wrapper .tab-tile:nth-child(n):before {
  display: block;
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  transition: top 250ms ease;
  z-index: 0;
}
.motif-theme .tab-wrapper .tab-tile:nth-child(n).active span {
  padding-top: 30px;
  transition: padding-top 230ms ease-in;
}
.motif-theme .tab-wrapper .tab-tile:nth-child(n).active:before {
  top: 0;
}
.motif-theme .tab-wrapper .tab-tile:nth-child(n).active:after {
  display: block;
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 25px 25px 0 25px;
  left: 50%;
  transform: translateX(-50%);
}
.motif-theme .tab-wrapper .tab-tile-label {
  display: none;
}
@media screen and (min-width: 800px) {
  .motif-theme .tab-wrapper .tab-tile-label {
    display: inline-block;
  }
}
.motif-theme .tab-wrapper .tab-body {
  display: none;
  margin-top: 40px;
}
.motif-theme .tab-wrapper .tab-body.active, .motif-theme .tab-wrapper .tab-body:first-of-type {
  display: block;
}
.motif-theme .tab-wrapper .tab-body.inactive {
  display: none;
}
.motif-theme .tab-wrapper .tab-body h5 {
  font-size: 2rem;
}
@media screen and (min-width: 800px) {
  .motif-theme .tab-wrapper .tab-body h5 {
    display: none;
  }
}
.motif-theme .tab-wrapper .tab-body div {
  font-size: 1rem;
}
.motif-theme .tabs.teal .tab-content {
  padding-top: 30px;
}
.motif-theme .tabs.teal .tab-content .tab-pane {
  padding: 0px;
}
.motif-theme .tabs.teal ul.nav-pills li {
  align-items: stretch;
  justify-content: center;
}
.motif-theme .tabs.teal ul.nav-pills li.active:after {
  content: none;
}
.motif-theme .tabs.teal ul.nav-pills li.active a {
  flex: initial;
}
.motif-theme .tabs.teal ul.nav-pills li.active a:after {
  height: 4px;
  position: absolute;
  width: 100%;
  bottom: 0px;
  content: " ";
  left: 0;
  right: 0;
}
.motif-theme table {
  width: 100%;
  margin-bottom: 20px;
}
.motif-theme table th {
  text-align: left;
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-progress-bar-full {
  height: 20px;
  margin-bottom: 20px;
  /*overflow: hidden;*/
  /*-webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;*/
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-progress-bar {
  float: left;
  width: 0;
  height: 100%;
  line-height: 20px;
  text-align: center;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-progress-bar .ant-value-info {
  position: relative;
  left: 100%;
  transform: translate(-50%);
  top: -22px;
  text-align: center;
  width: 80px;
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-progress-bar .ant-value-info .ant-progress-saved {
  font-weight: bold;
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-progress-bar .ant-value-info .ant-progress-days {
  margin-top: 25px;
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-value-yearly {
  float: right;
  position: relative;
  right: 10px;
  top: -22px;
  text-align: center;
  width: 100px;
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-value-yearly .ant-progress-days {
  margin-top: 25px;
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-progress-bar-thirty {
  /*background-color: #e098ec;*/
  width: 14%;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 801px) {
  .motif-theme fieldset.ant-progress-bar-cmp .ant-progress-bar-thirty {
    width: 8%;
  }
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-progress-disclaimer {
  margin-top: 45px;
  text-align: center;
  margin-bottom: 45px;
}
.motif-theme fieldset.ant-progress-bar-cmp .ant-progress-disclaimer p {
  font-style: italic;
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container {
  margin: 0px;
  min-height: 44px;
  padding: 0px;
  /*-- Button Colors Start --*/
  /*-- Button Colors End --*/
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container:nth-of-type(4n + 1) label.focus {
  padding-top: 8px;
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container:nth-of-type(4n + 1) li:focus label {
  padding-top: 8px;
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container:nth-of-type(4n + 3) label.focus {
  padding-top: 8px;
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container:nth-of-type(4n + 3) li:focus label {
  padding-top: 8px;
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container:nth-of-type(4n + 2) label.focus {
  padding-top: 8px;
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container:nth-of-type(4n + 2) li:focus label {
  padding-top: 8px;
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container:nth-of-type(4n + 4) label.focus {
  padding-top: 8px;
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container:nth-of-type(4n + 4) li:focus label {
  padding-top: 8px;
}
.motif-theme fieldset.ant-progress-bar-cmp div .carousel-selector-cmp .carousel-content-container ul .default-select-item-container .select-item {
  float: left;
  left: 0px;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 0px;
  transform: none;
  width: 100%;
}
.motif-theme fieldset .care-gap-buttons label {
  display: inline-block;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
  padding: 3px 15px;
  position: relative;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.motif-theme fieldset .care-gap-buttons label:before {
  display: none;
}
.motif-theme .ant-theme-primary .ant-collapse-heading {
  align-items: center;
  font-weight: 300;
  border-top: thin solid #949494;
  border-right: none;
  border-bottom: none;
  border-left: none;
  color: #666666;
}
.motif-theme .ant-theme-primary .ant-collapse-heading .collapsible-heading-text {
  font-weight: 300;
  font-size: 1.375rem;
}
.motif-theme .ant-theme-primary .ant-collapse-heading .ant-collapse-button {
  padding: 1.75rem 0.75rem;
  text-align: left;
}
.motif-theme .ant-theme-primary .ant-collapse-heading .ant-collapse-button .accordion-button-icon {
  font-family: "ant-motif-icons";
  color: #286ce2;
  font-size: 1.4285714286rem;
  margin-right: 2rem;
}
.motif-theme .ant-theme-primary .ant-collapse-heading .ant-collapse-button .accordion-button-icon:before {
  content: "\e90f";
  display: block;
  transition: 250ms ease-in-out;
}
.motif-theme .ant-theme-primary .ant-collapse-body .body-content {
  padding: 0.5rem 0.75rem 1.75rem 0.75rem;
}
.motif-theme .ant-theme-primary.is-expanded .accordion-button-icon::before {
  transform: rotate(180deg);
}
.motif-theme .uxd-collapse-item-cmp:last-child .ant-theme-primary .ant-collapse,
.motif-theme .uxd-expand-collapse-wcs:last-child .ant-theme-primary .ant-collapse,
.motif-theme div[data-tcp-wcs-expand-collapse]:last-child .ant-theme-primary .ant-collapse {
  border-bottom: thin solid #949494;
}
.motif-theme .ant-theme-secondary .ant-collapse-heading {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
.motif-theme .ant-theme-secondary .ant-collapse-button {
  padding: 0.5rem 0;
}
.motif-theme .ant-theme-secondary .ant-collapse-button .accordion-button-icon {
  margin-right: 1rem;
  font-family: "ant-motif-icons";
  transition: 250ms ease-in-out;
  transform: rotate(-90deg);
}
.motif-theme .ant-theme-secondary .ant-collapse-button .accordion-button-icon:before {
  content: "\eaa9";
  display: block;
}
.motif-theme .ant-theme-secondary .ant-collapse-body .body-content {
  padding: 0.5rem 0.75rem 1.75rem 2rem;
}
.motif-theme .ant-theme-secondary:last-child {
  border-bottom: none;
}
.motif-theme .ant-theme-secondary.is-expanded .accordion-button-icon {
  transform: rotate(0deg);
}
.motif-theme .alt-toggle-cmp {
  border-bottom: 1px solid #cccccc;
  padding: 1.25rem 0px;
}
.motif-theme .alt-toggle-cmp .alt-toggle {
  overflow: hidden;
}
.motif-theme .alt-toggle-cmp .truncatedHeader {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.motif-theme .alt-toggle-cmp .alt-toggle-icon {
  position: absolute;
  right: 10px;
  color: #286ce2;
  font: normal normal normal 45px "FontAwesome";
}
.motif-theme .uxd-expansion-button {
  background: transparent;
}
.motif-theme .uxd-expansion-button:not(:focus) {
  border: 2px solid transparent;
  outline: none;
}
.motif-theme .uxd-expansion-panel {
  display: block;
  overflow: hidden;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.motif-theme .uxd-expansion-panel .uxd-expansion-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-top: 2.1428571429rem;
  padding-bottom: 2.1428571429rem;
}
.motif-theme .uxd-expansion-panel .uxd-expansion-button {
  height: 100%;
  margin-right: 2rem;
  color: #286ce2;
  border-color: transparent;
}
.motif-theme .uxd-expansion-panel .uxd-expansion-button .fa {
  color: inherit;
}
.motif-theme .uxd-expansion-table .uxd-expansion-button .motif-icon {
  font-size: 1.5714285714rem;
}
.motif-theme .uxd-expansion-table .uxd-expansion-header {
  position: relative;
  padding-left: 0.7142857143rem;
  padding-right: 0.7142857143rem;
}
.motif-theme .uxd-expansion-table .uxd-expansion-header::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -50px;
}
.motif-theme .uxd-expansion-table .uxd-table-row {
  display: flex;
  flex-flow: row wrap;
  flex: 1;
  overflow: hidden;
  justify-content: flex-start;
  align-items: stretch;
}
.motif-theme .uxd-expansion-table .uxd-table-row .uxd-table-cell:nth-child(1),
.motif-theme .uxd-expansion-table .uxd-table-row .uxd-table-action {
  flex-grow: 0;
}
.motif-theme .uxd-expansion-table .uxd-table-row .uxd-table-cell {
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 1.25rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.motif-theme .uxd-expansion-table .uxd-table-row .uxd-table-cell:first-of-type {
  flex-basis: 200px;
}
.motif-theme .uxd-expansion-table .uxd-table-row .uxd-table-action {
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  margin-left: auto;
}
.motif-theme .uxd-expansion-table.zebra-striping .uxd-expansion-panel:nth-child(even) .uxd-expansion-header {
  background-color: #f7f7f7;
}
.motif-theme .uxd-expansion-table.zebra-striping .uxd-expansion-panel:nth-child(even) .uxd-expansion-header::after {
  border-color: #f7f7f7 transparent transparent transparent;
}
.motif-theme .motif-angle-down {
  display: inline-block;
}
.motif-theme .motif-angle-down.open {
  transform: rotate(180deg);
}
.motif-theme #dismissibleAlerts .cmp-example-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.motif-theme #dismissibleAlerts .cmp-example-wrapper .btn {
  margin-top: 1.5rem;
}
.motif-theme .ant-alert {
  margin: 1rem 0;
}
.motif-theme .ant-alert .ant-alert-left {
  background-color: #286ce2;
}
.motif-theme .ant-alert .alert-icon {
  font-family: "ant-motif-icons";
  color: #ffffff;
  padding: 1rem;
  font-size: 1.5rem;
}
.motif-theme .ant-alert .alert-icon.alert-icon-positive::before {
  content: "\e94a";
}
.motif-theme .ant-alert .alert-icon.alert-icon-negative::before {
  content: "\e93b";
}
.motif-theme .ant-alert .alert-icon.alert-icon-info::before {
  content: "\e9f9";
}
.motif-theme .ant-alert .alert-icon.alert-icon-disaster::before {
  content: "\e9b4";
}
.motif-theme .ant-alert .ant-alert-main {
  padding: 0.75rem 10px 0.75rem 0.5rem;
  background-color: #f7f7f7;
}
.motif-theme .ant-alert .ant-alert-main .fa.fa-remove {
  font-size: 1.25rem;
}
.motif-theme .ant-alert.ant-negative .ant-alert-left {
  background-color: #cc0033;
}
.motif-theme .ant-alert.ant-positive .ant-alert-left {
  background-color: #00cc33;
}
.motif-theme .ant-alert.ant-dismissable .ant-alert-main button.ant-dismiss-alert {
  top: 0.75rem;
}
.motif-theme .dismiss-icon {
  font-family: "ant-motif-icons";
  color: #ffffff;
  padding: 0.75rem;
  font-size: 1.5rem;
}
.motif-theme .dismiss-icon.dismiss-icon-positive::before {
  content: "\e94a";
}
.motif-theme .dismiss-icon.dismiss-icon-negative::before {
  content: "\e9b4";
}
.motif-theme .dismiss-icon.dismiss-icon-info::before {
  content: "\e9f9";
}
.motif-theme .dismiss-icon.dismiss-icon-remove {
  color: black;
  font-size: 1.7rem;
}
.motif-theme .dismiss-icon.dismiss-icon-remove::before {
  content: "\e93b";
}
.motif-theme #errorDialog,
.motif-theme #modalFullscreen {
  display: none;
}
.motif-theme [data-uxd-modal-cmp] {
  background: rgba(55, 71, 90, 0.9);
}
.motif-theme [data-uxd-modal-cmp] .modal-content {
  max-width: 750px;
  margin: 15% auto;
  border-radius: 3px;
  padding: 1.5rem 1rem 2.5rem 1rem;
  box-shadow: none;
  font-family: "Lato", sans-serif;
}
.motif-theme [data-uxd-modal-cmp] .modal-content .modal-title {
  font-size: 1.5714285714rem;
}
.motif-theme [data-uxd-modal-cmp] .modal-content .modal-component-body {
  font-size: 1rem;
  line-height: 2.2;
}
.motif-theme [data-uxd-modal-cmp] .modal-content p {
  line-height: 2.2;
  font-size: 1rem;
}
.motif-theme [data-uxd-modal-cmp] .modal-content .modal-title {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.motif-theme [data-uxd-modal-cmp] .modal-content .modal-footer {
  display: none;
}
.motif-theme [data-uxd-modal-cmp] .modal-content .close .fa.fa-remove {
  font-size: 2.5rem;
  color: #555555;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 800px) {
  .motif-theme [data-uxd-modal-cmp] .modal-content .close .fa.fa-remove {
    font-weight: bold;
    border: 2px solid #000;
    border-radius: 100%;
    font-size: 2.1428571429rem;
    padding: 0.25rem;
  }
}
.motif-theme .popIcon .tooltip-icon {
  font-family: "ant-motif-icons";
}
.motif-theme .popIcon .tooltip-icon:before {
  content: "\e9e8";
}
.motif-theme .popIcon .glyphicon,
.motif-theme .popIcon .fa {
  color: #000;
}
.motif-theme .popIcon .glyphicon:hover, .motif-theme .popIcon .glyphicon:focus,
.motif-theme .popIcon .fa:hover,
.motif-theme .popIcon .fa:focus {
  color: #666666;
}
.motif-theme .popover {
  box-shadow: 2px 2px 4px 0 rgba(220, 220, 220, 0.5);
  color: #575757;
  max-width: 239px;
}
.motif-theme .popover .popover-content {
  padding: 1rem 1rem;
}
.motif-theme .popover .popover-close {
  z-index: 2;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
}
.motif-theme .popover .popover-close a {
  text-decoration: none;
  display: inline-block;
  font-size: 10.92px;
  z-index: 2;
}
.motif-theme .popover .popover-close a span {
  font-size: 17px;
}
.motif-theme .popover .popover-close a:focus {
  outline: none;
}
.motif-theme .popover-content.error {
  color: #e82d05;
}
.motif-theme .popover .popover-close {
  position: relative;
  top: -15px;
  right: -15px;
}
.motif-theme .popover .popover-close a {
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  top: 0;
  left: 0;
  position: relative;
  border-bottom: none;
}
.motif-theme .popover .popover-close a .fa {
  color: #ffffff;
}
.motif-theme .popover.top {
  border: solid 1px #81cfc2;
}
.motif-theme .popover.right {
  margin-left: 5px;
}
.motif-theme .popover.bottom {
  margin-top: 5px;
}
.motif-theme .popover.left {
  margin-left: -5px;
}
.motif-theme global-alert-container.ant-global-alert-container {
  display: block;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
}
.motif-theme global-alert-container.ant-global-alert-container .global-alert-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.motif-theme global-alert-container.ant-global-alert-container.static {
  position: static;
  background-color: #fff;
  margin-top: 0;
}
.motif-theme global-alert-container.ant-global-alert-container.static .global-alert-item {
  margin-top: 12px;
}
.motif-theme global-alert-container.ant-global-alert-container.static .global-alert-item:last-of-type {
  margin-bottom: 4.5714285714rem;
}
.motif-theme global-alert-container.ant-global-alert-container.static .global-alert-item .ant-inline-alert-body {
  padding: 0.7rem 0.5rem;
}
.motif-theme global-alert-container.ant-global-alert-container.static .global-alert-item .ant-inline-alert-body .dismiss-button {
  background: #fff;
}
.motif-theme global-alert-container.ant-global-alert-container.static .global-alert-item .ant-inline-alert-body .dismiss-button span {
  font-size: 1.8571428571rem;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.05);
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light .ant-global-alert-body {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light .alert-message {
  padding: 0.75rem 1rem;
  color: #949494;
  line-height: 1.57;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light .alert-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-family: "ant-motif-icons";
  font-size: 2.38rem;
  min-height: 5.7142857143rem;
  width: 5.7142857143rem;
  background-color: #f7f7f7;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light .dismiss-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: inherit;
  margin-left: auto;
  padding-right: 0.5rem;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light .dismiss-button:not(:focus) {
  outline: none;
  border: none;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light .dismiss-button .alert-icon-close {
  display: block;
  font-family: "ant-motif-icons";
  font-size: 1.1428571429rem;
  padding-top: 1rem;
  padding-right: 1rem;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light .dismiss-button .alert-icon-close::before {
  display: block;
  content: "\e97f";
  color: #666666;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light.ant-alert-success .alert-icon {
  color: #53b1a3;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light.ant-alert-success .alert-icon::before {
  content: "\e94a";
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light.ant-alert-error .alert-icon {
  color: #cc0033;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light.ant-alert-error .alert-icon::before {
  content: "\e93b";
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light.ant-alert-warning .alert-icon {
  color: #cc0033;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light.ant-alert-warning .alert-icon::before {
  content: "\e9b4";
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light.ant-alert-info .alert-icon {
  color: #0079c2;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--light.ant-alert-info .alert-icon::before {
  content: "\e9f9";
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid {
  color: #ffffff;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid .alert-icon {
  font-family: "ant-motif-icons";
  font-size: 1.5rem;
  margin-right: 1rem;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-success {
  background-color: #53b1a3;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-success .alert-icon {
  color: #ffffff;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-success .alert-icon::before {
  content: "\e94a";
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-error {
  background-color: #cc0033;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-error .alert-icon {
  color: white;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-error .alert-icon::before {
  content: "\e93b";
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-warning {
  background-color: #f78d2f;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-warning .alert-icon {
  color: white;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-warning .alert-icon::before {
  content: "\e9b4";
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-info {
  background-color: #0079c2;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-info .alert-icon {
  color: white;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid.ant-alert-info .alert-icon::before {
  content: "\e9f9";
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid .ant-global-alert-body {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid .dismiss-button {
  line-height: 1rem;
  font-size: 1rem;
  margin-left: auto;
  color: inherit;
}
.motif-theme global-alert-container.ant-global-alert.ant-global-alert--solid .dismiss-button:not(:focus) {
  background-color: transparent;
  border: none;
  outline: none;
}
.motif-theme .ant-snackbar-alert-container {
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 100;
  margin: 0 1.7142857143rem 1.7142857143rem 1.7142857143rem;
  background: transparent;
}
@media screen and (min-width: 480px) {
  .motif-theme .ant-snackbar-alert-container {
    width: 23.8571428571rem;
    margin: 0 0 1.7142857143rem 1.7142857143rem;
  }
}
.motif-theme .ant-snackbar-alert-container .snackbar-alert-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.motif-theme .ant-snackbar-alert-container .snackbar-alert-list .ant-snackbar-alert {
  margin: 0;
}
.motif-theme .ant-snackbar-alert-container .snackbar-alert-list .snackbar-alert-item {
  margin-top: 0.8571428571rem;
  background: rgb(255, 255, 255);
}
.motif-theme .ant-snackbar-alert-container .snackbar-alert-list .snackbar-alert-item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 1.8571428571rem 6.4285714286rem 0 rgba(51, 60, 70, 0.3), 0 0 1.4285714286rem 0 rgba(215, 222, 227, 0.39);
}
.motif-theme .ant-snackbar-alert-container .ant-snackbar-alert-body {
  padding: 2.1428571429rem 1.9285714286rem;
  position: relative;
}
.motif-theme .ant-snackbar-alert-container .ant-snackbar-alert-body .dismiss-button {
  position: absolute;
  top: 0.7142857143rem;
  right: 0.4285714286rem;
  background: none;
  font-size: 2.5rem;
  font-weight: 300;
  color: #949494;
}
.motif-theme .ant-inline-alert-container .inline-alert-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.motif-theme .ant-inline-alert {
  border: 1px solid #cccccc;
  border-left: 5px solid #cccccc;
  margin: 0.25rem;
  color: #666666;
  font-size: 1.1428571429rem;
}
.motif-theme .ant-inline-alert .alert-icon {
  font-family: "ant-motif-icons";
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.motif-theme .ant-inline-alert.ant-alert-success {
  border-left-color: #53b1a3;
}
.motif-theme .ant-inline-alert.ant-alert-success .alert-icon {
  color: #53b1a3;
}
.motif-theme .ant-inline-alert.ant-alert-success .alert-icon::before {
  content: "\e94a";
}
.motif-theme .ant-inline-alert.ant-alert-warning {
  border-left-color: #e95a3c;
}
.motif-theme .ant-inline-alert.ant-alert-warning .alert-icon {
  color: #e95a3c;
}
.motif-theme .ant-inline-alert.ant-alert-warning .alert-icon::before {
  content: "\e9b4";
}
.motif-theme .ant-inline-alert.ant-alert-error {
  border-left-color: #cc0033;
}
.motif-theme .ant-inline-alert.ant-alert-error .alert-icon {
  color: #cc0033;
}
.motif-theme .ant-inline-alert.ant-alert-error .alert-icon::before {
  content: "\e93b";
}
.motif-theme .ant-inline-alert.ant-alert-info {
  border-left-color: #0079c2;
}
.motif-theme .ant-inline-alert.ant-alert-info .alert-icon {
  color: #0079c2;
}
.motif-theme .ant-inline-alert.ant-alert-info .alert-icon::before {
  content: "\e9f9";
}
.motif-theme .ant-inline-alert .ant-inline-alert-body {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.motif-theme .ant-inline-alert .dismiss-button {
  line-height: 1rem;
  font-size: 1rem;
  margin-left: auto;
}
.motif-theme .ant-inline-alert .dismiss-button:not(:focus) {
  border: none;
  outline: none;
}
.motif-theme .universalInlineAlert ul.inline-alert-list .inline-alert-item {
  margin: 12px 0;
}
.motif-theme .universalInlineAlert ul.inline-alert-list .inline-alert-item:last-of-type {
  margin-bottom: 24px;
}
.motif-theme .universalInlineAlert ul.inline-alert-list .inline-alert-item:first-of-type {
  margin-top: 24px;
}
.motif-theme .universalInlineAlert ul.inline-alert-list .inline-alert-item .dismiss-button {
  background: #fff;
}
.motif-theme .universalInlineAlert ul.inline-alert-list .inline-alert-item .dismiss-button span {
  font-size: 1.8571428571rem;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.motif-theme .section-header-two.uxd-animation-reset:after {
  opacity: 0;
  width: 2px;
}
.motif-theme .section-header-two.uxd-animate:after {
  opacity: 1;
  width: 45px;
  transition: width 500ms, opacity 500ms ease-in-out;
}
.motif-theme .callout-link.uxd-animation-reset {
  opacity: 0;
}
.motif-theme .callout-link.uxd-animation-reset .callout-icon {
  transform: scale(0.25);
}
.motif-theme .callout-link.uxd-animation-reset .callout-text {
  transform: translateY(70px);
}
.motif-theme .callout-link.uxd-animate {
  opacity: 1;
  transition: opacity 0.35s ease-in;
}
.motif-theme .callout-link.uxd-animate .callout-icon {
  transform: scale(1);
  transition: transform 0.35s ease-out;
}
.motif-theme .callout-link.uxd-animate .callout-text {
  transform: translateY(0px);
  transition: transform 0.3s ease-out;
}
.motif-theme .ant-text-primary {
  color: #286ce2;
}
.motif-theme .ant-background-primary {
  color: #286ce2;
}
.motif-theme .ant-text-primary-light {
  color: #48c9ff;
}
.motif-theme .ant-background-primary-light {
  color: #48c9ff;
}
.motif-theme .ant-text-primary-dark {
  color: #2453a6;
}
.motif-theme .ant-background-primary-dark {
  color: #2453a6;
}
.motif-theme .ant-text-secondary {
  color: #0a8194;
}
.motif-theme .ant-background-secondary {
  color: #0a8194;
}
.motif-theme .ant-text-secondary-light {
  color: #81cfc2;
}
.motif-theme .ant-background-secondary-light {
  color: #81cfc2;
}
.motif-theme .ant-text-secondary-dark {
  color: #005d6b;
}
.motif-theme .ant-background-secondary-dark {
  color: #005d6b;
}
.motif-theme .ant-text-support-info {
  color: #0079c2;
}
.motif-theme .ant-background-support-info {
  color: #0079c2;
}
.motif-theme .ant-text-support-error {
  color: #cc0033;
}
.motif-theme .ant-background-support-error {
  color: #cc0033;
}
.motif-theme .ant-text-support-success {
  color: #53b1a3;
}
.motif-theme .ant-background-support-success {
  color: #53b1a3;
}
.motif-theme .ant-text-support-warning {
  color: #f78d2f;
}
.motif-theme .ant-background-support-warning {
  color: #f78d2f;
}
.motif-theme .ant-text-support-danger {
  color: #cc0033;
}
.motif-theme .ant-background-support-danger {
  color: #cc0033;
}
.motif-theme .ant-text-highlight-one {
  color: #d20a3c;
}
.motif-theme .ant-background-highlight-one {
  color: #d20a3c;
}
.motif-theme .ant-text-highlight-two {
  color: #53b1a3;
}
.motif-theme .ant-background-highlight-two {
  color: #53b1a3;
}
.motif-theme .ant-text-highlight-three {
  color: #286ce2;
}
.motif-theme .ant-background-highlight-three {
  color: #286ce2;
}
.motif-theme .ant-text-highlight-four {
  color: #2453a6;
}
.motif-theme .ant-background-highlight-four {
  color: #2453a6;
}
.motif-theme .ant-text-data-visualization-one {
  color: #00D795;
}
.motif-theme .ant-background-data-visualization-one {
  color: #00D795;
}
.motif-theme .ant-text-data-visualization-two {
  color: #108808;
}
.motif-theme .ant-background-data-visualization-two {
  color: #108808;
}
.motif-theme .ant-text-data-visualization-three {
  color: #3BB273;
}
.motif-theme .ant-background-data-visualization-three {
  color: #3BB273;
}
.motif-theme .ant-text-data-visualization-four {
  color: #CCCCCC;
}
.motif-theme .ant-background-data-visualization-four {
  color: #CCCCCC;
}
.motif-theme .ant-text-data-visualization-five {
  color: #D8D8D8;
}
.motif-theme .ant-background-data-visualization-five {
  color: #D8D8D8;
}
.motif-theme .ant-text-data-visualization-six {
  color: #FFCF6C;
}
.motif-theme .ant-background-data-visualization-six {
  color: #FFCF6C;
}
.motif-theme .ant-text-data-visualization-seven {
  color: #333333;
}
.motif-theme .ant-background-data-visualization-seven {
  color: #333333;
}
.motif-theme .ant-text-data-visualization-eight {
  color: #511785;
}
.motif-theme .ant-background-data-visualization-eight {
  color: #511785;
}
.motif-theme .ant-text-data-visualization-nine {
  color: #FF4C61;
}
.motif-theme .ant-background-data-visualization-nine {
  color: #FF4C61;
}
.motif-theme .ant-text-data-visualization-ten {
  color: #FE5E3C;
}
.motif-theme .ant-background-data-visualization-ten {
  color: #FE5E3C;
}
.motif-theme .ant-text-data-visualization-eleven {
  color: #F2BC35;
}
.motif-theme .ant-background-data-visualization-eleven {
  color: #F2BC35;
}
.motif-theme .ant-text-accent-one {
  color: #e95a3c;
}
.motif-theme .ant-background-accent-one {
  color: #e95a3c;
}
.motif-theme .ant-text-accent-two {
  color: #f59a5f;
}
.motif-theme .ant-background-accent-two {
  color: #f59a5f;
}
.motif-theme .ant-text-accent-three {
  color: #d5367e;
}
.motif-theme .ant-background-accent-three {
  color: #d5367e;
}
.motif-theme .ant-text-accent-four {
  color: #7fcdbb;
}
.motif-theme .ant-background-accent-four {
  color: #7fcdbb;
}
.motif-theme .ant-text-accent-five {
  color: #2ab5ca;
}
.motif-theme .ant-background-accent-five {
  color: #2ab5ca;
}
.motif-theme .ant-text-accent-six {
  color: #58abdf;
}
.motif-theme .ant-background-accent-six {
  color: #58abdf;
}
.motif-theme .ant-text-gray-100 {
  color: #f7f7f7;
}
.motif-theme .ant-background-gray-100 {
  color: #f7f7f7;
}
.motif-theme .ant-text-gray-200 {
  color: #cccccc;
}
.motif-theme .ant-background-gray-200 {
  color: #cccccc;
}
.motif-theme .ant-text-gray-250 {
  color: #dcdcdc;
}
.motif-theme .ant-background-gray-250 {
  color: #dcdcdc;
}
.motif-theme .ant-text-gray-300 {
  color: #949494;
}
.motif-theme .ant-background-gray-300 {
  color: #949494;
}
.motif-theme .ant-text-gray-400 {
  color: #666666;
}
.motif-theme .ant-background-gray-400 {
  color: #666666;
}
.motif-theme .ant-text-gray-500 {
  color: #555555;
}
.motif-theme .ant-background-gray-500 {
  color: #555555;
}
.motif-theme .ant-text-gray-600 {
  color: #333333;
}
.motif-theme .ant-background-gray-600 {
  color: #333333;
}
.motif-theme .page-title {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #949494;
  margin-bottom: 100px;
}
.motif-theme .page-title span {
  color: #949494;
}
.motif-theme .ant-font-sb {
  font-weight: 600;
}
.motif-theme h1,
.motif-theme h2,
.motif-theme h3,
.motif-theme h4,
.motif-theme .ant-heading-one,
.motif-theme .ant-heading-two,
.motif-theme .ant-heading-three,
.motif-theme .ant-heading-four {
  font-family: "Montserrat", sans-serif;
}
.motif-theme h5,
.motif-theme h6,
.motif-theme .ant-heading-five,
.motif-theme .ant-heading-six {
  font-family: "Lato", sans-serif;
}
.motif-theme h1,
.motif-theme .ant-heading-one {
  margin: 0px;
  padding: 0px;
  font-size: 2.2857rem;
  font-weight: 300;
}
.motif-theme h2,
.motif-theme .ant-heading-two {
  margin: 0px;
  padding: 0px;
  font-size: 1.8571rem;
  font-weight: 300;
}
.motif-theme h3,
.motif-theme .ant-heading-three {
  margin: 0px;
  padding: 0px;
  font-size: 1.5714rem;
  font-weight: 600;
}
.motif-theme h4,
.motif-theme .ant-heading-four {
  margin: 0px;
  padding: 0px;
  font-size: 1.5714rem;
  font-weight: 300;
  font-weight: 300;
}
.motif-theme h5,
.motif-theme .ant-heading-five {
  margin: 0px;
  padding: 0px;
  font-size: 1.2857rem;
  font-weight: 300;
}
.motif-theme h6,
.motif-theme .ant-heading-six {
  margin: 0px;
  padding: 0px;
  font-size: 1.1428rem;
  font-weight: 400;
}
.motif-theme .headline-title {
  margin: 0px;
  padding: 0px;
  font-size: 1.1428rem;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  letter-spacing: 2.5px;
  color: #333333;
}
.motif-theme .heading-title-two .motif-icon::before {
  color: #286ce2;
  padding-right: 1rem;
}
.motif-theme .heading-title-two .ant-heading-title-two {
  line-height: 1.43;
  color: #666666;
}
.motif-theme p {
  font-weight: 400;
}
.motif-theme .btn {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  padding: 0.75rem 3rem;
  background: #286ce2;
  border-color: #286ce2;
  color: #ffffff;
}
.motif-theme .btn:hover, .motif-theme .btn.hover, .motif-theme .btn:focus, .motif-theme .btn.focus, .motif-theme .btn:active, .motif-theme .btn:active:focus {
  background: #2453a6;
  border-color: #2453a6;
  color: #ffffff;
}
.motif-theme .btn-secondary {
  font-family: "Lato", sans-serif;
  background: #ffffff;
  border-color: #286ce2;
  color: #286ce2;
}
.motif-theme .btn-secondary:hover, .motif-theme .btn-secondary:focus, .motif-theme .btn-secondary.hover, .motif-theme .btn-secondary.focus, .motif-theme .btn-secondary:active, .motif-theme .btn-secondary:active:focus {
  background: #ffffff;
  border-color: #2453a6;
  color: #2453a6;
}
.motif-theme .btn-sm, .motif-theme .btn-group-sm > .btn {
  font-size: 0.75rem;
  padding: 0.5rem 2.5rem;
}
.motif-theme .btn-ghost {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
  border-width: 2px;
  font-size: 1.1428571429rem;
  font-weight: 700;
}
.motif-theme .btn-ghost:hover, .motif-theme .btn-ghost:focus, .motif-theme .btn-ghost.hover, .motif-theme .btn-ghost.focus, .motif-theme .btn-ghost:active, .motif-theme .btn-ghost:active:focus {
  background: rgba(255, 255, 255, 0.2);
  border-color: #ffffff;
  color: #ffffff;
}
.motif-theme a {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Lato";
  color: #286ce2;
  text-decoration: underline;
}
.motif-theme a:hover, .motif-theme a:focus, .motif-theme a:active, .motif-theme a:active:focus {
  color: #2453a6;
  text-decoration: none;
}
.motif-theme a.ant-action-link span.fa {
  font-size: 28px;
  color: #949494;
  margin-right: 0.5rem;
}
.motif-theme a.ant-arrow-previous:before,
.motif-theme a.ant-arrow-next:after,
.motif-theme a.ant-arrow-up:after,
.motif-theme a.ant-arrow-down:after {
  display: inline-block;
  text-decoration: none;
}
.motif-theme a.glossary-term {
  text-decoration: none;
}
.motif-theme .motif-lt-blue {
  background: #48c9ff;
}
.motif-theme .motif-blue {
  background: #286ce2;
}
.motif-theme .motif-dk-blue {
  background: #2453a6;
}
.motif-theme .ant-white-space {
  background-color: #ffffff;
  color: #555555;
  border: 1px solid;
}
.motif-theme .motif-dk-gray {
  background-color: #555555;
  color: #ffffff;
}
.motif-theme .motif-gray {
  background-color: #666666;
  color: #ffffff;
}
.motif-theme .motif-gray-2 {
  background: #949494;
}
.motif-theme .motif-md-gray {
  background: #cccccc;
}
.motif-theme .motif-lt-gray {
  background-color: #f7f7f7;
  color: #555555;
}
.motif-theme .motif-accent-magenta {
  background-color: #cc0033;
  color: #ffffff;
}
.motif-theme .motif-secondary-teal {
  background: #0a8194;
}
.motif-theme .motif-secondary-teal-lt {
  background: #81cfc2;
}
.motif-theme .motif-secondary-teal-dk {
  background: #005d6b;
}
.motif-theme .motif-accent-teal {
  background: #53b1a3;
}
.motif-theme .motif-accent-red {
  background: #cc0033;
}
.motif-theme .motif-accent-teal {
  background: #0a8194;
}
.motif-theme .motif-accent-yellow {
  background: #f78d2f;
}
.motif-theme .motif-blue-gradient {
  background: rgb(72, 201, 255);
  background: linear-gradient(90deg, rgb(72, 201, 255) 0%, rgb(0, 121, 194) 100%);
}
.motif-theme .motif-blue-gradient-dk {
  background: rgb(42, 181, 202);
  background: linear-gradient(90deg, rgb(42, 181, 202) 0%, rgb(0, 121, 194) 100%);
}
.motif-theme .motif-gray-gradient {
  background: rgb(238, 238, 238);
  background: linear-gradient(90deg, rgb(238, 238, 238) 0%, rgb(251, 251, 251) 100%);
}
.motif-theme .swatches > div {
  height: 120px;
}
.motif-theme input[disabled], .motif-theme button[disabled] {
  opacity: 0.3;
}
.motif-theme .disabled {
  opacity: 0.3;
  pointer-events: none;
}
.motif-theme .disabled:before {
  opacity: 0.3;
}
.motif-theme .link-space {
  padding: 0 40px 0 40px;
}
.motif-theme .uxd-filter-button-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  width: auto;
}
.motif-theme .uxd-filter-button-group .uxd-filter-button {
  display: flex;
  flex: 1;
  background: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  -webkit-appearance: none;
  padding: 0.75rem 0;
  align-items: center;
  justify-content: center;
  border-top: thin solid #949494;
  border-bottom: thin solid #949494;
  border-right: none;
  border-left: none;
}
.motif-theme .uxd-filter-button-group .uxd-filter-button:nth-child(2) {
  border-left: thin solid #949494;
  border-right: thin solid #949494;
}
.motif-theme .uxd-filter-button-group .uxd-filter-button:first-child {
  border-left: thin solid #949494;
}
.motif-theme .uxd-filter-button-group .uxd-filter-button:last-child {
  border-right: thin solid #949494;
}
.motif-theme .uxd-filter-button-group .uxd-filter-button:nth-child(3) {
  border-right: thin solid #949494;
}
.motif-theme .uxd-filter-button-group .uxd-filter-button:nth-child(5) {
  border-left: thin solid #949494;
}
.motif-theme .uxd-filter-button-group .uxd-filter-button.is-checked, .motif-theme .uxd-filter-button-group .uxd-filter-button.selected {
  border: thin solid #286ce2;
  color: #286ce2;
  z-index: 20;
}
.motif-theme .uxd-filter-button-group .icon {
  font-size: 1.4285714286rem;
  color: #53b1a3;
  margin-right: 0.75rem;
}
.motif-theme .uxd-filter-label {
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.motif-theme .ant-filter-mobile-overlay {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.motif-theme .btn.btn-filter {
  min-width: 250px;
  color: #949494;
  border: 1px solid #949494;
  background: #ffffff;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.motif-theme .btn.btn-filter .motif-sort-down-filled {
  color: #333333;
}
.motif-theme .btn.btn-filter.open {
  background: #286ce2;
  color: #ffffff;
  border-color: #ffffff;
}
.motif-theme .btn.btn-filter.open .motif-sort-up-filled {
  color: #ffffff;
}
.motif-theme .filter-panel {
  background: #fbfbfb;
  width: 100%;
}
.motif-theme .filter-panel:before, .motif-theme .filter-panel:after {
  content: " ";
  display: table;
}
.motif-theme .filter-panel:after {
  clear: both;
}
.motif-theme .filter-panel .filter-header {
  width: 100%;
  background-image: url("/member/assets/images/motif/blue-tall.png");
  background-repeat: no-repeat;
  background-size: cover;
  font-weight: 300;
  color: #ffffff;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: calculrateRem(34px);
  padding: 3.6428571429rem 0 1.4285714286rem 1.0714285714rem;
}
.motif-theme .filter-panel .filter-container {
  padding: 2.2857142857rem;
  max-height: 75vh;
  overflow-y: scroll;
}
.motif-theme .filter-panel .filter-reset {
  display: flex;
  align-items: center;
}
.motif-theme .filter-panel .filter-reset .motif-icon.motif-recurring-appointment {
  margin-right: 0.7142857143rem;
  font-size: 1.2857142857rem;
  color: #949494;
}
.motif-theme .filter-panel .filter-reset .filter-reset-text {
  font-weight: 600;
}
.motif-theme .filter-panel .filter-reset.desktop, .motif-theme .filter-panel .filter-cancel.desktop {
  display: none;
}
.motif-theme .filter-panel .filter-buttons {
  padding: 1.7142857143rem 2.2857142857rem;
  box-shadow: 0 6px 20px 0 rgba(51, 60, 70, 0.3);
  position: fixed;
  bottom: 0;
  width: 100vw;
  background-color: #fbfbfb;
  z-index: 999;
}
.motif-theme .filter-panel .filter-buttons .filter-apply-cancel {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (min-width: 480px) {
  .motif-theme .filter-panel .filter-buttons {
    position: relative;
    width: 100%;
    box-shadow: none;
  }
}
.motif-theme .filter-panel .reset-filters {
  display: flex;
  align-items: center;
  background: transparent;
  font-weight: bold;
}
.motif-theme .filter-panel .reset-filters .reset-icon {
  margin-right: 4px;
  font-size: 1.5rem;
}
.motif-theme .filter-panel .reset-filters__text {
  text-decoration: underline;
}
.motif-theme .filter-panel .reset-filters:not(:focus) {
  border: none;
  outline: none;
}
.motif-theme .filter-panel .uxd-filter-label {
  display: block;
  font-family: "Lato";
  font-size: 12px;
  font-weight: bold;
}
.motif-theme .cdk-overlay-container .ant-filter-desktop-overlay.cdk-overlay-pane {
  padding: 1rem 0;
}
@media screen and (min-width: 480px) {
  .motif-theme .filter-panel {
    box-shadow: 0 26px 90px 0 rgba(51, 60, 70, 0.3);
    width: 28.5714285714rem;
  }
  .motif-theme .filter-panel .filter-header {
    display: none;
  }
  .motif-theme .filter-panel .filter-reset.mobile, .motif-theme .filter-panel .filter-cancel.mobile {
    display: none;
  }
  .motif-theme .filter-panel .filter-cancel.desktop {
    display: inline-block;
  }
  .motif-theme .filter-panel .filter-buttons {
    border-top: 1px solid #cccccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .motif-theme .filter-panel .filter-buttons .filter-reset.desktop {
    display: inline-block;
  }
  .motif-theme .filter-panel .filter-buttons .filter-apply-cancel {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .motif-theme .filter-panel {
    width: 42.8571428571rem;
  }
}
@media screen and (min-width: 1200px) {
  .motif-theme .filter-panel {
    width: 55.3571428571rem;
  }
}
.motif-theme .filter-panel-trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  padding: 0.75rem 3rem;
  background: #286ce2;
  border-color: #286ce2;
  color: #ffffff;
}
.motif-theme .filter-panel-trigger:hover, .motif-theme .filter-panel-trigger.hover, .motif-theme .filter-panel-trigger:focus, .motif-theme .filter-panel-trigger.focus, .motif-theme .filter-panel-trigger:active, .motif-theme .filter-panel-trigger.active {
  background: #2453a6;
  border-color: #2453a6;
  color: #ffffff;
}
.motif-theme .filter-panel-trigger::after {
  font-family: "ant-motif-icons";
  content: "\eaa9";
}
.motif-theme .filter-panel-trigger.is-expanded::after {
  font-family: "ant-motif-icons";
  content: "\eaad";
}
.motif-theme .ant-classic .ant-datepicker {
  font-family: "ant-motif-icons";
}
.motif-theme .ant-classic .ant-datepicker .datepicker-icon.datepicker-icon-calendar::before {
  content: "\e937";
}
.motif-theme .ant-classic .ant-datepicker .datepicker-icon.datepicker-icon-close::before {
  content: "\e93b";
}
.motif-theme .stop-left {
  stop-color: #2ab5ca;
}
.motif-theme .stop-right {
  stop-color: #0079c2;
}
.motif-theme .uxd-radial-path {
  fill: #dcdcdc;
}
.motif-theme .uxd-radial-remainder {
  fill: #53b1a3;
}
.motif-theme .ant-chart-radial {
  width: 250px;
}
.motif-theme .ant-partial-chart {
  width: 200px;
}
.motif-theme .ant-bar-chart {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 1rem 0;
  border: none;
  position: relative;
}
.motif-theme .ant-bar-chart .bg-rect {
  fill: #00D795;
}
.motif-theme .ant-bar-chart.red .bg-rect {
  fill: #e95a3c;
}
.motif-theme .ant-bar-chart.orange .bg-rect {
  fill: #f59a5f;
}
.motif-theme .ant-bar-chart.blue .bg-rect {
  fill: #0079c2;
}
.motif-theme .ant-bar-chart.green .bg-rect {
  fill: #7fcdbb;
}
.motif-theme .ant-bar-chart .ant-chart-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.motif-theme .ant-bar-chart .ant-chart {
  display: block;
  margin-bottom: 0.75rem;
  height: 20px;
}
.motif-theme .ant-bar-chart .ant-bar-chart-heading {
  display: block;
  margin-bottom: 1.25rem;
  position: absolute;
  top: -0.7142857143rem;
}
@media screen and (min-width: 480px) {
  .motif-theme .ant-bar-chart {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0;
  }
  .motif-theme .ant-bar-chart .ant-chart-value.position-right {
    position: absolute;
    width: 25%;
    right: -0.5714285714rem;
  }
  .motif-theme .ant-bar-chart .ant-chart-container {
    padding: 1rem 0;
    flex-basis: auto;
    flex-grow: 1;
  }
  .motif-theme .ant-bar-chart .ant-chart {
    margin-bottom: 0px;
    width: 75%;
  }
  .motif-theme .ant-bar-chart .ant-bar-chart-heading {
    flex-shrink: 0;
    margin-right: 1rem;
    margin-bottom: 0px;
    text-align: right;
    color: #949494;
  }
}
.motif-theme li.ant-bar-chart-item:nth-of-type(4n+1) .bg-rect {
  fill: #00D795;
}
.motif-theme li.ant-bar-chart-item:nth-of-type(4n+2) .bg-rect {
  fill: #511284;
}
.motif-theme li.ant-bar-chart-item:nth-of-type(4n+3) .bg-rect {
  fill: #f89c52;
}
.motif-theme li.ant-bar-chart-item:nth-of-type(4n+4) .bg-rect {
  fill: #ff4d61;
}
.motif-theme .ant-bar-chart-heading {
  font-size: 1rem;
  color: #666666;
}
.motif-theme .ant-bar-chart-group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.motif-theme .ant-bar-chart-group .ant-bar-chart-item:first-of-type .ant-bar-chart-heading {
  color: #666666;
}
@media screen and (min-width: 800px) {
  .motif-theme .ant-bar-chart-group .ant-bar-chart-item:first-of-type {
    border-top: none;
    border-bottom: none;
  }
}
.motif-theme .ant-chart-container {
  position: relative;
}
.motif-theme .ant-chart-container .ant-chart-content-positioner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.motif-theme .ant-chart-container .ant-chart-content {
  display: block;
  width: 75%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(50%);
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  text-align: center;
  color: #666666;
}
.motif-theme .ant-chart-container .chart-unit {
  color: #333333;
  font-size: 28px;
  margin: 0;
}
.motif-theme .ant-chart-container .chart-text {
  color: #666666;
}
.motif-theme .ant-chart-pie-container canvas {
  display: block;
  visibility: hidden;
  width: 100%;
  height: 100%;
}
.motif-theme .ant-chart-pie-container svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: visible;
}
.motif-theme .ant-chart-pie-container .tool-tip {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
  background-color: black;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.motif-theme .ant-chart-pie-container .tool-tip .arrow_box {
  position: absolute;
  background: #fff;
  border: 1px solid #286CE2;
  padding: 10px;
  text-align: center;
  width: 125px;
  transform: translate(-50%, -115%);
  left: 0;
  top: 0;
}
.motif-theme .ant-chart-pie-container .tool-tip .arrow_box:after {
  top: calc(100% - 1px);
  left: 50%;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  transform: translateX(-50%);
}
.motif-theme .ant-chart-pie-container .tool-tip .arrow_box:before {
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #286CE2;
  transform: translateX(-50%);
}
.motif-theme .ant-chart-pie-container .tool-tip .pie-value {
  font-size: 12px;
  font-weight: 700;
  margin: 5px 0;
}
.motif-theme .ant-chart-pie-container .tool-tip .pie-label {
  font-size: 12px;
}
.motif-theme .donut-chart-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .motif-theme .donut-chart-container {
    flex-direction: column;
  }
}
.motif-theme .donut-chart-legend .legend-title {
  font-weight: 700;
  margin: 25px 0;
}
.motif-theme .donut-chart-legend dl {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;
  overflow: visible;
  border-bottom: 1px solid #CCCCCC;
}
.motif-theme .donut-chart-legend dl dt {
  padding: 18px 0;
  border-top: 1px solid #CCCCCC;
  flex: 0 0 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
}
.motif-theme .donut-chart-legend dl dd {
  padding: 18px 0;
  border-top: 1px solid #CCCCCC;
  flex: 0 0 25%;
  margin-left: auto;
  text-align: right;
  overflow: hidden;
  font-size: 1.2857142857rem;
}
.motif-theme .donut-chart-legend dl .key {
  display: flex;
}
.motif-theme .donut-chart-legend dl [class*=key-color] {
  height: 0.5rem;
  width: 2.4285714286rem;
  margin-right: 1rem;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  top: 7px;
}
.motif-theme .donut-chart-legend dl [class*=key-color].key-color-one {
  background-color: #FF4D61;
}
.motif-theme .donut-chart-legend dl [class*=key-color].key-color-two {
  background-color: #00D795;
}
.motif-theme .donut-chart-legend dl [class*=key-color].key-color-three {
  background-color: #511284;
}
.motif-theme .donut-chart-legend dl [class*=key-color].key-color-four {
  background-color: #F2BC35;
}
.motif-theme .donut-chart-legend dl .key-term {
  flex: 1;
}
.motif-theme .ant-pie-chart {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.motif-theme .ant-pie-chart .radial-progress-0 path {
  fill: #FF4D61;
}
.motif-theme .ant-pie-chart .radial-progress-1 path {
  fill: #00D795;
}
.motif-theme .ant-pie-chart .radial-progress-2 path {
  fill: #511284;
}
.motif-theme .ant-pie-chart .radial-progress-3 path {
  fill: #F2BC35;
}
.motif-theme .ant-pie-chart .empty path {
  fill: #cccccc;
}
.motif-theme .motif-chart-heading {
  text-align: center;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.motif-theme .motif-detail-box {
  border-top: 1px solid #dcdcdc;
  display: grid;
  grid-template-columns: 10% 42% 38%;
  grid-column-gap: 5%;
  align-items: center;
  padding: 0.5rem;
}
@media screen and (min-width: 480px) {
  .motif-theme .motif-detail-box {
    padding: 1rem;
    grid-template-columns: 10% 50% 30%;
  }
}
.motif-theme .motif-detail-box:last-child {
  border-bottom: 1px solid #dcdcdc;
}
.motif-theme .motif-detail-box .motif-detail-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.motif-theme .motif-detail-box .motif-chart-bar {
  width: 100%;
  max-width: 40px;
  height: 7px;
  border-radius: 4px;
}
.motif-theme .motif-detail-box .motif-chart-bar_blue {
  background-color: #0079c2;
}
.motif-theme .motif-detail-box .motif-chart-bar_teal {
  background-color: #81cfc2;
}
.motif-theme .motif-detail-box .motif-chart-bar_sky {
  background-color: #48c9ff;
}
.motif-theme .motif-detail-box .motif-chart-amount {
  text-align: right;
}
.motif-theme .ant-timeline {
  display: block;
  position: relative;
  margin: 200px 0;
}
.motif-theme .ant-timeline .bg-rect {
  fill: #eeeeee;
}
.motif-theme .ant-timeline .percent-track {
  fill: #286ce2;
}
.motif-theme .ant-timeline .dot {
  stroke: #286ce2;
}
.motif-theme .ant-timeline .ant-timeline-svg {
  display: block;
  width: 100%;
}
.motif-theme .ant-timeline .ant-timeline-svg .first-timestamp {
  visibility: hidden;
}
.motif-theme .ant-timeline .ant-timestamp {
  display: block;
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.motif-theme .ant-timeline .ant-timestamp.first-label {
  text-align: left;
}
.motif-theme .ant-timeline .ant-timestamp.first-label .ant-timestamp__line {
  width: 0;
}
.motif-theme .ant-timeline .ant-timestamp__line {
  border-right: 2px solid #286ce2;
  height: 30px;
  width: 50%;
}
.motif-theme .ant-timeline .ant-timestamp-below {
  bottom: -72px;
}
.motif-theme .ant-timeline .ant-timestamp-below .ant-timestamp__line {
  left: -2px;
}
.motif-theme .ant-timeline .ant-timestamp-above {
  top: -80px;
}
.motif-theme .ant-timeline .ant-timestamp-above .ant-timestamp__line {
  position: absolute;
  top: 100%;
}
.motif-theme .ant-timeline .ant-timestamp-right {
  min-width: 120px;
  left: 50px;
  text-align: left;
}
.motif-theme .ant-timeline .ant-timestamp-right .ant-timestamp__line {
  position: relative;
  width: 30px !important;
  left: -40px;
  top: 10px;
}
.motif-theme .ant-timeline .ant-timestamp-left {
  min-width: 120px;
  text-align: right;
}
.motif-theme .ant-timeline .ant-timestamp-left .ant-timestamp__line {
  position: relative;
  left: 100%;
  top: 10px;
  margin-left: 10px;
}
.motif-theme .ant-timeline.vertical {
  margin: 0 200px;
  height: 100%;
}
.motif-theme .ant-timeline.vertical .ant-timeline-svg {
  height: 100%;
}
.motif-theme .ant-timeline.vertical .ant-timestamp__line {
  border-top: 2px solid #286ce2;
  height: 1px;
  width: 30px;
  z-index: -999;
}
.motif-theme .ant-milestone-chart {
  display: block;
  position: relative;
  margin: 200px 0;
}
.motif-theme .ant-milestone-chart .bg-rect {
  fill: #eeeeee;
}
.motif-theme .ant-milestone-chart .percent-track {
  fill: #286ce2;
}
.motif-theme .ant-milestone-chart .percent-track-3 {
  fill: #7fcdbb;
}
.motif-theme .ant-milestone-chart .percent-track-2 {
  fill: #58abdf;
}
.motif-theme .ant-milestone-chart .percent-track-1 {
  fill: #2453a6;
}
.motif-theme .ant-milestone-chart .dot {
  stroke: #286ce2;
}
.motif-theme .ant-milestone-chart .dot-0 {
  visibility: hidden;
}
.motif-theme .ant-milestone-chart .dot-1 {
  stroke: #2453a6;
}
.motif-theme .ant-milestone-chart .dot-2 {
  stroke: #58abdf;
}
.motif-theme .ant-milestone-chart .dot-3 {
  stroke: #7fcdbb;
}
.motif-theme .ant-milestone-chart circle:last-child {
  stroke: #cccccc;
}
.motif-theme .ant-milestone-chart .ant-milestone-svg {
  display: block;
  width: 100%;
}
.motif-theme .ant-milestone-chart .ant-milestone-svg .first-milestone {
  visibility: hidden;
}
.motif-theme .ant-milestone-chart .milestone-portal .ant-milestone__line {
  border-right: 2px solid #286ce2;
}
.motif-theme .ant-milestone-chart .milestone-portal .ant-milestone__line.line-1 {
  border-right: 2px solid #2453a6;
}
.motif-theme .ant-milestone-chart .milestone-portal .ant-milestone__line.line-2 {
  border-right: 2px solid #58abdf;
}
.motif-theme .ant-milestone-chart .milestone-portal .ant-milestone__line.line-3 {
  border-right: 2px solid #7fcdbb;
}
.motif-theme .ant-milestone-chart .milestone-portal:last-child .ant-milestone__line {
  border-right: 2px solid #cccccc;
}
.motif-theme .ant-milestone-chart .ant-milestone {
  display: block;
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.motif-theme .ant-milestone-chart .ant-milestone.first-label {
  text-align: left;
  visibility: hidden;
}
.motif-theme .ant-milestone-chart .ant-milestone.first-label .ant-milestone__line {
  width: 0;
}
.motif-theme .ant-milestone-chart .ant-milestone__line {
  height: 30px;
  width: 50%;
}
.motif-theme .ant-milestone-chart .ant-milestone-below {
  bottom: -72px;
}
.motif-theme .ant-milestone-chart .ant-milestone-below .ant-milestone__line {
  left: -2px;
}
.motif-theme .ant-milestone-chart .ant-milestone-above {
  top: -80px;
}
.motif-theme .ant-milestone-chart .ant-milestone-above .ant-milestone__line {
  position: absolute;
  top: 100%;
}
.motif-theme .ant-milestone-chart .ant-milestone-right {
  min-width: 120px;
  left: 50px;
  text-align: left;
}
.motif-theme .ant-milestone-chart .ant-milestone-right .ant-milestone__line {
  position: relative;
  width: 30px !important;
  left: -40px;
  top: 10px;
}
.motif-theme .ant-milestone-chart .ant-milestone-left {
  min-width: 120px;
  text-align: right;
}
.motif-theme .ant-milestone-chart .ant-milestone-left .ant-milestone__line {
  position: relative;
  left: 100%;
  top: 10px;
  margin-left: 10px;
}
.motif-theme .ant-milestone-chart.vertical {
  margin: 0 200px;
  height: 100%;
}
.motif-theme .ant-milestone-chart.vertical .ant-milestone-svg {
  height: 100%;
}
.motif-theme .ant-milestone-chart.vertical .ant-milestone__line {
  border-top: 2px solid #286ce2;
  height: 1px;
  width: 2.5rem;
  z-index: -999;
}
.motif-theme .ant-milestone-chart.vertical .ant-milestone .line-1 {
  border-top: 2px solid #2453a6;
  border-right: none;
}
.motif-theme .ant-milestone-chart.vertical .ant-milestone .line-2 {
  border-top: 2px solid #58abdf;
  border-right: none;
}
.motif-theme .ant-milestone-chart.vertical .ant-milestone .line-3 {
  border-top: 2px solid #7fcdbb;
  border-right: none;
}
.motif-theme .ant-milestone-chart.vertical .milestone-portal:last-child .ant-milestone__line {
  border-top: 2px solid #cccccc;
  border-right: none;
}
.motif-theme .ant-stepper {
  display: block;
  position: relative;
}
.motif-theme .ant-stepper__container {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0;
}
.motif-theme .ant-stepper__container.vertical, .motif-theme .ant-stepper__container.linear {
  flex-direction: column;
}
.motif-theme .ant-stepper__container.vertical .ant-stepper__item, .motif-theme .ant-stepper__container.linear .ant-stepper__item {
  flex-direction: row;
}
.motif-theme .ant-stepper__container.vertical .ant-stepper__item .stepper-icon, .motif-theme .ant-stepper__container.linear .ant-stepper__item .stepper-icon {
  flex-direction: column;
}
.motif-theme .ant-stepper__container.vertical .ant-stepper__item .stepper-icon::after, .motif-theme .ant-stepper__container.linear .ant-stepper__item .stepper-icon::after {
  margin: 5px 0;
}
.motif-theme .ant-stepper__container.vertical .ant-stepper__item .stepper-label, .motif-theme .ant-stepper__container.linear .ant-stepper__item .stepper-label {
  margin-left: 20px;
  margin-top: 2px;
  text-align: left;
  flex: 1;
}
.motif-theme .ant-stepper__container.vertical .ant-stepper__item::before, .motif-theme .ant-stepper__container.linear .ant-stepper__item::before {
  margin: 5px 0 5px 10px;
}
.motif-theme .ant-stepper__container.vertical .stepper-icon::after, .motif-theme .ant-stepper__container.standard .stepper-icon::after {
  border-color: #286ce2;
}
.motif-theme .ant-stepper__container.linear .ant-stepper__item {
  width: 100%;
  position: relative;
}
.motif-theme .ant-stepper__container.linear .ant-stepper__item:last-child {
  height: 5.7857142857rem;
}
.motif-theme .ant-stepper__container.linear .ant-stepper__item.complete .stepper-icon::before {
  color: #3BB273;
}
.motif-theme .ant-stepper__container.linear .ant-stepper__item.complete .stepper-icon::after {
  border-color: #3BB273;
  border-top: 2.9285714286rem solid #3BB273;
}
.motif-theme .ant-stepper__container.linear .ant-stepper__item.active .stepper-icon::before {
  color: #CCCCCC;
}
.motif-theme .ant-stepper__container.linear .ant-stepper__item.active .stepper-icon::after {
  border-top: 2.9285714286rem solid #CCCCCC;
}
.motif-theme .ant-stepper__container.linear .ant-stepper__item.active::before {
  border-color: #CCCCCC;
}
@media screen and (min-width: 480px) {
  .motif-theme .ant-stepper__container.linear .ant-stepper__item {
    width: 23.1428571429rem;
  }
}
.motif-theme .ant-stepper__container.linear .stepper-label {
  position: relative;
  margin-bottom: 2rem;
  border-bottom: 1px solid #D8D8D8;
  display: block;
}
.motif-theme .ant-stepper__container.linear .stepper-label:last-child {
  position: static;
}
.motif-theme .ant-stepper__container.linear .stepper-label span {
  position: absolute;
}
.motif-theme .ant-stepper__container.linear .stepper-label .step-label {
  margin-top: -0.7142857143rem;
}
.motif-theme .ant-stepper__container.linear .stepper-label .date {
  margin-top: 0.8571428571rem;
}
.motif-theme .ant-stepper__container.linear .stepper-label .badge {
  left: 100%;
  transform: translateX(-100%);
  background-color: #d20a3c;
  border-radius: 2px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}
.motif-theme .ant-stepper__container.linear .stepper-label .completed {
  background-color: #3BB273;
}
.motif-theme .ant-stepper__container.linear .stepper-label .coming-up {
  background-color: #FFCF6C;
  color: #333333;
}
.motif-theme .ant-stepper__item {
  display: flex;
  flex-direction: column;
}
.motif-theme .ant-stepper__item:first-child .stepper-label {
  left: 0;
}
.motif-theme .ant-stepper__item:last-child .stepper-icon::after {
  border: none !important;
  margin: 0 !important;
}
.motif-theme .ant-stepper__item .stepper-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.motif-theme .ant-stepper__item .stepper-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.motif-theme .ant-stepper__item .stepper-icon::before {
  align-items: center;
  display: flex;
  height: 1.4285714286rem;
  width: 1.4285714286rem;
  font-family: "ant-motif-icons";
  font-size: 1.4285714286rem;
}
.motif-theme .ant-stepper__item .stepper-icon::after {
  content: "";
  flex: 1;
  border: 1px solid #dcdcdc;
  margin: 0 5px;
  height: 0;
}
.motif-theme .ant-stepper__item .stepper-label {
  margin-top: 10px;
  width: 7.8571428571rem;
  margin-left: -3.2142857143rem;
  text-align: center;
  top: 100%;
  z-index: 1;
  display: none;
}
@media screen and (min-width: 480px) {
  .motif-theme .ant-stepper__item .stepper-label {
    display: block;
  }
}
.motif-theme .ant-stepper__item.complete .stepper-icon::before {
  content: "\eb1e";
  color: #286ce2;
}
.motif-theme .ant-stepper__item.complete .stepper-icon::after {
  border-color: #286ce2;
}
.motif-theme .ant-stepper__item.active .stepper-icon::before {
  content: "\e957";
  color: #286ce2;
  font-weight: 600;
}
.motif-theme .ant-stepper__item.active::before {
  border-color: #286ce2;
}
.motif-theme .ant-stepper__item.inactive .stepper-icon::before {
  content: "\e957";
  color: #dcdcdc;
  font-weight: 600;
}
.motif-theme .ant-stepper.mobile {
  width: 350px;
}
.motif-theme .ant-stepper.mobile .stepper-label {
  display: none;
}
.motif-theme .ant-test-radial .uxd-text-container-example {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.motif-theme .ant-test-radial .uxd-text-container-example .uxd-text-example {
  font-size: 14px;
}
.motif-theme .ant-test-radial .uxd-text-container-example .uxd-unit-example {
  font-size: 28px;
}
.motif-theme .ant-line-chart-container {
  min-height: 35.7142857143rem;
}
.motif-theme .ant-line-chart-container .line {
  fill: none;
  stroke-width: 3px;
}
.motif-theme .ant-line-chart-container .line-0 {
  stroke: #00D795;
}
.motif-theme .ant-line-chart-container .line-1 {
  stroke: #FF4C61;
}
.motif-theme .ant-line-chart-container .line-2 {
  stroke: #511785;
}
.motif-theme .ant-line-chart-container .horizontal-label,
.motif-theme .ant-line-chart-container .vertical-label,
.motif-theme .ant-line-chart-container .horizontal-axis,
.motif-theme .ant-line-chart-container .vertical-axis {
  font-size: 1rem;
  font-family: "Lato";
}
.motif-theme .ant-line-chart-container .horizontal-label,
.motif-theme .ant-line-chart-container .vertical-label {
  fill: #000;
  text-anchor: middle;
  font-weight: 600;
}
.motif-theme .ant-line-chart-container .axis-line {
  stroke-opacity: 0.3;
  stroke: #cccccc;
  stroke-width: 2px;
}
.motif-theme .ant-stacked-bar-chart {
  display: block;
  width: 100%;
  height: 69.23%;
  position: relative;
  z-index: 99;
}
.motif-theme .ant-stacked-bar-chart .legend {
  position: relative;
  z-index: 999;
  display: flex;
  justify-content: space-between;
}
.motif-theme .ant-stacked-bar-chart .legend .values {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 50%;
}
.motif-theme .ant-stacked-bar-chart .legend .values span {
  position: relative;
  font-size: 1rem;
  font-weight: 700;
  display: inline-block;
  padding-left: 1.5714285714rem;
}
.motif-theme .ant-stacked-bar-chart .legend .values span:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.motif-theme .ant-stacked-bar-chart .legend .values span:nth-child(3):before {
  background-color: #00D795;
}
.motif-theme .ant-stacked-bar-chart .legend .values span:nth-child(2):before {
  background-color: #F2BC35;
}
.motif-theme .ant-stacked-bar-chart .legend .values span:nth-child(1):before {
  background-color: #FF4D61;
}
@media screen and (max-width: 800px) {
  .motif-theme .ant-stacked-bar-chart .legend .values {
    width: 100%;
  }
}
.motif-theme .ant-stacked-bar-chart #svg-wrapper {
  position: relative;
  z-index: 9999;
  margin-top: 50px;
}
.motif-theme .ant-stacked-bar-chart #svg-wrapper svg {
  overflow: visible;
}
.motif-theme .ant-correlation-chart-container {
  min-height: 35.7142857143rem;
  position: relative;
}
.motif-theme .ant-correlation-chart-container svg {
  display: block;
  margin-top: 50px;
  margin-left: -28px;
}
.motif-theme .ant-correlation-chart-container path.arc {
  opacity: 0.9;
  transition: opacity 0.5s;
}
.motif-theme .ant-correlation-chart-container path.arc:hover {
  opacity: 0.6;
  transition: opacity 0.5s;
}
.motif-theme .ant-correlation-chart-container .center-circle {
  width: 8.5714285714rem;
  height: 8.5714285714rem;
  border-radius: 4.2857142857rem;
  background-color: #FFF;
  position: absolute;
  top: 8.2142857143rem;
  left: 6.2142857143rem;
  padding: 1.4285714286rem;
  text-align: center;
}
.motif-theme .ant-correlation-chart-container .center-circle .percentageText {
  font-family: "Montserrat", sans-serif;
  font-size: 1.7142857143rem;
  font-weight: 500;
  text-anchor: start;
  color: #333;
}
.motif-theme .ant-correlation-chart-container .center-circle .completionText {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  color: #666;
  line-height: 1.5em;
}
.motif-theme .ant-correlation-chart-container .axis circle {
  fill: none;
}
.motif-theme .ant-correlation-chart-container .r.axis text {
  text-anchor: end;
}
.motif-theme .ant-correlation-chart-container .correlation-chart-tooltip {
  position: absolute;
  display: none;
  background: #fff;
  border: 1px solid #286ce2;
  border-radius: 0.2142857143rem;
  color: black;
  padding: 1.4285714286rem;
  text-align: center;
}
.motif-theme .ant-correlation-chart-container .correlation-chart-tooltip:after {
  content: "";
  width: 1.1428571429rem;
  height: 1.1428571429rem;
  transform: rotate(45deg);
  position: absolute;
  bottom: -0.6428571429rem;
  left: 43.8%;
  background: white;
  border-right: 1px solid #286ce2;
  border-bottom: 1px solid #286ce2;
}
.motif-theme .ant-correlation-chart-container .arc-label {
  font-size: 1rem;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}
.motif-theme .ant-correlation-chart-container .correlation-chart-legend-container-host {
  position: absolute;
  bottom: 5.3571428571rem;
}
.motif-theme .ant-correlation-chart-container .correlation-chart-legend-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0;
}
@media screen and (min-width: 480px) {
  .motif-theme .ant-correlation-chart-container .correlation-chart-legend-container {
    width: calculate-rem(320px);
  }
}
.motif-theme .ant-correlation-chart-container .correlation-chart-legend-container .legend-item {
  margin-left: 1.1428571429rem;
}
.motif-theme .ant-correlation-chart-container .correlation-chart-legend-container .label-title {
  margin-left: 2rem;
}
.motif-theme .ant-correlation-chart-container .correlation-chart-legend-container .label-icon {
  position: absolute;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  line-height: 1.0714285714rem;
  padding-left: 0.2142857143rem;
  border-radius: 0.7142857143rem;
}
.motif-theme .ant-correlation-chart-container .correlation-chart-legend-container .label-value {
  margin-left: 2rem;
  margin-top: 0.2857142857rem;
  line-height: 1.5714285714rem;
}
.motif-theme .ant-pipeline-chart {
  width: 100%;
  display: block;
}
.motif-theme .ant-pipeline-chart .text-value {
  fill: #333333;
  font-size: 1.2857142857rem;
  transform: translate(0, -7px);
  font-family: "Montserrat-Regular";
}
.motif-theme .ant-pipeline-chart .text-label {
  fill: #333333;
  font-size: 0.8571428571rem;
  transform: translate(0, -28px);
  font-family: "Lato-Bold";
}
@media screen and (max-width: 800px) {
  .motif-theme .ant-pipeline-chart .text-value {
    font-size: 0.8571428571rem;
    transform: translate(0, -6px);
  }
  .motif-theme .ant-pipeline-chart .text-label {
    transform: translate(0, -19px);
  }
}
.motif-theme .ant-pipeline-legend {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-top: 30px;
  padding: 0;
}
.motif-theme .ant-pipeline-legend li {
  margin: 0 25px 10px 0;
  font-size: 0.8571428571rem;
}
.motif-theme .ant-pipeline-legend li:last-child {
  margin-right: 0;
}
.motif-theme .ant-pipeline-legend .color-dot {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  top: 1px;
  border-radius: 50%;
  margin-right: 5px;
}
.motif-theme .ant-bubble-map-container .ant-bubble-marker {
  fill: #286ce2;
  fill-opacity: 0.2;
  stroke: #286ce2;
  stroke-width: 1px;
}
.motif-theme .ant-bubble-map-container .ant-bubble-map-tooltip {
  background-color: #ffffff;
  border: thin solid #286ce2;
  padding: 1.7142857143rem;
  opacity: 0;
  position: absolute;
}
.motif-theme .date-selector-range {
  display: flex;
  flex-direction: row;
}
.motif-theme .date-selector-range button {
  appearance: none;
  background: #fff;
  border-top: 1px solid #286ce2;
  border-bottom: 1px solid #286ce2;
  border-left: 1px solid #286ce2;
  border-right: none;
  font-size: 0.8571428571rem;
  height: 30px;
  color: #286ce2;
  padding: 0 20px;
  font-weight: 700;
}
.motif-theme .date-selector-range button:last-child {
  border-right: 1px solid #286ce2;
}
.motif-theme .date-selector-nav button {
  appearance: none;
  border: none;
  background: none;
}
.motif-theme .date-selector-nav .current {
  font-size: 0.8571428571rem;
  color: #000;
  font-weight: 700;
}
.motif-theme .date-selector-nav .next span,
.motif-theme .date-selector-nav .prev span {
  font-family: "ant-motif-icons";
  display: inline-block;
  font-size: 1.4285714286rem;
  margin: 0 0.125rem;
  color: #286ce2;
}
.motif-theme .date-selector-nav .next span:before,
.motif-theme .date-selector-nav .prev span:before {
  content: "\e90f";
}
.motif-theme .date-selector-nav .next span {
  transform: rotate(-90deg);
}
.motif-theme .date-selector-nav .prev span {
  transform: rotate(90deg);
}
.motif-theme .ant-biometric-chart {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.motif-theme .ant-biometric-chart .range-key {
  flex: 1;
  display: flex;
  align-items: center;
  height: 2.1428571429rem;
}
@media screen and (max-width: 800px) {
  .motif-theme .ant-biometric-chart .range-key {
    order: 4;
    margin-top: 1.7142857143rem;
    flex-basis: 100%;
  }
}
.motif-theme .ant-biometric-chart .range-key .block {
  height: 100%;
  width: 4.2857142857rem;
  background: rgba(0, 215, 149, 0.1);
  border-top: 1px dashed #3BB273;
  border-bottom: 1px dashed #3BB273;
  margin-right: 0.5714285714rem;
}
.motif-theme .ant-biometric-chart .range-key .text {
  font-size: 0.8571428571rem;
}
.motif-theme .ant-biometric-chart .date-range-selector {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.0714285714rem;
  flex-basis: 65%;
}
@media screen and (max-width: 800px) {
  .motif-theme .ant-biometric-chart .date-range-selector {
    flex-basis: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.motif-theme .ant-biometric-chart .date-range-selector .date-selector-range .btn.current {
  color: #ffffff;
  background: #286ce2;
}
.motif-theme .ant-biometric-chart .date-range-selector .date-selector-nav {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 2.1428571429rem;
  margin-left: 10%;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .motif-theme .ant-biometric-chart .date-range-selector .date-selector-nav {
    flex-basis: 100%;
    margin-top: 1.7142857143rem;
    margin-left: 0;
  }
}
.motif-theme .ant-biometric-chart #svg-biometric {
  position: relative;
  flex-basis: 100%;
}
.motif-theme .ant-biometric-chart #svg-biometric .axis--x path {
  display: none;
}
.motif-theme .ant-biometric-chart #svg-biometric .axis--x line {
  display: none;
}
.motif-theme .ant-biometric-chart #svg-biometric .axis--x text {
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.motif-theme .ant-biometric-chart #svg-biometric .axis--y path, .motif-theme .ant-biometric-chart #svg-biometric .axis--y line {
  display: none;
}
.motif-theme .ant-biometric-chart #svg-biometric .axis--y text {
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .motif-theme .ant-biometric-chart #svg-biometric .axis--y .tick:nth-child(odd) {
    opacity: 0;
  }
}
.motif-theme .ant-biometric-chart #svg-biometric .y-axis-grid text, .motif-theme .ant-biometric-chart #svg-biometric .y-axis-grid path {
  display: none;
}
.motif-theme .ant-biometric-chart #svg-biometric .y-axis-grid line {
  opacity: 0.05;
}
.motif-theme .ant-biometric-chart #svg-biometric .tool-tip {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
  background-color: black;
}
.motif-theme .ant-biometric-chart #svg-biometric .tool-tip .arrow_box {
  position: absolute;
  background: #fff;
  border: 1px solid #286CE2;
  padding: 10px;
  text-align: center;
  min-width: 8.9285714286rem;
  transform: translate(-50%, -115%);
  left: 0;
  top: 0;
}
.motif-theme .ant-biometric-chart #svg-biometric .tool-tip .arrow_box:after {
  top: calc(100% - 2px);
  left: 50%;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  transform: translateX(-50%);
}
.motif-theme .ant-biometric-chart #svg-biometric .tool-tip .arrow_box:before {
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #286CE2;
  transform: translateX(-50%);
}
.motif-theme .ant-biometric-chart #svg-biometric .tool-tip .bio-value {
  font-size: 0.8571428571rem;
  font-weight: 700;
  margin: 0.3571428571rem 0;
}
.motif-theme .ant-biometric-chart #svg-biometric .tool-tip .bio-label,
.motif-theme .ant-biometric-chart #svg-biometric .tool-tip .bio-date {
  font-size: 0.8571428571rem;
}
.motif-theme .ant-error-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: none;
  padding: 0.5rem 0;
}
.motif-theme .ant-error-container .ant-error {
  font-size: 12px;
  font-weight: bold;
}
.motif-theme .ant-error-container .ant-error--negative {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #cc0033;
}
.motif-theme .ant-error-container .ant-error--negative::before {
  display: block;
  font-family: "ant-motif-icons";
  content: "\e97f";
  margin-right: 0.25rem;
}
.motif-theme .ant-error-container-validation {
  margin: 0;
  max-height: 130px;
}
.motif-theme .ant-error-container-validation .ant-error {
  font-size: 10px;
  margin-bottom: 8px;
  margin-left: 6px;
  margin-right: 18px;
  align-items: center;
}
.motif-theme .ant-error-container-validation .ant-error::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #949494;
  margin-right: 6px;
  margin-bottom: 2px;
}
.motif-theme .ant-error-container-validation .ant-error.valid::before {
  background-color: #58abdf;
}
.motif-theme .ant-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  width: 100%;
}
.motif-theme .ant-form-field {
  border: thin solid #949494;
}
.motif-theme .ant-form-field.has-error {
  border: thin solid #cc0033;
}
.motif-theme .ant-form-field.is-active {
  border: thin solid #286ce2;
}
.motif-theme .ant-form-field .ant-input {
  font-size: 0.8571428571rem;
  color: #555555;
  padding: 0.25rem 1rem;
  border: none;
}
.motif-theme .ant-form-field .ant-input::placeholder {
  color: #333;
  font-weight: normal;
}
.motif-theme .ant-form-field .ant-input::-moz-placeholder {
  color: #333;
  font-weight: normal;
}
.motif-theme .ant-form-field .ant-input::-webkit-input-placeholder {
  color: #333;
  font-weight: normal;
}
.motif-theme .ant-form-field .ant-input:-ms-input-placeholder {
  color: #333;
  font-weight: normal;
}
.motif-theme .ant-form-field.ant-text-secure {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.motif-theme .ant-form-field.ant-text-secure .ant-input {
  flex: 1 0 auto;
}
.motif-theme .ant-form-field.ant-text-secure .ant-text-button {
  cursor: pointer;
  border: none;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  display: inline-block;
  justify-self: flex-end;
}
.motif-theme .ant-form-field.ant-text-secure .ant-text-button::-moz-focus-inner {
  border: 0;
}
.motif-theme .ant-form-field.ant-text-secure .ant-text-button::before {
  display: block;
  font-family: "ant-motif-icons";
  content: "\e9bb";
}
.motif-theme .ant-form-field.ant-text-search {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}
.motif-theme .ant-form-field.ant-text-search .ant-input {
  flex: 1 0 auto;
}
.motif-theme .ant-form-field.ant-text-search .ant-text-button {
  display: inline-block;
  justify-self: flex-end;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  padding-left: 3rem;
  padding-right: 3rem;
  background: #286ce2;
  border-color: #286ce2;
  color: #ffffff;
}
.motif-theme .ant-form-label {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #333333;
  font-weight: bold;
}
.motif-theme .ant-text-input {
  font-size: 0.8571428571rem;
  border: 1px solid #949494;
  color: #555555;
  padding: 0.25rem 1rem;
  height: 40px;
}
.motif-theme .ant-text-input.has-error {
  border: thin solid theme-color("danger");
}
.motif-theme .ant-text-input::placeholder {
  color: #333;
  font-weight: normal;
}
.motif-theme .ant-text-input::-moz-placeholder {
  color: #333;
  font-weight: normal;
}
.motif-theme .ant-text-input::-webkit-input-placeholder {
  color: #333;
  font-weight: normal;
}
.motif-theme .ant-text-input:-ms-input-placeholder {
  color: #333;
  font-weight: normal;
}
.motif-theme .form-item label {
  font-size: 1rem;
  font-weight: 500;
}
.motif-theme .ant-data-security-mask {
  display: inline-block;
  position: static;
}
.motif-theme .ant-data-security-mask .ant-security-mask-btn {
  border: none;
  background: transparent;
}
.motif-theme .ant-data-security-mask .ant-security-mask-icon {
  font-family: "ant-motif-icons";
}
.motif-theme .ant-data-security-mask .ant-security-mask-icon::after {
  display: block;
  content: "\e9bb";
}
.motif-theme .ant-auto-suggest {
  width: 176px;
}
.motif-theme .prLabel {
  color: #555555;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  top: 0.3rem;
}
.motif-theme .prLabel:before {
  margin-right: 0.5rem;
  border-radius: 50%;
  border: 1px solid #949494;
}
.motif-theme .prLabel.active:before {
  background: -moz-radial-gradient(center, ellipse cover, #286ce2 37%, #ffffff 45%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(37%, #286ce2), color-stop(45%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #286ce2 37%, #ffffff 45%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #286ce2 37%, #ffffff 45%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #286ce2 37%, #ffffff 45%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #286ce2 37%, #ffffff 45%);
  /* W3C */
  /* IE6-9 fallback on horizontal gradient */
}
.motif-theme .prLabel.prDisabled:before {
  background-color: #f7f7f7;
}
.motif-theme .prLabel.ant-error-state:before {
  border: 1px solid #cc0033;
}
.motif-theme .ant-lg-select {
  width: 500px;
  max-width: 100%;
}
.motif-theme .ant-md-select {
  width: 300px;
  max-width: 100%;
}
.motif-theme .ant-sm-select {
  width: 150px;
  max-width: 100%;
}
.motif-theme .pfSelect {
  position: relative;
}
.motif-theme .pfSelect .pfSelect-legend {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #333333;
  font-weight: bold;
}
.motif-theme .pfSelect .psButton {
  background: transparent;
  border: 1px solid #949494;
  color: #666666;
  padding: 0.25rem 0.75rem;
  background: #ffffff;
  border-radius: 0px;
  height: 40px !important;
}
.motif-theme .pfSelect .psButton:focus {
  box-shadow: 0 0 3px 2px #286ce2;
}
.motif-theme .pfSelect .psButton .psActiveOption {
  display: inline-block;
  top: 0;
  width: calc(100% - 2.65rem);
  text-align: left;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.motif-theme .pfSelect .psArrow {
  color: #333333;
  float: right;
  position: relative;
  font-family: "ant-motif-icons";
  height: 0;
}
.motif-theme .pfSelect .psArrow::before {
  content: "\eaa9";
}
.motif-theme .pfSelect .psActiveOption {
  font-size: 0.8571428571rem;
  color: #555555;
  width: unset;
  float: left;
}
.motif-theme .pfSelect.active .psDropdown {
  z-index: 200;
}
.motif-theme .pfSelect.active .psArrow::before {
  content: "\eaad";
}
.motif-theme .psLabel {
  font-size: 0.8571428571rem;
  font-weight: 400;
  padding: 1rem 0 1rem 0.75rem;
}
.motif-theme .psLabel:first-of-type {
  padding-top: 1.2857142857rem;
}
.motif-theme .psLabel:last-of-type {
  padding-bottom: 1.2857142857rem;
}
.motif-theme .psLabel.focus, .motif-theme .psLabel:hover {
  background: #286ce2;
  color: #ffffff;
  text-decoration: none;
}
.motif-theme .psDropdown.active {
  width: 100%;
  background: #ffffff;
  border: solid thin #949494;
  border-top: none;
  border-radius: 0;
  margin: 0;
}
.motif-theme .psDropdown.active:focus {
  outline: none;
}
.motif-theme label.pcLabel {
  width: auto;
  margin-bottom: 0.5rem;
  font-size: 0.8571428571rem;
  color: #333333;
  margin-right: 0.5rem;
  font-weight: normal;
  margin-bottom: 0.5rem;
  margin-left: 2.25rem;
}
.motif-theme label.pcLabel::before {
  display: inline-block;
  position: absolute;
  border: 1px solid #949494;
  color: #286ce2;
  height: 1.25rem;
  width: 1.25rem;
  margin-left: -1.75rem;
  line-height: 0.9rem;
  text-indent: 0;
  border-radius: 0;
  font-weight: 600;
  top: 0.05rem;
  font-family: "ant-motif-icons";
  content: "";
  padding: 2px 0 0 3px;
}
.motif-theme label.pcLabel.pcDisabled::before {
  background-color: #cccccc;
}
.motif-theme label.pcLabel.active::before {
  text-indent: -1px;
  content: "\eb31";
  color: #fff;
  background: #286ce2;
}
.motif-theme label.pcLabel.ant-error-state::before {
  border: 1px #cc0033;
  background-color: #fff0fa;
}
.motif-theme label.pcLabel.focus {
  outline: thin solid #0079c2;
  outline-offset: 3px;
}
.motif-theme .pfToggleB .ptLabel {
  width: 3.25rem;
  height: 1.5714285714rem;
  background-color: #cccccc;
  font-weight: 400;
}
.motif-theme .pfToggleB .ptLabel span {
  top: -15px;
}
.motif-theme .pfToggleB .ptLabel:before {
  content: " ";
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  margin: 0.0714285714rem;
  background-color: #ffffff;
}
.motif-theme .pfToggleB .ptLabel.active {
  background-color: #286ce2;
}
.motif-theme .pfToggleB .ptOption + .ptLabel.active:before {
  margin-left: 1.75rem;
}
.motif-theme .pfToggleB .ptOption + .ptLabel.focus {
  box-shadow: 0 0 5px #0079c2;
}
.motif-theme .pfToggleSwitch .ptLabel {
  display: inline-block;
  width: auto;
  border-color: #949494;
  padding: 0.3rem 0.75rem;
  margin-bottom: 0;
  font-weight: 400;
  background: white;
}
.motif-theme .pfToggleSwitch .ptLabel.active {
  background-color: #286ce2;
  color: #ffffff;
  border-color: #286ce2;
  outline: none;
}
.motif-theme .pfToggleSwitch .optionWrapper:first-of-type .ptLabel {
  border-radius: 0px;
}
.motif-theme .pfToggleSwitch .optionWrapper:last-of-type .ptLabel {
  border-right: 1px solid #949494;
  border-radius: 0px;
}
.motif-theme .pfToggleSwitch .optionWrapper:last-of-type .ptLabel.active {
  border-right: none;
}
.motif-theme .ant-sub-navigation-container,
.motif-theme .ant-pattern-library-sub-nav {
  background-color: #ffffff;
}
.motif-theme .ui-datepicker {
  border-color: #69b3e7 #dcdcdc #dcdcdc;
}
.motif-theme .ui-datepicker-header {
  padding: 0.2em 0;
  background: #0079c2 none repeat scroll 0 0;
  color: #fff;
}
.motif-theme .ui-datepicker .ui-datepicker-prev span,
.motif-theme .ui-datepicker .ui-datepicker-next span {
  margin-left: -8px;
  margin-top: -8px;
}
.motif-theme .ui-datepicker td span,
.motif-theme .ui-datepicker td a {
  color: #666666;
}
.motif-theme .ui-datepicker td.ui-datepicker-current-day a,
.motif-theme .ui-datepicker td a:hover {
  background: #0079c2 none repeat scroll 0 0;
  color: #fff;
}
.motif-theme td.ui-datepicker-unselectable span {
  color: #dcdcdc;
}
.motif-theme .ui-datepicker-prev::before,
.motif-theme .ui-datepicker-next::before {
  color: #ffffff;
}
.motif-theme .ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
}
.motif-theme .ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.motif-theme .ui-datepicker-trigger {
  color: #0079c2;
}
.motif-theme .hasDatepicker.focus,
.motif-theme .hasDatepicker.focus + .ui-datepicker-trigger .fa {
  border-color: #69b3e7;
}
.motif-theme .ui-datepicker-trigger span.ant-calendar-icon {
  color: #0079c2;
  border-left: 1px solid #666666;
  padding: 1px 0 0 7px;
}
.motif-theme .ui-datepicker-trigger span.ant-calendar-icon {
  font-family: "ant-motif-icons";
}
.motif-theme .ui-datepicker-trigger span.ant-calendar-icon.ant-calendar-calendar:before {
  content: "\e937";
}
.motif-theme .ui-datepicker-trigger span.ant-calendar-icon.ant-calendar-remove:before {
  content: "\e93b";
}
.motif-theme .ui-datepicker .ui-datepicker-prev,
.motif-theme .ui-datepicker .ui-datepicker-prev:hover {
  transform: rotate(90deg);
  left: 10px;
  top: -7px;
}
.motif-theme .ui-datepicker .ui-datepicker-next,
.motif-theme .ui-datepicker .ui-datepicker-next:hover {
  transform: rotate(270deg);
  right: 10px;
  top: 10px;
}
.motif-theme .ui-datepicker-prev::before,
.motif-theme .ui-datepicker-next::before {
  font-family: "ant-motif-icons";
}
.motif-theme .ui-datepicker-prev::before {
  content: "\eaa9";
}
.motif-theme .ui-datepicker-next::before {
  content: "\eaa9";
}
.motif-theme input.pfText.hasDatepicker,
.motif-theme input.pfText.hasDatepicker:hover,
.motif-theme input.pfText.hasDatepicker:focus {
  width: 220px;
}
.motif-theme legend,
.motif-theme label {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #333333;
  font-weight: bold;
  padding: 0;
  border: 0;
  border-bottom: none;
}
.motif-theme .page-header-wrapper {
  background-image: url("/member/assets/images/motif/page-header-bg-center.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #286ce2;
  display: flex;
  flex-direction: column;
  position: relative;
}
.motif-theme .page-header-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/member/assets/images/motif/page-header-bg-left.png");
  background-position: left bottom;
  background-repeat: no-repeat;
}
.motif-theme .page-header-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/member/assets/images/motif/page-header-bg-right.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}
.motif-theme .page-header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2.5rem 3.7142857143rem;
  color: #ffffff;
}
.motif-theme .page-header-container .page-head {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  font-size: 2.285rem;
  font-weight: 500;
}
.motif-theme .page-header-container .page-header-text-container {
  display: none;
}
@media only screen and (min-width: 800px) {
  .motif-theme .page-header-container .page-header-text-container {
    align-items: center;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    text-align: right;
  }
  .motif-theme .page-header-container .page-header-text-container p,
  .motif-theme .page-header-container .page-header-text-container a {
    color: #ffffff;
    margin: 0px;
  }
  .motif-theme .page-header-container .page-header-text-container .page-header-icon {
    font-size: 2.7rem;
    margin-left: 1.75rem;
  }
}
.motif-theme .ant-actionable-input-field {
  background-color: #ffffff;
  display: flex;
  justify-content: flex-start;
  border: 1px solid #949494;
  border-radius: 0.1428571429rem;
  width: 100%;
  margin-top: 2.2857142857rem;
}
.motif-theme .ant-actionable-input-field .ant-search-field__input {
  position: relative;
  flex: 1 0 75%;
  height: 100%;
  display: flex;
}
.motif-theme .ant-actionable-input-field .ant-search-field__other {
  display: flex;
}
.motif-theme .ant-actionable-input-field .ant-search-input__delete {
  background: transparent;
  border: none;
  color: #666;
}
.motif-theme .ant-actionable-input-field .ant-search-input__delete .delete-icon {
  background: transparent;
  font-family: "ant-motif-icons";
  color: #286ce2;
  font-size: 1.7142857143rem;
  width: 3.4285714286rem;
  font-size: 1.2857142857rem;
}
.motif-theme .ant-actionable-input-field .ant-search-input__delete .delete-icon::before {
  display: block;
  content: "\e97f";
}
.motif-theme .ant-actionable-input-field .ant-search-input__delete:not(:focus) {
  outline: none;
}
.motif-theme .ant-actionable-input-field .ant-autocomplete-input {
  overflow: hidden;
  border: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 3.5714285714rem;
  width: 100%;
  padding: 1.2857142857rem 0.5714285714rem;
  font-size: 1.2857142857rem;
}
.motif-theme .ant-actionable-input-field .ant-autocomplete-input::placeholder {
  color: #666666;
  font-weight: normal;
}
.motif-theme .ant-actionable-input-field .ant-autocomplete-input::-moz-placeholder {
  color: #666666;
  font-weight: normal;
}
.motif-theme .ant-actionable-input-field .ant-autocomplete-input::-webkit-input-placeholder {
  color: #666666;
  font-weight: normal;
}
.motif-theme .ant-actionable-input-field .ant-autocomplete-input:-ms-input-placeholder {
  color: #666666;
  font-weight: normal;
}
.motif-theme .ant-actionable-input-field .ant-autocomplete-input:not(:focus) {
  outline: none;
}
.motif-theme .ant-actionable-input-field .ant-search-btn {
  background-color: transparent;
  border: none;
  height: 100%;
}
.motif-theme .ant-actionable-input-field .ant-search-btn:not(:focus) {
  outline: none;
}
.motif-theme .ant-actionable-input-field .search-input-icon {
  background: transparent;
  font-family: "ant-motif-icons";
  color: #286ce2;
  font-size: 1.7142857143rem;
  width: 3.4285714286rem;
}
.motif-theme .ant-actionable-input-field .search-input-icon::before {
  display: block;
  content: "\ea92";
  width: inherit;
}
.motif-theme .ant-actionable-input-field .search-input-icon:not(:focus) {
  outline: none;
}
.motif-theme .ant-actionable-input-field .icon {
  background: transparent;
  font-family: "ant-motif-icons";
  color: #286ce2;
  font-size: 1.7142857143rem;
  width: 3.4285714286rem;
}
.motif-theme .ant-actionable-input-field .ant-input-field {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-left: 1px solid #949494;
  height: 100%;
  padding: 0 1.1428571429rem;
}
.motif-theme .ant-actionable-input-field .ant-text-input {
  overflow: hidden;
  border: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 3.5714285714rem;
  width: 100%;
  padding: 1.2857142857rem 0.5714285714rem;
  font-size: 1.2857142857rem;
}
.motif-theme .ant-actionable-input-field .ant-text-input::placeholder {
  color: #666666;
  font-weight: normal;
}
.motif-theme .ant-actionable-input-field .ant-text-input::-moz-placeholder {
  color: #666666;
  font-weight: normal;
}
.motif-theme .ant-actionable-input-field .ant-text-input::-webkit-input-placeholder {
  color: #666666;
  font-weight: normal;
}
.motif-theme .ant-actionable-input-field .ant-text-input:-ms-input-placeholder {
  color: #666666;
  font-weight: normal;
}
.motif-theme .ant-actionable-input-field .ant-text-input:not(:focus) {
  outline: none;
}
.motif-theme .ant-actionable-input-field .ant-text-input::placeholder {
  color: inherit;
}
.motif-theme .ant-actionable-input-field .ant-text-input::-moz-placeholder {
  color: inherit;
}
.motif-theme .ant-actionable-input-field .ant-text-input::-webkit-input-placeholder {
  color: inherit;
}
.motif-theme .ant-actionable-input-field .ant-text-input:-ms-input-placeholder {
  color: inherit;
}
.motif-theme .ant-autocomplete-panel {
  display: flex;
  flex-direction: column;
  min-width: 48.5714285714rem;
  padding-top: 0.5714285714rem;
}
.motif-theme .ant-autocomplete-panel__listbox {
  background-color: #ffffff;
  box-shadow: 0 0 20px 0 rgba(215, 222, 227, 0.39), 0 26px 90px 0 rgba(51, 60, 70, 0.3);
}
.motif-theme .actionable-header-results a {
  text-decoration: none;
}
.motif-theme .actionable-header-results .section-header {
  align-items: center;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  padding: 0.8571428571rem 1.7142857143rem;
}
.motif-theme .actionable-header-results .results-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.motif-theme .actionable-header-results .results-list li {
  border-bottom: 1px solid #e6e6e6;
  padding: 1.5rem 1.7142857143rem;
}
.motif-theme .actionable-header-results .results-list .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.motif-theme .actionable-header-results .results-list .distance {
  color: #666666;
  display: flex;
  align-items: center;
  margin: 0.6428571429rem 0;
}
.motif-theme .actionable-header-results .results-list .distance-icon:before {
  content: "\ea20";
  font-size: 1.4285714286rem;
  margin: 0 0.3571428571rem 0 -0.2142857143rem;
}
.motif-theme .actionable-header-results .results-list .address {
  margin-bottom: 0;
}
.motif-theme .actionable-header-results .star-rating {
  display: flex;
  flex-direction: row;
}
.motif-theme .actionable-header-results .star-rating .star {
  color: #cccccc;
  font-size: 1.0714285714rem;
}
.motif-theme .actionable-header-results .star-rating .star:before {
  content: "\e9c3";
}
.motif-theme .actionable-header-results .star-rating .star.active {
  color: #f89c52;
}
.motif-theme .actionable-header-results .star-rating .star + .star {
  margin-left: 5px;
}
.motif-theme .ant-panel-dropdown {
  display: block;
  width: 100%;
  height: 100%;
}
.motif-theme .ant-panel-dropdown__trigger {
  background: transparent;
  border: none;
  color: #666;
  height: 100%;
  width: 100%;
  color: #666666;
  font-weight: normal;
  text-align: center;
  font-size: 1.2857142857rem;
  padding: 0;
}
.motif-theme .ant-panel-dropdown__trigger:not(:focus) {
  outline: none;
}
.motif-theme .ant-panel-dropdown .trigger-icon {
  font-family: "ant-motif-icons";
  margin-left: 0.5714285714rem;
  font-size: 0.7857142857rem;
  color: inherit;
}
.motif-theme .ant-panel-dropdown .trigger-icon::after {
  content: "\eaa9";
}
.motif-theme .ant-panel {
  display: flex;
  flex-direction: column;
  padding-top: 0.5714285714rem;
}
.motif-theme .ant-panel .ant-panel-inner {
  background-color: #ffffff;
  box-shadow: 0 0 20px 0 rgba(215, 222, 227, 0.39), 0 26px 90px 0 rgba(51, 60, 70, 0.3);
}
.motif-theme .ant-panel .ant-panel-content {
  padding: 2.2857142857rem;
}
.motif-theme .ant-panel .divider {
  display: block;
  height: 1px;
  border-top: 1px solid;
}
.motif-theme .ant-panel legend {
  font-size: 18px;
  margin-bottom: 1.7142857143rem;
}
.motif-theme .ant-panel .prLabel {
  margin-bottom: 1.1428571429rem;
}
.motif-theme .button-group .btn + .btn {
  margin-left: 1.1428571429rem;
}
.motif-theme .ant-input-field {
  flex: 1 1;
}
.motif-theme .motif-margin-top-0 {
  margin-top: 0rem;
}
.motif-theme .motif-margin-right-0 {
  margin-right: 0rem;
}
.motif-theme .motif-margin-bottom-0 {
  margin-bottom: 0rem;
}
.motif-theme .motif-margin-left-0 {
  margin-left: 0rem;
}
.motif-theme .motif-pad-top-0 {
  padding-top: 0rem;
}
.motif-theme .motif-pad-right-0 {
  padding-right: 0rem;
}
.motif-theme .motif-pad-bottom-0 {
  padding-bottom: 0rem;
}
.motif-theme .motif-pad-left-0 {
  padding-left: 0rem;
}
.motif-theme .motif-margin-top-1 {
  margin-top: 0.125rem;
}
.motif-theme .motif-margin-right-1 {
  margin-right: 0.125rem;
}
.motif-theme .motif-margin-bottom-1 {
  margin-bottom: 0.125rem;
}
.motif-theme .motif-margin-left-1 {
  margin-left: 0.125rem;
}
.motif-theme .motif-pad-top-1 {
  padding-top: 0.125rem;
}
.motif-theme .motif-pad-right-1 {
  padding-right: 0.125rem;
}
.motif-theme .motif-pad-bottom-1 {
  padding-bottom: 0.125rem;
}
.motif-theme .motif-pad-left-1 {
  padding-left: 0.125rem;
}
.motif-theme .motif-margin-top-2 {
  margin-top: 0.25rem;
}
.motif-theme .motif-margin-right-2 {
  margin-right: 0.25rem;
}
.motif-theme .motif-margin-bottom-2 {
  margin-bottom: 0.25rem;
}
.motif-theme .motif-margin-left-2 {
  margin-left: 0.25rem;
}
.motif-theme .motif-pad-top-2 {
  padding-top: 0.25rem;
}
.motif-theme .motif-pad-right-2 {
  padding-right: 0.25rem;
}
.motif-theme .motif-pad-bottom-2 {
  padding-bottom: 0.25rem;
}
.motif-theme .motif-pad-left-2 {
  padding-left: 0.25rem;
}
.motif-theme .motif-margin-top-3 {
  margin-top: 0.5rem;
}
.motif-theme .motif-margin-right-3 {
  margin-right: 0.5rem;
}
.motif-theme .motif-margin-bottom-3 {
  margin-bottom: 0.5rem;
}
.motif-theme .motif-margin-left-3 {
  margin-left: 0.5rem;
}
.motif-theme .motif-pad-top-3 {
  padding-top: 0.5rem;
}
.motif-theme .motif-pad-right-3 {
  padding-right: 0.5rem;
}
.motif-theme .motif-pad-bottom-3 {
  padding-bottom: 0.5rem;
}
.motif-theme .motif-pad-left-3 {
  padding-left: 0.5rem;
}
.motif-theme .motif-margin-top-4 {
  margin-top: 0.75rem;
}
.motif-theme .motif-margin-right-4 {
  margin-right: 0.75rem;
}
.motif-theme .motif-margin-bottom-4 {
  margin-bottom: 0.75rem;
}
.motif-theme .motif-margin-left-4 {
  margin-left: 0.75rem;
}
.motif-theme .motif-pad-top-4 {
  padding-top: 0.75rem;
}
.motif-theme .motif-pad-right-4 {
  padding-right: 0.75rem;
}
.motif-theme .motif-pad-bottom-4 {
  padding-bottom: 0.75rem;
}
.motif-theme .motif-pad-left-4 {
  padding-left: 0.75rem;
}
.motif-theme .motif-margin-top-5 {
  margin-top: 1rem;
}
.motif-theme .motif-margin-right-5 {
  margin-right: 1rem;
}
.motif-theme .motif-margin-bottom-5 {
  margin-bottom: 1rem;
}
.motif-theme .motif-margin-left-5 {
  margin-left: 1rem;
}
.motif-theme .motif-pad-top-5 {
  padding-top: 1rem;
}
.motif-theme .motif-pad-right-5 {
  padding-right: 1rem;
}
.motif-theme .motif-pad-bottom-5 {
  padding-bottom: 1rem;
}
.motif-theme .motif-pad-left-5 {
  padding-left: 1rem;
}
.motif-theme .motif-margin-top-6 {
  margin-top: 1.25rem;
}
.motif-theme .motif-margin-right-6 {
  margin-right: 1.25rem;
}
.motif-theme .motif-margin-bottom-6 {
  margin-bottom: 1.25rem;
}
.motif-theme .motif-margin-left-6 {
  margin-left: 1.25rem;
}
.motif-theme .motif-pad-top-6 {
  padding-top: 1.25rem;
}
.motif-theme .motif-pad-right-6 {
  padding-right: 1.25rem;
}
.motif-theme .motif-pad-bottom-6 {
  padding-bottom: 1.25rem;
}
.motif-theme .motif-pad-left-6 {
  padding-left: 1.25rem;
}
.motif-theme .motif-margin-top-7 {
  margin-top: 1.5rem;
}
.motif-theme .motif-margin-right-7 {
  margin-right: 1.5rem;
}
.motif-theme .motif-margin-bottom-7 {
  margin-bottom: 1.5rem;
}
.motif-theme .motif-margin-left-7 {
  margin-left: 1.5rem;
}
.motif-theme .motif-pad-top-7 {
  padding-top: 1.5rem;
}
.motif-theme .motif-pad-right-7 {
  padding-right: 1.5rem;
}
.motif-theme .motif-pad-bottom-7 {
  padding-bottom: 1.5rem;
}
.motif-theme .motif-pad-left-7 {
  padding-left: 1.5rem;
}
.motif-theme .motif-margin-top-8 {
  margin-top: 1.75rem;
}
.motif-theme .motif-margin-right-8 {
  margin-right: 1.75rem;
}
.motif-theme .motif-margin-bottom-8 {
  margin-bottom: 1.75rem;
}
.motif-theme .motif-margin-left-8 {
  margin-left: 1.75rem;
}
.motif-theme .motif-pad-top-8 {
  padding-top: 1.75rem;
}
.motif-theme .motif-pad-right-8 {
  padding-right: 1.75rem;
}
.motif-theme .motif-pad-bottom-8 {
  padding-bottom: 1.75rem;
}
.motif-theme .motif-pad-left-8 {
  padding-left: 1.75rem;
}
.motif-theme .motif-margin-top-9 {
  margin-top: 2rem;
}
.motif-theme .motif-margin-right-9 {
  margin-right: 2rem;
}
.motif-theme .motif-margin-bottom-9 {
  margin-bottom: 2rem;
}
.motif-theme .motif-margin-left-9 {
  margin-left: 2rem;
}
.motif-theme .motif-pad-top-9 {
  padding-top: 2rem;
}
.motif-theme .motif-pad-right-9 {
  padding-right: 2rem;
}
.motif-theme .motif-pad-bottom-9 {
  padding-bottom: 2rem;
}
.motif-theme .motif-pad-left-9 {
  padding-left: 2rem;
}
.motif-theme .motif-margin-top-10 {
  margin-top: 2.25rem;
}
.motif-theme .motif-margin-right-10 {
  margin-right: 2.25rem;
}
.motif-theme .motif-margin-bottom-10 {
  margin-bottom: 2.25rem;
}
.motif-theme .motif-margin-left-10 {
  margin-left: 2.25rem;
}
.motif-theme .motif-pad-top-10 {
  padding-top: 2.25rem;
}
.motif-theme .motif-pad-right-10 {
  padding-right: 2.25rem;
}
.motif-theme .motif-pad-bottom-10 {
  padding-bottom: 2.25rem;
}
.motif-theme .motif-pad-left-10 {
  padding-left: 2.25rem;
}
.motif-theme .motif-margin-top-11 {
  margin-top: 2.5rem;
}
.motif-theme .motif-margin-right-11 {
  margin-right: 2.5rem;
}
.motif-theme .motif-margin-bottom-11 {
  margin-bottom: 2.5rem;
}
.motif-theme .motif-margin-left-11 {
  margin-left: 2.5rem;
}
.motif-theme .motif-pad-top-11 {
  padding-top: 2.5rem;
}
.motif-theme .motif-pad-right-11 {
  padding-right: 2.5rem;
}
.motif-theme .motif-pad-bottom-11 {
  padding-bottom: 2.5rem;
}
.motif-theme .motif-pad-left-11 {
  padding-left: 2.5rem;
}
.motif-theme .motif-margin-top-12 {
  margin-top: 2.75rem;
}
.motif-theme .motif-margin-right-12 {
  margin-right: 2.75rem;
}
.motif-theme .motif-margin-bottom-12 {
  margin-bottom: 2.75rem;
}
.motif-theme .motif-margin-left-12 {
  margin-left: 2.75rem;
}
.motif-theme .motif-pad-top-12 {
  padding-top: 2.75rem;
}
.motif-theme .motif-pad-right-12 {
  padding-right: 2.75rem;
}
.motif-theme .motif-pad-bottom-12 {
  padding-bottom: 2.75rem;
}
.motif-theme .motif-pad-left-12 {
  padding-left: 2.75rem;
}
.motif-theme .motif-margin-top-13 {
  margin-top: 3rem;
}
.motif-theme .motif-margin-right-13 {
  margin-right: 3rem;
}
.motif-theme .motif-margin-bottom-13 {
  margin-bottom: 3rem;
}
.motif-theme .motif-margin-left-13 {
  margin-left: 3rem;
}
.motif-theme .motif-pad-top-13 {
  padding-top: 3rem;
}
.motif-theme .motif-pad-right-13 {
  padding-right: 3rem;
}
.motif-theme .motif-pad-bottom-13 {
  padding-bottom: 3rem;
}
.motif-theme .motif-pad-left-13 {
  padding-left: 3rem;
}
.motif-theme .motif-margin-top-14 {
  margin-top: 3.25rem;
}
.motif-theme .motif-margin-right-14 {
  margin-right: 3.25rem;
}
.motif-theme .motif-margin-bottom-14 {
  margin-bottom: 3.25rem;
}
.motif-theme .motif-margin-left-14 {
  margin-left: 3.25rem;
}
.motif-theme .motif-pad-top-14 {
  padding-top: 3.25rem;
}
.motif-theme .motif-pad-right-14 {
  padding-right: 3.25rem;
}
.motif-theme .motif-pad-bottom-14 {
  padding-bottom: 3.25rem;
}
.motif-theme .motif-pad-left-14 {
  padding-left: 3.25rem;
}
.motif-theme .motif-margin-top-15 {
  margin-top: 3.5rem;
}
.motif-theme .motif-margin-right-15 {
  margin-right: 3.5rem;
}
.motif-theme .motif-margin-bottom-15 {
  margin-bottom: 3.5rem;
}
.motif-theme .motif-margin-left-15 {
  margin-left: 3.5rem;
}
.motif-theme .motif-pad-top-15 {
  padding-top: 3.5rem;
}
.motif-theme .motif-pad-right-15 {
  padding-right: 3.5rem;
}
.motif-theme .motif-pad-bottom-15 {
  padding-bottom: 3.5rem;
}
.motif-theme .motif-pad-left-15 {
  padding-left: 3.5rem;
}
.motif-theme .motif-margin-top-16 {
  margin-top: 3.75rem;
}
.motif-theme .motif-margin-right-16 {
  margin-right: 3.75rem;
}
.motif-theme .motif-margin-bottom-16 {
  margin-bottom: 3.75rem;
}
.motif-theme .motif-margin-left-16 {
  margin-left: 3.75rem;
}
.motif-theme .motif-pad-top-16 {
  padding-top: 3.75rem;
}
.motif-theme .motif-pad-right-16 {
  padding-right: 3.75rem;
}
.motif-theme .motif-pad-bottom-16 {
  padding-bottom: 3.75rem;
}
.motif-theme .motif-pad-left-16 {
  padding-left: 3.75rem;
}
.motif-theme .motif-margin-top-17 {
  margin-top: 4rem;
}
.motif-theme .motif-margin-right-17 {
  margin-right: 4rem;
}
.motif-theme .motif-margin-bottom-17 {
  margin-bottom: 4rem;
}
.motif-theme .motif-margin-left-17 {
  margin-left: 4rem;
}
.motif-theme .motif-pad-top-17 {
  padding-top: 4rem;
}
.motif-theme .motif-pad-right-17 {
  padding-right: 4rem;
}
.motif-theme .motif-pad-bottom-17 {
  padding-bottom: 4rem;
}
.motif-theme .motif-pad-left-17 {
  padding-left: 4rem;
}
.motif-theme .motif-margin-top-18 {
  margin-top: 4.25rem;
}
.motif-theme .motif-margin-right-18 {
  margin-right: 4.25rem;
}
.motif-theme .motif-margin-bottom-18 {
  margin-bottom: 4.25rem;
}
.motif-theme .motif-margin-left-18 {
  margin-left: 4.25rem;
}
.motif-theme .motif-pad-top-18 {
  padding-top: 4.25rem;
}
.motif-theme .motif-pad-right-18 {
  padding-right: 4.25rem;
}
.motif-theme .motif-pad-bottom-18 {
  padding-bottom: 4.25rem;
}
.motif-theme .motif-pad-left-18 {
  padding-left: 4.25rem;
}
.motif-theme .motif-margin-top-19 {
  margin-top: 4.5rem;
}
.motif-theme .motif-margin-right-19 {
  margin-right: 4.5rem;
}
.motif-theme .motif-margin-bottom-19 {
  margin-bottom: 4.5rem;
}
.motif-theme .motif-margin-left-19 {
  margin-left: 4.5rem;
}
.motif-theme .motif-pad-top-19 {
  padding-top: 4.5rem;
}
.motif-theme .motif-pad-right-19 {
  padding-right: 4.5rem;
}
.motif-theme .motif-pad-bottom-19 {
  padding-bottom: 4.5rem;
}
.motif-theme .motif-pad-left-19 {
  padding-left: 4.5rem;
}
.motif-theme .motif-margin-top-20 {
  margin-top: 4.75rem;
}
.motif-theme .motif-margin-right-20 {
  margin-right: 4.75rem;
}
.motif-theme .motif-margin-bottom-20 {
  margin-bottom: 4.75rem;
}
.motif-theme .motif-margin-left-20 {
  margin-left: 4.75rem;
}
.motif-theme .motif-pad-top-20 {
  padding-top: 4.75rem;
}
.motif-theme .motif-pad-right-20 {
  padding-right: 4.75rem;
}
.motif-theme .motif-pad-bottom-20 {
  padding-bottom: 4.75rem;
}
.motif-theme .motif-pad-left-20 {
  padding-left: 4.75rem;
}
.motif-theme .motif-margin-top-21 {
  margin-top: 5rem;
}
.motif-theme .motif-margin-right-21 {
  margin-right: 5rem;
}
.motif-theme .motif-margin-bottom-21 {
  margin-bottom: 5rem;
}
.motif-theme .motif-margin-left-21 {
  margin-left: 5rem;
}
.motif-theme .motif-pad-top-21 {
  padding-top: 5rem;
}
.motif-theme .motif-pad-right-21 {
  padding-right: 5rem;
}
.motif-theme .motif-pad-bottom-21 {
  padding-bottom: 5rem;
}
.motif-theme .motif-pad-left-21 {
  padding-left: 5rem;
}
.motif-theme .motif-margin-top-22 {
  margin-top: 5.25rem;
}
.motif-theme .motif-margin-right-22 {
  margin-right: 5.25rem;
}
.motif-theme .motif-margin-bottom-22 {
  margin-bottom: 5.25rem;
}
.motif-theme .motif-margin-left-22 {
  margin-left: 5.25rem;
}
.motif-theme .motif-pad-top-22 {
  padding-top: 5.25rem;
}
.motif-theme .motif-pad-right-22 {
  padding-right: 5.25rem;
}
.motif-theme .motif-pad-bottom-22 {
  padding-bottom: 5.25rem;
}
.motif-theme .motif-pad-left-22 {
  padding-left: 5.25rem;
}
.motif-theme .motif-margin-top-23 {
  margin-top: 5.5rem;
}
.motif-theme .motif-margin-right-23 {
  margin-right: 5.5rem;
}
.motif-theme .motif-margin-bottom-23 {
  margin-bottom: 5.5rem;
}
.motif-theme .motif-margin-left-23 {
  margin-left: 5.5rem;
}
.motif-theme .motif-pad-top-23 {
  padding-top: 5.5rem;
}
.motif-theme .motif-pad-right-23 {
  padding-right: 5.5rem;
}
.motif-theme .motif-pad-bottom-23 {
  padding-bottom: 5.5rem;
}
.motif-theme .motif-pad-left-23 {
  padding-left: 5.5rem;
}
.motif-theme .motif-margin-top-24 {
  margin-top: 5.75rem;
}
.motif-theme .motif-margin-right-24 {
  margin-right: 5.75rem;
}
.motif-theme .motif-margin-bottom-24 {
  margin-bottom: 5.75rem;
}
.motif-theme .motif-margin-left-24 {
  margin-left: 5.75rem;
}
.motif-theme .motif-pad-top-24 {
  padding-top: 5.75rem;
}
.motif-theme .motif-pad-right-24 {
  padding-right: 5.75rem;
}
.motif-theme .motif-pad-bottom-24 {
  padding-bottom: 5.75rem;
}
.motif-theme .motif-pad-left-24 {
  padding-left: 5.75rem;
}
.motif-theme .motif-margin-top-25 {
  margin-top: 6rem;
}
.motif-theme .motif-margin-right-25 {
  margin-right: 6rem;
}
.motif-theme .motif-margin-bottom-25 {
  margin-bottom: 6rem;
}
.motif-theme .motif-margin-left-25 {
  margin-left: 6rem;
}
.motif-theme .motif-pad-top-25 {
  padding-top: 6rem;
}
.motif-theme .motif-pad-right-25 {
  padding-right: 6rem;
}
.motif-theme .motif-pad-bottom-25 {
  padding-bottom: 6rem;
}
.motif-theme .motif-pad-left-25 {
  padding-left: 6rem;
}
.motif-theme .motif-margin-top-26 {
  margin-top: 6.25rem;
}
.motif-theme .motif-margin-right-26 {
  margin-right: 6.25rem;
}
.motif-theme .motif-margin-bottom-26 {
  margin-bottom: 6.25rem;
}
.motif-theme .motif-margin-left-26 {
  margin-left: 6.25rem;
}
.motif-theme .motif-pad-top-26 {
  padding-top: 6.25rem;
}
.motif-theme .motif-pad-right-26 {
  padding-right: 6.25rem;
}
.motif-theme .motif-pad-bottom-26 {
  padding-bottom: 6.25rem;
}
.motif-theme .motif-pad-left-26 {
  padding-left: 6.25rem;
}
.motif-theme .change-angular-version-link,
.motif-theme .toggle-app {
  display: none;
}
.motif-theme #sideNav.affix-top {
  padding: 150px 0px 0px;
}
.motif-theme .top-bar {
  padding: 0px 0px 1.25rem;
}
.motif-theme #hideme4,
.motif-theme #hideme,
.motif-theme #hideme2,
.motif-theme #hideme3,
.motif-theme #defaultSelectorCarousel {
  display: none;
}
.motif-theme .section-header {
  position: relative;
  display: inline-block;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}
.motif-theme .header-page-name {
  position: relative;
  display: inline-block;
  color: #666666;
  font-size: 1.1428571429rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin: 0px 0px 0.125rem 0px;
  padding: 0px;
}
.motif-theme .header-page-name:after {
  content: "";
  position: absolute;
  background: #58abdf;
  height: 1px;
  width: 110%;
  top: -22px;
  left: 0px;
}
.motif-theme .header-section-name {
  color: #555555;
  font-size: 1.5714285714rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  margin: 0px;
  padding: 0px;
}
.motif-theme .section-header-two {
  position: relative;
  font-size: 2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #555555;
  line-height: 1.36;
  margin-bottom: 40px;
}
.motif-theme .section-header-two:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -20px;
  width: 45px;
  height: 4px;
  background-color: #81cfc2;
}
.motif-theme .section-header-three {
  font-family: "Lato", sans-serif;
  font-size: 1.5714285714rem;
  font-weight: normal;
  color: #666666;
  position: relative;
  padding: 1.5rem 0;
  margin-left: 20px;
}
.motif-theme .section-header-three:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 20px;
  top: 20px;
  left: -20px;
  background-color: #81cfc2;
}
.motif-theme .section-header-three-small {
  font-size: 1.2857142857rem;
}
.motif-theme .body-header {
  font-size: 1rem;
  font-weight: 300;
}
.motif-theme .motif-widget-lg {
  margin: 60px 0px;
}
.motif-theme .motif-widget-sm {
  margin: 40px 0;
}
.motif-theme .callout-full-shadow {
  box-shadow: inset 0 0 5px 0 rgba(215, 222, 227, 0.39), 0 6px 20px 0 rgba(51, 60, 70, 0.3);
}
.motif-theme .callout-light-shadow {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
}
.motif-theme .gradient-one-bg {
  background: linear-gradient(180deg, rgb(42, 181, 202), rgb(0, 121, 194));
}
.motif-theme .gradient-one-bg .motif-card-item {
  background: #fff;
  padding: 30px;
  margin: 60px 0px;
}
.motif-theme .full-callout {
  background: linear-gradient(123deg, rgb(42, 181, 202) 0%, #0079c2 100%);
  color: #ffffff;
  line-height: 1.76;
}
.motif-theme .full-callout h2 {
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 25px;
}
.motif-theme .full-callout h5 {
  margin-top: 0;
}
.motif-theme .full-callout .content-row {
  padding: 50px 0 50px 0;
}
.motif-theme .full-callout .callout-block {
  background: #ffffff;
  color: #666666;
  width: 89%;
  padding: 27px 58px 30px 25px;
  line-height: normal;
  font-size: 14px;
  box-shadow: 0 0 20px 0 rgba(215, 222, 227, 0.39), 0 26px 90px 0 rgba(51, 60, 70, 0.3);
}
.motif-theme .full-callout .callout-block button {
  margin-top: 33px;
  border-radius: 3px;
}
.motif-theme .full-callout .callout-block h6 {
  margin-bottom: 12px;
}
.motif-theme .full-callout .callout-block .content-info {
  font-size: 12px;
  margin-top: 25px;
}
.motif-theme .full-callout .callout-block .content-info.ant-margin-0 {
  margin-top: 5px;
}
.motif-theme .full-callout .callout-block .content-info.ant-margin-0 h6 {
  margin-top: 0;
}
.motif-theme .full-callout .callout-block .content-info p {
  margin: 0;
}
.motif-theme .full-callout .callout-block .content-info span {
  font-size: 28px;
  font-weight: 600;
  color: #81cfc2;
}
.motif-theme .full-callout .callout-block .content-info h6 {
  margin-top: 30px;
  margin-bottom: 10px;
}
.motif-theme .page-callout p {
  margin-top: 10px;
}
.motif-theme .page-callout .page-callout-container {
  background: linear-gradient(351deg, #48c9ff 0%, #0079c2 100%);
  color: #ffffff;
  padding: 60px 85px;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
.motif-theme .page-callout .page-callout-container h1,
.motif-theme .page-callout .page-callout-container h2,
.motif-theme .page-callout .page-callout-container h3,
.motif-theme .page-callout .page-callout-container h4,
.motif-theme .page-callout .page-callout-container h5,
.motif-theme .page-callout .page-callout-container h6 {
  margin-bottom: 0.75rem;
}
.motif-theme .page-callout .page-callout-container .callout-arrow {
  height: 50px;
  width: 50px;
  border-radius: 30px;
  background: #ffffff;
  position: absolute;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  left: 50%;
  bottom: -25px;
  padding-top: 7px;
  transform: translate(-50%, 0);
  color: #53b1a3;
  font-family: "ant-motif-icons";
  font-size: 31px;
}
.motif-theme .callout-link {
  margin-bottom: 2.8571428571rem;
}
.motif-theme .callout-link .callout-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1.25rem;
}
.motif-theme .callout-link .callout-row:last-child {
  margin-bottom: 0px;
}
.motif-theme .callout-link .callout-row .callout-icon {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  height: 5rem;
  width: 5rem;
  background: #81cfc2;
  color: #ffffff;
  border-radius: 100%;
  font-family: "ant-motif-icons";
  margin-right: 1.25rem;
}
.motif-theme .callout-link .callout-row .icon-doctor-bag:before {
  content: "\e98c";
}
.motif-theme .callout-link .callout-row .icon-laptop:before {
  content: "\eacd";
}
.motif-theme .callout-link .callout-row .icon-stethescope:before {
  content: "\eabb";
}
.motif-theme .callout-link .callout-row .icon-membercard:before {
  content: "\e9f4";
}
.motif-theme .callout-link .callout-row .callout-text h1, .motif-theme .callout-link .callout-row .callout-text h2, .motif-theme .callout-link .callout-row .callout-text h3, .motif-theme .callout-link .callout-row .callout-text h4, .motif-theme .callout-link .callout-row .callout-text h5, .motif-theme .callout-link .callout-row .callout-text h6 {
  text-decoration: none;
  font-size: 1.2857142857rem;
  font-weight: 700;
}
.motif-theme .callout-link .callout-row .callout-text p, .motif-theme .callout-link .callout-row .callout-text span {
  color: #666;
  font-size: 1.1428571429rem;
  line-height: 1.38;
  width: 220px;
  margin: 0.25rem 0px 0px 0px;
}
.motif-theme h3.item-heading.ant-heading-four.counter--modifier {
  margin-top: 55px;
}
.motif-theme h3.item-heading.ant-heading-four.counter--modifier:before {
  content: "10.3 //";
}
.motif-theme .cards-wrapper .cards-container {
  display: flex;
}
.motif-theme .cards-wrapper .card {
  width: 15%;
}
.motif-theme .cards-wrapper .card.card-flat {
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.motif-theme .cards-wrapper .card.card-popover {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
}
.motif-theme .cards-wrapper .card.card-hover {
  box-shadow: 0 0 20px 0 rgba(215, 222, 227, 0.39), 0 26px 90px 0 rgba(51, 60, 70, 0.3);
}
.motif-theme .cards-wrapper .card.large-card {
  width: 100%;
}
.motif-theme .cards-wrapper .card.medium-card {
  width: 50%;
}
.motif-theme .cards-wrapper .card.small-card {
  width: 30%;
}
.motif-theme .footer-block-0,
.motif-theme .footer-nav {
  display: flex;
  flex-direction: row;
}
.motif-theme .footer-block-0 ul,
.motif-theme .footer-nav ul {
  list-style-type: none;
  padding: 0;
}
.motif-theme .footer-block-0 ul:nth-child(2),
.motif-theme .footer-nav ul:nth-child(2) {
  margin-left: 11.4285714286rem;
}
.motif-theme .footer-block-0 ul li,
.motif-theme .footer-nav ul li {
  margin-bottom: 0.75rem;
}
.motif-theme .footer-social {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  margin-left: 0.5rem;
}
.motif-theme .footer-social .social {
  display: flex;
  flex-direction: column;
}
.motif-theme .footer-social .social .social-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem;
  margin-left: 1rem;
}
.motif-theme .footer-social .social .social-container .social-icon-footer {
  font-size: 30px;
  margin-right: 0.5rem;
}
.motif-theme .footer-social .footer-app {
  display: flex;
  flex-direction: row;
  margin-top: 0.5rem;
}
.motif-theme .footer-social .footer-app a {
  display: block;
}
.motif-theme .footer-social .footer-app a .mobile-app-icon {
  height: 40px;
  width: 40px;
  margin-right: 0.75rem;
}
.motif-theme .footer-bottom {
  padding-top: 2.25rem;
  width: 100%;
}
.motif-theme .footer-bottom .bottom-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.motif-theme .footer-bottom .bottom-content .bottom-text {
  line-height: 1.5;
  margin-right: 10.3571428571rem;
}
.motif-theme .footer-bottom .bottom-content .dropdown-btn-wrapper button.dropdown-toggle {
  font-size: 1rem;
  color: #555555;
  background: #fff;
  padding: 1.25rem 48px 1.25rem 1.25rem;
  border: none;
}
.motif-theme .footer-bottom .bottom-content .dropdown-btn-wrapper .ant-main-div.ng-star-inserted ul.dropdown-menu {
  width: 100%;
  top: -200%;
  right: 0px;
  left: auto;
  min-width: auto;
  padding: 0;
  margin: 0;
  box-shadow: none;
  float: none;
  border-radius: 0px;
  background-clip: border-box;
}
.motif-theme .footer-bottom .bottom-content span.fa.fa-caret-down {
  font-size: 1.7857142857rem;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.motif-theme .footer-bottom .wcag-image-container {
  border-right: 1px solid white;
  padding-right: 25px;
  width: 150px;
  object-fit: cover;
  margin-right: 25px;
  align-items: center;
}
.motif-theme .footer-bottom .wcag-image {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .motif-theme .footer-bottom .wcag-image-container {
    width: 125px;
  }
}
@media only screen and (max-width: 800px) {
  .motif-theme .footer-block-0,
  .motif-theme .footer-nav {
    width: 100%;
    flex-wrap: wrap;
    border-right: none;
    border-top: solid 1px #949494;
  }
  .motif-theme .footer-block-0 ul:first-child,
  .motif-theme .footer-nav ul:first-child {
    width: 100%;
    border-bottom: solid 1px #949494;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .motif-theme .footer-block-0 ul:nth-child(2),
  .motif-theme .footer-nav ul:nth-child(2) {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-left: 0;
    margin-top: 0.8571428571rem;
    margin-bottom: 0.8571428571rem;
  }
  .motif-theme .footer-block-0 ul:nth-child(2) li,
  .motif-theme .footer-nav ul:nth-child(2) li {
    position: relative;
    margin-right: 1.5rem;
  }
  .motif-theme .footer-block-0 ul:nth-child(2) li:after,
  .motif-theme .footer-nav ul:nth-child(2) li:after {
    content: "";
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    height: 3px;
    width: 3px;
    top: 50%;
    transform: translate(-50%);
    right: -12px;
  }
  .motif-theme .footer-block-0 ul:nth-child(2) li:last-child,
  .motif-theme .footer-nav ul:nth-child(2) li:last-child {
    margin-right: 0;
  }
  .motif-theme .footer-block-0 ul:nth-child(2) li:last-child:after,
  .motif-theme .footer-nav ul:nth-child(2) li:last-child:after {
    display: none;
  }
  .motif-theme .footer-social {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    padding-bottom: 2.25rem;
  }
  .motif-theme .footer-social .footer-app {
    margin-top: 0px;
    margin-left: 12px;
  }
  .motif-theme .footer-social .footer-app a.display-none-mobile {
    display: none;
  }
  .motif-theme .footer-social .social {
    flex-direction: row;
    margin-left: 0;
  }
  .motif-theme .footer-social .social .social-container {
    margin-bottom: 0;
  }
  .motif-theme .footer-social .social .social-container .display-none-mobile {
    display: none;
  }
  .motif-theme .footer-social .social .social-container .social-icon-footer {
    font-size: 2.8571428571rem;
  }
  .motif-theme .footer-bottom .bottom-content .bottom-text {
    margin-right: 0px;
  }
}
.motif-theme .uxd-footer {
  position: relative;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  width: 100%;
  background: #37475a;
}
.motif-theme .uxd-footer .footer-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.motif-theme .uxd-footer .footer-container:before, .motif-theme .uxd-footer .footer-container:after {
  content: " ";
  display: table;
}
.motif-theme .uxd-footer .footer-container:after {
  clear: both;
}
@media (min-width: 800px) {
  .motif-theme .uxd-footer .footer-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .motif-theme .uxd-footer .footer-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .motif-theme .uxd-footer .footer-container {
    width: 1170px;
  }
}
.motif-theme .uxd-footer .footer-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.motif-theme .uxd-footer .footer-flex a,
.motif-theme .uxd-footer .footer-flex span,
.motif-theme .uxd-footer .footer-flex p,
.motif-theme .uxd-footer .footer-flex li {
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
}
.motif-theme .uxd-footer .footer-block {
  border-bottom: solid 1px #949494;
}
.motif-theme .uxd-footer .footer-block.footer-block-0 {
  width: 66.6666666667%;
  border-right: solid 1px #949494;
  order: 1;
}
.motif-theme .uxd-footer .footer-block.footer-block-1 {
  width: 33.3333333333%;
  order: 2;
}
.motif-theme .uxd-footer .footer-block.footer-block-2 {
  border-bottom: none;
  order: 3;
}
@media only screen and (max-width: 800px) {
  .motif-theme .uxd-footer {
    padding-top: 2.25rem;
  }
  .motif-theme .uxd-footer .footer-block.footer-block-0 {
    width: 100%;
    border-right: none;
    order: 2;
  }
  .motif-theme .uxd-footer .footer-block.footer-block-1 {
    width: 100%;
    order: 1;
    border-bottom: none;
  }
  .motif-theme .uxd-footer .footer-block.footer-block-2 {
    border-bottom: none;
    order: 3;
  }
  .motif-theme .uxd-footer .app-link-text {
    display: flex;
    align-items: center;
  }
  .motif-theme .uxd-footer .display-none-mobile {
    display: none;
  }
}
.motif-theme .media-icon {
  font-family: "ant-motif-icons";
  text-decoration: none;
}
.motif-theme .media-icon.media-icon-twitter::before {
  content: "\eaeb";
}
.motif-theme .media-icon.media-icon-facebook::before {
  content: "\e9bc";
}
.motif-theme .media-icon.media-icon-youtube::before {
  content: "\eb1c";
}
.motif-theme .mod {
  position: relative;
  background: #ffffff;
}
.motif-theme h3.item-heading.item--modifier:before {
  content: "10.2 //";
}
.motif-theme .danger {
  color: blue;
}
.motif-theme .success {
  color: red;
}
.motif-theme .sidebar-nav {
  margin-bottom: 3.4285714286rem;
}
.motif-theme .sidebar-nav .siderail-header {
  margin-bottom: 1.25rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1.4285714286rem;
  font-weight: 300;
  color: #555555;
}
.motif-theme .sidebar-nav .sidebar-list {
  list-style-type: none;
  padding-left: 1rem;
}
.motif-theme .sidebar-nav .sidebar-list .sidebar-item {
  display: block;
  margin-bottom: 1rem;
  font-size: 1rem;
  color: #555555;
  font-weight: 300;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  transition: 250ms;
  border: none;
  background: transparent;
}
.motif-theme .sidebar-nav .sidebar-list .sidebar-item.is-active {
  color: #286ce2;
  font-weight: bold;
}
.motif-theme .sidebar-nav .sidebar-list .sidebar-item:hover {
  color: #286ce2;
}
.motif-theme .ant-file-card {
  display: inline-block;
  background-color: #eee;
  padding: 14px 8px;
}
.motif-theme .ant-file-card:before, .motif-theme .ant-file-card:after {
  content: " ";
  display: table;
}
.motif-theme .ant-file-card:after {
  clear: both;
}
.motif-theme .file-icon {
  display: block;
  width: 47px;
  height: 63px;
  border: thin solid #ccc;
  background-color: #fff;
}
.motif-theme .ant-card-header,
.motif-theme .ant-card-body {
  float: left;
}
.motif-theme .ant-card-header:before, .motif-theme .ant-card-header:after,
.motif-theme .ant-card-body:before,
.motif-theme .ant-card-body:after {
  content: " ";
  display: table;
}
.motif-theme .ant-card-header:after,
.motif-theme .ant-card-body:after {
  clear: both;
}
.motif-theme .ant-card-content-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.motif-theme .ant-card-header-title {
  margin-bottom: 18px;
}
.motif-theme .ant-card-body {
  margin-left: 12px;
}
.motif-theme .ant-file-title {
  margin: 0;
  font-size: 14px;
}
.motif-theme .ant-file-subtitle {
  margin: 0;
  font-size: 14px;
}
.motif-theme .ant-file-button {
  background-color: transparent;
  border: none;
}
.motif-theme .ant-card-progress-bar {
  max-width: 175px;
}
.motif-theme .overlay-on {
  overflow: hidden;
}
.motif-theme .overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  pointer-events: none;
  z-index: 3000;
}
.motif-theme .overlay-container .overlay-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(55, 71, 90);
  opacity: 0;
  pointer-events: auto;
  transition: 125ms opacity ease-in;
  -webkit-tap-highlight-color: transparent;
}
.motif-theme .overlay-container .overlay-backdrop.fade-in {
  opacity: 0.9;
  z-index: 1000;
}
.motif-theme .overlay-container .overlay-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.motif-theme .modal-container {
  display: block;
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.motif-theme .modal-container.dialog {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .motif-theme .modal-container.dialog {
    padding: 0 15px;
  }
}
.motif-theme .modal-container.slide-in {
  width: 90%;
}
.motif-theme .modal-container.slide-in .modal-panel {
  position: absolute;
}
.motif-theme .modal-container.slide-in.right .modal-panel, .motif-theme .modal-container.slide-in.bottom .modal-panel {
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 800px) {
  .motif-theme .modal-container.slide-in {
    width: 60%;
  }
}
.motif-theme .modal-panel {
  background-color: #fff;
  display: block;
  pointer-events: auto;
  position: relative;
  z-index: 3500;
}
.motif-theme .pagination-footer {
  display: flex;
  justify-content: space-between;
}
.motif-theme .pagination-footer div {
  min-width: 15%;
}
.motif-theme .pagination-footer .pagination-container {
  text-align: center;
  margin-top: 3px;
  padding: 0 5px;
}
.motif-theme .pagination-footer .pagination-btn {
  border-style: none;
  color: #00609a;
  font-size: 1.2857142857rem;
  padding: 0;
  background-color: unset;
}
.motif-theme .pagination-footer .paginate-dot {
  content: " ";
  border-radius: 50%;
  padding: 0 6px;
  font-size: 8px;
  margin: 6px;
  background-color: #4da1d4;
}
.motif-theme .pagination-footer .paginate-dot.active {
  background-color: #00609a;
}
.motif-theme .uxd-overlay-pane {
  height: inherit;
}
.motif-theme .ant-scroll-block {
  overflow: hidden !important;
}
.motif-theme .modal-container .login-modal {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .motif-theme .modal-container .login-modal {
    width: 42.8571428571rem;
  }
}
.motif-theme .modal-container .login-modal .modal-title {
  font-size: 1.5714285714rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  margin-bottom: 1.75rem;
}
.motif-theme .modal-container .login-modal .modal-component-body {
  font-size: 1rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 1.75rem;
}
.motif-theme .modal-container .login-modal .username,
.motif-theme .modal-container .login-modal .password {
  width: 100%;
}
.motif-theme .modal-container .close {
  float: right;
  height: 28px;
  width: 28px;
  opacity: 1;
}
.motif-theme .modal-container .close .close-icon {
  width: 100%;
  height: inherit;
  font-family: "ant-motif-icons";
  color: #555555;
}
.motif-theme .modal-container.dialog .close {
  font-size: 2.5rem;
}
.motif-theme .modal-container.dialog .close .close-icon:before {
  content: "\e93b";
}
.motif-theme .modal-container.slide-in .close {
  font-size: 1.5rem;
  background-color: #f7f7f7;
  height: 4.28571429rem;
  width: 4.28571429rem;
}
.motif-theme .modal-container.slide-in .close .close-icon {
  font-weight: 300;
  color: #286ce2;
}
.motif-theme .modal-container.slide-in.left .modal-panel {
  height: 100%;
  width: 90%;
}
@media screen and (min-width: 800px) {
  .motif-theme .modal-container.slide-in.left .modal-panel {
    width: 60%;
  }
}
.motif-theme .modal-container.slide-in.left .close .close-icon:before {
  content: "\ea0d";
}
.motif-theme .modal-container.slide-in.right .modal-panel {
  height: 100%;
  width: 90%;
}
@media (min-width: 800px) {
  .motif-theme .modal-container.slide-in.right .modal-panel {
    width: 60%;
  }
}
.motif-theme .modal-container.slide-in.right .close {
  top: 0;
  left: 0;
  float: left;
}
.motif-theme .modal-container.slide-in.right .close .close-icon:before {
  content: "\ea7c";
}
.motif-theme .modal-container.slide-in.top .modal-panel {
  width: 100%;
  height: 90%;
}
@media screen and (min-width: 1024px) {
  .motif-theme .modal-container.slide-in.top .modal-panel {
    height: 60%;
  }
}
.motif-theme .modal-container.slide-in.top .close {
  bottom: 0;
  right: 0;
}
.motif-theme .modal-container.slide-in.top .close .close-icon:before {
  content: "\eaf5";
}
.motif-theme .modal-container.slide-in.bottom .modal-panel {
  width: 100%;
  height: 90%;
}
@media screen and (min-width: 1024px) {
  .motif-theme .modal-container.slide-in.bottom .modal-panel {
    height: 60%;
  }
}
.motif-theme .modal-container.slide-in.bottom .close {
  top: 0;
  right: 0;
}
.motif-theme .modal-container.slide-in.bottom .close .close-icon:before {
  content: "\e998";
}
.motif-theme .overlay-container .overlay-backdrop.white-background {
  background-color: #ffffff;
  opacity: 0.6;
}
.motif-theme .overlay-container .disable-backdrop-click {
  pointer-events: none;
}
.motif-theme .modal-sticky-footer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.motif-theme .modal-sticky-footer .sticky-body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1;
  height: 100%;
}
.motif-theme .modal-sticky-footer .sticky-footer {
  display: flex;
  justify-content: flex-end;
  padding: 1.7857142857rem;
  box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.1);
}
.motif-theme .modal-sticky-footer .sticky-footer .btn {
  margin-left: 0.8571428571rem;
}
.motif-theme .expand {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}
.motif-theme .nav-pills li:last-of-type a {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-left: 0;
}
.motif-theme .nav-pills li:first-of-type a {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right: 0;
}
.motif-theme .tabs.teal ul.nav-pills {
  border-bottom: 1px solid #949494;
}
.motif-theme .tabs.teal ul.nav-pills li {
  background: transparent;
}
.motif-theme .tabs.teal ul.nav-pills li a {
  background: transparent;
  color: #286ce2;
  font-weight: 400;
  border: none;
}
.motif-theme .tabs.teal ul.nav-pills li.active {
  background: transparent;
}
.motif-theme .tabs.teal ul.nav-pills li.active a {
  color: #286ce2;
}
.motif-theme .tabs.teal ul.nav-pills li.active a:after {
  background-color: #0a8194;
  background-color: #81cfc2;
}
.motif-theme .table {
  border-spacing: 0;
  font-family: "Montserrat", sans-serif;
}
.motif-theme .table.table-border th, .motif-theme .table.table-border td {
  border: 1px solid #CCCCCC;
}
.motif-theme .table.table-border .table-header {
  border-top: none;
}
.motif-theme .table.table-border .table-data {
  border-bottom: none;
}
.motif-theme .table.table-border .table-header:first-child, .motif-theme .table.table-border .table-data:first-child {
  border-left: none;
}
.motif-theme .table.table-border .table-header:last-child, .motif-theme .table.table-border .table-data:last-child {
  border-right: none;
}
.motif-theme .table.ant-table .table-row {
  display: flex;
  align-items: baseline;
  justify-content: stretch;
  flex-direction: row;
}
.motif-theme .table.ant-table .table-data {
  flex-basis: 25%;
}
.motif-theme .table .table-header {
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  padding: 20px 15px 10px 15px;
  border-top: none;
}
.motif-theme .table .table-data {
  font-weight: 300;
  font-size: 14px;
  padding: 20px 15px;
  text-align: left;
  border-top: none;
}
.motif-theme .table .table-data:before {
  content: attr(data-th) ": ";
  display: none;
  width: 100%;
  font-weight: 700;
}
.motif-theme .table.zebra-stripes .table-row:nth-child(2n+3) {
  background: #f7f7f7;
}
@media (max-width: 800px) {
  .motif-theme .table {
    min-width: 100%;
    text-align: right;
  }
  .motif-theme .table .table-data {
    display: block;
    text-align: left;
    margin: 15px;
    padding: 0;
  }
  .motif-theme .table .table-data:before {
    display: inline;
    text-align: inherit;
  }
  .motif-theme .table .table-header {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs ul li {
  font-size: 0.8571428571rem;
  padding: 0.125rem 0.5rem;
  border-right: 1px solid #333333;
  background-color: #ffffff;
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs ul li:active {
  background-color: #ffffff;
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs ul li:last-child {
  border: 0;
}
.motif-theme .ant-alphabet-tabs-container .ant-alphabet-tabs ul a {
  color: #0079c2;
  line-height: 0;
  text-decoration: none;
  font-weight: 300;
  font-size: 1rem;
}
.motif-theme .carousel-content-container ul .button-select-item .button-select-content-container {
  background: #ffffff;
}
.motif-theme .carousel-content-container ul .button-select-item.active .button-select-content-container {
  border: 1px solid #a3a3a3;
  box-shadow: 0px 2px 10px -1px #a3a3a3;
}
.motif-theme .carousel-content-container ul .button-select-item.active .button-select-content-container:before {
  background: #ffffff;
  box-shadow: 4px 4px 10px -2px #a3a3a3;
  border-right: 1px solid #a3a3a3;
  border-bottom: 1px solid #a3a3a3;
}
.motif-theme .accordion {
  margin: 1.25rem 0 1.25rem 0;
}
.motif-theme .accordion .accordionTrigger {
  display: flex;
  align-items: center;
}
.motif-theme .accordion .accordionTrigger button {
  position: absolute;
  left: 0px;
  background: #000;
  height: 15px;
  width: 15px;
  border-radius: 0px;
  border: none;
  clip-path: polygon(60% 50%, 0 0, 0 100%);
  transition: 350ms;
}
.motif-theme .accordion .accordionTrigger p {
  display: inline-block;
  margin: 0 0 0 0.75rem;
}
.motif-theme .accordion .accordionContent {
  display: none;
  margin: 0 0 0 0.75rem;
}
.motif-theme .is-expanded .accordionContent {
  display: block;
}
.motif-theme .is-expanded .accordionTrigger button {
  transform: translateY(3px) rotate(90deg);
  transform-origin: center center;
}
.motif-theme .ant-zebra-stripping .ant-stripe:nth-child(even) {
  background-color: #f7f7f7;
}
.motif-theme .ant-zebra-stripping .ant-stripe:nth-child(odd) {
  background-color: #ffffff;
}
.motif-theme .ant-tab-group.style-one .ant-tab-button {
  display: inline-flex;
  background-color: #ffffff;
  color: #333333;
  border: thin solid #cccccc;
  width: 215px;
  justify-content: center;
  align-items: center;
}
.motif-theme .ant-tab-group.style-one .ant-tab-button.is-active {
  background: #286ce2;
  color: #ffffff;
  border: 1px solid #286ce2;
}
.motif-theme .ant-tab-group.style-one .tab-body {
  display: none;
}
.motif-theme .ant-tab-group.style-one .tab-body.is-active {
  display: block;
}
.motif-theme .multi-tab-container .tab-group-header {
  margin-bottom: 25px;
  padding: 0 40px;
}
.motif-theme .multi-tab-container .ant-tab-group.style-one .ant-tab-button {
  width: 50%;
  padding: 10px 0px;
  font-size: 16px;
  position: relative;
}
.motif-theme .multi-tab-container .ant-tab-group.style-one .ant-tab-button.is-active:before {
  content: " ";
  position: absolute;
  left: 50%;
  height: 1.4rem;
  width: 1.4rem;
  bottom: -0.7rem;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
  background: #286ce2;
}
@media screen and (min-width: 480px) {
  .motif-theme .multi-tab-container {
    border-top: thin solid #cccccc;
  }
  .motif-theme .multi-tab-container .ant-tab-header {
    width: 265px;
    display: inline-block;
    border-right: thin solid #cccccc;
    margin-bottom: 0px;
    padding: 0;
  }
  .motif-theme .multi-tab-container .ant-tab-group.style-one .ant-tab-button {
    border-top: none;
  }
  .motif-theme .multi-tab-container .uxd-sidenav-tabs {
    padding-top: 30px;
  }
}
.motif-theme .uxd-sidenav-wrapper {
  display: flex;
}
.motif-theme .uxd-sidebar-wrapper,
.motif-theme .uxd-sidenav-tabs {
  width: 100%;
  color: #333;
}
.motif-theme .uxd-sidenav-tab,
.motif-theme .uxd-sidenav-link {
  display: block;
  width: 100%;
  border: none;
  border-bottom: thin solid #cccccc;
  border-left: 5px solid transparent;
  padding: 1.25rem;
  background: transparent;
  text-decoration: none;
  color: inherit;
  text-align: inherit;
  font-weight: initial;
  cursor: pointer;
}
.motif-theme .uxd-sidenav-tab:first-of-type {
  border-top: thin solid #cccccc;
}
.motif-theme .uxd-sidenav-tab:not(.is-active):hover,
.motif-theme .uxd-sidenav-tab.hover {
  background: linear-gradient(to left, rgba(238, 238, 238, 0.5), #ffffff);
  border-left: 2px solid #286ce2;
}
@media screen and (min-width: 480px) {
  .motif-theme .uxd-sidebar-wrapper,
  .motif-theme .uxd-sidenav-tabs {
    flex: 1 0 265px;
    border-right: thin solid #cccccc;
  }
  .motif-theme .uxd-sidenav-tab.is-active,
  .motif-theme .uxd-sidenav-link.is-active {
    border-left-color: #286ce2;
    background: linear-gradient(to left, rgba(238, 238, 238, 0.75), #ffffff);
  }
  .motif-theme .uxd-sidenav-tab:focus, .motif-theme .uxd-sidenav-tab:hover, .motif-theme .uxd-sidenav-tab:active,
  .motif-theme .uxd-sidenav-link:focus,
  .motif-theme .uxd-sidenav-link:hover,
  .motif-theme .uxd-sidenav-link:active {
    color: inherit;
  }
}
.motif-theme .uxd-sidenav-body {
  flex: 1 0 100%;
}
.motif-theme .uxd-sidenav-body .sidenav-body-wrapper {
  height: 100%;
  display: block;
}
.motif-theme .sidenav-panel {
  display: flex;
  flex: 1;
}
.motif-theme .nav-pills {
  border-radius: 3px;
}
.motif-theme .nav-pills li {
  background: #ffffff;
}
.motif-theme .nav-pills li a {
  padding: 12px 0 13px 0;
  color: #555555;
  font-weight: normal;
  text-decoration: none;
  border: 1px solid #286ce2;
  border-radius: 0;
  box-shadow: none;
}
.motif-theme .nav-pills li a:hover {
  background: #1a55bd;
  border-color: #1a55bd;
  color: #ffffff;
}
.motif-theme .nav-pills li.active a,
.motif-theme .nav-pills li.active a:focus,
.motif-theme .nav-pills li.active a:active,
.motif-theme .nav-pills li.active a:hover {
  background: #286ce2;
  color: #ffffff;
}
.motif-theme .nav-pills li.active:after {
  background: #286ce2;
  width: 40px;
  height: 40px;
  bottom: -8px;
  z-index: -1;
}
.motif-theme .small-tab-view li {
  flex: initial;
  flex-basis: 25%;
  -webkit-flex-basis: 25%;
}
.motif-theme .small-tab-view li a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.motif-theme .small-tab-view li.active:after {
  width: 20px;
  height: 20px;
}
.motif-theme .minimal-tabbedview.minimal-tabbedview-mobile .ant-tab-button {
  flex-basis: 15%;
}
.motif-theme .minimal-tabbedview .ant-tab-list {
  display: flex;
}
.motif-theme .minimal-tabbedview .ant-tab-button {
  border-width: 0 0 1px 0;
  line-height: 1.3;
  text-transform: capitalize;
  display: flex;
  flex: inherit;
  align-items: center;
  justify-content: center;
  padding: 12px 0 13px 0;
  border-bottom: 2px solid #e3e1e1;
  color: #37475a;
  margin-right: 5px;
  flex-basis: 20%;
  position: relative;
  font-size: 14px;
  background: transparent;
  cursor: pointer;
}
.motif-theme .minimal-tabbedview .ant-tab-button.is-active {
  border-color: #286ce2;
}
.motif-theme .minimal-tabbedview .tab-body {
  display: none;
}
.motif-theme .minimal-tabbedview .tab-body.is-active {
  display: block;
}
.motif-theme .minimal-tabbedview.show-icons .ant-tab-button .motif-icon {
  font-family: "ant-motif-icons";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4285714286rem;
  color: #80cfc2;
}
.motif-theme .uxd-message-center .uxd-sidenav-tabs {
  border: none;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.1);
}
.motif-theme .uxd-message-center .uxd-sidenav-tab:first-of-type {
  border-top: none;
}
.motif-theme .uxd-message-center .secondary_btn_cont {
  margin: 10px 0 10px 20px;
  display: block;
}
.motif-theme .uxd-message-center .secondary_btn_cont input {
  width: 90%;
  margin-top: 15px;
}
.motif-theme .uxd-message-center .uxd-sidenav-tab {
  background: #ffffff;
  border: none;
}
.motif-theme .uxd-message-center .uxd-sidenav-tab.is-active {
  border-left: 5px solid #286ce2;
  color: #286ce2;
}
.motif-theme .uxd-message-center .uxd-sidenav-tab span {
  padding-right: 10px;
}
.motif-theme .uxd-message-center .headline-title {
  margin: 40px 0 15px 18px;
}
.motif-theme .uxd-message-center .uxd-sidenav-tab-body {
  font-size: 16px;
  position: relative;
}
.motif-theme .uxd-message-center .uxd-sidenav-tab-body .message_count {
  position: absolute;
  right: 0;
}
.motif-theme .uxd-floating-footer {
  display: block;
  margin-top: 2rem;
  padding-bottom: 2rem;
}
.motif-theme .uxd-floating-footer .footer-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.motif-theme .uxd-floating-footer.style-one .footer-item:first-child .footer-block {
  padding-left: 0px;
  border-left: none;
}
.motif-theme .uxd-floating-footer.style-one .footer-item .footer-block {
  display: block;
  margin-right: 1rem;
  border-left: thin solid #eaeaea;
  padding: 1.5rem 0 1.5rem 2rem;
  font-size: 16px;
  color: #666666;
  line-height: 1.63;
}
.motif-theme .uxd-floating-footer.style-one .footer-item .footer-block h1, .motif-theme .uxd-floating-footer.style-one .footer-item .footer-block h2, .motif-theme .uxd-floating-footer.style-one .footer-item .footer-block h3, .motif-theme .uxd-floating-footer.style-one .footer-item .footer-block h4, .motif-theme .uxd-floating-footer.style-one .footer-item .footer-block h5, .motif-theme .uxd-floating-footer.style-one .footer-item .footer-block h6 {
  color: #555555;
  margin-bottom: 0.75rem;
  margin-left: 0;
  font-family: inherit;
  font-size: 1.285rem;
  font-weight: 600;
}
.motif-theme .uxd-floating-footer.style-one .footer-item .footer-block span {
  font-weight: 500;
}
.motif-theme .uxd-floating-footer.style-one .footer-item .footer-block a {
  margin-top: auto;
}
.motif-theme .uxd-floating-footer.style-one .footer-item .footer-block p {
  margin-bottom: 0.125rem;
}
.motif-theme .uxd-floating-footer.style-one .footer-item .footer-block p:last-of-type {
  margin-bottom: 0.5rem;
}
.motif-theme .uxd-floating-footer.style-one h1, .motif-theme .uxd-floating-footer.style-one h2, .motif-theme .uxd-floating-footer.style-one h3, .motif-theme .uxd-floating-footer.style-one h4, .motif-theme .uxd-floating-footer.style-one h5, .motif-theme .uxd-floating-footer.style-one h6.section-header-two {
  margin-bottom: 80px;
  margin-left: 15px;
}
@media only screen and (max-width: 1024px) {
  .motif-theme .uxd-floating-footer.style-one .uxd-floating-footer-2 h2 {
    margin-bottom: 40px;
  }
  .motif-theme .uxd-floating-footer.style-one .footer-block {
    border: none;
    margin-bottom: 2rem;
  }
}
.motif-theme .uxd-floating-footer.style-two {
  padding-top: 4.5rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}
.motif-theme .uxd-floating-footer.style-two h1, .motif-theme .uxd-floating-footer.style-two h2, .motif-theme .uxd-floating-footer.style-two h3, .motif-theme .uxd-floating-footer.style-two h4, .motif-theme .uxd-floating-footer.style-two h5, .motif-theme .uxd-floating-footer.style-two h6.section-header-two {
  margin-bottom: 2.75rem;
  margin-left: 15px;
}
.motif-theme .uxd-floating-footer.style-two .footer-item .footer-block h1, .motif-theme .uxd-floating-footer.style-two .footer-item .footer-block h2, .motif-theme .uxd-floating-footer.style-two .footer-item .footer-block h3, .motif-theme .uxd-floating-footer.style-two .footer-item .footer-block h4, .motif-theme .uxd-floating-footer.style-two .footer-item .footer-block h5, .motif-theme .uxd-floating-footer.style-two .footer-item .footer-block h6 {
  font-family: "Montserrat", sans-serif;
  color: #333333;
  margin-bottom: 1.75rem;
  margin-left: 0;
  font-size: 1.8571428571rem;
  font-weight: lighter;
}
@media only screen and (max-width: 1024px) {
  .motif-theme .uxd-floating-footer.style-two .uxd-floating-footer-2 h2 {
    margin-bottom: 40px;
  }
  .motif-theme .uxd-floating-footer.style-two .footer-block {
    border: none;
    margin-bottom: 2rem;
  }
}
.motif-theme .sticky-footer-host.anchor,
.motif-theme .sticky-footer-host .sticky-footer {
  min-height: 4.5714285714rem;
}
.motif-theme .sticky-footer-host .sticky-footer {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 1.7142857143rem;
  background: transparent;
}
.motif-theme .sticky-footer-host .sticky-footer.stickied {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #ffffff;
  z-index: 1000;
}
@media screen and (min-width: 1024px) {
  .motif-theme .sticky-footer-host.anchor,
  .motif-theme .sticky-footer-host .sticky-footer {
    min-height: 6.8571428571rem;
  }
}
.motif-theme .motif-flex {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  flex-direction: column;
  align-content: center;
}
.motif-theme .motif-flex-row {
  flex-direction: row;
}
.motif-theme .motif-flex .motif-flex-item {
  max-width: 100%;
  position: relative;
}
@media screen and (min-width: 801px) {
  .motif-theme .motif-flex {
    flex-direction: row;
  }
}
.motif-theme .motif-icon-teal {
  color: #81cfc2;
}
.motif-theme .ant-chat-bubble {
  margin-bottom: 8px;
  padding: 12px 24px;
}
.motif-theme .ant-chat-bubble.ant-chat-bubble-user {
  margin-left: 25px;
}
.motif-theme .ant-chat-bubble.ant-chat-bubble-bot {
  margin-right: 25px;
}
.motif-theme .ant-chat-bubble p {
  margin: 0px;
}
.motif-theme .ant-chat-bubble-bot {
  background-color: #f0f0f0;
  border-radius: 24px 24px 24px 5px;
}
.motif-theme .ant-chat-bubble-bot.middle, .motif-theme .ant-chat-bubble-bot.last {
  border-top-left-radius: 5px;
}
.motif-theme .ant-chat-bubble-bot.last {
  border-bottom-left-radius: 24px;
}
.motif-theme .ant-chat-bubble-bot.typing div, .motif-theme .ant-chat-bubble-bot.typing::before, .motif-theme .ant-chat-bubble-bot.typing::after {
  background-color: rgba(40, 108, 226, 0.7);
}
.motif-theme .ant-chat-bubble-user {
  color: #fff;
  background-color: #286ce2;
  border-radius: 24px 5px 24px 24px;
}
.motif-theme .ant-chat-bubble-user.first {
  border-top-right-radius: 24px;
}
.motif-theme .ant-chat-bubble-user.first, .motif-theme .ant-chat-bubble-user.middle {
  border-bottom-right-radius: 5px;
}
.motif-theme .ant-chat-bubble-user.typing div, .motif-theme .ant-chat-bubble-user.typing::before, .motif-theme .ant-chat-bubble-user.typing::after {
  background-color: rgba(255, 255, 255, 0.7);
}
.motif-theme .ant-chat-bubble.typing {
  display: flex;
  justify-content: center;
  width: 88px;
  padding: 21px 24px 15px;
}
.motif-theme .ant-chat-bubble.typing div, .motif-theme .ant-chat-bubble.typing::before, .motif-theme .ant-chat-bubble.typing::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 4px;
}
.motif-theme .ant-chat-bubble.typing::before {
  animation: loading 0.9s infinite;
}
.motif-theme .ant-chat-bubble.typing div {
  animation: loading 0.9s 0.15s infinite;
}
.motif-theme .ant-chat-bubble.typing::after {
  animation: loading 0.9s 0.3s infinite;
}
@keyframes loading {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50% {
    transform: translate3d(0, -4px, 0);
    opacity: 0.7;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.motif-theme .ant-chat-pill {
  border: 1px solid #949494;
  background: #ffffff;
  font-weight: bold;
  border-radius: 20px;
  display: inline-block;
  padding: 7px 20px;
  margin-right: 8px;
  margin-bottom: 16px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.motif-theme .ant-action-list {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.motif-theme .ant-action-list-label {
  border-bottom: 1px solid #cccccc;
  padding: 12px 24px;
  margin: 0;
}
.motif-theme .ant-action-list-button {
  background: transparent;
  border: 0;
  color: #286ce2;
  font-weight: 600;
  padding: 13px 0;
  text-align: center;
}
.motif-theme .ant-action-list-button.is-checked {
  background-color: #286ce2;
  color: #ffffff;
}
.motif-theme .ant-action-list-button.is-checked:focus {
  outline-offset: 5px;
  outline-color: #286ce2;
}
.motif-theme .ant-action-list.ant-chat-bubble-bot .ant-action-list_button:last-child {
  border-radius: 0 0 24px 5px;
}
.motif-theme .uxd-chat-cmp {
  text-align: right;
  position: relative;
  /*executes the hide animation */
  /*executes the expand animation*/
}
.motif-theme .uxd-chat-cmp .ant-message-center-header {
  text-align: left;
  align-items: center;
  background-color: #37475a;
  color: #ffffff;
  display: flex;
  font-size: 1.1428571429rem;
  padding: 13px 20px 10px 15px;
  width: 100%;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header.health-chat:before {
  content: "";
  background-image: url("/member/assets/images/ghost_icon.svg");
  height: 30px;
  width: 32px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header-title {
  flex: 1;
  margin: 0;
  font-weight: 100;
  font-size: 15px;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header a {
  display: flex;
  flex: 1;
  text-decoration: none;
  color: #ffffff;
  align-items: center;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header a:hover {
  cursor: pointer;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header a:before {
  font-family: "ant-motif-icons";
  transform: rotate(90deg);
  font-size: 22px;
  margin-right: 8px;
  content: "\e90f";
}
.motif-theme .uxd-chat-cmp .ant-message-center-header.service-agent:before {
  content: "\eb2f";
  font-size: 22px;
  font-family: "ant-motif-icons";
  margin-right: 8px;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header:after {
  display: none;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header .ant-multiple-messages {
  display: flex;
  align-items: baseline;
  background: transparent;
  border-color: transparent;
  padding: 0px;
  position: relative;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header .ant-multiple-messages span.chatIcon {
  font-size: 22px;
  margin-right: 5px;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header .ant-multiple-messages span.chatIcon::after {
  font-family: "ant-motif-icons";
  content: "\e946";
}
.motif-theme .uxd-chat-cmp .ant-message-center-header .ant-multiple-messages .notifcation {
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  right: -5px;
  top: -8px;
  border-radius: 100%;
  font-size: 12px;
  padding: 2px;
  text-align: center;
  background-color: #d20a3c;
  color: #ffffff;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header .ant-collapse-chat-window {
  display: flex;
  align-items: baseline;
  background: transparent;
  border-color: transparent;
  padding: 0px;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header .ant-collapse-chat-window span {
  font-weight: 300;
  padding: 0px;
  margin-left: 10px;
  display: flex;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header .ant-collapse-chat-window span::after {
  content: "";
  width: 20px;
  border-top: 3px solid white;
  display: inline-block;
}
.motif-theme .uxd-chat-cmp .ant-message-center-header.opened::after {
  content: "—";
}
.motif-theme .uxd-chat-cmp .uxd-chat-back span {
  content: "\e90f";
  font-family: "ant-motif-icons";
  transform: rotate(-180deg);
}
.motif-theme .uxd-chat-cmp .uxd-chat-window-wrapper {
  z-index: 100;
  background: #ffffff;
  box-shadow: 0 20px 36px 0 rgba(0, 0, 0, 0.24);
  overflow: hidden;
  position: absolute;
  width: 375px;
  bottom: 40px;
  right: 30px;
  z-index: 2;
}
.motif-theme .uxd-chat-cmp .uxd-chat-window-wrapper .ant-message-center {
  padding: 15px 15px 8rem 15px;
  position: absolute;
  top: 53px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: left;
  box-shadow: none;
  background-color: white;
  overflow: scroll;
}
.motif-theme .uxd-chat-cmp .uxd-chat-window-wrapper .ant-message-center-text-area {
  overflow-y: scroll;
  border-color: #dcdcdc;
  border-width: 1px 0 0;
  border-style: solid;
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}
.motif-theme .uxd-chat-cmp .uxd-chat-window-wrapper .ant-message-center-text-area .text-area {
  border: none;
  color: #666666;
  flex: 1;
  font-size: 1.2857142857rem;
  padding: 25px 16px 25px 24px;
}
.motif-theme .uxd-chat-cmp .uxd-chat-window-wrapper .ant-message-center-text-area .send {
  background: white;
  border: 0px;
}
.motif-theme .uxd-chat-cmp .uxd-chat-window-wrapper .ant-message-center-text-area .send:before {
  content: "\ea98";
  color: #286ce2;
  display: inherit;
  font-family: "ant-motif-icons";
  font-size: 1.8571428571rem;
  padding: 19px 16px 16px 16px;
}
.motif-theme .uxd-chat-cmp .uxd-chat-launcher {
  background: transparent;
  border: 0px;
}
.motif-theme .uxd-chat-cmp .chat-launch-point {
  display: block;
  padding: 20px;
  width: 20px;
  background: #37475a;
  padding: 25px;
  border-radius: 50%;
  height: 20px;
  border: 0px;
  position: relative;
}
.motif-theme .uxd-chat-cmp .chat-launch-point .ghost-icon {
  content: "";
  content: "";
  background-image: url("/member/assets/images/ghost_icon.svg");
  display: block;
  height: 25px;
  width: 27px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 12px;
  bottom: 12px;
}
.motif-theme .uxd-chat-cmp .chat-launch-point .notifcation {
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  right: -3px;
  top: -5px;
  border-radius: 100%;
  font-size: 12px;
  padding: 2px;
  text-align: center;
  background-color: #d20a3c;
  color: #ffffff;
}
.motif-theme .uxd-chat-cmp .hideBox {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.motif-theme .uxd-chat-cmp .hideBox.animateChatBox {
  position: fixed;
  height: 578px;
  max-height: calc(100% - 25px);
  /* Chrome, Safari, Opera */
  animation-name: closebox;
  animation-duration: 0.25s;
  animation-timing-function: cubic-bezier(0.49, -0.12, 0.94, 0.25);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform-origin: bottom right;
}
.motif-theme .uxd-chat-cmp .hideBox.uxd-chat-window-wrapper .ant-multiple-messages {
  display: none;
}
.motif-theme .uxd-chat-cmp .showBox.animateChatBox {
  position: fixed;
  height: 578px;
  max-height: calc(100% - 25px);
  /* Chrome, Safari, Opera */
  animation-name: openbox;
  animation-duration: 0.25s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform-origin: bottom right;
}
@keyframes openbox {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes closebox {
  0% {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
  25% {
    opacity: 0.75;
  }
  75% {
    opacity: 0.25;
  }
  100% {
    display: none;
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  .motif-theme .uxd-chat-cmp .supress-scroll {
    overflow: hidden;
  }
  .motif-theme .uxd-chat-cmp .uxd-chat-window-wrapper.showBox.animateChatBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    overflow-y: hidden;
  }
  .motif-theme .uxd-chat-cmp .uxd-chat-window-wrapper .ant-message-center {
    height: 100vh;
  }
  .motif-theme .uxd-chat-cmp .uxd-chat-window-wrapper .ant-message-center-text-area {
    position: absolute;
    bottom: 0;
  }
}
.motif-theme .uxd-chat-topic-wrapper {
  display: flex;
  flex-direction: column;
}
.motif-theme .chat-topic {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 25px 15px;
  border-bottom: 2px solid #eeeeee;
  padding: 1rem 1rem 1rem 15px;
  border-top: 2px solid #eeeeee;
  position: absolute;
  bottom: 72px;
  background: white;
  left: 0px;
  width: 100%;
}
.motif-theme .chat-topic .chat-topic-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.motif-theme .chat-topic .chat-topic-wrapper .topic-icon {
  background-image: url("/member/assets/images/ghost_icon.svg");
  display: block;
  min-height: 30px;
  min-width: 30px;
  margin-right: 15px;
  background-size: contain;
  background-repeat: no-repeat;
}
.motif-theme .chat-topic .chat-topic-wrapper .uxd-chat-topic-info {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
}
.motif-theme .chat-topic .chat-topic-wrapper .uxd-chat-topic-info p {
  margin: 0px;
}
.motif-theme .chat-topic .chat-topic-wrapper .uxd-chat-topic-info .topic-heading {
  display: flex;
  justify-content: space-between;
  justify-content: row;
  width: 90%;
}
.motif-theme .chat-topic .chat-topic-wrapper .uxd-chat-topic-info .preview {
  width: 90%;
  text-overflow: ellipsis;
  text-align: left;
}
.motif-theme .chat-topic .remove-topic-button {
  text-decoration: none;
  color: #666666;
  font-size: 22px;
  background: transparent;
  border: 0px;
}
.motif-theme .chat-topic .remove-topic-button:hover {
  cursor: pointer;
}
.motif-theme .chat-topic .remove-topic-button::before {
  font-family: "ant-motif-icons";
  content: "\e93b";
}
.motif-theme .chat-topic .uxd-close-topic {
  text-align: left;
  padding-left: 45px;
  margin-top: 12px;
  width: 100%;
}
.motif-theme .chat-topic .uxd-close-topic .btn-secondary {
  margin-right: 17px;
}
.motif-theme .chat-topic .chat-topic-wrapper .uxd-chat-topic-info .preview {
  text-overflow: ellipsis;
  display: flex;
}
.motif-theme .chat-box-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  height: 599px;
  padding: 1rem 1rem 5rem 1rem;
  overflow-y: scroll;
}
.motif-theme .chat-box-wrapper .ant-chat-bubble-user {
  display: flex;
  flex-basis: 100%;
}
.motif-theme .chat-box-wrapper .ant-chat-pill {
  flex-wrap: none;
}
@media only screen and (max-width: 480px) {
  .motif-theme .chat-box-wrapper {
    height: 100vh;
  }
}
.motif-theme .uxd-chat-accordion-cmp .ant-collapse-heading {
  display: flex;
  flex-wrap: wrap;
}
.motif-theme .uxd-chat-accordion-cmp .ant-collapse-heading .chat-accordion-heading-text {
  width: 93%;
}
.motif-theme .uxd-chat-accordion-cmp .ant-collapse-heading .chat-accordion-heading-text .collapsible-heading-text {
  font-size: 16px;
  height: 19px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: Lato;
}
.motif-theme .uxd-chat-accordion-cmp .ant-collapse-heading .sub-header-text {
  font-size: 14px;
  margin-left: 2.2142857143rem;
  font-weight: 100;
}
.motif-theme .uxd-chat-accordion-cmp .ant-collapse-heading .sub-header-button {
  border: none;
  color: #286ce2;
  padding: 0px;
  background: transparent;
}
.motif-theme .uxd-chat-accordion-cmp .ant-collapse-heading .sub-header-button .chat-accordion-heading-icon {
  font-size: 1.4285714286rem;
}
.motif-theme .uxd-chat-accordion-cmp .ant-collapse-heading .accordion-button-icon {
  font-family: "ant-motif-icons";
  color: #286ce2;
  font-size: 1.4285714286rem;
  margin-right: 0.75rem;
}
.motif-theme .uxd-chat-accordion-cmp .ant-collapse-heading .accordion-button-icon:before {
  content: "\e90f";
  display: block;
  transition: 250ms ease-in-out;
}
.motif-theme .uxd-chat-accordion-cmp .collapse-block {
  padding: 1rem;
}
.motif-theme .uxd-chat-accordion-cmp .collapse-block.is-expanded .accordion-button-icon::before {
  transform: rotate(180deg);
}
.motif-theme .uxd-chat-accordion-cmp .chat-table .table-container {
  display: flex;
  flex-direction: column;
  margin-left: 2.2142857143rem;
}
.motif-theme .uxd-chat-accordion-cmp .chat-table .table-container h4 {
  text-align: left;
  font-family: lato;
  margin-top: 0.5rem;
  font-weight: 400;
  font-size: 16px;
}
.motif-theme .uxd-chat-accordion-cmp .chat-table .table-container .table-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.7rem 0;
  border-bottom: 1px solid rgb(204, 204, 204);
}
.motif-theme .uxd-chat-accordion-cmp .chat-table .table-container .table-item p {
  font-weight: 100;
  margin: 0px;
}
.motif-theme .uxd-chat-accordion-cmp .chat-table .table-container .table-item:last-of-type() {
  border-bottom: none;
}
.motif-theme .uxd-chat-accordion-cmp .chat-table .table-container .table-sub-text {
  text-align: left;
}
.motif-theme .uxd-chat-accordion-cmp .chat-table .table-container .table-sub-value {
  max-width: 60%;
}
.motif-theme .chat-uxd-accordion {
  margin-bottom: 8px;
}
.motif-theme .chat-uxd-accordion > .uxd-chat-accordion-cmp {
  border-radius: 5px 24px 0px 0px;
}
.motif-theme .chat-uxd-accordion > .uxd-chat-accordion-cmp ~ .uxd-chat-accordion-cmp {
  border-radius: 0px;
}
.motif-theme .chat-uxd-accordion > .uxd-chat-accordion-cmp ~ .uxd-chat-accordion-cmp .collapse-block {
  border-top: 1px solid rgb(204, 204, 204);
}
.motif-theme .chat-uxd-accordion .uxd-chat-accordion-cmp:last-of-type() {
  border-radius: 0px 0px 24px 24px;
}
.motif-theme .chat-uxd-accordion .uxd-chat-accordion-cmp {
  background-color: #f0f0f0;
}
.motif-theme .chat-uxd-accordion .uxd-chat-accordion-cmp:only-child() {
  border-radius: 5px 24px 24px 24px;
}
.motif-theme .dtPicker.dtPicker--underline .ant-text-input {
  border: none;
  border-bottom: 1px solid #949494;
  font-size: 1rem;
  padding-left: 0.125rem;
}
.motif-theme .dtPicker.dtPicker--underline .ui-datepicker-trigger .ant-calendar-icon {
  border-left: none;
  font-size: 1.4285714286rem;
  color: #286ce2;
}
.motif-theme .small,
.motif-theme .medium,
.motif-theme .large,
.motif-theme .full-span {
  display: block;
  width: 100%;
  border: 1px solid #e0e0e0;
  margin-bottom: 2.1428571429rem;
}
.motif-theme .small .image-section,
.motif-theme .medium .image-section,
.motif-theme .large .image-section,
.motif-theme .full-span .image-section {
  position: relative;
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;
}
.motif-theme .small .img,
.motif-theme .medium .img,
.motif-theme .large .img,
.motif-theme .full-span .img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  height: 17.8571428571rem;
}
.motif-theme .small .description-section,
.motif-theme .medium .description-section,
.motif-theme .large .description-section,
.motif-theme .full-span .description-section {
  width: 100%;
  position: relative;
  padding: 5%;
  font-size: 1.7rem;
  font-weight: 200;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.08);
}
.motif-theme .small .description-title,
.motif-theme .medium .description-title,
.motif-theme .large .description-title,
.motif-theme .full-span .description-title {
  margin-left: 1.4285714286rem;
}
.motif-theme .small .description-text,
.motif-theme .medium .description-text,
.motif-theme .large .description-text,
.motif-theme .full-span .description-text {
  font-size: 0.8571428571rem;
  line-height: 1.5714285714rem;
  margin-bottom: 0.8571428571rem;
}
.motif-theme .small .badge-bookmark-container,
.motif-theme .medium .badge-bookmark-container,
.motif-theme .large .badge-bookmark-container,
.motif-theme .full-span .badge-bookmark-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: -1.7857142857rem;
  z-index: 10;
  width: 100%;
  position: absolute;
}
.motif-theme .small .optional-badge,
.motif-theme .medium .optional-badge,
.motif-theme .large .optional-badge,
.motif-theme .full-span .optional-badge {
  width: 8rem;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  background-color: #7bc99c;
}
.motif-theme .small .bookmark-icon,
.motif-theme .medium .bookmark-icon,
.motif-theme .large .bookmark-icon,
.motif-theme .full-span .bookmark-icon {
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  margin-top: -0.3571428571rem;
  right: 15%;
  border: 2px solid #286ce2;
  border-radius: 2rem;
  background-color: #fff;
}
.motif-theme .small .bookmark-icon:before,
.motif-theme .medium .bookmark-icon:before,
.motif-theme .large .bookmark-icon:before,
.motif-theme .full-span .bookmark-icon:before {
  position: absolute;
  display: inline-block;
  font-family: "ant-motif-icons";
  font-size: 1.2857142857rem;
  color: #286ce2;
  margin: 0.4285714286rem 0 0 0.4285714286rem;
}
.motif-theme .small .contact-section,
.motif-theme .medium .contact-section,
.motif-theme .large .contact-section,
.motif-theme .full-span .contact-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.motif-theme .small .contact-link,
.motif-theme .small .phone-number,
.motif-theme .medium .contact-link,
.motif-theme .medium .phone-number,
.motif-theme .large .contact-link,
.motif-theme .large .phone-number,
.motif-theme .full-span .contact-link,
.motif-theme .full-span .phone-number {
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  color: #286ce2;
  display: inline-block;
  margin-left: 2rem;
  width: 38%;
}
.motif-theme .small .contact-link:before,
.motif-theme .small .phone-number:before,
.motif-theme .medium .contact-link:before,
.motif-theme .medium .phone-number:before,
.motif-theme .large .contact-link:before,
.motif-theme .large .phone-number:before,
.motif-theme .full-span .contact-link:before,
.motif-theme .full-span .phone-number:before {
  position: absolute;
  display: inline-block;
  font-family: "ant-motif-icons";
  font-size: 1.5rem;
  margin-left: -2.3rem;
  margin-top: -0.3rem;
  color: #9c9c9c;
}
.motif-theme .small .phone-number,
.motif-theme .medium .phone-number,
.motif-theme .large .phone-number,
.motif-theme .full-span .phone-number {
  margin-left: 0;
}
.motif-theme .small .active-bookmark,
.motif-theme .medium .active-bookmark,
.motif-theme .large .active-bookmark,
.motif-theme .full-span .active-bookmark {
  background-color: #286ce2;
}
.motif-theme .small .active-bookmark:before,
.motif-theme .medium .active-bookmark:before,
.motif-theme .large .active-bookmark:before,
.motif-theme .full-span .active-bookmark:before {
  color: white;
}
@media screen and (min-width: 480px) {
  .motif-theme .small .description-text,
  .motif-theme .medium .description-text,
  .motif-theme .large .description-text,
  .motif-theme .full-span .description-text {
    font-size: 1.1428571429rem;
    margin-bottom: 1.1428571429rem;
  }
  .motif-theme .small .bookmark-icon:before,
  .motif-theme .medium .bookmark-icon:before,
  .motif-theme .large .bookmark-icon:before,
  .motif-theme .full-span .bookmark-icon:before {
    margin: 0.4285714286rem 0 0 0.4285714286rem;
  }
  .motif-theme .small .contact-section,
  .motif-theme .medium .contact-section,
  .motif-theme .large .contact-section,
  .motif-theme .full-span .contact-section {
    justify-content: initial;
  }
  .motif-theme .small .contact-section div,
  .motif-theme .medium .contact-section div,
  .motif-theme .large .contact-section div,
  .motif-theme .full-span .contact-section div {
    width: auto;
  }
  .motif-theme .small .contact-section .phone-number,
  .motif-theme .medium .contact-section .phone-number,
  .motif-theme .large .contact-section .phone-number,
  .motif-theme .full-span .contact-section .phone-number {
    margin-left: 4.2857142857rem;
  }
}
@media screen and (min-width: 480px) {
  .motif-theme .small {
    width: 24rem;
  }
  .motif-theme .small .badge-bookmark-container {
    margin-top: -2.1428571429rem;
  }
}
.motif-theme .medium img {
  height: 19.6428571429rem;
}
@media screen and (min-width: 480px) {
  .motif-theme .medium .badge-bookmark-container {
    margin-top: -2.2857142857rem;
  }
}
@media screen and (min-width: 800px) {
  .motif-theme .medium {
    width: 32rem;
  }
  .motif-theme .medium .badge-bookmark-container {
    margin-top: -2.4285714286rem;
  }
}
@media screen and (min-width: 480px) {
  .motif-theme .large .badge-bookmark-container {
    margin-top: -2.1428571429rem;
  }
}
@media screen and (min-width: 800px) {
  .motif-theme .large {
    width: 42rem;
  }
  .motif-theme .large .img {
    height: 25rem;
  }
  .motif-theme .large .badge-bookmark-container {
    margin-top: -2.8571428571rem;
  }
  .motif-theme .large .bookmark-icon {
    height: 3.5714285714rem;
    width: 3.5714285714rem;
    margin-top: -0.8571428571rem;
  }
  .motif-theme .large .bookmark-icon:before {
    font-size: 1.7rem;
    margin: 0.7142857143rem 0 0 0.7142857143rem;
  }
  .motif-theme .large .phone-number {
    margin-left: 2.8571428571rem;
  }
}
@media screen and (min-width: 800px) {
  .motif-theme .full-span {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .motif-theme .full-span .img {
    height: 21.8571428571rem;
  }
  .motif-theme .full-span .description-section,
  .motif-theme .full-span .image-section {
    width: 50%;
    position: relative;
  }
  .motif-theme .full-span .badge-bookmark-container {
    margin-top: -3rem;
  }
  .motif-theme .full-span .optional-badge {
    display: inline-block;
    top: 10%;
    left: 10%;
    height: 7%;
  }
  .motif-theme .full-span .bookmark-icon {
    top: 10%;
  }
  .motif-theme .full-span .description-section {
    padding: 9% 5% 3%;
  }
}
@media all and (max-width: 767px) {
  .motif-theme .cdk-overlay-container .cdk-overlay-pane {
    width: 100%;
  }
  .motif-theme .daterange-calender.fullWidth {
    position: fixed;
    top: 0;
    z-index: 999;
    background: white;
    overflow: auto;
    left: 0;
    width: 100%;
  }
  .motif-theme .date-range-title {
    width: 100%;
    background-image: url(/assets/images/motif/blue-tall.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: 300;
    color: white;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 34px;
    padding: 51px 0 20px 15px;
  }
}
.motif-theme .calendar-header {
  padding: 8px 24px 0;
}
.motif-theme .calendar-header .calendar-previous-button,
.motif-theme .calendar-header .calendar-next-button {
  position: relative;
  font-size: 1.7142857143rem;
  color: #286ce2;
  background: white;
  border: none;
  padding: 0px;
  outline: none;
}
[dir=rtl] .motif-theme .calendar-header .calendar-previous-button,
[dir=rtl] .motif-theme .calendar-header .calendar-next-button {
  transform: rotate(180deg);
}
@media all and (max-width: 767px) {
  .motif-theme .ant-rangeDatepicker .calendar-previous-button,
  .motif-theme .ant-rangeDatepicker .calendar-next-button {
    opacity: 0;
  }
}
.motif-theme .calendar-footer-cont {
  text-align: center;
  color: #286ce2;
  font-family: Lato;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2142857143rem;
  padding: 1rem 0;
  cursor: pointer;
}
.motif-theme .ant-calendar-content {
  padding: 0.5714285714rem 0.7857142857rem 1.7142857143rem;
  outline: none;
}
.motif-theme .calendar-controls {
  display: flex;
  margin: 5% 0;
  align-items: center;
}
.motif-theme .ant-datepicker-cont {
  position: relative;
  width: 230px;
}
.motif-theme .ant-datepicker-cont .datepicker-toggle button {
  position: absolute;
  right: 1.2857142857rem;
  top: 0.7142857143rem;
  width: 1.7857142857rem;
  height: 1.4285714286rem;
  line-height: 1.5714285714rem;
  font-size: 1.25rem;
  color: #286ce2;
  background: white;
  border: none;
  outline: none;
}
.motif-theme .ant-datepicker-cont .ant-text-input.hasDatepicker {
  padding: 0.9285714286rem 0.8571428571rem;
  font-size: 0.8571428571rem;
  line-height: 1.0714285714rem;
}
.motif-theme .calendar-period-button {
  flex: 1;
  text-align: center;
  color: #3a3a3a;
  font-size: 1.1428571429rem;
  font-weight: bold;
  letter-spacing: 2.5px;
  line-height: 1.3571428571rem;
}
.motif-theme .calendar-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.motif-theme .calendar-arrow.calendar-invert {
  transform: rotate(180deg);
}
[dir=rtl] .motif-theme .calendar-arrow {
  margin: 0 5px 0 0;
}
.motif-theme .ant-calendar {
  display: block;
}
.motif-theme .ant-calendar button.motif-icon[disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.motif-theme .ant-calendar .ant-calendar-table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0px;
  font-size: 1rem;
  line-height: 1.42857143;
}
.motif-theme .ant-calendar .ant-calendar-table .calendar-table-header th {
  padding: 1rem 0;
  color: #333333;
  font-size: 0.8571428571rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 0.7142857143rem;
  text-align: center;
}
.motif-theme .calendar-table-header-divider {
  position: relative;
  height: 1px;
}
.motif-theme .calendar-table-header-divider::after {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  right: -8px;
  height: 1px;
}
.motif-theme .ant-calendar-body {
  min-width: 224px;
}
.motif-theme .ant-calendar-body .calendar-body-cell {
  position: relative;
  text-align: center;
  outline: none;
  padding: 0px !important;
  cursor: pointer;
}
.motif-theme .ant-calendar-body .calendar-body-cell .calendar-body-cell-content {
  width: 100%;
  padding-top: 100%;
  color: #333333;
  font-size: 0.8571428571rem;
  text-align: center;
  position: relative;
}
.motif-theme .ant-calendar-body .calendar-body-cell .calendar-body-cell-content span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border: 2px solid transparent;
  border-radius: 50%;
}
.cdk-high-contrast-active .motif-theme .ant-calendar-body .calendar-body-cell .calendar-body-cell-content {
  border: none;
}

.motif-theme .ant-calendar-body .calendar-body-cell .calendar-body-cell-content:not(.calendar-body-selected) span:hover {
  font-size: 1.2857142857rem;
  color: #286ce2;
  font-weight: 700;
  border: 2px solid #286ce2;
}
.motif-theme .ant-calendar-body .calendar-body-cell .calendar-body-selected span {
  background-color: #286ce2;
  color: #fff;
  font-size: 1.2857142857rem;
  font-weight: bold;
  box-sizing: border-box;
}
.motif-theme .ant-calendar-body .calendar-body-cell.rangeClass .calendar-body-cell-content span:hover {
  border-radius: 0;
}
.motif-theme .calendar-body-label {
  height: 0;
  line-height: 0;
  text-align: left;
  padding-left: 4.7142857143%;
  padding-right: 4.7142857143%;
}
.motif-theme .calendar-body-disabled {
  cursor: default;
}
.cdk-high-contrast-active .motif-theme .datepicker-popup:not(:empty),
.cdk-high-contrast-active .motif-theme .calendar-body-selected {
  outline: solid 1px;
}
.cdk-high-contrast-active .motif-theme .calendar-body-today {
  outline: dotted 1px;
}
.cdk-high-contrast-active .motif-theme .cdk-keyboard-focused .calendar-body-active > .calendar-body-cell-content:not(.calendar-body-selected),
.cdk-high-contrast-active .motif-theme .cdk-program-focused .calendar-body-active > .calendar-body-cell-content:not(.calendar-body-selected) {
  outline: dotted 2px;
}

.motif-theme [dir=rtl] .calendar-body-label {
  text-align: right;
}
@media (hover: none) {
  .motif-theme .calendar-body-cell:not(.calendar-body-disabled):hover > .calendar-body-cell-content:not(.calendar-body-selected) {
    background-color: transparent;
  }
}
.motif-theme .datepicker-content {
  display: block;
  border-radius: 4px;
}
.motif-theme .datepicker-content .ant-calendar {
  box-sizing: border-box;
  min-width: 360px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@media all and (max-width: 767px) {
  .motif-theme .datepicker-content .ant-calendar {
    min-width: 0;
  }
}
.motif-theme .cdk-overlay-connected-position-bounding-box {
  max-width: 100% !important;
  width: 100%;
}
.motif-theme .datepicker-content-touch {
  display: block;
  max-height: 80vh;
  overflow: auto;
  margin: -24px;
}
.motif-theme .datepicker-content-touch .ant-calendar {
  min-width: 250px;
  min-height: 312px;
  max-width: 750px;
  max-height: 788px;
}
@media all and (orientation: landscape) {
  .motif-theme .datepicker-content-touch .ant-calendar {
    width: 64vh;
    height: 80vh;
  }
}
@media all and (orientation: portrait) {
  .motif-theme .datepicker-content-touch .ant-calendar {
    width: 80vw;
    height: 100vw;
  }
}
.motif-theme .cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.motif-theme .cdk-global-overlay-wrapper,
.motif-theme .cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.motif-theme .cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.motif-theme .cdk-overlay-container:empty {
  display: none;
}
.motif-theme .cdk-global-overlay-wrapper,
.motif-theme .cdk-overlay-pane {
  display: -webkit-box;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.motif-theme .cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
}
.motif-theme .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.motif-theme .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .motif-theme .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.motif-theme .cdk-overlay-transparent-backdrop,
.motif-theme .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.motif-theme .cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.motif-theme .calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}
.motif-theme .calendar-body-label,
.motif-theme .datepicker-toggle {
  color: rgba(0, 0, 0, 0.54);
}
.motif-theme .ant-calendar-body .calendar-body-today:not(.calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38);
  color: #286ce2;
  font-size: 1.2857142857rem;
  font-weight: bold;
}
.motif-theme .cdk-overlay-container .cdk-overlay-pane {
  padding-top: 0.5714285714rem;
  padding-bottom: 0.5714285714rem;
}
.motif-theme .calendar-body-disabled > .calendar-body-cell-content:not(.calendar-body-selected),
.motif-theme .calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.motif-theme .calendar-table-header-divider:after {
  background: rgba(0, 0, 0, 0.12);
}
.motif-theme .calendar-body-disabled > .calendar-body-today:not(.calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18);
}
.motif-theme .calendar-body-disabled > .calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}
.motif-theme .datepicker-content {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
@media all and (max-width: 767px) {
  .motif-theme .datepicker-content {
    width: 91%;
    max-width: 440px;
    margin: 0 auto;
  }
}
.motif-theme .datepicker-content.dp-warn .calendar-body-selected,
.motif-theme .datepicker-content.dp-accent .calendar-body-selected {
  background-color: #ff4081;
  color: #fff;
}
.motif-theme .datepicker-content.dp-accent .calendar-body-disabled > .calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}
.motif-theme .calendar-body-today.calendar-body-selected,
.motif-theme .datepicker-content.dp-warn .calendar-body-today.calendar-body-selected,
.motif-theme .datepicker-content.dp-accent .calendar-body-today.calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.motif-theme .datepicker-content.dp-warn .calendar-body-disabled > .calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.motif-theme .datepicker-content-touch {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.motif-theme .datepicker-toggle-active {
  color: #3f51b5;
}
.motif-theme .daterangepicker-input {
  position: relative;
}
.motif-theme .example-custom-date-class > div {
  background: #286ce2 !important;
  color: white !important;
  border-radius: 100%;
}
.motif-theme .customMitifyCalender {
  font-size: 1.25rem;
  color: #286ce2;
  position: absolute;
  top: 0.9285714286rem;
  right: 1.2857142857rem;
  cursor: pointer;
}
.motif-theme .calenderOptionList {
  width: 266px;
  float: left;
  overflow: hidden;
  padding: 0px;
  color: #286ce2;
  font-size: 0.8571428571rem;
  text-align: center;
  padding: 2.1428571429rem 1.7142857143rem;
  height: 100%;
}
.motif-theme .calenderOptionList > div {
  padding: 1.0714285714rem 0;
}
.motif-theme .calenderOptionList .daySelected {
  border: 1px solid #286ce2;
}
.motif-theme .daterangepicker-input {
  width: 230px;
  /* .hasDatepicker.pfText {
    &:hover,
    &:focus {
      width: 100%;
    }
    width: 100%;
  } */
}
.motif-theme .daterangepicker-input .hasDatepicker {
  padding: 0.92857143rem 0.85714286rem;
  font-size: 0.85714286rem;
  line-height: 1.07142857rem;
}
.motif-theme .ant-rangeDatepicker {
  width: 360px;
}
@media all and (max-width: 767px) {
  .motif-theme .ant-rangeDatepicker {
    width: 100%;
  }
}
.motif-theme .daterange-wrapper {
  position: absolute;
  z-index: 9999;
  margin-top: 46px;
}
@media screen and (max-width: 767px) {
  .motif-theme .daterange-wrapper {
    margin-left: -36px;
  }
}
@media all and (max-width: 767px) {
  .motif-theme .cdk-overlay-pane.datepicker-popup {
    pointer-events: none !important;
  }
  .motif-theme .ant-calendar {
    pointer-events: auto;
  }
}
.motif-theme .daterange-calender {
  cursor: pointer;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e9eaeb;
  background: rgb(255, 255, 255);
  clear: both;
  top: 10px;
  position: relative;
  width: fit-content;
}
.motif-theme .daterange-calender .range-left-comp {
  position: relative;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .motif-theme .daterange-calender .range-left-comp {
    display: flex;
  }
}
@media all and (min-width: 768px) {
  .motif-theme .daterange-calender .range-left-comp {
    border-left: 0.89px solid rgb(229, 229, 229);
  }
}
.motif-theme .daterange-calender .datePicker-footer {
  display: none;
}
.motif-theme .daterange-calender .rangeClass.calendar-body-cell {
  background-color: rgb(94, 97, 102);
  color: #333333;
}
.motif-theme .daterange-calender .calendar-footer-cont {
  display: none;
}
.motif-theme .daterange-calender .ant-calendar-body .rangeStartDayClass > div span,
.motif-theme .daterange-calender .ant-calendar-body .rangeEndDayClass > div span {
  background-color: #286ce2 !important;
  color: white !important;
}
.motif-theme .daterange-calender .ant-calendar-body .rangeEndDayClass {
  background: rgba(36, 83, 166, 0.1);
  border-radius: 0 999px 999px 0;
}
.motif-theme .daterange-calender .ant-calendar-body .rangeStartDayClass {
  background: rgba(36, 83, 166, 0.1);
  border-radius: 999px 0 0 999px;
}
.motif-theme .daterange-calender .ant-calendar-body .rangeStartDayClass.rangeEndDayClass {
  border-radius: 999px;
}
.motif-theme .daterange-calender .date-apply-btn {
  text-align: right;
  margin: 0 20px 20px 0;
}
@media screen and (max-width: 767px) {
  .motif-theme .daterange-calender .date-apply-btn {
    position: fixed;
    bottom: 0;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.08);
    width: 100%;
    padding: 15px;
    text-align: left;
    margin-bottom: 0;
  }
  .motif-theme .daterange-calender .date-apply-btn input {
    width: 46%;
  }
}
.motif-theme .daterange-calender .date-apply-btn .cancel_btn {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .motif-theme .daterange-calender .date-apply-btn .cancel_btn {
    border: none;
  }
}
.motif-theme .daterange-calender .rangeClass.calendar-body-cell {
  background-color: rgba(36, 83, 166, 0.1);
  color: #333333;
  height: 100%;
  width: 100%;
  border-radius: 0;
}
.motif-theme .daterange-calender .ant-calendar + .ant-calendar .calendar-previous-button {
  opacity: 0;
  pointer-events: none;
}
.motif-theme .calenderOptionList.moveLeft {
  width: 160px;
}
.motif-theme ant-date-time-picker .ant-date-time-picker-container {
  width: 100%;
  max-width: 58.5714285714rem;
}
.motif-theme ant-date-time-picker button {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.9285714286rem;
  color: #286ce2;
  border: none;
  background: transparent;
  padding: 0;
  line-height: 1.1428571429rem;
  transition: background-color 250ms ease, color 250ms ease;
}
.motif-theme ant-date-time-picker .week-btns {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0.8571428571rem;
  margin-bottom: 1.7857142857rem;
}
.motif-theme ant-date-time-picker .week-btns button:hover {
  color: #2453a6;
}
.motif-theme ant-date-time-picker .week-btns .next .week-btn-icon {
  transform: rotate(-90deg);
}
.motif-theme ant-date-time-picker .week-btns .prev .week-btn-icon {
  transform: rotate(90deg);
}
.motif-theme ant-date-time-picker .week-btns .week-btn-icon {
  font-family: "ant-motif-icons";
  display: inline-block;
  font-size: 0.9285714286rem;
  margin: 0 0.125rem;
}
.motif-theme ant-date-time-picker .week-btns .week-btn-icon:before {
  content: "\e90f";
}
.motif-theme ant-date-time-picker .scroll-container {
  width: 100%;
  overflow-x: scroll;
}
.motif-theme ant-date-time-picker .dates {
  display: flex;
  font-family: "Lato", sans-serif;
  width: 58.5714285714rem;
}
.motif-theme ant-date-time-picker .dates .date-col {
  width: 7.5rem;
  margin-right: 1.0714285714rem;
}
.motif-theme ant-date-time-picker .dates .date-col:last-child {
  margin-right: 0;
}
.motif-theme ant-date-time-picker .dates .date-col h6 {
  text-align: center;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.0714285714rem;
  margin-bottom: 1.4285714286rem;
}
.motif-theme ant-date-time-picker .dates .date-col h6 span {
  display: block;
  font-size: 0.8571428571rem;
  font-weight: 400;
  margin-bottom: 0.2857142857rem;
}
.motif-theme ant-date-time-picker .dates .date-col button {
  text-align: center;
  border: 0.0714285714rem solid #286ce2;
  font-size: 0.7857142857rem;
  padding: 0.5714285714rem 0;
  line-height: 0.9285714286rem;
  width: 100%;
  height: 2.188rem;
}
.motif-theme ant-date-time-picker .dates .date-col button:focus {
  outline-offset: -5px;
}
.motif-theme ant-date-time-picker .dates .date-col ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.motif-theme ant-date-time-picker .dates .date-col ul li {
  margin-bottom: 1.1428571429rem;
  width: 100%;
}
.motif-theme ant-date-time-picker .dates .date-col ul li:hover button {
  background-color: #2453a6;
  color: #ffffff;
}
.motif-theme ant-date-time-picker .dates .date-col ul li.selected button {
  background-color: #286ce2;
  color: #ffffff;
}
.motif-theme ant-date-time-picker .dates .date-col ul li.empty-time {
  text-align: center;
  color: #949494;
  height: 2.188rem;
}
.motif-theme ant-date-time-picker .dates .date-col ul li.empty-time span {
  display: block;
  height: 2.188rem;
  line-height: 2.188rem;
}
.motif-theme ant-date-time-picker .no-results {
  text-align: center;
  font-size: 1.2857142857rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 800px), only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 800px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 800px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 800px), only screen and (max-width: 800px) {
  .motif-theme ant-date-time-picker .week-btns {
    border-bottom: none;
  }
  .motif-theme ant-date-time-picker .dates {
    flex-direction: column;
    width: 100%;
  }
  .motif-theme ant-date-time-picker .dates .date-col {
    width: 100%;
  }
  .motif-theme ant-date-time-picker .dates .date-col ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.4285714286rem;
  }
  .motif-theme ant-date-time-picker .dates .date-col ul li {
    width: calc(50% - 8px);
    margin-bottom: 0.8571428571rem;
  }
  .motif-theme ant-date-time-picker .dates .date-col ul li:nth-child(odd) {
    margin-right: 0.8571428571rem;
  }
  .motif-theme ant-date-time-picker .dates .date-col h6 {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 1.0714285714rem;
  }
  .motif-theme ant-date-time-picker .dates .date-col h6 span {
    font-size: 1rem;
  }
}
.motif-theme .sidebar-popout-nav-example-container {
  position: relative;
  height: 400px;
}
.motif-theme .sidebar-popout-container {
  position: absolute;
  background: #ffffff;
}
.motif-theme .filler-text {
  margin-left: 42px;
}
@media screen and (min-width: 480px) {
  .motif-theme .filler-text {
    margin-left: 212px;
  }
}
.motif-theme .ant-sidebar-nav {
  padding-right: 15px;
  color: #333333;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #ffffff;
  width: 200px;
  height: 350px;
  transition: width 200ms ease;
  border-right: 1px solid #eeeeee;
}
.motif-theme .ant-sidebar-nav .headline-title {
  margin: 2rem 0;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.motif-theme .ant-sidebar-nav .nav-compose {
  margin: 1rem 0;
}
.motif-theme .ant-sidebar-nav .nav-compose.btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.motif-theme .ant-sidebar-nav .nav-compose .compose-txt {
  padding-left: 0.5rem;
}
@media screen and (max-width: 480px) {
  .motif-theme .ant-sidebar-nav {
    width: 35px;
  }
  .motif-theme .ant-sidebar-nav .ant-sidebar-compose {
    margin-bottom: 0;
  }
  .motif-theme .ant-sidebar-nav .ant-sidebar-compose .nav-toggle.hidden {
    display: inline-block !important;
  }
  .motif-theme .ant-sidebar-nav.open {
    width: 200px;
    z-index: 2;
  }
  .motif-theme .ant-sidebar-nav.open .nav-toggle {
    text-align: right;
  }
  .motif-theme .ant-sidebar-nav.open .motif-arrows-long-right {
    transform: rotate(180deg);
  }
  .motif-theme .ant-sidebar-nav:not(.open) .compose-txt,
  .motif-theme .ant-sidebar-nav:not(.open) .unread-count,
  .motif-theme .ant-sidebar-nav:not(.open) .li-txt {
    visibility: hidden;
    position: absolute;
  }
  .motif-theme .ant-sidebar-nav:not(.open) .ant-list-item {
    justify-content: center;
  }
  .motif-theme .ant-sidebar-nav:not(.open) .ant-sidebar-compose, .motif-theme .ant-sidebar-nav:not(.open) .nav-compose {
    border: none;
  }
  .motif-theme .ant-sidebar-nav:not(.open) .nav-compose {
    padding: 0;
  }
  .motif-theme .ant-sidebar-nav:not(.open) .ant-sidebar-compose {
    padding-bottom: 1rem;
  }
}
.motif-theme .ant-sidebar-compose {
  width: 100%;
  padding-bottom: 1rem;
}
.motif-theme .ant-sidebar-compose .btn {
  width: 100%;
}
.motif-theme .ant-sidebar-compose .nav-compose {
  margin: 1rem 0;
}
.motif-theme .ant-sidebar-compose .nav-compose.btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.motif-theme .ant-sidebar-compose .nav-compose .compose-txt {
  padding-left: 0.5rem;
}
.motif-theme .ant-sidebar-compose .nav-toggle {
  padding: 0;
  border: none;
}
.motif-theme .ant-sidebar-compose .nav-toggle:focus {
  outline: none;
}
.motif-theme .ant-sidebar-compose .motif-arrows-long-right {
  transition: transform 300ms ease;
  display: inline-block;
}
.motif-theme .ant-list-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
  padding: 0;
  border: none;
  align-items: center;
  position: relative;
  text-decoration: none;
  color: #333333;
}
.motif-theme .ant-list-item span {
  text-transform: capitalize;
}
.motif-theme .ant-list-item span.li-txt {
  padding-left: 1rem;
}
.motif-theme .ant-list-item span.unread-count {
  flex-grow: 1;
  text-align: right;
}
.motif-theme .ant-list-item .motif-icon {
  color: #949494;
}
.motif-theme .ant-list-item:last-child {
  margin-bottom: 0;
}
.motif-theme .ant-list-item.active span:not(.motif-icon) {
  color: #286ce2;
}
.motif-theme .ant-list-item.active:before {
  content: "";
  height: 100%;
  width: 4px;
  position: absolute;
  left: -1rem;
  top: 0;
  background: #286ce2;
}
.motif-theme .ant-scrubber {
  min-width: 150px;
  position: relative;
  width: 100%;
  margin-bottom: 0;
  padding: 0 0 4rem 0;
  display: block;
}
.motif-theme .ant-scrubber .slider-wrapper {
  height: 2rem;
  width: 100%;
  position: relative;
  transition: all ease 250ms;
}
.motif-theme .ant-scrubber .chip {
  height: 32px;
  width: 32px;
  top: 3px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: url("/member/assets/images/scrubber-handle.svg") center no-repeat #fff;
  background-size: cover;
  position: absolute;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.25), 0 0 3px 0 rgba(0, 0, 0, 0.17);
  border: 1px solid transparent;
  appearance: none;
  margin-left: -16px;
  cursor: -webkit-grab;
}
.motif-theme .ant-scrubber .chip.lastActive {
  z-index: 10;
}
.motif-theme .ant-scrubber .chip.active {
  cursor: -webkit-grabbing;
  z-index: 10;
  border: 1px solid #286ce2;
  outline: none;
  box-shadow: none;
}
.motif-theme .ant-scrubber .chip:focus {
  border: 1px solid #286ce2;
  outline: none;
  box-shadow: none;
}
.motif-theme .ant-scrubber .chip.pass-through {
  pointer-events: none;
}
.motif-theme .ant-scrubber .bar {
  position: absolute;
  margin-bottom: -1px;
  padding-bottom: 1px;
  border-radius: 4px;
  border-bottom: 10px solid #f7f7f7;
  top: 1rem;
  width: 100%;
}
.motif-theme .ant-scrubber .bar:before {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.motif-theme .ant-scrubber .range {
  position: absolute;
  top: 1rem;
  background-color: #286ce2;
  border-radius: 4px;
  height: 10px;
}
.motif-theme .ant-scrubber .range-labels {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  color: #333333;
  margin-top: 25px;
}
.motif-theme .ant-scrubber .range-labels.offset .min {
  transform: translateX(-50%);
}
.motif-theme .ant-scrubber .range-labels.offset .max {
  transform: translateX(50%);
}
.motif-theme .ant-scrubber .range-labels.hide {
  display: none;
}
.motif-theme .ant-scrubber .arrow_box {
  position: absolute;
  top: -75px;
  left: -20px;
  background: #ffffff;
  border: 1px solid #286ce2;
  padding: 5px;
  min-width: 70px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2857142857rem;
  color: #333333;
}
.motif-theme .ant-scrubber .arrow_box:after, .motif-theme .ant-scrubber .arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.motif-theme .ant-scrubber .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.motif-theme .ant-scrubber .arrow_box:before {
  border-color: rgba(40, 108, 226, 0);
  border-top-color: #286ce2;
  border-width: 11px;
  margin-left: -11px;
}
.motif-theme .illustration-modal, .motif-theme .illustration-hero-unit {
  display: block;
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  overflow: hidden;
}
.motif-theme .illustration-modal.goal-setting, .motif-theme .illustration-hero-unit.goal-setting {
  background-image: url("/member/assets/images/motif/goal-setting.svg");
}
.motif-theme .illustration-modal.healthy-eating-100, .motif-theme .illustration-hero-unit.healthy-eating-100 {
  background-image: url("/member/assets/images/motif//healthy-eating-100.svg");
}
.motif-theme .illustration-modal.less-stress-temp, .motif-theme .illustration-hero-unit.less-stress-temp {
  background-image: url("/member/assets/images/motif//less-stress-temp.svg");
}
.motif-theme .illustration-modal.sleep, .motif-theme .illustration-hero-unit.sleep {
  background-image: url("/member/assets/images/motif//sleep.svg");
}
.motif-theme .illustration-modal.strength-challenge, .motif-theme .illustration-hero-unit.strength-challenge {
  background-image: url("/member/assets/images/motif//strength-challenge.svg");
}
.motif-theme .illustration-modal.workout-challenge, .motif-theme .illustration-hero-unit.workout-challenge {
  background-image: url("/member/assets/images/motif//workout-challenge.svg");
}
.motif-theme .illustration-modal.eat-healthy, .motif-theme .illustration-hero-unit.eat-healthy {
  background-image: url("/member/assets/images/motif//eat-healthy.svg");
}
.motif-theme .illustration-modal:before, .motif-theme .illustration-hero-unit:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.motif-theme .illustration-modal .illustration-wrapper, .motif-theme .illustration-hero-unit .illustration-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.motif-theme .illustration-modal .illustration-content, .motif-theme .illustration-hero-unit .illustration-content {
  position: absolute;
  top: 0;
  height: 100%;
}
.motif-theme .illustration-modal .illustration-content h1, .motif-theme .illustration-hero-unit .illustration-content h1 {
  color: #ffffff;
  font-size: 2.2857142857rem;
}
.motif-theme .illustration-modal .illustration-content .illustration-body, .motif-theme .illustration-hero-unit .illustration-content .illustration-body {
  font-size: 1rem;
  line-height: 1.5714285714rem;
  color: #ffffff;
  margin: 1.7142857143rem 0 -0.8571428571rem;
}
.motif-theme .illustration-modal .illustration-footer, .motif-theme .illustration-hero-unit .illustration-footer {
  display: flex;
  justify-content: space-between;
}
.motif-theme .illustration-modal .illustration-footer .btn, .motif-theme .illustration-hero-unit .illustration-footer .btn {
  width: 48%;
  max-width: 168px;
  height: 45px;
  border: 1px solid #ffffff;
  margin-top: 1.7857142857rem;
}
.motif-theme .illustration-modal {
  max-width: 800px;
  width: 96vw;
  height: 375px;
  padding: 2.2857142857rem;
}
.motif-theme .illustration-modal:before {
  content: "";
  height: 100%;
  width: 800px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 47.63%, rgba(0, 0, 0, 0.6) 100%);
}
.motif-theme .illustration-modal .illustration-content {
  left: 1.7142857143rem;
  width: 25.1428571429rem;
}
@media screen and (max-width: 600px) {
  .motif-theme .illustration-modal .illustration-content {
    left: 0;
    right: 0;
    padding-top: 30px;
    width: 100%;
    position: relative;
  }
  .motif-theme .illustration-modal .illustration-footer {
    justify-content: flex-start;
  }
  .motif-theme .illustration-modal .illustration-footer .btn:first-child {
    margin-right: 16px;
  }
}
.motif-theme .illustration-hero-unit {
  max-width: 46.7142857143rem;
  width: 100%;
  height: 20.5714285714rem;
  padding: 2.8571428571rem;
  position: relative;
  color: #ffffff;
}
.motif-theme .illustration-hero-unit:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media (min-width: 480px) {
  .motif-theme .illustration-hero-unit:before {
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 47.63%, rgba(0, 0, 0, 0.6) 100%);
  }
}
.motif-theme .illustration-hero-unit .illustration-content {
  width: 100%;
}
@media (min-width: 480px) {
  .motif-theme .illustration-hero-unit .illustration-content {
    width: 50%;
  }
}
.motif-theme .illustration-hero-unit .hero-title {
  position: relative;
  font-size: 1.7142857143rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 1.9285714286rem;
  padding-bottom: 1.1428571429rem;
  width: 100%;
  color: inherit;
  border-bottom: 2px solid #ffffff;
}
@media (min-width: 480px) {
  .motif-theme .illustration-hero-unit .hero-title {
    width: 85%;
  }
}
.motif-theme .illustration-hero-unit .next-step {
  position: relative;
  padding-left: 2.2857142857rem;
  margin-top: 1.7142857143rem;
}
.motif-theme .illustration-hero-unit .next-step a {
  color: #ffffff;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 1.1428571429rem;
}
.motif-theme .illustration-hero-unit .next-step a:before {
  content: "\e911";
  font-family: "ant-motif-icons";
  position: absolute;
  left: 0;
  top: -0.1428571429rem;
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  border-radius: 0.8571428571rem;
  font-size: 1rem;
  font-weight: 700;
  border: 2px solid #ffffff;
  padding: 0 0 0.2857142857rem 0.2857142857rem;
}
.motif-theme .illustration-hero-unit .completed-steps {
  width: 100%;
  position: relative;
  color: inherit;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.5714285714rem;
  margin-top: 1.7142857143rem;
}
.motif-theme .illustration-hero-unit .completed-steps .empty-rect {
  fill: rgba(255, 255, 255, 0.2);
}
.motif-theme .illustration-hero-unit .completed-steps .bg-rect {
  fill: #f7f7f7;
}
.motif-theme .illustration-hero-unit .completed-steps .completed-steps-label {
  margin-bottom: 0.5714285714rem;
}
.motif-theme .illustration-hero-unit .switch-plan {
  position: relative;
  margin-top: 1.1428571429rem;
  background: none;
  border: none;
}
.motif-theme .illustration-hero-unit .switch-plan .switch-plan-text {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5714285714rem;
  padding-left: 2.5714285714rem;
}
.motif-theme .illustration-hero-unit .switch-plan .switch-plan-text:hover {
  cursor: pointer;
}
.motif-theme .illustration-hero-unit .switch-plan .switch-plan-text:before {
  content: "\eac5";
  font-family: "ant-motif-icons";
  font-size: 2rem;
  font-weight: normal;
  position: absolute;
  width: 2.1428571429rem;
  height: 2.1428571429rem;
  left: 0;
  top: -0.3571428571rem;
  padding: 0.2857142857rem 0;
}
.motif-theme .back-to-top-button {
  position: fixed;
  bottom: 0;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  color: white;
  background: rgba(55, 71, 90, 0.75);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1.2rem;
  text-decoration: none;
  width: 137px;
  border-radius: 23px;
  opacity: 1;
  z-index: 50;
}
.motif-theme .back-to-top-button:hover, .motif-theme .back-to-top-button:focus, .motif-theme .back-to-top-button:active, .motif-theme .back-to-top-button:active:focus {
  color: white;
}
.motif-theme .back-to-top-button:hover {
  background: rgba(36, 46, 58, 0.75);
}
.motif-theme .back-to-top-button .motif-up-arrow {
  font-size: 1.3571428571rem;
}
.motif-theme .celebratory-modal {
  max-width: 660px;
  width: 96vw;
  height: 486px;
  padding: 2.2857142857rem;
  border: 1px solid grey;
  overflow: hidden;
}
.motif-theme .celebratory-modal .celebratory-header {
  text-align: center;
  width: 100%;
  margin-top: 3.2142857143rem;
}
.motif-theme .celebratory-modal .celebratory-header h1 {
  padding-bottom: 50px;
}
.motif-theme .celebratory-modal .btn {
  margin-top: 25px;
}
.motif-theme .celebratory-modal .celebratory-body {
  width: 80%;
  margin: 0px auto;
  overflow: hidden;
}
.motif-theme .celebratory-modal .confetti-holder {
  width: 0.0714285714rem;
  margin: 0px auto;
}
.motif-theme .celebratory-modal .btn-primary {
  margin-left: 20px;
  z-index: 5;
}
@media (max-width: 801px) {
  .motif-theme .celebratory-modal .btn-primary {
    max-width: 12rem;
    padding: 0.7142857143rem 1.5714285714rem;
  }
}
@media (max-width: 801px) {
  .motif-theme .celebratory-modal .btn-secondary {
    max-width: 168px;
    padding: 0.7142857143rem 1.5714285714rem;
  }
}
.motif-theme .celebratory-modal .spacer-div {
  padding: 75px 0px;
}
.motif-theme .ant-celebratory {
  width: 0.0714285714rem;
  margin: 0px auto;
  overflow: hidden;
}
.motif-theme .ant-celebratory .circle-sm {
  z-index: -1;
  border-radius: 50%;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.motif-theme .ant-celebratory .circle-med {
  z-index: -1;
  border-radius: 50%;
  width: 3.5714285714rem;
  height: 3.5714285714rem;
}
.motif-theme .ant-celebratory .circle-lg {
  z-index: -1;
  border-radius: 50%;
  width: 7.1428571429rem;
  height: 7.1428571429rem;
}
.motif-theme .ant-celebratory .triangle-sm {
  z-index: -1;
  width: 0rem;
  height: 0rem;
  border-left: 5px solid white;
  border-right: 5px solid white;
  border-bottom: 10px solid transparent;
}
.motif-theme .ant-celebratory .triangle-med {
  z-index: -1;
  width: 0rem;
  height: 0rem;
  border-left: 9px solid white;
  border-right: 9px solid white;
  border-bottom: 18px solid transparent;
}
.motif-theme .ant-celebratory .triangle-lg {
  z-index: -1;
  width: 0rem;
  height: 0rem;
  border-left: 12px solid white;
  border-right: 12px solid white;
  border-bottom: 24px solid transparent;
}
.motif-theme .ant-celebratory .rod-sm {
  z-index: -1;
  width: 0.4285714286rem;
  height: 0.1428571429rem;
  border-radius: 500px;
}
.motif-theme .ant-celebratory .rod-med {
  z-index: -1;
  width: 0.5714285714rem;
  height: 0.1664285714rem;
  border-radius: 500px;
}
.motif-theme .ant-celebratory .rod-lg {
  z-index: -1;
  width: 0.7142857143rem;
  height: 0.7142857143rem;
  border-radius: 500px;
}
.motif-theme .ant-pagination .ant-pagination {
  display: flex;
  flex-wrap: nowrap;
}
.motif-theme .ant-pagination .page-item {
  width: 11.11%;
  max-width: 2.7142857143rem;
  margin-right: 1.5%;
  border-radius: 50%;
  text-decoration: none;
}
.motif-theme .ant-pagination .page-num {
  background: #f7f7f7;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .motif-theme .ant-pagination .page-num {
    font-size: 0.7857142857rem;
  }
}
.motif-theme .ant-pagination .page-num.active, .motif-theme .ant-pagination .page-num:hover {
  color: #ffffff;
  background: #286ce2;
}
.motif-theme .ant-pagination .page-num > span {
  padding-top: 100%;
  width: 100%;
  position: relative;
  display: block;
}
.motif-theme .ant-pagination .page-num > span > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-56%, -51%);
}
.motif-theme .ant-pagination .page-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.motif-theme .ant-pagination .page-icon.rotate {
  margin-left: 0;
  margin-right: 1.5%;
  transform: rotate(180deg);
}
.motif-theme .ant-pagination .page-icon span {
  color: #286ce2;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 1.5rem;
  display: block;
  height: 100%;
  width: 100%;
}
.motif-theme .ant-pagination .page-icon span:before {
  content: "\e911";
  font-family: "ant-motif-icons";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.motif-theme .ant-pagination .ellipsis {
  display: flex;
  justify-content: center;
}
.motif-theme .ant-pagination .ellipsis > span {
  align-self: flex-end;
}
.motif-theme legend {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
}
.motif-theme .ant-top-wrapper {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .motif-theme .ant-top-wrapper .container {
    width: 100%;
  }
}
.motif-theme .tcp-app-link {
  background-color: Transparent;
  border: none;
  padding: 0;
  color: #286ce2;
}
.motif-theme .tcp-app-link.text-align-left {
  text-align: left;
}
.motif-theme .tcp-app-link.white-text {
  color: #ffffff;
}
.motif-theme .tcp-app-link.hand-cursor {
  cursor: pointer;
}
.motif-theme .tcp-app-link.underline {
  text-decoration: underline;
}
.motif-theme .tcp-app-link.label-size {
  font-size: 1rem;
}
.motif-theme .tcp-app-link.button-style {
  padding: 0;
  color: #286ce2;
}
.motif-theme .tcp-app-link.button-icon-style {
  height: 0;
}
.motif-theme .tcp-app-link.button-width {
  min-width: 0;
}
.motif-theme .tcp-app-link.ant-dismiss-alert {
  border-bottom: 0px solid;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.14285714rem;
  padding-top: 1rem;
  padding-right: 1rem;
}
.motif-theme .tcp-app-link.more-button {
  cursor: pointer;
  margin-left: 0.5rem;
  font-weight: 700;
  text-decoration: none;
}
.motif-theme .tcp-app-link.hand-cursor {
  cursor: pointer;
}
.motif-theme .tcp-app-link.my-interest-button {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Lato";
  color: #286ce2;
  text-decoration: underline;
}
.motif-theme .tcp-app-link.discount-content-filter-button {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Lato";
  text-decoration: underline;
}
.motif-theme .tcp-app-link.new-message-header-button {
  padding-bottom: 10px;
}
.motif-theme .tcp-app-link.device-no-daily-data-button {
  background-color: Transparent;
  border: none;
  padding: 0;
  color: #ffffff;
}
.motif-theme .tcp-app-link.open-emulate-button {
  color: white;
  border-bottom: none;
  font-weight: 400;
  font-family: "Lato";
  text-decoration: underline;
}
.motif-theme .tcp-app-link.dropdown-button {
  padding: 0.5556rem 0.8333rem;
  border-bottom: 0 solid transparent;
  color: #333333;
  width: 165px;
  text-align: left;
}
.motif-theme .tcp-app-link.dropdown-button:hover {
  background-color: #286ce2;
  color: #ffffff;
}
.motif-theme .tcp-app-link.type-button {
  color: #ffffff;
}
.motif-theme .mbr-page-header.ant-curve-down.ant-lt-blue {
  display: block;
  background-image: url('assets/images/motif/page-header-background.svg'), linear-gradient(347deg, #58abdf, #0079c2);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 2rem 0;
  margin-top: 65px;
}
.motif-theme .mbr-top-of-page-wrapper {
  height: auto;
}
.motif-theme .page-header-wrapper {
  margin-top: 65px;
}
@media (min-width: 1200px) {
  .motif-theme .page-header-wrapper {
    margin-top: 127px;
  }
  .motif-theme .mbr-page-header.ant-curve-down.ant-lt-blue {
    margin-top: 132px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1199px) {
  .motif-theme .page-header-wrapper {
    margin-top: 127px;
  }
  .motif-theme body.extended-top-break1 .page-header-wrapper {
    margin-top: 150px;
  }
  .motif-theme .mbr-page-header.ant-curve-down.ant-lt-blue {
    margin-top: 132px;
  }
  .motif-theme body.extended-top-break1 .mbr-page-header.ant-curve-down.ant-lt-blue {
    margin-top: 132px;
  }
}
.motif-theme #isEmulate {
  position: fixed;
  width: 320px;
  background: #eee;
  border-right: 2px solid #2b6ce2;
  min-height: 600px;
  z-index: 1000;
  left: -320px;
  transition: left 0.5s;
  display: block;
}
.motif-theme #isEmulate.active {
  left: 0px;
}
.motif-theme .close-emulation {
  position: absolute;
  top: 10px;
  right: 10px;
  border-bottom: none;
}
.motif-theme #data-tcp-rx-terms-of-use-content {
  font-weight: 400;
}
.motif-theme #isEmulate .btn {
  font-size: 14px;
  padding: 5px 15px;
  min-width: auto;
  display: inline-block;
}
.motif-theme #isEmulate .btn + div.btn-wrapper {
  margin-left: 15px;
  display: inline-block;
}
.motif-theme #emulation-inner {
  padding: 15px;
  max-height: 100%;
  overflow-x: auto;
}
.motif-theme .height-alignment {
  height: 60px !important;
}
.motif-theme #emulation-inner h3 {
  font-size: 1rem;
  text-align: left;
  font-weight: bold;
  margin: 0px 0px 20px;
  clear: both;
}
.motif-theme #emulation-form {
  text-align: left;
  margin-bottom: 20px;
}
.motif-theme .emulate-actions {
  margin-top: 20px;
}
.motif-theme .vertical-tab {
  transform: rotate(-90deg);
  width: 100%;
  position: absolute;
  top: 170px;
  transform-origin: 100% 0;
}
.motif-theme .vertical-tab h2 {
  background-color: #2b6ce2;
  float: right;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 14px;
}
.motif-theme .vertical-tab a {
  padding: 10px;
  display: inline-block;
}
.motif-theme .vertical-tab a,
.motif-theme .vertical-tab .fa {
  color: white;
  border-bottom: none;
}
.motif-theme .vertical-tab .fa {
  margin-right: 5px;
}
.motif-theme .current-user p,
.motif-theme .current-user .btn {
  margin: 10px 0px;
}
.motif-theme #wcs-navigate,
.motif-theme #wcs-url {
  float: left;
}
.motif-theme .input-with-btn {
  float: left;
  font-size: 13px;
  width: 200px;
}
.motif-theme .input-btn {
  padding: 8px;
  float: left;
  vertical-align: middle;
  line-height: 1.7em;
  margin: 2px 0px 0px 5px;
}
.motif-theme .go-to-url,
.motif-theme .language,
.motif-theme .navigation {
  margin-top: 20px;
}
.motif-theme .navigation ul {
  margin-bottom: 40px;
}
.motif-theme .tcp-card.tcp-card-cmp {
  margin: 30px auto 40px;
}
.motif-theme a.ant-action-link {
  display: flex;
  align-items: center;
  flex-direction: row;
  text-decoration: none;
}
.motif-theme a.ant-action-link .motif-icon {
  padding-right: 0.85714286rem;
  color: #949494;
}
.motif-theme a.ant-action-link .ant-link-text {
  display: inline-block;
}
.motif-theme .ant-alert.ant-dismissable .media {
  background: white;
}
.motif-theme .ant-alert.ant-dismissable .media-body a.ant-dismiss-alert {
  display: none;
}
.motif-theme .ant-alert.ant-dismissable.on .media-body a.ant-dismiss-alert {
  display: block;
}
.motif-theme .ant-alert.ant-dismissable {
  position: fixed;
  left: 0px;
  top: -120px;
  margin: 0px auto;
  width: 100%;
  padding: 0px;
  border-top: 0px;
  border-left: 5px solid #0079c2;
  border-right: thin solid #cccccc;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: top 0.5s;
  z-index: 1100;
  color: #333;
  background: none;
}
.motif-theme .ant-alert.ant-dismissable.on {
  top: 65px;
}
@media screen and (min-width: 1200px) {
  .motif-theme .ant-alert.ant-dismissable.on {
    top: 127px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1199px) {
  .motif-theme .ant-alert.ant-dismissable.on {
    top: 150px;
  }
}
.motif-theme .ant-alert.ant-dismissable.off {
  top: 125px;
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .motif-theme .ant-alert.ant-dismissable.off {
    top: 65px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .motif-theme .ant-alert.ant-dismissable.off {
    top: 150px;
  }
}
@media screen and (min-width: 800px) {
  .motif-theme .ant-alert.ant-dismissable {
    width: 70%;
    left: 15%;
  }
}
.motif-theme .ant-alert.ant-dismissable .media {
  display: flex;
}
.motif-theme .ant-alert.ant-dismissable .media-left {
  display: flex;
  align-items: center;
  padding: 0px;
  border: none;
  background-color: #f7f7f7;
}
.motif-theme .ant-alert.ant-dismissable .media-left .fa {
  color: #0079c2;
  width: 5rem;
  display: flex;
  align-items: center;
  height: 5rem;
  font-size: 2.38rem;
  justify-content: center;
  position: relative;
  background-color: none;
  font-family: "ant-motif-icons" !important;
}
.motif-theme .ant-alert.ant-dismissable .media-left .fa:before {
  content: "\e9f9";
}
.motif-theme .ant-alert.ant-dismissable .media-left .fa-exclamation {
  color: #cc0033;
}
.motif-theme .ant-alert.ant-dismissable .media-left .fa-exclamation::before {
  content: "\e93b";
}
.motif-theme .ant-alert.ant-dismissable .media-left .fa-check {
  color: #078855;
}
.motif-theme .ant-alert.ant-dismissable .media-left .fa-check::before {
  content: "\e94a";
}
.motif-theme .ant-alert.ant-dismissable p {
  display: block;
  float: left;
  max-width: 94%;
  margin: 0;
  text-align: left;
  white-space: normal;
}
.motif-theme .ant-alert.ant-dismissable .media-body {
  padding: 15px 10px 15px 20px;
  background: #fff;
}
.motif-theme .ant-alert.ant-dismissable .media-body .fa-remove {
  color: #666666;
  font-size: 22px;
}
.motif-theme .ant-alert.ant-dismissable a.ant-dismiss-alert {
  border-bottom: 0px solid;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.14285714rem;
  padding-top: 1rem;
  padding-right: 1rem;
}
.motif-theme .ant-alert.ant-dismissable.ant-positive .media-left .fa:before {
  color: #53b1a3;
}
@media only screen and (min-width: 801px) and (max-width: 1199px) {
  .motif-theme body.extended-top-break1 .ant-alert.ant-dismissable.on {
    top: 150px;
  }
}
.motif-theme .page-head {
  margin: 0px;
}
.motif-theme .ant-data-load {
  background-color: #f9f9f9;
  padding: 50px 15px;
}
.motif-theme .ant-data-load .sk-spinner-wave div {
  background-color: #ccc;
}
.motif-theme .tcp-time-out-modal {
  z-index: 9999;
}
.motif-theme .motif-theme .psOption.focus + .psLabel {
  background: #286ce2;
  color: #ffffff;
}
.motif-theme .tcp-health-chat {
  position: fixed;
  right: 25px;
  bottom: 100px;
}
.motif-theme .right-side-container .interest-container li label::before {
  position: relative;
}
.motif-theme .right-side-container .interest-container label.pcLabel.active::before {
  background: none;
}
.motif-theme .page-header-wrapper {
  padding: 0px;
}
@media (min-width: 1024px) {
  .motif-theme .modal-container.slide-in.right .modal-panel {
    width: 60%;
  }
}

/* fixing on motif pages 3 column menu alingment */
.co-brand-top-menu {
  width: 100%;
}

.rcp-motif-footer {
  position: relative;
  z-index: -1;
}

.prescription-checkout-footer {
  z-index: unset !important;
}

.fad-login .description {
  text-align: center;
  padding-top: 4rem;
  padding-bottom: 2rem;
  background: #ffffff;
}
.fad-login .form-container {
  background: #ffffff;
  padding-top: 1rem;
  margin-top: 2rem;
}
.fad-login .form-container .form-section {
  margin-top: 2rem;
}
.fad-login .form-container .form-section .btn {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.fad-login .form-container .form-section .note {
  font-size: 0.7rem;
  font-style: italic;
}
.fad-login .form-container .form-section .form-item {
  margin-top: 1rem;
}
.fad-login .form-container .form-section .form-item .id-input {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.fad-login .form-container .form-section .subheader {
  margin-top: 1rem;
}
.fad-login .divider {
  height: 0.5rem;
  background: #eeeeee;
  border-radius: 3px;
  margin-left: 1rem;
  margin-right: 1rem;
}

.leftMarginSpan {
  margin-left: 55%;
}

.classic-theme .tcp-switch-language .fa.fa-globe,
.motif-theme .tcp-switch-language .fa.fa-globe {
  display: none;
}
.classic-theme .floating-footer-wrapper,
.motif-theme .floating-footer-wrapper {
  padding: 3rem 0 1rem 0;
  top: -25px;
}
.classic-theme .tcp-nav-msg-center-link,
.motif-theme .tcp-nav-msg-center-link {
  position: relative;
}
.classic-theme .badge.tcp-new-msg-loaded,
.motif-theme .badge.tcp-new-msg-loaded {
  display: none;
  background-color: #dc2d51;
  position: absolute;
  left: 145px;
  margin-top: 3px;
  font-size: 12px;
  width: 35px;
  height: 24px;
  border-radius: 20px;
  padding: 6px 6px;
}
.classic-theme .slide-in-content,
.motif-theme .slide-in-content {
  padding: 80px 20px 72px 20px;
}
@media only screen and (min-width: 801px) {
  .classic-theme .active .badge.tcp-new-msg-loaded,
  .motif-theme .active .badge.tcp-new-msg-loaded {
    display: inline;
  }
  .classic-theme .slide-in-content,
  .motif-theme .slide-in-content {
    padding: 67px 56px 72px 15px;
  }
  .classic-theme .slide-in-content .slide-in-header,
  .motif-theme .slide-in-content .slide-in-header {
    margin-bottom: 3rem;
  }
}
.classic-theme .ant-ajax-load,
.motif-theme .ant-ajax-load {
  display: block;
  outline: 0 none;
  overflow: hidden;
  z-index: 2000;
  height: auto !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  position: fixed !important;
  top: 50% !important;
  text-align: center;
  padding: 1rem;
}
.classic-theme .ant-ajax-load .ant-loading-wrapper,
.motif-theme .ant-ajax-load .ant-loading-wrapper {
  margin: 2rem auto;
}
.classic-theme [data-uxd-dropdown-cmp].ant-error-state .psButton,
.motif-theme [data-uxd-dropdown-cmp].ant-error-state .psButton {
  border-color: #c03;
}

/* Sydney Custom Page Header */
.ant-nora-header,
.ant-syd-header {
  background-image: url('assets/images/motif/page-header-background.svg'), linear-gradient(347deg, #58abdf, #0079c2);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
  margin-top: 65px !important;
}
@media only screen and (min-width: 801px) {
  .ant-nora-header,
  .ant-syd-header {
    margin-top: 132px !important;
  }
}
.ant-nora-header h1,
.ant-syd-header h1 {
  font-size: 2rem;
  font-family: "Montserrat";
  font-weight: 500;
  color: #ffffff;
}

.manage-auto-label {
  font-weight: bold;
}

.manage-autopay-form {
  text-decoration: none !important;
  border-bottom: 0px !important;
}

.manage-autopay-form-pdf {
  color: #cc0033 !important;
  margin-left: 5px;
}

.manage-auto-label-margin {
  margin-bottom: 20px;
}

.manage-auto-label-margin-40 {
  margin-bottom: 40px;
}

.dummy-route {
  margin-bottom: 50rem;
}

.covid-page-card-content-wrapper {
  display: flex;
  flex-direction: row;
}
.covid-page-card-content-wrapper .covid-page-card-image-container {
  position: relative;
  margin-bottom: 0;
  margin-right: 15px;
}
.covid-page-card-content-wrapper .covid-page-card-image-container img {
  width: auto;
  height: auto;
  max-width: none;
}
@media screen and (max-width: 480px) {
  .covid-page-card-content-wrapper {
    flex-direction: column;
  }
  .covid-page-card-content-wrapper .covid-page-card-image-container {
    position: relative;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .covid-page-card-content-wrapper .covid-page-card-image-container img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

.motif-theme .has-error label,
.motif-theme .has-error .ant-form-item-error {
  color: #c03;
}
.motif-theme .has-error input {
  border-color: #c03;
}
.motif-theme .page-header-wrapper.error-header {
  background: none !important;
}

.detailsPageSsoImgLnk {
  display: inline-block;
}
.detailsPageSsoImgLnk img {
  max-width: 40px;
}

.ant-ui-widget-overlay {
  background: #000;
}

.ant-ajax-load {
  background: white;
}
.ant-ajax-load .sk-spinner-wave div {
  background-color: #ccc;
}

.motif-theme {
  /*.ant-alert.ant-dismissable.ant-negative .media-left .fa {
    color: #c03;
  }

  .ant-alert.ant-dismissable.ant-positive .media-left .fa {
    color: #53b1a3;
  }*/
  /* Styles for all Card components */
}
.motif-theme .btn.dropdown-toggle {
  padding: 0.5rem 0.75rem;
}
.motif-theme .btn.dropdown-toggle .fa {
  margin-left: 1rem;
}
.motif-theme .content-container {
  margin-top: 0px;
}
.motif-theme body.cards .tcp-card.tcp-card-cmp,
.motif-theme .hw-wrapper {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
  padding: 2rem 1.75rem 2rem 2.5rem;
}
.motif-theme .tcp-card.tcp-card-cmp,
.motif-theme .hw-wrapper {
  background-color: #ffffff;
  margin: 30px auto 40px;
}
.motif-theme .alt-toggle-cmp .alt-toggle-header .alt-toggle-body.closed {
  height: 0;
}
.motif-theme .alt-toggle-cmp .alt-toggle-header .alt-toggle-icon {
  padding-top: 0;
}
.motif-theme .ant-claims-filtersort-row {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.motif-theme .ant-claims-filtersort-row .btn-group {
  margin-right: 1.5rem;
}
.motif-theme .ant-claims-filtersort-row .sort-by {
  font-weight: bold;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
}
.motif-theme .ant-claims-filtersort-row .claims-sort-by-label {
  float: left;
  margin-right: 1rem;
}
.motif-theme .ant-claims-filtersort-row .claims-sort-by-button {
  float: left;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
  .motif-theme .ant-claims-filtersort-row .btn-group {
    margin-right: 2.5rem;
  }
}
.motif-theme h3,
.motif-theme .ant-font-lt {
  font-weight: 300;
}
.motif-theme .ant-heading-three {
  font-size: 1.571rem;
  font-weight: 500;
}
.motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-sub-navigation-container, .motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-pattern-library-sub-nav {
  top: 65px;
  background: #286ce2;
  box-shadow: none;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 480px) {
  .motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-sub-navigation-container, .motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-pattern-library-sub-nav {
    top: 65px;
  }
}
@media screen and (min-width: 1200px) {
  .motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-sub-navigation-container, .motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-pattern-library-sub-nav {
    top: 128px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1199px) {
  .motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-sub-navigation-container, .motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-pattern-library-sub-nav {
    top: 128px;
  }
}
.motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-sub-navigation-container .ant-sub-navigation li:not(:last-of-type), .motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-pattern-library-sub-nav .ant-sub-navigation li:not(:last-of-type) {
  border-right: 1px solid #fff;
}
.motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-sub-navigation-container .ant-sub-navigation li a, .motif-theme .mbr-page-wrapper .tcp-middle-of-page .ant-pattern-library-sub-nav .ant-sub-navigation li a {
  color: #fff;
}
@media only screen and (min-width: 801px) and (max-width: 1199px) {
  .motif-theme body.extended-top-break1 .mbr-page-wrapper .tcp-middle-of-page .ant-sub-navigation-container, .motif-theme body.extended-top-break1 .mbr-page-wrapper .tcp-middle-of-page .ant-pattern-library-sub-nav {
    top: 150px;
  }
}
.motif-theme .baseline-theme.sub-nav-present .page-header-wrapper {
  margin-top: 92px;
}
@media (min-width: 480px) {
  .motif-theme .baseline-theme.sub-nav-present .page-header-wrapper {
    margin-top: 106px;
  }
}
@media (min-width: 1200px) {
  .motif-theme .baseline-theme.sub-nav-present .page-header-wrapper {
    margin-top: 168px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1199px) {
  .motif-theme .baseline-theme.sub-nav-present .page-header-wrapper {
    margin-top: 168px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1199px) {
  .motif-theme .baseline-theme.sub-nav-present.extended-top-break1 .page-header-wrapper {
    margin-top: 185px;
  }
}
.motif-theme .ant-margin-bot-20 {
  margin-bottom: 2rem;
}
.motif-theme .pfToggleSwitch .ptLabel span {
  padding: 1rem;
}
.motif-theme .open > div .dropdown-menu li a {
  padding: 0.5556rem 0.8333rem;
  border-bottom: 0 solid transparent;
  text-decoration: none;
}
.motif-theme div.ant-alert {
  border: thin solid #cccccc;
  border-left: 5px solid #0079c2;
  color: #666666;
  padding: 0.5rem;
}
.motif-theme div.ant-alert .ant-alert-main,
.motif-theme div.ant-alert .ant-alert-left {
  background: transparent;
  padding: 0;
}
.motif-theme div.ant-alert .alert-icon {
  color: #0079c2;
  padding: 0px 0.5rem 0px 0px;
}
.motif-theme div.ant-alert .alert-icon::before {
  content: "\e9f9";
}
.motif-theme div.ant-alert.ant-info {
  border-left: 5px solid #0079c2;
}
.motif-theme div.ant-alert.ant-negative {
  border-left: 5px solid #cc0033;
}
.motif-theme div.ant-alert.ant-negative .ant-alert-main,
.motif-theme div.ant-alert.ant-negative .ant-alert-left {
  background: #ffffff;
}
.motif-theme div.ant-alert.ant-negative .ant-alert-left {
  display: inline-block;
}
.motif-theme div.ant-alert.ant-negative .alert-icon {
  color: #cc0033;
}
.motif-theme div.ant-alert.ant-negative .alert-icon::before {
  content: "\e93b";
}
.motif-theme div.ant-alert.ant-positive {
  border-left: 5px solid #53b1a3;
}
.motif-theme div.ant-alert.ant-positive .ant-alert-main,
.motif-theme div.ant-alert.ant-positive .ant-alert-left {
  background: #ffffff;
}
.motif-theme div.ant-alert.ant-positive .alert-icon {
  color: #53b1a3;
}
.motif-theme div.ant-alert.ant-positive .alert-icon::before {
  content: "\e94a";
}
.motif-theme .viewContent .container {
  width: 100% !important;
}
.motif-theme [data-uxd-modal].modal {
  background: rgba(55, 71, 90, 0.9);
}
.motif-theme [data-uxd-modal].modal .modal-dialog {
  max-width: 725px;
}
.motif-theme [data-uxd-modal].modal .modal-header .close {
  position: absolute;
  top: 1px;
  right: 4px;
}
.motif-theme [data-uxd-modal].modal .modal-header .close:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.motif-theme .tcp-log-out-modal {
  /* Temp fix for mobile browsers till UXD find the permanent solution for log out modal*/
}
@media screen and (max-width: 480px) {
  .motif-theme .tcp-log-out-modal .modal-footer .btn {
    margin: 0 0 10px 0;
    min-width: 198px;
  }
}
.motif-theme .popover {
  border: 1px solid #286ce2;
}
.motif-theme .popover.top, .motif-theme .popover.left, .motif-theme .popover.bottom, .motif-theme .popover.right {
  border: 1px solid #286ce2;
}
.motif-theme .popover .popover-close {
  border: 1px solid #286ce2;
  background: #fff;
  z-index: 100;
}
.motif-theme .popover .popover-close a {
  margin-top: -3px !important;
  margin-left: -3px !important;
}
.motif-theme .popover .popover-close a .fa {
  color: #286ce2;
}
.motif-theme .tcp-card-cmp.content-container:first-of-type {
  margin-bottom: 40px;
}
.motif-theme .tcp-card-cmp:not(.content-container) {
  background-color: #ffffff;
  margin: 30px auto 40px;
}
.motif-theme .ui-datepicker-trigger {
  height: 40px;
}
.motif-theme .ui-datepicker-trigger span.ant-calendar-icon {
  height: 100%;
  padding-top: 8px;
}
.motif-theme .flex-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 20px;
}

*::-moz-placeholder {
  opacity: 1;
}
*::-moz-placeholder [data-uxd-modal-cmp] .modal-content .modal-footer {
  display: inherit;
}

/* AutoSuggest Component */
fieldset.tcp-auto-suggest .psDropdown {
  margin-top: 0 !important;
  top: 100% !important;
}

.mbr-page-body {
  min-height: 600px;
}

.motif-theme .ant-alert.ant-dismissable .media-left .fa {
  height: 2rem;
  font-size: 2rem;
}

.motif-theme .page-header-wrapper:after {
  content: none;
}

.motif-theme .open > div#psDropdownddl-lng .dropdown-menu li a {
  margin-right: 1rem;
}

.motif-theme [data-uxd-modal-cmp].show-footer-override .modal-content .modal-footer {
  display: block;
  margin-top: 1rem;
}

.motif-theme .page-header-wrapper:after {
  content: none;
}

.slide-in-content {
  position: static;
  padding: 67px 56px 72px 15px;
  height: 100vh;
  overflow-y: scroll;
}

.mbr-page-wrapper label.pcLabel.focus::before,
.mbr-page-wrapper label.prLabel.focus::before {
  border: 2px solid #0079c2;
  box-shadow: none;
}

:root {
  --black-background-color: #000;
  --current-value-color: #113966;
  --data-vis-aero-green-color: #E4FFF0;
  --data-vis-aqua-marine-color: #00d795;
  --data-vis-light-green-color: #3bb273;
  --data-vis-forest-green-color: #108808;
  --data-vis-aqua-color: #bff5e4;
  --data-vis-dark-cyan-color: #005555;
  --data-vis-purple-color: #511284;
  --data-vis-red-color: #cb0042;
  --data-vis-light-purple-color: #cb2a73;
  --data-vis-coral-color: #ff4d61;
  --data-vis-golden-rod-color: #f2bc35;
  --data-vis-golden-brown-color: #A35C00;
  --data-vis-brilliant-azure-color: #3893fa;
  --data-vis-alice-blue-color: #F1F5FA;
  --data-vis-light-pink-color: #FDEEF4;
  --data-vis-crimson-color: #cc0033;
  --data-vis-mint-cream-color: #F2FDF9;
  --gray-dark-color: #333333;
  --gray-light-color: #f9f9f9;
  --gray-medium-color: #cccccc;
  --gray-medium-dark-color: #666666;
  --gray-medium-dark-dark-color: #4a4a4a;
  --gray-medium-dark-faded-color: #949494;
  --gray-medium-light-color: #eeeeee;
  --gray-medium-light-faded-color: #e4e4e4;
  --gray-medium-light-light-color: #f7f7f7;
  --inactive-color: #bed2f6;
  --light-background-color: #fff;
  --default-background-color: #F6F8FA;
  --muted-text-color: #666666;
  --primary-color: #286ce2;
  --secondary-color: #bed2f6;
  --text-color: #333333;
  --text-on-inactive-color: #fff;
  --text-on-primary-color: #fff;
  --utility-dark-blue-color: #003389;
  --utility-midnight-blue-color: #113966;
  --utility-dark-slate-blue-color: #2453a6;
  --utility-slate-blue-color: #bed2f6;
  --utility-light-slate-blue-color: #e6efff;
  --utility-light-sky-blue-color: #4bb6ff;
  --utility-sky-blue-color: #0899ff;
  --utility-dark-sky-blue-color: #4399fa;
  --utility-terquoise-color: #00e5fb;
  --utility-light-purple-color: #7F54FD;
  --utility-dark-green-color: #30827E;
  --utility-rhino-blue-color: #2453a6;
  --utility-purple-color: #794CFF;
  --utility-brown-color: #A35C00;
  --utility-dark-purple-color: #5009B5;
  --utility-bluegreen-background-color: #2ab5ca;
  --utility-vis-crimson-color: #cc0033;
  --emphasized-text-color: var(--utility-dark-blue-color);
  --h5-font-size: 15px;
  --h5-line-height: 20px;
  --h5-font-weight: 500;
  --h5-font-family: "SFProText-Semibold";
  --h6-font-size: 13px;
  --h6-line-height: 15.5px;
  --h6-font-weight: 590;
  --h6-font-family: "SFProText-Semibold";
  --h6-letter-spacing: 0.104em;
  --h6-text-transform: uppercase;
  --h2-font-size: 22px;
  --h2-line-height: 28px;
  --h2-font-weight: 500;
  --h2-font-family: "Comfortaa-Regular";
  --h3-font-size: 18px;
  --h3-line-height: 24px;
  --h3-font-weight: 500;
  --h3-font-family: "SFProText-Semibold";
  --body-color: var(--text-color);
  --body-font-family: var(--ion-font-family);
  --body-font-size: 16px;
  --body-font-weight: 400;
  --body-line-height: 19px;
  --body2-color: var(--text-color);
  --body2-font-family: var(--ion-font-family);
  --body2-font-size: 14px;
  --body2-font-weight: 400;
  --body2-line-height: 16.71px;
  --screen-padding: 16px;
  --screen-padding-negative: -16px;
  --small-icon-size: 1.125rem;
  --large-icon-size: 2rem;
  --small-tooltip-size: 1.5rem;
  --large-tooltip-size: 1.65rem;
  --caption-color: var(--text-color);
  --caption-font-family: var(--ion-font-family);
  --caption-font-size: 13px;
  --caption-font-weight: 400;
  --caption-line-height: 15.5px;
  --caption2-color: var(--text-color);
  --caption2-font-family: var(--ion-font-family);
  --caption2-font-size: 12px;
  --caption2-font-weight: 590;
  --caption2-line-height: 14.32px;
  /* ionic variable overrides start */
  /** primary **/
  --ion-color-primary: var(--primary-color);
  --ion-color-primary-rgb: 40, 108, 226;
  --ion-color-primary-contrast: var(--light-background-color);
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: var(--primary-color);
  --ion-color-primary-tint: var(--primary-color);
  /** secondary **/
  --ion-color-secondary: var(--secondary-color);
  --ion-color-secondary-rgb: 190, 210, 246;
  --ion-color-secondary-contrast: var(--light-background-color);
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: var(--secondary-color);
  --ion-color-secondary-tint: var(--secondary-color);
  /** tertiary **/
  --ion-color-tertiary: var(--primary-color);
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: var(--light-background-color);
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: var(--primary-color);
  --ion-color-tertiary-tint: var(--primary-color);
  /** success **/
  --ion-color-success: var(--data-vis-forest-green-color);
  --ion-color-success-rgb: 16, 136, 8;
  --ion-color-success-contrast: var(--light-background-color);
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: var(--data-vis-forest-green-color);
  --ion-color-success-tint: var(--data-vis-forest-green-color);
  /** warning **/
  --ion-color-warning: var(--data-vis-golden-brown-color);
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: var(--light-background-color);
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: var(--data-vis-golden-brown-color);
  --ion-color-warning-tint: var(--data-vis-golden-brown-color);
  /** danger **/
  --ion-color-danger: var(--data-vis-red-color);
  --ion-color-danger-rgb: 203, 0, 66;
  --ion-color-danger-contrast: var(--light-background-color);
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: var(--data-vis-red-color);
  --ion-color-danger-tint: var(--data-vis-red-color);
  /** dark **/
  --ion-color-dark: var(--black-background-color);
  --ion-color-dark-rgb: 0, 0, 0;
  --ion-color-dark-contrast: var(--light-background-color);
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: var(--black-background-color);
  --ion-color-dark-tint: var(--black-background-color);
  /** medium **/
  --ion-color-medium: var(--gray-medium-color);
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: var(--light-background-color);
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: var(--gray-medium-color);
  --ion-color-medium-tint: var(--gray-medium-color);
  /** light **/
  --ion-color-light: var(--light-background-color);
  --ion-color-light-rgb: 255, 255, 255;
  --ion-color-light-contrast: var(--black-background-color);
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: var(--light-background-color);
  --ion-color-light-tint: var(--light-background-color);
  --ion-padding: var(--screen-padding);
  --ion-default-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
  /* ionic variable overrides end */
}

@font-face {
  font-family: "Comfortaa-Bold";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("Comfortaa-Bold"), url("/member/assets/fonts/Comfortaa-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Comfortaa-Light";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("Comfortaa-Light"), url("/member/assets/fonts/Comfortaa-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Comfortaa-Medium";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("Comfortaa-Medium"), url("/member/assets/fonts/Comfortaa-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Comfortaa-Regular";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("Comfortaa-Regular"), url("/member/assets/fonts/Comfortaa-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Comfortaa-SemiBold";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("Comfortaa-SemiBold"), url("/member/assets/fonts/Comfortaa-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url("/member/assets/fonts/Roboto[ital,wdth,wght].ttf");
}
@font-face {
  font-family: "Roboto-RegularItalic";
  font-display: auto;
  src: url("/member/assets/fonts/Roboto-RegularItalic.ttf");
}
@font-face {
  font-family: "SFProDisplay-Light";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProDisplay-Light"), url("/member/assets/fonts/SFProDisplay-Light.woff2") format("woff2");
}
@font-face {
  font-family: "SFProDisplay-Regular";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProDisplay-Regular"), url("/member/assets/fonts/SFProDisplay-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "SFProDisplay-Semibold";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProDisplay-Semibold"), url("/member/assets/fonts/SFProDisplay-Semibold.woff2") format("woff2");
}
@font-face {
  font-family: "SFProText-Bold";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProText-Bold"), url("/member/assets/fonts/SFProText-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "SFProText-BoldItalic";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProText-BoldItalic"), url("/member/assets/fonts/SFProText-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "SFProText-Light";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProText-Light"), url("/member/assets/fonts/SFProText-Light.woff2") format("woff2");
}
@font-face {
  font-family: "SFProText-Medium";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProText-Medium"), url("/member/assets/fonts/SFProText-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "SFProText-Regular";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProText-Regular"), url("/member/assets/fonts/SFProText-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "SFProText-RegularItalic";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProText-RegularItalic"), url("/member/assets/fonts/SFProText-RegularItalic.woff2") format("woff2");
}
@font-face {
  font-family: "SFProText-Semibold";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: local("SFProText-Semibold"), url("/member/assets/fonts/SFProText-Semibold.woff2") format("woff2");
}
svg.spinner g {
  transform-origin: center;
  animation: spinner_animation 2s linear infinite;
}
svg.spinner .circle1 {
  stroke-linecap: round;
  animation: spinner_circle1_animation 1.5s ease-in-out infinite;
  stroke: var(--utility-terquoise-color);
}
svg.spinner .circle2 {
  stroke-linecap: round;
  animation: spinner_circle2_animation 1.5s ease-in-out infinite;
  stroke: var(--utility-sky-blue-color);
}
svg.spinner .circle3 {
  stroke-linecap: round;
  animation: spinner_circle3_animation 1.5s ease-in-out infinite;
  stroke: var(--current-value-color);
}

@keyframes spinner_animation {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner_circle1_animation {
  0% {
    stroke-dasharray: 0 150;
    stroke-dashoffset: 0;
  }
  47.5% {
    stroke-dasharray: 42 150;
    stroke-dashoffset: -16;
  }
  95%, 100% {
    stroke-dasharray: 42 150;
    stroke-dashoffset: -59;
  }
}
@keyframes spinner_circle2_animation {
  0% {
    stroke-dasharray: 0 150;
    stroke-dashoffset: 0;
  }
  47.5% {
    stroke-dasharray: 42 150;
    stroke-dashoffset: -20;
  }
  95%, 100% {
    stroke-dasharray: 42 150;
    stroke-dashoffset: -59;
  }
}
@keyframes spinner_circle3_animation {
  0% {
    stroke-dasharray: 0 150;
    stroke-dashoffset: 0;
  }
  47.5% {
    stroke-dasharray: 42 150;
    stroke-dashoffset: -27;
  }
  95%, 100% {
    stroke-dasharray: 42 150;
    stroke-dashoffset: -59;
  }
}
:root {
  --gen-ai-dark-gray-color: rgba(51, 51, 51, 0.75);
  --gen-ai-primary-blue-color: #3A3A5E;
  --gen-ai-secondary-blue-color: #252941;
  --gen-ai-deep-blue-color: #151A33;
  --gen-ai-independence-blue-color: #38619D;
  --gen-ai-alice-blue-color: #E4EBF4;
  --gen-ai-space-cadet-blue-color: #282844;
  --gen-ai-maastricht-blue-color: #0E152D;
  --gen-ai-white-color: #FFFFFF;
  --gen-ai-utility-alert-success-color: #AAE1D4;
  --gen-ai-utility-alert-pending-color: #F8D28F;
  --gen-ai-utility-alert-error-color: #F08B8A;
  --gen-ai-utility-alert-info-color: #38D7FF;
  --gen-ai-utility-accent-heliotrope-color: #C78FFF;
  --gen-ai-utility-accent-pale-magenta-color: #FFA3FF;
  --gen-ai-utility-accent-pale-magenta-tint-color: #FF84DD;
  --gen-ai-utility-accent-blue-crayola-color: #A4A8B6;
  --gen-ai-utility-accent-blue-independence-color: #435A7F;
  --gen-ai-ion-backdrop-color: rgba(0, 0, 0, 0.3);
  --gen-ai-font: "Roboto";
  --ion-font-family: var(--gen-ai-font);
  --ion-backdrop-opacity: 0.6;
}

.motif-theme #loading-spinner .spinner {
  display: none;
}
.motif-theme .avatar-initials {
  position: absolute;
  color: white;
  font-weight: bold;
}
.motif-theme .mobile-view #loading-spinner .spinner {
  display: unset;
}
.motif-theme .mobile-view #loading-spinner .ant-loading-wrapper {
  display: none;
}
.motif-theme .mobile-avatar-initials {
  position: absolute;
  color: white;
  font-weight: bold;
}
.motif-theme .mobile-view-root .page-header-wrapper {
  margin-top: 0 !important;
}

.mobile-view .tcp-profile-tabbed-view .page-header-wrapper {
  display: none;
}
.mobile-view .motif-theme#mbr-page-body.mbr-page-body {
  margin-top: 0 !important;
}
.mobile-view .motif-theme div[data-uxd-tabbed-view2-cmp] .tab-content-container,
.mobile-view .tab-content-container {
  padding: 0;
}
.mobile-view .viewContent .container {
  padding: 0;
}
.mobile-view .section-header {
  padding: 0;
}
.mobile-view .sydney-theme .header-section-name {
  display: none;
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size) !important;
  line-height: var(--h2-line-height);
  font-weight: var(--h2-font-weight);
  color: var(--emphasized-text-color);
}
.mobile-view .sydney-theme .header-page-name {
  display: none;
  color: inherit;
  font-size: 22px;
  font-family: "Comfortaa-Regular";
  font-weight: unset;
}
.mobile-view .sydney-theme .profile-header-section {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size) !important;
  line-height: var(--h2-line-height);
  font-weight: var(--h2-font-weight);
  color: var(--emphasized-text-color);
}
.mobile-view .sydney-theme .ion-padding {
  --padding-top: 0 !important;
}
.mobile-view .sydney-theme .profile-header-container {
  display: none;
}

.mobile-view-root {
  /* Core CSS required for Ionic components to work properly */
  /* this is used for responsive view as well */

  /*
  * App Global CSS
  * ----------------------------------------------------------------------------
  * Put style rules here that you want to apply globally. These styles are for
  * the entire app and not just one component. Additionally, this file can be
  * used as an entry point to import other CSS/Sass files to be included in the
  * output CSS.
  * For more information on global stylesheets, visit the documentation:
  * https://ionicframework.com/docs/layout/global-stylesheets
  */
  /* Basic CSS for apps built with Ionic */



  /* Optional CSS utils that can be commented out */






  /* Ionic Dark Theme */

}
.mobile-view-root :root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb: 0, 84, 233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb: 1, 99, 170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb: 96, 48, 255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb: 45, 213, 91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb: 197, 0, 15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb: 99, 100, 105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}
.mobile-view-root html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}
.mobile-view-root html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}
.mobile-view-root html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}
.mobile-view-root body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}
.mobile-view-root body.backdrop-no-scroll {
  overflow: hidden;
}
.mobile-view-root html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, .mobile-view-root html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, .mobile-view-root html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}
.mobile-view-root html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, .mobile-view-root html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
.mobile-view-root html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
  .mobile-view-root html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
.mobile-view-root ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
.mobile-view-root html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.mobile-view-root .ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.mobile-view-root .ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.mobile-view-root .ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.mobile-view-root .ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.mobile-view-root .ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.mobile-view-root .ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}
.mobile-view-root .ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.mobile-view-root .ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}
.mobile-view-root .ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.mobile-view-root .ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
.mobile-view-root ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.mobile-view-root .split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
.mobile-view-root ion-route, .mobile-view-root ion-route-redirect, .mobile-view-root ion-router, .mobile-view-root ion-select-option, .mobile-view-root ion-nav-controller, .mobile-view-root ion-menu-controller, .mobile-view-root ion-action-sheet-controller, .mobile-view-root ion-alert-controller, .mobile-view-root ion-loading-controller, .mobile-view-root ion-modal-controller, .mobile-view-root ion-picker-controller, .mobile-view-root ion-popover-controller, .mobile-view-root ion-toast-controller, .mobile-view-root .ion-page-hidden {
  display: none !important;
}
.mobile-view-root .ion-page-invisible {
  opacity: 0;
}
.mobile-view-root .can-go-back > ion-header ion-back-button {
  display: block;
}
.mobile-view-root html.plt-ios.plt-hybrid, .mobile-view-root html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  .mobile-view-root html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  .mobile-view-root html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
.mobile-view-root ion-card.ion-color .ion-inherit-color, .mobile-view-root ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.mobile-view-root .menu-content {
  transform: translate3d(0, 0, 0);
}
.mobile-view-root .menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}
.mobile-view-root .menu-content-open ion-content {
  --overflow: hidden;
}
.mobile-view-root .menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}
.mobile-view-root .ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
.mobile-view-root [dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.mobile-view-root .md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.mobile-view-root .md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.mobile-view-root ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.mobile-view-root ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mobile-view-root ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
.mobile-view-root ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  .mobile-view-root ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
.mobile-view-root ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon, .mobile-view-root ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
.mobile-view-root ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
.mobile-view-root ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, .mobile-view-root ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
.mobile-view-root ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
.mobile-view-root .ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
.mobile-view-root .ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
.mobile-view-root [ion-last-focus], .mobile-view-root header[tabindex="-1"]:focus, .mobile-view-root [role=banner][tabindex="-1"]:focus, .mobile-view-root main[tabindex="-1"]:focus, .mobile-view-root [role=main][tabindex="-1"]:focus, .mobile-view-root h1[tabindex="-1"]:focus, .mobile-view-root [role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}
.mobile-view-root .popover-viewport:has(> ion-content) {
  overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
  .mobile-view-root .popover-viewport {
    overflow: hidden;
  }
}
.mobile-view-root audio, .mobile-view-root canvas, .mobile-view-root progress, .mobile-view-root video {
  vertical-align: baseline;
}
.mobile-view-root audio:not([controls]) {
  display: none;
  height: 0;
}
.mobile-view-root b, .mobile-view-root strong {
  font-weight: bold;
}
.mobile-view-root img {
  max-width: 100%;
}
.mobile-view-root hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
.mobile-view-root pre {
  overflow: auto;
}
.mobile-view-root code, .mobile-view-root kbd, .mobile-view-root pre, .mobile-view-root samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.mobile-view-root label, .mobile-view-root input, .mobile-view-root select, .mobile-view-root textarea {
  font-family: inherit;
  line-height: normal;
}
.mobile-view-root textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
.mobile-view-root textarea::placeholder {
  padding-left: 2px;
}
.mobile-view-root form, .mobile-view-root input, .mobile-view-root optgroup, .mobile-view-root select {
  margin: 0;
  font: inherit;
  color: inherit;
}
.mobile-view-root html input[type=button], .mobile-view-root input[type=reset], .mobile-view-root input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
.mobile-view-root a, .mobile-view-root a div, .mobile-view-root a span, .mobile-view-root a ion-icon, .mobile-view-root a ion-label, .mobile-view-root button, .mobile-view-root button div, .mobile-view-root button span, .mobile-view-root button ion-icon, .mobile-view-root button ion-label, .mobile-view-root .ion-tappable, .mobile-view-root [tappable], .mobile-view-root [tappable] div, .mobile-view-root [tappable] span, .mobile-view-root [tappable] ion-icon, .mobile-view-root [tappable] ion-label, .mobile-view-root input, .mobile-view-root textarea {
  touch-action: manipulation;
}
.mobile-view-root a ion-label, .mobile-view-root button ion-label {
  pointer-events: none;
}
.mobile-view-root button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
.mobile-view-root [tappable] {
  cursor: pointer;
}
.mobile-view-root a[disabled], .mobile-view-root button[disabled], .mobile-view-root html input[disabled] {
  cursor: default;
}
.mobile-view-root button::-moz-focus-inner, .mobile-view-root input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mobile-view-root input[type=number]::-webkit-inner-spin-button, .mobile-view-root input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
.mobile-view-root input[type=search]::-webkit-search-cancel-button, .mobile-view-root input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.mobile-view-root table {
  border-collapse: collapse;
  border-spacing: 0;
}
.mobile-view-root td, .mobile-view-root th {
  padding: 0;
}
.mobile-view-root * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.mobile-view-root html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.mobile-view-root html:not(.hydrated) body {
  display: none;
}
.mobile-view-root html.ion-ce body {
  display: block;
}
.mobile-view-root html.plt-pwa {
  height: 100vh;
}
.mobile-view-root body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.mobile-view-root html {
  font-family: var(--ion-font-family);
}
@supports (-webkit-touch-callout: none) {
  .mobile-view-root html {
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
.mobile-view-root a {
  background-color: transparent;
  color: var(--ion-color-primary, #0054e9);
}
.mobile-view-root h1, .mobile-view-root h2, .mobile-view-root h3, .mobile-view-root h4, .mobile-view-root h5, .mobile-view-root h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
.mobile-view-root h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}
.mobile-view-root h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}
.mobile-view-root h3 {
  font-size: 1.375rem;
}
.mobile-view-root h4 {
  font-size: 1.25rem;
}
.mobile-view-root h5 {
  font-size: 1.125rem;
}
.mobile-view-root h6 {
  font-size: 1rem;
}
.mobile-view-root small {
  font-size: 75%;
}
.mobile-view-root sub, .mobile-view-root sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.mobile-view-root sup {
  top: -0.5em;
}
.mobile-view-root sub {
  bottom: -0.25em;
}
.mobile-view-root .ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.mobile-view-root .ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.mobile-view-root .ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.mobile-view-root .ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}
.mobile-view-root .ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.mobile-view-root .ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.mobile-view-root .ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.mobile-view-root .ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.mobile-view-root .ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.mobile-view-root .ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.mobile-view-root .ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.mobile-view-root .ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}
.mobile-view-root .ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}
.mobile-view-root .ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.mobile-view-root .ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.mobile-view-root .ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}
.mobile-view-root .ion-float-left {
  float: left !important;
}
.mobile-view-root .ion-float-right {
  float: right !important;
}
.mobile-view-root .ion-float-start {
  float: left !important;
}
.mobile-view-root :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.mobile-view-root [dir=rtl] .ion-float-start {
  float: right !important;
}
@supports selector(:dir(rtl)) {
  .mobile-view-root .ion-float-start:dir(rtl) {
    float: right !important;
  }
}
.mobile-view-root .ion-float-end {
  float: right !important;
}
.mobile-view-root :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
.mobile-view-root [dir=rtl] .ion-float-end {
  float: left !important;
}
@supports selector(:dir(rtl)) {
  .mobile-view-root .ion-float-end:dir(rtl) {
    float: left !important;
  }
}
@media (min-width: 576px) {
  .mobile-view-root .ion-float-sm-left {
    float: left !important;
  }
  .mobile-view-root .ion-float-sm-right {
    float: right !important;
  }
  .mobile-view-root .ion-float-sm-start {
    float: left !important;
  }
  .mobile-view-root :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }
  .mobile-view-root [dir=rtl] .ion-float-sm-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .mobile-view-root .ion-float-sm-start:dir(rtl) {
      float: right !important;
    }
  }
  .mobile-view-root .ion-float-sm-end {
    float: right !important;
  }
  .mobile-view-root :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
  .mobile-view-root [dir=rtl] .ion-float-sm-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .mobile-view-root .ion-float-sm-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 768px) {
  .mobile-view-root .ion-float-md-left {
    float: left !important;
  }
  .mobile-view-root .ion-float-md-right {
    float: right !important;
  }
  .mobile-view-root .ion-float-md-start {
    float: left !important;
  }
  .mobile-view-root :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }
  .mobile-view-root [dir=rtl] .ion-float-md-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .mobile-view-root .ion-float-md-start:dir(rtl) {
      float: right !important;
    }
  }
  .mobile-view-root .ion-float-md-end {
    float: right !important;
  }
  .mobile-view-root :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
  .mobile-view-root [dir=rtl] .ion-float-md-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .mobile-view-root .ion-float-md-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 992px) {
  .mobile-view-root .ion-float-lg-left {
    float: left !important;
  }
  .mobile-view-root .ion-float-lg-right {
    float: right !important;
  }
  .mobile-view-root .ion-float-lg-start {
    float: left !important;
  }
  .mobile-view-root :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }
  .mobile-view-root [dir=rtl] .ion-float-lg-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .mobile-view-root .ion-float-lg-start:dir(rtl) {
      float: right !important;
    }
  }
  .mobile-view-root .ion-float-lg-end {
    float: right !important;
  }
  .mobile-view-root :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
  .mobile-view-root [dir=rtl] .ion-float-lg-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .mobile-view-root .ion-float-lg-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 1200px) {
  .mobile-view-root .ion-float-xl-left {
    float: left !important;
  }
  .mobile-view-root .ion-float-xl-right {
    float: right !important;
  }
  .mobile-view-root .ion-float-xl-start {
    float: left !important;
  }
  .mobile-view-root :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }
  .mobile-view-root [dir=rtl] .ion-float-xl-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .mobile-view-root .ion-float-xl-start:dir(rtl) {
      float: right !important;
    }
  }
  .mobile-view-root .ion-float-xl-end {
    float: right !important;
  }
  .mobile-view-root :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
  .mobile-view-root [dir=rtl] .ion-float-xl-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .mobile-view-root .ion-float-xl-end:dir(rtl) {
      float: left !important;
    }
  }
}
.mobile-view-root .ion-text-center {
  text-align: center !important;
}
.mobile-view-root .ion-text-justify {
  text-align: justify !important;
}
.mobile-view-root .ion-text-start {
  text-align: start !important;
}
.mobile-view-root .ion-text-end {
  text-align: end !important;
}
.mobile-view-root .ion-text-left {
  text-align: left !important;
}
.mobile-view-root .ion-text-right {
  text-align: right !important;
}
.mobile-view-root .ion-text-nowrap {
  white-space: nowrap !important;
}
.mobile-view-root .ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .mobile-view-root .ion-text-sm-center {
    text-align: center !important;
  }
  .mobile-view-root .ion-text-sm-justify {
    text-align: justify !important;
  }
  .mobile-view-root .ion-text-sm-start {
    text-align: start !important;
  }
  .mobile-view-root .ion-text-sm-end {
    text-align: end !important;
  }
  .mobile-view-root .ion-text-sm-left {
    text-align: left !important;
  }
  .mobile-view-root .ion-text-sm-right {
    text-align: right !important;
  }
  .mobile-view-root .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }
  .mobile-view-root .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .mobile-view-root .ion-text-md-center {
    text-align: center !important;
  }
  .mobile-view-root .ion-text-md-justify {
    text-align: justify !important;
  }
  .mobile-view-root .ion-text-md-start {
    text-align: start !important;
  }
  .mobile-view-root .ion-text-md-end {
    text-align: end !important;
  }
  .mobile-view-root .ion-text-md-left {
    text-align: left !important;
  }
  .mobile-view-root .ion-text-md-right {
    text-align: right !important;
  }
  .mobile-view-root .ion-text-md-nowrap {
    white-space: nowrap !important;
  }
  .mobile-view-root .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .mobile-view-root .ion-text-lg-center {
    text-align: center !important;
  }
  .mobile-view-root .ion-text-lg-justify {
    text-align: justify !important;
  }
  .mobile-view-root .ion-text-lg-start {
    text-align: start !important;
  }
  .mobile-view-root .ion-text-lg-end {
    text-align: end !important;
  }
  .mobile-view-root .ion-text-lg-left {
    text-align: left !important;
  }
  .mobile-view-root .ion-text-lg-right {
    text-align: right !important;
  }
  .mobile-view-root .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }
  .mobile-view-root .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .mobile-view-root .ion-text-xl-center {
    text-align: center !important;
  }
  .mobile-view-root .ion-text-xl-justify {
    text-align: justify !important;
  }
  .mobile-view-root .ion-text-xl-start {
    text-align: start !important;
  }
  .mobile-view-root .ion-text-xl-end {
    text-align: end !important;
  }
  .mobile-view-root .ion-text-xl-left {
    text-align: left !important;
  }
  .mobile-view-root .ion-text-xl-right {
    text-align: right !important;
  }
  .mobile-view-root .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }
  .mobile-view-root .ion-text-xl-wrap {
    white-space: normal !important;
  }
}
.mobile-view-root .ion-text-uppercase {
  text-transform: uppercase !important;
}
.mobile-view-root .ion-text-lowercase {
  text-transform: lowercase !important;
}
.mobile-view-root .ion-text-capitalize {
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .mobile-view-root .ion-text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .mobile-view-root .ion-text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .mobile-view-root .ion-text-sm-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .mobile-view-root .ion-text-md-uppercase {
    text-transform: uppercase !important;
  }
  .mobile-view-root .ion-text-md-lowercase {
    text-transform: lowercase !important;
  }
  .mobile-view-root .ion-text-md-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .mobile-view-root .ion-text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .mobile-view-root .ion-text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .mobile-view-root .ion-text-lg-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .mobile-view-root .ion-text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .mobile-view-root .ion-text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .mobile-view-root .ion-text-xl-capitalize {
    text-transform: capitalize !important;
  }
}
.mobile-view-root .ion-align-self-start {
  align-self: flex-start !important;
}
.mobile-view-root .ion-align-self-end {
  align-self: flex-end !important;
}
.mobile-view-root .ion-align-self-center {
  align-self: center !important;
}
.mobile-view-root .ion-align-self-stretch {
  align-self: stretch !important;
}
.mobile-view-root .ion-align-self-baseline {
  align-self: baseline !important;
}
.mobile-view-root .ion-align-self-auto {
  align-self: auto !important;
}
.mobile-view-root .ion-wrap {
  flex-wrap: wrap !important;
}
.mobile-view-root .ion-nowrap {
  flex-wrap: nowrap !important;
}
.mobile-view-root .ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.mobile-view-root .ion-justify-content-start {
  justify-content: flex-start !important;
}
.mobile-view-root .ion-justify-content-center {
  justify-content: center !important;
}
.mobile-view-root .ion-justify-content-end {
  justify-content: flex-end !important;
}
.mobile-view-root .ion-justify-content-around {
  justify-content: space-around !important;
}
.mobile-view-root .ion-justify-content-between {
  justify-content: space-between !important;
}
.mobile-view-root .ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.mobile-view-root .ion-align-items-start {
  align-items: flex-start !important;
}
.mobile-view-root .ion-align-items-center {
  align-items: center !important;
}
.mobile-view-root .ion-align-items-end {
  align-items: flex-end !important;
}
.mobile-view-root .ion-align-items-stretch {
  align-items: stretch !important;
}
.mobile-view-root .ion-align-items-baseline {
  align-items: baseline !important;
}
.mobile-view-root .ion-hide {
  display: none !important;
}
.mobile-view-root .ion-hide-up {
  display: none !important;
}
.mobile-view-root .ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .mobile-view-root .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .mobile-view-root .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .mobile-view-root .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .mobile-view-root .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .mobile-view-root .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .mobile-view-root .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .mobile-view-root .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .mobile-view-root .ion-hide-xl-down {
    display: none !important;
  }
}
.mobile-view-root .ion-palette-dark {
  --ion-color-primary: #4d8dff;
  --ion-color-primary-rgb: 77, 141, 255;
  --ion-color-primary-contrast: #000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #447ce0;
  --ion-color-primary-tint: #5f98ff;
  --ion-color-secondary: #46b1ff;
  --ion-color-secondary-rgb: 70, 177, 255;
  --ion-color-secondary-contrast: #000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #3e9ce0;
  --ion-color-secondary-tint: #59b9ff;
  --ion-color-tertiary: #8482fb;
  --ion-color-tertiary-rgb: 132, 130, 251;
  --ion-color-tertiary-contrast: #000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #7472dd;
  --ion-color-tertiary-tint: #908ffb;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb: 45, 213, 91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffce31;
  --ion-color-warning-rgb: 255, 206, 49;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0b52b;
  --ion-color-warning-tint: #ffd346;
  --ion-color-danger: #f24c58;
  --ion-color-danger-rgb: 242, 76, 88;
  --ion-color-danger-contrast: #000;
  --ion-color-danger-contrast-rgb: 0, 0, 0;
  --ion-color-danger-shade: #d5434d;
  --ion-color-danger-tint: #f35e69;
  --ion-color-light: #222428;
  --ion-color-light-rgb: 34, 36, 40;
  --ion-color-light-contrast: #fff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #1e2023;
  --ion-color-light-tint: #383a3e;
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 244, 245, 248;
  --ion-color-dark-contrast: #000;
  --ion-color-dark-contrast-rgb: 0, 0, 0;
  --ion-color-dark-shade: #d7d8da;
  --ion-color-dark-tint: #f5f6f9;
}
.mobile-view-root .ion-palette-dark.ios {
  --ion-background-color: #000000;
  --ion-background-color-rgb: 0, 0, 0;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255, 255, 255;
  --ion-background-color-step-50: #0d0d0d;
  --ion-background-color-step-100: #1a1a1a;
  --ion-background-color-step-150: #262626;
  --ion-background-color-step-200: #333333;
  --ion-background-color-step-250: #404040;
  --ion-background-color-step-300: #4d4d4d;
  --ion-background-color-step-350: #595959;
  --ion-background-color-step-400: #666666;
  --ion-background-color-step-450: #737373;
  --ion-background-color-step-500: #808080;
  --ion-background-color-step-550: #8c8c8c;
  --ion-background-color-step-600: #999999;
  --ion-background-color-step-650: #a6a6a6;
  --ion-background-color-step-700: #b3b3b3;
  --ion-background-color-step-750: #bfbfbf;
  --ion-background-color-step-800: #cccccc;
  --ion-background-color-step-850: #d9d9d9;
  --ion-background-color-step-900: #e6e6e6;
  --ion-background-color-step-950: #f2f2f2;
  --ion-text-color-step-50: #f2f2f2;
  --ion-text-color-step-100: #e6e6e6;
  --ion-text-color-step-150: #d9d9d9;
  --ion-text-color-step-200: #cccccc;
  --ion-text-color-step-250: #bfbfbf;
  --ion-text-color-step-300: #b3b3b3;
  --ion-text-color-step-350: #a6a6a6;
  --ion-text-color-step-400: #999999;
  --ion-text-color-step-450: #8c8c8c;
  --ion-text-color-step-500: #808080;
  --ion-text-color-step-550: #737373;
  --ion-text-color-step-600: #666666;
  --ion-text-color-step-650: #595959;
  --ion-text-color-step-700: #4d4d4d;
  --ion-text-color-step-750: #404040;
  --ion-text-color-step-800: #333333;
  --ion-text-color-step-850: #262626;
  --ion-text-color-step-900: #1a1a1a;
  --ion-text-color-step-950: #0d0d0d;
  --ion-item-background: #000000;
  --ion-card-background: #1c1c1d;
}
.mobile-view-root .ion-palette-dark.ios ion-modal {
  --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));
  --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));
  --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));
}
.mobile-view-root .ion-palette-dark.md {
  --ion-background-color: #121212;
  --ion-background-color-rgb: 18, 18, 18;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255, 255, 255;
  --ion-background-color-step-50: #1e1e1e;
  --ion-background-color-step-100: #2a2a2a;
  --ion-background-color-step-150: #363636;
  --ion-background-color-step-200: #414141;
  --ion-background-color-step-250: #4d4d4d;
  --ion-background-color-step-300: #595959;
  --ion-background-color-step-350: #656565;
  --ion-background-color-step-400: #717171;
  --ion-background-color-step-450: #7d7d7d;
  --ion-background-color-step-500: #898989;
  --ion-background-color-step-550: #949494;
  --ion-background-color-step-600: #a0a0a0;
  --ion-background-color-step-650: #acacac;
  --ion-background-color-step-700: #b8b8b8;
  --ion-background-color-step-750: #c4c4c4;
  --ion-background-color-step-800: #d0d0d0;
  --ion-background-color-step-850: #dbdbdb;
  --ion-background-color-step-900: #e7e7e7;
  --ion-background-color-step-950: #f3f3f3;
  --ion-text-color-step-50: #f3f3f3;
  --ion-text-color-step-100: #e7e7e7;
  --ion-text-color-step-150: #dbdbdb;
  --ion-text-color-step-200: #d0d0d0;
  --ion-text-color-step-250: #c4c4c4;
  --ion-text-color-step-300: #b8b8b8;
  --ion-text-color-step-350: #acacac;
  --ion-text-color-step-400: #a0a0a0;
  --ion-text-color-step-450: #949494;
  --ion-text-color-step-500: #898989;
  --ion-text-color-step-550: #7d7d7d;
  --ion-text-color-step-600: #717171;
  --ion-text-color-step-650: #656565;
  --ion-text-color-step-700: #595959;
  --ion-text-color-step-750: #4d4d4d;
  --ion-text-color-step-800: #414141;
  --ion-text-color-step-850: #363636;
  --ion-text-color-step-900: #2a2a2a;
  --ion-text-color-step-950: #1e1e1e;
  --ion-item-background: #1e1e1e;
  --ion-toolbar-background: #1f1f1f;
  --ion-tab-bar-background: #1f1f1f;
  --ion-card-background: #1e1e1e;
}
.mobile-view-root:not(.sydney-theme) ion-content::part(scroll) {
  padding: 0;
}

/* Ionic Variables and Theming. For more info, please see:
http://ionicframework.com/docs/theming/ */
/** Ionic CSS Variables **/
.sydney-theme {
  font-family: var(--ion-font-family);
  color: var(--text-color);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  letter-spacing: 0px;
  text-align: left;
  --seperator-margin: 8px 0;
  --seperator-border: 1px solid var(--gray-medium-color);
  --ion-background-color: var(--default-background-color);
  --form-label-color: var(--text-color);
  --form-label-font-family: var(--ion-font-family);
  --form-label-font-size: var(--h5-font-size);
  --form-label-font-weight: var(--h5-font-weight);
  --form-label-line-height: var(--h5-line-height);
}
@supports (-webkit-touch-callout: none) {
  .sydney-theme {
    /**
       * Includes fallback if Dynamic Type is not enabled.
       */
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
.sydney-theme p {
  margin: 0 0 0.5rem 0;
  color: var(--text-color);
  font-family: var(--ion-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}
.sydney-theme h1,
.sydney-theme .heading1 {
  font-family: "Comfortaa-Regular";
  font-size: 26px;
  line-height: 32px;
  margin: 0;
  font-weight: 400;
}
.sydney-theme h1.emphasized,
.sydney-theme .heading1.emphasized {
  color: var(--emphasized-text-color);
}
.sydney-theme h1.gray-subsection,
.sydney-theme .heading1.gray-subsection {
  background-color: var(--gray-medium-light-light-color);
  padding: 10px 0;
}
.sydney-theme h1.full-width,
.sydney-theme .heading1.full-width {
  margin-left: var(--screen-padding-negative);
  margin-right: var(--screen-padding-negative);
  padding-left: var(--screen-padding);
  padding-right: var(--screen-padding);
}
.sydney-theme h2,
.sydney-theme .heading2 {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  margin: 0;
  font-weight: 510;
}
.sydney-theme h2.emphasized,
.sydney-theme .heading2.emphasized {
  color: var(--emphasized-text-color);
}
.sydney-theme h2.gray-subsection,
.sydney-theme .heading2.gray-subsection {
  background-color: var(--gray-medium-light-light-color);
  padding: 10px 0;
}
.sydney-theme h2.full-width,
.sydney-theme .heading2.full-width {
  margin-left: var(--screen-padding-negative);
  margin-right: var(--screen-padding-negative);
  padding-left: var(--screen-padding);
  padding-right: var(--screen-padding);
}
.sydney-theme h3,
.sydney-theme .heading3 {
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  margin: 0;
  font-weight: 590;
}
.sydney-theme h3.emphasized,
.sydney-theme .heading3.emphasized {
  color: var(--emphasized-text-color);
}
.sydney-theme h3.gray-subsection,
.sydney-theme .heading3.gray-subsection {
  background-color: var(--gray-medium-light-light-color);
  padding: 10px 0;
}
.sydney-theme h3.full-width,
.sydney-theme .heading3.full-width {
  margin-left: var(--screen-padding-negative);
  margin-right: var(--screen-padding-negative);
  padding-left: var(--screen-padding);
  padding-right: var(--screen-padding);
}
.sydney-theme h4,
.sydney-theme .heading4 {
  font-family: "Comfortaa-Bold";
  font-size: 16px;
  line-height: 22px;
  margin: 0;
}
.sydney-theme h4.emphasized,
.sydney-theme .heading4.emphasized {
  color: var(--emphasized-text-color);
}
.sydney-theme h4.dark-purple,
.sydney-theme .heading4.dark-purple {
  color: var(--utility-dark-purple-color);
}
.sydney-theme h4.gray-subsection,
.sydney-theme .heading4.gray-subsection {
  background-color: var(--gray-medium-light-light-color);
  padding: 10px 0;
}
.sydney-theme h4.full-width,
.sydney-theme .heading4.full-width {
  margin-left: var(--screen-padding-negative);
  margin-right: var(--screen-padding-negative);
  padding-left: var(--screen-padding);
  padding-right: var(--screen-padding);
}
.sydney-theme h5,
.sydney-theme .heading5 {
  font-family: var(--h5-font-family);
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  font-weight: var(--h5-font-weight);
  margin: 0;
}
.sydney-theme h5.emphasized,
.sydney-theme .heading5.emphasized {
  color: var(--emphasized-text-color);
}
.sydney-theme h5.gray-subsection,
.sydney-theme .heading5.gray-subsection {
  background-color: var(--gray-medium-light-light-color);
  padding: 10px 0;
}
.sydney-theme h5.full-width,
.sydney-theme .heading5.full-width {
  margin-left: var(--screen-padding-negative);
  margin-right: var(--screen-padding-negative);
  padding-left: var(--screen-padding);
  padding-right: var(--screen-padding);
}
.sydney-theme h6,
.sydney-theme .heading6 {
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  text-transform: var(--h6-text-transform);
  letter-spacing: var(--h6-letter-spacing);
  margin: 0;
  font-weight: var(--h6-font-weight);
}
.sydney-theme h6.emphasized,
.sydney-theme .heading6.emphasized {
  color: var(--emphasized-text-color);
}
.sydney-theme h6.gray-subsection,
.sydney-theme .heading6.gray-subsection {
  background-color: var(--gray-medium-light-light-color);
  padding: 10px 0;
}
.sydney-theme h6.full-width,
.sydney-theme .heading6.full-width {
  margin-left: var(--screen-padding-negative);
  margin-right: var(--screen-padding-negative);
  padding-left: var(--screen-padding);
  padding-right: var(--screen-padding);
}
.sydney-theme a,
.sydney-theme .link {
  font-family: "SFProText-Semibold";
}
.sydney-theme .ios ion-button.button-small {
  --padding-top: 5px;
  --padding-bottom: 5px;
}
.sydney-theme ion-toast {
  --background: var(--light-background-color);
  --box-shadow: 0px 8px 10px 0px #0000001A;
  --color: var(--gray-dark-color);
  --border-radius: 10px;
}
.sydney-theme ion-toast::part(container) {
  align-items: flex-start;
  padding: 10px;
}
.sydney-theme ion-toast::part(header) {
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  color: var(--gray-dark-color);
}
.sydney-theme ion-toast::part(icon) {
  color: var(--gray-medium-dark-faded-color);
  width: 1.5rem;
  height: 1.5rem;
  margin-inline-start: 0px;
  margin-inline-end: 10px;
}
.sydney-theme ion-toast::part(message) {
  color: var(--body-color);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}
.sydney-theme ion-toast::part(cancel) {
  padding-inline-start: 0px;
  padding-inline-end: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: var(--gray-medium-dark-faded-color);
  width: auto;
  height: auto;
}
.sydney-theme ion-toast.toast-alert-error, .sydney-theme ion-toast.toast-alert-negative {
  --background: var(--data-vis-light-pink-color);
}
.sydney-theme ion-toast.toast-alert-error::part(icon), .sydney-theme ion-toast.toast-alert-negative::part(icon) {
  color: var(--data-vis-crimson-color);
}
.sydney-theme ion-toast.toast-alert-positive, .sydney-theme ion-toast.toast-alert-success {
  --background: var(--data-vis-mint-cream-color);
}
.sydney-theme ion-toast.toast-alert-positive::part(icon), .sydney-theme ion-toast.toast-alert-success::part(icon) {
  color: var(--data-vis-forest-green-color);
}
.sydney-theme ion-toast.toast-alert-information, .sydney-theme ion-toast.toast-alert-info {
  --background: var(--data-vis-alice-blue-color);
}
.sydney-theme ion-toast.toast-alert-information::part(icon), .sydney-theme ion-toast.toast-alert-info::part(icon) {
  color: var(--primary-color);
}
.sydney-theme hr {
  margin: var(--seperator-margin);
  border-bottom: var(--seperator-border);
}
.sydney-theme .body {
  color: var(--body-color);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}
.sydney-theme .body2 p,
.sydney-theme .body2 {
  color: var(--body2-color);
  font-family: var(--body2-font-family);
  font-size: var(--body2-font-size);
  font-weight: var(--body2-font-weight);
  line-height: var(--body2-line-height);
}
.sydney-theme .font-color-primary {
  color: var(--primary-color);
}
.sydney-theme .font-color-secondary {
  color: var(--secondary-color);
}
.sydney-theme .font-color-light {
  color: var(--text-on-primary-color);
}
.sydney-theme .font-color-medium {
  color: var(--gray-medium-color);
}
.sydney-theme .font-color-medium-dark {
  color: var(--gray-medium-dark-color);
}
.sydney-theme .overflow-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sydney-theme .form-label {
  color: var(--form-label-color);
  font-family: var(--form-label-font-family);
  font-size: var(--form-label-font-size);
  font-weight: var(--form-label-font-weight);
  line-height: var(--form-label-line-height);
  max-width: unset;
  width: auto;
  margin-bottom: 0;
}

.ios {
  --ion-default-font: "SFProText-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

.md {
  --ion-default-font: "SFProText-Regular", "Roboto", "Helvetica Neue", sans-serif;
}

.sydney-theme .flex-column {
  justify-content: unset;
  margin-top: unset;
}
.sydney-theme .mr-5 {
  margin-right: 5px;
}
.sydney-theme ul {
  padding-left: 25px;
  margin-bottom: 10px;
}
.sydney-theme .container,
.sydney-theme menu {
  margin: 0;
  padding: 0;
}
.sydney-theme .profile-mobile-menu {
  display: flex;
  justify-content: space-between;
  width: 60%;
  flex-direction: row;
}
.sydney-theme .profile-mobile-menu-right {
  justify-content: right !important;
}
.sydney-theme .mobile-menu-label {
  position: absolute;
  color: var(--primary-color);
  margin-left: 30px !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 19px;
}
.sydney-theme .mobile-page-header {
  background-color: var(--primary-color);
  color: #ffffff;
  margin: 0 -50px 0 -20px !important;
  padding: 10px 45px 10px 20px;
}
.sydney-theme [data-tcp-page-load-wait] {
  display: none;
}
.sydney-theme .rx-id-card-messages-container {
  margin: 0 !important;
  padding: 0 !important;
}
.sydney-theme .vgr-pharm-access-questions-wrap {
  margin: 0 !important;
  padding: 0 !important;
  flex-direction: column !important;
}
.sydney-theme .vgr-pharm-access-questions-container {
  text-align: left !important;
}
.sydney-theme .page-header-wrapper {
  display: none;
}
.sydney-theme .mbr-page-header {
  display: none !important;
}
.sydney-theme .motif-theme#mbr-page-body.mbr-page-body,
.sydney-theme .mbr-page-body {
  margin-top: 0 !important;
  min-height: 100vh;
}
.sydney-theme .mobile-category-circle-background {
  align-items: center;
  background: #0079c2 no-repeat center;
  border-radius: 50%;
  border: 1px solid #0079c2;
  display: flex;
  height: 58px;
  justify-content: center;
  margin: auto;
  width: 58px;
}
.sydney-theme .mobile-category-name {
  margin-top: 12px;
  max-width: 100px;
  text-align: center;
}
.sydney-theme .MicrosoftMap {
  width: 100% !important;
  height: 100% !important;
}
.sydney-theme .benefits-period-top-header {
  position: inherit !important;
  background-color: inherit !important;
}
.sydney-theme .benefits-page-header {
  position: sticky;
  top: 0px;
  z-index: 4;
  background: white;
  margin-bottom: -55px;
}

.ion-palette-dark,
.gen-ai-mode {
  color-scheme: dark !important;
  color: var(--light-background-color);
}
.ion-palette-dark h1,
.ion-palette-dark h2,
.ion-palette-dark h3,
.ion-palette-dark h4,
.ion-palette-dark h5,
.ion-palette-dark h6,
.ion-palette-dark p,
.ion-palette-dark .body,
.ion-palette-dark .body2,
.ion-palette-dark .section,
.gen-ai-mode h1,
.gen-ai-mode h2,
.gen-ai-mode h3,
.gen-ai-mode h4,
.gen-ai-mode h5,
.gen-ai-mode h6,
.gen-ai-mode p,
.gen-ai-mode .body,
.gen-ai-mode .body2,
.gen-ai-mode .section {
  color: var(--light-background-color);
  font-family: var(--gen-ai-font);
  font-synthesis: none;
}
.ion-palette-dark h1,
.gen-ai-mode h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}
.ion-palette-dark h2,
.gen-ai-mode h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
.ion-palette-dark h3,
.gen-ai-mode h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.ion-palette-dark h4,
.gen-ai-mode h4 {
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
}
.ion-palette-dark h5,
.gen-ai-mode h5 {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.104em;
}
.ion-palette-dark h6,
.ion-palette-dark .heading6,
.gen-ai-mode h6,
.gen-ai-mode .heading6 {
  font-family: var(--gen-ai-font) !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: normal;
}
.ion-palette-dark .body,
.gen-ai-mode .body {
  font-size: 16px;
  line-height: 22px;
}
.ion-palette-dark .body2,
.gen-ai-mode .body2 {
  font-size: 14px;
  line-height: 20px;
}
.ion-palette-dark .font-bold,
.gen-ai-mode .font-bold {
  font-weight: 700;
}
.ion-palette-dark .flex-column,
.gen-ai-mode .flex-column {
  justify-content: unset;
  margin-top: unset;
}
.ion-palette-dark .mobile-view ion-content#main-content::part(background),
.gen-ai-mode .mobile-view ion-content#main-content::part(background) {
  background: linear-gradient(180deg, var(--gen-ai-primary-blue-color) 0%, var(--gen-ai-space-cadet-blue-color) 50%, var(--gen-ai-maastricht-blue-color) 100%) !important;
}
.ion-palette-dark ion-button,
.gen-ai-mode ion-button {
  font-family: var(--gen-ai-font) !important;
  font-synthesis: none;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
}
.ion-palette-dark ion-button[fill=clear],
.gen-ai-mode ion-button[fill=clear] {
  --ion-color-primary: var(--gen-ai-utility-alert-info-color);
  color: var(--gen-ai-utility-alert-info-color);
}
.ion-palette-dark ion-button.ion-color-secondary,
.gen-ai-mode ion-button.ion-color-secondary {
  --color: var(--light-background-color) !important;
  opacity: 1;
}
.ion-palette-dark ion-button.ion-color-secondary:hover::part(native),
.gen-ai-mode ion-button.ion-color-secondary:hover::part(native) {
  text-decoration: none;
  background: var(--light-background-color) !important;
  color: var(--gen-ai-secondary-blue-color) !important;
  border-color: var(--light-background-color) !important;
}
.ion-palette-dark ion-button.button-disabled,
.gen-ai-mode ion-button.button-disabled {
  opacity: 0.5 !important;
  --opacity: 0.5 !important;
}
.ion-palette-dark ion-button:focus,
.gen-ai-mode ion-button:focus {
  outline: 2px solid var(--gen-ai-utility-alert-info-color);
}
.ion-palette-dark ion-button:hover,
.gen-ai-mode ion-button:hover {
  outline: none !important;
}
.ion-palette-dark ion-button:active,
.gen-ai-mode ion-button:active {
  outline: none !important;
}
.ion-palette-dark ion-item:focus,
.gen-ai-mode ion-item:focus {
  outline: 2px solid var(--gen-ai-utility-alert-info-color);
}
.ion-palette-dark ion-item:hover,
.gen-ai-mode ion-item:hover {
  outline: none !important;
}
.ion-palette-dark ion-item:active,
.gen-ai-mode ion-item:active {
  outline: none !important;
}
.ion-palette-dark ion-card,
.gen-ai-mode ion-card {
  --background: var(--gen-ai-secondary-blue-color) !important;
  color: var(--light-background-color) !important;
  border: 1px solid var(--gen-ai-utility-accent-heliotrope-color);
  border-radius: 10px;
  contain: none !important;
  overflow: visible !important;
}
.ion-palette-dark .background-blue ion-card,
.gen-ai-mode .background-blue ion-card {
  --background: var(--gen-ai-primary-blue-color) !important;
}
.ion-palette-dark .background-blue .body2,
.ion-palette-dark .background-blue .h2,
.ion-palette-dark .background-blue .h3,
.ion-palette-dark .background-blue .h4,
.ion-palette-dark .background-blue .h5,
.ion-palette-dark .background-blue .h6,
.ion-palette-dark .background-blue .p,
.ion-palette-dark .background-blue .section,
.gen-ai-mode .background-blue .body2,
.gen-ai-mode .background-blue .h2,
.gen-ai-mode .background-blue .h3,
.gen-ai-mode .background-blue .h4,
.gen-ai-mode .background-blue .h5,
.gen-ai-mode .background-blue .h6,
.gen-ai-mode .background-blue .p,
.gen-ai-mode .background-blue .section {
  color: var(--light-background-color) !important;
}
.ion-palette-dark progress-bar,
.gen-ai-mode progress-bar {
  --progress-bar-active-background: var(--gen-ai-utility-accent-heliotrope-color);
  --progress-bar-background: var(--gen-ai-secondary-blue-color);
}
.ion-palette-dark progress-bar ion-progress-bar,
.gen-ai-mode progress-bar ion-progress-bar {
  border: 1px solid var(--gen-ai-utility-accent-blue-crayola-color);
}
.ion-palette-dark progress-stepper-item .stepper-circle,
.gen-ai-mode progress-stepper-item .stepper-circle {
  border: 2px solid var(--gen-ai-utility-accent-blue-crayola-color) !important;
}
.ion-palette-dark progress-stepper-item .stepper-circle.complete,
.gen-ai-mode progress-stepper-item .stepper-circle.complete {
  border-color: var(--gen-ai-utility-accent-heliotrope-color) !important;
  background-color: var(--gen-ai-utility-accent-heliotrope-color) !important;
}
.ion-palette-dark progress-stepper-item .stepper-circle.active,
.gen-ai-mode progress-stepper-item .stepper-circle.active {
  color: var(--gen-ai-secondary-blue-color) !important;
  border-color: var(--gen-ai-utility-accent-heliotrope-color) !important;
}
.ion-palette-dark progress-stepper-item .stepper-line,
.gen-ai-mode progress-stepper-item .stepper-line {
  background-color: var(--ion-color-medium) !important;
}
.ion-palette-dark progress-stepper-item .stepper-line.complete,
.gen-ai-mode progress-stepper-item .stepper-line.complete {
  background-color: var(--gen-ai-utility-accent-heliotrope-color) !important;
}
.ion-palette-dark progress-stepper-item .stepper-line.active,
.gen-ai-mode progress-stepper-item .stepper-line.active {
  background-color: var(--gen-ai-secondary-blue-color) !important;
}
.ion-palette-dark progress-stepper-item .checkmark-icon,
.gen-ai-mode progress-stepper-item .checkmark-icon {
  color: var(--gen-ai-secondary-blue-color) !important;
}
.ion-palette-dark stepper-card,
.gen-ai-mode stepper-card {
  border: 1px solid var(--gen-ai-utility-accent-blue-crayola-color);
}
.ion-palette-dark stepper-card.active,
.gen-ai-mode stepper-card.active {
  border-color: var(--gen-ai-utility-accent-heliotrope-color) !important;
  background-color: var(--gen-ai-primary-blue-color) !important;
}
.ion-palette-dark stepper-card .default-status,
.gen-ai-mode stepper-card .default-status {
  background-color: var(--gen-ai-utility-accent-heliotrope-color) !important;
  color: var(--gen-ai-secondary-blue-color) !important;
}
.ion-palette-dark stepper-card .status-complete,
.gen-ai-mode stepper-card .status-complete {
  background-color: var(--gen-ai-utility-accent-blue-crayola-color) !important;
}
.ion-palette-dark stepper-card .status-pending,
.gen-ai-mode stepper-card .status-pending {
  background-color: var(--gen-ai-utility-accent-heliotrope-color) !important;
}
.ion-palette-dark stepper-card .status-approved,
.gen-ai-mode stepper-card .status-approved {
  background-color: var(--gen-ai-utility-alert-success-color) !important;
}
.ion-palette-dark stepper-card .status-denied,
.gen-ai-mode stepper-card .status-denied {
  background-color: var(--gen-ai-utility-alert-error-color) !important;
}
.ion-palette-dark stepper-card .status-canceled,
.gen-ai-mode stepper-card .status-canceled {
  background-color: var(--gen-ai-utility-accent-blue-crayola-color) !important;
}
.ion-palette-dark stepper-card .status-validation-incomplete,
.gen-ai-mode stepper-card .status-validation-incomplete {
  background-color: var(--gen-ai-utility-alert-pending-color) !important;
}
.ion-palette-dark stepper-card .status-multiple-decision,
.gen-ai-mode stepper-card .status-multiple-decision {
  background-color: var(--gen-ai-utility-alert-pending-color) !important;
}
.ion-palette-dark stepper-card .status-received,
.gen-ai-mode stepper-card .status-received {
  background-color: var(--gen-ai-utility-alert-pending-color) !important;
}
.ion-palette-dark stepper-card .status-partial-approved,
.gen-ai-mode stepper-card .status-partial-approved {
  background-color: var(--gen-ai-utility-alert-pending-color) !important;
}
.ion-palette-dark stepper-card .status-card-section .status-card-row .status-card-data .status-update-time,
.gen-ai-mode stepper-card .status-card-section .status-card-row .status-card-data .status-update-time {
  color: var(--gen-ai-utility-accent-blue-crayola-color) !important;
}
.ion-palette-dark stepper-card .status-card-section .status-card-row .status-card-data .file-appeal,
.gen-ai-mode stepper-card .status-card-section .status-card-row .status-card-data .file-appeal {
  color: var(--gen-ai-utility-alert-info-color);
}
.ion-palette-dark ion-checkbox .form-label,
.gen-ai-mode ion-checkbox .form-label {
  color: var(--light-background-color) !important;
}
.ion-palette-dark hr,
.gen-ai-mode hr {
  width: 100%;
}
.ion-palette-dark .ion-overlay-wrapper,
.gen-ai-mode .ion-overlay-wrapper {
  overflow: visible !important;
}
.ion-palette-dark badge ion-chip,
.gen-ai-mode badge ion-chip {
  pointer-events: none !important;
  border-radius: 2px !important;
  gap: 10px !important;
  padding: 2px 4px !important;
}
.ion-palette-dark badge.binfo,
.gen-ai-mode badge.binfo {
  --badge-background: var(--gen-ai-utility-alert-info-color) !important;
  --badge-font-color: var(--gen-ai-secondary-blue-color) !important;
}
.ion-palette-dark badge.bsuccess,
.gen-ai-mode badge.bsuccess {
  --badge-background: var(--gen-ai-utility-alert-success-color) !important;
  --badge-font-color: var(--gen-ai-secondary-blue-color) !important;
}
.ion-palette-dark accordion-group .accordion-header::part(native),
.gen-ai-mode accordion-group .accordion-header::part(native) {
  background: var(--gen-ai-secondary-blue-color) !important;
  color: var(--gen-ai-utility-alert-info-color) !important;
  font-size: 16px;
  font-weight: bold;
}
@media (hover: hover) and (pointer: fine) {
  .ion-palette-dark accordion-group .accordion-header ion-label,
  .gen-ai-mode accordion-group .accordion-header ion-label {
    color: var(--gen-ai-white-color) !important;
  }
}
.ion-palette-dark accordion-group ion-item,
.gen-ai-mode accordion-group ion-item {
  --border-radius: 0px;
  border-radius: 0px;
}
.ion-palette-dark accordion-group ion-accordion .expanded-icon,
.gen-ai-mode accordion-group ion-accordion .expanded-icon {
  color: var(--gen-ai-utility-alert-info-color) !important;
}
.ion-palette-dark accordion-group ion-accordion .collapsed-icon,
.gen-ai-mode accordion-group ion-accordion .collapsed-icon {
  color: var(--gen-ai-utility-alert-info-color) !important;
}
.ion-palette-dark accordion-group .accordion-body,
.gen-ai-mode accordion-group .accordion-body {
  background: var(--gen-ai-secondary-blue-color) !important;
}
@media (hover: hover) and (pointer: fine) {
  .ion-palette-dark accordion-group .accordion-body,
  .gen-ai-mode accordion-group .accordion-body {
    padding-left: 60px;
  }
}
.ion-palette-dark .select-list-container,
.gen-ai-mode .select-list-container {
  width: 100%;
}
.ion-palette-dark .select-list-container ion-item,
.gen-ai-mode .select-list-container ion-item {
  border-radius: 30px !important;
  border: 2px solid transparent !important;
  background: linear-gradient(to right, var(--gen-ai-secondary-blue-color), var(--gen-ai-secondary-blue-color)), linear-gradient(to top, var(--gen-ai-utility-alert-info-color), var(--gen-ai-utility-accent-heliotrope-color));
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  --border-color: $base-color !important;
  --color: var(--gen-ai-secondary-blue-color);
}
.ion-palette-dark .select-list-container ion-item:active,
.gen-ai-mode .select-list-container ion-item:active {
  --ion-color-shade: var(--gen-ai-secondary-blue-color) !important;
  --color-hover: var(--black-background-color) !important;
}
.ion-palette-dark .select-list-container ion-item:hover,
.gen-ai-mode .select-list-container ion-item:hover {
  --ion-color-tint: var(--gen-ai-secondary-blue-color) !important;
  --ion-color-contrast: var(--gen-ai-secondary-blue-color) !important;
  --ion-color-base: var(--gen-ai-secondary-blue-color) !important;
}
.ion-palette-dark .select-list-container ion-item:focus,
.gen-ai-mode .select-list-container ion-item:focus {
  outline: 2px solid transparent !important;
}
.ion-palette-dark .select-list-container ion-item.select-theme-dark,
.gen-ai-mode .select-list-container ion-item.select-theme-dark {
  --border-color: 2px solid transparent !important;
}
.ion-palette-dark .select-list-container ion-item.mode-web,
.gen-ai-mode .select-list-container ion-item.mode-web {
  --border-color: 2px solid transparent !important;
}
.ion-palette-dark .select-list-container ion-label.select-input,
.gen-ai-mode .select-list-container ion-label.select-input {
  padding-left: 1 !important;
  color: var(--light-background-color) !important;
  font-family: var(--gen-ai-font) !important;
  font-synthesis: none !important;
  font-size: var(--body-font-size) !important;
  font-weight: var(--body-font-weight) !important;
  line-height: var(--body-line-height) !important;
}
@media (max-width: 768px) {
  .ion-palette-dark .select-list-container ion-label.select-input,
  .gen-ai-mode .select-list-container ion-label.select-input {
    padding: 5px;
    margin-left: 10px;
  }
}
.ion-palette-dark .select-list-container ion-icon,
.gen-ai-mode .select-list-container ion-icon {
  color: var(--gen-ai-utility-alert-info-color) !important;
  font-size: var(--body-font-size) !important;
}
@media (max-width: 768px) {
  .ion-palette-dark .select-list-container ion-icon,
  .gen-ai-mode .select-list-container ion-icon {
    margin-right: 5px;
  }
}