@font-face {
  font-family: 'KnileBold';
  src: url('//cdn-customers.nanorep.com/customers/rbs/fonts/knile-bold-webfont.eot?#iefix')
      format('embedded-opentype'),
    url('//cdn-customers.nanorep.com/customers/rbs/fonts/knile-bold-webfont.woff')
      format('woff'),
    url('//cdn-customers.nanorep.com/customers/rbs/fonts/knile-bold-webfont.ttf')
      format('truetype'),
    url('//cdn-customers.nanorep.com/customers/rbs/fonts/knile-bold-webfont.svg')
      format('svg');
}
@font-face {
  font-family: 'RN House Sans';
  src: url('https://nr-customers.s3.amazonaws.com/customers/rbs/Bankline/fonts/RNHouseSans-Regular.ttf')
    format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RN House Sans';
  src: url('https://nr-customers.s3.amazonaws.com/customers/rbs/Bankline/fonts/RNHouseSans-Bold.ttf')
    format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: KnileBold;
  src: url('//cdn-customers.nanorep.com/customers/rbs/fonts/knile-bold-webfont.woff')
      format('woff'),
    url('//cdn-customers.nanorep.com/customers/rbs/fonts/knile-bold-webfont.ttf')
      format('truetype');
}

:root {
  --color-primary: #5a287d;
  --color-secondary: #5e10b1;
  --body-grey: #646068;
}

#genesys-support-center * {
  font-family: 'RN House Sans' !important;
}

#genesys-support-center .text-sm,
#genesys-support-center .text-lg,
#genesys-support-center .text-base {
  line-height: 22px !important;
  font-size: 18px !important;
}

#genesys-support-center .text-xl {
  line-height: 24px !important;
  font-size: 20px !important;
}

#genesys-support-center [class*='SupportCenter_container'] {
  z-index: 10 !important;
}

#genesys-support-center [data-testid='knowledge-article-body'] li * {
  font-size: 18px !important;
  line-height: 26px !important;
}

#genesys-support-center input[type='text'],
#genesys-support-center [class*='SearchField_container'] *,
#genesys-support-center [data-testid='auto-complete-results-main'] * {
  color: #000 !important;
  line-height: 22px !important;
  font-size: 18px !important;
}

#genesys-support-center h2[class*='KnowledgeArticle_title'],
#genesys-support-center h2[class*='SectionContainer_sectionTitle'] {
  font-family: 'KnileBold' !important;
  font-size: 30px !important;
  line-height: 50px !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
}

#genesys-support-center h2[class*='SectionContainer_sectionTitle'] {
  color: var(--color-primary) !important;
}

#genesys-support-center [class*='SectionContainer_sectionHeader'] {
  margin-bottom: 0 !important;
}

#genesys-support-center [data-testid='category-item'] {
  padding: 0 !important;
  color: var(--color-primary) !important;
  height: 64px !important;
  border: var(--color-primary) 1px solid !important;
  box-shadow: none !important;
}

#genesys-support-center [data-testid='category-item']:hover {
  background-color: var(--color-primary) !important;
  box-shadow: none !important;
}

#genesys-support-center [data-testid='category-item']:hover span {
  color: white !important;
}

#genesys-support-center [data-testid='category-item'] span {
  font-weight: normal;
  color: var(--color-primary) !important;
}

#genesys-support-center [class*='SectionContainer_sectionDescription'] {
  display: none !important;
}

#genesys-support-center [data-testid='top-viewed-article-item'] > svg {
  display: none !important;
}

#genesys-support-center [data-testid='top-viewed-article-item'],
#genesys-support-center
  li[data-testid='knowledge-result-item']
  [data-testid='knowledge-result-item-text'] {
  padding: 10px 0 10px !important;
  border: none !important;
}

#genesys-support-center [data-testid='top-viewed-article-item'] > span {
  color: var(--color-secondary) !important;
  font-weight: 600 !important;
  font-size: 20px !important;
}

#genesys-support-center [data-testid='top-viewed-article-item']:hover > span {
  color: var(--color-secondary) !important;
  text-decoration: underline !important;
}

#genesys-support-center [data-testid='top-viewed-article-item']:hover > svg {
  fill: var(--color-tertiary) !important;
}

#genesys-support-center [data-testid='knowledge-categories-container'] {
  margin-bottom: 0 !important;
}

#genesys-support-center [data-testid='article-item'],
#genesys-support-center [data-testid='knowledge-result-item'] {
  box-shadow: none !important;
}

#genesys-support-center [data-testid='knowledge-result-item'] {
  padding: 8px 0 !important;
  gap: 0;
}

#genesys-support-center [data-testid='knowledge-result-item'] div:last-of-type {
  margin-bottom: 0 !important;
  display: none !important;
}

