/* ### Start Fonts and Typography ### */
@font-face {
    font-family: 'Metric Light';
    src: url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Light_1638969059803001ZxPd.eot);
    src: url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Light_1638969059803001ZxPd.eot?#iefix) format('embedded-opentype'), url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Light_1638969059947001ZgUR.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
  }
  @font-face {
    font-family: 'Metric Regular';
    src: url(https://static.rainfocus.com/hpenterprises/techjamemea/static/staticfile/staticfile/MetricHPE-Web-Regular_1701335212118001m9T3.eot);
    src: url(https://static.rainfocus.com/hpenterprises/techjamemea/static/staticfile/staticfile/MetricHPE-Web-Regular_1701335212118001m9T3.eot?#iefix) format('embedded-opentype'), url(https://static.rainfocus.com/hpenterprises/techjamemea/static/staticfile/staticfile/MetricHPE-Web-Regular_1701335212251001mHCD.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
  }
  @font-face {
    font-family: 'Metric Bold';
    src: url(https://static.rainfocus.com/hpenterprises/techjamemea/static/staticfile/staticfile/MetricHPE-Web-Bold_1701335211498001m9Kw.eot);
    src: url(https://static.rainfocus.com/hpenterprises/techjamemea/static/staticfile/staticfile/MetricHPE-Web-Bold_1701335211498001m9Kw.eot?#iefix) format('embedded-opentype'), url(https://static.rainfocus.com/hpenterprises/techjamemea/static/staticfile/staticfile/MetricHPE-Web-Bold_1701335211985001meNx.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
  }
  @font-face {
    font-family: 'Metric Medium';
    src: url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Medium_1638969060138001ZaLe.eot);
    src: url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Medium_1638969060138001ZaLe.eot?#iefix) format('embedded-opentype'), url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Medium_1638969060284001ZYVS.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
  }
  @font-face {
    font-family: 'Metric Semibold';
    src: url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Semibold_1638969060940001Zspq.eot);
    src: url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Semibold_1638969060940001Zspq.eot?#iefix) format('embedded-opentype'), url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Semibold_1638969061095001ZNcO.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
  }
  @font-face {
    font-family: 'Metric Black';
    src: url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Black_1638969059496001ZpXd.eot);
    src: url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Black_1638969059496001ZpXd.eot?#iefix) format('embedded-opentype'), url(https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Metric-Black_1638969059646001ZjLx.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
  }
  
  /* ### End Fonts and Typography ### */
  
  .rf-workflow .rf-workflow-body-content {
    background: url(https://static.rainfocus.com/hpenterprises/techjamemea/static/staticfile/staticfile/background_1675256205551001C4tW.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    padding: 50px;
  }
  
  .page-builder-display-reset, .page-builder-template-preview {
    background-color: #0000;
  }
  
  .rf-workflow-header {
    background-color: #0000;
  }
  
  .footer-image-container .footer-image {
    width: 100%;
    height: auto;
  }
  
  
  .template-brand-color {
    /* Search for this hex color, find and replace. */
    color: #e13a5d;
  }
  
  .template-brand-color {
    /* Search for this hex color, find and replace. */
    color: #f09dae;
  }
  
  .template-brand-color {
    /* Search for this hex color, find and replace. */
    color: #f8ced7;
  }
  
  .template-brand-color {
    /* Search for this hex color, find and replace. */
    color: #fcebef;
  }
  
  .template-accent-color {
    /* Search for this hex color, find and replace. Not currently used. */
    color: #964cad;
  }
  
  .template-accent-color {
    /* Search for this hex color, find and replace. Not currently used. */
    color: #cba6d6;
  }
  
  .template-accent-color {
    /* Search for this hex color, find and replace. Not currently used. */
    color: #e5d2eb;
  }
  
  .template-accent-color {
    /* Search for this hex color, find and replace. Not currently used. */
    color: #f5edf7;
  }
  
  /*=============================================*/
  /*
  /*  # Reset
  /*  Workflow and Widget Reset
  /*
  /*=============================================*/
  .rf-body {
    box-sizing: border-box;
    outline: 0 !important;
    outline: none !important;
    font-family: 'Metric Regular', Arial;
    color: #272932;
    line-height: 1.4em;
    vertical-align: baseline;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    overflow: auto !important;
  }
  
    .rf-body * {
      box-sizing: border-box;
    }
  
      .rf-body *, .rf-body *:before, .rf-body *:after {
        outline: 0 !important;
        outline: none !important;
      }
  
  [id*='rf-'].rf-widget *,
  .rf-default-modal *,
  .rf-org-header-container *,
  .rf-org-footer-container * {
    font-family: 'Metric Regular', Arial;
  }
  
  /*=============================================*/
  /*
  /*  # Typography
  /*
  /*=============================================*/
  .rf-workflow * {
    font-family: 'Metric Regular', Arial;
  }
  
  .rf-workflow h1,
  .rf-workflow h2,
  .rf-workflow h3,
  .rf-workflow h4,
  .rf-workflow h5,
  .rf-workflow h6 {
    color: #272932;
    font-weight: 600;
  }
  
  .rf-workflow p {
    color: #272932;
  }
  
  .rf-workflow a {
    cursor: pointer;
    color: #e13a5d;
  }
  
    .rf-workflow a:hover, .rf-workflow a:focus, .rf-workflow a:active {
      color: #ed899e;
    }
  
  .rf-workflow ul,
  .rf-workflow ol {
    margin: 0;
    padding: 0;
  }
  
  .rf-workflow strong,
  .rf-workflow b {
    font-weight: 600;
  }
  
  .rf-workflow i,
  .rf-workflow em {
    font-style: italic;
  }
  
  /* END Typography */
  /*=============================================*/
  /*
  /*  # Clearfix
  /*  Add containers that need floats cleared
  /*
  /*=============================================*/
  .clearfix,
  .clearfloat {
    clear: both;
  }
  
    .clearfix:before, .clearfix:after,
    .clearfloat:before,
    .clearfloat:after {
      content: "";
      display: table;
      clear: both;
    }
  
  /* END Clearfix */
  /* Overlays */
  .rf-overlay-new .rf-scroll-frame ul li:not(.group-header):not(.common-select-dropdown-option-item):hover,
  .rf-overlay-new .rf-scroll-frame ul li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover {
    background: #01A982;
  }
  
    .rf-overlay-new .rf-scroll-frame ul li:not(.group-header):not(.common-select-dropdown-option-item):hover svg {
      fill: white;
    }
  
  /*=============================================*/
  /*
  /*  # Imports
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Header
  /*  
  /*
  /*=============================================*/
  
  /*.rf-org-header-container {
    position: relative;
    min-height: 112px;
    margin-bottom: 32px;
  }
  .rf-org-header-container .bg-gradient {
    background-image: linear-gradient(to right, #e13a5d, #964cad);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }*/
  /*=============================================*/
  /*
  /*  # Media Queries
  /*
  /*=============================================*/
  
  /*=============================================*/
  /*
  /*  # END Header
  /*  
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Content
  /*  
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Media Queries
  /*
  /*=============================================*/
  @media all and (min-width: 768px) {
    .rf-workflow {
      /* padding-bottom: 50px; */
      flex: 1;
    }
  
      .rf-workflow .rf-workflow-body-content {
        height: 100%;
      }
  }
  /*=============================================*/
  /*
  /*  # END Content
  /*  
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Footer
  /*  
  /*
  /*=============================================*/
  .rf-org-footer-container {
    position: relative;
    margin-top: auto;
  }
  
  
  
  
  /*=============================================*/
  /*
  /*  # END Footer
  /*  
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Common
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Buttons
  /*
  /*=============================================*/
  .mdBtnR {
    font-weight: 600;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;*/
  }
  
    .mdBtnR.disabled, .mdBtnR:disabled {
      cursor: not-allowed;
    }
  
      .mdBtnR.disabled .rfSI,
      .mdBtnR.disabled svg, .mdBtnR:disabled .rfSI,
      .mdBtnR:disabled svg {
        cursor: not-allowed;
      }
  
    .mdBtnR .mdBtnR-text {
      /*
  
      */
    }
  
    .mdBtnR .rfSI {
      height: 18px;
      width: 18px;
      max-height: 18px;
      max-width: 18px;
    }
  
    .mdBtnR .rf-pill {
      /*
  
      */
    }
  
    .mdBtnR.mdBtnR-sm {
      padding: 8px 12px;
      font-size: 11px;
      line-height: 14px;
    }
  
      .mdBtnR.mdBtnR-sm .rfSI {
        height: 14px;
        width: 14px;
        max-height: 14px;
        max-width: 14px;
      }
  
    .mdBtnR + .mdBtnR {
      margin-left: 16px;
    }
  
    .mdBtnR.mdBtnR-add-a-thing .mdBtnR-text,
    a.mdBtnR.mdBtnR-add-a-thing .mdBtnR-text {
      color: #01A982;
    }
  
  .mdBtnR-toggle .mdBtnR {
    border-radius: 0;
    margin-left: 0;
    background-color: white;
    border: 2px solid #01A982;
    color: #01A982;
    font-weight: 700;
  }
  
    .mdBtnR-toggle .mdBtnR .mdBtnR-text {
      color: #01A982 !important;
    }
  
    .mdBtnR-toggle .mdBtnR + .rfSI {
      margin-left: 12px;
    }
  
    .mdBtnR-toggle .mdBtnR:hover, .mdBtnR-toggle .mdBtnR:focus, .mdBtnR-toggle .mdBtnR:active, .mdBtnR-toggle .mdBtnR.active {
      font-weight: 600;
      background-color: #01A982;
      border-color: #01A982;
      color: white;
    }
  
      .mdBtnR-toggle .mdBtnR:hover .mdBtnR-text, .mdBtnR-toggle .mdBtnR:focus .mdBtnR-text, .mdBtnR-toggle .mdBtnR:active .mdBtnR-text, .mdBtnR-toggle .mdBtnR.active .mdBtnR-text {
        color: white !important;
      }
  
  .mdBtnR-primary,
  button.mdBtnR-primary,
  a.mdBtnR-primary {
    color: white;
    background-color: #01A982;
    border-color: #01A982;
  }
  
    .mdBtnR-primary .mdBtnR-text,
    button.mdBtnR-primary .mdBtnR-text,
    a.mdBtnR-primary .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-primary:hover, .mdBtnR-primary.hover, .mdBtnR-primary:focus, .mdBtnR-primary.focus, .mdBtnR-primary:active, .mdBtnR-primary.active,
    button.mdBtnR-primary:hover,
    button.mdBtnR-primary.hover,
    button.mdBtnR-primary:focus,
    button.mdBtnR-primary.focus,
    button.mdBtnR-primary:active,
    button.mdBtnR-primary.active,
    a.mdBtnR-primary:hover,
    a.mdBtnR-primary.hover,
    a.mdBtnR-primary:focus,
    a.mdBtnR-primary.focus,
    a.mdBtnR-primary:active,
    a.mdBtnR-primary.active {
      color: white;
      background-color: #2d9f94;
      background-image: none;
      border-color: #2d9f94;
    }
  
    .mdBtnR-primary .rfSI svg,
    a.mdBtnR-primary .rfSI svg {
      fill: #fff;
    }
  
  .mdBtnR-primary-open,
  .mdBtnR-outline-primary {
    color: #01A982;
    background-color: white;
    border-color: #01A982;
  }
  
    .mdBtnR-primary-open .mdBtnR-text,
    .mdBtnR-outline-primary .mdBtnR-text {
      color: #01A982;
    }
  
    .mdBtnR-primary-open:hover, .mdBtnR-primary-open.hover, .mdBtnR-primary-open:focus, .mdBtnR-primary-open.focus, .mdBtnR-primary-open:active, .mdBtnR-primary-open.active,
    .mdBtnR-outline-primary:hover,
    .mdBtnR-outline-primary.hover,
    .mdBtnR-outline-primary:focus,
    .mdBtnR-outline-primary.focus,
    .mdBtnR-outline-primary:active,
    .mdBtnR-outline-primary.active {
      color: #01A982;
      background-color: #e8f4f3;
      background-image: none;
      border-color: #01A982;
    }
  
    .mdBtnR-primary-open.mdBtnR-adv .rfSI svg,
    .mdBtnR-outline-primary.mdBtnR-adv .rfSI svg {
      fill: #01A982;
    }
  
  .mdBtnR-secondary,
  button.mdBtnR-secondary,
  a.mdBtnR-secondary {
    color: #01A982;
    background-color: white;
    border-color: #01A982;
  }
  
    .mdBtnR-secondary .mdBtnR-text,
    button.mdBtnR-secondary .mdBtnR-text,
    a.mdBtnR-secondary .mdBtnR-text {
      color: #01A982;
    }
  
    .mdBtnR-secondary:hover, .mdBtnR-secondary.hover, .mdBtnR-secondary:focus, .mdBtnR-secondary.focus, .mdBtnR-secondary:active, .mdBtnR-secondary.active,
    button.mdBtnR-secondary:hover,
    button.mdBtnR-secondary.hover,
    button.mdBtnR-secondary:focus,
    button.mdBtnR-secondary.focus,
    button.mdBtnR-secondary:active,
    button.mdBtnR-secondary.active,
    a.mdBtnR-secondary:hover,
    a.mdBtnR-secondary.hover,
    a.mdBtnR-secondary:focus,
    a.mdBtnR-secondary.focus,
    a.mdBtnR-secondary:active,
    a.mdBtnR-secondary.active {
      color: #01A982;
      background-color: #e8f4f3;
      background-image: none;
      border-color: #01A982;
    }
  
  .mdBtnR-white {
    color: #01A982;
    background-color: white;
    border-color: white;
  }
  
    .mdBtnR-white .mdBtnR-text {
      color: #01A982;
    }
  
    .mdBtnR-white:hover, .mdBtnR-white.hover, .mdBtnR-white:focus, .mdBtnR-white.focus, .mdBtnR-white:active, .mdBtnR-white.active {
      color: #01A982;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #e6e6e6;
    }
  
  .mdBtnR-white-open {
    color: white;
    background-color: transparent;
    border-color: white;
  }
  
    .mdBtnR-white-open .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-white-open:hover, .mdBtnR-white-open.hover, .mdBtnR-white-open:focus, .mdBtnR-white-open.focus, .mdBtnR-white-open:active, .mdBtnR-white-open.active {
      color: white;
      background-color: transparent;
      background-image: none;
      border-color: #e6e6e6;
    }
  
    .mdBtnR-white-open .rfSI svg {
      fill: #ffffff !important;
    }
  
  .mdBtnR-info {
    color: white;
    background-color: #d7faff;
    border-color: #d7faff;
  }
  
    .mdBtnR-info .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-info:hover, .mdBtnR-info.hover, .mdBtnR-info:focus, .mdBtnR-info.focus, .mdBtnR-info:active, .mdBtnR-info.active {
      color: white;
      background-color: #a4f4ff;
      background-image: none;
      border-color: #a4f4ff;
    }
  
  .mdBtnR-info-open {
    color: #d7faff;
    background-color: transparent;
    border-color: #d7faff;
  }
  
    .mdBtnR-info-open .mdBtnR-text {
      color: #d7faff;
    }
  
    .mdBtnR-info-open:hover, .mdBtnR-info-open.hover, .mdBtnR-info-open:focus, .mdBtnR-info-open.focus, .mdBtnR-info-open:active, .mdBtnR-info-open.active {
      color: #d7faff;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #b3b3b3;
    }
  
  .mdBtnR-success,
  button.mdBtnR-success,
  a.mdBtnR-success {
    color: white;
    background-color: #d8eeca;
    border-color: #d8eeca;
  }
  
    .mdBtnR-success .mdBtnR-text,
    button.mdBtnR-success .mdBtnR-text,
    a.mdBtnR-success .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-success:hover, .mdBtnR-success.hover, .mdBtnR-success:focus, .mdBtnR-success.focus, .mdBtnR-success:active, .mdBtnR-success.active,
    button.mdBtnR-success:hover,
    button.mdBtnR-success.hover,
    button.mdBtnR-success:focus,
    button.mdBtnR-success.focus,
    button.mdBtnR-success:active,
    button.mdBtnR-success.active,
    a.mdBtnR-success:hover,
    a.mdBtnR-success.hover,
    a.mdBtnR-success:focus,
    a.mdBtnR-success.focus,
    a.mdBtnR-success:active,
    a.mdBtnR-success.active {
      color: white;
      background-color: #bce2a3;
      background-image: none;
      border-color: #bce2a3;
    }
  
  .mdBtnR-success-open {
    color: #d8eeca;
    background-color: transparent;
    border-color: #d8eeca;
  }
  
    .mdBtnR-success-open .mdBtnR-text {
      color: #d8eeca;
    }
  
    .mdBtnR-success-open:hover, .mdBtnR-success-open.hover, .mdBtnR-success-open:focus, .mdBtnR-success-open.focus, .mdBtnR-success-open:active, .mdBtnR-success-open.active {
      color: #d8eeca;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #b3b3b3;
    }
  
  .mdBtnR-warning {
    color: white;
    background-color: #f9f4d4;
    border-color: #f9f4d4;
  }
  
    .mdBtnR-warning .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-warning:hover, .mdBtnR-warning.hover, .mdBtnR-warning:focus, .mdBtnR-warning.focus, .mdBtnR-warning:active, .mdBtnR-warning.active {
      color: white;
      background-color: #f3e9a7;
      background-image: none;
      border-color: #f3e9a7;
    }
  
  .mdBtnR-warning-open {
    color: #f9f4d4;
    background-color: transparent;
    border-color: #f9f4d4;
  }
  
    .mdBtnR-warning-open .mdBtnR-text {
      color: #f9f4d4;
    }
  
    .mdBtnR-warning-open:hover, .mdBtnR-warning-open.hover, .mdBtnR-warning-open:focus, .mdBtnR-warning-open.focus, .mdBtnR-warning-open:active, .mdBtnR-warning-open.active {
      color: #f9f4d4;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #b3b3b3;
    }
  
  .mdBtnR-danger,
  button.mdBtnR-danger,
  a.mdBtnR-danger {
    color: white;
    background-color: #f3e9e8;
    border-color: #f3e9e8;
  }
  
    .mdBtnR-danger .mdBtnR-text,
    button.mdBtnR-danger .mdBtnR-text,
    a.mdBtnR-danger .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-danger:hover, .mdBtnR-danger.hover, .mdBtnR-danger:focus, .mdBtnR-danger.focus, .mdBtnR-danger:active, .mdBtnR-danger.active,
    button.mdBtnR-danger:hover,
    button.mdBtnR-danger.hover,
    button.mdBtnR-danger:focus,
    button.mdBtnR-danger.focus,
    button.mdBtnR-danger:active,
    button.mdBtnR-danger.active,
    a.mdBtnR-danger:hover,
    a.mdBtnR-danger.hover,
    a.mdBtnR-danger:focus,
    a.mdBtnR-danger.focus,
    a.mdBtnR-danger:active,
    a.mdBtnR-danger.active {
      color: white;
      background-color: #e2c9c6;
      background-image: none;
      border-color: #e2c9c6;
    }
  
  .mdBtnR-danger-open {
    color: #f3e9e8;
    background-color: transparent;
    border-color: #f3e9e8;
  }
  
    .mdBtnR-danger-open .mdBtnR-text {
      color: #f3e9e8;
    }
  
    .mdBtnR-danger-open:hover, .mdBtnR-danger-open.hover, .mdBtnR-danger-open:focus, .mdBtnR-danger-open.focus, .mdBtnR-danger-open:active, .mdBtnR-danger-open.active {
      color: #f3e9e8;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #b3b3b3;
    }
  
  /* END Buttons */
  /*=============================================*/
  /*
  /*  # Iconography
  /*
  /*=============================================*/
  .rfSI {
    fill: #01A982;
  }
  
    .rfSI svg {
      fill: #01A982;
    }
  
      .rfSI svg:hover, .rfSI svg:active, .rfSI svg:focus {
        fill: #01A982;
        opacity: 0.6;
      }
  
  .rfSI-stroke * {
    fill: none;
  }
  
  .rfSI-stroke svg {
    /*
  
      */
  }
  
    .rfSI-stroke svg * {
      stroke: #01A982;
      fill: none;
    }
  
  .rfSI-toggle .mdBtnR + .mdBtnR {
    margin: 0;
  }
  
  /* END Iconography */
  /*=============================================*/
  /*
  /*  # Input
  /*
  /*=============================================*/
  .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):active,
  .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus,
  .rf-input textarea:active,
  .rf-input textarea:focus {
    border-color: #01A982;
    box-shadow: 0 0 6px #01A982;
    /*outline: 2px solid #01A982 !important;*/
  }
  
  /* END Input */
  /*=============================================*/
  /*
  /*  # Text Area
  /*
  /*=============================================*/
  .rf-textarea textarea {
    height: auto;
    min-height: 100px;
    resize: vertical;
    /*transition: none !important;*/
    transition: 40ms ease-in-out !important;
  }
    /*.rf-textarea textarea:hover*/
    .rf-textarea textarea:active, .rf-textarea textarea:focus {
      /* Input and textarea hover, active, focused state styling */
      border-color: #01A982;
      -webkit-box-shadow: 0 0 6px #01A982;
      -moz-box-shadow: 0 0 6px #01A982;
      -ms-box-shadow: 0 0 6px #01A982;
      -o-box-shadow: 0 0 6px #01A982;
      box-shadow: 0 0 6px #01A982;
      /*outline: 2px solid #01A982 !important;*/
    }
  
  /* END Text Area */
  /*=============================================*/
  /*
  /*  # Select Dropdown
  /*
  /*=============================================*/
  .rf-select select:active:hover, .rf-select select:active:active, .rf-select select:active:focus,
  .rf-select select:focus:hover,
  .rf-select select:focus:active,
  .rf-select select:focus:focus,
  .rf-select select:not([multiple]):active:hover,
  .rf-select select:not([multiple]):active:active,
  .rf-select select:not([multiple]):active:focus,
  .rf-select select:not([multiple]):focus:hover,
  .rf-select select:not([multiple]):focus:active,
  .rf-select select:not([multiple]):focus:focus,
  .dropdown-results-container input:active:hover,
  .dropdown-results-container input:active:active,
  .dropdown-results-container input:active:focus,
  .dropdown-results-container input:focus:hover,
  .dropdown-results-container input:focus:active,
  .dropdown-results-container input:focus:focus {
    border-color: #8bcac4;
    -webkit-box-shadow: 0 0 6px #01A982;
      -moz-box-shadow: 0 0 6px #01A982;
      -ms-box-shadow: 0 0 6px #01A982;
      -o-box-shadow: 0 0 6px #01A982;
      box-shadow: 0 0 6px #01A982;
    /*outline: 2px solid #01A982 !important;*/
  }
  
  .dropdown-results-container .rf-select-results-container li:hover,
  .dropdown-results-container .rf-select-results-container li.active {
    background-color: #f3faf9;
  }
  
  .rf-select select:active + .select-dropdown-icon .dropdown-icon-background,
  .rf-select select:focus + .select-dropdown-icon .dropdown-icon-background,
  .rf-select select:not([multiple]):active + .select-dropdown-icon .dropdown-icon-background,
  .rf-select select:not([multiple]):focus + .select-dropdown-icon .dropdown-icon-background {
    border-color: #8bcac4;
  }
  
  .dropdown-results-container .rf-singleselect .common-select-dropdown-option-item.active {
    background: #01A982;
  }
  
  /*=============================================*/
  /*
  /*  # Radio
  /*
  /*=============================================*/
  .rf-radio-option .rf-radio-label {
    /*
  
      */
  }
  
  .rf-radio-option input[type=radio] {
    /* Styles for the radio input for different checked states. */
  }
  
    .rf-radio-option input[type=radio]:checked ~ .check::before {
      background: #8bcac4;
    }
  
    .rf-radio-option input[type=radio]:checked ~ .check {
      border-color: #8bcac4;
    }
  
      .rf-radio-option input[type=radio]:checked ~ .check::before {
        background: #8bcac4;
      }
  
  .rf-radio-option span {
    /* Styles for the text itself */
    color: #444;
  }
  
  .rf-radio-option .check {
    /* This is the Circle radio outline properties and placement. This is the default unchecked state. */
    border-color: #8bcac4;
  }
  
  .rf-radio-option:hover {
    /* Hover state of the radio */
  }
  
    .rf-radio-option:hover .check {
      /*
  
        */
    }
  
      .rf-radio-option:hover .check::before {
        /* This is the hover state placement and color of the little radio circle inside the border. */
        background: #b9dfdc;
      }
  
  /* Radio buttons inside dropdown lists. */
  .rf-single-select .rf-select-results li:hover .check::before {
    background: #b9dfdc;
  }
  
  /* END Radio */
  /*=============================================*/
  /*
  /*  # Checkbox
  /*
  /*=============================================*/
  .rf-checkbox.rf-block-checkbox {
    /* If checkbox is used as a block element inline with inputs or something */
  }
  
  .rf-checkbox .rfSI {
    /* Checkbox icon properties */
  }
  
    .rf-checkbox .rfSI svg {
      /* Icon color unless hovered, then it's the following styles */
      fill: white;
    }
  
      .rf-checkbox .rfSI svg:hover, .rf-checkbox .rfSI svg:active, .rf-checkbox .rfSI svg:focus {
        fill: #73bfb8;
      }
  
  .rf-checkbox .rf-checkbox-label {
    /* Properties of the text of a checkbox. */
  }
  
  .rf-checkbox .checkbox-bg {
    /* Background of the checkbox before any states have happened */
    border-color: #01A982;
    background: white;
  }
  
  .rf-checkbox input[type=checkbox] {
    /* Checkbox styles checked. */
  }
  
    .rf-checkbox input[type=checkbox]:checked + .checkbox-bg {
      /* Checkbox background if checked. */
      background: #01A982;
    }
  
      .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI {
        /* Checkbox icon color if checked and hovered (if different than checked. */
      }
  
        .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg {
          fill: white;
        }
  
          .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:hover, .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:active, .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:focus {
            fill: white !important;
          }
  
  .md-table .rf-checkbox.rf-block-checkbox {
    /* If checkbox is used as a block element inline with inputs or something */
  }
  
  .md-table .rf-checkbox .rfSI {
    /* Checkbox icon properties */
  }
  
    .md-table .rf-checkbox .rfSI svg {
      /* Icon color unless hovered, then it's the following styles */
      fill: white;
    }
  
      .md-table .rf-checkbox .rfSI svg:hover, .md-table .rf-checkbox .rfSI svg:active, .md-table .rf-checkbox .rfSI svg:focus {
        fill: #73bfb8;
      }
  
  .md-table .rf-checkbox .rf-checkbox-label {
    /* Properties of the text of a checkbox. */
  }
  
  .md-table .rf-checkbox .checkbox-bg {
    /* Background of the checkbox before any states have happened */
    border-color: #01A982;
    background: white;
  }
  
  .md-table .rf-checkbox input[type=checkbox] {
    /* Checkbox styles checked. */
  }
  
    .md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg {
      /* Checkbox background if checked. */
      background: #01A982;
    }
  
      .md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI {
        /* Checkbox icon color if checked and hovered (if different than checked. */
      }
  
        .md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg {
          fill: white;
        }
  
          .md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:hover, .md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:active, .md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:focus {
            fill: white !important;
          }
  
  /* END Checkbox */
  /*=============================================*/
  /*
  /*  # File Upload
  /*
  /*=============================================*/
  .drop-upload-default.drop-upload {
    border-color: #8bcac4;
  }
  
  .upload-file-area .uploaded-files span:not(.rfSI),
  .upload-file-form-container .uploaded-files span:not(.rfSI) {
    color: #8bcac4;
  }
  
  /* END File Upload */
  /*=============================================*/
  /*
  /*  # Date Picker
  /*
  /*=============================================*/
  .rf-date-picker {
    height: auto;
  }
  
    .rf-date-picker:hover, .rf-date-picker:active, .rf-date-picker:focus {
      /* Input and textarea hover, active, focused state styling */
      border-color: #01A982;
      -webkit-box-shadow: 0 0 6px #8bcac4;
      -moz-box-shadow: 0 0 6px #8bcac4;
      -ms-box-shadow: 0 0 6px #8bcac4;
      -o-box-shadow: 0 0 6px #8bcac4;
      box-shadow: 0 0 6px #8bcac4;
    }
  
    .rf-date-picker input {
      height: auto !important;
      padding-right: 35px;
    }
  
      .rf-date-picker input + .rfSI {
        position: absolute;
        right: 10px;
        bottom: 22px;
      }
  
  /* END Date Picker */
  /*=============================================*/
  /*
  /*  # Select2
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Table
  /*
  /*=============================================*/
  .rf-table-container .table-action-bar {
    /* This is the action bar that replaces the header if you have bulk actions. */
    background-color: #01A982;
  }
  
  .rf-table-container .rf-table {
    /* Minimum width of tables then scroll will be enabled. */
  }
  
    .rf-table-container .rf-table .table-body .table-row {
      /* table row border property */
      border-color: #CCC;
    }
  
      .rf-table-container .rf-table .table-body .table-row:hover, .rf-table-container .rf-table .table-body .table-row.active {
        /* When table row is hovered, this is the background color */
        background: #f2f2f2;
      }
  
      .rf-table-container .rf-table .table-body .table-row.table-header {
        /* Table header properties, overriding from row properties. */
      }
  
        .rf-table-container .rf-table .table-body .table-row.table-header > div {
          /* Cell properties */
          border-bottom: 1px solid #01A982 !important;
          border-top-color: #CCC;
          color: #01A982;
          letter-spacing: 1px;
        }
  
      .rf-table-container .rf-table .table-body .table-row > div {
        /* Table Cell properties */
      }
  
        .rf-table-container .rf-table .table-body .table-row > div a,
        .rf-table-container .rf-table .table-body .table-row > div p,
        .rf-table-container .rf-table .table-body .table-row > div span {
          /* If there's additional items inside of cells, here's the properties. */
        }
  
          .rf-table-container .rf-table .table-body .table-row > div a,
          .rf-table-container .rf-table .table-body .table-row > div a:link,
          .rf-table-container .rf-table .table-body .table-row > div a:visited {
            color: #01A982;
          }
  
      .rf-table-container .rf-table .table-body .table-row:last-child > div {
        /* IF it's the last child, remove border (or other properties) */
        border-bottom: none;
      }
  
      .rf-table-container .rf-table .table-body .table-row .show-actions {
        /* Actions styling */
      }
  
        .rf-table-container .rf-table .table-body .table-row .show-actions:hover {
          background-color: #fcebef;
        }
  
          .rf-table-container .rf-table .table-body .table-row .show-actions:hover + .main-actions {
            background-color: #fcebef;
          }
  
      .rf-table-container .rf-table .table-body .table-row:hover .show-actions,
      .rf-table-container .rf-table .table-body .table-row:hover .main-actions {
        background: #fcebef;
      }
  
    .rf-table-container .rf-table .table-body a.table-row {
      /* If the table is a link assign these properties */
      color: #272932;
      cursor: pointer;
    }
  
      .rf-table-container .rf-table .table-body a.table-row:hover, .rf-table-container .rf-table .table-body a.table-row.active {
        color: #272932;
      }
  
  /* END Table */
  /*=============================================*/
  /*
  /*  # Workflow Specific
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Login Page
  /*
  /*=============================================*/
  @media all and (min-width: 768px) {
    .rf-workflow #workflow-login-page {
      height: 100%;
    }
  
      .rf-workflow #workflow-login-page .rfwf-login-page,
      .rf-workflow #workflow-login-page .rfwf-panel-interior {
        height: 100%;
      }
  
      .rf-workflow #workflow-login-page .rfwf-login-page {
        padding: 0;
      }
  
      .rf-workflow #workflow-login-page .rfwf-panel-interior {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
      }
  }
  
  #workflow-login-page .md-frame {
    border: none;
    box-shadow: none;
  }
  
    #workflow-login-page .md-frame .md-frame-header {
      border: none;
    }
  
    #workflow-login-page .md-frame .md-frame-body,
    #workflow-login-page .md-frame .md-frame-footer {
      border: 1px solid #CCC;
      border-radius: 0;
    }
  
    #workflow-login-page .md-frame .md-frame-body {
      border-bottom: none;
    }
  
    #workflow-login-page .md-frame .md-frame-footer {
      border-top: none;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
    }
  
      #workflow-login-page .md-frame .md-frame-footer:before, #workflow-login-page .md-frame .md-frame-footer:after {
        display: none;
      }
  
  #workflow-login-page .create-account-frame .md-frame-footer {
    justify-content: flex-end;
  }
  
  /*=============================================*/
  /*
  /*  # Workflow Scaffolding
  /*
  /*=============================================*/
  .md-frame.md-frame-primary .md-frame-header {
    background-color: #01A982;
    border-bottom-color: #01A982;
  }
  
  .rf-pill-white {
    fill: #01A982;
    color: #01A982;
  }
  
    .rf-pill-white .rf-pill-text {
      color: #01A982;
    }
  
  .rfSI.rfSI-primary svg {
    fill: #01A982;
  }
  
  /*=============================================*/
  /*
  /*  # Form Render
  /*
  /*=============================================*/
  @media all and (min-width: 768px) {
    .rf-workflow .workflow-form-render {
      display: flex;
      flex-direction: column;
    }
  
      .rf-workflow .workflow-form-render > div {
        max-width: 600px;
      }
  
      .rf-workflow .workflow-form-render .form-footer-actions {
        width: 100% !important;
      }
  }
  /*=============================================*/
  /*
  /*  # Reg Confirmation
  /*
  /*=============================================*/
  #reg-confirmation-page .rfwf-confirmation-custom {
    display: none;
  }
  
  #reg-confirmation-page .rfwf-confirmation-summary .grid-table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0 0 12px;
    border: 1px solid #CCC;
  }
  
  #reg-confirmation-page .rfwf-confirmation-summary .grid-table tr {
    border-bottom: 1px solid #CCC;
  }
  
  #reg-confirmation-page .rfwf-confirmation-summary .grid-table th,
  #reg-confirmation-page .rfwf-confirmation-summary .grid-table td {
    border-right: 1px solid #CCC;
    padding: 12px;
    color: #272932;
    text-align: left;
    background-color: #fff;
  }
  
  #reg-confirmation-page .rfwf-confirmation-summary .grid-table th {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
  }
  
  #reg-confirmation-page .rfwf-confirmation-summary .grid-table td {
    font-weight: 400;
  }
  
  /*=============================================*/
  /*
  /*  # Reg Confirmation
  /*
  /*=============================================*/
  #participantPage .workflow-form-render {
    flex-direction: column;
  }
  
  /*=============================================*/
  /*
  /*  # Reg Confirmation
  /*
  /*=============================================*/
  .rf-workflow-working-reports .rfwf-bg-primary {
    background-color: transparent;
    color: #272932;
  }
  
    .rf-workflow-working-reports .rfwf-bg-primary.md-frame-header h2 {
      color: #272932;
      font-weight: 600;
    }
  
    .rf-workflow-working-reports .rfwf-bg-primary .header-controls svg {
      fill: #000000;
    }
  
    .rf-workflow-working-reports .rfwf-bg-primary .dropdown-icon-background svg {
      fill: #999;
    }
  
    .rf-workflow-working-reports .rfwf-bg-primary h2,
    .rf-workflow-working-reports .rfwf-bg-primary .rfwf-header-results,
    .rf-workflow-working-reports .rfwf-bg-primary .control-icon-text {
      color: #272932;
      font-weight: 400;
    }
  
  .rf-workflow-working-reports .wr-table .fixedDataTableLayout_header *,
  .rf-workflow-working-reports .wr-table .fixedDataTableLayout_header,
  .rf-workflow-working-reports .wr-table .public_fixedDataTable_header *,
  .rf-workflow-working-reports .wr-table .public_fixedDataTable_header {
    color: #01A982;
  }
  
    .rf-workflow-working-reports .wr-table .fixedDataTableLayout_header *,
    .rf-workflow-working-reports .wr-table .fixedDataTableLayout_header {
      font-weight: 600 !important;
    }
  
  .rf-workflow-working-reports .wr-table a:hover,
  .rf-workflow-working-reports .wr-table a:focus,
  .rf-workflow-working-reports .wr-table a:active {
    color: #01A982;
  }
  
  /*=============================================*/
  /*
  /*  # Manage Registrants Table (Facebook Table)
  /*
  /*=============================================*/
  .manage-registrants-page #mRContainer .table-results-container .md-frame .rfG-fluid-container {
    border-bottom: 1px solid #CCC;
  }
  
    .manage-registrants-page #mRContainer .table-results-container .md-frame .rfG-fluid-container .md-frame-search {
      border: none;
      padding: 0;
    }
  
      .manage-registrants-page #mRContainer .table-results-container .md-frame .rfG-fluid-container .md-frame-search .rf-input.rf-search-bar {
        margin-top: 28px;
      }
  
      .manage-registrants-page #mRContainer .table-results-container .md-frame .rfG-fluid-container .md-frame-search .rf-select .rf-select {
        padding: 0;
      }
  
  .manage-registrants-page #mRContainer .table-results-container .fixedDataTableLayout_header {
    background-color: #F5F5F5;
  }
  
    .manage-registrants-page #mRContainer .table-results-container .fixedDataTableLayout_header .fixedDataTableCellGroupLayout_cellGroup {
      background-color: #F5F5F5;
    }
  
      .manage-registrants-page #mRContainer .table-results-container .fixedDataTableLayout_header .fixedDataTableCellGroupLayout_cellGroup .fixedDataTableCellLayout_main {
        background-color: #F5F5F5;
        background-image: none;
      }
  
        .manage-registrants-page #mRContainer .table-results-container .fixedDataTableLayout_header .fixedDataTableCellGroupLayout_cellGroup .fixedDataTableCellLayout_main .rf-checkbox-wrapper {
          background-color: #F5F5F5;
        }
  
  /*=============================================*/
  /*
  /*  # Tasks
  /*
  /*=============================================*/
  /* #tasks-list-container .rfwf-tasks .md-frame.md-frame-primary .md-frame-header) {
    background-color: #FF8300;
    border-bottom-color: #FF8300;
  }*/
  
  #tasks-list-container .rfwf-tasks .rf-pill-white {
    fill: #01A982;
    color: #01A982;
  }
  
    #tasks-list-container .rfwf-tasks .rf-pill-white .rf-pill-text {
      color: #01A982;
    }
  
  #tasks-list-container .rfwf-tasks .rfSI.rfSI-primary svg {
    fill: #01A982;
  }
  
  /*=============================================*/
  /*
  /*  # Dashboards
  /*
  /*=============================================*/
  .rf-dashboard {
    /* Primary text color overrides */
  }
  
    .rf-dashboard .dashboard-header {
      border: none;
    }
  
      .rf-dashboard .dashboard-header h1 {
        text-align: center;
        font-weight: 400;
      }
  
      .rf-dashboard .dashboard-header hr {
        border-top: 3px solid #e13a5d;
        max-width: 75px;
        margin-bottom: 50px;
      }
  
      .rf-dashboard .dashboard-header p {
        text-align: center;
        margin: 0 auto;
        max-width: 800px;
      }
  
    .rf-dashboard.exhibitor-dashboard .exhibitor-faq {
      text-align: center;
    }
  
      .rf-dashboard.exhibitor-dashboard .exhibitor-faq a {
        color: #e13a5d;
      }
  
      .rf-dashboard.exhibitor-dashboard .exhibitor-faq hr {
        max-width: 250px;
      }
  
    .rf-dashboard.exhibitor-dashboard .right-side p {
      margin-bottom: 30px;
    }
  
    .rf-dashboard.exhibitor-dashboard .right-side .rf-card p {
      margin-bottom: 10px;
    }
  
    .rf-dashboard.speaker-dashboard .speaker-session-card .card-body {
      height: auto;
    }
  
    .rf-dashboard .my-survey-list-card .rf-table-container .rf-table .table-body .table-row div,
    .rf-dashboard .all-sessions-card .card-body .card-body-row h6,
    .rf-dashboard .speaker-session-card .card-body-row .text-primary {
      color: #01A982 !important;
    }
  
  .rf-card {
    max-width: none;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  }
  
    .rf-card .card-header {
      display: flex;
      flex-wrap: nowrap;
      border: none;
      border-bottom: 1px solid #CCC;
      background: #fff;
      padding: 8px 12px;
    }
  
      .rf-card .card-header .card-header-title {
        color: #964cad !important;
      }
  
      .rf-card .card-header h3 {
        flex: 1;
      }
  
      .rf-card .card-header .card-controls {
        order: 2;
      }
  
    .rf-card .card-body {
      border: none;
      padding: 12px;
    }
  
      .rf-card .card-body .card-body-row {
        padding: 10px 12px;
      }
  
        .rf-card .card-body .card-body-row .rf-pill .rf-pill-text {
          line-height: 12px;
        }
  
    .rf-card.task-list-card .card-body {
      height: 259px;
    }
  
      .rf-card.task-list-card .card-body .card-body-row {
        padding: 10px 44px;
      }
  
    .rf-card.task-list-card .task-category-icon {
      left: 12px;
    }
  
    .rf-card.task-list-card .task-arrow-icon {
      right: 12px;
      margin-left: 0;
    }
  
  .rf-workflow .rf-card .card-header {
    background: #F5F5F5;
  }
  
    .rf-workflow .rf-card .card-header .rfSI svg {
      fill: #01A982;
    }
  
      .rf-workflow .rf-card .card-header .rfSI svg:hover {
        fill: #2d9f94;
      }
  
  .rf-workflow .sessions-registered-card h6,
  .rf-workflow .recommended-sessions-card h5,
  .rf-workflow .my-survey-list-card .table-row {
    color: #3e82e0;
    font-weight: 400;
    font-size: 16px;
  }
  
  .rf-workflow .recommended-sessions-card .rfSI svg {
    fill: #01A982;
  }
  
    .rf-workflow .recommended-sessions-card .rfSI svg:hover {
      fill: #2d9f94;
    }
  
  .rf-workflow .recommended-sessions-card .mdBtnR {
    color: white;
    background-color: #01A982;
    border: 2px solid #01A982;
  }
  
    .rf-workflow .recommended-sessions-card .mdBtnR .mdBtnR-text {
      color: white;
      letter-spacing: 1px;
    }
  
    .rf-workflow .recommended-sessions-card .mdBtnR:hover, .rf-workflow .recommended-sessions-card .mdBtnR.hover, .rf-workflow .recommended-sessions-card .mdBtnR:focus, .rf-workflow .recommended-sessions-card .mdBtnR.focus, .rf-workflow .recommended-sessions-card .mdBtnR:active, .rf-workflow .recommended-sessions-card .mdBtnR.active {
      background-color: #2d9f94;
      border: 2px solid #2d9f94;
    }
  
  .rf-workflow .sessions-registered-card .has-rows {
    padding: 12px 16px;
  }
  
    .rf-workflow .sessions-registered-card .has-rows .card-body-row {
      padding: 8px;
      border: 1px solid #CCC;
      border-radius: 4px;
      margin-bottom: 8px;
    }
  
  .rf-workflow .my-survey-list-card .rf-table-container {
    margin-bottom: 0;
  }
  
    .rf-workflow .my-survey-list-card .rf-table-container div {
      display: block !important;
      max-width: none;
    }
  
    .rf-workflow .my-survey-list-card .rf-table-container .rf-table {
      min-width: 0;
    }
  
      .rf-workflow .my-survey-list-card .rf-table-container .rf-table .table-body .table-row div {
        max-width: none;
      }
  
      .rf-workflow .my-survey-list-card .rf-table-container .rf-table .table-body .table-row {
        height: auto;
      }
  
  .rf-workflow .hotel-card .card-body {
    text-align: center;
  }
  
    .rf-workflow .hotel-card .card-body button {
      color: #01A982;
      background-color: transparent;
      position: relative;
      cursor: pointer;
      border: 2px solid #01A982;
      display: inline-block;
      margin: 0;
      outline: 0;
      padding: 6px 16px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: all 0.2s;
      vertical-align: middle;
      white-space: nowrap;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      font-weight: 700;
      font-size: 12px;
      line-height: 15px;
    }
  
      .rf-workflow .hotel-card .card-body button:hover {
        background-color: transparent;
        border-color: #2d9f94;
        text-decoration: none;
      }
  
  .rf-workflow .meeting-requests .card-body {
    height: 259px;
  }
  
  .rf-workflow .manage-passes-card .card-body {
    height: 259px;
  }
  
  .rf-workflow .manage-passes-card .pass-container .pass-item h4 {
    color: #e13a5d;
    margin-bottom: 10px;
  }
  
  .rf-workflow .manage-passes-card .pass-container .pass-item span {
    display: block;
    line-height: 1.3em;
    color: #01A982;
  }
  
  .rf-workflow .custom-faq-card {
    text-align: center;
  }
  
  .rf-workflow .custom-button-links img {
    display: block;
    cursor: pointer;
    margin-bottom: 5px;
  }
  
  .rf-workflow .custom-leads-card .card-body {
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    min-height: 216px;
    height: auto;
  }
  
    .rf-workflow .custom-leads-card .card-body * {
      border: none !important;
      margin: 0;
      padding: 0;
      position: relative;
      display: block;
      min-width: 0;
      max-width: none;
      height: auto;
      background-color: transparent;
      color: #272932;
      font-weight: 400;
      text-transform: none;
    }
  
    .rf-workflow .custom-leads-card .card-body .rf-table-container,
    .rf-workflow .custom-leads-card .card-body .rf-table,
    .rf-workflow .custom-leads-card .card-body .table-body,
    .rf-workflow .custom-leads-card .card-body .table-row {
      height: auto;
      display: block;
    }
  
      .rf-workflow .custom-leads-card .card-body .rf-table-container .rf-table .table-body .table-row div {
        display: block;
        padding: 0;
        max-width: none;
        color: #272932;
        font-weight: 400;
        text-transform: none;
      }
  
  .rf-workflow .custom-leads-card .leads-link {
    text-align: center;
    padding: 0 0 12px;
  }
  
    .rf-workflow .custom-leads-card .leads-link a {
      color: #01A982;
      background-color: transparent;
      position: relative;
      cursor: pointer;
      border: 2px solid #01A982;
      display: inline-block;
      margin: 0;
      outline: 0;
      padding: 6px 16px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: all 0.2s;
      vertical-align: middle;
      white-space: nowrap;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      font-weight: 700;
      font-size: 12px;
      line-height: 15px;
    }
  
      .rf-workflow .custom-leads-card .leads-link a:hover {
        background-color: transparent;
        border-color: #2d9f94;
        text-decoration: none;
      }
  
  .rf-workflow .sql-report-container .sql-report-header,
  .rf-workflow .sql-report-container .table-results {
    display: none;
  }
  
  .rf-workflow .sql-report-container .md-frame .no-search-results {
    max-width: 100px;
    margin: 0 auto;
  }
  
    .rf-workflow .sql-report-container .md-frame .no-search-results img {
      max-width: 50px;
      margin: 0 auto 10px;
    }
  
    .rf-workflow .sql-report-container .md-frame .no-search-results p {
      display: none;
    }
  
  .rf-workflow .sql-report-container .md-frame .table-body {
    display: flex;
    flex-direction: column;
  }
  
    .rf-workflow .sql-report-container .md-frame .table-body .table-row {
      order: 1;
      text-align: center;
    }
  
      .rf-workflow .sql-report-container .md-frame .table-body .table-row:hover {
        background-color: transparent;
      }
  
      .rf-workflow .sql-report-container .md-frame .table-body .table-row div {
        text-align: center;
      }
  
        .rf-workflow .sql-report-container .md-frame .table-body .table-row div:empty {
          display: none;
        }
  
      .rf-workflow .sql-report-container .md-frame .table-body .table-row:nth-of-type(2) div {
        font-size: 45px;
        color: #e13a5d !important;
      }
  
      .rf-workflow .sql-report-container .md-frame .table-body .table-row.table-header {
        order: 2;
      }
  
        .rf-workflow .sql-report-container .md-frame .table-body .table-row.table-header div {
          border: none !important;
        }
  
  .rf-workflow .all-sessions-card .card-body {
    height: 400px;
  }
  
  .rf-workflow .all-sessions-card .rf-pill {
    margin-right: 20px;
  }
  
  /*=============================================*/
  /*
  /*  # Widget Specific
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Widgets Scaffolding
  /*
  /*=============================================*/
  div[id*='rf-'].rf-widget a,
  div[id*='rf-'].rf-widget a:link,
  div[id*='rf-'].rf-widget a:visited,
  .rf-default-modal a,
  .rf-default-modal a:link,
  .rf-default-modal a:visited {
    color: #01A982;
  }
  
  /* Primary text color overrides */
  #rf-navbar .widget-nav a,
  .search-container .filters button,
  .rf-default-modal .search-container .filters button,
  .search-container .session-title .title-text,
  .search-container .session-details p span,
  .rf-default-modal.rf-speaker-modal .modal-dialog .modal-content .modal-body .rf-speaker-name,
  .rf-table-container .rf-table .table-body .table-row.table-header div {
    color: #01A982 !important;
  }
  
  /* Setting Minimum Height for first load. */
  #rf-catalog,
  #rf-calendar,
  #rf-exhibitor,
  #rf-content.rf-widget {
    min-height: 800px;
  }
  
    #rf-catalog .search-container,
    #rf-catalog .session-calendar-instructions,
    #rf-catalog .schedule-calendar,
    #rf-catalog .exhibitor-list-container,
    #rf-calendar .search-container,
    #rf-calendar .session-calendar-instructions,
    #rf-calendar .schedule-calendar,
    #rf-calendar .exhibitor-list-container,
    #rf-exhibitor .search-container,
    #rf-exhibitor .session-calendar-instructions,
    #rf-exhibitor .schedule-calendar,
    #rf-exhibitor .exhibitor-list-container,
    #rf-content.rf-widget .search-container,
    #rf-content.rf-widget .session-calendar-instructions,
    #rf-content.rf-widget .schedule-calendar,
    #rf-content.rf-widget .exhibitor-list-container {
      max-width: 1400px;
      margin: 0 auto;
    }
  
  #rf-content.rf-widget {
    font-family: 'Metric Regular', Arial;
    min-height: 600px;
  }
  
  .dropdown-results-container .rf-select-results-container li:hover,
  .dropdown-results-container .rf-select-results-container li.active {
    background-color: #e8f4f3;
  }
  
  /*=============================================*/
  /*
  /*  # Session Catalog
  /*
  /*=============================================*/
  #rf-navbar {
    min-height: 56px;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  
    #rf-navbar .widget-nav a:hover {
      border-color: #2d9f94;
    }
  
    #rf-navbar .widget-nav a.current-page {
      border-color: #01A982;
    }
  
  /*=============================================*/
  /*
  /*  # Session Catalog
  /*
  /*=============================================*/
  #rf-catalog {
    /* Left Filters Styles */
    /* Top Search Keyword Styles */
    /* Catalog Display Styles */
  }
  
    #rf-catalog .search-filters,
    #rf-catalog .search-bar {
      position: sticky;
      top: 56px;
      z-index: 1;
      max-width: none;
    }
  
    #rf-catalog .search-container .search-filters {
      padding-bottom: 51px;
      border-bottom: 1px solid #ccc;
    }
  
    #rf-catalog .search-bar .rf-input input:active,
    #rf-catalog .search-bar .rf-input input:focus {
      border-color: #01A982;
      box-shadow: 0 0 6px #01A982;
    }
  
    #rf-catalog .search-container .search-content .results {
      margin-bottom: 10px;
    }
  
    #rf-catalog .search-content {
      padding-bottom: 7px;
      border-bottom: 1px solid #ccc;
    }
  
    #rf-catalog .expand-search button {
      color: #01A982;
    }
  
    #rf-catalog .search-container .show-more-btn {
      padding: 6px 16px;
      border-radius: 4px;
      color: white;
    }
  
  /*=============================================*/
  /*
  /*  # Calendar
  /*
  /*=============================================*/
  .schedule-calendar .rbc-event {
    background-color: #01A982;
    border-color: #01A982;
  }
  
  .schedule-calendar .calendar-head-container .rf-page-indicator span.active {
    background: #01A982;
  }
  
  /*=============================================*/
  /*
  /*  # Exhibitor List
  /*
  /*=============================================*/
  #rf-exhibitor .exhibitor-list-container .md-frame {
    box-shadow: none;
    border-top: none;
    border-radius: 0;
  }
  
    #rf-exhibitor .exhibitor-list-container .md-frame .md-frame-header {
      padding: 20px 16px;
      border: none;
    }
  
      #rf-exhibitor .exhibitor-list-container .md-frame .md-frame-header h2 {
        margin: 0;
      }
  
  #rf-exhibitor .rf-table-container .rf-table .table-body .table-row:hover,
  #rf-exhibitor .rf-table-container .rf-table .table-body .table-row.active {
    background: #e8f4f3;
  }
  
  #rf-exhibitor .rf-table-container .rf-table .table-body .table-row.table-header div {
    border-bottom: 1px solid #01A982 !important;
  }
  
  #rf-exhibitor .rf-multi-select .rf-select-selected {
    margin-top: 8px;
  }
  
  #rf-exhibitor .no-search-results {
    padding: 100px;
    text-align: center;
  }
  
    #rf-exhibitor .no-search-results h4 {
      font-size: 18px;
    }
  
    #rf-exhibitor .no-search-results img {
      display: none;
    }
  
  .rf-exhibitor-modal .exhibitor-modal-body .exhibitor-rfexhibitortype + a {
    display: block;
  }
  
  /*=============================================*/
  /*
  /*  # Agendas
  /*
  /*=============================================*/
  /* Width of the actual agenda + border */
  #rf-content.rf-widget .widget-page.horizontal-agenda {
    max-width: 1307px;
    margin: 0 auto;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
  }
  
  #collections-horizontal-agenda * {
    font-family: 'Metric Regular', Arial;
  }
  
  #collections-horizontal-agenda .widget-banner.agenda-header {
    background-color: white;
    padding: 20px 16px;
  }
  
    #collections-horizontal-agenda .widget-banner.agenda-header h2 {
      font-size: 20px;
      font-weight: 600;
      line-height: 1.4em;
      color: #222;
    }
  
  #collections-horizontal-agenda,
  #collections-horizontal-agenda .horizontal-agenda-main .agenda-day-container,
  #collections-horizontal-agenda .horizontal-agenda-main .agenda-schedule-container:nth-of-type(even) {
    background-color: #f5f5f5;
  }
  
  
  
  
  
  
  
  
  
  /* MARCUS START */
  
  /* COMMON FROM 2020*/
  
  /*=============================================*/
  /*
  /*  # Reset
  /*  Workflow and Widget Reset
  /*
  /*=============================================*/
  .rfComp-canvas,
  #rf-content {
    outline: 0 !important;
    outline: none !important;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #151515;
    line-height: 1.4em;
    vertical-align: baseline;
    font-weight: 400;
    font-size: 14px;
  }
  
    /* END Reset */
    /*=============================================*/
    /*
  /*  # Typography
  /*
  /*=============================================*/
    .rfComp-canvas h1,
    .rfComp-canvas h2,
    .rfComp-canvas h3,
    .rfComp-canvas h4,
    .rfComp-canvas h5,
    .rfComp-canvas h6 {
      color: #151515;
      font-weight: 600;
    }
  
    .rfComp-canvas p {
      color: #151515;
    }
  
    .rfComp-canvas a {
      cursor: pointer;
      color: #01A982;
    }
  
      .rfComp-canvas a:hover, .rfComp-canvas a:focus, .rfComp-canvas a:active {
        color: #01A982;
      }
  
    .rfComp-canvas ul,
    .rfComp-canvas ol {
      margin: 0;
      padding: 0;
    }
  
    .rfComp-canvas strong,
    .rfComp-canvas b {
      font-weight: 600;
    }
  
    .rfComp-canvas i,
    .rfComp-canvas em {
      font-style: italic;
    }
  
  /* END Typography */
  /*=============================================*/
  /*
  /*  # Clearfix
  /*  Add containers that need floats cleared
  /*
  /*=============================================*/
  .clearfix,
  .clearfloat {
    clear: both;
  }
  
    .clearfix:before, .clearfix:after,
    .clearfloat:before,
    .clearfloat:after {
      content: "";
      display: table;
      clear: both;
    }
  
  /* END Clearfix */
  /*=============================================*/
  /*
  /*  # Common Styles
  /*  Elements or components that are shared across Workflows and Widgets.
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Grid
  /*
  /*=============================================*/
  .rfG-container,
  .rfG-fluid-container {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .rfG-container {
    max-width: 1200px;
  }
  
  .rfG-row {
    margin-left: -8px;
    margin-right: -8px;
  }
  
  [class*="rfG-xs"],
  [class*="rfG-sm"],
  [class*="rfG-md"],
  [class*="rfG-lg"],
  [class*="rfG-xl"] {
    padding-left: 8px;
    padding-right: 8px;
  }
  
  /* END Grid */
  /*=============================================*/
  /*
  /*  # Frame
  /*
  /*=============================================*/
  .md-frame {
    color: #151515;
    background-color: white;
    border: 1px solid #CCC;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  
    .md-frame .md-frame {
      margin-top: 20px;
    }
  
    .md-frame .md-frame-header {
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      -o-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      padding: 8px 16px;
      border-bottom: 1px solid #CCC;
    }
  
      .md-frame .md-frame-header h2 {
        color: #151515;
        font-size: 24px;
        font-weight: 100;
      }
  
      .md-frame .md-frame-header h4 {
        font-size: 12px;
        color: #151515;
      }
  
      .md-frame .md-frame-header .rf-pill {
        margin-left: 0;
      }
  
      .md-frame .md-frame-header .header-controls {
        right: 16px;
        z-index: 100;
      }
  
    .md-frame .rfwf-bg-primary {
      background-color: #01A982;
      color: white;
    }
  
    .md-frame.md-frame-primary .md-frame-header {
      background-color: #ED1A5D;
      border-bottom-color: #ED1A5D;
      -webkit-border-radius: 6px 6px 0 0;
      -moz-border-radius: 6px 6px 0 0;
      -ms-border-radius: 6px 6px 0 0;
      -o-border-radius: 6px 6px 0 0;
      border-radius: 6px 6px 0 0;
    }
  
    .md-frame .md-frame-footer {
      padding: 0 16px 16px;
    }
  
  /*  # END Frame */
  /*=============================================*/
  /*
  /*  # Cards
  /*
  /*=============================================*/
  .rf-card {
    max-width: 400px;
    margin: 0 auto 30px;
  }
  
    .rf-card .card-header {
      background-color: white;
      border: 2px solid #CCC;
      border-bottom: 1px solid #CCC;
      padding: 8px 20px;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      -o-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
    }
  
      .rf-card .card-header.card-header-primary {
        background: #01A982;
        border-color: #01A982;
      }
  
        .rf-card .card-header.card-header-primary .card-header-title {
          color: white;
        }
  
        .rf-card .card-header.card-header-primary .mdBtnR {
          background-color: white;
          border-color: white;
          color: #01A982;
        }
  
          .rf-card .card-header.card-header-primary .mdBtnR:hover, .rf-card .card-header.card-header-primary .mdBtnR:focus, .rf-card .card-header.card-header-primary .mdBtnR:active {
            opacity: 0.9;
          }
  
      .rf-card .card-header .card-header-title {
        padding-right: 4px;
      }
  
      .rf-card .card-header .card-controls {
        margin-left: 4px;
      }
  
    .rf-card .card-body {
      background-color: white;
      padding: 20px;
      border: 2px solid #CCC;
      border-top: none;
      height: 216px;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      -ms-border-radius: 0 0 4px 4px;
      -o-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px;
    }
  
      .rf-card .card-body.has-rows {
        padding: 0;
      }
  
      .rf-card .card-body .card-body-row {
        padding: 10px 20px;
        font-size: 13px;
        border-bottom: 1px solid #CCC;
      }
  
        .rf-card .card-body .card-body-row:last-of-type {
          border: none;
        }
  
  .card-no-header .rf-card .card-body,
  .card-no-header .no-header .card-body {
    border: 2px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  
  /*  # END Card */
  /*=============================================*/
  /*
  /*  # Elements
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Iconography
  /*
  /*=============================================*/
  .rfSI {
    cursor: pointer;
    fill: #01A982;
    height: 24px;
    width: 24px;
    max-height: 24px;
    max-width: 24px;
  }
  
    .rfSI.rfSI-xsm {
      height: 12px;
      width: 12px;
      max-height: 12px;
      max-width: 12px;
    }
  
    .rfSI.rfSI-sm {
      height: 16px;
      width: 16px;
      max-height: 16px;
      max-width: 16px;
    }
  
    .rfSI.rfSI-lg {
      height: 28px;
      width: 28px;
      max-height: 28px;
      max-width: 28px;
    }
  
    .rfSI.rfSI-xlg {
      height: 32px;
      width: 32px;
      max-height: 32px;
      max-width: 32px;
    }
  
    .rfSI + .rfSI, .rfSI + span + .rfSI {
      margin-left: 12px;
      margin-right: 0;
    }
  
    .rfSI svg {
      fill: #01A982;
    }
  
      .rfSI svg:hover, .rfSI svg:active, .rfSI svg:focus {
        fill: #01A982;
        opacity: 0.6;
      }
  
    .rfSI.disabled {
      /*
  
      */
    }
  
      .rfSI.disabled svg {
        opacity: 0.5;
      }
  
        .rfSI.disabled svg:hover, .rfSI.disabled svg:active, .rfSI.disabled svg:focus {
          opacity: 0.5;
        }
  
    .rfSI + .control-icon-text {
      margin-left: 12px;
    }
  
  .rfSI-stroke {
    height: 40px;
    width: 40px;
    max-height: 40px;
    max-width: 40px;
  }
  
    .rfSI-stroke + .rfSI-stroke {
      margin-left: 8px;
    }
  
    .rfSI-stroke * {
      fill: none;
    }
  
    .rfSI-stroke svg {
      /*
  
      */
    }
  
      .rfSI-stroke svg * {
        stroke: #ED1A5D;
        fill: none;
      }
  
  /* END Iconography */
  /*=============================================*/
  /*
  /*  # Buttons
  /*
  /*=============================================*/
  .mdBtnR {
    font-weight: 600;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;*/
  }
  
    .mdBtnR:hover, .mdBtnR.hover, .mdBtnR:focus, .mdBtnR.focus, .mdBtnR:active, .mdBtnR.active {
      background-color: #01A982;
      border: 2px solid #01A982;
    }
  
    .mdBtnR.disabled, .mdBtnR:disabled {
      cursor: not-allowed;
    }
  
      .mdBtnR.disabled .rfSI,
      .mdBtnR.disabled svg, .mdBtnR:disabled .rfSI,
      .mdBtnR:disabled svg {
        cursor: not-allowed;
      }
  
    .mdBtnR .mdBtnR-text {
      /*
  
      */
    }
  
    .mdBtnR .rfSI {
      height: 18px;
      width: 18px;
      max-height: 18px;
      max-width: 18px;
    }
  
    .mdBtnR .rf-pill {
      /*
  
      */
    }
  
    .mdBtnR.mdBtnR-sm {
      padding: 8px 12px;
      font-size: 11px;
      line-height: 14px;
    }
  
      .mdBtnR.mdBtnR-sm .rfSI {
        height: 14px;
        width: 14px;
        max-height: 14px;
        max-width: 14px;
      }
  
    .mdBtnR + .mdBtnR {
      margin-left: 16px;
    }
  
  .mdBtnR-toggle .mdBtnR {
    border-radius: 0;
    margin-left: 0;
    background-color: white;
    border: 2px solid #ED1A5D;
    color: #ED1A5D;
    font-weight: 700;
  }
  
    .mdBtnR-toggle .mdBtnR + .rfSI {
      margin-left: 12px;
    }
  
    .mdBtnR-toggle .mdBtnR.active {
      font-weight: 600;
      background-color: #ED1A5D;
      border-color: #ED1A5D;
      color: white;
    }
  
  .mdBtnR-primary,
  button.mdBtnR-primary,
  a.mdBtnR-primary {
    color: white;
    background-color: #01A982;
    border-color: #01A982;
    /* AW ADDS */
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* AW ADDS */
    transition: 40ms ease-in-out !important;
    padding: 0.4rem 0.9rem !important;
  }
  
    .mdBtnR-primary .mdBtnR-text,
    button.mdBtnR-primary .mdBtnR-text,
    a.mdBtnR-primary .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-primary:hover, .mdBtnR-primary.hover, .mdBtnR-primary:focus, .mdBtnR-primary.focus, .mdBtnR-primary:active, .mdBtnR-primary.active,
    button.mdBtnR-primary:hover,
    button.mdBtnR-primary.hover,
    button.mdBtnR-primary:focus,
    button.mdBtnR-primary.focus,
    button.mdBtnR-primary:active,
    button.mdBtnR-primary.active,
    a.mdBtnR-primary:hover,
    a.mdBtnR-primary.hover,
    a.mdBtnR-primary:focus,
    a.mdBtnR-primary.focus,
    a.mdBtnR-primary:active,
    a.mdBtnR-primary.active {
      color: white;
      background-color: #01A982;
      background-image: none;
      border-color: #01A982;
      outline: 2px solid #01A982 !important;
    }
  
    .mdBtnR-primary.disabled:hover, .mdBtnR-primary.disabled.hover, .mdBtnR-primary.disabled:focus, .mdBtnR-primary.disabled.focus, .mdBtnR-primary.disabled:active, .mdBtnR-primary.disabled.active, .mdBtnR-primary:disabled:hover, .mdBtnR-primary:disabled.hover, .mdBtnR-primary:disabled:focus, .mdBtnR-primary:disabled.focus, .mdBtnR-primary:disabled:active, .mdBtnR-primary:disabled.active,
    button.mdBtnR-primary.disabled:hover,
    button.mdBtnR-primary.disabled.hover,
    button.mdBtnR-primary.disabled:focus,
    button.mdBtnR-primary.disabled.focus,
    button.mdBtnR-primary.disabled:active,
    button.mdBtnR-primary.disabled.active,
    button.mdBtnR-primary:disabled:hover,
    button.mdBtnR-primary:disabled.hover,
    button.mdBtnR-primary:disabled:focus,
    button.mdBtnR-primary:disabled.focus,
    button.mdBtnR-primary:disabled:active,
    button.mdBtnR-primary:disabled.active,
    a.mdBtnR-primary.disabled:hover,
    a.mdBtnR-primary.disabled.hover,
    a.mdBtnR-primary.disabled:focus,
    a.mdBtnR-primary.disabled.focus,
    a.mdBtnR-primary.disabled:active,
    a.mdBtnR-primary.disabled.active,
    a.mdBtnR-primary:disabled:hover,
    a.mdBtnR-primary:disabled.hover,
    a.mdBtnR-primary:disabled:focus,
    a.mdBtnR-primary:disabled.focus,
    a.mdBtnR-primary:disabled:active,
    a.mdBtnR-primary:disabled.active {
      color: white;
      background-color: #ED1A5D;
      background-image: none;
      border-color: #ED1A5D;
    }
  
    .mdBtnR-primary .rfSI svg,
    a.mdBtnR-primary .rfSI svg {
      fill: #fff;
    }
  
  .mdBtnR-primary-open,
  .mdBtnR-outline-primary {
    color: #01A982;
    background-color: white;
    border-color: #01A982;
    border-radius: 0 !important;
    transition: 40ms ease-in-out !important;
    padding: 0.4rem 0.9rem !important;
  }
  
    .mdBtnR-primary-open .mdBtnR-text,
    .mdBtnR-outline-primary .mdBtnR-text {
      color: #000000;
    }
  
    .mdBtnR-primary-open:hover, .mdBtnR-primary-open.hover, .mdBtnR-primary-open:focus, .mdBtnR-primary-open.focus, .mdBtnR-primary-open:active, .mdBtnR-primary-open.active,
    .mdBtnR-outline-primary:hover,
    .mdBtnR-outline-primary.hover,
    .mdBtnR-outline-primary:focus,
    .mdBtnR-outline-primary.focus,
    .mdBtnR-outline-primary:active,
    .mdBtnR-outline-primary.active {
      color: #01A982;
      background-color: #FFFFFF;
      background-image: none;
      border-color: #01A982;
      outline: 2px solid #01A982 !important;
    }
  
    .mdBtnR-primary-open.disabled:hover, .mdBtnR-primary-open.disabled.hover, .mdBtnR-primary-open.disabled:focus, .mdBtnR-primary-open.disabled.focus, .mdBtnR-primary-open.disabled:active, .mdBtnR-primary-open.disabled.active, .mdBtnR-primary-open:disabled:hover, .mdBtnR-primary-open:disabled.hover, .mdBtnR-primary-open:disabled:focus, .mdBtnR-primary-open:disabled.focus, .mdBtnR-primary-open:disabled:active, .mdBtnR-primary-open:disabled.active,
    .mdBtnR-outline-primary.disabled:hover,
    .mdBtnR-outline-primary.disabled.hover,
    .mdBtnR-outline-primary.disabled:focus,
    .mdBtnR-outline-primary.disabled.focus,
    .mdBtnR-outline-primary.disabled:active,
    .mdBtnR-outline-primary.disabled.active,
    .mdBtnR-outline-primary:disabled:hover,
    .mdBtnR-outline-primary:disabled.hover,
    .mdBtnR-outline-primary:disabled:focus,
    .mdBtnR-outline-primary:disabled.focus,
    .mdBtnR-outline-primary:disabled:active,
    .mdBtnR-outline-primary:disabled.active {
      color: #ED1A5D;
      background-color: white;
      background-image: none;
      border-color: #ED1A5D;
    }
  
    .mdBtnR-primary-open.mdBtnR-adv .rfSI svg,
    .mdBtnR-outline-primary.mdBtnR-adv .rfSI svg {
      fill: #01A982;
    }
  
  .mdBtnR-secondary,
  button.mdBtnR-secondary,
  a.mdBtnR-secondary {
    color: #ED1A5D;
    background-color: white;
    border-color: #ED1A5D;
  }
  
    .mdBtnR-secondary .mdBtnR-text,
    button.mdBtnR-secondary .mdBtnR-text,
    a.mdBtnR-secondary .mdBtnR-text {
      color: #ED1A5D;
    }
  
    .mdBtnR-secondary:hover, .mdBtnR-secondary.hover, .mdBtnR-secondary:focus, .mdBtnR-secondary.focus, .mdBtnR-secondary:active, .mdBtnR-secondary.active,
    button.mdBtnR-secondary:hover,
    button.mdBtnR-secondary.hover,
    button.mdBtnR-secondary:focus,
    button.mdBtnR-secondary.focus,
    button.mdBtnR-secondary:active,
    button.mdBtnR-secondary.active,
    a.mdBtnR-secondary:hover,
    a.mdBtnR-secondary.hover,
    a.mdBtnR-secondary:focus,
    a.mdBtnR-secondary.focus,
    a.mdBtnR-secondary:active,
    a.mdBtnR-secondary.active {
      color: #ED1A5D;
      background-color: #fde8ef;
      background-image: none;
      border-color: #ED1A5D;
    }
  
    .mdBtnR-secondary.disabled:hover, .mdBtnR-secondary.disabled.hover, .mdBtnR-secondary.disabled:focus, .mdBtnR-secondary.disabled.focus, .mdBtnR-secondary.disabled:active, .mdBtnR-secondary.disabled.active, .mdBtnR-secondary:disabled:hover, .mdBtnR-secondary:disabled.hover, .mdBtnR-secondary:disabled:focus, .mdBtnR-secondary:disabled.focus, .mdBtnR-secondary:disabled:active, .mdBtnR-secondary:disabled.active,
    button.mdBtnR-secondary.disabled:hover,
    button.mdBtnR-secondary.disabled.hover,
    button.mdBtnR-secondary.disabled:focus,
    button.mdBtnR-secondary.disabled.focus,
    button.mdBtnR-secondary.disabled:active,
    button.mdBtnR-secondary.disabled.active,
    button.mdBtnR-secondary:disabled:hover,
    button.mdBtnR-secondary:disabled.hover,
    button.mdBtnR-secondary:disabled:focus,
    button.mdBtnR-secondary:disabled.focus,
    button.mdBtnR-secondary:disabled:active,
    button.mdBtnR-secondary:disabled.active,
    a.mdBtnR-secondary.disabled:hover,
    a.mdBtnR-secondary.disabled.hover,
    a.mdBtnR-secondary.disabled:focus,
    a.mdBtnR-secondary.disabled.focus,
    a.mdBtnR-secondary.disabled:active,
    a.mdBtnR-secondary.disabled.active,
    a.mdBtnR-secondary:disabled:hover,
    a.mdBtnR-secondary:disabled.hover,
    a.mdBtnR-secondary:disabled:focus,
    a.mdBtnR-secondary:disabled.focus,
    a.mdBtnR-secondary:disabled:active,
    a.mdBtnR-secondary:disabled.active {
      color: #ED1A5D;
      background-color: white;
      background-image: none;
      border-color: #ED1A5D;
    }
  
  .mdBtnR-white {
    color: #ED1A5D;
    background-color: white;
    border-color: white;
  }
  
    .mdBtnR-white .mdBtnR-text {
      color: #ED1A5D;
    }
  
    .mdBtnR-white:hover, .mdBtnR-white.hover, .mdBtnR-white:focus, .mdBtnR-white.focus, .mdBtnR-white:active, .mdBtnR-white.active {
      color: #ED1A5D;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #e6e6e6;
    }
  
    .mdBtnR-white.disabled:hover, .mdBtnR-white.disabled.hover, .mdBtnR-white.disabled:focus, .mdBtnR-white.disabled.focus, .mdBtnR-white.disabled:active, .mdBtnR-white.disabled.active, .mdBtnR-white:disabled:hover, .mdBtnR-white:disabled.hover, .mdBtnR-white:disabled:focus, .mdBtnR-white:disabled.focus, .mdBtnR-white:disabled:active, .mdBtnR-white:disabled.active {
      color: #ED1A5D;
      background-color: white;
      background-image: none;
      border-color: white;
    }
  
  .mdBtnR-white-open {
    color: white;
    background-color: transparent;
    border-color: white;
  }
  
    .mdBtnR-white-open .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-white-open:hover, .mdBtnR-white-open.hover, .mdBtnR-white-open:focus, .mdBtnR-white-open.focus, .mdBtnR-white-open:active, .mdBtnR-white-open.active {
      color: white;
      background-color: transparent;
      background-image: none;
      border-color: #e6e6e6;
    }
  
    .mdBtnR-white-open.disabled:hover, .mdBtnR-white-open.disabled.hover, .mdBtnR-white-open.disabled:focus, .mdBtnR-white-open.disabled.focus, .mdBtnR-white-open.disabled:active, .mdBtnR-white-open.disabled.active, .mdBtnR-white-open:disabled:hover, .mdBtnR-white-open:disabled.hover, .mdBtnR-white-open:disabled:focus, .mdBtnR-white-open:disabled.focus, .mdBtnR-white-open:disabled:active, .mdBtnR-white-open:disabled.active {
      color: white;
      background-color: transparent;
      background-image: none;
      border-color: white;
    }
  
    .mdBtnR-white-open .rfSI svg {
      fill: #ffffff !important;
    }
  
  .mdBtnR-info {
    color: white;
    background-color: #d7faff;
    border-color: #d7faff;
  }
  
    .mdBtnR-info .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-info:hover, .mdBtnR-info.hover, .mdBtnR-info:focus, .mdBtnR-info.focus, .mdBtnR-info:active, .mdBtnR-info.active {
      color: white;
      background-color: #a4f4ff;
      background-image: none;
      border-color: #a4f4ff;
    }
  
    .mdBtnR-info.disabled:hover, .mdBtnR-info.disabled.hover, .mdBtnR-info.disabled:focus, .mdBtnR-info.disabled.focus, .mdBtnR-info.disabled:active, .mdBtnR-info.disabled.active, .mdBtnR-info:disabled:hover, .mdBtnR-info:disabled.hover, .mdBtnR-info:disabled:focus, .mdBtnR-info:disabled.focus, .mdBtnR-info:disabled:active, .mdBtnR-info:disabled.active {
      color: white;
      background-color: #d7faff;
      background-image: none;
      border-color: #d7faff;
    }
  
  .mdBtnR-info-open {
    color: #d7faff;
    background-color: transparent;
    border-color: #d7faff;
  }
  
    .mdBtnR-info-open .mdBtnR-text {
      color: #d7faff;
    }
  
    .mdBtnR-info-open:hover, .mdBtnR-info-open.hover, .mdBtnR-info-open:focus, .mdBtnR-info-open.focus, .mdBtnR-info-open:active, .mdBtnR-info-open.active {
      color: #d7faff;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #b3b3b3;
    }
  
    .mdBtnR-info-open.disabled:hover, .mdBtnR-info-open.disabled.hover, .mdBtnR-info-open.disabled:focus, .mdBtnR-info-open.disabled.focus, .mdBtnR-info-open.disabled:active, .mdBtnR-info-open.disabled.active, .mdBtnR-info-open:disabled:hover, .mdBtnR-info-open:disabled.hover, .mdBtnR-info-open:disabled:focus, .mdBtnR-info-open:disabled.focus, .mdBtnR-info-open:disabled:active, .mdBtnR-info-open:disabled.active {
      color: #d7faff;
      background-color: transparent;
      background-image: none;
      border-color: #d7faff;
    }
  
  .mdBtnR-success,
  button.mdBtnR-success,
  a.mdBtnR-success {
    color: white;
    background-color: #d8eeca;
    border-color: #d8eeca;
  }
  
    .mdBtnR-success .mdBtnR-text,
    button.mdBtnR-success .mdBtnR-text,
    a.mdBtnR-success .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-success:hover, .mdBtnR-success.hover, .mdBtnR-success:focus, .mdBtnR-success.focus, .mdBtnR-success:active, .mdBtnR-success.active,
    button.mdBtnR-success:hover,
    button.mdBtnR-success.hover,
    button.mdBtnR-success:focus,
    button.mdBtnR-success.focus,
    button.mdBtnR-success:active,
    button.mdBtnR-success.active,
    a.mdBtnR-success:hover,
    a.mdBtnR-success.hover,
    a.mdBtnR-success:focus,
    a.mdBtnR-success.focus,
    a.mdBtnR-success:active,
    a.mdBtnR-success.active {
      color: white;
      background-color: #bce2a3;
      background-image: none;
      border-color: #bce2a3;
    }
  
    .mdBtnR-success.disabled:hover, .mdBtnR-success.disabled.hover, .mdBtnR-success.disabled:focus, .mdBtnR-success.disabled.focus, .mdBtnR-success.disabled:active, .mdBtnR-success.disabled.active, .mdBtnR-success:disabled:hover, .mdBtnR-success:disabled.hover, .mdBtnR-success:disabled:focus, .mdBtnR-success:disabled.focus, .mdBtnR-success:disabled:active, .mdBtnR-success:disabled.active,
    button.mdBtnR-success.disabled:hover,
    button.mdBtnR-success.disabled.hover,
    button.mdBtnR-success.disabled:focus,
    button.mdBtnR-success.disabled.focus,
    button.mdBtnR-success.disabled:active,
    button.mdBtnR-success.disabled.active,
    button.mdBtnR-success:disabled:hover,
    button.mdBtnR-success:disabled.hover,
    button.mdBtnR-success:disabled:focus,
    button.mdBtnR-success:disabled.focus,
    button.mdBtnR-success:disabled:active,
    button.mdBtnR-success:disabled.active,
    a.mdBtnR-success.disabled:hover,
    a.mdBtnR-success.disabled.hover,
    a.mdBtnR-success.disabled:focus,
    a.mdBtnR-success.disabled.focus,
    a.mdBtnR-success.disabled:active,
    a.mdBtnR-success.disabled.active,
    a.mdBtnR-success:disabled:hover,
    a.mdBtnR-success:disabled.hover,
    a.mdBtnR-success:disabled:focus,
    a.mdBtnR-success:disabled.focus,
    a.mdBtnR-success:disabled:active,
    a.mdBtnR-success:disabled.active {
      color: white;
      background-color: #d8eeca;
      background-image: none;
      border-color: #d8eeca;
    }
  
  .mdBtnR-success-open {
    color: #d8eeca;
    background-color: transparent;
    border-color: #d8eeca;
  }
  
    .mdBtnR-success-open .mdBtnR-text {
      color: #d8eeca;
    }
  
    .mdBtnR-success-open:hover, .mdBtnR-success-open.hover, .mdBtnR-success-open:focus, .mdBtnR-success-open.focus, .mdBtnR-success-open:active, .mdBtnR-success-open.active {
      color: #d8eeca;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #b3b3b3;
    }
  
    .mdBtnR-success-open.disabled:hover, .mdBtnR-success-open.disabled.hover, .mdBtnR-success-open.disabled:focus, .mdBtnR-success-open.disabled.focus, .mdBtnR-success-open.disabled:active, .mdBtnR-success-open.disabled.active, .mdBtnR-success-open:disabled:hover, .mdBtnR-success-open:disabled.hover, .mdBtnR-success-open:disabled:focus, .mdBtnR-success-open:disabled.focus, .mdBtnR-success-open:disabled:active, .mdBtnR-success-open:disabled.active {
      color: #d8eeca;
      background-color: transparent;
      background-image: none;
      border-color: #d8eeca;
    }
  
  .mdBtnR-warning {
    color: white;
    background-color: #f9f4d4;
    border-color: #f9f4d4;
  }
  
    .mdBtnR-warning .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-warning:hover, .mdBtnR-warning.hover, .mdBtnR-warning:focus, .mdBtnR-warning.focus, .mdBtnR-warning:active, .mdBtnR-warning.active {
      color: white;
      background-color: #f3e9a7;
      background-image: none;
      border-color: #f3e9a7;
    }
  
    .mdBtnR-warning.disabled:hover, .mdBtnR-warning.disabled.hover, .mdBtnR-warning.disabled:focus, .mdBtnR-warning.disabled.focus, .mdBtnR-warning.disabled:active, .mdBtnR-warning.disabled.active, .mdBtnR-warning:disabled:hover, .mdBtnR-warning:disabled.hover, .mdBtnR-warning:disabled:focus, .mdBtnR-warning:disabled.focus, .mdBtnR-warning:disabled:active, .mdBtnR-warning:disabled.active {
      color: white;
      background-color: #f9f4d4;
      background-image: none;
      border-color: #f9f4d4;
    }
  
  .mdBtnR-warning-open {
    color: #f9f4d4;
    background-color: transparent;
    border-color: #f9f4d4;
  }
  
    .mdBtnR-warning-open .mdBtnR-text {
      color: #f9f4d4;
    }
  
    .mdBtnR-warning-open:hover, .mdBtnR-warning-open.hover, .mdBtnR-warning-open:focus, .mdBtnR-warning-open.focus, .mdBtnR-warning-open:active, .mdBtnR-warning-open.active {
      color: #f9f4d4;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #b3b3b3;
    }
  
    .mdBtnR-warning-open.disabled:hover, .mdBtnR-warning-open.disabled.hover, .mdBtnR-warning-open.disabled:focus, .mdBtnR-warning-open.disabled.focus, .mdBtnR-warning-open.disabled:active, .mdBtnR-warning-open.disabled.active, .mdBtnR-warning-open:disabled:hover, .mdBtnR-warning-open:disabled.hover, .mdBtnR-warning-open:disabled:focus, .mdBtnR-warning-open:disabled.focus, .mdBtnR-warning-open:disabled:active, .mdBtnR-warning-open:disabled.active {
      color: #f9f4d4;
      background-color: transparent;
      background-image: none;
      border-color: #f9f4d4;
    }
  
  .mdBtnR-danger,
  button.mdBtnR-danger,
  a.mdBtnR-danger {
    color: white;
    background-color: #f3e9e8;
    border-color: #f3e9e8;
  }
  
    .mdBtnR-danger .mdBtnR-text,
    button.mdBtnR-danger .mdBtnR-text,
    a.mdBtnR-danger .mdBtnR-text {
      color: white;
    }
  
    .mdBtnR-danger:hover, .mdBtnR-danger.hover, .mdBtnR-danger:focus, .mdBtnR-danger.focus, .mdBtnR-danger:active, .mdBtnR-danger.active,
    button.mdBtnR-danger:hover,
    button.mdBtnR-danger.hover,
    button.mdBtnR-danger:focus,
    button.mdBtnR-danger.focus,
    button.mdBtnR-danger:active,
    button.mdBtnR-danger.active,
    a.mdBtnR-danger:hover,
    a.mdBtnR-danger.hover,
    a.mdBtnR-danger:focus,
    a.mdBtnR-danger.focus,
    a.mdBtnR-danger:active,
    a.mdBtnR-danger.active {
      color: white;
      background-color: #e2c9c6;
      background-image: none;
      border-color: #e2c9c6;
    }
  
    .mdBtnR-danger.disabled:hover, .mdBtnR-danger.disabled.hover, .mdBtnR-danger.disabled:focus, .mdBtnR-danger.disabled.focus, .mdBtnR-danger.disabled:active, .mdBtnR-danger.disabled.active, .mdBtnR-danger:disabled:hover, .mdBtnR-danger:disabled.hover, .mdBtnR-danger:disabled:focus, .mdBtnR-danger:disabled.focus, .mdBtnR-danger:disabled:active, .mdBtnR-danger:disabled.active,
    button.mdBtnR-danger.disabled:hover,
    button.mdBtnR-danger.disabled.hover,
    button.mdBtnR-danger.disabled:focus,
    button.mdBtnR-danger.disabled.focus,
    button.mdBtnR-danger.disabled:active,
    button.mdBtnR-danger.disabled.active,
    button.mdBtnR-danger:disabled:hover,
    button.mdBtnR-danger:disabled.hover,
    button.mdBtnR-danger:disabled:focus,
    button.mdBtnR-danger:disabled.focus,
    button.mdBtnR-danger:disabled:active,
    button.mdBtnR-danger:disabled.active,
    a.mdBtnR-danger.disabled:hover,
    a.mdBtnR-danger.disabled.hover,
    a.mdBtnR-danger.disabled:focus,
    a.mdBtnR-danger.disabled.focus,
    a.mdBtnR-danger.disabled:active,
    a.mdBtnR-danger.disabled.active,
    a.mdBtnR-danger:disabled:hover,
    a.mdBtnR-danger:disabled.hover,
    a.mdBtnR-danger:disabled:focus,
    a.mdBtnR-danger:disabled.focus,
    a.mdBtnR-danger:disabled:active,
    a.mdBtnR-danger:disabled.active {
      color: white;
      background-color: #f3e9e8;
      background-image: none;
      border-color: #f3e9e8;
    }
  
  .mdBtnR-danger-open {
    color: #f3e9e8;
    background-color: transparent;
    border-color: #f3e9e8;
  }
  
    .mdBtnR-danger-open .mdBtnR-text {
      color: #f3e9e8;
    }
  
    .mdBtnR-danger-open:hover, .mdBtnR-danger-open.hover, .mdBtnR-danger-open:focus, .mdBtnR-danger-open.focus, .mdBtnR-danger-open:active, .mdBtnR-danger-open.active {
      color: #f3e9e8;
      background-color: #e6e6e6;
      background-image: none;
      border-color: #b3b3b3;
    }
  
    .mdBtnR-danger-open.disabled:hover, .mdBtnR-danger-open.disabled.hover, .mdBtnR-danger-open.disabled:focus, .mdBtnR-danger-open.disabled.focus, .mdBtnR-danger-open.disabled:active, .mdBtnR-danger-open.disabled.active, .mdBtnR-danger-open:disabled:hover, .mdBtnR-danger-open:disabled.hover, .mdBtnR-danger-open:disabled:focus, .mdBtnR-danger-open:disabled.focus, .mdBtnR-danger-open:disabled:active, .mdBtnR-danger-open:disabled.active {
      color: #f3e9e8;
      background-color: transparent;
      background-image: none;
      border-color: #f3e9e8;
    }
  
  /* END Buttons */
  /*=============================================*/
  /*
  /*  # Badge/Pills
  /*
  /*=============================================*/
  .rf-pill {
    display: inline-block;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 1px 7px 3px;
    font-size: 11px;
    vertical-align: middle;
    margin-left: 12px;
  }
  
    .rf-pill .rfSI {
      vertical-align: middle;
      height: 14px;
      width: 14px;
      max-height: 14px;
      max-width: 14px;
    }
  
    .rf-pill .rf-pill-text {
      display: inline-block;
      vertical-align: middle;
      font-size: 11px;
      font-weight: 600;
    }
  
      .rf-pill .rf-pill-text .rfSI {
        margin-left: 2px;
        margin-right: 0;
      }
  
    .rf-pill .rfSI {
      margin-right: 0;
    }
  
      .rf-pill .rfSI .rf-pill-text {
        margin-left: 2px;
      }
  
  .rf-pill-open {
    background-color: transparent;
    border-color: #ED1A5D;
    color: #ED1A5D;
  }
  
    .rf-pill-open .rf-pill-text {
      color: #ED1A5D;
    }
  
  .rf-pill-primary {
    background-color: #ED1A5D;
    border-color: #ED1A5D;
    color: white;
  }
  
    .rf-pill-primary .rf-pill-text {
      color: white;
    }
  
  .rf-pill-primary-open {
    background-color: transparent;
    border-color: #ED1A5D;
    color: #ED1A5D;
  }
  
    .rf-pill-primary-open .rf-pill-text {
      color: #ED1A5D;
    }
  
  .rf-pill-white {
    fill: #ED1A5D;
    background-color: white;
    border-color: white;
    color: #ED1A5D;
  }
  
    .rf-pill-white .rfSI {
      fill: #ED1A5D;
    }
  
      .rf-pill-white .rfSI svg {
        fill: #ED1A5D;
      }
  
    .rf-pill-white .rf-pill-text {
      color: #ED1A5D;
    }
  
  .rf-badge {
    float: right;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 10px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    letter-spacing: 0.5px;
    margin: 2px 12px 0 0;
  }
  
    .rf-badge.rf-badge-green {
      background: #d8eeca;
    }
  
    .rf-badge.rf-badge-yellow {
      background: #f9f4d4;
    }
  
    .rf-badge.rf-badge-red {
      background: #f3e9e8;
    }
  
  .icon-badge {
    position: relative;
    display: inline-block;
  }
  
    .icon-badge.disabled .rf-pill,
    .icon-badge.disabled .rfSI svg {
      opacity: 0.5;
      cursor: not-allowed;
    }
  
    .icon-badge .rfSI {
      padding: 0;
      margin: 0;
    }
  
    .icon-badge .rf-pill {
      font-size: 7px;
      margin: 0;
      position: absolute;
      top: -4px;
      right: -3px;
      padding: 1px 3px 2px 3px;
      cursor: pointer;
    }
  
      .icon-badge .rf-pill .rf-pill-text {
        font-size: 10px;
        line-height: 10px;
      }
  
  /* END Pills */
  /*=============================================*/
  /*
  /*  # Components
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Modal
  /*
  /*=============================================*/
  .modal-backdrop {
    z-index: 3040;
    background-color: #222;
  }
  
  .modal {
    z-index: 3050;
  }
  
  .modal-dialog {
    width: 95%;
    max-width: 900px;
  }
  
  @media screen and (min-width: 768px) {
    .modal-dialog {
      width: 80%;
    }
  }
  
  .modal-content {
    background-color: white;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  
  .rf-default-modal .modal-content .modal-header,
  .modal .modal-content .modal-header {
    color: #151515;
    padding: 12px 20px;
    border-bottom: 1px solid #CCC;
    background-color: transparent;
  }
  
    .rf-default-modal .modal-content .modal-header .modal-title,
    .rf-default-modal .modal-content .modal-header h4,
    .rf-default-modal .modal-content .modal-header h3,
    .modal .modal-content .modal-header .modal-title,
    .modal .modal-content .modal-header h4,
    .modal .modal-content .modal-header h3 {
      font-size: 20px;
      font-weight: 600;
      line-height: 1.45em;
      letter-spacing: 0.2px;
      margin: 0;
      color: #151515;
    }
  
    .rf-default-modal .modal-content .modal-header button,
    .rf-default-modal .modal-content .modal-header .modal-close,
    .modal .modal-content .modal-header button,
    .modal .modal-content .modal-header .modal-close {
      background: none;
      border: none;
      padding: 0;
      fill: #222;
    }
  
      .rf-default-modal .modal-content .modal-header button svg,
      .rf-default-modal .modal-content .modal-header .modal-close svg,
      .modal .modal-content .modal-header button svg,
      .modal .modal-content .modal-header .modal-close svg {
        fill: #222;
      }
  
  .rf-default-modal .modal-content .modal-sub-header,
  .modal .modal-content .modal-sub-header {
    border-bottom: 1px solid #CCC;
  }
  
  .rf-default-modal .modal-content .modal-body,
  .modal .modal-content .modal-body {
    padding: 20px;
    font-size: 16px;
    color: #151515;
  }
  
  .rf-default-modal .modal-content .modal-footer,
  .modal .modal-content .modal-footer {
    padding: 12px 20px;
    border-top: 1px solid #CCC;
  }
  
  .rf-dialog-modal .modal-content .modal-header {
    padding: 20px 20px 0;
  }
  
    .rf-dialog-modal .modal-content .modal-header .modal-title {
      font-size: 16px;
      font-weight: 700;
    }
  
  /* END Modal */
  /*=============================================*/
  /*
  /*  # Table
  /*
  /*=============================================*/
  .rf-table-container .table-action-bar {
    /* This is the action bar that replaces the header if you have bulk actions. */
    background-color: #ED1A5D;
    padding: 16px;
    color: white;
  }
  
    .rf-table-container .table-action-bar .rf-checkbox {
      /* If there's checkboxes inside the action bar */
      border-color: white;
      background-color: #ED1A5D;
    }
  
      .rf-table-container .table-action-bar .rf-checkbox .checkbox-bg {
        /* Checkbox Border Color */
      }
  
    .rf-table-container .table-action-bar .rfSI {
      /* Checkbox SVG default color */
    }
  
      .rf-table-container .table-action-bar .rfSI svg {
        fill: white;
        opacity: 0;
      }
  
        .rf-table-container .table-action-bar .rfSI svg:hover, .rf-table-container .table-action-bar .rfSI svg:active, .rf-table-container .table-action-bar .rfSI svg:focus {
          /* SVG hover unchecked */
          fill: white;
          opacity: 0.6;
        }
  
      .rf-table-container .table-action-bar .rfSI input[type=checkbox]:checked + .checkbox-bg {
        /* Checkbox border color if checked */
        background-color: white;
      }
  
        .rf-table-container .table-action-bar .rfSI input[type=checkbox]:checked + .checkbox-bg + .rfSI svg,
        .rf-table-container .table-action-bar .rfSI input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:hover,
        .rf-table-container .table-action-bar .rfSI input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:active,
        .rf-table-container .table-action-bar .rfSI input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:focus {
          /* Checkbox SVG hover color if checked + opacity */
          fill: #ED1A5D !important;
          opacity: 1;
        }
  
      .rf-table-container .table-action-bar .rfSI .rf-checkbox-label {
        /* Label properties */
        margin-left: 45px;
        color: white;
      }
  
  .rf-table-container .rf-table {
    /* Minimum width of tables then scroll will be enabled. */
    min-width: 762px;
  }
  
    .rf-table-container .rf-table .rf-table-sort-icon {
      /* If there is a sort icon in the table, this is how it's positioned. */
      margin: -3px 0 0 4px;
    }
  
    .rf-table-container .rf-table .table-body .table-row {
      /* table row border property */
      border-color: #CCC;
    }
  
      .rf-table-container .rf-table .table-body .table-row:hover, .rf-table-container .rf-table .table-body .table-row.active {
        /* When table row is hovered, this is the background color */
        background: #f2f2f2;
      }
  
      .rf-table-container .rf-table .table-body .table-row.table-header {
        /* Table header properties, overriding from row properties. */
      }
  
        .rf-table-container .rf-table .table-body .table-row.table-header > div {
          /* Cell properties */
          border-bottom: 1px solid #01A982 !important;
          border-top-color: #CCC;
          color: #01A982;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-weight: 700;
        }
  
      .rf-table-container .rf-table .table-body .table-row > div {
        /* Table Cell properties */
        padding: 12px 16px;
        font-size: 16px;
        font-weight: 400;
        max-width: 250px;
        word-wrap: break-word;
      }
  
        .rf-table-container .rf-table .table-body .table-row > div a,
        .rf-table-container .rf-table .table-body .table-row > div p,
        .rf-table-container .rf-table .table-body .table-row > div span {
          /* If there's additional items inside of cells, here's the properties. */
          font-size: 16px;
        }
  
          .rf-table-container .rf-table .table-body .table-row > div a,
          .rf-table-container .rf-table .table-body .table-row > div a:link,
          .rf-table-container .rf-table .table-body .table-row > div a:visited {
            color: #01A982;
          }
  
      .rf-table-container .rf-table .table-body .table-row:last-child > div {
        /* IF it's the last child, remove border (or other properties) */
        border-bottom: none;
      }
  
      .rf-table-container .rf-table .table-body .table-row .show-actions {
        /* Actions styling */
      }
  
        .rf-table-container .rf-table .table-body .table-row .show-actions:hover {
          background-color: #fde8ef;
        }
  
          .rf-table-container .rf-table .table-body .table-row .show-actions:hover + .main-actions {
            background-color: #fde8ef;
          }
  
      .rf-table-container .rf-table .table-body .table-row:hover .show-actions,
      .rf-table-container .rf-table .table-body .table-row:hover .main-actions {
        background: #fde8ef;
      }
  
    .rf-table-container .rf-table .table-body a.table-row {
      /* If the table is a link assign these properties */
      color: #151515;
      cursor: pointer;
    }
  
      .rf-table-container .rf-table .table-body a.table-row:hover, .rf-table-container .rf-table .table-body a.table-row.active {
        color: #151515;
      }
  
  /* END Table */
  /*=============================================*/
  /*
  /*  # Form Elements
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Input
  /*
  /*=============================================*/
  .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR) {
    margin-top: 4px;
    font-size: 16px;
    border: 1px solid #CCC;
    color: #151515 !important;
    height: auto;
    padding: 8px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  
    /*.rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):hover,*/
    rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):active, .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus {
      /* Input and textarea hover, active, focused state styling */
      border-color: #01A982;
      -webkit-box-shadow: 0 0 6px #01A982;
      -moz-box-shadow: 0 0 6px #01A982;
      -ms-box-shadow: 0 0 6px #01A982;
      -o-box-shadow: 0 0 6px #01A982;
      box-shadow: 0 0 6px #01A982;
      /*outline: 2px solid #01A982 !important;*/
    }
  
  .rf-input input {
    height: auto !important;
  }
  
  /* END Input */
  /*=============================================*/
  /*
  /*  # Text Area
  /*
  /*=============================================*/
  .rf-textarea textarea {
    margin-top: 4px;
    font-size: 16px;
    border: 1px solid #CCC;
    color: #151515 !important;
    height: auto;
    padding: 8px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    min-height: 100px;
    resize: vertical;
    /*transition: none !important;*/
    transition: 0.2s ease-in-out !important;
  }
    /*.rf-textarea textarea:hover*/
    .rf-textarea textarea:active, .rf-textarea textarea:focus {
      /* Input and textarea hover, active, focused state styling */
      border-color: #01A982;
      -webkit-box-shadow: 0 0 6px #01A982;
      -moz-box-shadow: 0 0 6px #01A982;
      -ms-box-shadow: 0 0 6px #01A982;
      -o-box-shadow: 0 0 6px #01A982;
      box-shadow: 0 0 6px #01A982;
      /*outline: 2px solid #01A982 !important;*/
    }
  
  /* END Text Area */
  /*=============================================*/
  /*
  /*  # Select Dropdown
  /*
  /*=============================================*/
  .rf-select select:active:hover, .rf-select select:active:active, .rf-select select:active:focus, .rf-select select:focus:hover, .rf-select select:focus:active, .rf-select select:focus:focus, .rf-select select:not([multiple]):active:hover, .rf-select select:not([multiple]):active:active, .rf-select select:not([multiple]):active:focus, .rf-select select:not([multiple]):focus:hover, .rf-select select:not([multiple]):focus:active, .rf-select select:not([multiple]):focus:focus,
  .dropdown-results-container input:active:hover,
  .dropdown-results-container input:active:active,
  .dropdown-results-container input:active:focus, .dropdown-results-container input:focus:hover, .dropdown-results-container input:focus:active, .dropdown-results-container input:focus:focus {
    border-color: #01A982;
    -webkit-box-shadow: 0 0 6px #01A982;
    -moz-box-shadow: 0 0 6px #01A982;
    -ms-box-shadow: 0 0 6px #01A982;
    -o-box-shadow: 0 0 6px #01A982;
    box-shadow: 0 0 6px #01A982;
  }
  
  .dropdown-results-container .rf-select-results-container li:hover, .dropdown-results-container .rf-select-results-container li.active {
    background-color: #f2f2f2;
  }
  
  /*=============================================*/
  /*
  /*  # Radio
  /*
  /*=============================================*/
  .rf-radio-option {
    height: 15px;
  }
  
    .rf-radio-option .rf-radio-label {
      /*
  
      */
    }
  
    .rf-radio-option input[type=radio] {
      /* Styles for the radio input for different checked states. */
    }
  
      .rf-radio-option input[type=radio]:checked ~ .check::before {
        background: #ED1A5D;
      }
  
      .rf-radio-option input[type=radio]:checked ~ .check {
        border-color: #ED1A5D;
      }
  
        .rf-radio-option input[type=radio]:checked ~ .check::before {
          background: #ED1A5D;
        }
  
    .rf-radio-option span {
      /* Styles for the text itself */
      color: #444;
      margin: 0 20px;
      z-index: 9;
    }
  
    .rf-radio-option .check {
      /* This is the Circle radio outline properties and placement. This is the default unchecked state. */
      border-color: #ED1A5D;
      height: 15px;
      width: 15px;
      top: 0;
      left: 0;
      z-index: 5;
    }
  
      .rf-radio-option .check::before {
        /* This is the placement of inner circle, no color specified unless checked (above) or hovered(below) */
        height: 9px;
        width: 9px;
        top: 2px;
        left: 2px;
      }
  
    .rf-radio-option:hover {
      /* Hover state of the radio */
    }
  
      .rf-radio-option:hover .check {
        /*
  
        */
      }
  
        .rf-radio-option:hover .check::before {
          /* This is the hover state placement and color of the little radio circle inside the border. */
          height: 9px;
          width: 9px;
          top: 2px;
          left: 2px;
          background: #f4769e;
        }
  
  /* Radio buttons inside dropdown lists. */
  .rf-single-select .rf-select-results li:hover .check::before {
    background: #f4769e;
  }
  
  /* END Radio */
  /*=============================================*/
  /*
  /*  # Checkbox
  /*
  /*=============================================*/
  .rf-checkbox {
    width: auto !important;
  }
  
    .rf-checkbox.rf-block-checkbox {
      /* If checkbox is used as a block element inline with inputs or something */
      padding-bottom: 16px;
      padding-top: 8px;
    }
  
    .rf-checkbox .rfSI {
      /* Checkbox icon properties */
      width: 16px;
      height: 16px;
      float: left;
      margin: 0 0 0 -16px;
    }
  
      .rf-checkbox .rfSI svg {
        /* Icon color unless hovered, then it's the following styles */
        fill: white;
      }
  
        .rf-checkbox .rfSI svg:hover, .rf-checkbox .rfSI svg:active, .rf-checkbox .rfSI svg:focus {
          fill: #f4769e;
        }
  
    .rf-checkbox .rf-checkbox-label {
      /* Properties of the text of a checkbox. */
      font-size: 16px;
      color: #444;
      margin-left: 5px;
    }
  
    .rf-checkbox .checkbox-bg {
      /* Background of the checkbox before any states have happened */
      width: 16px;
      height: 16px;
      border-radius: 2px;
      border-color: #01A982;
      background: white;
    }
  
    .rf-checkbox input[type=checkbox] {
      /* Checkbox styles checked. */
    }
  
      .rf-checkbox input[type=checkbox]:checked {
        width: 30px;
      }
  
        .rf-checkbox input[type=checkbox]:checked + .checkbox-bg {
          /* Checkbox background if checked. */
          background: #01A982;
        }
  
          .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI {
            /* Checkbox icon color if checked and hovered (if different than checked. */
          }
  
            .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg {
              fill: white;
            }
  
              .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:hover, .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:active, .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:focus {
                fill: white !important;
              }
  
  /* END Checkbox */
  /*=============================================*/
  /*
  /*  # File Upload
  /*
  /*=============================================*/
  .drop-upload-default.drop-upload {
    border-color: #01A982;
  }
  
  .upload-file-area .uploaded-files span:not(.rfSI),
  .upload-file-form-container .uploaded-files span:not(.rfSI) {
    color: #01A982;
  }
  
  /* END File Upload */
  /*=============================================*/
  /*
  /*  # Date Picker
  /*
  /*=============================================*/
  .rf-date-picker {
    margin-top: 4px;
    font-size: 16px;
    border: 1px solid #CCC;
    color: #151515 !important;
    height: auto;
    padding: 8px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  
    .rf-date-picker:hover, .rf-date-picker:active, .rf-date-picker:focus {
      /* Input and textarea hover, active, focused state styling */
      border-color: #ED1A5D;
      -webkit-box-shadow: 0 0 6px #aea5eb;
      -moz-box-shadow: 0 0 6px #aea5eb;
      -ms-box-shadow: 0 0 6px #aea5eb;
      -o-box-shadow: 0 0 6px #aea5eb;
      box-shadow: 0 0 6px #aea5eb;
    }
  
    .rf-date-picker input {
      height: auto !important;
      padding-right: 35px;
    }
  
      .rf-date-picker input + .rfSI {
        position: absolute;
        right: 10px;
        bottom: 22px;
      }
  
  /* END Date Picker */
  /*=============================================*/
  /*
  /*  # Select2
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Misc
  /*  Miscellaneous, obviously.
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # Vendor
  /*
  /*=============================================*/
  /*=============================================*/
  /*
  /*  # BrainTree Inputs
  /*
  /*=============================================*/
  #card-number,
  #expiration-date,
  #cvv-input {
    margin-top: 4px;
    font-size: 16px;
    border: 1px solid #CCC;
    color: #151515;
    height: 38px;
    padding: 8px 12px;
    background: white;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 100;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  
    #card-number.braintree-hosted-fields-focused,
    #expiration-date.braintree-hosted-fields-focused,
    #cvv-input.braintree-hosted-fields-focused {
      border: 1px solid #ED1A5D;
    }
  
    #card-number:hover, #card-number:focus, #card-number:active,
    #expiration-date:hover,
    #expiration-date:focus,
    #expiration-date:active,
    #cvv-input:hover,
    #cvv-input:focus,
    #cvv-input:active {
      border: 1px solid #ED1A5D;
    }
  
  /* END BrainTree Inputs */
  /*
  =============================================
    START Header
  =============================================
  */
  
  /*
  =============================================
    END Header
  =============================================
  */
  /*
  =============================================
    START Footer
  =============================================
  */
  .rf-org-footer-container footer {
    margin-bottom: 35px;
  }
  
    .rf-org-footer-container footer .divider {
      width: 90px;
      border-color: #151515;
    }
  
    .rf-org-footer-container footer .footer-container {
      width: 1240px;
      margin: 0 auto;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
    }
  
  @media all and (max-width: 1199px) {
    .rf-org-footer-container footer .footer-container {
      width: 100%;
    }
  }
  
  .rf-org-footer-container footer p {
    margin: 6px 0;
  }
  
  .rf-org-footer-container footer a {
    color: #151515;
    border-bottom: 1px solid #151515;
  }
  
  /*.rf-org-footer-container footer a:hover {
      color: #ED1A5D;
      text-decoration: none;
      border-color: #ED1A5D;
    }*/
  
  .rf-org-footer-container footer .social-links {
    margin-top: 24px;
  }
  
    .rf-org-footer-container footer .social-links a {
      text-decoration: none;
      padding: 6px;
      border: none;
    }
  
      .rf-org-footer-container footer .social-links a svg {
        width: 19px;
        height: 19px;
        vertical-align: bottom;
      }
  
  /*
  =============================================
    END Footer
  =============================================
  */
  
  .rf-org-header-container header ul li:hover {
    border-color: transparent;
  }
  
  .rf-org-footer-container p {
    color: black;
  }
  
  .rf-org-footer-container footer a {
    border-bottom: none;
  }
  
  /* MARCUS END */
  
  /*
  =============================================
    START Cookie Banner
  =============================================
  */
  
  .cc-message {
    font-family: 'Metric Regular', Arial !important;
    line-height: 1.4rem;
  }
  
  .cc-revoke, .cc-window, .cc-link {
    font-family: 'Metric Regular', Arial !important;
  }
  
  /*@media (max-width: 768px) {
    .cc-compliance {
      flex-direction: column;
    }
    .cc-allow {
      margin-top: 1rem;
    }
  }*/
  
  .cc-dismiss {
    color: #000000 !important;
    letter-spacing: 1px;
    background-color: #D9D9D9 !important;
    font-size: 0.8rem !important;
    transition: 40ms ease-in-out !important;
    min-width: 100px !important;
    margin-left: 12px !important;
    /*border: 2px solid #01A982 !important;
    text-decoration: none !important;*/
  }
  
  /*.cc-dismiss:hover, .cc-dismiss:focus {
    outline: 2px solid #01A982 !important;
  }*/
  
  .cc-link, .cc-link:hover, .cc-link:focus, .cc-link:active {
    color: #000000 !important;
    padding: 0 !important;
  }
  
  .cc-allow {
    color: #000000 !important;
    letter-spacing: 1px;
    background-color: #D9D9D9 !important;
    border: 2px solid #01A982 !important;
    font-size: 0.8rem !important;
    transition: 40ms ease-in-out !important;
    min-width: 100px !important;
    margin-left: 12px !important;
  }
  
  .cc-allow:hover, .cc-allow:focus {
    outline: 2px solid #01A982 !important;
    text-decoration: none;
  }
  
  .cc-revoke {
    /*visibility: hidden;*/
    border-radius: 0 !important;
    font-size: 0.9rem !important;
    left: 2.5% !important;
  }
  
  /*
  =============================================
    End Cookie Banner
  =============================================
  */
  
  /* Login Form Shim */
  
  #login-form > .md-frame-body {
    margin-bottom: -8px;
  }
  
  /*override working report table hover*/
  .fixedDataTableHover .fixedDataTableRowLayout_rowWrapper:hover .public_fixedDataTableCell_main {
    background-color: rgba(1,169,130,0.2) !important;
  }
  
  div.md-frame.md-frame-primary.rf-tasks-list {
    border: 0;  /* Start TSS v7 */
  
  /* Remove all padding from pagebuilder */
  .flex-box-section-full {
    padding: 0;
  }
  .flex-box-section-full>.flex-box-section-full-interior {
    padding: 0;
  }
  .flex-box-child {
    padding: 0;
  }
  @media (max-width: 768px) {
    .flex-box-child {
      padding: 0 8px;
    }
  }
  
  /* 2022 WWAS Reg - Start */
  
  /* Stop padding being added behind modals */
  body.modal-open {
    padding-right: 0 !important;
  }
  
  /* make the background colour as least as tall as the window */
  .page-builder-display-reset {
    min-height: 100%;
  }
  
  /* Switch off box shadow
  .rf-accessibility .mdBtnR:not(.mdBtnR-text-button):not(.mdBtnR-link):focus, 
  .rf-accessibility .favorite-catalog-result:focus, 
  .rf-accessibility .session-downloads:focus, 
  .rf-accessibility .catalog-result.recommended .recommendation-actions button:focus, 
  .rf-accessibility .rf-default-modal .catalog-result-title-text button:focus .arrow-toggle:before, 
  .rf-accessibility .search-filters .filters .catalog-filter:focus, 
  .rf-accessibility .catalog-result-title-text button:focus .arrow-toggle:before, 
  .rf-accessibility .catalog-result-title-text button:focus .arrow-toggle:before, 
  .rf-accessibility .schedule-calendar .rbc-day-slot .rbc-time-slot:focus, 
  .rf-accessibility .schedule-calendar .rbc-event:focus, 
  .rf-accessibility .search-container .rf-facets .rf-tag:focus, .rf-accessibility .catalog-result:focus, 
  .rf-accessibility .rf-catalog-tabs li button:focus, 
  .rf-accessibility .calendar-head .prev-day:focus, 
  .rf-accessibility .calendar-head .next-day:focus, 
  .rf-accessibility .search-bar .catalog-search .rf-input input:focus, 
  .rf-accessibility .rf-tile-avatar:focus, .rf-accessibility input[type=checkbox]:focus, 
  .rf-accessibility .checkbox input[type=checkbox]:focus, 
  .rf-accessibility input[type=radio]:focus, 
  .rf-accessibility .radio input[type=radio]:focus, 
  .rf-accessibility .rf-checkbox:focus .checkbox-bg, 
  .rf-accessibility .rf-radio-option:focus, 
  .rf-accessibility button.rfSI:focus, 
  .rf-accessibility .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus, 
  .rf-accessibility .rf-select .rf-dropdown-container .rf-dropdown-trigger input:focus, 
  .rf-accessibility .rf-textarea textarea:focus {
    box-shadow: none !important;
  } */
  
  /* Stop fieldset lengend being higher than the content */
  fieldset legend {
    height: auto !important;
    width: auto !important;
    visibility: hidden;
  }
  
  @media all and (min-width: 768px) {
    .workflow-form-render > div {
      max-width: 900px !important;
    }
  }
  
  .rfwf-full-panel > .rfwf-panel-interior {
    max-width: 900px !important;
  }
  
  /* Sponsor Meeting Hosts - Start */
  .meetings-administration .meetings-section-body .meeting-topics {
    display: none;
  }
  /* Sponsor Meeting Hosts - End */
  
  /* Cancel button on uninvited form*/
  .form-id-1625250356443018kU7H .form-footer-actions {
    display: none;
  }
  
  /* make read only values same size as editable ones */
  .readOnly-value {
    font-size: 16px;
  }
  
  /* Cancel button on reg confirmation */
  .form-id-1630654302267001P1Bs .form-footer-actions #wf-btn-cancel,
  .form-id-1630676178202001TJFs .form-footer-actions #wf-btn-cancel,
  .form-id-1630688405473001PZD6 .form-footer-actions #wf-btn-cancel,
  .form-id-1630688206622001Ptha .form-footer-actions #wf-btn-cancel {
    display: none;
  }
  
  @media (min-width: 769px) {
    .workflow-header-default .rfwf-headline, .rfwf-header .rfwf-headline {
      width: 60% !important;
    }
  }
  
  /* My Account Confirmation page */
  .hpenterprises-tss22-MyaccountInfo-page-myaccountconfirmation .rf-grid-layout-100 {
    display: flex;
    justify-content: center;
  }
  .hpenterprises-tss22-MyaccountInfo-page-myaccountconfirmation .rf-headline {
    border: 0;
    max-width: 900px !Important;
  }
  
  /* 2022 WWAS Reg - End */
  
  .NLobbyTopRow3up .rf-brightcove-player,
  .NLobbyTopRow2up .rf-brightcove-player {
    aspect-ratio: 16/9;
  }
  
  /* Personal Card - Start */
  .rf-workflow .segmentationRule {
    display:none;
  }
  .NLobbyTopRow3up .flex-box-section .flex-box-child:nth-of-type(2) > div {
    height: 100%;
  }
  .topRowPersonal {
    padding: 12px;
    padding-top: 0.6rem;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .topRowPersonal .topRowAttendeeName {
    color: #FFFFFF;
    font-size: 1.6vw;
    font-weight: bold;
    font-family: "Metric Black", Arial;
    line-height: 110%;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .topRowPersonal .topRowAttendeeCompany {
    color: #FFFFFF; 
    font-size: 1vw;
    font-family: "Metric Regular", Arial;
    margin-top: 1.2vw;
  }
  .topRowPersonal .topRowAttendeeScore {
    color: #01A982;
    font-size: 1.2vw;
    font-weight: bold;
    font-family: "Metric Regular", Arial;
    position: absolute;
    top: 18.8vw;
  }
  .topRowPersonal .topRowAttendeeButtonHolder .TopCardButton {
    margin: 0;
  }
  .topRowPersonal .topRowAttendeeButtonHolder .TopCardButton > a > span {
    padding-left: 1.5rem;
    padding-right: 2.8rem;
    font-size: 0.8vw !important;
    line-height: 110%;
    color: #FFFFFF !important;
  }
  .topRowPersonal .topRowAttendeeButtonHolder {
    position: absolute;
    top: 22.8vw;
    width: calc(100% - 2rem);
    display: none;
  }
  .segmentAmerica,
  .segmentAsia,
  .segmentEurope {
    display: none;
  }
  @media (max-width: 768px) {
    .NLobbyTopRow3up .flex-box-section .flex-box-child:nth-of-type(2) {
      margin-top: 2rem;
    }
    .topRowPersonal {
      border: 1px solid #01A982;
    }
    .topRowPersonal .topRowAttendeeName {
      font-size: 1.4rem;
      margin-top: 0rem;
    }
    .topRowPersonal .topRowAttendeeCompany {
      font-size: 1.1rem;
      margin-top: 1.2rem;
    }
    .topRowPersonal .topRowAttendeeScore {
      margin-top: 1.2rem;
      font-size: 1.2rem;
      position: relative;
      top: auto;
    }
    .topRowPersonal .topRowAttendeeButtonHolder {
      margin-top: 1.2rem;
      position: relative !important;
      justify-content: flex-start;
      top: auto;
    }
    .topRowPersonal .topRowAttendeeButtonHolder .TopCardButton > a > span {
      font-size: 0.8rem !important;
    }
  }
  @media (min-width: 1500px) {
    .topRowPersonal .topRowAttendeeName {
      font-size: 26px;
    }
    .topRowPersonal .topRowAttendeeCompany {
      font-size: 1.1rem;
      margin-top: 1.2rem;
    }
    .topRowPersonal .topRowAttendeeScore {
      font-size: 1.2rem;
      position: absolute;
      top: 18rem;
    }
    .topRowPersonal .topRowAttendeeButtonHolder {
      top: 22.0rem;
    }
    .topRowPersonal .topRowAttendeeButtonHolder .TopCardButton > a > span {
      font-size: 0.8rem !important;
    }
  }
  
  /* Personal Card - End */
  
  /* Community Page - Start */
  .communityTopRow::before {
    content: '';
    position: absolute;
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Background%20gradient_1629461194536001MEWt.png');
    width:100%;
    height: 48vw;
    max-height: 810px;
    top:-3rem;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
  }
  @media (max-width: 768px) {
    .communityTopRow::before {
      height: 200vw;
    }
  }
  /* Tile Row */
  .communityTiles {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 2vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .communityTiles .communityTile {
    width: 24%;
    min-height: 100%;
    background-color: #0e5265;
    display: flex;
    flex-direction: column;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .communityTiles .communityTileImage {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #0e5265;;
  }
  .communityTiles .communityTileImage img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
  }
  .communityTiles .communityTilebutton {
    margin: 1vw !important;
    text-decoration: none;
    font-family: 'Metric Regular' !Important;
    font-size: 1vw;
    font-weight: bold;
    line-height: 110%;
    outline: 0;
    text-decoration: none !important;
    color: #FFFFFF;
    position: relative;
  }
  .communityTiles .communityTilebutton::after {
    content: '';
    background-image: url("https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Lobby_Link_Arrow_Black_1638970392291001z6fu.svg");
    background-size: 19px 14px !important;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 18px;
    height: 100%;
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
    /*transition: .4s ease;*/
    transition: 150ms ease-in-out;
    top: 4%;
  }
  .communityTiles .communityTilebutton:hover,
  .communityTiles .communityTilebutton:focus {
    color: #FFFFFF;
  }
  .communityTiles .communityTilebutton:hover::after, .communityTiles .communityTilebutton:focus::after {
    margin-left: 10px;
  }
  @media (max-width: 768px) {
    .communityTiles {
      margin-top: 1rem;
      margin-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      flex-direction: column;
      align-items: center;
    }
    .communityTiles .communityTile {
      width: 80% !important;
      margin-bottom: 3rem;
    }
    .communityTiles .communityTile:last-of-type {
      margin-bottom: 0.5rem;
    }
    .communityTiles  .communityTilebutton {
      margin: 1rem !important;
      font-size: 2.8vw;
    }
  }
  @media (min-width: 1500px) {
    .communityTiles {
      margin-top: 0;
      margin-bottom: 2rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .communityTiles .communityTilebutton {
      margin: 1rem !important;
      font-size: 16px;
    }
  }
  
  /* PH row */
  .communityBlocks {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
  .communityBlocks a { 
    height: 115px;
    width: 25%;
    max-width: 420px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Metric Black', Arial;
    font-size: 2vw;
    color: #FFFFFF;
    background-color: #000000;
    padding: 10px;
    line-height: 110%;
  }
  .acommunityBlocks a:hover,
  .communityBlocks a:focus {
    text-decoration: none;
    color: #FFFFFF;
  }
  .communityRowInner .communityBlocks a { 
    outline: 1px solid #7FF9E2 !important;
    background-color: transparent;
    width: 31.5%;
  }
  .communityRowInner .communityBlocks a:hover,
  .communityRowInner .communityBlocks a:focus { 
    outline: 2px solid #01A982 !important;
    color: #FFFFFF;
    text-decoration: none;
  }
  .communityRowFlex {
    display: flex;
    margin-bottom: 3rem;
  }
  .communityRowFlex .SectionPanelLabel {
    display: block;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 4px;
  }
  .communityRowFlex img {
    display: block;
    border: 0;
    width: 100%;
  }
  .communityRowInner {
    padding-top: 3rem;
  }
  @media (max-width: 768px) {
    .communityBlocks {
      flex-direction:column;
      align-items: center;
    }
    .communityBlocks a {
      width: 80% !important;
      margin-bottom: 2rem;
      font-size: 1.7rem;
    }
    .communityBlocks a:last-of-type {
      margin-bottom: 0 !Important;
    }
    .communityFlex .communityImageHolder {
      display: none;
    }
  }
  @media (min-width: 1500px) {
    .communityBlocks a {
      font-size: 2rem;
    }
  }
  
  .communityPHRow .SectionPanelLabel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 243px;
    max-height: 243px;
    width: 14vw;
    height: 14vw;
    flex-shrink: 0;
    padding: 1vw;
  }
  .communityPHRow .SectionPanelLabel .SectionPanelLabelTitle {
    font-family: 'Metric Black' !Important;
    font-size: 1.6vw;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    line-height: 120%;
    color: #000000;
  }
  .communityPHRow .SectionPanelLabel .SectionPanelLabelSubTitle {
    margin-top: 1vw;
    font-size: 1.2vw;
    font-family: 'Metric Regular' !Important;
    font-weight: bold;
    color: #000000;
    line-height: 120%;
  }
  @media (max-width: 768px) {
    .communityPHRow .SectionPanelLabel {
      width: 26vw;
      height: 26vw;
      padding: 2vw;
    }
    .communityPHRow .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 0.8rem;
    }
    .communityPHRow .SectionPanelLabel .SectionPanelLabelSubTitle {
      margin-top: 0.4rem;
      font-size: 0.9rem;
    }
    .communityPHRow .SectionPanelLabel .SectionPanelLabelSubTitle br {
      display: none;
    }
  }
  @media (min-width: 1500px) {
    .communityPHRow .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 1.6rem;
    }
    .communityPHRow .SectionPanelLabel .SectionPanelLabelSubTitle {
      margin-top: 1rem;
      font-size: 1.2rem;
    }
  }
  
  /* Community Page - End */
  
  /* Activities - Start */
  .activitiesTopRow::before {
    content: '';
    position: absolute;
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Background%20gradient_1629461194536001MEWt.png');
    width:100%;
    height: 48vw;
    max-height: 810px;
    top:-3rem;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
  }
  @media (max-width: 768px) {
    .activitiesTopRow::before {
      height: 200vw;
    }
  }
  .activitiesTilesRow {
    background-color: transparent !important;
    margin-bottom: 4rem;
  }
  /* Tile Row */
  .activityTiles {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 2vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .activityTiles .activityTile {
    width: 24%;
    min-height: 100%;
    background-color: #0e5265;
    display: flex;
    flex-direction: column;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .activityTiles .activityTileImage {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #0e5265;;
  }
  .activityTiles .activityTileImage img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
  }
  .activityTiles .activityTilebutton {
    margin: 1vw !important;
    text-decoration: none;
    font-family: 'Metric Regular' !Important;
    font-size: 1vw;
    font-weight: bold;
    line-height: 110%;
    outline: 0;
    text-decoration: none !important;
    color: #FFFFFF;
    position: relative;
  }
  .activityTiles .activityTilebutton::after {
    content: '';
    background-image: url("https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Lobby_Link_Arrow_Black_1638970392291001z6fu.svg");
    background-size: 19px 14px !important;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 18px;
    height: 100%;
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
    /*transition: .4s ease;*/
    transition: 150ms ease-in-out;
    top: 4%;
  }
  .activityTiles .activityTilebutton:hover,
  .activityTiles .activityTilebutton:focus {
    color: #FFFFFF;
  }
  .activityTiles .activityTilebutton:hover::after, .activityTiles .activityTilebutton:focus::after {
    margin-left: 10px;
  }
  @media (max-width: 768px) {
    .activityTiles {
      margin-top: 1rem;
      margin-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      flex-direction: column;
      align-items: center;
    }
    .activityTiles .activityTile {
      width: 80% !important;
      margin-bottom: 3rem;
    }
    .activityTiles .activityTile:last-of-type {
      margin-bottom: 0.5rem;
    }
    .activityTiles  .activityTilebutton {
      margin: 1rem !important;
      font-size: 2.8vw;
    }
  }
  @media (min-width: 1500px) {
    .activityTiles {
      margin-top: 0;
      margin-bottom: 2rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .activityTiles .activityTilebutton {
      margin: 1rem !important;
      font-size: 16px;
    }
  }
  
  /* activitiesDJRow */
  .activitiesDJRow,
  .activitiesGamesRow {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .activitiesBlocks {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
  .activitiesBlocks a { 
    height: 100px;
    width: 25%;
    max-width: 420px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Metric Black', Arial;
    font-size: 1.4vw;
    color: #FFFFFF;
    background-color: #000000;
    padding: 10px;
    line-height: 110%;
  }
  .activitiesBlocks a:hover,
  .activitiesBlocks a:focus {
    text-decoration: none;
    color: #FFFFFF;
  }
  .targetAnchor {
    visibility: hidden;
    position:absolute; 
    top: -3rem;
  }
  .activitiesDJRow {
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Activites_DJ_sets_bg_1634569579768001hfMf.png');
  }
  .activitiesGamesRow {
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Activites_Games_bg_1634569580354001hqcV.png');
  }
  .activitiesDJRowInner .activitiesBlocks a { 
    outline: 1px solid #01A982 !important;
  }
  .activitiesDJRowInner .activitiesBlocks a:hover,
  .activitiesDJRowInner .activitiesBlocks a:focus { 
    outline: 2px solid #01A982 !important;
  }
  .activitiesGamesRowInner .activitiesBlocks a { 
    background-color: rgba(0, 0, 0, 0.4);
    outline: 1px solid #C140FF !important;
  }
  .activitiesGamesRowInner .activitiesBlocks a:hover,
  .activitiesGamesRowInner .activitiesBlocks a:focus { 
    outline: 2px solid #C140FF !important;
  }
  .activitiesMindfulnessRowInner .activitiesBlocks a { 
    outline: 1px solid #32DAC8 !important;
    width: 31%;
    background-color: transparent;
  }
  .activitiesMindfulnessRowInner .activitiesBlocks a:hover,
  .activitiesMindfulnessRowInner .activitiesBlocks a:focus { 
    outline: 2px solid #32DAC8 !important;
  }
  .activitiesLifeHacksRowInner .activitiesBlocks a { 
    background-color: transparent;
    outline: 1px solid #7630EA !important;
    width: 31%;
  }
  .activitiesLifeHacksRowInner .activitiesBlocks a:hover,
  .activitiesLifeHacksRowInner .activitiesBlocks a:focus { 
    outline: 2px solid #7630EA !important;
  }
  .activitiesMindfulnessRowFlex,
  .activitiesLifeHacksRowFlex {
    display: flex;
    margin-bottom: 3rem;
  }
  .activitiesMindfulnessRowFlex .activitiesBlocks,
  .activitiesLifeHacksRowFlex .activitiesBlocks {
    justify-content: flex-start;
  }
  .activitiesMindfulnessRowFlex .activitiesImageHolder,
  .activitiesLifeHacksRowFlex .activitiesImageHolder {
    display: block;
    width: 16%;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 5px;
  }
  .activitiesMindfulnessRowFlex img,
  .activitiesLifeHacksRowFlex img {
    display: block;
    border: 0;
    width: 100%;
  }
  .activitiesMindfulnessRowInner {
    padding-top: 3rem;
  }
  .activitiesMindfulnessRow::before,
  .activityTopRow::before {
    content: '';
    position: absolute;
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Background%20gradient_1629461194536001MEWt.png');
    width:100%;
    height: 48vw;
    max-height: 810px;
    top:0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
  }
  .activtiesSpacer {
    height: 8rem;
    display: flex;
    align-content: center;
    justify-content: center;
  }
  .activtiesSpacer .SectionHeader {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  @media (max-width: 768px) {
    .activitiesBlocks {
      flex-direction:column;
      align-items: center;
    }
    .activitiesBlocks a {
      width: 80% !important;
      margin-bottom: 2rem;
      font-size: 1.3rem;
    }
    .activitiesBlocks a:last-of-type {
      margin-bottom: 0 !Important;
    }
    .activitiesMindfulnessRowFlex .activitiesImageHolder,
    .activitiesLifeHacksRowFlex .activitiesImageHolder {
      display: none;
    }
    .activitiesMindfulnessRow::before,
    .activityTopRow::before {
      height: 200vw;
    }
  }
  @media (min-width: 1500px) {
    .activitiesBlocks a {
      font-size: 1.3rem;
    }
  }
  /* Activity Page */
  .activityEmbedRow {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  
  /* Activities - End */
  
  
  /* Competitions - Start */
  
  /* Trophy Card */
  
  .game-trophy-card .trophy-card-list {
    height: 358px;
  }
  
  /* Lobby variant */
  .lobbyCompetitions .game-trophy-card {
    border: 1px solid #01A982;
  }
  .lobbyCompetitions .game-trophy-card .trophy-card-header h4 {
    color: #FFFFFF;  
  }
  .lobbyCompetitions .game-trophy-card .rfwf-game-card-body .trophy > p {
    color: #FFFFFF;  
  }
  .lobbyCompetitions .game-trophy-card .trophy-card-list {
    height: auto;
  }
  
  .game-trophy-card {
    box-shadow: none;
  }
  .game-trophy-card .trophy-card-list {
    justify-content: space-around;
  }
  @media (min-width: 1500px) {
    .game-trophy-card .trophy-card-list {
      justify-content: flex-start;
    }
  }
  .game-trophy-card .trophy-card-header {
    background-color: transparent;
    border-bottom: 1px solid #01A982;
    height: 56px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 14px 14px 14px;
  }
  .game-trophy-card .trophy-card-header h4 {
    margin: 0 !important;
    font-family: 'Metric Black', Arial;
    font-size: 1.9vw;
    line-height: 100%;
    margin-top: 3px !important;
    display: inline-block;
    color: #000000; 
  }
  .trophy-card-list.rfwf-game-card-body {
    padding: 0 !important;
    margin-top: 8px !important;
    margin-left: 2px;
  
  }
  .game-trophy-card .trophy-card-list .trophy {
    margin: 5px;
    width: 80px;
  }
  .game-trophy-card .trophy-card-list .trophy p {
    line-height: 110%;
    font-family: 'Metric Regular', Arial;
    font-size: 16px;
    color: #000000; 
  }
  .game-trophy-card .trophy-card-list .trophy img {
    width: 50px;
    height: 50px;
  }
  #rf-overlay .rf-overlay-new.rf-tooltip {
    border-radius: 0;
  }
  #rf-overlay .rf-overlay-new.rf-tooltip .rf-scroll-frame p {
    font-family: 'Metric Regular', Arial;
    font-size: 16px;
    color: #000000; 
  }
  
  @media (max-width: 768px) {
    .game-trophy-card .trophy-card-header h4 {
      font-size: 26px;
      margin-top: 3px !important;
    }
    .game-trophy-card .trophy-card-list {
      height: auto;
    }
  }
  @media (min-width: 1500px) {
    .game-trophy-card .trophy-card-header h4 {
      font-size: 26px;
      margin-top: 3px !important;
    }
  }
  
  /* Leaderboard card */
  
  .game-leaderboard-card .leaderboard-card-header {
    background-color: transparent;
    border-bottom: 1px solid #01A982;
    height: 56px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 14px 14px 14px;
  }
  .game-leaderboard-card .leaderboard-card-header > div:first-of-type h4 {
    display: none;
  }
  .game-leaderboard-card .leaderboard-card-header > div:first-of-type span {
    font-family: 'Metric Black', Arial;
    font-size: 1.9vw;
    line-height: 100%;
    margin-top: 3px !important;
    display: inline-block;
    color: #000000;
  }
  .game-leaderboard-card .leaderboard-card-header > div:last-of-type {
    margin-top: 3px !important;
    display: flex;
    flex-direction: row;
  }
  .game-leaderboard-card .leaderboard-card-header > div:last-of-type > div:first-of-type {
    display: flex;
    flex-direction: row;
  }
  .game-leaderboard-card .leaderboard-card-header > div:last-of-type p {
    display: flex;
    align-items: center !important;
    font-family: 'Metric Regular', Arial;
    font-size: 1.1vw;
    margin-right: 0.4vw;
    line-height: 100%;
    color: #000000; 
  }
  .game-leaderboard-card .leaderboard-card-header > div:last-of-type h4,
  .game-leaderboard-card .leaderboard-card-header > div:last-of-type h6 {
    font-family: 'Metric Black', Arial;
    display: flex;
    font-size: 1.2vw;
    align-items: center !important;
    margin-bottom: 0 !important;
    line-height: 100%;
    white-space: nowrap;
    color: #000000; 
  }
  .game-leaderboard-card .leaderboard-card-header > div:last-of-type > div:last-of-type {
    display: flex;
    flex-direction: row;
    margin-left: 1vw;
  }
  .leaderboard-card-list {
    padding: 0 !important;
    outline: none !important;
    outline: 0 !important;
    border: 0 !important;
    height: 100% !Important;
  }
  .leaderboard-card-list li {
    color: #000000 !important;
    display: none !important;
    padding: 0 !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    font-size: 14px;
    border-bottom: 1px solid #01A982;
    padding-left: 10px !important;
  }
  .leaderboard-card-list li:nth-child(-n+15) {
    display: flex !important;
  }
  .leaderboard-card-list li:nth-child(15) { 
    border-bottom: 0 !important;
  }
  .leaderboardTop10 .leaderboard-card-list li {
    display: none !important;
  }
  .leaderboardTop10 .leaderboard-card-list li:nth-child(-n+10) { 
    display: flex !important;
  }
  .leaderboardTop10 .leaderboard-card-list li:nth-child(10) { 
    border-bottom: 0 !important;
  }
  /*.leaderboard-card-list li:last-of-type {
    border-bottom: 0 !important;
  }*/
  .game-leaderboard-card {
    box-shadow: none;
  }
  .game-leaderboard-card .leaderboard-card-list {
    height: auto;
  }
  .game-leaderboard-card .leaderboard-card-list li>span:first-of-type {
    flex-grow: 0;
    flex-shrink: 1;
    white-space: nowrap  !important;
    overflow: hidden  !important;
    text-overflow: ellipsis  !important;
  }
  .game-leaderboard-card .leaderboard-card-list li>span:first-of-type h3,
  .game-leaderboard-card .leaderboard-card-list li>h3:first-of-type span {
    font-family: 'Metric Regular', Arial;
    font-weight: normal;
    font-size: 16px;
    width: 12px;
    margin: 0;
    margin-right:10px;
    text-align: center;
    line-height: 100%;
    color: #000000;
    margin-bottom: 0 !important;
  }
  .game-leaderboard-card .leaderboard-card-list li>h3 {
    margin-bottom: 0;
    line-height: 100%;
    width: 12px;
  
  }
  .leaderboardManual .game-leaderboard-card {
    overflow: hidden;
    position: relative;
  }
  .leaderboardManual .game-leaderboard-card::after {
    content: 'This game has now closed. Winners will be announced at the end of the event.';
    display: flex;
    padding: 3rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgba(102,102,102,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #FF8300;
    font-weight: bold;
    font-size: 30px;
    line-height: 110%;
  }
  .leaderboardManual .game-leaderboard-card .leaderboard-card-list li {
    justify-content: flex-start;
  }
  .leaderboardManual .game-leaderboard-card .leaderboard-card-list li>h3:first-of-type {
    line-height: 50% !important;
    margin-left: 4px !important;
    margin-right: 10px !important;
  }
  .leaderboardManual .game-leaderboard-card .leaderboard-card-list li>span:first-of-type {
    flex-grow: 1;
    line-height: 1.4em;
  }
  .leaderboardManual .game-leaderboard-card .leaderboard-card-list li>span:last-of-type {
    flex-grow: 0;
  }
  .game-leaderboard-card .leaderboard-card-list li>span {
    font-family: 'Metric Regular', Arial;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .game-leaderboard-card .leaderboard-card-list li>span:last-of-type {
    font-family: 'Metric Black', Arial;
    margin-left:10px;
    margin-right:10px;
    white-space: nowrap;
    line-height: 100%;
  }
  @media (max-width: 768px) {
    .leaderboardRow .flex-box-section .rf-grid-layout-33:nth-of-type(2),
    .leaderboardRow .flex-box-section .rf-grid-layout-33:nth-of-type(3) {
      margin-top: 3rem !important;
    }
    .leaderboardRow .flex-box-child {
      padding: 0;
      margin-left: 8px;  
      margin-right: 8px;  
    }
    .game-leaderboard-card .leaderboard-card-header > div:first-of-type span {
      font-size: 20px;
      margin-top: 3px !important;
    }
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type {
      margin-top: 3px !important;
      display: flex;
      flex-direction: row;
    }
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type p {
      font-size: 16px;
      margin-right: 8px;
      line-height: 100%;
    }
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type h4,
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type h6 {
      font-size: 18px;
    }
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type > div:last-of-type {
      margin-left: 16px;
    }
    .leaderboard-card-list li {
      padding-bottom: 3px !important;
      padding-top: 3px !important;
      font-size: 14px;
      padding-left: 10px !important;
    }
  }
  @media (min-width: 1500px) {
    .game-leaderboard-card .leaderboard-card-header > div:first-of-type span {
      font-size: 26px;
      margin-top: 3px !important;
    }
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type {
      margin-top: 3px !important;
      display: flex;
      flex-direction: row;
    }
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type p {
      font-size: 16px;
      margin-right: 8px;
      line-height: 100%;
    }
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type h4,
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type h6 {
      font-size: 18px;
    }
    .game-leaderboard-card .leaderboard-card-header > div:last-of-type > div:last-of-type {
      margin-left: 16px;
    }
    .leaderboard-card-list li {
      padding-bottom: 3px !important;
      padding-top: 3px !important;
      font-size: 14px;
      padding-left: 10px !important;
    }
  }
  
  /* Welcome Row */
  .NCompetitionsTopRow {
    overflow: hidden;
  }
  .NCompetitionsTopRow .flex-box-section {
    height: 100% !important;
    display: flex;
    align-items: center;
  }
  .NCompetitionsTopRow .competitionWelcomeLeft {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 3vw;
    margin-bottom: 3vw;
    margin-right: 2vw;
    height:100%;
  }
  .NCompetitionsTopRow .competitionWelcomeLeft img {
    width: 30vw;
    max-width: 450px;
    height: auto;
    display: block;
    border: 0;
    margin-bottom: 1.5vw;
  }
  .NCompetitionsTopRow .competitionWelcomeText {
    font-size: 1.3vw;
    line-height: 105%;
  }
  .NCompetitionsTopRow .competitionWelcomeText a {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .NCompetitionsTopRow .competitionWelcomeText a:hover,
  .NCompetitionsTopRow .competitionWelcomeText a:focus {
    text-decoration: none;
  }
  .NCompetitionsTopRow .competitionWelcomeRight {
    display: flex;
    align-items: center;
    height:100%;
  }
  .NCompetitionsTopRow .rf-grid-layout-50:nth-of-type(1) {
    width: 56%;
  }
  .NCompetitionsTopRow .rf-grid-layout-50:nth-of-type(2) {
    width: 44%;
  }
  
  html {
    scroll-behavior: smooth;
  }
  .solutionsNameAnchor {
    height: 1px;
    overflow: hidden;
    position: relative;
  }
  .solutionsNameAnchor a {
    position:absolute;
    top: -80px;
  }
  @media screen and (max-width: 68rem) {
    .solutionsNameAnchor a {
      top: 0px;
    }
  }
  .winButtons {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .WinButton {
    display: flex;
    height: 6vw;
    position: relative;
    align-items: center;
    transition: outline 50ms ease-in-out;
    outline-offset:0;
  }
  .WinButton .WinButtonImage {
    display: flex;
    width: 4vw;
    height: 4vw;
    margin-left: 2vw;
    margin-right: 1vw;
  }
  .WinButton .WinButtonImage img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .btnWinYellow {
    background-color: #FEC901;
    margin-bottom: 1.5vw;
    outline: 0px solid #FEC901 !important;
  }
  .btnWinOrange {
    background-color: #FF8300;
    margin-bottom: 1.5vw;
    outline: 0px solid #FF8300 !important;
  }
  .btnWinBlue {
    background-color: #32DAC8;
    outline: 0px solid #32DAC8 !important;
  }
  .WinButton .WinButtonText {
    font-family: 'Metric Black', Arial;
    color: #000000;
    margin-left:10px;
    margin-right:10px;
    font-size: 1.5vw;
    letter-spacing: 0.5px;
    white-space: nowrap;
    line-height: 100%;
    padding-left:0.5vw;
    padding-right:0.5vw;
    flex-grow: 1;
    flex-shrink:0;
    text-decoration: none;
  }
  a.WinButton:hover ,
  a.WinButton:focus {
    text-decoration: none;
  }
  a.WinButton.btnWinYellow:hover ,
  a.WinButton.btnWinYellow:focus {
    outline: 2px solid #FEC901 !important;
  }
  a.WinButton.btnWinOrange:hover ,
  a.WinButton.btnWinOrange:focus {
    outline: 2px solid #FF8300 !important;
  }
  a.WinButton.btnWinBlue:hover ,
  a.WinButton.btnWinBlue:focus {
    outline: 2px solid #32DAC8 !important;
  }
  .WinButton .WinButtonArrow {
    margin-left: 0.3vw;
    margin-right: 4vw;
    position: relative;
    text-decoration: none;
  }
  .WinButton .WinButtonArrow::before {
    content: '';
    background-size: 1.19vw 1.14vw !important;
    /*background-size: 19px 14px !important;*/
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 18px;
    height: 100%;
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
    transition: 150ms ease-in-out;
    top: 0;
    background-image: url("https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Lobby_Link_Arrow_White_1638970391795001zsaL.svg");
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg) scale(1.1);
  }
  .WinButton:focus .WinButtonArrow::before,
  .WinButton:hover .WinButtonArrow::before {
    margin-top: 8px;
  }
  @media (max-width: 768px) {
    .NCompetitionsTopRow .competitionWelcomeLeft {
      margin-top: 3rem;
      margin-bottom: 0;
      margin-right: 0;
    }
    .NCompetitionsTopRow .competitionWelcomeLeft img {
      width: 50vw;
      margin-bottom: 1.5rem;
    }
    .NCompetitionsTopRow .competitionWelcomeText {
      font-size: 22px;
    }
    .NCompetitionsTopRow .rf-grid-layout-50:nth-of-type(1) {
      width: 100%;
    }
    .NCompetitionsTopRow .rf-grid-layout-50:nth-of-type(2) {
      width: 100%;
    }
    .competitionWelcomeRight {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .winButtons {
      flex-grow: 1;
    }
    .WinButton {  
      height: 6.2rem;
      width: 100%;
    }
    .WinButton .WinButtonImage {
      width: 4rem;
      height: 4rem;
      margin-left: 1rem;
      margin-right: 1rem;
    }
    .btnWinYellow {
      margin-bottom: 1.5rem;
    }
    .btnWinOrange {
      margin-bottom: 1.5rem;
    }
    .WinButton .WinButtonText {
      font-size: 1.4em;
      padding-left:0rem;
      padding-right:0rem;
    }
    .WinButton .WinButtonArrow {
      margin-left: 0.3rem;
      margin-right: 3rem;
    }
    .WinButton .WinButtonArrow::before {
      background-size: 19px 14px !important;
    }
  }
  @media (min-width: 1500px) {
    .NCompetitionsTopRow .competitionWelcomeLeft {
      margin-top: 3rem;
      margin-bottom: 3rem;
      margin-right: 4rem;
    }
    .NCompetitionsTopRow .competitionWelcomeLeft img {
      margin-bottom: 1.5rem;
    }
    .NCompetitionsTopRow .competitionWelcomeText {
      font-size: 22px;
    }
    .WinButton {  
      height: 6.2rem;
    }
    .WinButton .WinButtonImage {
      width: 4rem;
      height: 4rem;
      margin-left: 2rem;
      margin-right: 1rem;
    }
    .btnWinYellow {
      margin-bottom: 1.5rem;
    }
    .btnWinOrange {
      margin-bottom: 1.5rem;
    }
    .WinButton .WinButtonText {
      font-size: 1.3rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
    }
    .WinButton .WinButtonArrow {
      margin-left: 0.3rem;
      margin-right: 4rem;
    }
    .WinButton .WinButtonArrow::before {
      background-size: 19px 14px !important;
    }
  }
  /* Point Breakdown Row */
  .pointsBreakdownRow {
    padding-top: 3rem;
  }
  .pointsBreakdownRow .pointsBreakdowntable {
    background-color: #f5f4f0;
  }
  .pointsBreakdownRow .rf-grid-layout-50:nth-of-type(1) {
    width: 56%;
  }
  .pointsBreakdownRow .rf-grid-layout-50:nth-of-type(2) {
    width: 44%;
  }
  .pointsBreakdownRow .pointsBreakdownIntro {
    margin-right: 2rem;
  }
  .pointsBreakdownRow .pointsBreakdownTitle {
    font-family: 'Metric Black';
    font-size: 2.5vw;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 100%;
    position: relative;
    color: #000000; 
  }
  .pointsBreakdownRow .pointsBreakdownLine {
    background-color: #FEC901 ;
    height: 6px;
    margin-top: 2vw;
    margin-bottom: 2vw;
    width: 8vw;
  }
  .pointsBreakdownRow .pointsBreakdownText {
    font-size: 1.3vw;
    line-height: 105%;
    margin-right: 1vw;
  }
  .pointsBreakdownRow .pointsBreakdownText a {
    color: #000000;
    text-decoration: underline;
    font-size: 1vw;
  }
  .pointsBreakdownRow .pointsBreakdownText a:hover,
  .pointsBreakdownRow .pointsBreakdownText a:focus {
    text-decoration: none;
  }
  .pointsBreakdownIntro .TopCardButton {
      margin-top: 2vw;
  }
  @media (max-width: 768px) {
    .pointsBreakdownRow .rf-grid-layout-50:nth-of-type(1) {
      width: 100%;
    }
    .pointsBreakdownRow .rf-grid-layout-50:nth-of-type(2) {
      width: 100%;
    }
    .pointsBreakdownRow .pointsBreakdownIntro {
      margin-right: 0;
    }
    .pointsBreakdownRow .pointsBreakdownText {
      font-size: 22px;
      margin-right: 0;
    }
    .pointsBreakdownRow .pointsBreakdownText a {
      font-size: 2.8vw;
    }
    .pointsBreakdownRow .pointsBreakdownTitle {
      font-size: 7vw;
    }
    .pointsBreakdownRow .pointsBreakdownLine {
      margin-top: 2rem;
      margin-bottom: 2rem;
      width: 22.3vw;
    }
    .pointsBreakdownIntro .TopCardButton {
      margin-top: 2rem;
    }
  }
  @media (min-width: 1500px) {
    .pointsBreakdownRow .pointsBreakdownText {
      font-size: 22px;
      margin-right: 2rem;
    }
    .pointsBreakdownRow .pointsBreakdownText a {
      font-size: 16px;
    }
    .pointsBreakdownRow .pointsBreakdownTitle {
      font-size: 40px;
    }
    .pointsBreakdownRow .pointsBreakdownLine {
      margin-top: 2rem;
      margin-bottom: 2rem;
      width: 8rem;
    }
    .pointsBreakdownIntro .TopCardButton {
      margin-top: 2rem;
    }
  }
  .pointsBreakdowntable {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  .pointsBreakdownRow .rf-grid-layout-50 > div {
    height: 100%;
  }
  .pointsBreakdowntable .pointsRow {
    display: flex;
  }
  .pointsBreakdowntable .pointsRow {
    border-bottom: 2px solid #FFFFFF;
  
  }
  .pointsBreakdowntable .pointsRow  > div {
    padding: 0.8vw;
  }
  .pointsBreakdowntable .pointsRow:first-of-type {
    border-bottom: 1px solid #000000;
  }
  .pointsBreakdowntable .pointsRow:last-of-type {
    margin-bottom: 0 !important;
    min-height: auto !important;
    background-color: #FFFFFF;
    flex-grow: 1;
  }
  .pointsBreakdowntable .pointsRow:first-of-type .pointsRowText {
    font-family: 'Metric Black', Arial;
    font-size: 1.9vw;
    line-height: 100%;
    flex-shrink: 0;
    color: #000000;
    display: flex;
    align-items: center;
  }
  .pointsBreakdowntable .pointsRow .pointsRowHeader {
    width: 22%;
    font-family: 'Metric Black', Arial;
    font-size: 1.9vw;
    line-height: 100%;
    flex-shrink: 0;
    color: #000000;
    display: flex;
    align-items: center;
    border-left: 2px solid #FFFFFF;
  }
  .pointsBreakdowntable .pointsRow .pointsRowText {
    width: 78%;
    font-family: 'Metric Regular', Arial;
    font-size: 1.2vw;
    line-height: 100%;
    color: #000000;
    display: flex;
    align-items: center;
  }
  .pointsBreakdowntable .pointsRow .pointsRowText a {
    color: #000000;
    text-decoration: underline;
  }
  .pointsBreakdowntable .pointsRow .pointsRowText a:hover,
  .pointsBreakdowntable .pointsRow .pointsRowText a:focus {
    text-decoration: none;
  }
  .pointsBreakdowntable .pointsRow .pointsRowNote {
    font-family: 'Metric Regular', Arial;
    font-size: 1.2vw;
    line-height: 100%;
  }
  @media (max-width: 768px) {
    .pointsBreakdowntable .pointsRow:first-of-type .pointsRowText {
      font-size: 26px;
    }
    .pointsBreakdowntable .pointsRow .pointsRowHeader {
      font-size: 26px;
      width: 35%;
    }
    .pointsBreakdowntable .pointsRow .pointsRowText {
      font-size: 18px;
      width: 65%;
    }
    .pointsBreakdowntable .pointsRow .pointsRowNote {
      font-size: 18px;
    }
    .pointsBreakdowntable .pointsRow  > div {
      padding: 0.9rem;
    }
  }
  @media (min-width: 1500px) {
    .pointsBreakdowntable .pointsRow:first-of-type .pointsRowText {
      font-size: 26px;
    }
    .pointsBreakdowntable .pointsRow .pointsRowHeader {
      font-size: 26px;
    }
    .pointsBreakdowntable .pointsRow .pointsRowText {
      font-size: 18px;
    }
    .pointsBreakdowntable .pointsRow .pointsRowNote {
      font-size: 18px;
    }
    .pointsBreakdowntable .pointsRow  > div {
      padding: 0.9rem;
    }
  }
  /* Leaderboard Row */
  .leaderboardRow {
    padding-top: 1rem;
    padding-bottom: 6rem;
  }
  .leaderboardRow .flex-box-section:nth-of-type(1) .rf-grid-layout-33:nth-of-type(1) > div {
    display: flex;
    width: 100%;
    height: 100%;
  }
  .leaderboardRow .competitionSquares {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    flex-direction:column;
  }
  .leaderboardRow .competitionSquaresRow {
    display: flex;
    width: 100%;
    height:50%;
    flex-direction: row;
  }
  .leaderboardRow .competitionSquare {
    display: flex;
    background-color: #FEC901;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:50%;
    align-content:space-around;
    position:relative;
  }
  .leaderboardRow .competitionSquare .competitionSquareStat {
    display: flex;
    font-family: 'Metric Black', Arial;
    font-size: 5vw;
    color: #000000;
    justify-content: center;
    padding-top: 0.5vw;
    line-height:100%;
  }
  .leaderboardRow .competitionSquare .competitionSquareLabel {
    display: flex;
    font-family: 'Metric Regular', Arial;
    font-size: 1.5vw;
    color: #000000;
    justify-content: center;
    line-height:100%;
  }
  .leaderboardRow .flex-box-section .rf-grid-layout-33:nth-of-type(2),
  .leaderboardRow .flex-box-section .rf-grid-layout-33:nth-of-type(3) {
    border: 1px solid #01A982;
  }
  @media (min-width: 769px) {
    .leaderboardRow .flex-box-section .rf-grid-layout-33:nth-of-type(1) {
      width: 32.5% !important;
      margin-right: 1.25%;
    }
    .leaderboardRow .flex-box-section .rf-grid-layout-33:nth-of-type(2) {
      width: 32.5% !important;
      margin-right: 1.25%;
    }
    .leaderboardRow .flex-box-section .rf-grid-layout-33:nth-of-type(3) {
      width: 32.5% !important;
    }
  }
  @media (max-width: 768px) {
    .leaderboardRow .competitionSquare {
      min-height: 200px;
    }
    .leaderboardRow .competitionSquare .competitionSquareStat {
      font-size: 72px;
      padding-top: 0.5rem;
    }
    .leaderboardRow .competitionSquare .competitionSquareLabel {
      font-size: 22px;
    }
    .leaderboardRow {
      padding-bottom: 3rem;
    }
  }
  @media (min-width: 1500px) {
    .leaderboardRow .competitionSquare .competitionSquareStat {
      font-size: 72px;
      padding-top: 0.5rem;
    }
    .leaderboardRow .competitionSquare .competitionSquareLabel {
      font-size: 22px;
    }
  }
  .leaderboardRow .competitionSquares .competitionSquaresRow:nth-of-type(1) .competitionSquare:nth-of-type(1)::before {
    content: '';
    width: 90%;
    height: 1px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0;
  }
  .leaderboardRow .competitionSquares .competitionSquaresRow:nth-of-type(1) .competitionSquare:nth-of-type(1)::after {
    content: '';
    width: 1px;
    height: 90%;
    background-color: #FFFFFF;
    position: absolute;
    right:0;
  }
  .leaderboardRow .competitionSquares .competitionSquaresRow:nth-of-type(1) .competitionSquare:nth-of-type(2)::before {
    content: '';
    width: 90%;
    height: 1px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0;
  }
  .leaderboardRow .competitionSquares .competitionSquaresRow:nth-of-type(2) .competitionSquare:nth-of-type(1)::after {
    content: '';
    width: 1px;
    height: 90%;
    background-color: #FFFFFF;
    position: absolute;
    right:0;
  }
  
  /* More Competitions Row */
  
  .WinMorePanel {
    display: flex;
  }
  .winMoreChances .SectionPanelLabel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 243px;
    max-height: 243px;
    width: 14vw;
    height: 14vw;
    flex-shrink: 0;
    padding: 1vw;
  }
  .winMoreChances .SectionPanelLabel .SectionPanelLabelTitle {
    font-family: 'Metric Black' !Important;
    font-size: 1.8vw;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    line-height: 120%;
    color: #000000;
  }
  .WinMorePanel img {
    display: block;
    border: 0;
    width: auto;
    height: 14vw;
  }
  .winMoreChances .WinMorePanelMain {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
  }
  .winMoreChances .WinMorePanelLower {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 1;
  }
  .winMoreChances .rf-grid-layout-50,
  .winMoreChances .rf-grid-layout-50 > div {
    display: flex;
  }
  .winMoreChances .rf-grid-layout-50:nth-of-type(1) .WinMorePanelMain {
    border: 1px solid #FF8300;
  }
  .winMoreChances .rf-grid-layout-50:nth-of-type(1) .WinMorePanelImage {
    border-bottom: 1px solid #FF8300;
    background-image: url('https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/WinAtRafflePicv2_1646062883537001GgU9.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-height: 243px;
  }
  .winMoreChances .rf-grid-layout-50:nth-of-type(2) .WinMorePanelMain {
    border: 1px solid #32DAC8;
  }
  .winMoreChances .rf-grid-layout-50:nth-of-type(2) .WinMorePanelImage {
    border-bottom: 1px solid #32DAC8;
    background-image: url('https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/WinAtHaveYourSayPic_1645530045137001bjbs.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-height: 243px;
  }
  .WinMorePanelText {
    font-family: 'Metric Regular' !Important;
    font-size: 1.2vw;
    color: #FFFFFF;
    margin-bottom: 1rem;
    flex-grow: 1;
  }
  .WinMorePanelText a {
    color: #FFFFFF;
    text-decoration:underline;
  }
  .WinMorePanelText a:hover,
  .WinMorePanelText a:focus {
    color: #FFFFFF;
    text-decoration:none;
  }
  .WinMorePanelLower .TopCardButton {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .WinMorePanelLower .TopCardButton span {
    font-size: 1.0vw !important;
  }
  .MoreCompetitions::before {
    content: '';
    position: absolute;
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Background%20gradient_1629461194536001MEWt.png');
    width: 100%;
    height: 48vw;
    max-height: 810px;
    top: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
  }
  .WinComingSoon {
    color: #FFFFFF;
    Font-weight: bold;
    margin-top: 10px;
    font-family: 'Metric Regular' !Important;
    font-size: 1.2vw;
  }
  @media (max-width: 768px) {
    .flex-box-section-full-interior .rf-grid-layout-50:last-of-type .WinMorePanel {
      margin-top: 3rem;
    }
    .winMoreChances .SectionPanelLabel {
      width: 26vw;
      height: 26vw;
      padding: 2vw;
    }
    .winMoreChances .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 0.8rem;
    }
    .WinMorePanelText {
      font-size: 3.8vw;
    }
    .WinMorePanelLower .TopCardButton span {
      font-size: 12px !important;
    }
    .winMoreChances .rf-grid-layout-50:nth-of-type(1) .WinMorePanelImage {
      height: 26vw;
    }
    .winMoreChances .rf-grid-layout-50:nth-of-type(2) .WinMorePanelImage {
      height: 26vw;
    } 
    .MoreCompetitions::before {
      height: 200vw;
    }
    .WinComingSoon {
      font-size: 1.2rem;
    }
  }
  @media (min-width: 769px) {
    .flex-box-section-full-interior .rf-grid-layout-50:first-of-type .WinMorePanel {
      padding-right: 4vw !important;
    }
    .flex-box-section-full-interior .rf-grid-layout-50:last-of-type .WinMorePanel {
      padding-left: 4vw !important;
    }
  }
  @media (min-width: 1500px) {
    .flex-box-section-full-interior .rf-grid-layout-50:first-of-type .WinMorePanel {
      padding-right: 4rem !important;
    }
    .flex-box-section-full-interior .rf-grid-layout-50:last-of-type .WinMorePanel {
      padding-left: 4rem !important;
    }
    .winMoreChances .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 1.8rem;
    }
    .WinMorePanelText {
      font-size: 16px;
    }
    .WinMorePanelLower .TopCardButton span {
      font-size: 14px !important;
    }
    .WinComingSoon {
      font-size: 1.2rem;
    }
  }
  
  /* Lobby Winners  - Start */
  .WinnersPanel .rf-grid-layout-100 {
    width:100%;
  }
  .WinnersPanel .SectionPanel {
    display: flex;
    width: 100%;
  }
  .WinnersPanel .SectionPanel .SectionPanelLabel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 243px;
    max-height: 243px;
    width: 14vw;
    height: 14vw;
    color: #FFFFFF;
    flex-shrink: 0;
    padding: 1vw;
  }
  .WinnersPanel .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
    font-family: 'Metric Black' !Important;
    font-size: 1.6vw;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    line-height: 120%;
    color: #FFFFFF;
    height: 75%;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain {
    margin-left: 1rem;
    flex-grow: 1;
    display: flex;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.LeagueWinner {
    flex-direction: row;
    width: 100%;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.LeagueWinner .LeagueWinnerTable {
    border: 1px solid #01A982;
    width: calc(66.66% - 5px);
    flex-grow: 0;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.LeagueWinner .LeagueWinnerImage {
    width: calc(33.37% + 5px);
    height: 100%;
    display: flex;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.LeagueWinner .LeagueWinnerImage img {
    display: block;
    border: 0;
    height: auto;
    width: 76.2%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto;
    align-content: center;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.LeagueWinner .LeagueWinnerRegion {
    color: #FFFFFF;
    padding: 1.2vw;
    font-size: 1.3vw;
    font-weight: bold;
    border-bottom: 1px solid #01A982;
  }
  .WinnersPanel .SectionPanelInner {
    overflow: hidden;
  }
  .WinnersPanel .LeagueTableInner {
    display: flex;
    flex-direction: row;
  }
  .WinnersPanel .LeagueTableInnerColumn {
    width: 50%;
    min-height: 10px;
    max-height: 500px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  
  }
  .WinnersPanel .LeagueTableInnerColumn:first-of-type::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 150%;
    border-right: 1px solid #01A982;
  }
  .WinnersPanel .LeagueTableInnerTitle { 
    border-bottom: 1px solid #01A982;
    color: #FFFFFF;
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .WinnersPanel .LeagueTableInnerColumn .LeagueTableInnerAttendee { 
    color: #FFFFFF;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .WinnersPanel .LeagueTableInnerColumn div:nth-of-type(2) {
    padding-top: 1rem !important;
  }
  .WinnersPanel .LeagueTableInnerColumn div:last-of-type {
    padding-bottom: 1rem !important;
  } 
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner {
    flex-direction: row;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto {
    border: 1px solid #01A982;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto img {
    display: block;
    border: 0;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto .SnapItWinnerCaption {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 1.2vw;
    padding-right: 1.2vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto .SnapItWinnerCaption .SnapItWinnerLabel {
    color: #FFFFFF;
    font-size: 0.9vw;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto .SnapItWinnerCaption .SnapItWinnerName {
    color: #FFFFFF;
    font-size: 1.3vw;
    font-weight: bold;
    padding-top: 0.4vw;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto:nth-of-type(2) {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner .TechProWinnerName {
    color: #FFFFFF;
    padding: 1.2vw;
    font-size: 1.3vw;
    font-weight: bold;
    border-bottom: 1px solid #01A982;
  }
  .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner .TechProWinnerImage {
    height: 25vw;
    max-height: 300px !important;
    flex-grow: 1;
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Winners_Tech_Pro_1636634474291001fWmW.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  @media (max-width: 768px) {
    .WinnersPanel .SectionPanel .SectionPanelLabel {
      width: 26vw;
      height: 26vw;
      padding: 2vw;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner {
      flex-direction: column;
    }
    .WinnersPanel .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 1.2rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner .TechProWinnerName {
      font-size: 1rem;
      padding: 1rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner {
      flex-direction: column;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto:nth-of-type(1) {
      margin-bottom: 2rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto:nth-of-type(2) {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 2rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto .SnapItWinnerCaption .SnapItWinnerLabel {
      font-size: 0.9rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto .SnapItWinnerCaption .SnapItWinnerName {
      font-size: 1rem;
      padding-top: 0.4rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto .SnapItWinnerCaption {
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.LeagueWinner .LeagueWinnerRegion {
      font-size: 1rem;
      padding: 1rem;
    }
    .WinnersPanel .LeagueTableInner {
      flex-direction: column;
    }
    .WinnersPanel .LeagueTableInner .LeagueTableInnerColumn {
      width:100%;
      border-right: 0;
    }
    .WinnersPanel .LeagueTableInner .LeagueTableInnerColumn:nth-of-type(1) {
      border-bottom: 1px solid #01A982;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.LeagueWinner .LeagueWinnerTable {
      border: 1px solid #01A982;
      width: 100%;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.LeagueWinner .LeagueWinnerImage {
      display: none;
    }
    .WinnersPanel .LeagueTableInnerColumn:first-of-type::after {
      display: none;
    }
  }
  @media (min-width: 1500px) {
    .WinnersPanel .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 1.6rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner .TechProWinnerName {
      font-size: 1.3rem;
      padding: 1.2rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto .SnapItWinnerCaption .SnapItWinnerLabel {
      font-size: 0.9rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto .SnapItWinnerCaption .SnapItWinnerName {
      font-size: 1.3rem;
      padding-top: 0.4rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.SnapItWinner .SnapItWinnerPhoto .SnapItWinnerCaption {
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
    .WinnersPanel .SectionPanel .SectionPanelMain .SectionPanelInner.LeagueWinner .LeagueWinnerRegion {
      font-size: 1.3rem;
      padding: 1.2rem;
    }
    .WinnersPanel .LeagueTableInnerColumn div {
      padding-left: 1.2rem !important;
      padding-right: 1.2rem !important;
    }
  }
  
  /* Lobby Winners - End */
  
  
  /* Competitions - End */
  
  /* Top Lobby Row */
  
  .NLobbyTopRow3up,
  .NLobbyTopRow2up {
    padding-top: 4rem;
  }
  .NLobbyTopRow3up::before,
  .NLobbyTopRow2up::before,
  .NalertMessage::before,
  .NCompetitionsTopRow::before {
    content: '';
    position: absolute;
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Background%20gradient_1629461194536001MEWt.png');
    width:100%;
    height: 48vw;
    max-height: 810px;
    top:0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
  }
  
  .NLobbyTopRow2up .flex-box-section .flex-box-child:nth-of-type(2) {
    margin-left: 1px;
    border: 1px solid #01A982;
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Lobby_Content_Catalog_BG_1629813456379001a6nu.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  .NLobbyTopRow2up.NLobbyMoreAboutOurSessions .flex-box-section .flex-box-child:nth-of-type(2) {
    background-image: url('https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/HPE-TSS-2022_Lobby_More-abt-our-sessions_1639560506637001TbtS.jpg') !important;
  }
  .NLobbyTopRow2up.NLobbyScheduleLive .flex-box-section .flex-box-child:nth-of-type(2) {
    background-image: url('https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/HPE-TSS-2022_Lobby_Session-Scheduler1_700x467_1644403403223001Y1ui.jpg') !important;
  }
  
  @media (max-width: 768px) {
    .NLobbyTopRow2up.NLobbyMoreAboutOurSessions .flex-box-section .flex-box-child:nth-of-type(2),
    .NLobbyTopRow2up.NLobbyScheduleLive .flex-box-section .flex-box-child:nth-of-type(2) {
      margin-left: 8px;
      margin-right: 8px;
    }
  }
  
  @media (max-width: 768px) {
    .NLobbyTopRow3up::before,
    .NLobbyTopRow2up::before,
    .NalertMessage::before,
    .NCompetitionsTopRow::before {
      height: 200vw;
    }
    
    .NLobbyTopRow3up,
    .NLobbyTopRow2up {
      padding-top: 2rem;
    }
    .NLobbyTopRow2up .flex-box-section .flex-box-child:nth-of-type(2) {
      margin-top: 2rem;
    }
  }
  
  @media (min-width: 769px) {
    .NLobbyTopRow3up .flex-box-section .rf-grid-layout-50,
    .NLobbyTopRow2up .flex-box-section .rf-grid-layout-50 {
      /*width: calc(50% + 4vw) !important;*/
      width: 54% !important;
      padding-right: 1rem;
    }
    .NLobbyTopRow3up .flex-box-section .flex-box-child:nth-of-type(2) {
      width: 20% !important;
      border-left: 1px solid #01A982;
      border-top: 1px solid #01A982;
      border-bottom: 1px solid #01A982;
    }
    .NLobbyTopRow2up .flex-box-section .flex-box-child:nth-of-type(2) {
      width: calc(46% - 1px) !important;
  
    }
    .NLobbyTopRow3up .flex-box-section .flex-box-child:nth-of-type(3) {
      width: 26% !important;
      border: 1px solid #01A982;
    }
  }
  
  /* Top Row Overrides for alert row*/
  .NLobbyTopRow3up.NalertMessageOverride,
  .NLobbyTopRow2up.NalertMessageOverride {
    padding-top: 0;
  }
  .NLobbyTopRow3up.NalertMessageOverride::before,
  .NLobbyTopRow2up.NalertMessageOverride::before {
    display :none;
  }
  
  /* Page IntroText */
  .PageIntroTextOuter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;  
  }
  
  .PageIntroText {
    width: 50%;
    font-family: 'Metric Regular', Arial;
    font-size: 1.2vw;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
    display: inline-block;
    text-align: center;
    line-height: 130%;
  }
  
  @media (max-width: 768px) {
    .PageIntroText {
      font-size: 3.4vw;
      width: 90%;
      margin-bottom: 2.5rem;
    }
  }
  @media (min-width: 1500px) {
    .PageIntroText {
      font-size: 18px;
      margin-bottom: 3rem;
    }
  }
  
  /* Section Header */
  .SectionHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8vw;
    margin-bottom: 3vw;
    font-family: 'Metric Black';
    font-size: 2.5vw;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 110%;
  }
  .SectionHeader.HalfTop {
    margin-top: 4vw;
  }
  @media (max-width: 768px) {
    .SectionHeader {
      font-size: 30px;
      margin-top: 6rem;
      margin-bottom: 2rem;
    }
    .SectionHeader.HalfTop {
      margin-top: 3rem;
    }
  }
  @media (min-width: 1500px) {
    .SectionHeader {
      font-size: 40px;
      margin-top: 8rem;
      margin-bottom: 2.5rem;
    }
    .SectionHeader.HalfTop {
      margin-top: 4rem;
    }
  }
  
  
  /* Section Header with Sub Section */
  
  .SectionHeaderWithSub {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;  
  }
  .SectionHeaderWithSub .SectionHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8vw;
    margin-bottom: 1.5vw !important;
    font-family: 'Metric Black';
    font-size: 2.5vw;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 110%;
  }
  .SectionHeaderWithSub .SectionSubHeader {
    width: 40%;
    font-family: 'Metric Regular', Arial;
    font-size: 1.2vw;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5vw;
    display: inline-block;
    text-align: center;
    line-height: 130%;
  }
  .SectionHeaderWithSub .SectionSubHeader a {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .SectionHeaderWithSub .SectionSubHeader a:hover,
  .SectionHeaderWithSub .SectionSubHeader a:focus {
    text-decoration: none;
  }
  @media (max-width: 768px) {
    .SectionHeaderWithSub .SectionHeader {
      font-size: 30px;
      margin-top: 6rem;
      margin-bottom: 2rem;
    }
    .SectionHeaderWithSub .SectionSubHeader {
      font-size: 3.4vw;
      width: 90%;
      margin-bottom: 2rem;
    }
  }
  @media (min-width: 1500px) {
    .SectionHeaderWithSub .SectionHeader {
      font-size: 40px;
      margin-top: 8rem;
      margin-bottom: 2.0rem !important;
    }
    .SectionHeaderWithSub .SectionSubHeader {
      font-size: 18px;
      margin-bottom: 2.5rem;
    }
  }
  
  
  /* Lobby Bottom */
  .LobbyBottom {
    background-image: url('https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/HPE-TSS-2022_Lobby_Banner-Bottom2_1639560373771001TQCQ.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100px;
    margin-top: 100px;
  }
  
  /* Lobby Competitions Row */
  
  .lobbyCompetitions .game-leaderboard-card .leaderboard-card-header > div:first-of-type span,
  .lobbyCompetitions .game-leaderboard-card .leaderboard-card-header > div:last-of-type p ,
  .lobbyCompetitions .game-leaderboard-card .leaderboard-card-header > div:last-of-type h4,
  .lobbyCompetitions .game-leaderboard-card .leaderboard-card-header > div:last-of-type h6,
  .lobbyCompetitions .game-leaderboard-card .leaderboard-card-list li>span:first-of-type h3,
  .lobbyCompetitions .game-leaderboard-card .leaderboard-card-list li>h3:first-of-type span,
  .lobbyCompetitions .leaderboard-card-list li {
   color: #FFFFFF !important; 
  }
  .lobbyCompetitions .competitionSlider {
    border: 1px solid #01A982;
    flex-grow: 1;
  }
  .lobbyCompetitions .imagePanel {
    width: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #FF0000 !important;
    opacity: 0.8;
    min-height: 350px;
  }
  .lobbyCompetitions .competitionSlider .competitionPanel {
    position: absolute;
    top: 4vw;
    left: 4vw;
  }
  .lobbyCompetitions .competitionSlider .competitionPanel .competitionName {
    font-family: 'Metric Black', Arial;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2vw;
    line-height: 100%;
  }
  .lobbyCompetitions .competitionSlider .competitionPanel .TopCardButton {
    margin-left: 0;
  }
  .lobbyCompetitions .competitionSlider li {
    height: 100% !important;
  }
  .lobbyCompetitions .competitionSlider img {
    display: block;
    border: 0;
    width: 100%;
    height: 100% !important;
    position: relative;
    object-fit: cover;
  }
  .lobbyCompetitions .competitionSlider li img {
    background-color: #000000;
    opacity: 0.8;
  }
  
  .lobbyCompetitions .game-leaderboard-card.rfwf-game-card {
    border: 1px solid #01A982;
    min-height: 50%;
  }
  .lobbyCompetitions .flex-box-section .flex-box-child:last-of-type > div {
    display:flex; 
    height:100%;
  }
  @media (min-width: 769px) {
    .lobbyCompetitions .flex-box-section .flex-box-child:first-of-type {
      width: 54%;
    }
    .lobbyCompetitions .flex-box-section .flex-box-child:last-of-type {
      width: 46%;
    }
  }
  @media (min-width: 769px) {
    .lobbyCompetitions .flex-box-section .flex-box-child:first-of-type .game-leaderboard-card.rfwf-game-card {
      margin-right: 7.8vw !important;
    }
  }
  @media (max-width: 768px) {
    .lobbyCompetitions .flex-box-section .flex-box-child:last-of-type {
      margin-top: 3rem;
    }
    .lobbyCompetitions .competitionSlider .competitionPanel {
      top: 8vw;
      left: 8vw;
    }
    .lobbyCompetitions .competitionSlider .competitionPanel .TopCardButton {
     margin-top: 8vw;
    }
    .lobbyCompetitions .competitionSlider .competitionPanel .competitionName {
      font-size: 30px;
    }
  }
  @media (min-width: 1500px) {
    .lobbyCompetitions .flex-box-section .flex-box-child:first-of-type .game-leaderboard-card.rfwf-game-card {
      margin-right: 7.3rem !important;
    }
    .lobbyCompetitions .competitionSlider .competitionPanel {
      top: 4rem;
      left: 4rem;
    }
    .lobbyCompetitions .competitionSlider .competitionPanel .competitionName {
      font-size: 30px;
    }
  }
  
  /* TechProRow, Get to Know Sponsors, Social Wall, Lobby Dashboard - Start */
  .socialWallRow .TopCardButton,
  .TechProRow .TopCardButton,
  .knowSponsors .TopCardButton,
  .lobbyDashboard .TopCardButton {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 2vw;
  }
  .socialWallRow .cardText,
  .TechProRow .cardText,
  .knowSponsors .cardText,
  .lobbyDashboard .cardText {
    font-family: 'Metric Regular', Arial !Important;
    font-size: 1.3vw;
    line-height: 110%;
  }
  .socialWallRow .socialWallHashtags {
    font-family: 'Metric Black', Arial !Important;
    font-size: 1.8vw;
    line-height: 110%;
    letter-spacing: 1px;
  }
  .socialWallRow .socialWallCompetition {
    color: #FFFFFF;
    font-size: 1.3vw;
    margin-top: 2vw;
    line-height: 110%;
    display: none;
  }
  .socialWallRow .cardText a,
  .socialWallRow .socialWallCompetition a {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .socialWallRow .cardText a:hover,
  .socialWallRow .cardText a:focus,
  .socialWallRow .socialWallCompetition a:hover,
  .socialWallRow .socialWallCompetition a:focus {
    text-decoration: none;
  }
  .socialWallRow .socialWallLogos {
    margin-top: 2rem;
  }
  .socialWallRow .socialWallLogos a {
    margin-right: 10px;
    outline: 0 !important;
    line-height: auto !important;
    display: inline-block;
    transition: outline 40ms ease;
  }
  .socialWallRow .socialWallLogos a:hover,
  .socialWallRow .socialWallLogos a:focus {
    outline: 2px solid #01A982 !important; 
  }
  .socialWallRow .socialWallLogos img {
    display: block;
    border: 0;
    margin: 0 !Important;
    width: 4vw;
    height: 4vw;
    max-width: 45px;
    max-height: 45px;
  }
  
  @media (max-width: 768px) {
    .socialWallRow .cardText,
    .TechProRow .cardText,
    .knowSponsors .cardText,
    .lobbyDashboard .cardText {
      font-size: 3.8vw;
    }
    .socialWallRow .flex-box-section-full-interior .rf-grid-layout-50:last-of-type,
    .TechProRow .flex-box-section-full-interior .rf-grid-layout-50:last-of-type,
    .knowSponsors .flex-box-section-full-interior .rf-grid-layout-50:last-of-type,
    .lobbyDashboard .flex-box-section-full-interior .rf-grid-layout-50:last-of-type {
      margin-top: 2rem;
    }
    .socialWallRow .TopCardButton,
    .TechProRow .TopCardButton,
    .knowSponsors .TopCardButton,
    .lobbyDashboard .TopCardButton {
      margin-top: 2rem;
    }
    .socialWallRow .socialWallHashtags {
      font-size: 1.8rem;
    }
    .socialWallRow .socialWallLogos img {
      width: 45px;
      height: 45px;
    }
    .socialWallRow .socialWallHashtags {
      font-size: 1.8rem;
    }
    .socialWallRow .socialWallCompetition {
      margin-top: 2rem;
      font-size: 18px;
    }
    .socialWallRow .socialWallLogos {
      margin-top: 2rem;
    }
  }
  @media (min-width: 769px) {
    .socialWallRow .flex-box-section-full-interior .rf-grid-layout-50:first-of-type,
    .TechProRow .flex-box-section-full-interior .rf-grid-layout-50:first-of-type,
    .knowSponsors .flex-box-section-full-interior .rf-grid-layout-50:first-of-type {
      width: 54%;
      padding-right: 7.8vw !important;
    }
    .lobbyDashboard .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(2) {
      margin-right: 7.8vw !important;
      flex-grow: 1 !important;
      flex-shrink: 1 !important;
      width:10%;
    }
    .socialWallRow .flex-box-section-full-interior .rf-grid-layout-50:last-of-type,
    .TechProRow .flex-box-section-full-interior .rf-grid-layout-50:last-of-type,
    .knowSponsors .flex-box-section-full-interior .rf-grid-layout-50:last-of-type,
    .lobbyDashboard .flex-box-section-full-interior .rf-grid-layout-50:last-of-type {
      width: 46%;
    }
    .socialWallRow .TopCardButton, 
    .TechProRow .TopCardButton,
    .knowSponsors .TopCardButton,
    .lobbyDashboard .TopCardButton {
      margin-top: 2rem;
    }
  }
  @media (min-width: 1500px) {
    .socialWallRow .flex-box-section-full-interior .rf-grid-layout-50:first-of-type,
    .TechProRow .flex-box-section-full-interior .rf-grid-layout-50:first-of-type,
    .knowSponsors .flex-box-section-full-interior .rf-grid-layout-50:first-of-type {
      padding-right: 7.3rem !important;
    }
    .lobbyDashboard .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(2) {
      margin-right: 7.3rem !important;
      flex-grow: 1;
    }
    .socialWallRow .cardText,
    .TechProRow .cardText,
    .knowSponsors .cardText,
    .lobbyDashboard .cardText {
      font-size: 18px;
    }
    .socialWallRow .TopCardButton,
    .TechProRow .TopCardButton,
    .knowSponsors .TopCardButton,
    .lobbyDashboard .TopCardButton{
      margin-top: 2rem;
    }
    .socialWallRow .socialWallHashtags {
      font-size: 1.8rem;
    }
    .socialWallRow .socialWallCompetition {
      margin-top: 2rem;
      font-size: 18px;
    }
    .socialWallRow .socialWallLogos {
      margin-top: 2rem;
    }
  }
  
  /* Intel Row - Start */
  .IntelRow .TopCardButton {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 2vw;
  }
  .IntelRow .cardText {
    font-family: 'Metric Regular', Arial !Important;
    font-size: 1.3vw;
    line-height: 110%;
  }
  @media (max-width: 768px) {
    .IntelRow .cardText {
      font-size: 3.8vw;
    }
    .IntelRow .flex-box-section-full-interior .rf-grid-layout-50:last-of-type {
      margin-top: 2rem;
    }
    .IntelRow .TopCardButton {
      margin-top: 2rem;
    }
  }
  @media (min-width: 769px) {
    .IntelRow .flex-box-section-full-interior .rf-grid-layout-50:first-of-type {
      width: 54%;
      padding-right: 7.8vw !important;
    }
    .IntelRow .flex-box-section-full-interior .rf-grid-layout-50:last-of-type {
      width: 46%;
    }
    .IntelRow .TopCardButton {
      margin-top: 2rem;
    }
  }
  @media (min-width: 1500px) {
    .IntelRow .flex-box-section-full-interior .rf-grid-layout-50:first-of-type {
      padding-right: 8rem !important;
    }
    .IntelRow .cardText {
      font-size: 18px;
    }
    .IntelRow .TopCardButton {
      margin-top: 2rem;
    }
  }
  /* Intel Row - End */
  
  /* Top Card - PreOpen */
  
  .TopCardComingSoon {
    margin-top: 1.5vw;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    font-family: 'Metric Regular' !Important;
    font-size: 1.8vw;
    font-weight: bold;
    line-height: 120%;
    color: #000000;
    margin-bottom: 2.5rem;
  }
  .TopCardHeader {
    margin-top: 2.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    font-family: 'Metric Black' !Important;
    font-size: 1.8vw;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    line-height: 100%;
    color: #000000;
  }
  .TopCardText {
    margin-top: 1.5vw;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    font-family: 'Metric Regular' !Important;
    font-size: 1.2vw;
    font-weight: bold;
    line-height: 120%;
    color: #000000;
  }
  .TopCardButton {
    margin-top: 3vw;
    margin-left: 2.5rem;
    margin-bottom: 2.5rem;
    background-color: #01A982;
    display: inline-block;
    transition: outline 40ms ease;
  }
  .TopCardButton:hover,
  .TopCardButton:focus {
    outline: 2px solid #01A982 !important;
    transition: outline 40ms ease;
    outline-offset: 0;
  }
  .TopCardButton > a > span {
    display: inline-block;
    padding-top: 0.7vw;
    padding-bottom: 0.7vw;
    padding-left: 3.2vw;
    padding-right: 4.8vw;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-family: 'Metric Regular' !Important;
    font-size: 1.2vw !important;
    position: relative;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .TopCardButton > a > span::after {
    content: '';
    background-size: 19px 14px !important;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 18px;
    height: 100%;
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
    transition: 150ms ease-in-out;
    top: 0;
    background-image: url("https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Lobby_Link_Arrow_White_1638970391795001zsaL.svg");
  }
  .TopCardButton > a:focus > span::after,
  .TopCardButton > a:hover > span::after {
    margin-left: 10px;
  }
  @media (max-width: 768px) {
    .TopCardHeader {
      font-size: 4.4vw;
    }
    .TopCardComingSoon {
      font-size: 4.4vw;
      color: #FFFFFF;
    }
    .TopCardText {
      font-size: 3.4vw;
      margin-top: 1.5rem;
    }
    .TopCardButton {
      margin-top: 3rem;
    }
    .TopCardButton > a > span {
      padding-top: 0.6rem;
      padding-bottom: 0.6rem;
      padding-left: 1rem;
      padding-right: 2.6rem;
      font-size: 14px !important;
    }
  }
  @media (min-width: 1500px) {
    .TopCardHeader {
      font-size: 30px;
    }
    .TopCardComingSoon {
      margin-top: 1.5rem;
      font-size: 30px;
    }
    .TopCardText {
      font-size: 18px;
      margin-top: 1.5rem;
    }
    .TopCardButton {
      margin-top: 3rem;
    }
    .TopCardButton > a > span {
      padding-top: 0.7rem;
      padding-bottom: 0.7rem;
      padding-left: 3rem;
      padding-right: 4.4rem;
      font-size: 18px !important;
    }
  }
  
  /* Flexbox */
  
  /* Make rows with flexslider invisible until loaded */
  .sliderHideTillLoaded {
    visibility: hidden;
  }
  .flexslider {
    height: 100% !important;
    display: flex !important;
  }
  .flexslider .flex-direction-nav,
  .flexslider .flex-control-nav {
    display: none;
  }
  .flexslider .slides {
    flex-grow: 1;
    margin: 0;
    padding: 0;
  }
  
  /* Classes to control optin/optout of competitions */
  .WinOptedIn, .WinOptedOut {
     display: none;
  }
  
  /* LinkPanel - Start */
  .LinkPanel {
    display: flex !important;
    width: 100%;
    padding: 0 !important;
  }
  @media (max-width: 768px) {
    .LinkPanel {
      margin-top: 2rem;
    }
  }
  @media (min-width: 769px) {
    .LinkPanelRow .flex-box-section-full-interior .rf-grid-layout-50:first-of-type {
      width: 54%;
    }
    .LinkPanelRow .flex-box-section-full-interior .rf-grid-layout-50:last-of-type {
      width: 46%;
    }
  }
  @media (min-width: 769px) {
    .flex-box-section-full-interior .rf-grid-layout-50:first-of-type .LinkPanel {
      padding-right: 7.8vw !important;
    }
  }
  @media (min-width: 1500px) {
    .flex-box-section-full-interior .rf-grid-layout-50:first-of-type .LinkPanel {
      padding-right: 7.3rem !important;
    }
  }
  @media (max-width: 768px) {
    .rf-grid-layout-50 {
      width: 100%;
    }
  }
  
  .LinkPanelImage img {
    display: block;
    max-width: 243px;
    max-height: 243px;
    border: 0;
    width: 14vw;
    height: 14vw;
  }
  @media (max-width: 768px) {
    .LinkPanelImage img {
      width: 26vw;
      height: 26vw;
    }
  }
  
  .LinkPanelRight {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .LinkPanelText {
    height: 11vw;
    max-height: 200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: hidden;
  }
  @media (max-width: 768px) {
    .LinkPanelText {
      height: 20vw;
    }
  }
  .LinkPanelHeader {
    font-family: 'Metric Black' !Important;
    font-size: 1.8vw;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    line-height: 100%;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  @media (max-width: 768px) {
    .LinkPanelHeader {
      font-size: 4.4vw;
    }
  }
  @media (min-width: 1500px) {
    .LinkPanelHeader {
      font-size: 30px;
    }
  }
  .LinkPanelSubHeader {
    font-family: 'Metric Regular' !Important;
    font-size: 1.2vw;
    margin-top: 0.8vw;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    line-height: 110%;
  }
  .LinkPanelSubHeader a {
    color: #000000;
    text-decoration: underline;
  }
  .LinkPanelSubHeader a:hover,
  .LinkPanelSubHeader a:focus {
    color: #000000;
    text-decoration: none;
  }
  @media (max-width: 768px) {
    .LinkPanelSubHeader {
      font-size: 3.4vw;
      margin-top: 1vw;
    }
  }
  @media (min-width: 1500px) {
    .LinkPanelSubHeader {
      font-size: 18px;
      margin-top: 1rem;
    }
  }
  
  .LinkPanelCTA {
    display: flex;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    text-decoration: none;
    flex-grow: 1;
    /* width: 80%; */
    overflow: hidden;
    position: relative;
  }
  .LinkPanelCTA a {
    text-decoration: none;
    font-family: 'Metric Regular' !Important;
    font-size: 1vw;
    font-weight: bold;
    line-height: 110%;
    outline: 0;
    text-decoration: none !important;
  }
  @media (max-width: 768px) {
    .LinkPanelCTA a {
      font-size: 2.8vw;
    }
  }
  @media (min-width: 1500px) {
    .LinkPanelCTA a {
      font-size: 16px;
    }
  }
  
  .LinkPanelCTA a::after {
    content: '';
    background-size: 19px 14px !important;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 18px;
    height: 100%;
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
    /*transition: .4s ease;*/
    transition: 150ms ease-in-out;
    top: 4%;
  }
  .LinkPanelCTA a:hover::after, .LinkPanelCTA a:focus::after {
    margin-left: 10px;
  }
  
  
  /* Link Panel Per Colour */
  .LinkPanelArubaOrangeOnBlack .LinkPanelHeader,
  .LinkPanelArubaOrangeOnBlack .LinkPanelSubHeader,
  .LinkPanelHPEGreenOnBlack .LinkPanelHeader,
  .LinkPanelHPEGreenOnBlack .LinkPanelSubHeader,
  .LinkPanelYellowOnBlack .LinkPanelHeader,
  .LinkPanelYellowOnBlack .LinkPanelSubHeader{
    color: #000000;
  }
  .LinkPanelPurpleOnBlack .LinkPanelHeader,
  .LinkPanelPurpleOnBlack .LinkPanelSubHeader{
    color: #FFFFFF;
  }
  .LinkPanelArubaOrangeOnBlack .LinkPanelCTA a,
  .LinkPanelPurpleOnBlack .LinkPanelCTA a,
  .LinkPanelHPEGreenOnBlack .LinkPanelCTA a,
  .LinkPanelYellowOnBlack .LinkPanelCTA a {
    color: #FFFFFF;
  }
  .LinkPanelArubaOrangeOnBlack .LinkPanelImage {
    border-bottom: 1px solid #FF8300 !Important;
    border-left: 1px solid #FF8300 !Important;
    border-right: 1px solid #FF8300 !Important;
  }
  .LinkPanelYellowOnBlack .LinkPanelImage {
    border-bottom: 1px solid #FEC901 !Important;
    border-left: 1px solid #FEC901 !Important;
    border-right: 1px solid #FEC901 !Important;
  }
  .LinkPanelPurpleOnBlack .LinkPanelImage {
    border-bottom: 1px solid #7630EA !Important;
    border-left: 1px solid #7630EA !Important;
    border-right: 1px solid #7630EA !Important;
  }
  .LinkPanelHPEGreenOnBlack .LinkPanelImage {
    border-bottom: 1px solid #01A982 !Important;
    border-left: 1px solid #01A982 !Important;
    border-right: 1px solid #01A982 !Important;
  }
  .LinkPanelArubaOrangeOnBlack .LinkPanelCTA {
    border-bottom: 1px solid #FF8300 !Important;
    border-right: 1px solid #FF8300 !Important;
  }
  .LinkPanelYellowOnBlack .LinkPanelCTA {
    border-bottom: 1px solid #FEC901 !Important;
    border-right: 1px solid #FEC901 !Important;
  }
  .LinkPanelPurpleOnBlack .LinkPanelCTA {
    border-bottom: 1px solid #7630EA !Important;
    border-right: 1px solid #7630EA !Important;
  }
  .LinkPanelHPEGreenOnBlack .LinkPanelCTA {
    border-bottom: 1px solid #01A982 !Important;
    border-right: 1px solid #01A982 !Important;
  }
  .LinkPanelArubaOrangeOnBlack,
  .LinkPanelPurpleOnBlack,
  .LinkPanelHPEGreenOnBlack,
  .LinkPanelYellowOnBlack {
    position: relative;
    margin-top: 8rem;
  }
  .LinkPanelArubaOrangeOnBlack .rf-grid-layout-50,
  .LinkPanelPurpleOnBlack .rf-grid-layout-50,
  .LinkPanelHPEGreenOnBlack .rf-grid-layout-50,
  .LinkPanelHPEGreenOnBlack .rf-grid-layout-100,
  .LinkPanelYellowOnBlack .rf-grid-layout-50 {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
  }
  @media (max-width: 768px) {
    .LinkPanelArubaOrangeOnBlack .rf-grid-layout-50,
    .LinkPanelPurpleOnBlack .rf-grid-layout-50,
    .LinkPanelHPEGreenOnBlack .rf-grid-layout-50,
    .LinkPanelHPEGreenOnBlack .rf-grid-layout-100,
    .LinkPanelYellowOnBlack .rf-grid-layout-50 {
      flex-grow: 1;
    }
    .LinkPanelArubaOrangeOnBlack,
    .LinkPanelPurpleOnBlack,
    .LinkPanelHPEGreenOnBlack,
    .LinkPanelYellowOnBlack {
      margin-top: 4rem;
    }
  }
  
  .LinkPanelArubaOrangeOnBlack .LinkPanelCTA a::after,
  .LinkPanelPurpleOnBlack .LinkPanelCTA a::after,
  .LinkPanelHPEGreenOnBlack .LinkPanelCTA a::after,
  .LinkPanelYellowOnBlack .LinkPanelCTA a::after {
    background-image: url("https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Lobby_Link_Arrow_White_1638970391795001zsaL.svg");
  }
  
  .LinkPanelArubaOrangeOnBlack::after,
  .LinkPanelPurpleOnBlack::after,
  .LinkPanelHPEGreenOnBlack::after,
  .LinkPanelYellowOnBlack::after {
    content: '';
    width: 100%;
    /*height: 170px;*/
    max-height: 200px;
    height: 11vw;
    top: 0;
    left: 0;
    position: absolute;
    /*z-index: -1;*/
    background-color: #FF8300;
  }
  .LinkPanelHPEGreenOnBlack::after {
    background-color: #01A982;
  }
  .LinkPanelYellowOnBlack::after {
    background-color: #FEC901;
  }
  .LinkPanelPurpleOnBlack::after {
    background-color: #7630EA;
  }
  @media (max-width: 768px) {
    .LinkPanelArubaOrangeOnBlack::after,
    .LinkPanelPurpleOnBlack::after,
    .LinkPanelHPEGreenOnBlack::after,
    .LinkPanelYellowOnBlack::after {
      display: none;
    }
  
    .LinkPanelArubaOrangeOnBlack .rf-grid-layout-50::after,
    .LinkPanelPurpleOnBlack .rf-grid-layout-50::after,
    .LinkPanelHPEGreenOnBlack .rf-grid-layout-50::after,
    .LinkPanelHPEGreenOnBlack .rf-grid-layout-100::after,
    .LinkPanelYellowOnBlack .rf-grid-layout-50::after,
    .LinkPanelYellowOnBlack .rf-grid-layout-100::after {
      content: '';
      width: 100%;
      /*height: 170px;*/
      max-height: 170px;
      height: 20vw;
      top: 2rem;
      left: 0;
      position: absolute;
      /*z-index: -1;*/
      background-color: #FF8300;
    }
    .LinkPanelHPEGreenOnBlack .rf-grid-layout-50::after,
    .LinkPanelHPEGreenOnBlack .rf-grid-layout-100::after {
      background-color: #01A982;
    }
    .LinkPanelPurpleOnBlack .rf-grid-layout-50::after,
    .LinkPanelPurpleOnBlack .rf-grid-layout-100::after {
      background-color: #7630EA;
    }
    .LinkPanelYellowOnBlack .rf-grid-layout-50::after,
    .LinkPanelYellowOnBlack .rf-grid-layout-100::after {
      background-color: #FEC901;
    }
  }
  
  /* Download Panel Background */
  .bgDownloadLinkPanel {
    margin-bottom: 5vw;
  }
  .bgDownloadLinkPanel::before {
    content: '';
    position: absolute;
    background-image: url('https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/HPE-TSS-2022_Lobby_Banner-bottom_1920x250_1644418225020001GYMf.jpg');
    width:100%;
    height: 9rem;
    max-height: 9rem;
    top:10vw;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  
  }
  @media (max-width: 768px) {
    .bgDownloadLinkPanel::before {
      display: none;
    }
  }
  @media (min-width: 1500px) {
    .bgDownloadLinkPanel::before {
       top:166px;
    }
    .bgDownloadLinkPanel {
      margin-bottom: 5rem;
    }
  }
  
  /* Graduated background slice */
  .bgSliceLinkPanel::before {
    content: '';
    position: absolute;
    background-image: url('https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Background%20gradient_16394796582030012yIS.png');
    width:100%;
    height: 48vw;
    max-height: 810px;
    top:11vw;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
  }
  
  @media (max-width: 768px) {
    .bgSliceLinkPanel::before {
      display: none;
    }
  }
  @media (min-width: 1500px) {
    .bgSliceLinkPanel::before {
       top:166px;
    }
  }
  
  /* Allow bg slice */
  .page-builder-display-reset {
    overflow-y: hidden !Important;
  }
  
  /* LinkPanel - End */
  
  /* SponsorVideoRow - Start */
  
  @media (min-width: 769px) {
    .SponsorVideoRow .flex-box-section-full-interior .rf-grid-layout-50:first-of-type {
      width: 54%;
      padding-right: 7.8vw !important;
    }
    .SponsorVideoRow .flex-box-section-full-interior .rf-grid-layout-50:last-of-type {
      width: 46%;
    }
  }
  
  @media (min-width: 1500px) {
    .SponsorVideoRow .flex-box-section-full-interior .rf-grid-layout-50:first-of-type {
      padding-right: 8rem !important;
    }
  }
  
  /* SponsorVideoRow - End */
  
  /* SponsorVideoRow v2 - Start */
  
  .SponsorVideoRow2 {
    margin-bottom: 3rem;
  }
  .SponsorVideoRow2 .cardText {
    font-family: 'Metric Regular' !Important;
    font-size: 1.3vw;
    line-height: 110%;
    margin-top: 2vw;
  }
  .SponsorVideoRow2 .TopCardButton {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 2vw;
  }
  
  .spotlightVideos3upNotFirst {
    margin-top: 1.6rem ;
  }
  
  @media (max-width: 768px) {
    .spotlightVideos3up .rf-grid-layout-33:nth-of-type(2),
    .spotlightVideos3up .rf-grid-layout-33:nth-of-type(3) {
      margin-top: 1.6rem;
    }
  }
  
  @media (min-width: 769px) {
    .SponsorVideoRow2 .TopCardButton {
      margin-top: 2rem;
    }
    .SponsorVideoRow2 .cardText {
      margin-top: 2rem;
    }
    .SponsorVideoRow2 .flex-box-section-full-interior .rf-grid-layout-25 {
      width: calc(25% - 1rem);
    }
    .spotlightVideos3up .flex-box-section-full-interior .rf-grid-layout-33 {
      width: calc(33% - 0.66rem);
    }
    
    /* Adjust for 2 up*/
    .spotlightVideos3upNotFirst.spotlightVideos1Missing .flex-box-section .flex-box-child:nth-of-type(3) {
      display: none;
    }
    .spotlightVideos3upNotFirst.spotlightVideos1Missing .flex-box-section {
      display: flex;
      justify-content: center;
    }
    .spotlightVideos3upNotFirst.spotlightVideos1Missing .flex-box-section .flex-box-child:nth-of-type(1) {
      margin-right: calc(1% + 0.6rem);
    } 
    
    /*.SponsorVideoRow2 .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(1) {
      width: 54%;
      padding-right: 7.8vw !important;
      order: 1;
    }
    .SponsorVideoRow2 .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(2) {
      width: 54%;
      padding-right: 7.8vw !important;
      order: 3;
    }
    .SponsorVideoRow2 .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(3) {
      width: 46%;
      order: 2;
    }
    .SponsorVideoRow2 .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(4) {
      width: 46%;
      order: 4;
    }*/
  }
  
  @media (max-width: 768px) {
    .SponsorVideoRow2 .cardText {
      font-size: 3vw;
    }
   .SponsorVideoRow2 .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(2),
   .SponsorVideoRow2 .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(3),
   .SponsorVideoRow2 .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(4) {
     margin-top: 3rem;
    }
    .SponsorVideoRow2 .TopCardButton {
      margin-top: 2rem;
    }
  }
  
  @media (min-width: 1500px) {
    /*.SponsorVideoRow2 .flex-box-section-full-interior .rf-grid-layout-25:nth-of-type(1) {
      padding-right: 7.3rem !important;
    }*/
    .SponsorVideoRow2 .cardText {
      font-size: 18px;
    }
    .SponsorVideoRow2 .TopCardButton {
      margin-top: 2rem;
    }
    .SponsorVideoRow2 .cardText {
      margin-top: 2rem;
    }
  }
  
  /* SponsorVideoRow v2 - End */
  
  /* 3 up Sponsor video row - Start */
  .SponsorVideoRow3up .rf-grid-layout-33:nth-of-type(1) {
    padding-right: 0.75rem;
  }
  .SponsorVideoRow3up .rf-grid-layout-33:nth-of-type(2) {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    width: 33.34% !important;
  }
  .SponsorVideoRow3up .rf-grid-layout-33:nth-of-type(3) {
    padding-left: 0.75rem;
  }
  @media (max-width: 768px) {
   .SponsorVideoRow3up .flex-box-section-full-interior .rf-grid-layout-33:nth-of-type(2),
   .SponsorVideoRow3up .flex-box-section-full-interior .rf-grid-layout-33:nth-of-type(3) {
     margin-top: 3rem;
     width: 100% !important;
    }
  }
  /* 3 up Sponsor video row - End */
  
  /* Our Sponsors */
  .ourSponsors {
    border: 1px solid #01A982;
    padding: 1.1rem;
  }
  .ourSponsors .LobbyHeaderLabel {
    color: #FFFFFF !important;
  }
  .ourSponsors li {
    display: flex;
    flex-direction: column;
  }
  .ourSponsors .LobbyHeader {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .ourSponsors .LobbySponsors {
    display: flex;
    flex-direction: row;
    /*background-color: #000000;*/
  }
  /*.ourSponsors .LobbySponsors a {
    outline: 1px solid #FF0000 !important;
  }*/
  .ourSponsors .LobbySponsors a img {
    display: block;
    border: 0;
    width: 100%;
    transform: scale(1.3);
  }
  /* Hide The link cursor */
  .ourSponsors a {
     cursor: default !important;
     overflow: hidden;
  }
  .ourSponsors .LobbyPremier .LobbySponsors a,
  .ourSponsors .LobbyPlatinum .LobbySponsors a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
  }
  .ourSponsors .LobbyPremier .LobbySponsors a img,
  .ourSponsors .LobbyPlatinum .LobbySponsors a img {
    display: block;
    border: 0;
    width: 100%;
  }
  .ourSponsors .LobbySponsors a:hover,
  .ourSponsors .LobbySponsors a:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
  }
  .ourSponsors .LobbySponsorGold,
  .ourSponsors .LobbySponsorSilver,
  .ourSponsors .LobbySponsorBronze {
    display:flex !important;
  }
  .ourSponsors .LobbyPremier .LobbySponsors,
  .ourSponsors .LobbyPlatinum .LobbySponsors {
    margin-top: 2.7vw;
    justify-content:space-evenly;
  }
  .ourSponsors .LobbySponsorGold .LobbySponsors {
    margin-top: 2vw;
    justify-content:space-evenly;
    flex-wrap: wrap;
  }
  .ourSponsors .LobbySponsorSilver .LobbySponsors {
    margin-top: 2vw;
    justify-content:space-evenly;
    flex-wrap: wrap;
  }
  .ourSponsors .LobbySponsorBronze .LobbySponsors {
    margin-top: 6vw;
    justify-content:space-evenly;
    flex-wrap: wrap;
  }
  .ourSponsors .LobbySponsorGold .LobbySponsors a {
    width: 20% !important;
  }
  /*.ourSponsors .LobbyPremier .LobbySponsors a {
    width: 100% !important;
  }*/
  .ourSponsors .LobbySponsorSilver .LobbySponsors a {
    width: 20% !important;
    position: relative;
  }
  .ourSponsors .LobbySponsorBronze .LobbySponsors a {
    width: 20% !important;
    position: relative;
  }
  /*.ourSponsors .LobbySponsorSilverBronze .LobbySponsors a:nth-of-type(3)::after {
    content: '';
    position: absolute;
    width: 1px;
    border-right: 1px #01A982 solid;
    z-index: 2;
    height: 75%;
    top: 12.5%;
    right: 0;
  }*/
  .ourSponsors .LobbyHeaderLabel {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1.1rem;
    font-family: 'Metric Regular', Arial;
    font-size: 2.3vw;
    margin-top: 1vw;
    font-weight: bold;
    letter-spacing: 1px;
  }
  /*.ourSponsors .LobbySponsorSilverBronze .LobbyHeader > div:first-of-type {
    width: 60%;
  }
  .ourSponsors .LobbySponsorSilverBronze .LobbyHeader > div:last-of-type {
    width: 40%;
  }*/
  @media (max-width: 768px) {
    .ourSponsors .LobbyHeaderLabel {
       font-size: 24px;
       margin-top: 0.6rem;
    }
    /*.ourSponsors .LobbySponsorGold .LobbySponsors,
    .ourSponsors .LobbySponsorSilver .LobbySponsors,
    .ourSponsors .LobbySponsorBronze .LobbySponsors {
      flex-wrap: wrap;
    }*/
    .ourSponsors .LobbyPremier .LobbySponsors a,
    .ourSponsors .LobbyPlatinum .LobbySponsors a {
      width: 50%;
    }
    .ourSponsors .LobbySponsorGold .LobbySponsors a {
      width: 25% !important;
      position: relative;
    }
    .ourSponsors .LobbySponsorSilver .LobbySponsors a {
      width: 25% !important;
      position: relative;
    }
    .ourSponsors .LobbySponsorBronze .LobbySponsors a {
      width: 25% !important;
      position: relative;
    }
    .ourSponsors .LobbySponsorGold .LobbySponsors,
    .ourSponsors .LobbySponsorSilver .LobbySponsors {
      margin-top: 2rem;
    }
    .ourSponsors .LobbySponsorBronze .LobbySponsors {
      margin-top: 3rem;
    }
  }
  @media (min-width: 1500px) {
    .ourSponsors .LobbyHeaderLabel {
       font-size: 34px;
       margin-top: 1rem;
    }
    .ourSponsors .LobbyPremier .LobbySponsors,
    .ourSponsors .LobbyPlatinum .LobbySponsors {
      margin-top: 3.4rem;
    }
    .ourSponsors .LobbySponsorGold .LobbySponsors {
      margin-top: 2rem;
    }
    .ourSponsors .LobbySponsorSilver .LobbySponsors {
      margin-top: 2rem;
    }
    .ourSponsors .LobbySponsorBronze .LobbySponsors {
      margin-top: 6rem;
    }
  }
  
  /* Agenda at a Glance - Start */
  
  .AgendaAtAGlance .rf-grid-layout-100 {
    width:100%;
  }
  .AgendaAtAGlance .SectionPanel {
    display: flex;
    width: 100%;
  }
  .AgendaAtAGlance .SectionPanel .SectionPanelLabel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 243px;
    max-height: 243px;
    width: 14vw;
    height: 14vw;
    color: #FFFFFF;
    flex-shrink: 0;
    padding: 1vw;
  }
  .AgendaAtAGlance .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
    font-family: 'Metric Black' !Important;
    font-size: 1.6vw;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    line-height: 100%;
  }
  .AgendaAtAGlance .SectionPanel .SectionPanelLabel .SectionPanelLabelTimezone {
    margin-top: 1vw;
    font-size: 1vw;
    font-family: 'Metric Regular' !Important;
    font-weight: bold;
    line-height: 110%;
  }
  .AgendaAtAGlance .SectionPanel .SectionPanelMain {
    padding: 0rem;
    margin-left: 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .AgendaAtAGlance .SectionPanel .SectionPanelMain .SectionPanelInner {
    width: 100%;
    display: flex;
  }
  .AgendaAtAGlance .SectionPanel .SectionPanelMain .SectionPanelInner .labelPart {
    display: block;
    width: 70px;
    height: 22px;
  }
  .AgendaAtAGlance .AgendaWeek {
    width: 66px;
    padding: 0.5rem;
    height: 100%;
    flex-shrink: 0;
    font-weight: bold;
    font-family: 'Metric Regular', Arial;
    font-size: 18px;
    white-space: nowrap;
  }
  .AgendaAtAGlance .AgendaDays {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: space-between;
    margin-bottom: 2.7vw;
  }
  .AgendaAtAGlance .SectionPanelInner > .AgendaDays > .AgendaDay:last-of-type {
    margin-right: 0;
  }
  .AgendaAtAGlance .AgendaDay {
    width: calc(33.33% - 0.667rem);
    overflow: hidden;
    height: auto;
  }
  .AgendaAtAGlance .AgendaDays > .AgendaDay:nth-of-type(1),
  .AgendaAtAGlance .AgendaDays > .AgendaDay:nth-of-type(2) {
    margin-right: 1rem;
  }
  .AgendaAtAGlance .AgendaDays > .AgendaSpacer {
    visibility: hidden;
  }
  .AgendaAtAGlance .AdgendaHiddenDay {
    visibility: hidden;
  }
  .AgendaAtAGlance .AgendaDay > div {
    font-family: 'Metric Regular', Arial;
    font-size: 12.5px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    line-height: 110%;
  }
  .AgendaAtAGlance .AgendaDay > div > span {
    opacity: 0.65;
    white-space: nowrap;
    font-family: 'Metric Medium', Arial;
    font-size: 12.5px;
  }
  .AgendaAtAGlance .AgendaDay > div.AgendaDayName {
    text-align: left !important;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 0rem;
    padding-left: 0;
    font-family: 'Metric Black', Arial;
    font-size: 1.5vw;
    font-weight: bold;
    margin-bottom: 0.45vw;
  }
  .AgendaAtAGlance .AgendaSessionRow {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 2px;
  }
  
  .AgendaAtAGlance .AgendaSubLabel {
    font-weight: normal;
    font-size: 90%;
  }
  .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(1),
  .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(2),
  .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(3) {
    font-size: 1.2vw;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 104%;
    letter-spacing: 0.5px;
  }
  .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(1) {
    width: 25%;  
  }
  .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(2) {
    width: 75%;
    flex-grow: 1;
    flex-shrink: 1;
    font-weight: bold;
  }
  .AgendaAtAGlance .AgendaKeynote {
    background-color: #01A982;
    color: #FFFFFF;
  }
  .AgendaAtAGlance .AgendaTrackKeynote {
    background-color: #0D5265;
    color: #FFFFFF;
  }
  .AgendaAtAGlance .AgendaSponsor {
    background-color: #FEC901;
    color: #000000;
  }
  .AgendaAtAGlance .AgendaGeo {
    background-color: #FF8300;
    color: #000000;
  }
  .AgendaAtAGlance .AgendaBreakout {
    background-color: #7630EA;
    color: #FFFFFF;
  }
  .AgendaAtAGlance .AgendaHandsOn {
    background-color: #7FF9E2;
    color: #000000;
  }
  .AgendaAtAGlance .AgendaSponsor {
    background-color: #C140FF;
    color: #FFFFFF;
  }
  .AgendaAtAGlance .AgendaDoubleRow {
    display: flex !important;
    flex-direction: row;
    margin: 0 !important;
    padding: 0 !important;
    align-items: normal !Important;
  }
  .AgendaAtAGlance .AgendaDoubleRow .AgendaSessionRow {
    display: flex  !important;
    flex-direction: column;
  }
  .AgendaAtAGlance .AgendaDoubleRow .AgendaSessionRow > div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    white-space: normal;
    margin-top: 2px;
  }
  @media (max-width: 768px) {
    .AgendaAtAGlance .SectionPanel .SectionPanelLabel {
      width: 26vw;
      height: 26vw;
      padding: 2vw;
    }
    .AgendaAtAGlance .SectionPanel .SectionPanelMain .SectionPanelInner {
      flex-direction: column;
    }
    .AgendaAtAGlance .AgendaWeek {
      height: auto !important;
    }
    .AgendaAtAGlance .AgendaDays {
      width: 100% !important;
      margin-bottom: 0;
    }
    .AgendaAtAGlance .AgendaSpacer {
      display: none;
    }
    .AgendaAtAGlance .AgendaDay {
      width: 100% !important;
      margin-right: 10px;
      margin-bottom: 2rem;
      margin-right: 0 !important;
    }
    .AgendaAtAGlance .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 0.8rem;
      line-height: 100%;
    }
    .AgendaAtAGlance .SectionPanel .SectionPanelLabel .SectionPanelLabelTimezone {
      margin-top: 0.25rem;
      font-size: 0.7rem;
    }
    .AgendaAtAGlance .AgendaDay > div.AgendaDayName {
      font-size: 16px;
      margin-bottom: 8px;
    }
    .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(1),
    .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(2),
    .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(3) {
      font-size: 2.8vw;
      letter-spacing: 0;
    }
    .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(3) {
      white-space: normal;
    }
  }
  @media (min-width: 1500px) {
    .AgendaAtAGlance .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 1.6rem;
      line-height: 100%;
    }
    .AgendaAtAGlance .SectionPanel .SectionPanelLabel .SectionPanelLabelTimezone {
      margin-top: 1rem;
      font-size: 1rem;
    }
    .AgendaAtAGlance .AgendaDay > div.AgendaDayName {
      font-size: 28px;
      margin-bottom: 8px;
    }
    .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(1),
    .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(2),
    .AgendaAtAGlance .AgendaSessionRow > div:nth-of-type(3) {
      font-size: 18.0px;
      letter-spacing: 0.5px;
    }
    .AgendaAtAGlance .AgendaDays {
      margin-bottom: 3rem;
    }
  }
  
  /* Agenda at a Glance - End */
  
  /* Session Types - Start */
  .SessionTypes .rf-grid-layout-100 {
    width:100%;
  }
  .SessionTypes .SectionPanel {
    display: flex;
    width: 100%;
  }
  .SessionTypes .SectionPanel .SectionPanelLabel {
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    max-width: 243px;
    max-height: 243px;
    width: 14vw;
    height: 14vw;
    color: #FFFFFF;
    flex-shrink: 0;
    padding: 1vw;
    padding-top: 0;
  }
  .SessionTypes .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
    font-family: 'Metric Black' !Important;
    font-size: 1.6vw;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    line-height: 100%;
  }
  .SessionTypes .SectionPanel .SectionPanelMain {
    padding: 0rem;
    margin-left: 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .SessionTypes .SectionPanel .SectionPanelMain .SectionPanelInner {
    width: 100%;
    display: flex;
  }
  .SessionTypes .SectionPanel .SectionPanelMain .SectionPanelInner .labelPart {
    display: block;
    width: 70px;
    height: 22px;
  }
  .SessionTypes .SessionTypeColumnHolder {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: space-between;
    margin-bottom: 2.7vw;
  }
  .SessionTypes .SessionTypeImage {
    padding: 0 !important;
  }
  .SessionTypes .SessionTypeImage img {
    display: block;
    width: 100%;
  }
  .SessionTypes .SectionPanelInner > .SessionTypeColumnHolder > .SessionTypeColumn:last-of-type {
    margin-right: 0;
  }
  .SessionTypes .SessionTypeColumn {
    width: calc(33.33% - 0.667rem);
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .SessionTypes .SessionTypeColumnHolder > .SessionTypeColumn:nth-of-type(1),
  .SessionTypes .SessionTypeColumnHolder > .SessionTypeColumn:nth-of-type(2) {
    margin-right: 1rem;
  }
  .SessionTypes .SessionTypeColumn > div {
    font-family: 'Metric Regular', Arial;
    font-size: 12.5px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    line-height: 110%;
    position: relative;
  }
  .SessionTypes .SessionTypeLower {
    flex-direction: column;
    padding: 0 !important;
    flex-grow: 1;
    display: flex;
  }
  .SessionTypes .SectionPanelInner:nth-of-type(1) .SessionTypeColumn:nth-of-type(1) .SessionTypeLower {
    background-color: #01A982 !important;
    color: #FFFFFF;
  }
  .SessionTypes .SectionPanelInner:nth-of-type(1) .SessionTypeColumn:nth-of-type(2) .SessionTypeLower {
    background-color: #0d5265 !important;
    color: #FFFFFF;
  }
  .SessionTypes .SectionPanelInner:nth-of-type(1) .SessionTypeColumn:nth-of-type(3) .SessionTypeLower {
    background-color: #7ff8e1 !important;
    color: #000000;
  }
  .SessionTypes .SectionPanelInner:nth-of-type(2) .SessionTypeColumn:nth-of-type(1) .SessionTypeLower {
    background-color: #C140FF !important;
    color: #FFFFFF;
  }
  .SessionTypes .SectionPanelInner:nth-of-type(2) .SessionTypeColumn:nth-of-type(2) .SessionTypeLower {
    background-color: #7630EA !important;
    color: #FFFFFF;
  }
  .SessionTypes .SectionPanelInner:nth-of-type(2) .SessionTypeColumn:nth-of-type(3) .SessionTypeLower {
    background-color: #FF8300 !important;
    color: #000000;
  }
  .SessionTypes .SessionTypeTitle {
    width:100%;
    padding: 1vw;
    font-size: 1.4vw;
    font-weight: bold;
    white-space: normal;
    letter-spacing: 0.5px;
    line-height: 110%;
  }
  .SessionTypes .SessionTypeText {
    width:100%;
    padding: 1vw;
    padding-top: 0;
    font-size: 1.3vw;
    white-space: normal;
    line-height: 110%;
    flex-grow: 1;
  }
  .SessionTypes .SectionPanelInner.ContinuousLearning {
    background-color: #EDEDED;
  }
  .SessionTypes .SectionPanelInner.ContinuousLearning .SessionTypeColumnHolder {
    margin-bottom: 0;
  }
  .SessionTypes .SectionPanelInner.ContinuousLearning .SessionTypeColumn {
    width: calc(66.66% - 1.334rem);
  }
  
  @media (max-width: 768px) {
    .SessionTypes .SectionPanel .SectionPanelLabel {
      width: 26vw;
      height: 26vw;
      padding: 2vw;
    }
    .SessionTypes .SectionPanelInner.ContinuousLearning .SessionTypeColumn{
      margin-bottom: 0;
    }
    .SessionTypes .SectionPanel .SectionPanelMain .SectionPanelInner {
      flex-direction: column;
    }
    .SessionTypes .SessionTypeColumnHolder {
      width: 100% !important;
      margin-bottom: 0;
    }
    .SessionTypes .SessionTypeColumn {
      width: 100% !important;
      margin-right: 10px;
      margin-bottom: 2rem;
      margin-right: 0 !important;
    }
    .SessionTypes .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 0.8rem;
    }
    .SessionTypes .SessionTypeTitle {
      padding: 0.8rem;
      font-size: 16px;
      letter-spacing: 0;
    }
    .SessionTypes .SessionTypeText {
      padding: 0.8rem;
      padding-top: 0;
      font-size: 1rem;
    }
  }
  @media (min-width: 1500px) {
    .SessionTypes .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 1.6rem;
    }
    .SessionTypes .SessionTypeColumnHolder {
      margin-bottom: 3rem;
    }
    .SessionTypes .SessionTypeTitle {
      padding: 0.8rem;
      font-size: 1.2rem;
    }
    .SessionTypes .SessionTypeText {
      padding: 0.8rem;
      padding-top: 0;
      font-size: 1rem;
    }
  }
  /* Session Types - End */
  
  /* TypePanel - Start */
  .typePanel {
    display: flex;
  }
  
  @media (max-width: 768px) {
    .flex-box-section-full-interior .rf-grid-layout-50:last-of-type .typePanel {
      margin-top: 3rem;
    }
  }
  @media (min-width: 769px) {
    .flex-box-section-full-interior .rf-grid-layout-50:first-of-type .typePanel {
      padding-right: 4vw !important;
    }
    .flex-box-section-full-interior .rf-grid-layout-50:last-of-type .typePanel {
      padding-left: 4vw !important;
    }
  }
  @media (min-width: 1500px) {
    .flex-box-section-full-interior .rf-grid-layout-50:first-of-type .typePanel {
      padding-right: 4rem !important;
    }
    .flex-box-section-full-interior .rf-grid-layout-50:last-of-type .typePanel {
      padding-left: 4rem !important;
    }
  }
  
  .typePanel img {
    display: block;
    max-width: 243px;
    max-height: 243px;
    border: 1px solid #FFFFFF;
    width: 14vw;
    height: 14vw;
  }
  @media (max-width: 768px) {
    .typePanel img {
      width: 26vw;
      height: 26vw;
    }
  }
  .typePanelMain {
    border: 1px solid #01A982;
    padding: 1rem;
    margin-left: 1rem;
    width: 100%;
  }
  
  .typePanelHeader {
    font-family: 'Metric Regular' !Important;
    font-size: 1.4vw;
    font-weight: bold;
    margin-bottom: 1rem;
  }
  @media (max-width: 768px) {
    .typePanelHeader {
      font-size: 4vw;
    }
  }
  @media (min-width: 1500px) {
    .typePanelHeader {
      font-size: 22px;
    }
  }
  .typePanelText {
    font-family: 'Metric Regular' !Important;
    font-size: 1.2vw;
    margin-bottom: 1rem;
  }
  
  @media (max-width: 768px) {
    .typePanelText {
      font-size: 3.8vw;
    }
  }
  @media (min-width: 1500px) {
    .typePanelText {
      font-size: 16px;
    }
  }
  .panelButton {
    padding: 0.4rem 0.9rem !important;
    font-family: 'Metric Regular', Arial;
    color: #FFFFFF !important;
    background-color: #01A982;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.1vw;
    line-height: 120%;
    transition: 40ms ease-in-out !important;
    outline-offset: 0;
    text-decoration: none !important;
    position: absolute;
    bottom: 0;
    left:0;
    margin: 0.8rem;
  }
  .panelButton:hover,
  .panelButton:focus {
    outline: 2px solid #01A982 !important;
  }
  
  .ContinuousLearning .SessionTypeLower {
    align-items: flex-start !important;
  }
  .ContinuousLearning .panelButton {
    position: relative;
    margin-top: 0;
  }
  .accordionPanel .panelButton {
    position: relative;
    margin-left: 0;
    margin-top: 1rem;
  }
  @media (max-width: 768px) {
    .panelButton {
      font-size: 2.6vw;
    }
  }
  @media (min-width: 1500px) {
    .panelButton {
      font-size: 1.1rem;
    }
  }
  
  /* TypePanel - End */
  
  /* Session Levels - Start */
  
  .SessionLevelsOuter {
    position: relative;
    overflow-y: hidden;
  }
  .SessionLevelsOuter .rf-grid-layout-100 {
    width: 100%;
  }
  .SessionLevels {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    flex-direction: column;
  }
  .SessionLevelsHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-family: 'Metric Black', Arial !important;
    font-weight: bold;
    font-size: 2.5vw;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .SessionLevelsSubHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.2vw;
    margin-bottom: 2vw;
    font-family: 'Metric Regular', Arial !important;
    font-size: 1.3vw;
  }
  .SessionLevelsInner {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .SessionLevel {
    width: 20vw;
    height: 20vw;
    border: 1px solid #7630EA;
    margin: 1vw;
    max-width: 300px;
    max-height: 300px;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .SessionLevelLabel {
    height: 30%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    bottom: 0;
    padding: 1vw;
    font-family: 'Metric Black', Arial !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2vw;
    font-weight: bold;
  }
  .SessionLevelText {
    height: 70%;
    padding: 1vw;
    padding-top: 0;
    font-family: 'Metric Regular', Arial !important;
    font-size: 1.1vw;
    line-height: 110%;
  }
  .SessionLevelText ul {
    margin-top: 0.3vw;
    padding-left: 1.2vw;
  }
  .SessionLevelText ul li {
    color: #FFFFFF !important;
    list-style: disc; 
    line-height: 110%;
  }
  .SessionLevelsOuter::before {
    content: '';
    position: absolute;
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Background%20gradient_1629461194536001MEWt.png');
    width: 100%;
    height: 48vw;
    max-height: 810px;
    top: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
  }
  
  @media (max-width: 768px) {
    .SessionLevelsHeader {
      font-size: 30px;
      margin-top: 0rem;
    }
    .SessionLevelsSubHeader {
      font-size: 14px;
      margin-top: 1rem;
      margin-bottom: 0.5rem;
    }
    .SessionLevelsOuter::before {
      height: 200vw;
    }
    .SessionLevelsInner {
      flex-direction: column;
      align-items: center;
    }
    .SessionLevel {
      min-width: 70vw;
      min-height: 70vw;
      max-width: 100%;
      max-height: 100%;
      margin: 3vw;
      padding-bottom: 20vw;
    }
    .SessionLevelLabel {
      font-size: 5vw;
      margin: 1.4vw;
    }
    .SessionLevelText {
      font-size: 4vw;
      padding: 2.4vw;
      padding-top: 0;
      margin-bottom: 2vw;
    }
    .SessionLevelText ul {
      margin-top: 0.3vw;
      padding-left: 4.6vw;
      margin-bottom: 13vw;
    }
  }
  @media (min-width: 1500px) {
    .SessionLevelsHeader {
      font-size: 40px;
      margin-top: 0.5rem;
    }
    .SessionLevelsSubHeader {
      font-size: 18px;
      margin-top: 1.4rem;
      margin-bottom: 2rem;
    }
    .SessionLevelLabel {
      font-size: 2rem;
      margin: 0rem;
    }
    .SessionLevelText {
      font-size: 1rem;
      padding: 1.2rem;
      padding-top: 0;
    }
    .SessionLevelText ul {
      margin-top: 0.3rem;
      padding-left: 1.2rem;
    }
  }
  
  /* Session Levels - End */
  
  /* rafflePanel - Start */
  .hpenterprises-tss22-sponsorshowcaseraffles-page-raffles .rf-workflow-body-content {
    background-color: rgb(0, 0, 0);
  }
  .rafflePanel {
    display: flex;
  }
  @media (max-width: 768px) {
    .flex-box-section-full-interior .rf-grid-layout-50:last-of-type .rafflePanel {
      margin-top: 3rem;
    }
  }
  @media (min-width: 769px) {
    .flex-box-section-full-interior .rf-grid-layout-50:first-of-type .rafflePanel {
      padding-right: 3.9vw !important;
    }
    .flex-box-section-full-interior .rf-grid-layout-50:last-of-type .rafflePanel {
      padding-left: 3.9vw !important;
    }
  }
  @media (min-width: 1500px) {
    .flex-box-section-full-interior .rf-grid-layout-50:first-of-type .rafflePanel {
      padding-right: 3.65rem !important;
    }
    .flex-box-section-full-interior .rf-grid-layout-50:last-of-type .rafflePanel {
      padding-left: 3.65rem !important;
    }
  }
  .rafflePanel img {
    display: block;
    max-width: 243px;
    max-height: 243px;
    border: 0;
    width: 14vw;
    height: 14vw;
  }
  @media (max-width: 768px) {
    .rafflePanel img {
      width: 26vw;
      height: 26vw;
    }
  }
  .rafflePanelMain {
    border: 1px solid #01A982;
    padding: 1rem;
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .rafflePanelHeader {
    font-family: 'Metric Black' !Important;
    color: #01A982 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2vw;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 1rem;
  }
  @media (max-width: 768px) {
    .rafflePanelHeader {
      font-size: 3.4vw;
    }
  }
  @media (min-width: 1500px) {
    .rafflePanelHeader {
      font-size: 30px;
    }
  }
  .rafflePanelText {
    font-family: 'Metric Regular' !Important;
    font-size: 1.2vw;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
    flex-grow: 1;
  }
  .rafflePanelText a {
    display: block;
    margin-top: 0.5rem;
  }
  .rafflePanelText a.sponsorInnerLink {
    color: #FFFFFF;
    text-decoration: underline;
    margin-top: 0;
    display: inline;
  }
  .rafflePanelText a.sponsorInnerLink:hover,
  .rafflePanelText a.sponsorInnerLink:focus {
    color: #FFFFFF;
    text-decoration: none;
  }
  @media (max-width: 768px) {
    .rafflePanelText {
      font-size: 3.8vw;
    }
  }
  @media (min-width: 1500px) {
    .rafflePanelText {
      font-size: 16px;
    }
  }
  .raffleButton {
    text-decoration: none;
    font-family: 'Metric Regular' !Important;
    font-size: 1vw;
    font-weight: bold;
    line-height: 110%;
    outline: 0;
    text-decoration: none !important;
    color: #FFFFFF;
    position: relative;
  }
  @media (max-width: 768px) {
    .raffleButton {
      font-size: 2.8vw;
    }
  }
  @media (min-width: 1500px) {
    .raffleButton {
      font-size: 16px;
    }
  }
  .raffleButton::after {
    content: '';
    background-image: url("https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Lobby_Link_Arrow_White_1638970391795001zsaL.svg");
    background-size: 19px 14px !important;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 18px;
    height: 100%;
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
    /*transition: .4s ease;*/
    transition: 150ms ease-in-out;
    top: 4%;
  }
  .raffleButton:hover::after, .raffleButton:focus::after {
    margin-left: 10px;
  }
  .raffleTopRow::before {
    content: '';
    position: absolute;
    background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Background%20gradient_1629461194536001MEWt.png');
    width:100%;
    height: 48vw;
    max-height: 810px;
    top:-3rem;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
  }
  @media (max-width: 768px) {
    .raffleTopRow::before {
      height: 200vw;
    }
  }
  
  /* rafflePanel - End */
  
  /* End MASE */
  
  /* ### Start Header ### */
  .rf-org-header-container {
    min-height: 66px;
    height: 66px;
    position: relative;
    background-color: #FFFFFF;
  }
  .header_outer {
    width: 100%;
    height: 66px;
    min-height: 66px;
    position: fixed;
    z-index: 101;
    display: flex;
    justify-content: center;
    top: 0;
    background-color: #FFFFFF;
  }
  @media screen and (min-width: 1089px) {
    .navBorder {
      border-bottom: 2px solid #eeeeee;
      height: 68px !important;
    }
  }
  #header_inner {
    width: 95%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
  }
  #header_left {
    display: flex;
    align-items: center;
  }
  #header_img {
    width: 129px;
    height: 42px;
    border: 0;
    display: block;
  }
  .navToggle:hover {
    cursor: pointer;
  }
  .HPE_Nav {
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    padding-right: 1.3rem;
    height: 100%;
    align-items: center;
  }
  .HPE_NavHide {
    display: none;
  }
  
  .navToggle {
    position: absolute;
    width: 130px;
    height: 42px;
    /*margin-right: 64px;*/
    right: 0;
    border: none;
    outline: none;
    align-items: center;
    top: 0;
    display: none;
    padding-left: 10px;
    z-index: 1;
    background: transparent;
  }
  
  .navToggleHide {
    display: none !important;
  }
  
  #header_menu {
    list-style: none;
    flex-direction: row;
    justify-content: center;
    padding: 0;
    display: flex; /*Hide when not using menu none|flex*/
    margin-right: -12px;
    flex-shrink: 0;
    height: 100%;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0;
  }
  
  #header_menu li {
    flex-shrink: 0;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 0.8rem;
  }
  
  #header_menu li a {
    text-decoration: none;
    font-size: 14.5px;
    color: #000000;
    white-space: nowrap;
    font-family: 'Metric Regular', Arial;
    line-height: 1.2rem;
    flex-shrink: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
  }
  
  #header_menu li a:hover, #header_menu li a:focus {
    color: #01A982;
    outline: 0;
  }
  
  .menuHighlight, .menuHighlight:hover, .menuHighlight:focus {
    color: #01A982 !important;
  }
  
  .menuHighlight:after,
  #header_menu li a:hover:after,
  #header_menu li a:focus:after {
    content: '';
    border-bottom: 4px solid #01A982;
    height: 100%;
    width: 100%;
    position: absolute;
    /*padding: 0 0.8rem !important;*/
    left: 0;
    /*padding-left: 0.8rem;
    padding-right: 0.8rem;*/
    bottom: 0;
  }
  
  .navBtn::before,
  .navBtn::after {
    content: '';
    position: absolute;
    left: 0;
  }
  
  .navBtn::before {
    bottom: 7px;
  }
  
  .navBtn::after {
    top: 7px;
  }
  
  .navLabel {
    display: block;
    position: relative;
    left: 30px;
    color: #000000;
    font-family: 'Metric Medium', Arial;
    font-size: 1.0rem;
    margin-top: -2px;
  }
  
  /* Task Lists menu item */
  .HPE_Nav .Nav_taskLists {
    height: 100%;
    display: none;
    align-items: center;
    margin-left: 1.4rem;
    position: relative;
    flex-shrink: 0;
  }
  .HPE_Nav .Nav_taskLists > a {
    font-family: 'Metric Regular', Arial;
    padding: 0 0.8rem;
    padding-top: 8px;
    padding-bottom: 8px;
    /*font-weight: 700;*/
    color: #000000;
    /*letter-spacing: 0.6px;*/
    font-size: 14.5px;
    transition: outline 40ms ease;
    height: 32px;
    width: auto;
    outline: 1px solid #01A982 !important;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    line-height: 120%;
  }
  .HPE_Nav .Nav_taskLists:hover > a,
  .HPE_Nav .Nav_taskLists:focus > a {
    outline: 2px solid #01A982 !important;
    transition: outline 40ms ease;
    outline-offset: 0;
  }
  .NavDesktopOnlyItem {
    display: block;
  }
  .NavMobileOnlyItem {
    display: none;
  }
  .header_taskLists_menu_container {
    position: absolute;
    background-color: #F2F2F2;
    display: block;
    visibility: hidden;
    width: auto;
    max-width: 300px;
    left: 0;
    top: 66px;
    opacity: 0;
  }
  .header_taskLists_menu {
    list-style: none;
    width: 100%;
    overflow: visible;
    margin: 0;
    padding: 0;
  }
  .header_taskLists_menu li {
    height: 36px;
    font-size: 14.5px;
    color: #000000;
    font-family: 'Metric Regular', Arial;
    text-decoration: none;
    width: 100%;
    max-width: 300px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
  }
  .header_taskLists_menu li a {
    height: 36px;
    width: 100%;
    font-size: 14.5px;
    color: #000000;
    white-space: nowrap;
    font-family: 'Metric Regular', Arial;
    text-decoration: none !important;
    overflow: visible;
    display: flex;
    align-items: center;
    padding: 0.65rem 0.85rem 0.65rem 0.85rem;
  }
  .header_taskLists_menu li a:hover,
  .header_taskLists_menu li a:focus {
    color: #01A982;
  }
  .HPE_Nav .Nav_taskLists li:not(:last-child) {
    border-bottom: 2px solid #DDDDDD !important;
  }
  
  /* My Dashboard menu item */
  .HPE_Nav .Nav_dashboard {
    height: 100%;
    display: none;
    align-items: center;
    padding-left: 1.4rem;
    flex-shrink: 0;
  }
  .HPE_Nav .Nav_dashboard a {
    font-family: 'Metric Regular', Arial;
    background-color: #01A982;
    padding: 0 0.8rem;
    padding-top: 8px;
    padding-bottom: 8px;
    /*font-weight: 700;*/
    color: #FFFFFF;
    /*letter-spacing: 0.6px;*/
    font-size: 14.5px;
    transition: outline 40ms ease;
    height: 32px;
    width: auto;
    outline: 1px solid #01A982 !important;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    line-height: 110%;
  }
  .HPE_Nav .Nav_dashboard a:hover,
  .HPE_Nav .Nav_dashboard a:focus {
    outline: 2px solid #01A982 !important;
    transition: outline 40ms ease;
    outline-offset: 0;
  }
  
  /* Navitar */
  .header_avatar {
    height: 100%;
    display: flex;
    align-items: center;
    visibility: hidden;
  }
  .header_avatar_image {
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #01A982;
    border-radius: 25px;
    flex-shrink: 0;
    outline: 0;
    color: #666666 !important;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Metric Regular', Arial;
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
  }
  .header_avatar:hover .header_avatar_image,
  .header_avatar:focus .header_avatar_image,
  .header_avatar_image:focus {
    border: 1px solid #666666;
    cursor: default;
  }
  .header_avatar_menu_container {
    position: absolute;
    background-color: #F2F2F2;
    display: block;
    visibility: hidden;
    width: auto;
    max-width: 300px;
    right: 0;
    top: 66px;
    opacity: 0;
  }
  .header_avatar_menu {
    list-style: none;
    width: 100%;
    overflow: visible;
    margin: 0;
    padding: 0;
  }
  .header_avatar_menu li {
    height: 36px;
    font-size: 14.5px;
    color: #000000;
    font-family: 'Metric Regular', Arial;
    text-decoration: none;
    width: 100%;
    max-width: 300px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
  }
  .header_avatar_menu li:first-of-type {
    background-color: #DFDFDF;
    cursor: default;
    padding: 0.65rem 0.8rem 0.65rem 0.8rem;
  }
  .header_avatar_menu li a {
    height: 36px;
    width: 100%;
    font-size: 14.5px;
    color: #000000;
    white-space: nowrap;
    font-family: 'Metric Regular', Arial;
    text-decoration: none !important;
    overflow: visible;
    display: flex;
    align-items: center;
    padding: 0.65rem 0.85rem 0.65rem 0.85rem;
  }
  .header_avatar_menu li a:hover,
  .header_avatar_menu li a:focus {
    color: #01A982;
  }
  .header_avatar_menu li:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #DDDDDD !important;
  }
  
  /* ### Header Media Queries ### */
  @media screen and (max-width: 68rem) {
    /*1040px*/
    .rf-org-header-container {
      min-height: 66px;
      height: 66px;
      position: relative;
    }
    .rf-org-header-containerReset {
      min-height: 124px;
      height: 124px;
    }
    /* Now dynamically calculated
    .rf-org-header-containerActive {  Adjust height depending on number of menu items 124 + 36px per item 
      height: 376px;
    } */
    .header_outer {
      min-height: 66px;
      height: 66px;
      position: relative;
    }
    .header_outerReset {
      height: 124px;
      min-height: 124px;
    }
    .header_outerAnim {
      transition: all 0.3s ease 0.1s;
    }
    .rf-org-header-containerAnim {
      transition: all 0.3s ease 0.1s;
    }
    .header_outerActive { /* one to check re: mobile animation */
      height: 100%;
      min-height: 100%;
      /*height: 396px;*/
    }
    header_outerActiveAnim {
      transition: all 0.3s ease;
    }
    .rf-org-header-containerActiveAnim {
      transition: all 0.3s ease 0.1s;
    }
    #header_inner {
      display: block;
      margin-top: 12px;
    }
    #header_img {
      margin-top: 2px;
    }
    .HPE_Nav {
      width: 100%;
      height: 100%;
      min-height: 100%;
      padding-top: 52px;
      padding-bottom: 13px;
      justify-content: flex-start;
      opacity: 0.0;
      flex-direction: column;
      align-items: flex-start;
    }
    .HPE_NavAnim {
      transition: all 0.3s ease 0.3s;
    }
    .HPE_NavAnimNoDelay {
      transition: all 0.3s ease;
    }
    .NMenuShow {
      opacity: 1.0;
    }
    #header_menu {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      width: 140px;
      margin: 0;
      margin-top: 10px;
      padding: 0;
      height: auto;
    }
    .HPEInitialMobileState {
      display: none !important;
    }
    .navToggle {
      display: flex;
      left: 0;
      right: auto;
      top: 59px;
      margin-left: -10px;
    }
    #header_menu li {
      width: 100%;
      height: 36px; /* new */
    }
    #header_menu li a {
      height: 100%;
      width: 100%;
      display: block;
      padding: 0.5rem 0;
      font-size: 18px;
    }
  
    .menuHighlight:after,
    #header_menu li a:hover:after,
    #header_menu li a:focus:after {
      display: none;
    }
  
    /* Task Lists menu item */
    .HPE_Nav .Nav_taskLists {
      align-items: flex-start;
      height: auto;
      margin-top: 8px;
      margin-left: 0;
      display: none;
      flex-direction: column;
    }
    .HPE_Nav .Nav_taskLists a {
      margin: 0;
      margin-bottom: 10px;
      padding: 7px 10px;
      width: 160px;
    }
    .HPE_Nav .Nav_taskLists a:last-of-type {
      margin-bottom: 2px;
    }
    .NavDesktopOnlyItem {
      display: none !important;
    }
    .NavMobileOnlyItem {
      display: block;
    }
    .HPE_Nav .Nav_taskLists:hover > a,
    .HPE_Nav .Nav_taskLists:focus > a {
      outline: 1px solid #01A982 !important;
    }
    .HPE_Nav .Nav_taskLists > a:hover,
    .HPE_Nav .Nav_taskLists > a:focus {
      outline: 2px solid #01A982 !important;
      transition: outline 40ms ease;
      outline-offset: 0;
    }
  
    /* My Dashboard menu item */
    .HPE_Nav .Nav_dashboard {
      margin-top: 8px;
      margin-bottom: 0;
      flex-grow: 1;
      align-items: flex-start;
      padding-left: 0;
    }
    .HPE_Nav .Nav_dashboard a {
      margin: 0;
      padding: 7px 10px;
      width: 160px;
    }
  
    .navToggle:hover .navLabel, .navToggle:focus .navLabel {
      color: #01A982;
    }
  
    .navTogglelActive > .navLabel {
      color: #01A982;
    }
    .navBtn {
      display: block;
      position: absolute;
    }
    .navBtn,
    .navBtn::before,
    .navBtn::after {
      width: 22px;
      height: 2px;
      background-color: #01A982;
      outline: none;
    }
    .navBtnActive,
    .navBtnActive::before,
    .navBtnActive::after {
      background-color: #000000;
    }
  
    /* Navitar */
    .header_avatar {
      position: absolute;
      /*right: 0;*/
      right: -11px;
      top: 46px;
      width: 66px;
      height: 66px;
      justify-content: center;
    }
    .header_avatar_menu li:first-of-type {
      font-size: 18px;
      padding: 0.35rem 0.8rem 0.35rem 0.8rem;
    }
    .header_avatar_menu li a {
      font-size: 18px;
      padding: 0.35rem 0.85rem 0.35rem 0.85rem;
    }
  }
  
  @media screen and (max-width: 44rem) {
    /*640px*/
  }
  
  .rf-org-header-container {
    position: relative;
  }
  
  /* ### End Header ### */
  
  /* Hero Maxi Start */
  .hero_maxi {
    width: 100%;
    /*margin-top: 100px;*/
    height: 135px;
    min-height: 135px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .hero_maxi_content {
    width: 90%;
    margin-left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
  }
  
  .hero_maxi_header {
    display: flex;
    flex-direction: column;
    font-family: 'Metric Bold';
    color: #FFFFFF;
    font-size: 40px;
    line-height: 1em;
    text-align: center;
    justify-content: center;
    width: 100%;
  }
  
  .hero_maxi_subheader {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40%;
    bottom: 0 !important;
    font-family: 'Metric Regular';
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1em;
    text-align: center;
    width: 100%;
  }
  
  .hero_maxi_subheader a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-family: 'Metric Regular';
    font-size: 18px;
    line-height: 1em;
    margin-right: 16px;
    white-space: nowrap;
    position: relative;
  }
  .hero_maxi_subheader a.MoreRightMargin {
    margin-right: 60px;
  }
  .hero_maxi_subheader a::after {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 18px;
    height: 100%;
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
    transition: 150ms ease-in-out;
    top: 3%;
    background-image: url("https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Lobby_Link_Arrow_White_1638970391795001zsaL.svg");
  }
  .hero_maxi_subheader a:hover::after,
  .hero_maxi_subheader a:focus::after {
    margin-left: 10px;
  }
  /*.hero_maxi_shim {
    height: 250px;
    width: 1px;
    display: none;
  }*/
  
  @media screen and (max-width: 65rem) {
    /*1040px*/
    .hero_maxi {
      margin-top: 0;
      height: 135px;
      min-height: 135px;
    }
    /*.hero_maxi_shim {
      height: 170px;
    }*/
    .hero_maxi_header {
      font-size: 30px;
    }
    .hero_maxi_subheader {
      font-size: 18px;
    }
    .hero_maxi_subheader a {
      font-size: 17px;
    }
  }
  
  @media screen and (max-width: 44rem) {
    /*640px*/
    .hero_maxi {
      height: 135px;
      min-height: 135px;
    }
    /*.hero_maxi_shim {
      height: 150px;
    }*/
    .hero_maxi_header {
      font-size: 22px;
    }
    .hero_maxi_subheader {
      font-size: 16px;
      height: 50%;
      flex-direction: column;
    }
    .hero_maxi_subheader a {
      font-size: 16px;
      margin-right: 0px;
      margin-top: 4px;
    }
    .hero_maxi_subheader a.MoreRightMargin {
      margin-right: 0px;
    }
    .hero_maxi_subheader a::after {
      top: 0;
    }
    .hero_maxi_subheaderMobileHide {
      display: none;
    }
  }
  
  /* Hero Maxi End */
  
  
  /* ### Footer - Start ### */
  
  #footer_outer {
    background-color: #000000;
    width: 100%;
    display: block;
  }
  
  #footer_inner {
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center
  }
  
  .footer_text {
    width: 100%;
    margin: 0 auto;
    font-family: 'Metric Light', Arial;
    line-height: 1.1em;
    color: #FFFFFF;
    font-size: 0.8rem;
    position: relative;
    padding: 1.3rem 1.3rem 0 0;
  }
  
  .footer_text a {
    font-family: 'Metric Light', Arial;
    color: #FFFFFF !important;
    text-decoration: underline !important;
  }
  
  .footer_text a:hover, .footer_text a:focus {
    color: #FFFFFF !important;
    text-decoration: none !important;
  }
  
  .footer_powered {
    width: 150px;
    height: 23px;
    display: block;
    border: 0;
    margin-top: 20px;
  }
  
  .rf-org-footer-container {
    background-color: #000000 !important;
  }
  
    .rf-org-footer-container footer {
      /*padding-bottom: 35px;*/
      background-color: #000000;
    }
  
  
  /* ### Footer Media Queries ### */
  @media screen and (max-width: 65rem) {
    /*1040px*/
    #footer_inner {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .footer_powered {
      margin-top: 14px;
      margin-bottom: 2px;
    }
  }
  
  @media screen and (max-width: 40rem) {
    /*640px*/
  }
  
  /* ### Footer - End ### */
  
  /* ### End Footer ### */
  
  /* Lobby - Start */
  
  @media (max-width: 768px) {
    .NHideMobileSecond > .flex-box-section-full-interior > .flex-box-section > .flex-box-child:nth-of-type(2) {
      display: none;
    }
    .NHideMobileThird > .flex-box-section-full-interior > .flex-box-section > .flex-box-child:nth-of-type(3) {
      display: none;
    }
    .NHideMobileForth > .flex-box-section-full-interior > .flex-box-section > .flex-box-child:nth-of-type(4) {
      display: none;
    }
  }
  
  .NVideoPaddingBottomFirstRow {
    padding-bottom:17px;
  }
  
  .NThin_Padding {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  .NNoPaddingTop {
    padding-top: 0;
  }
  
  .NNoPaddingBottom {
    padding-bottom: 0;
  }
  
  .NExtraMarginTop {
    margin-top:30px;
  }
  
  .NExtraMarginBottom {
    margin-bottom: 30px;
  }
  
  .NMarginTop {
    margin-top:30px;
  }
  @media all and (max-width: 768px){
   .NMarginTop {
     margin-top:0;
   }
  }
  
  .NMarginBottom {
    margin-bottom:30px;
  }
  @media all and (max-width: 768px){
   .NMarginBottom {
     margin-bottom:20px;
   }
  }
  
  .NMarginTopDesktopOnly {
    margin-top:30px;
  }
  
  /* Handle margins and padding in mobile mode */
  @media all and (max-width: 768px){
   .NNoBottomMarginOnLastMobileChild .rf-grid-layout-33:last-of-type {
     margin-bottom: 0;
   }
   .NMarginTopDesktopOnly {
     margin-top:0px;
   }
   .NNoPaddingBottomMobile {
     padding-bottom:0;
   }
   .NFlexSpaceEven .rf-grid-layout-50 {
     margin-bottom:20px;
   }
   .NFlexSpaceEven .rf-grid-layout-33 {
     margin-bottom:20px;
   }
   .NFlexSpaceEven .rf-grid-layout-25 {
     margin-bottom:20px;
   }
   .NFlexSpaceEven {
     padding-top:0;
   }
   .NTopRowWithCard, .NTopRowCatalog {
     margin-top:30px;
     margin-bottom: 10px;
   }
   .NoMarginTopMobile {
     margin-top:0;
   }
   .NMobileBottomPadding {
     margin-bottom:30px;
   }
  }
  
  .NFlexSpaceEven > .flex-box-section-full-interior > .flex-box-section {
    justify-content: center;
  }
  
  @media all and (min-width: 769px){
    /* Padding Tweeks */
    .NGreenBG > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-25:nth-of-type(1) {
      padding-left: 0px;
      padding-right: 12px;
    }
  
    .NGreenBG > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-25:nth-of-type(2) {
      padding-left: 4px;
      padding-right: 8px;
    }
  
    .NGreenBG > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-25:nth-of-type(3) {
      padding-left: 8px;
      padding-right: 6px;
    }
  
    .NGreenBG > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-25:nth-of-type(4) {
      padding-left: 8px;
      padding-right: 0px;
    }
  
    .NGreenBG > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-25 {
      padding-left: 8px;
      padding-right: 12px;
    }
    
    .NFlexSpaceEven > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-25 {
      width: 24%;
    }
    .NFlexSpaceEven > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-33 {
      width: 32%;
    }
    .NFlexSpaceEven > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-50 {
      width: 48%;
    }
    .NFlexSpaceEven > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-66 {
      width: 64%;
    }  
    .NFlexSpaceEven > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-75 {
      width: 72%;
    }
    .NFlexSpaceEven > .flex-box-section-full-interior > .flex-box-section > .rf-grid-layout-100 {
      width: 96%;
    }
  }
  
  /* Portal Cards - Start */
  
  .lobbyCardRow2up,
  .lobbyCardRow1up {
    margin-top: 8rem;
  }
  .lobbyCardRow1up.lobbyDashboard,
  .lobbyCardRow1up.lobbyDashboard {
    margin-top: 0;
  }
  .lobbyCardRow2up .rf-card,
  .lobbyCardRow1up .rf-card {
    min-height: 300px;
  }
  
  @media (max-width: 768px) {
    .CardsSurvey.mt8 {
      margin-top: 6rem !important;
    }
  }
   
  @media (min-width: 769px) {
    .lobbyCardRow2up .rf-grid-layout-25 {
      width: auto;
    }
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(1),
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(3) {
      width: auto;
      flex-grow: 0;
      margin-right: 1rem;
    }
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(2),
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(4) {
      width: 10%;
      flex-grow: 1;
    }
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(2) {
      margin-right: 8vw;
    }
    .lobbyCardRow1up .rf-grid-layout-25 {
      width: auto;
      margin-right: 1rem;
    }
    .lobbyCardRow1up .rf-grid-layout-75 {
      width: auto;
      flex-grow: 1;
    }
    .lobbyCardRow2up .card-header,
    .lobbyCardRow1up .card-header {
      display: none;
    }
  }
  
  
  .lobbyCardRow2up .SectionPanel .SectionPanelLabel,
  .lobbyCardRow1up .SectionPanel .SectionPanelLabel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 243px;
    max-height: 243px;
    width: 14vw;
    height: 14vw;
    flex-shrink: 0;
    padding: 1vw;
  }
  .lobbyCardRow2up .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle,
  .lobbyCardRow1up .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
    font-family: 'Metric Black' !Important;
    font-size: 1.8vw;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    line-height: 110%;
    color: #FFFFFF;
    /*height: 75%;*/
  }
  @media (min-width: 769px) {
    .lobbyCardRow2up.CardsUpcomingSessionsSurveys .flex-box-section .flex-box-child:nth-of-type(2) {
      border: 1px solid #0D5265;
    }
    .lobbyCardRow2up.CardsUpcomingSessionsSurveys .flex-box-section .flex-box-child:nth-of-type(4),
    .lobbyCardRow2up.CardsSurveysLive .flex-box-section .flex-box-child:nth-of-type(2),
    .lobbyCardRow1up.CardsSurvey .flex-box-section .flex-box-child:nth-of-type(2) {
      border: 1px solid #FEC901;
    }
    .lobbyCardRow2up.CardsSurveysLive .flex-box-section .flex-box-child:nth-of-type(4) {
      border: 1px solid #01A982;
    }
    .lobbyCardRow2up.CardsLiveOnDemand .flex-box-section .flex-box-child:nth-of-type(2) {
      border: 1px solid #01A982;
    }
    .lobbyCardRow2up.CardsLiveOnDemand .flex-box-section .flex-box-child:nth-of-type(4) {
      border: 1px solid #7FF9E2;
    }
  }
  
  /* Hide border and rounded corners for cards without a header */
  .rf-card.no-header .card-body {
    border: 0;
    border-radius: none;
  }
  
  .my-survey-list-card > .card-body > div {
    padding-left: 14px;
    font-family: 'Metric Light';
    font-size: 15px;
  }
  .all-sessions-card, .my-survey-list-card {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    border: none;
    box-shadow: none;
    margin-bottom: -1px;
    border-radius: 0;
    height: 100%;
  }
  
  .all-sessions-card .schedule-time-details .rf-pill {
    display: none;
  }
  .all-sessions-card .no-sessions {
    display: block !important; 
  }
  .all-sessions-card .no-sessions > p {
    display: block !important;
    padding-left: 12px !important;
    padding-top: 14px !important;
    color: #FFFFFF !important;
    font-size: 1.4vw !important;
    font-family: 'Metric Light', Arial;
    line-height: 110%;
  }
  .all-sessions-card > .card-header,
  .my-survey-list-card > .card-header {
    border: 0;
    box-shadow: none;
    border-radius:0;
    background-color: transparent !important;
    padding-left: 12px !important;
    padding-top: 0.55rem !important;
    margin-top: 0px;
    margin-bottom: 0;
    padding-bottom: 6px;
    flex-grow: 0;
  }
  .all-sessions-card > .card-header > .card-header-title,
  .my-survey-list-card > .card-header > .card-header-title {
    color: #FFFFFF !important;
    font-family: 'Metric Black', Arial;
    letter-spacing: 1px;
    font-size: 1.6vw;
    text-transform: uppercase;
    margin-bottom: 0;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    white-space: normal;
    line-height: 110%;
  }
  .rf-card .card-body {
    background-color: transparent !important;
  }
  .all-sessions-card > .card-body {
    padding-bottom: 20px !important;
    border: 0;
    box-shadow: none;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0px;
    max-height: 100%;
    height: 180px !important;
    padding-bottom: 0 !important;
  }
  /* No Surveys - with header */
  .my-survey-list-card > .card-body > div {
    color: #FFFFFF;
    font-size: 1.4vw !important;
    font-family: 'Metric Light', Arial;
    line-height: 110%;
    margin-top: 0.7rem;
  }
  /* No Surveys - headerless */
  .rf-card.no-header.my-survey-list-card > .card-body > div {
    margin-top: 8px;
  }
  .my-survey-list-card > .card-body {
  
    border: 0;
    box-shadow: none;
    width: 100%;
    flex-grow:1;
  }
  .my-survey-list-card .available {
    color: #01A982 !important;
    margin-left: -8px;
  }
  .my-survey-list-card .completed {
    margin-left: -8px;
  
  }
  /* Compelete Survey Items */
  .my-survey-list-card .table-row.completed > div {
    color: #7E8285  !important;
  }
  .my-survey-list-card .completed > div:hover,
  .my-survey-list-card .completed:hover {
    cursor: auto !important;
  }
  /*Add after incomplete header */
  /*.my-survey-list-card .card-survey-incomplete-header::after {
    content: 'End of session surveys may take up to 3 hours to appear';
    color: #FFFFFF;
    font-weight: normal;
    font-size: 13px;
    display: block;
  }*/
  /* custom scrollbar css */
  .card-body, .rfwf-game-card-body {
    /* Firefox */
    scrollbar-width: thin;
  }
  .card-body::-webkit-scrollbar {
    width: 7px;
    background-color: #000000;
  }
  .rfwf-game-card-body::-webkit-scrollbar {
    width: 7px;
    background-color: #ffffff;
  }
  .card-body::-webkit-scrollbar:horizontal,
  .rfwf-game-card-body::-webkit-scrollbar:horizontal {
    height: 7px;
  }
  .card-body::-webkit-scrollbar-track {
    border: 1px #000000 solid;
  }
  .rfwf-game-card-body::-webkit-scrollbar-track {
    border: 1px #ffffff solid;
  }
  .card-body::-webkit-scrollbar-thumb,
  .rfwf-game-card-body::-webkit-scrollbar-thumb {
    background-color: #7e8285;
    border-radius: 30px;
  }
  .card-body::-webkit-scrollbar-thumb:hover,
  .rfwf-game-card-body::-webkit-scrollbar-thumb:hover {
    background-color: #7e8285;
  }
  .card-body::-webkit-scrollbar-thumb:active,
  .rfwf-game-card-body::-webkit-scrollbar-thumb:active {
    background-color: #7e8285;
  }
  .all-sessions-card > .card-body > .card-body-row {
    padding-left: 12px;
    padding-right: 6px;
    border-bottom: 1px solid #01A982 !important;
  }
  .CardsUpcomingSessionsSurveys .all-sessions-card > .card-body > .card-body-row {
    border-bottom: 1px solid #0D5265 !important;
  }
  .lobbyCardRow1up .flex-box-section .flex-box-child:nth-of-type(2) .all-sessions-card > .card-body > .card-body-row,
  .lobbyCardRow2up .flex-box-section .flex-box-child:nth-of-type(4) .all-sessions-card > .card-body > .card-body-row {
    border-bottom: 1px solid #7FF9E2 !important;
  }
  .CardsSurveysLive.lobbyCardRow2up .flex-box-section .flex-box-child:nth-of-type(4) .all-sessions-card > .card-body > .card-body-row {
    border-bottom: 1px solid #01A982 !important;
  }
  .lobbyCardRow1up .flex-box-section .flex-box-child:nth-of-type(2) .all-sessions-card > .card-body > .card-body-row:last-of-type,
  .lobbyCardRow2up .flex-box-section .flex-box-child:nth-of-type(4) .all-sessions-card > .card-body > .card-body-row:last-of-type {
    border-bottom:none !important;
  }
  .all-sessions-card > .no-sessions > p {
    font-family: 'Metric Light', Arial;
    font-size: 20px;
  }
  .all-sessions-card .rf-pill-blue {
    display: none !important;
  }
  .all-sessions-card .schedule-details {
    margin-bottom: 0 !important;
    color: #FFFFFF;
  }
  .all-sessions-card .card-body-row {
    border-color: #e5e5e5 !important;
  }
  .my-survey-list-card .card-survey-incomplete,
  .my-survey-list-card .card-survey-completed {
    padding-left: 0px !important;
    color: #FFFFFF;
  }
  .my-survey-list-card .card-survey-incomplete-header,
  .my-survey-list-card .card-survey-completed-header {
    margin-left: 8px !important;
    color: #FFFFFF;
  }
  .my-survey-list-card .available,
  .my-survey-list-card .completed {
    border-color: #e5e5e5 !important;
    margin-right: 2px;
    background-color: transparent !important;
    padding-bottom: 10px !Important;
    padding-left: 12px !Important;
    padding-right: 6px !Important;
    padding-top: 10px !Important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #01A982 !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }
  .CardsUpcomingSessionsSurveys .my-survey-list-card .available,
  .CardsUpcomingSessionsSurveys .my-survey-list-card .completed,
  .CardsSurveysLive .my-survey-list-card .available,
  .CardsSurveysLive .my-survey-list-card .completed,
  .CardsSurvey .my-survey-list-card .available,
  .CardsSurvey .my-survey-list-card .completed {
    border-bottom: 1px solid #FEC901 !important;
  }
  .my-survey-list-card .available:last-of-type,
  .my-survey-list-card .completed:last-of-type {
    border: 0 !important;
  }
  .my-survey-list-card .available > div,
  .my-survey-list-card .completed > div  {
    font-family: 'Metric Regular', Arial !important;
    font-size: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .my-survey-list-card .available > div  {
    color: #01A982 !important;
  }
  .my-survey-list-card .completed > div  {
    color: #FFFFFF !important;
  }
  .my-survey-list-card .card-survey-incomplete-header,
  .my-survey-list-card .card-survey-completed-header {
    padding-left: 4px !important;
    color: #FFFFFF;
  }
  .my-survey-list-card .available:hover {
    background-color: #E7E7E7;
    text-decoration: underline;
  }
  .all-sessions-card .card-body-row:hover {
    /*background-color: #E7E7E7;*/
  }
  .all-sessions-card .card-body-row:hover h6 {
    text-decoration: underline;
  }
  .all-sessions-card .card-body-row h6 {
    font-family: 'Metric Regular', Arial;
    font-size: 18px;
    color: #01A982;
    font-weight: 400;
    line-height: 1.3rem !important;
    margin-bottom: 3px !important;
  }
  
  /*.lobbyCardRow1up .flex-box-section .flex-box-child:nth-of-type(2) .all-sessions-card .card-body-row h6,
  .lobbyCardRow2up .flex-box-section .flex-box-child:nth-of-type(4) .all-sessions-card .card-body-row h6 {
    color: #FFFFFF !important;
  }*/
  
  .all-sessions-card .schedule-details {
    font-family: 'Metric Light', Arial;
    font-size: 16px;
  }
  .all-sessions-card .divider {
    margin-left: 6px;
    margin-right: 6px;
  }
  .card-body.has-rows .card-body-row:last-of-type {
    border: none !important;
  }
  .lobbyCardRow2up .SectionPanelLabelLink a,
  .lobbyCardRow1up .SectionPanelLabelLink a {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 1vw;
    margin-top: 0.2vw;
    display: block;
  }
  .lobbyCardRow2up .SectionPanelLabelLink a:hover,
  .lobbyCardRow2up .SectionPanelLabelLink a:focus,
  .lobbyCardRow1up .SectionPanelLabelLink a:hover,
  .lobbyCardRow1up .SectionPanelLabelLink a:focus {
    text-decoration: none;
  }
  @media (max-width: 768px) {
    .all-sessions-card,
    .my-survey-list-card {
      margin-top: 30px;
      margin-bottom: 0;
      min-height: 300px;
      max-height: 300px;
      padding-bottom: 0;
      border: 1px solid #01A982 !important;
    }
    .CardsSurveysLive.lobbyCardRow2up .my-survey-list-card {
      margin-top: 0;
    }
    .CardsUpcomingSessionsSurveys .all-sessions-card {
      border: 1px solid #0D5265 !important;
    }
    .CardsUpcomingSessionsSurveys .my-survey-list-card,
    .CardsSurveysLive .my-survey-list-card,
    .CardsSurvey .my-survey-list-card {
      border: 1px solid #FEC901 !important;
    }
    .CardsLiveOnDemand .rf-grid-layout-25:nth-of-type(2) .all-sessions-card {
      border: 1px solid #01A982 !important;  
    }
    .CardsLiveOnDemand .rf-grid-layout-25:nth-of-type(4) .all-sessions-card {
      border: 1px solid #7FF9E2 !important;    
    }
    .all-sessions-card > .card-body {
      height: 206px !important;
    }
    .all-sessions-card > .card-header > .card-header-title,
    .my-survey-list-card > .card-header > .card-header-title {
      font-size: 26px;
    }
    .all-sessions-card .no-sessions > p {
      font-size: 20px !important;
    }
    /* No Surveys */
    .my-survey-list-card > .card-body > div {
      font-size: 20px !important;
    }
    .lobbyCardRow2up,
    .lobbyCardRow1up {
      margin-top: 4rem;
    }
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(1),
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(3) {
      display: none;
    }
    .lobbyCardRow1up .rf-grid-layout-25:first-of-type {
      display: none;
    }
  }
  @media (min-width: 1500px) {
    .lobbyCardRow2up .SectionPanelLabelLink a,
    .lobbyCardRow1up .SectionPanelLabelLink a {
      font-size: 1rem;
      margin-top: 0.2rem;
    }
    .all-sessions-card > .card-header > .card-header-title,
    .my-survey-list-card > .card-header > .card-header-title {
      font-size: 26px;
    }
    .all-sessions-card .no-sessions > p {
      font-size: 20px !important;
    }
    /* No Surveys */
    .my-survey-list-card > .card-body > div {
      font-size: 20px !important;
    }
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(2) {
      margin-right: 7.95rem !important;
      width: 112px;
    }
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(4) {
      width: 122px;
    }
    .lobbyCardRow2up .rf-grid-layout-25:nth-of-type(3) {
      padding-left: 0rem;
    }
    .lobbyCardRow2up .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle,
    .lobbyCardRow1up .SectionPanel .SectionPanelLabel .SectionPanelLabelTitle {
      font-size: 1.6rem;
    }
  }
  
  /* Align all no data mesages vertically in the middle */
  .rf-body .all-sessions-card .no-sessions {
      display: flex !important; 
  }
  .rf-body .all-sessions-card .no-sessions p {
      text-align: center;
      padding-left: 10% !important;
      padding-right: 10% !important;
      font-size: 18px !important;
  }
  .rf-body .my-survey-list-card .card-body > div:not(.card-survey-incomplete, .card-survey-completed) {
      display: flex !important;
      height: calc(100% - 0.7rem);
      text-align: center;
      padding-left: 10% !important;
      padding-right: 10% !important;
      justify-content: center;
      flex-direction: column;
      font-size: 18px !important;
  }
  
  /* Portal Cards - End */
  
  /* Portal Card - Top Row Catalog Graphic - Start */
  
      .NTopRowCatalog .rf-grid-layout-33, .TestOuter {
        background-image: url('https://static.rainfocus.com/hpenterprises/tss21/static/staticFile/staticfile/Lobby_Content%20Catalog_background_1609959377319001DzgW.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-clip: content-box;
        widtth: 100%;
        position: relative;
      }
  
      .NTopRowCatalog .rf-grid-layout-33 .NTopRowHighlight, .NTopRowHighlight {
        color: #FFFFFF;
        width: 100%;
        height: 100%;
        dispay: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /*outline: 1px solid #FF0000 !important;*/
        position: absolute;
        left: 0;
      }
  
      .NTopRowCatalog .NTopRowHighlight_title {
        font-family: 'Metric Black';
        line-height: 1em;
        font-size: 40px;
        color: #FFFFFF;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        display: block;
        width: 90%;
      }
  
      .NTopRowCatalog .NTopRowHighlight_Desc {
        font-family: 'Metric Regular';
        line-height: 1em;
        font-size: 26px;
        color: #FFFFFF;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        display: block;
        /*outline: 1px solid #FF0000 !important;*/
        width: 70%;
      }
  
      .NTopRowCatalog .NTopRowHighlight_CTA {
        font-family: 'Metric Semibold';
        line-height: 1em;
        font-size: 26px;
        color: #FFFFFF;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        display: block;
        /*outline: 1px solid #FF0000 !important;*/
        width: 80%;
      }
  
      .NTopRowCatalog .NTopRowHighlight_CTA::after {
        content: '';
        background-image: url("https://static.rainfocus.com/hpenterprises/tss21/static/staticFile/staticfile/White_Arrow_1610032778940001ckzi.svg");
        background-repeat: no-repeat;
        background-size: 28px 20px;
        position: absolute;
        width: 28px;
        height: 20px;
        display: inline-block;
        margin-left: 6px;
        margin-top: 5px;
        opacity: 1.0;
        transition: margin-left .5s ease;
      }
  
      @media all and (max-width: 1280px) {
        .NTopRowCatalog .NTopRowHighlight_title {
          font-size: 34px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_Desc {
          font-size: 30px;
          margin-top: 30px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_CTA {
          font-size: 30px;
          margin-top: 30px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_CTA::after {
          background-size: 22px 16px;
          width: 22px;
          height: 16px;
          margin-top: 10px;
        }
      }
  
      @media all and (max-width: 1100px) {
        .NTopRowCatalog .NTopRowHighlight_title {
          font-size: 30px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_Desc {
          font-size: 26px;
          margin-top: 26px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_CTA {
          font-size: 26px;
          margin-top: 26px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_CTA::after {
          background-size: 22px 16px;
          width: 22px;
          height: 16px;
          margin-top: 8px;
        }
      }
  
      @media all and (max-width: 1000px) {
        .NTopRowCatalog .NTopRowHighlight_title {
          font-size: 26px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_Desc {
          font-size: 20px;
          margin-top: 20px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_CTA {
          font-size: 20px;
          margin-top: 20px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_CTA::after {
          background-size: 22px 16px;
          width: 22px;
          height: 16px;
          margin-top: 4px;
        }
      }
  
      .NTopRowCatalog .TopRowLink .NTopRowHighlight::after {
        content: '';
        position: absolute;
        top: 0;
        height: 10px;
        width: 100%;
        background-color: #01A982;
        transition: .4s ease;
        opacity: 0.0;
        background-clip: content-box;
        padding-left: 8px;
        padding-right: 8px;
      }
  
      .NTopRowCatalog .TopRowLink:hover .NTopRowHighlight::after, .TopRowLink:focus .NTopRowHighlight::after {
        opacity: 1.0;
      }
  
      .NTopRowCatalog .TopRowLink:hover .NTopRowHighlight_CTA::after, .TopRowLink:focus .NTopRowHighlight_CTA::after {
        margin-left: 10px;
      }
  
      @media all and (max-width: 768px) {
  
        .NTopRowCatalog .rf-grid-layout-33 .NTopRowHighlight, .NTopRowHighlight {
          width: 100%;
          height: 300px;
        }
  
        .NTopRowCatalog .rf-grid-layout-33 {
          height: 300px;
          margin-top: 30px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_title {
          font-size: 30px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_Desc {
          font-size: 26px;
          margin-top: 26px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_CTA {
          font-size: 26px;
          margin-top: 26px;
        }
  
        .NTopRowCatalog .NTopRowHighlight_CTA::after {
          background-size: 22px 16px;
          width: 22px;
          height: 16px;
          margin-top: 8px;
        }
      }
  
  /* Portal Card - Top Row Catalog Graphic - End */
  
   /* Lobby Alert Messages - Start */
  
  .NalertMessageGreen, .NalertMessageYellow, .NalertMessageRed, .NalertMessageOrange {
    margin-top: 4rem;
    padding: 16px;
    font-family: 'Metric Light';
    display: flex;
    -webkit-backface-visibility: hidden;
  }
  @media (max-width: 768px) {
    .NalertMessageGreen, .NalertMessageYellow, .NalertMessageRed, .NalertMessageOrange {
      margin-top: 2rem;
    }
  }
  .NalertMessageGreen {
    background-color: #01A982;
    color: #FFFFFF;
  }
  .NalertMessageGreen .NAlertIcon {
    background-image: url('https://static.rainfocus.com/hpenterprises/tss21/static/staticFile/staticfile/Message_Icon_Tick_16109000111680016PzX.png');
  }
  .NalertMessageYellow {
    background-color: #FFE75E;
    color: #333333;
  }
  .NalertMessageYellow .NAlertIcon {
    background-image: url('https://static.rainfocus.com/hpenterprises/tss21/static/staticFile/staticfile/Message_Icon_Exclamation_16109000110380016w3w.png');
  }
  .NalertMessageOrange {
    background-color: #FF8300;
    color: #333333;
  }
  .NalertMessageOrange .NAlertIcon {
    background-image: url('https://static.rainfocus.com/hpenterprises/tss21/static/staticFile/staticfile/Message_Icon_Exclamation_Orange_16109708521850012TrG.png');
  }
  .NalertMessageRed {
    background-color: #CA2B4E;
    color: #FFFFFF;
  }
  .NalertMessageRed .NAlertIcon {
    background-image: url('https://static.rainfocus.com/hpenterprises/tss21/static/staticFile/staticfile/Message_Icon_Cross_161090001052400166h8.png');
  }
  .NAlertIcon {
    display: inline-block;
    margin-left:10px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 20px;
    background-size: 20px 20px;
  }
  .NAlertText {
    flex-grow: 1;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.7vw;
    line-height: 120%;
  }
  .NAlertLink {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding-right: 10px;
  }
  .NAlertLink a {
    font-size: 1.3vw;
    text-decoration: underline;
  }
  .NalertMessageGreen .NAlertLink a {
    color: #FFFFFF;
  }
  .NalertMessageYellow .NAlertLink a {
    color: #333333;
  }
  .NalertMessageOrange .NAlertLink a {
    color: #333333;
  }
  .NalertMessageRed .NAlertLink a {
    color: #FFFFFF;
  }
  .NalertMessageGreen .NAlertLink a:hover, .NAlertLink a:focus {
    color: #FFFFFF;
    text-decoration: none;
  }
  .NalertMessageYellow .NAlertLink a:hover, .NAlertLink a:focus {
    color: #333333;
    text-decoration: none;
  }
  .NalertMessageOrange .NAlertLink a:hover, .NAlertLink a:focus {
    color: #333333;
    text-decoration: none;
  }
  .NalertMessageRed .NAlertLink a:hover, .NAlertLink a:focus {
    color: #FFFFFF;
    text-decoration: none;
  }
  @media (max-width: 768px) {
    .NAlertText {
      font-size: 1rem;
    }
    .NAlertLink a {
      font-size: 16px;
    }
  }
  @media (min-width: 1500px) {
    .NAlertText {
      font-size: 1.6rem;
    }
    .NAlertLink a {
      font-size: 16px;
    }
  }
  
  /* Lobby Alert Messages - End */
  
  /* Lobby - End */
  
  /* Session Track Page - Start */
  
  .NTrackHeaderBox {
    min-height:auto;
    height:auto;
    padding-bottom: 6px;
    width:100% !important;
  }
  
  .NTrackHeader {
    font-family: 'Metric Black';
    color: #000000;
    letter-spacing: 1px;
    padding-bottom: 10px;
    font-size: 26px;
    text-transform: uppercase;
    display:block;
    line-height: 1.8rem !important;
    margin-bottom: 10px !important;
  }
  
  .NTrackHeaderBox ul {
    margin-top: 20px;
  }
  .NTrackHeaderBox li {
    margin-left: 30px;
    list-style-type: disc !important;
    font-size: 16px;
    line-height: 1.4rem !important;
  }
  
  .NTrackHeaderBox ol > li {
    list-style-type: decimal !important;
    text-indent: 10px;
  }
  
  .NTrackHeaderBox .accordion {
    background-color: #eeeeee;
    padding-top: 4px;
    padding-bottom: 4px;
    border: none;
    font-size: 16px;
    margin-top: 10px;
  }
  
  .NTrackHeaderBox .accordionPanel p {
    margin-top:10px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  
  .NTrackHeaderBox .accordionItem {
    font-weight: bold;
    font-family: 'Metric Regular', Arial;
    font-size: 16px;
  }
  
  @media all and (max-width: 768px) {
    .NTrackHeaderBox.NMoreAbout .accordionPanel {
      width:100%;
    }
    .NTrackHeaderBox {
      padding-right: 0;
    }
  }
  
  /* Session Track Page - End */
  
  /* FAQ Page - Start  */
  
  /* Accordions */
    .accordion {
      background-color: #FFFFFF;
      color: #000000;
      cursor: pointer;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 20px;
      width: 100%;
      text-align: left;
      border: none;
      outline: none;
      transition: 0.4s;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      border-top: 1px solid #D7D7D7;
      font-size: 16px;
    }
    .accordion:first-of-type {
      border-top: 0;
    }
    .accordionItem {
      flex-grow: 1;
      padding-right: 20px;
      font-weight: bold;
      line-height: 130%
    }
    .accordionactive, .accordion:hover {
      background-color: #F6F6F6;
    }
    .accordionactive .accorionArrow {
      -moz-transform: scaleY(-1);
      -o-transform: scaleY(-1);
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1);
      filter: FlipV;
      -ms-filter: "FlipV";
    }
    .accordionPanel {
      padding: 0 22px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }
    .accordionPanel p {
      margin-top:6px;
    }
    .accorionArrow {
      flex-grow: 0;
      flex-shrink: 0;
      min-height: 50px;
      width: 50px;
      max-width: 50px;
      background-image: url('https://static.rainfocus.com/hpenterprises/mase21/static/staticfile/staticfile/Accorion_down_1630515573457001oDrK.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px 20px;
    }
  
  /* FAQ Page - End */
  
  /* Chat Widget placement - Start */
  .fc-widget-small {
    margin-right: -10px;
    margin-bottom: -10px;
  }
  /* Chat Widget placement - End */
  
  /* Removing JCB Card */
  
  .orders-page .form-control option:nth-child(6) {
  display: none;
  }
  /* END Removing JCB Card */
  
  /* Hide Login Buttons */
  .form-id-1611155744236001Y9aw .mdBtnR-container  {
      display:none;
  }
  
  /* Hide bottom padding for all widget embeds */
  .hpenterprises-tss22-catalogembed-page-catalog .rfComp-canvas,
  .hpenterprises-tss22-sponsorlistingembed-page-sponsor .rfComp-canvas,
  .hpenterprises-tss22-hpeexhibitorembed-page-hpeexhibitor .rfComp-canvas,
  .hpenterprises-tss22-calendarembed-page-calendar .rfComp-canvas {
    padding-bottom: 0;
  }
  
  /* Reporting Drop down - Start */
  .hpenterprises-tss22-speakerdashboard-page-portal .open-tile-options,
  .hpenterprises-tss22-sponsordashboard-page-portal .open-tile-options,
  .hpenterprises-tss22-hpeexhibitordashboard-page-portal .open-tile-options, 
  .hpenterprises-tss22-downloadagenda-page-portal .open-tile-options,
  .hpenterprises-tss22-sponsorspeakerdashboard-page-portal .open-tile-options,
  .hpenterprises-tss22-sessionreportsdashboard-page-portal .open-tile-options {
   background-color: #F5F5F5 !important; 
   border: none !important;
  }
  
  .hpenterprises-tss22-speakerdashboard-page-portal .open-tile-options:hover,
  .hpenterprises-tss22-speakerdashboard-page-portal .open-tile-options:focus,
  .hpenterprises-tss22-sponsordashboard-page-portal .open-tile-options:hover,
  .hpenterprises-tss22-sponsordashboard-page-portal .open-tile-options:focus,
  .hpenterprises-tss22-hpeexhibitordashboard-page-portal .open-tile-options:hover,
  .hpenterprises-tss22-hpeexhibitordashboard-page-portal .open-tile-options:focus,
  .hpenterprises-tss22-downloadagenda-page-portal .open-tile-options:hover,
  .hpenterprises-tss22-downloadagenda-page-portal .open-tile-options:focus,
  .hpenterprises-tss22-sponsorspeakerdashboard-page-portal .open-tile-options:hover,
  .hpenterprises-tss22-sponsorspeakerdashboard-page-portal .open-tile-options:focus,
  .hpenterprises-tss22-sessionreportsdashboard-page-portal .open-tile-options:hover,
  .hpenterprises-tss22-sessionreportsdashboard-page-portal .open-tile-options:focus {
   background-color: #F5F5F5 !important; 
   border: none !important;
   outline: none !important;
  }
  
  .workflow-reporting-dashboard .dashboard-tile {
      border-radius: 0 !important;
  }
  /* Reporting Drop down - End */
  
  /* Task List hide check mark */
  .rf-tasks-list .task-status-icon .rf-checkbox-icon,
  .rfwf-tasks .task-filters .rf-checkbox-icon {
    visibility: hidden;
  }
  
  /* Meetings MASE 2021 - Start */
  
  /* Meeting Approved/Declined Labels */
  .meetings-administration .meetings-completed-requests .rf-pill-text {
      color: #000000;
      font-size: 16px;
  }
  
  /* Hide Add Participants Button */
  .hpenterprises-tss22-tss22meetinghosts-scheduling .meeting-program > .rfwf-panel-interior > div:first-of-type > .rfG-row:first-of-type > .rfG-sm-33:last-of-type {
      display: none;  
  }
  
  /* Shift Add Expert down */
  .hpenterprises-tss22-tss22meetinghosts-scheduling .meeting-program .meeting-with-button {
    padding-top: 10px !important;
    padding-bottom: 0 !important;
  }
  
  /* Colour text of disabled button */
  .hpenterprises-tss22-tss22meetinghosts-scheduling .meeting-program .meeting-with-button .mdBtnR[class*="mdBtnR-outline"][disabled] .mdBtnR-text {
    color: #FFFFFF !important;
  }
  
  /* Hide search box */
  .hpenterprises-tss22-tss22meetinghosts-scheduling .choose-experts-modal .choose-experts-search {
    display: none;
  }
  
  /* Remove rounded corners on all cards in task list and meetings */
  .manage-registrants-page .item-card .card-header,
  .rf-card.meeting-requests .card-header {
    border-radius: 0 !important;
  }
  
  /* Meeting host totals */
  .hpenterprises-tss22-tss22meetinghosts-page-dashboard .meeting-requests .rf-pill-text {
    color: #000000;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    margin-top: -10px !important;
  }
  
  /* Remove header tick */
  .hpenterprises-tss22-tss22meetinghosts-availability .meeting-header .rf-checkbox-icon {
    display: none;
  }
  
  /* Move checbox top the left */
  .hpenterprises-tss22-tss22meetinghosts-availability .calendar-container .meeting-day .meeting-header .rf-checkbox {
    margin: 0 8px -2px -8px;
  }
  
  /* Change meeting time colour */
  .calendar-container .meeting-day .meeting-time .meeting-time-value {
    color: #01A982;
  }
  
  /* Meeting time box outline color */
  .calendar-container .meeting-day .meeting-time {
    border: 1px solid #01A982;
    border-radius: 0;
  }
  
  /* Meeting time highlight colour */
  .calendar-container .meeting-day .meeting-time.active {
    border: 1px solid #01A982;
    background-color: #01A982;
  }
  
  /* icon alignment */
  .calendar-container .meeting-time-value .info-icon {
    top: 50% !important;
  }
  
  /* icon alignment */
  .calendar-container .meeting-time-value .check-icon {
    top: 50% !important;
  }
  
  /* Meeting days container */
  .calendar-container .meeting-days {
    min-width: 1400px !important;
    overflow-x: auto !important;
  }
  
  /* Meeting days column */
  .calendar-container .meeting-day {
    min-width: 170px !important;
  }
  
  /* Move radio button down in chose experts modal */
  .choose-experts-modal .rf-radio-wrapper {
    margin-top: 2px;
  }
  
  /* Hide list of topics */
  .hpenterprises-tss22-tss22meetinghosts-acceptance .meetings-settings .meeting-topics {
    display: none;
  }
  
  .hpenterprises-tss22-tss22meetingrequest-scheduling .meeting-with-button {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
  }
  .hpenterprises-tss22-tss22meetingrequest-scheduling .meeting-with-button > button {
    margin-right: 0 !important;
    display: inline-block !important;
  }
  .hpenterprises-tss22-tss22meetinghosts-page-dashboard .rf-card.meeting-requests .card-header,
  .hpenterprises-tss22-tss22meetinghosts-page-dashboard .rf-card.meeting-requests .card-body {
    border-radius: 0;
  }
  
  /* Hide dropdown items and button relating to other participants */
  .hpenterprises-tss22-tss22meetingrequest-scheduling > div#rf-overlay-id > div.rf-overlay-full > div.rf-scroll-frame > .rf-singleselect > .rf-select-results > [title="Me and Others"],
  .hpenterprises-tss22-tss22meetingrequest-scheduling > div#rf-overlay-id > div.rf-overlay-full > div.rf-scroll-frame > .rf-singleselect > .rf-select-results > [title="Others"] {
    display: none !important;
  }
  .hpenterprises-tss22-tss22meetingrequest-scheduling .meeting-program > .rfwf-panel-interior > div:first-of-type > .rfG-row:first-of-type > .rfG-sm-33:last-of-type{
    display: none;  
  }
  
  /* Meetings - End */
  
  /* Chat Host - Start */
  
  /* Hide Chat host button*/
  .hpenterprises-tss22-tss22sponsorchat-chatpage .rf-back-to-dashboard,
  .hpenterprises-tss22-tss22hpeexhibitorchat-chatpage .rf-back-to-dashboard {
      display:none;
  }
  .hpenterprises-tss22-tss22sponsorchat-page-sponsorhostpage .chat-card,
  .hpenterprises-tss22-tss22hpeexhibitorchat-page-hpeexhibitorhostpage .chat-card {
    margin-top:2rem;
    border-radius: 0 !important;
  }
  .hpenterprises-tss22-tss22sponsorchat-page-sponsorhostpage .chat-card .rf-pill-text,
  .hpenterprises-tss22-tss22hpeexhibitorchat-page-hpeexhibitorhostpage .chat-card .rf-pill-text {
    color: #000000;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    margin-top: -10px !important;
  }
  .hpenterprises-tss22-tss22sponsorchat-page-sponsorhostpage .chat-card .card-header,
  .hpenterprises-tss22-tss22sponsorchat-page-sponsorhostpage .chat-card .card-body,
  .hpenterprises-tss22-tss22hpeexhibitorchat-page-hpeexhibitorhostpage .chat-card .card-header,
  .hpenterprises-tss22-tss22hpeexhibitorchat-page-hpeexhibitorhostpage .chat-card .card-body {
    border-radius: 0;
  }
  
  /* Chat Host - End */
  
  /* Brightcove style overrides - Start */
  .vjs-playback-rate .vjs-menu-item-text,
  .vjs-quality-menu-wrapper .vjs-menu-item-text,
  .vjs-quality-menu-wrapper .vjs-quality-menu-item-sub-label {
    color: #FFFFFF;
  }
  .rf-body .vjs-playback-rate .vjs-menu-item-text,
  .rf-body .vjs-quality-menu-wrapper .vjs-menu-item-text,
  .rf-body .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em !important;
  }
  
  .NLobbyTopRow3up .video-js .vjs-big-play-button .vjs-icon-placeholder,
  .NLobbyTopRow2up .video-js .vjs-big-play-button .vjs-icon-placeholder {
    color: #01A982;
  }
  
  .NLobbyTopRow3up .video-js .vjs-big-play-button,
  .NLobbyTopRow2up .video-js .vjs-big-play-button {
    background:none;
    border: 4px solid #01A982;
    color: #01A982;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: -2.25rem;
    margin-top: -2.25rem;
    line-height: 4rem !important;
    border-radius: 50%;
    left:50%;
    top:50%;
  }
  
  .NLobbyTopRow3up .video-js:hover .vjs-big-play-button,
  .NLobbyTopRow3up .video-js:focus .vjs-big-play-button,
  .NLobbyTopRow2up .video-js:hover .vjs-big-play-button,
  .NLobbyTopRow2up .video-js:focus .vjs-big-play-button {
    background-color: rgba(204,204,204,0.6);
    border: 4px solid #01A982;
    /*color: #FFFFFF !important;*/
  }
  
  .NLobbyTopRow3up .video-js .vjs-control-bar .vjs-play-control,
  .NLobbyTopRow2up .video-js .vjs-control-bar .vjs-play-control {
    color: #01A982;
  }
  .NLobbyTopRow3up .video-js .vjs-big-play-button .vjs-icon-placeholder,
  .NLobbyTopRow2up .video-js .vjs-big-play-button .vjs-icon-placeholder {
    font-size: 44px;
  }
  .NLobbyTopRow3up .vjs-control-bar,
  .NLobbyTopRow2up .vjs-control-bar {
    height:30px !important;
    bottom: 0 !important;
  }
  .NLobbyTopRow3up div.vjs-control-bar,
  .NLobbyTopRow2up div.vjs-control-bar {
    font-size: 10px !important;
  }
  .NLobbyTopRow3up div.vjs-control-bar *,
  .NLobbyTopRow2up div.vjs-control-bar * {
    font-size: 10px !important;
  }
  .NLobbyTopRow3up div.vjs-progress-control,
  .NLobbyTopRow2up div.vjs-progress-control {
    font-size: 10px !important;
  }
  .NLobbyTopRow3up .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible), 
  .NLobbyTopRow3up .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible), 
  .NLobbyTopRow3up .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible), 
  .NLobbyTopRow3up .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible), 
  .NLobbyTopRow3up .video-js.vjs-has-started.vjs-paused.vjs-ad-playing.vjs-user-inactive .vjs-control-bar, 
  .NLobbyTopRow3up .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible),
  .NLobbyTopRow2up .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible), 
  .NLobbyTopRow2up .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible), 
  .NLobbyTopRow2up .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible), 
  .NLobbyTopRow2up .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible), 
  .NLobbyTopRow2up .video-js.vjs-has-started.vjs-paused.vjs-ad-playing.vjs-user-inactive .vjs-control-bar, 
  .NLobbyTopRow2up .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible) {
    transform: translateY(3em) !important;
  }
  
  /* Brightcove style overrides - End */
  
  /* Hero Sponsor Video - Start */
  #hero_sponsor_video {
    position:absolute;
    right:5%;
    width:300px;
    height:169px;
  }
  
  @media (max-width: 1072px) {
    #hero_sponsor_video {
      width:220px;
      height:124px;
    }
  }
  
  @media (max-width: 704px) {
    #hero_sponsor_video {
     display: none; 
    }
  }
  /* Hero Sponsor Video - End */
  
  /* Lobby Targeted Agenda - Start */
  
  /* Shrink row to nothing when there are no TA sessions */
  .lobbyTA.flex-box-section-full>.flex-box-section-full-interior {
    min-height: 0px;
  }
  .grid-targeted-agenda .targeted-agenda-headline h2 {
    font-family: 'Metric Black';
    color: #FFFFFF;
    letter-spacing: 1px;
    font-size: 26px;
    text-transform: uppercase;
    white-space: nowrap;
    display: block;
  }
  .grid-targeted-agenda .session-time {
    text-transform: uppercase;
  }
  .grid-targeted-agenda .rf-tile-title a {
    color: #01A982 !important;
  }
  .grid-targeted-agenda .rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result.favorited svg {
    fill: #2AD2C9 !important;
  }
  .grid-targeted-agenda .targeted-agenda-details-card {
    border-radius: 0;
    border-color: #01A982;
  }
  .grid-targeted-agenda .no-banner {
    background-color: #01A982 !important;
  }
  .grid-targeted-agenda .no-banner .rfSI-sm {
    display:none;
  }
  .grid-targeted-agenda .rf-tile-avatar {
    border-color: #d7d7d7 !important;
  }
  .grid-targeted-agenda .mdBtnR-icon-button {
    border-radius: 0;
  }
  .grid-targeted-agenda .rf-tile-avatars .rf-tile-avatar:nth-of-type(4) {
    cursor: auto;
  }
  .grid-targeted-agenda .targeted-agenda-section {
    margin-bottom: 0;
  }
  .grid-targeted-agenda .rf-tile-avatar {
    display: flex;
    align-items:center;
  }
  .grid-targeted-agenda .targeted-agenda-header {
    width:100%;
  }
  .grid-targeted-agenda .targeted-agenda-header .targeted-agenda-headline {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .grid-targeted-agenda .targeted-agenda-header .targeted-agenda-headline h2 {
    white-space: normal !important;
    line-height: 1.4rem !important;
  }
  .grid-targeted-agenda .targeted-agenda-header .targeted-agenda-actions {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .grid-targeted-agenda .workflow-targeted-agenda {
    margin-top: 8rem;
  }
  .grid-targeted-agenda .targeted-agenda-details-card {
    background-color: transparent;
  }
  .grid-targeted-agenda .semibold.session-date,
  .grid-targeted-agenda .session-time {
    font-weight: bold !important;
    color: #FFFFFF !important;
  }
  .grid-targeted-agenda .rf-tile-line-two {
    color: #FFFFFF !important;
  }
  .grid-targeted-agenda .session-date {
    border-right: 2px solid #FFFFFF !important;
  }
  .grid-targeted-agenda .mdBtnR-outline-primary {
    background-color: transparent;
  }
  .grid-targeted-agenda .mdBtnR-outline-primary .mdBtnR-text {
    color: #FFFFFF;
  }
  .grid-targeted-agenda .favorite-session svg {
    fill: #01A982 !important;
  }
  .grid-targeted-agenda .rf-tile-banner,
  .grid-targeted-agenda .rf-tile-banner.no-banner {
    display: none !important;
  }
  .grid-targeted-agenda .rf-tile-container .rf-tile .rf-tile-avatars {
    margin-top: 0;
    padding-top: 2px;
  }
  .grid-targeted-agenda .rf-tile-container .rf-tile .rf-tile-body {
    padding-bottom: 16px;
  }
  .grid-targeted-agenda .rf-tile-avatars .rf-tile-avatar {
    width: 54px !important;
    height: 54px !important;
    background-color: transparent !important;
    border: 0 !important;
  }
  .grid-targeted-agenda .rf-tile-info.rf-tile-line-two p {
    color: #FFFFFF !important;
  }
  .grid-targeted-agenda .rf-tile-avatars .rf-tile-avatar.has-initials,
  .grid-targeted-agenda .rf-tile-avatars div.rf-tile-avatar {
    border: 1px solid #FFFFFF !important;
  }
  .grid-targeted-agenda .rf-tile-avatars .rf-tile-avatar .rf-tile-avatar-count {
    color: #FFFFFF !important;
  }
  .grid-targeted-agenda .rf-tile-avatars div.rf-tile-avatar:hover,
  .grid-targeted-agenda .rf-tile-avatars div.rf-tile-avatar:focus {
    cursor:default;
  }
  .grid-targeted-agenda .rf-tile-avatars .rf-tile-avatar .rf-tile-avatar-img {
    transform: scale(1.5);
    display: block !important;
  }
  .grid-targeted-agenda .rf-tile .rf-tile-body .rf-tile-title, 
  .grid-targeted-agenda .rf-compressed-tile .rf-tile-body .rf-tile-title {
    display: block;
    max-height: 220px;
    overflow: hidden;
  }
  .grid-targeted-agenda h4.rf-tile-title {
    margin-bottom: 0;
  }
  .grid-targeted-agenda .carousel-actions .mdBtnR-icon-button {
    outline: 2px solid #01A982 !important;
    height: 31px;
    width: 31px;
  }
  .grid-targeted-agenda .carousel-actions .mdBtnR-icon-button[disabled] {
    /*visibility: hidden;*/
    background-color: transparent !important;
    outline: 2px solid #7E8285  !important;
  }
  .grid-targeted-agenda .carousel-actions .mdBtnR-icon-button[disabled] svg path:last-of-type {
    stroke: #7E8285 !important;
  }
  .grid-targeted-agenda .carousel-actions .mdBtnR-icon-button[disabled]:hover svg path:last-of-type,
  .grid-targeted-agenda .carousel-actions .mdBtnR-icon-button[disabled]:focus svg path:last-of-type {
    stroke: #7E8285 !important;
    stroke-width: 2px;
  }
  .grid-targeted-agenda .mdBtnR[disabled]:hover, 
  .grid-targeted-agenda .mdBtnR[disabled]:focus {
    background-color: transparent !important;
  }
  .grid-targeted-agenda .carousel-actions .mdBtnR-icon-button svg path:last-of-type {
    stroke: #01A982 !important;
    stroke-width: 2px;
  }
  .grid-targeted-agenda .carousel-actions .mdBtnR-icon-button:hover svg path:last-of-type,
  .grid-targeted-agenda .carousel-actions .mdBtnR-icon-button:focus svg path:last-of-type {
    stroke: #000000 !important;
    stroke-width: 2px;
  }
  .grid-targeted-agenda .targeted-agenda-section {
    display: flex;
    flex-direction: row;
  }
  .grid-targeted-agenda .targeted-agenda-section .targeted-agenda-headline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 243px;
    max-height: 243px;
    width: 14vw;
    height: 14vw;
    flex-shrink: 0;
    flex-grow: 0;
    padding: 1vw;
    background-color: #01A982;
    margin-right: 1rem;
  }
  .grid-targeted-agenda .targeted-agenda-section .targeted-agenda-headline h2 {
    font-family: 'Metric Black' !Important;
    font-size: 1.8vw;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    line-height: 120% !important;
    color: #FFFFFF;
  }
  .grid-targeted-agenda .targeted-agenda-section .targeted-agenda-header {
    flex-direction: column;
    justify-content: space-between;
    align-items:flex-end;
    max-width: calc(243px + 1rem); /* NEW */
    width: calc(14vw + 1rem); /* NEW */
  }
  .grid-targeted-agenda .targeted-agenda-section .carousel-mask {
    flex-grow: 1 !important;
  }
  .grid-targeted-agenda .targeted-agenda-section .targeted-agenda-header .carousel-actions {
    margin-top: 0;
    margin-right: 1rem;
    margin-bottom: 11px;
  }
  @media (max-width: 768px) {
    .grid-targeted-agenda .targeted-agenda-section {
      flex-direction: column;
    }
    .grid-targeted-agenda .targeted-agenda-section .targeted-agenda-header {
      flex-direction: row;
      align-items: center;
      max-width: initial;
      width: auto;
    }
    .grid-targeted-agenda .targeted-agenda-section .targeted-agenda-headline {
      display: flex;
      flex-direction: column;
      justify-content: center;
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      background-color: transparent;
      margin-right: 1rem;
      flex-shrink: 1;
    }
    .grid-targeted-agenda .targeted-agenda-section .targeted-agenda-headline h2 {
      font-size: 26px;
      height: auto;
    }
    .grid-targeted-agenda .targeted-agenda-section .targeted-agenda-header .carousel-actions {
      margin-bottom: 0;
      height: 100%;
    }
    .grid-targeted-agenda .targeted-agenda-header {
      margin-bottom: 16px;
    }
    .grid-targeted-agenda .workflow-targeted-agenda {
      margin-top: 5rem;
    }
  }
  /*@media (min-width: 1200px) {
    .grid-targeted-agenda .is-carousel .rf-tile-container .rf-tile-wrapper {
      width: 36.5%;
    }
  }*/
  @media (min-width: 1500px) {
    .grid-targeted-agenda .targeted-agenda-section .targeted-agenda-headline h2 {
      font-size: 1.6rem;
    }
    /*.grid-targeted-agenda .is-carousel .rf-tile-container .rf-tile-wrapper {
      max-width: 300px;
    }*/
  }
  
  /* Speaker Modal */
  .rf-speaker-modal .see-all-sessions-btn {
    background-color: transparent;
    border: none !important;
    colour: #01A982 !important;
    text-decoration: none !important;
  }
  .rf-speaker-modal .see-all-sessions-btn:hover .mdBtnR-text,
  .rf-speaker-modal .see-all-sessions-btn:focus .mdBtnR-text {
    text-decoration: underline !important;
  }
  
  /* Lobby Targeted Agenda - End */
  
  /* Extra Labs Catalog Button */
  .mdBtnR.mdBtnR-primary.extraLabsBtn {
    margin-top:12px !important;
    display: block;
  }
  
  @media screen and (max-width: 67rem) {
    /*1040px*/
    .mdBtnR.mdBtnR-primary.extraLabsBtn {
      display: none;
    }
  }
  
  /* Hide Meeting Back Button */
  .hpenterprises-tss22-tss22meetinghosts-scheduling .rfwf-orders-buttons .mdBtnR.mdBtnR-outline-primary.pull-left {
    display: none;  
  }
  
  /* Move modal close button to the left */
  .rf-default-modal .modal-dialog .modal-content .modal-header .modal-close {
    margin-right: 0.5rem;
  }
  
  /* hide opening soon buttons */
  .hpenterprises-tss22-openingsoon-form-message .form-footer-actions {
    display: none;
  }
  
  /*Block padding*/
  .px10 {padding-left: 10rem; padding-right: 10rem;}
  .py10 {padding-top: 10rem; padding-bottom: 10rem;}
  .px9 {padding-left: 9rem; padding-right: 9rem;}
  .py9 {padding-top: 9rem; padding-bottom: 9rem;}
  .px8 {padding-left: 8rem; padding-right: 8rem;}
  .py8 {padding-top: 8rem; padding-bottom: 8rem;}
  .px7 {padding-left: 7rem; padding-right: 7rem;}
  .py7 {padding-top: 7rem; padding-bottom: 7rem;}
  .px6 {padding-left: 6rem; padding-right: 6rem;}
  .py6 {padding-top: 6rem; padding-bottom: 6rem;}
  .px5 {padding-left: 5rem; padding-right: 5rem;}
  .py5 {padding-top: 5rem; padding-bottom: 5rem;}
  .px4 {padding-left: 4rem; padding-right: 4rem;}
  .py4 {padding-top: 4rem; padding-bottom: 4rem;}
  .px3 {padding-left: 3rem; padding-right: 3rem;}
  .py3 {padding-top: 3rem; padding-bottom: 3rem;}
  .px2 {padding-left: 2rem; padding-right: 2rem;}
  .py2 {padding-top: 2rem; padding-bottom: 2rem;}
  .px1 {padding-left: 1rem; padding-right: 1rem;}
  .py1 {padding-top: 1rem; padding-bottom: 1rem;}
  .pt10 {padding-top: 10rem;}
  .pb10 {padding-bottom: 10rem;}
  .pll0 {padding-left: 10rem;}
  .pr10 {padding-right: 10rem;}
  .pt9 {padding-top: 9rem;}
  .pb9 {padding-bottom: 9rem;}
  .pl9 {padding-left: 9rem;}
  .pr9 {padding-right: 9rem;}
  .pt8 {padding-top: 8rem;}
  .pb8 {padding-bottom: 8rem;}
  .pl8 {padding-left: 8rem;}
  .pr8 {padding-right: 8rem;}
  .pt7 {padding-top: 7rem;}
  .pb7 {padding-bottom: 7rem;}
  .pl7 {padding-left: 7rem;}
  .pr7 {padding-right: 7rem;}
  .pt6 {padding-top: 6rem;}
  .pb6 {padding-bottom: 6rem;}
  .pl6 {padding-left: 6rem;}
  .pr6 {padding-right: 6rem;}
  .pt5 {padding-top: 5rem;}
  .pb5 {padding-bottom: 5rem;}
  .pl5 {padding-left: 5rem;}
  .pr5 {padding-right: 5rem;}
  .pt4 {padding-top: 4rem;}
  .pb4 {padding-bottom: 4rem;}
  .pl4 {padding-left: 4rem;}
  .pr4 {padding-right: 4rem;}
  .pt3 {padding-top: 3rem;}
  .pb3 {padding-bottom: 3rem;}
  .pl3 {padding-left: 3rem;}
  .pr3 {padding-right: 3rem;}
  .pt2 {padding-top: 2rem;}
  .pb2 {padding-bottom: 2rem;}
  .pl2 {padding-left: 2rem;}
  .pr2 {padding-right: 2rem;}
  .pt1 {padding-top: 1rem;}
  .pb1 {padding-bottom: 1rem;}
  .pl1 {padding-left: 1rem;}
  .pr1 {padding-right: 1rem;}
  
  /*Block margin*/
  .mx10 {margin-left: 10rem !important; margin-right: 10rem !important;}
  .my10 {margin-top: 10rem !important; margin-bottom: 10rem !important;}
  .mx9 {margin-left: 9rem !important; margin-right: 9rem !important;}
  .my9 {margin-top: 9rem !important; margin-bottom: 9rem !important;}
  .mx8 {margin-left: 8rem !important; margin-right: 8rem !important;}
  .my8 {margin-top: 8rem !important; margin-bottom: 8rem !important;}
  .mx7 {margin-left: 7rem !important; margin-right: 7rem !important;}
  .my7 {margin-top: 7rem !important; margin-bottom: 7rem !important;}
  .mx6 {margin-left: 6rem !important; margin-right: 6rem !important;}
  .my6 {margin-top: 6rem !important; margin-bottom: 6rem !important;}
  .mx5 {margin-left: 5rem !important; margin-right: 5rem !important;}
  .my5 {margin-top: 5rem !important; margin-bottom: 5rem !important;}
  .mx4 {margin-left: 4rem !important; margin-right: 4rem !important;}
  .my4 {margin-top: 4rem !important; margin-bottom: 4rem !important;}
  .mx3 {margin-left: 3rem !important; margin-right: 3rem !important;}
  .my3 {margin-top: 3rem !important; margin-bottom: 3rem !important;}
  .mx2 {margin-left: 2rem !important; margin-right: 2rem !important;}
  .my2 {margin-top: 2rem !important; margin-bottom: 2rem !important;}
  .px1 {margin-left: 1rem !important; margin-right: 1rem !important;}
  .my1 {margin-top: 1rem !important; margin-bottom: 1rem !important;}
  .mt10 {margin-top: 10rem !important;}
  .mb10 {margin-bottom: 10rem !important;}
  .mll0 {margin-left: 10rem !important;}
  .mr10 {margin-right: 10rem !important;}
  .mt9 {margin-top: 9rem !important;}
  .mb9 {margin-bottom: 9rem !important;}
  .ml9 {margin-left: 9rem !important;}
  .mr9 {margin-right: 9rem !important;}
  .mt8 {margin-top: 8rem !important;}
  .mb8 {margin-bottom: 8rem !important;}
  .ml8 {margin-left: 8rem !important;}
  .mr8 {margin-right: 8rem !important;}
  .mt7 {margin-top: 7rem !important;}
  .mb7 {margin-bottom: 7rem !important;}
  .ml7 {margin-left: 7rem !important;}
  .mr7 {margin-right: 7rem !important;}
  .mt6 {margin-top: 6rem !important;}
  .mb6 {margin-bottom: 6rem !important;}
  .ml6 {margin-left: 6rem !important;}
  .mr6 {margin-right: 6rem !important;}
  .mt5 {margin-top: 5rem !important;}
  .mb5 {margin-bottom: 5rem !important;}
  .ml5 {margin-left: 5rem !important;}
  .mr5 {margin-right: 5rem !important;}
  .mt4 {margin-top: 4rem !important;}
  .mb4 {margin-bottom: 4rem !important;}
  .ml4 {margin-left: 4rem !important;}
  .mr4 {margin-right: 4rem !important;}
  .mt3 {margin-top: 3rem !important;}
  .mb3 {margin-bottom: 3rem !important;}
  .ml3 {margin-left: 3rem !important;}
  .mr3 {margin-right: 3rem !important;}
  .mt2 {margin-top: 2rem !important;}
  .mb2 {margin-bottom: 2rem !important;}
  .ml2 {margin-left: 2rem !important;}
  .mr2 {margin-right: 2rem !important;}
  .mt1 {margin-top: 1rem !important;}
  .mb1 {margin-bottom: 1rem !important;}
  .ml1 {margin-left: 1rem !important;}
  .mr1 {margin-right: 1rem !important;}
  .mt0 {margin-top: 0 !important;}
  .mb0 {margin-bottom: 0 !important;}
  .ml0 {margin-left: 0 !important;}
  .mr0 {margin-right: 0 !important;}
  
  /*km 20009*/
  .dashboard-content .rf-card.meeting-requestor .rf-pill-lightgray {
    background-color:#bbb;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-medgray {
    background-color:#999;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-gray {
    background-color:#444;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-blue {
    background-color:#3e82e0;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-lightblue {
    background-color:#00bcd6;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-purple {
    background-color:#9300b7;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-green {
    background-color:#01A982;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-orange {
    background-color:#FF8300;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-orange .rf-pill-text {
    color: #000000 !Important;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-yellow {
    background-color:#ffc107;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill-red {
    background-color:#CA2B4E;
  }
  .dashboard-content .rf-card.meeting-requestor .rf-pill{
    padding: 1px 7px 3px !important;
    border-radius: 0;
  }
  /*end 20009*/
  
  /* Meeting dashboard layout */
  .hpenterprises-tss22-tss22meetingrequest-page-dashboard .rfwf-full-panel.rfwf-header,
  .hpenterprises-tss22-hpexhibitormeetingrequest-page-dashboard .rfwf-full-panel.rfwf-header {
    border-bottom: 0;  
  }
  .hpenterprises-tss22-tss22meetingrequest-page-dashboard .rfG-md-50:nth-of-type(1),
  .hpenterprises-tss22-hpexhibitormeetingrequest-page-dashboard .rfG-md-50:nth-of-type(1) {
    width: 100%;
  }
  .rfwf-exhibitor-dashboard .rfG-md-33:nth-of-type(1) {
    width: 100%;
  }
  .hpenterprises-tss22-tss22meetingrequest-page-dashboard .rfG-md-50:nth-of-type(1) .rf-card.meeting-requestor,
  .hpenterprises-tss22-hpexhibitormeetingrequest-page-dashboard .rfG-md-50:nth-of-type(1) .rf-card.meeting-requestor {
    max-width: 100%;
  }
  .hpenterprises-tss22-tss22meetingrequest-page-dashboard .rf-card.meeting-requestor .card-header,
  .hpenterprises-tss22-tss22meetingrequest-page-dashboard .rf-card.meeting-requestor .card-body,
  .hpenterprises-tss22-hpexhibitormeetingrequest-page-dashboard .rf-card.meeting-requestor .card-header,
  .hpenterprises-tss22-hpexhibitormeetingrequest-page-dashboard .rf-card.meeting-requestor .card-body {
    border-radius: 0 !important;
  }
  .hpenterprises-tss22-tss22meetingrequest-page-dashboard .rf-card.meeting-requestor .card-body,
  .hpenterprises-tss22-hpexhibitormeetingrequest-page-dashboard .rf-card.meeting-requestor .card-body {
    height: auto;
    max-height: 300px;
    min-height: 300px;
  }
  .choose-experts-modal .choose-experts-search button {
    margin-top: 28px;
  }
  
  /* Update the meeting abstract title */ 
  .meetings-administration .meetings-completed-requests .meetings-section-details h5:nth-of-type(3),
  .meetings-administration .meetings-pending-requests .meetings-section-details h5:nth-of-type(3) {
    font-size: 0;
    padding-top: 12px !important;
    padding-bottom: 4px !important;
  }
  .meetings-administration .meetings-completed-requests .meetings-section-details h5:nth-of-type(3):after,
  .meetings-administration .meetings-pending-requests .meetings-section-details h5:nth-of-type(3):after {
    content: 'Additional Information for the Host:';
    font-size: 16px;
  }
  }
  
  .md-frame.md-frame-primary .md-frame-header h2 {
    font-family: 'Metric Regular';
  
  }
  
  .md-frame .md-frame-header h2 span {
    margin: 0 0 0 8px;
  }
  
  /* -----------------------------------------------------------------------------------------------------------------
  
  Start TSS 2023 
  
  -----------------------------------------------------------------------------------------------------------------*/
  
  /* Override buttons to not be uppercase */
  .mdBtnR, a.mdBtnR {
    text-transform: none;
  }
  
  /* Page Sections */
  .flex-box-section-full {
    padding: 2em 0 !important;
  }
  
  h1.section-header {
    font-family: 'Metric Bold', Arial;
    font-size: 2em;
    text-align: center;
  }
  
  h1.section-header.white {
    color: #ffffff;
  }
  
  /* Sponsors Section */
  .sponsors-section {
    background-color: #0D526577;
    margin: 4em 0;
    padding: 2em;
  }
  
  /* Page tiles */
  
  .content-tile-background-image {
    background-size: cover;
    height: 200px;
    width: 300px;
    position: relative;
    z-index: 1;
  }
  
  .content-tile-caption {
    margin-top: 50px;
  }
  .content-tile-caption > p {
    font-family: 'Metric-Bold', Arial;
    text-align: center;
    font-weight: 800;
    font-size: 1.5em;
  }
  
  .box-shadow {
    padding-right: 50px;
    padding-bottom: 50px;
    position: relative;
    height: 200px;
    width: 300px;    
    margin: 0 auto;
  }
  
  .box-shadow-magenta-cyan:after {   
    content: "";
    position: absolute;
    inset: 1.2vw -2.5vw -2.5vw 2vw;
    background: linear-gradient(to top right, #D221FF, #00DEC8);
    z-index: 0;
  }
  
  .box-shadow-yellow-purple:after {   
    content: "";
    position: absolute;
    inset: 1.2vw -2.5vw -2.5vw 2vw;
    background: linear-gradient(to top right, #FFC800, #00DEC8, #8219F3);
    z-index: 0;
  }
  
  .box-shadow-yellow-blue:after {   
    content: "";
    position: absolute;
    inset: 1.2vw -2.5vw -2.5vw 2vw;
    background: linear-gradient(to top right, #FFC800, #EB3474, #8219F3);
    z-index: 0;
  }
  
  /* Sponsor Task List */
  
  .rfwf-panel, .rfwf-full-panel {
    border-bottom: 0;
  }
  
  .md-frame.md-frame-primary.rf-tasks-list > div.md-frame-header {
    background-color: #FF8300;
    border-bottom-color: #FF8300;
  }

  .md-frame.md-frame-primary .md-frame-header h2 {
    color: #000000;
  }
  
  #task-list > div.rfwf-full-panel.rfwf-tasks > div > .md-frame.md-frame-primary.rf-tasks-list > div > div > h2 > span > span{
    color: #000000;
  }
  
  #task-list > div.rfwf-full-panel.rfwf-tasks > div > .md-frame.md-frame-primary.rf-tasks-list > ul > li > div > div.task-listing-arrow > span > svg,
  #task-list > div.rfwf-full-panel.rfwf-tasks > div > .md-frame.md-frame-primary.rf-tasks-list > ul > div > div > div.task-listing-arrow > span > svg {
    fill: #FF8300;
  }

  .rf-checkbox.success input[type=checkbox]:checked+.checkbox-bg {
    background-color: #FF8300;
  }

  .rf-checkbox .checkbox-bg,
  .rf-checkbox.success .checkbox-bg {
    border-color: #FF8300;
  }

  .dropdown-results-container .rf-singleselect .common-select-dropdown-option-item.active,
  .rf-checkbox input[type=checkbox]:checked + .checkbox-bg {
    background: #FF8300;
  }

  .rf-checkbox .rfSI svg,
  .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg {
    fill: #0000;
  }
  
  .rfwf-panel, .rfwf-full-panel {
    padding: 0;
  }

  .rf-pill .rf-pill-text {
    color: #000000;
  }

  /* Create gap between 2 column layout */
  .rf-grid-layout-50 {
    width: 48%;
  }


  /* Turn off box-shadows */
  .rf-accessibility .mdBtnR:not(.mdBtnR-text-button):not(.mdBtnR-link):focus, 
  .rf-accessibility .favorite-catalog-result:focus, 
  .rf-accessibility .session-downloads:focus, 
  .rf-accessibility .catalog-result.recommended .recommendation-actions button:focus, 
  .rf-accessibility .search-filters .filters .catalog-filter:focus, 
  .rf-accessibility .schedule-calendar .rbc-day-slot .rbc-time-slot:focus, 
  .rf-accessibility .schedule-calendar .rbc-event:focus, 
  .rf-accessibility .search-container .rf-facets .rf-tag:focus, 
  .rf-accessibility .catalog-result:focus, 
  .rf-accessibility .rf-catalog-tabs li button:focus, 
  .rf-accessibility .calendar-head .prev-day:focus, 
  .rf-accessibility .calendar-head .next-day:focus, 
  .rf-accessibility .search-bar .catalog-search .rf-input input:focus, 
  .rf-accessibility .sub-video-overlay:focus, .rf-accessibility #rf-catalog .search-container .rf-facets .rf-tag:focus, 
  .rf-accessibility .flowplayer *[role=button]:focus, 
  .rf-accessibility .flowplayer *[role=slider]:focus, 
  .rf-accessibility .flowplayer *[role=menuitem]:focus, 
  .rf-accessibility .fp-volumebtn svg:focus, 
  .rf-accessibility .fp-middle:focus .fp-play, 
  .rf-accessibility .rf-tile-avatar:focus, .rf-accessibility input[type=checkbox]:focus, 
  .rf-accessibility .checkbox input[type=checkbox]:focus, .rf-accessibility input[type=radio]:focus, 
  .rf-accessibility .radio input[type=radio]:focus, 
  .rf-accessibility .rf-checkbox:focus .checkbox-bg, 
  .rf-accessibility .rf-radio-option:focus, .rf-accessibility button.rfSI:focus, 
  .rf-accessibility .card-header .card-controls:focus, 
  .rf-accessibility .md-frame-accordion .accordion-headline:focus h3, 
  .rf-accessibility .rfwf-discount-code .rf-tag:focus-within, 
  .rf-accessibility .chip:focus, 
  .rf-accessibility .frame-tabs-container:focus, 
  .rf-accessibility .frame-tab-item:focus, 
  .rf-accessibility .rf-tasks-list div[class^=rf-task-listing]:focus, 
  .rf-accessibility .side-nav-tab:focus, 
  .rf-accessibility .collapse-action:focus, .rf-accessibility input[id^=rf-icon-input-focus-]:focus, 
  .rf-accessibility .messaging-contacts-header:focus, 
  .rf-accessibility .messaging-contacts-body:focus, 
  .rf-accessibility .messaging-messages:focus, 
  .rf-accessibility .bubble-text:focus, 
  .rf-accessibility .message-divider:focus, 
  .rf-accessibility .messaging-profile-details:focus, 
  .rf-accessibility .conversation-beginning:focus, 
  .rf-accessibility .conversation-info:focus, 
  .rf-accessibility .messaging-contacts-list li:focus, 
  .rf-accessibility .contact-details:focus, 
  .rf-accessibility .attendee-tile-name:focus, .rf-accessibility li.emoji button:focus, .rf-accessibility nav.emoji-categories button[class^=icn-]:focus, 
  .rf-accessibility .group-chat-participants li:focus, 
  .rf-accessibility .headline-prev-page:focus, 
  .rf-accessibility .rf-tasks-list .rf-task-listing:focus-within, 
  .rf-accessibility .rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus, 
  .rf-accessibility .rf-select .rf-dropdown-container .rf-dropdown-trigger input:focus, 
  .rf-accessibility .rf-select .rf-dropdown-container:focus, 
  .rf-accessibility .rf-textarea textarea:focus, 
  .rf-accessibility .rf-select select:focus, 
  .rf-accessibility .rf-select select:not([multiple]):focus, 
  .rf-accessibility .rf-select select:focus+.select-dropdown-icon .dropdown-icon-background {
      box-shadow: none !important;
  }



/* Radio buttons into actual buttons - MC 20231101*/
.hpenterprises-techjamemea-sponsorshipapplication-form-sponsorapplicationpage1 input[type="radio"]:checked + span {
    background: #01A982;
	color: #fff;
    padding: 10px 15px;
}

.hpenterprises-techjamemea-sponsorshipapplication-form-sponsorapplicationpage1 input[type="radio"] + span {
    border: 1px solid #01A982;
    padding: 10px 15px;
}

.hpenterprises-techjamemea-sponsorshipapplication-form-sponsorapplicationpage1 div.radio {
	margin-top: 20px; 
}

.hpenterprises-techjamemea-sponsorshipapplication-form-sponsorapplicationpage1 input[type="radio"] {
    display: none;
    position: absolute;
    width: 100%;
    appearance: none;
}

.hpenterprises-techjamemea-sponsorshipapplication-form-sponsorapplicationpage1 .wf-form-element-div .rf-radio-container .radio>label {
 padding-left: 0; 
}


.hpenterprises-techjamemea-sponsorshipapplication-form-sponsorapplicationpage1  input[type="radio"] + span {
    border: 1px solid #01A982;
    padding: 10px 15px;
}



/* Workaround for potential RF bug adding classes to next form page */
.hpenterprises-techjamemea-sponsorshipapplication-form-spoagreementspoapplicationformpage2copy input[type="radio"]:checked + span {
    background: #fff;
	color: #151515;
  	padding: 0;
}


.hpenterprises-techjamemea-sponsorshipapplication-form-spoagreementspoapplicationformpage2copy input[type="radio"] + span {
    border: none;
    padding: 0;
}

.hpenterprises-techjamemea-sponsorshipapplication-form-spoagreementspoapplicationformpage2copy div.radio {
	margin-top: 20px; 
}

.hpenterprises-techjamemea-sponsorshipapplication-form-spoagreementspoapplicationformpage2copy input[type="radio"] {
    display: block;
    position: relative;
    width: unset;
    appearance: radio;
}

.hpenterprises-techjamemea-sponsorshipapplication-form-spoagreementspoapplicationformpage2copy .wf-form-element-div .rf-radio-container .radio>label {
 padding-left: 30px; 
}


.hpenterprises-techjamemea-sponsorshipapplication-form-spoagreementspoapplicationformpage2copy  input[type="radio"] + span {
    border: none;
  	padding: 0;
}

/* Font family override - MC - 20231124 */

.rf-admin-content .rf-text-container h1 strong, .rf-admin-content .rf-text-container h1 em, .rf-admin-content .rf-text-container h1 u, .rf-admin-content .rf-text-container h2 strong, .rf-admin-content .rf-text-container h2 em, .rf-admin-content .rf-text-container h2 u, .rf-admin-content .rf-text-container h3 strong, .rf-admin-content .rf-text-container h3 em, .rf-admin-content .rf-text-container h3 u, .rf-admin-content .rf-text-container h4 strong, .rf-admin-content .rf-text-container h4 em, .rf-admin-content .rf-text-container h4 u, .rf-admin-content .rf-text-container h5 strong, .rf-admin-content .rf-text-container h5 em, .rf-admin-content .rf-text-container h5 u, .rf-admin-content .rf-text-container h6 strong, .rf-admin-content .rf-text-container h6 em, .rf-admin-content .rf-text-container h6 u, .rfComp-canvas .rf-text-container h1 strong, .rfComp-canvas .rf-text-container h1 em, .rfComp-canvas .rf-text-container h1 u, .rfComp-canvas .rf-text-container h2 strong, .rfComp-canvas .rf-text-container h2 em, .rfComp-canvas .rf-text-container h2 u, .rfComp-canvas .rf-text-container h3 strong, .rfComp-canvas .rf-text-container h3 em, .rfComp-canvas .rf-text-container h3 u, .rfComp-canvas .rf-text-container h4 strong, .rfComp-canvas .rf-text-container h4 em, .rfComp-canvas .rf-text-container h4 u, .rfComp-canvas .rf-text-container h5 strong, .rfComp-canvas .rf-text-container h5 em, .rfComp-canvas .rf-text-container h5 u, .rfComp-canvas .rf-text-container h6 strong, .rfComp-canvas .rf-text-container h6 em, .rfComp-canvas .rf-text-container h6 u, .rf-default-modal .rf-text-container h1 strong, .rf-default-modal .rf-text-container h1 em, .rf-default-modal .rf-text-container h1 u, .rf-default-modal .rf-text-container h2 strong, .rf-default-modal .rf-text-container h2 em, .rf-default-modal .rf-text-container h2 u, .rf-default-modal .rf-text-container h3 strong, .rf-default-modal .rf-text-container h3 em, .rf-default-modal .rf-text-container h3 u, .rf-default-modal .rf-text-container h4 strong, .rf-default-modal .rf-text-container h4 em, .rf-default-modal .rf-text-container h4 u, .rf-default-modal .rf-text-container h5 strong, .rf-default-modal .rf-text-container h5 em, .rf-default-modal .rf-text-container h5 u, .rf-default-modal .rf-text-container h6 strong, .rf-default-modal .rf-text-container h6 em, .rf-default-modal .rf-text-container h6 u, [id*=rf-].rf-widget .rf-text-container h1 strong, [id*=rf-].rf-widget .rf-text-container h1 em, [id*=rf-].rf-widget .rf-text-container h1 u, [id*=rf-].rf-widget .rf-text-container h2 strong, [id*=rf-].rf-widget .rf-text-container h2 em, [id*=rf-].rf-widget .rf-text-container h2 u, [id*=rf-].rf-widget .rf-text-container h3 strong, [id*=rf-].rf-widget .rf-text-container h3 em, [id*=rf-].rf-widget .rf-text-container h3 u, [id*=rf-].rf-widget .rf-text-container h4 strong, [id*=rf-].rf-widget .rf-text-container h4 em, [id*=rf-].rf-widget .rf-text-container h4 u, [id*=rf-].rf-widget .rf-text-container h5 strong, [id*=rf-].rf-widget .rf-text-container h5 em, [id*=rf-].rf-widget .rf-text-container h5 u, [id*=rf-].rf-widget .rf-text-container h6 strong, [id*=rf-].rf-widget .rf-text-container h6 em, [id*=rf-].rf-widget .rf-text-container h6 u {
	font-family: 'Metric Regular', Arial; 
}


/* Header gradient overlay - MC - 20231124*/


.hero_maxi_header > span:first-child {
  	background: linear-gradient(35deg,#FFC800, #EB3474, #8219F3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  	margin-top: 5px;
}


/* Removed all cancel buttons - MC 20231214 */

#wf-btn-cancel {
 display: none; 
}

a.cta-learn-more-link > span {
        display: inline-block;
        /* padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        padding-left: 3.5em;
        padding-right: 4.8vw; */
        color: #FFFFFF !important;
        text-decoration: none !important;
        font-family: 'Metric Regular' !important;
        font-size: 16px !important;
        position: relative;
    }

    a.cta-learn-more-link > span::after {
        content: '';
        background-size: 19px 14px !important;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        width: 18px;
        height: 100%;
        display: inline-block;
        margin-left: 6px;
        margin-top: 0;
        transition: 150ms ease-in-out;
        top: 0;
        background-image: url("https://static.rainfocus.com/hpenterprises/tss22/static/staticfile/staticfile/Lobby_Link_Arrow_White_1638970391795001zsaL.svg");
    }
    
    a.cta-learn-more-link:hover > span::after {
        margin-left: 10px;
    }