#genesys-support-center [class*='KnowledgeResults_results_headerContainer'] {
  padding: 0 !important;
}

#genesys-support-center a {
  cursor: pointer !important;
}

#genesys-support-center li > a[data-testid='article-item'] {
  color: var(--color-secondary) !important;
  padding: 10px 0 10px !important;
  line-height: 22px !important;
  font-size: 18px !important;
}

#genesys-support-center li[data-testid='knowledge-result-item'] > a {
  color: var(--color-secondary) !important;
}

#genesys-support-center [data-testid='articles-container'] {
  gap: 0 !important;
}

#genesys-support-center a[data-testid='article-item']:hover,
#genesys-support-center li[data-testid='knowledge-result-item'] > a:hover {
  text-decoration: underline !important;
}

#genesys-support-center a[data-testid='article-item'] > span,
#genesys-support-center
  li[data-testid='knowledge-result-item']
  [data-testid='knowledge-result-item-text'] {
  color: var(--color-secondary) !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 24px !important;
}

#genesys-support-center [data-testid='article-item']:hover {
  box-shadow: none !important;
  background-color: white !important;
}

#genesys-support-center [data-testid='article-feedback-title'] + p {
  display: none !important;
}

#genesys-support-center [data-testid='article-feedback-title'] {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  top: -10px;
  left: 24px;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: var(--body-grey);
}

#genesys-support-center .CXKN_customFeedback {
  display: flex;
  gap: 24px;
}

#genesys-support-center [data-testid='positive-feedback-button'],
#genesys-support-center [data-testid='negative-feedback-button'] {
  position: relative;
  border: none !important;
  color: var(--color-secondary) !important;
  font-size: 18px !important;
  font-weight: 100 !important;
  font-family: Arial !important;
  background-color: transparent !important;
  padding: 0 0 2px !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
}

#genesys-support-center [data-testid='positive-feedback-button']:hover,
#genesys-support-center [data-testid='negative-feedback-button']:hover {
  background: none !important;
  border-bottom: 1px solid var(--color-secondary) !important;
}

#genesys-support-center [data-testid='positive-feedback-button']::after {
  content: '/';
  position: absolute;
  top: 3px;
  left: 28px;
  display: block;
  margin-left: 10px;
  font-size: 22px !important;
}

#genesys-support-center
  button[data-testid='positive-feedback-button']:hover::after {
  text-decoration: none !important;
}

#genesys-support-center [data-testid='negative-feedback-modal'] label {
  font-weight: normal !important;
}

#genesys-support-center [data-testid='negative-feedback-modal'] * {
  border-radius: 0 !important;
}

#genesys-support-center [data-testid='negative-submit-button'] {
  background-color: var(--color-secondary) !important;
  border-radius: 0 !important;
  font-size: 18px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 10px 30px !important;
}

#genesys-support-center [data-testid='article-last-updated'] {
  position: absolute !important;
  width: 40px !important;
  height: 40px !important;
  top: 55px !important;
  right: 80px !important;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAOKADAAQAAAABAAAAOAAAAAAun0ppAAACu1BMVEUAAAD///+AgP+qVf+AQL9mM8yAK9VtJLZgIL9xHMZmGrN0F7lqFb9iFMRtErZmEbtgIL9pHrRjHLhrG7xmGrNhGLZgFbVmFLhhErlgGLdjFbFgFbNlFLVgE7NkE7RhErZfErJjEblgEbVeEbFeEbdcELNgELVjELZjFbZfFLRiFLVeE7NkErZiErNiEbdgEbRjELVkD7ZfD7NeD7RgErFgErVkD7VfErNfErZdErdeEbJgEbNgEbZgELNgE7NgELFfEbNhEbFgELVhE7FgELVfELNfErNgErFgErRfErRiD7JeErNhErNdErJfErRhEbRfE7BeEbNgE7JfELBhELNeELFgELRfErJhELJgELNdELFfD7JfD7RgD7NfD7NhD7FgD7JgD7NgEbRgELFgErNfELJeELNfELNgEbJeEbJgEbJeELNeErNfErJeEbReD7JeEbFeD7RfD7JdELJfELJeErFeErNeEbJgEbJgEbNfEbJfEbFfEbNeEbJgEbJfEbFfEbJfEbNfELFfELJgEbNeEbJfEbFeEbJfEbJfEbFgEbNfELJeELFfELJfELNgELNeELJeELFeELJeELJfEbFfELNeEbNfEbJfEbJeEbFgEbFeELJfELJfELFfELJfErJeErFeErJfELJfErJfErNfEbJgEbNfELFfELNeELJfEbFeEbJeEbJfEbJfELJfELNeELJfELJfELFfELNfELNfELFeELJfELJfEbJfEbFeEbJeELJfELFfELJeELFfEbFeD7JeEbJfD7JfEbNeErJeEbJeEbNeELJfELJeELFeEbFfELFfELJfELJfEbBfEbJeELFeEbJeELJfEbFeELJfELFeEbFeEbJeEbFfEbFfEbJeEbFeEbJfELJgELJeELFeELFeELJeELNfELJeELFfELJfELFeELJeELF99tjYAAAA6HRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVGBkdICQlJigpKissLS4uLzAxMTM0Njg5PD0+QkNERUVFRkZHTE1NUFBSW1xdX2BhYWJiY2NkZGZmaWtsbW5ub3BxcXJzdHR1dnZ3eHp9f4GCg4WHiJCQkZKVlpiZnJ6goKKioqOkpKWlpqaqq6yys7O2tre4uru8vLy9wMDBwcLFxsfIyMnJysrKy8vMzMzNzc/P0NHT1NTa2tvb3Nze3+Dh4ePk5eXl5ubn5+fn6erq6+vs7Ozs7e3t7u7v8PHz9PT19fX29/j4+fr7+/v8/P3+L/CC2wAAAf5JREFUSMdjYBgFo2BwAe0LSUxkafR7cSmWhRyNQS9uXoxmIUtj+R6ydAa9yHTefT6KmRyNjG57z0cyk6GRgXSdHGLScUCNDIzu+85GEKuTRd67ePKKzWeepgA5jB77ToYRpVPUpWPrixenV8+alCUI4jN67jtDhE6+iJkP7i6vcNQU52eDCjF6HzoRSkincsvd85124qiChHVyBa6732PIgSHO6HvgeDCedMvddGtbCD82GUbfw8esceoTaX2xyQGXpP/lqbikBCqfzVDAaariwXk4ZHiLHi5RwqlPfdnDAuwyzBn3Vmnh1rf0UakgdimDXVt0cOpTW/KwDIc+4d77CTj1qS5+UoFDH0PM0w5uGJtfStfWKzbc1V4DoU8IV/qce84MwhK3yJ+28foLMNigDxJRWfikEpc+Bp/HzaxAitOmbuWdFzsXdZfkpafmTHmRC9K34GkVTn28k65ZMjCwGrddeba20UVOhAmekRmU5j+txqmPQfPodAEGvcZTtycGSKCWAErzntYI406kiS/SOCJ3PJruxINWdCjNeVaLRx9r9w3Twqu7k0XRy5zs2Xj1MUisWd/3fLoRI0Zhtf9ZvQi+bKhx5O6LfgkM4fgXzxrw6mOwev6iSxJT2Hz7BHb85UXyi3YJbOImXAQKmsYXsuRVhMIyo42BUTAsAQAy27ADhErRmAAAAABJRU5ErkJggg==') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

#genesys-support-center [data-testid='breadcrumb-item']:last-of-type {
  color: #767276 !important;
}

#genesys-support-center [data-testid='modified-date-container'] {
  display: none !important;
}

#genesys-support-center .CXKN_tooltip {
  font-size: 16px !important;
}

@media screen and (max-width: 767px) {
  #genesys-support-center [data-testid='article-last-updated'] {
    position: relative !important;
    left: 0;
    top: 20px !important;
  }

  #genesys-support-center .CXKN_tooltip {
    width: 150px;
    top: 0px !important;
    left: 50px !important;
  }
}

#genesys-support-center [data-testid='knowledge-article-body'] {
  margin-bottom: 20px !important;
}

#genesys-support-center [data-testid='knowledge-search-main-container'] {
  background-color: var(--color-primary) !important;
}

#genesys-support-center [data-testid='welcome-title'] {
  font-family: 'Knilebold' !important;
  font-size: 52px !important;
  line-height: 58px !important;
  color: white !important;
}

#genesys-support-center .articleFeedbackContainer {
  margin-top: 50px !important;
  padding-top: 100px;
  order: 2;
  position: relative;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

@media screen and (max-width: 816px) {
  #genesys-support-center [data-testid='welcome-title'] {
    font-size: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  #genesys-support-center .articleFeedbackContainer {
    margin-top: 80px !important;
  }

  #genesys-support-center [data-testid='article-feedback-title'] {
    position: absolute;
    top: -40px;
  }
}

@media screen and (max-width: 370px) {
  #genesys-support-center .articleFeedbackContainer {
    margin-top: 110px !important;
  }

  #genesys-support-center [data-testid='article-feedback-title'] {
    position: absolute;
    top: -70px;
  }
}

#context-reset {
  position: absolute;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  z-index: 99999999;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  opacity: 1;
  transition: all 0.5s linear;
}
.loader {
  position: relative;
  width: 100px;
  height: 100px;
}

.loader:before,
.loader:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
}
.loader:after {
  box-shadow: 0 5px 0 var(--color-primary) inset;
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}